@symbo.ls/uikit 2.10.268 → 2.10.271

package/dist/index.cjs.js

@@ -1603,11 +1603,15 @@ var require_cjs = __commonJS({
     };
     var import_utils72 = __toESM2(require_cjs32(), 1);
     var generateSprite = (icons) => {
-      let sprite = '<svg aria-hidden="true" width="0" height="0" style="position:absolute">';
+      const CONFIG2 = getActiveConfig();
+      let sprite = "";
       for (const key in icons) {
+        if (CONFIG2.__svg_cache[key])
+          continue;
+        else
+          CONFIG2.__svg_cache[key] = true;
         sprite += icons[key];
       }
-      sprite += "</svg>";
       return sprite;
     };
     var parseRootAttributes = (htmlString) => {
@@ -1635,8 +1639,8 @@ var require_cjs = __commonJS({
         "<svg",
         `<symbol id="${key}" xmlns="${xmlns}" viewBox="${viewBox}"`
       );
-      symbol = symbol.replace(/width="[^"]*/, "");
-      symbol = symbol.replace(/height="[^"]*/, "");
+      symbol = symbol.replace(/width="[^"]*"/, "");
+      symbol = symbol.replace(/height="[^"]*"/, "");
       symbol = symbol.replace("</svg", "</symbol");
       return symbol;
     };
@@ -2269,18 +2273,10 @@ var require_cjs = __commonJS({
     };
     var appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
       const CONFIG2 = getActiveConfig();
-      const doc = options.document || import_globals2.document;
       const lib = Object.keys(LIBRARY).length ? {} : CONFIG2.SVG;
       for (const key in LIBRARY)
         lib[key] = CONFIG2.SVG[key];
-      const SVGsprite = generateSprite(lib);
-      if (!doc) {
-        console.warn("To append SVG sprites it should be run in browser environment");
-        return SVGsprite;
-      }
-      const svgSpriteDOM = doc.createElement("template");
-      svgSpriteDOM.innerHTML = SVGsprite;
-      doc.body.appendChild(svgSpriteDOM.content);
+      appendSVG(lib, options);
     };
     var setIcon = (val, key) => {
       const CONFIG2 = getActiveConfig();
@@ -2291,18 +2287,42 @@ var require_cjs = __commonJS({
     };
     var appendIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
       const CONFIG2 = getActiveConfig();
-      const doc = options.document || import_globals2.document;
       const lib = Object.keys(LIBRARY).length ? {} : CONFIG2.ICONS;
       for (const key in LIBRARY)
         lib[key] = CONFIG2.ICONS[key];
-      const SVGsprite = generateSprite(lib);
+      appendSVG(lib, options);
+    };
+    var createSVGSpriteElement = (options = { isRoot: true }) => {
+      const svgElem = import_globals2.document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      if (options.isRoot) {
+        svgElem.setAttribute("aria-hidden", "true");
+        svgElem.setAttribute("width", "0");
+        svgElem.setAttribute("height", "0");
+        svgElem.setAttribute("style", "position:absolute");
+        svgElem.setAttribute("id", "svgSprite");
+      }
+      return svgElem;
+    };
+    var appendSVG = (lib, options = DEF_OPTIONS) => {
+      const CONFIG2 = getActiveConfig();
+      const doc = options.document || import_globals2.document;
       if (!doc) {
-        console.warn("To append SVG Icon sprites it should be run in browser environment");
-        return SVGsprite;
+        if (CONFIG2.verbose) {
+          console.warn("To append SVG sprites it should be run in browser environment");
+        }
+        return generateSprite(lib);
+      }
+      const exists = doc.querySelector("#svgSprite");
+      const SVGsprite = generateSprite(lib);
+      if (exists) {
+        const tempSVG = createSVGSpriteElement({ isRoot: false });
+        tempSVG.innerHTML = SVGsprite;
+        exists.append(...tempSVG.children);
+      } else {
+        const svgSpriteDOM = createSVGSpriteElement();
+        svgSpriteDOM.innerHTML = SVGsprite;
+        doc.body.prepend(svgSpriteDOM);
       }
-      const iconsSpriteDOM = doc.createElement("template");
-      iconsSpriteDOM.innerHTML = SVGsprite;
-      doc.body.appendChild(iconsSpriteDOM.content);
     };
     var import_utils24 = __toESM2(require_cjs32(), 1);
     var applyReset = (reset = {}) => {
@@ -2540,6 +2560,8 @@ var require_cjs = __commonJS({
         CONFIG2.globalTheme = globalTheme;
       if (CONFIG2.verbose)
         console.log(CONFIG2);
+      if (!CONFIG2.__svg_cache)
+        CONFIG2.__svg_cache = {};
       const keys = Object.keys(config);
       keys.map((key) => setEach(key, config[key]));
       applyTypographySequence();
@@ -3494,8 +3516,8 @@ __export(domql_exports, {
   H5: () => H5,
   H6: () => H6,
   Hoverable: () => Hoverable,
-  Icon: () => Icon,
-  IconText: () => IconText,
+  Icon: () => Icon2,
+  IconText: () => IconText2,
   Iframe: () => Iframe,
   Img: () => Img,
   Input: () => Input,
@@ -6073,12 +6095,13 @@ var Icon = {
       validIconName = "noIcon";
     }
     const iconFromLibrary = ICONS[validIconName];
+    const directSrc = parent.props.src || props3.src;
     return {
       width: "A",
       height: "A",
       display: "inline-block",
-      spriteId: useIconSprite && validIconName,
-      src: iconFromLibrary,
+      spriteId: useIconSprite && !directSrc && validIconName,
+      src: directSrc || iconFromLibrary,
       style: { fill: "currentColor" }
     };
   },
@@ -6361,6 +6384,61 @@ var DropdownParent = {
   }
 };
 
+// node_modules/@symbo.ls/icon/index.js
+var Icon2 = {
+  extend: Svg,
+  props: ({ key, props: props3, parent, context }) => {
+    const { ICONS, useIconSprite, verbose } = context && context.designSystem;
+    const { toCamelCase } = context && context.utils;
+    const iconName = props3.inheritedString || props3.name || props3.icon || key;
+    const camelCase = toCamelCase(iconName);
+    const isArray5 = camelCase.split(/([a-z])([A-Z])/g);
+    let activeIconName;
+    if (props3.active) {
+      activeIconName = props3[".active"].name || props3[".active"].icon;
+    }
+    if (parent && parent.props && parent.props.active && parent.props[".active"] && parent.props[".active"].icon) {
+      activeIconName = parent.props[".active"].icon.name || parent.props[".active"].icon.icon || parent.props[".active"].icon;
+    }
+    let validIconName;
+    if (ICONS[activeIconName])
+      validIconName = activeIconName;
+    if (ICONS[camelCase])
+      validIconName = camelCase;
+    else if (ICONS[isArray5[0] + isArray5[1]])
+      validIconName = isArray5[0] + isArray5[1];
+    else if (ICONS[isArray5[0]])
+      validIconName = isArray5[0];
+    else {
+      if (verbose)
+        console.warn("Can't find icon:", iconName, validIconName);
+      validIconName = "noIcon";
+    }
+    const iconFromLibrary = ICONS[validIconName];
+    return {
+      width: "A",
+      height: "A",
+      display: "inline-block",
+      spriteId: useIconSprite && validIconName,
+      src: iconFromLibrary,
+      style: { fill: "currentColor" }
+    };
+  },
+  attr: { viewBox: "0 0 24 24" }
+};
+var IconText2 = {
+  extend: Flex,
+  props: {
+    align: "center center",
+    lineHeight: 1
+  },
+  icon: {
+    extend: Icon2,
+    if: ({ parent }) => parent.props.icon
+  },
+  text: ({ props: props3 }) => props3.text
+};
+
 // Link/index.js
 var import_router = __toESM(require_cjs5());
 var Link = {