proicons 4.8.1

package/dist/proicons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"proicons.js","mappings":"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","sources":["webpack://proicons/webpack/universalModuleDefinition","webpack://proicons/./bin/rename.js","webpack://proicons/webpack/bootstrap","webpack://proicons/webpack/runtime/define property getters","webpack://proicons/webpack/runtime/hasOwnProperty shorthand","webpack://proicons/./src/categories.ts","webpack://proicons/./src/interfaces.ts","webpack://proicons/./src/getIconInfo.ts","webpack://proicons/./src/proicons.ts","webpack://proicons/./src/replace.ts","webpack://proicons/./src/search.ts"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"proicons\"] = factory();\n\telse\n\t\troot[\"proicons\"] = factory();\n})(self, () => {\nreturn ","function removeParenthesis(str) {\r\n    return str.replace(/[()]/g, '')\r\n}\r\nfunction camelCase(str) {\r\n    return removeParenthesis(str).split(' ').map((word, i) => i == 0 ? word.toLowerCase() : word.charAt(0).toUpperCase() + word.slice(1)).join('')\r\n}\r\nfunction kebabCase(str) {\r\n    return removeParenthesis(str).replaceAll(' ', '-').toLowerCase()\r\n}\r\nmodule.exports = { camelCase, kebabCase };","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","import icons from './configs/tags.json'\r\n\r\n/** List of all icon categories */\r\nconst categories = Object.values(icons).map((item) => item.category).filter((value, index, self) => self.indexOf(value) === index)\r\n\r\nexport default categories","export interface ProIconReplaceConfig {\r\n    /** Determines the color of the icons. Defaults to `currentColor`. */\r\n    color: string,\r\n    /** Determines the default stroke width of the icon. Defaults to `1.5`. This only works on SVG elements with existing strokes; add `strokeFilledElements` for this property to affect such elements. */\r\n    strokeWidth: number,\r\n    /** Apply strokes to filled SVG elements, such as circles, by the provided amount with `1.5` (default stroke value) subtracted, if `strokeWidth` is set to a value above `1.5`. Defaults to `false`\r\n     * @example If `strokeWidth` is set to `2`, filled SVG elements will have an additional `0.5`px stroke\r\n     */\r\n    strokeFilledElements: boolean\r\n    /** Defaults to `round` */\r\n    strokeCaps: 'round' | 'square' | 'butt',\r\n    /** Defaults to `round` */\r\n    strokeJoin: 'round' | 'miter' | 'bevel',\r\n    /** Determines the corner radius of SVG elements. Does not apply to all rounded elements. */\r\n    cornerRadius: number,\r\n    /** The attribute name that is checked for when converting elements to icons. Defaults to `proicon`. */\r\n    attributeName: string,\r\n    /** Determines whether to overwrite elements when converting to icons. Setting this to `auto` will overwrite only if the element does not have any children. Defaults to `auto`. */\r\n    overwrite: boolean | 'auto',\r\n    /** Determines whether to apply existing HTMl attributes such as styles to the converted SVGs. Defaults to `true` */\r\n    useAttributes: false\r\n}\r\n\r\nexport class ProIconInfo {\r\n    name: string;\r\n    kebabCase: string;\r\n    camelCase: string;\r\n    element: SVGElement;\r\n    category: string;\r\n    tags: string[];\r\n    /**\r\n     * \r\n     * @param name The name of the icon in Friendly Form\r\n     * @param kebabCase The name of the icon in kebab-case\r\n     * @param camelCase The name of the icon in camelCase\r\n     * @param element The icon as an `SVGElement`. Use the `outerHTML` property on this to return the icon as a string.\r\n     * @param category The category of the icon.\r\n     * @param tags An array of the icon's tags.\r\n     */\r\n    constructor(\r\n        name: string,\r\n        kebabCase: string,\r\n        camelCase: string,\r\n        element: SVGElement,\r\n        tags: string[],\r\n        category: string\r\n    ) {\r\n        this.name = name;\r\n        this.kebabCase = kebabCase;\r\n        this.camelCase = camelCase;\r\n        this.element = element;\r\n        this.category = category;\r\n        this.tags = tags;\r\n    }\r\n}","import icons from './configs/icons.json';\r\nimport tags from './configs/tags.json';\r\nimport { ProIconInfo } from './interfaces';\r\nconst rename = require('../bin/rename');\r\n\r\n/**\r\n * Returns information about an icon from the provided key.\r\n * Throws an error if the provided key does not match an icon name in Friendly Form, camelCase or kebab-case. Use the method `search` instead to return icons that contain a keyword inside its name or tags.\r\n * @param key The icon name in Friendly Form, camelCase or kebab-case. Throws an error if the provided key is invalid. Case-insensitive\r\n * @example The following keys are valid:\r\n * getIconInfo('Add Square')\r\n * getIconInfo('addSquare')\r\n * getIconInfo('add-square')\r\n */\r\nfunction getIconInfo(key: string): ProIconInfo {\r\n    let prop: string;\r\n\r\n    const isFriendly = (t: string) => t.toLowerCase() == key.toLowerCase();\r\n    const isKebab = (t: string) => rename.kebabCase(t.toLowerCase()) == rename.kebabCase(key.toLowerCase());\r\n    const isCamel = isFriendly\r\n\r\n    if (Object.keys(tags).some(isFriendly)) {\r\n        prop = rename.camelCase(Object.keys(tags).find(isFriendly));\r\n\r\n    } else if (Object.keys(tags).some(isKebab)) {\r\n        prop = rename.camelCase(Object.keys(tags).find(isKebab));\r\n\r\n    } else if (Object.keys(icons).some(isCamel)) {\r\n        // @ts-ignore\r\n        prop = Object.keys(icons).find(isCamel);\r\n\r\n    } else {\r\n        throw new Error(`Invalid icon key '${key}': Icon not found`);\r\n    }\r\n\r\n    const friendlyName = Object.keys(tags).find((t) => {\r\n        return rename.camelCase(t) == prop;\r\n    });\r\n\r\n    const domParser = new DOMParser();\r\n    const parsed = domParser.parseFromString(icons[prop], 'image/svg+xml');\r\n\r\n    const tagItem = tags[friendlyName]\r\n    const info = new ProIconInfo(\r\n        friendlyName, //friendly\r\n        rename.kebabCase(friendlyName), //kebab\r\n        prop, //camel\r\n        parsed.querySelector('svg'), //svg\r\n        tagItem.description?.split(',').map(m => m.trim()), //desc\r\n        tagItem.category, //tags\r\n    );\r\n    return info;\r\n}\r\n\r\nexport default getIconInfo","import icons from './configs/icons.json';\r\nimport categories from './categories'\r\nimport replace from './replace'\r\nimport getIconInfo from './getIconInfo'\r\nimport search from './search'\r\n\r\nexport default { icons, replace, getIconInfo, categories, search };","// @ts-nocheck\r\nimport getIconInfo from './getIconInfo'\r\nimport { ProIconReplaceConfig, ProIconInfo } from './interfaces';\r\n\r\n/**\r\n * Converts all elements with the `proicon` attribute (which can be customised in the config) on the page to an icon corresponding to the attribute value.\r\n * @param rootElm The element to search inside for children with the `proicon` attribute. Defaults to `document.body`.\r\n * @param config An optional configuration to customise the behaviour of the replace method\r\n */\r\nfunction replace(rootElm?: Element, config?: ProIconReplaceConfig): void {\r\n    if (!rootElm) rootElm = document.body;\r\n    const useAttrs = config?.useAttributes ?? true\r\n\r\n    const attr = config?.attributeName ?? 'proicon';\r\n    rootElm.querySelectorAll(`[${attr}]`).forEach((element) => {\r\n        let toReplace;\r\n        switch (config?.overwrite) {\r\n            case true: toReplace = true; break;\r\n            case false: toReplace = false; break;\r\n            case 'auto': toReplace = !element.hasChildNodes(); break;\r\n            default: toReplace = !element.hasChildNodes(); break;\r\n        }\r\n\r\n        let iconName = element.getAttribute(attr).trim()\r\n        let icon: SVGElement = getIconInfo(iconName).element\r\n\r\n        const attributeList = {\r\n            // HtmlAttribute, configKey, svgAttr\r\n            \"color\": [\"color\", [\"stroke\", 'fill']],\r\n            \"stroke-width\": [\"strokeWidth\", [\"stroke-width\"]],\r\n            \"join\": [\"strokeCaps\", [\"stroke-linejoin\"]],\r\n            \"caps\": [\"strokeJoin\", [\"stroke-linecap\"]],\r\n            \"corner-radius\": [\"cornerRadius\", [\"rx\"]],\r\n            \"outline\": [\"strokeFilledElements\", undefined]\r\n        }\r\n        if (config) {\r\n            Object.values(attributeList)\r\n                .map((v) => v[0])\r\n                .forEach((c, i) => {\r\n                    const htmlAttr = Object.keys(attributeList)[i];\r\n                    let valueToUse\r\n\r\n                    if (useAttrs && element.hasAttribute(htmlAttr)) {\r\n                        valueToUse = element.getAttribute(htmlAttr)\r\n                    } else if (config[c]) {\r\n                        valueToUse = config[c]\r\n                    }\r\n\r\n                    if (valueToUse) {\r\n                        element.setAttribute(htmlAttr, valueToUse);\r\n                    }\r\n                });\r\n        }\r\n        for (const attr of element.attributes) {\r\n            const name = attr.name.toLowerCase()\r\n            const value = attr.value\r\n\r\n            if (Object.hasOwn(attributeList, name)) {\r\n                if (name != 'outline') {\r\n                    if (value) {\r\n                        const n = attributeList[name][1]\r\n                        n.forEach(x => {\r\n                            icon.querySelectorAll(`[${x}]`).forEach(b => {\r\n                                b.setAttribute(x, value)\r\n                            })\r\n                        })\r\n                    }\r\n                } else {\r\n                    // Behaviour for outlining\r\n                    const defaultStrokeWidth = 1.5\r\n                    const unstrokedElms = Array.from(icon.querySelectorAll('*')).filter(f => !f.hasAttribute('stroke'))\r\n\r\n                    unstrokedElms.forEach(elm => {\r\n                        const reducedStroke = +element.getAttribute('stroke-width') - defaultStrokeWidth\r\n                        if (reducedStroke > 0) {\r\n                            elm.setAttribute('stroke', element.getAttribute('color') ?? 'currentColor')\r\n                            elm.setAttribute('stroke-width', reducedStroke)\r\n                            elm.setAttribute('stroke-linejoin', element.getAttribute('strokeJoin') ?? 'round')\r\n                            elm.setAttribute('stroke-linecap', element.getAttribute('strokeCaps') ?? 'round')\r\n                        }\r\n                    })\r\n                }\r\n            } else {\r\n                icon.setAttribute(name, value)\r\n            }\r\n        }\r\n\r\n\r\n        icon.classList.add('proicon')\r\n        icon.setAttribute('data-proicon-id', getIconInfo(iconName).kebabCase)\r\n\r\n        toReplace == true ? element.replaceWith(icon)\r\n            : element.insertBefore(icon, element.childNodes[0])\r\n    });\r\n}\r\n\r\nexport default replace\r\n","import getIconInfo from \"./getIconInfo\"\r\nimport tags from './configs/tags.json'\r\nimport icons from './configs/icons.json'\r\nimport { ProIconInfo } from \"./interfaces\"\r\n\r\n/** Searches for icons with names or tags that contain `key` and returns them as `ProIconInfo`. */\r\nfunction search(key: string): ProIconInfo[] {\r\n    const iconsAsInfo = Object.keys(icons).map((icon) => {\r\n        // Don't index the element\r\n        const j = getIconInfo(icon)\r\n        delete j.element\r\n        return j\r\n    })\r\n    const filtered = iconsAsInfo.filter((icon) => JSON.stringify(icon).includes(key))\r\n\r\n    return filtered\r\n}\r\n\r\nexport default search"],"names":["root","factory","exports","module","define","amd","self","removeParenthesis","str","replace","camelCase","split","map","word","i","toLowerCase","charAt","toUpperCase","slice","join","kebabCase","replaceAll","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","values","item","category","filter","value","index","indexOf","ProIconInfo","name","element","tags","constructor","this","rename","isFriendly","t","isKebab","isCamel","keys","some","find","Error","friendlyName","parsed","DOMParser","parseFromString","tagItem","querySelector","description","m","trim","icons","rootElm","config","document","body","useAttrs","useAttributes","attr","attributeName","querySelectorAll","forEach","toReplace","overwrite","hasChildNodes","iconName","getAttribute","icon","attributeList","v","c","htmlAttr","valueToUse","hasAttribute","setAttribute","attributes","hasOwn","x","b","defaultStrokeWidth","Array","from","f","elm","reducedStroke","classList","add","replaceWith","insertBefore","childNodes","getIconInfo","categories","search","j","JSON","stringify","includes"],"sourceRoot":""}