Sha256: fe764dda0b0748e55e025abbc1bbd05df8af82b40627be4b9ee9ac0ceff06efe
Contents?: true
Size: 1.48 KB
Versions: 15
Compression:
Stored size: 1.48 KB
Contents
((exports) => {
const DEFAULT_ATTRIBUTES = {
role: "none presentation"
};
/**
* Generates a Decidim icon element and returns it as a string.
* @param {String} iconKey - the key of the icon to be generated
* @param {Object} attributes - extra attributes to define for the icon SVG
* @param {int} wait - number of milliseconds to wait before executing the function.
* @private
* @returns {Void} - Returns nothing.
*/
exports.Decidim.icon = (iconKey, attributes = {}) => {
const iconAttributes = exports.$.extend(DEFAULT_ATTRIBUTES, attributes);
const title = iconAttributes.title || iconAttributes.ariaLabel;
Reflect.deleteProperty(iconAttributes, "title");
const htmlAttributes = {
"class": `icon icon--${iconKey}`
};
Object.keys(iconAttributes).forEach((key) => {
// Convert the key to dash-format.
const newKey = key.replace(/([A-Z])/g, (ucw) => `-${ucw[0].toLowerCase()}`);
if (typeof htmlAttributes[key] === "undefined") {
htmlAttributes[newKey] = iconAttributes[key];
} else {
htmlAttributes[newKey] = `${htmlAttributes[newKey]} ${iconAttributes[key]}`;
}
});
const iconsPath = exports.Decidim.config.get("icons_path");
const elHtml = `<svg><use href="${iconsPath}#icon-${iconKey}"></use></svg>`;
const $el = $(elHtml);
if (title) {
$el.prepend(`<title>${title}</title>`);
}
$el.attr(htmlAttributes);
return $("<div />").append($el).html();
};
})(window);
Version data entries
15 entries across 15 versions & 1 rubygems