@siemens/ix-icons 3.3.0 → 3.4.0

package/dist/collection/components/icon/test/rocket-example.js

@@ -2,4 +2,3 @@
  * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
  */
 export const rocket = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 64.000000)'><path d='M405.333333,1.42108547e-14 C396.316305,122.794806 364.316305,211.683695 309.333333,266.666667 C299.582265,276.417735 288.905446,285.33185 277.302879,293.409011 L277.302464,341.234872 L213.302464,405.234872 L174.248,336.891 L68.525,231.157 L7.10542736e-15,192 L64,128 L112.079613,128.000404 C120.083859,116.387258 128.94621,105.720457 138.666667,96 C193.649638,41.0170286 282.538527,9.01702859 405.333333,1.42108547e-14 Z M357.333333,47.9786667 L348.203556,49.3631108 C266.32942,62.2476147 206.763982,88.2424635 168.836556,126.169889 C146.004433,149.002012 128.637057,178.732412 116.876114,215.881246 L116.096,218.389333 L187.584,289.877333 L191.120585,288.76541 C224.531258,277.548675 251.975141,261.807487 273.818948,241.632769 L279.163444,236.496777 C317.09087,198.569351 343.085719,139.003914 355.970222,57.1297769 L357.333333,47.9786667 Z M75.9901363,269.368015 L30.7353023,314.622849 L0.565412939,284.452959 L45.8202469,239.198125 L75.9901363,269.368015 Z M121.24497,314.622849 L45.8202469,390.047572 L15.6503576,359.877683 L91.0750809,284.452959 L121.24497,314.622849 Z M136.329915,329.707793 L166.499804,359.877683 L121.24497,405.132517 L91.0750809,374.962627 L136.329915,329.707793 Z M245.333333,128 C263.006445,128 277.333333,142.326888 277.333333,160 C277.333333,177.673112 263.006445,192 245.333333,192 C227.660221,192 213.333333,177.673112 213.333333,160 C213.333333,142.326888 227.660221,128 245.333333,128 Z' id='Combined-Shape'/></g></g></svg>";
-//# sourceMappingURL=rocket-example.js.map

package/dist/collection/index.js

@@ -1,4 +1,3 @@
 export * from './components/icon/icon';
 export { addIcons, addIconToCache } from './components/icon/resolveIcon';
 export { setAssetPath } from '@stencil/core';
-//# sourceMappingURL=index.js.map

package/dist/esm/app-globals-DQuL1Twl.js

@@ -1,6 +1,3 @@
 const globalScripts = () => {};
 
 export { globalScripts as g };
-//# sourceMappingURL=app-globals-DQuL1Twl.js.map
-
-//# sourceMappingURL=app-globals-DQuL1Twl.js.map

package/dist/esm/{index-CyicTMfq.js → index-Bpkf1r33.js}

@@ -1,14 +1,10 @@
 const NAMESPACE = 'ix-icons';
-const BUILD = /* ix-icons */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
+const BUILD = /* ix-icons */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.41.3 | MIT Licensed | https://stenciljs.com
  */
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
+
 
 // src/utils/constants.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
@@ -146,6 +142,9 @@ var plt = {
 var promiseResolve = (v) => Promise.resolve(v);
 var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   try {
+    if (!win.document.adoptedStyleSheets) {
+      return false;
+    }
     new CSSStyleSheet();
     return typeof new CSSStyleSheet().replaceSync === "function";
   } catch (e) {
@@ -195,70 +194,6 @@ var getAssetPath = (path) => {
   return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
 };
 var setAssetPath = (path) => plt.$resourcesUrl$ = path;
-var isComplexType = (o) => {
-  o = typeof o;
-  return o === "object" || o === "function";
-};
-
-// src/utils/query-nonce-meta-tag-content.ts
-function queryNonceMetaTagContent(doc) {
-  var _a, _b, _c;
-  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
-}
-
-// src/utils/regular-expression.ts
-var escapeRegExpSpecialCharacters = (text) => {
-  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-};
-
-// src/utils/result.ts
-var result_exports = {};
-__export(result_exports, {
-  err: () => err,
-  map: () => map,
-  ok: () => ok,
-  unwrap: () => unwrap,
-  unwrapErr: () => unwrapErr
-});
-var ok = (value) => ({
-  isOk: true,
-  isErr: false,
-  value
-});
-var err = (value) => ({
-  isOk: false,
-  isErr: true,
-  value
-});
-function map(result, fn) {
-  if (result.isOk) {
-    const val = fn(result.value);
-    if (val instanceof Promise) {
-      return val.then((newVal) => ok(newVal));
-    } else {
-      return ok(val);
-    }
-  }
-  if (result.isErr) {
-    const value = result.value;
-    return err(value);
-  }
-  throw "should never get here";
-}
-var unwrap = (result) => {
-  if (result.isOk) {
-    return result.value;
-  } else {
-    throw result.value;
-  }
-};
-var unwrapErr = (result) => {
-  if (result.isErr) {
-    return result.value;
-  } else {
-    throw result.value;
-  }
-};
 
 // src/utils/style.ts
 function createStyleSheetIfNeededAndSupported(styles2) {
@@ -269,7 +204,8 @@ function createStyleSheetIfNeededAndSupported(styles2) {
 var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
   var _a;
-  const shadowRoot = this.attachShadow({ mode: "open" });
+  const opts = { mode: "open" };
+  const shadowRoot = this.attachShadow(opts);
   if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
   if (globalStyleSheet) {
     if (supportsMutableAdoptedStyleSheets) {
@@ -293,6 +229,14 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
+
+// src/utils/query-nonce-meta-tag-content.ts
+function queryNonceMetaTagContent(doc) {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+}
+
+// src/runtime/styles.ts
 var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
 var registerStyle = (scopeId2, cssText, allowCS) => {
   let style = styles.get(scopeId2);
@@ -309,7 +253,7 @@ var registerStyle = (scopeId2, cssText, allowCS) => {
   styles.set(scopeId2, style);
 };
 var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
+  var _a, _b, _c;
   const scopeId2 = getScopeId(cmpMeta);
   const style = styles.get(scopeId2);
   if (!win.document) {
@@ -325,58 +269,74 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
       }
       if (!appliedStyles.has(scopeId2)) {
-        {
-          styleElm = win.document.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(
-                styleElm,
-                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-              );
-            } else if ("host" in styleContainerNode) {
-              if (supportsConstructableStylesheets) {
-                const stylesheet = new CSSStyleSheet();
-                stylesheet.replaceSync(style);
-                if (supportsMutableAdoptedStyleSheets) {
-                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
-                } else {
-                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-                }
+        styleElm = win.document.createElement("style");
+        styleElm.textContent = style;
+        const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+        if (nonce != null) {
+          styleElm.setAttribute("nonce", nonce);
+        }
+        if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+          if (styleContainerNode.nodeName === "HEAD") {
+            const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+            const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+            styleContainerNode.insertBefore(
+              styleElm,
+              (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+            );
+          } else if ("host" in styleContainerNode) {
+            if (supportsConstructableStylesheets) {
+              const currentWindow = (_b = styleContainerNode.defaultView) != null ? _b : styleContainerNode.ownerDocument.defaultView;
+              const stylesheet = new currentWindow.CSSStyleSheet();
+              stylesheet.replaceSync(style);
+              if (supportsMutableAdoptedStyleSheets) {
+                styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
               } else {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
+                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
               }
             } else {
-              styleContainerNode.append(styleElm);
+              const existingStyleContainer = styleContainerNode.querySelector("style");
+              if (existingStyleContainer) {
+                existingStyleContainer.textContent = style + existingStyleContainer.textContent;
+              } else {
+                styleContainerNode.prepend(styleElm);
+              }
             }
+          } else {
+            styleContainerNode.append(styleElm);
           }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
+        }
+        if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+          styleContainerNode.insertBefore(styleElm, null);
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
+          styleElm.textContent += SLOT_FB_CSS;
         }
         if (appliedStyles) {
           appliedStyles.add(scopeId2);
         }
       }
-    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      if (supportsMutableAdoptedStyleSheets) {
-        styleContainerNode.adoptedStyleSheets.push(style);
-      } else {
-        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+    } else {
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        const currentWindow = (_c = styleContainerNode.defaultView) != null ? _c : styleContainerNode.ownerDocument.defaultView;
+        let stylesheet;
+        if (style.constructor === currentWindow.CSSStyleSheet) {
+          stylesheet = style;
+        } else {
+          stylesheet = new currentWindow.CSSStyleSheet();
+          for (let i2 = 0; i2 < style.cssRules.length; i2++) {
+            stylesheet.insertRule(style.cssRules[i2].cssText, i2);
+          }
+        }
+        if (supportsMutableAdoptedStyleSheets) {
+          styleContainerNode.adoptedStyleSheets.push(stylesheet);
+        } else {
+          styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, stylesheet];
+        }
+        appliedStyles.add(scopeId2);
       }
     }
   }
@@ -397,7 +357,16 @@ var attachStyles = (hostRef) => {
   endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
+var isComplexType = (o) => {
+  o = typeof o;
+  return o === "object" || o === "function";
+};
+
+// src/runtime/vdom/h.ts
 var h = (nodeName, vnodeData, ...children) => {
+  if (typeof nodeName === "string") {
+    nodeName = transformTag(nodeName);
+  }
   let child = null;
   let key = null;
   let simple = false;
@@ -447,7 +416,8 @@ var newVNode = (tag, text) => {
   const vnode = {
     $flags$: 0,
     $tag$: tag,
-    $text$: text,
+    // Normalize undefined to null to prevent rendering "undefined" as text
+    $text$: text != null ? text : null,
     $elm$: null,
     $children$: null
   };
@@ -461,18 +431,8 @@ var newVNode = (tag, text) => {
 };
 var Host = {};
 var isHost = (node) => node && node.$tag$ === Host;
-var createSupportsRuleRe = (selector) => {
-  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
-  return new RegExp(
-    // First capture group: match any context before the selector that's not inside @supports selector()
-    // Using negative lookahead to avoid matching inside @supports selector(...) condition
-    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
-    "g"
-  );
-};
-createSupportsRuleRe("::slotted");
-createSupportsRuleRe(":host");
-createSupportsRuleRe(":host-context");
+
+// src/runtime/parse-property-value.ts
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
@@ -626,9 +586,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       isSvgMode = newVNode2.$tag$ === "svg";
     }
     if (!win.document) {
-      throw new Error(
-        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
-      );
+      throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
     }
     elm = newVNode2.$elm$ = win.document.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
@@ -641,10 +599,11 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       updateElement(null, newVNode2, isSvgMode);
     }
     if (newVNode2.$children$) {
+      const appendTarget = newVNode2.$tag$ === "template" ? elm.content : elm;
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
         childNode = createElm(oldParentVNode, newVNode2, i2);
         if (childNode) {
-          elm.appendChild(childNode);
+          appendTarget.appendChild(childNode);
         }
       }
     }
@@ -665,6 +624,9 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
   if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
     containerElm = containerElm.shadowRoot;
   }
+  if (parentVNode.$tag$ === "template") {
+    containerElm = containerElm.content;
+  }
   for (; startIdx <= endIdx; ++startIdx) {
     if (vnodes[startIdx]) {
       childNode = createElm(null, parentVNode, startIdx);
@@ -699,6 +661,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
   let newEndVnode = newCh[newEndIdx];
   let node;
   let elmToMove;
+  const containerElm = newVNode2.$tag$ === "template" ? parentElm.content : parentElm;
   while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
     if (oldStartVnode == null) {
       oldStartVnode = oldCh[++oldStartIdx];
@@ -718,12 +681,12 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
       patch(oldStartVnode, newEndVnode, isInitialRender);
-      insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+      insertBefore(containerElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
       patch(oldEndVnode, newStartVnode, isInitialRender);
-      insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
+      insertBefore(containerElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
       newStartVnode = newCh[++newStartIdx];
     } else {
@@ -809,8 +772,10 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     }
   }
 };
-var insertBefore = (parent, newNode, reference) => {
-  {
+var insertBefore = (parent, newNode, reference, isInitialLoad) => {
+  if (parent.__insertBefore) {
+    return parent.__insertBefore(newNode, reference);
+  } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
   }
 };
@@ -889,8 +854,8 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
-var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
-  console.error(err2);
+var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err) => {
+  console.error(err);
   fn();
 }) : fn();
 var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
@@ -1021,27 +986,34 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
-    if (instance) {
-      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
-        const watchMethods = cmpMeta.$watchers$[propName];
-        if (watchMethods) {
-          watchMethods.map((watchMethodName) => {
-            try {
-              instance[watchMethodName](newVal, oldVal, propName);
-            } catch (e) {
-              consoleError(e, elm);
+    if (cmpMeta.$watchers$) {
+      const watchMethods = cmpMeta.$watchers$[propName];
+      if (watchMethods) {
+        watchMethods.map((watcher) => {
+          try {
+            const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
+            if (flags & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */) {
+              if (!instance) {
+                hostRef.$fetchedCbList$.push(() => {
+                  hostRef.$lazyInstance$[watchMethodName](newVal, oldVal, propName);
+                });
+              } else {
+                instance[watchMethodName](newVal, oldVal, propName);
+              }
             }
-          });
-        }
-      }
-      if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
-        if (instance.componentShouldUpdate) {
-          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
-            return;
+          } catch (e) {
+            consoleError(e, elm);
           }
+        });
+      }
+    }
+    if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+      if (instance.componentShouldUpdate) {
+        if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+          return;
         }
-        scheduleUpdate(hostRef, false);
       }
+      scheduleUpdate(hostRef, false);
     }
   }
 };
@@ -1155,12 +1127,13 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             return;
           } else if (propName == null) {
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
-              entry == null ? void 0 : entry.forEach((callbackName) => {
-                if (instance[callbackName] != null) {
-                  instance[callbackName].call(instance, newValue, oldValue, attrName);
+              entry == null ? void 0 : entry.forEach((watcher) => {
+                const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
+                if (instance[watchMethodName] != null && (flags2 & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */)) {
+                  instance[watchMethodName].call(instance, newValue, oldValue, attrName);
                 }
               });
             }
@@ -1234,7 +1207,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
-      fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      }
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -1246,7 +1221,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         style = Cstr.style;
       }
       const scopeId2 = getScopeId(cmpMeta);
-      if (!styles.has(scopeId2)) {
+      if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
         const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
         registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
         endRegisterStyles();
@@ -1350,7 +1325,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let isBootstrapping = true;
   Object.assign(plt, options);
   plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
-  let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
       var _a2, _b, _c;
@@ -1360,9 +1334,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         $members$: compactMeta[2],
         $listeners$: compactMeta[3]
       };
-      if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-        hasSlotRelocation = true;
-      }
       {
         cmpMeta.$members$ = compactMeta[2];
       }
@@ -1371,12 +1342,14 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
         cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
       }
-      const tagName = cmpMeta.$tagName$;
+      const tagName = transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {
+        ["s-p"];
+        ["s-rc"];
+        hasRegisteredEventListeners = false;
         // StencilLazyHost
         constructor(self) {
           super(self);
-          this.hasRegisteredEventListeners = false;
           self = this;
           registerHost(self, cmpMeta);
           if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
@@ -1444,9 +1417,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
     });
   });
   if (cmpTags.length > 0) {
-    if (hasSlotRelocation) {
-      dataStyles.textContent += SLOT_FB_CSS;
-    }
     {
       dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
     }
@@ -1472,8 +1442,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
+function transformTag(tag) {
+  return tag;
+}
 
 export { Host as H, getElement as a, bootstrapLazy as b, setAssetPath as c, getAssetPath as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-//# sourceMappingURL=index-CyicTMfq.js.map
-
-//# sourceMappingURL=index-CyicTMfq.js.map

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-import { g as getAssetPath, r as registerInstance, a as getElement, h, H as Host } from './index-CyicTMfq.js';
-export { c as setAssetPath } from './index-CyicTMfq.js';
+import { g as getAssetPath, r as registerInstance, a as getElement, h, H as Host } from './index-Bpkf1r33.js';
+export { c as setAssetPath } from './index-Bpkf1r33.js';
 
 /**
  * Provide custom SVG path for icons
@@ -182,7 +182,7 @@ function addIconToCache(name, icon) {
     }
 }
 
-const iconCss = ":host{display:inline-flex;height:1.5rem;width:1.5rem;min-height:1.5rem;min-width:1.5rem;color:inherit}:host .svg-container{display:block;position:relative;width:100%;height:100%}:host .svg-container svg{display:block;position:relative;height:100%;width:100%}:host .svg-container svg,:host .svg-container svg[fill],:host .svg-container svg [fill]{fill:currentColor !important}:host(.size-12){height:0.75rem;width:0.75rem;min-height:0.75rem;min-width:0.75rem}:host(.size-16){height:1rem;width:1rem;min-height:1rem;min-width:1rem}:host(.size-32){height:2rem;width:2rem;min-height:2rem;min-width:2rem}";
+const iconCss = () => `:host{display:inline-flex;height:1.5rem;width:1.5rem;min-height:1.5rem;min-width:1.5rem;color:inherit}:host .svg-container{display:block;position:relative;width:100%;height:100%}:host .svg-container svg{display:block;position:relative;height:100%;width:100%}:host .svg-container svg,:host .svg-container svg[fill],:host .svg-container svg [fill]{fill:currentColor !important}:host(.size-12){height:0.75rem;width:0.75rem;min-height:0.75rem;min-width:0.75rem}:host(.size-16){height:1rem;width:1rem;min-height:1rem;min-width:1rem}:host(.size-32){height:2rem;width:2rem;min-height:2rem;min-width:2rem}`;
 
 const Icon = class {
     constructor(hostRef) {
@@ -263,10 +263,11 @@ const Icon = class {
     }
     static get assetsDirs() { return ["svg"]; }
     static get watchers() { return {
-        "name": ["loadIconContent"]
+        "name": [{
+                "loadIconContent": 0
+            }]
     }; }
 };
-Icon.style = iconCss;
+Icon.style = iconCss();
 
 export { Icon, addIconToCache, addIcons };
-//# sourceMappingURL=index.js.map

package/dist/esm/ix-icon.entry.js

@@ -1,3 +1,2 @@
 export { Icon as ix_icon } from './index.js';
-import './index-CyicTMfq.js';
-//# sourceMappingURL=ix-icon.entry.js.map
+import './index-Bpkf1r33.js';

package/dist/esm/ix-icons.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-CyicTMfq.js';
-export { s as setNonce } from './index-CyicTMfq.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-Bpkf1r33.js';
+export { s as setNonce } from './index-Bpkf1r33.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.41.3 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -17,6 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["ix-icon",[[769,"ix-icon",{"size":[1],"color":[1],"name":[1],"lazyLoading":[4,"lazy-loading"],"svgContent":[32],"isVisible":[32]},null,{"name":["loadIconContent"]}]]]], options);
+  return bootstrapLazy([["ix-icon",[[513,"ix-icon",{"size":[1],"color":[1],"name":[1],"lazyLoading":[4,"lazy-loading"],"svgContent":[32],"isVisible":[32]},null,{"name":[{"loadIconContent":0}]}]]]], options);
 });
-//# sourceMappingURL=ix-icons.js.map

package/dist/esm/loader.js

@@ -1,12 +1,11 @@
-import { b as bootstrapLazy } from './index-CyicTMfq.js';
-export { s as setNonce } from './index-CyicTMfq.js';
+import { b as bootstrapLazy } from './index-Bpkf1r33.js';
+export { s as setNonce } from './index-Bpkf1r33.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["ix-icon",[[769,"ix-icon",{"size":[1],"color":[1],"name":[1],"lazyLoading":[4,"lazy-loading"],"svgContent":[32],"isVisible":[32]},null,{"name":["loadIconContent"]}]]]], options);
+  return bootstrapLazy([["ix-icon",[[513,"ix-icon",{"size":[1],"color":[1],"name":[1],"lazyLoading":[4,"lazy-loading"],"svgContent":[32],"isVisible":[32]},null,{"name":[{"loadIconContent":0}]}]]]], options);
 };
 
 export { defineCustomElements };
-//# sourceMappingURL=loader.js.map

package/dist/ix-icons/index.esm.js

@@ -1,2 +1 @@
-import{g as t,r as e,a as n,h as i,H as s}from"./p-CyicTMfq.js";export{c as setAssetPath}from"./p-CyicTMfq.js";function o(){const t=document.querySelector("meta[name='ix-icons:path']");if(t){const e=t.getAttribute("content");return e}return false}let r=null;const a="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill-rule='evenodd' d='M384,0 L384,384 L0,384 L0,0 L384,0 Z M192,207.085 L57.751,341.333 L326.248,341.333 L192,207.085 Z M42.666,57.751 L42.666,326.248 L176.915,192 L42.666,57.751 Z M341.333,57.751 L207.085,192 L341.333,326.248 L341.333,57.751 Z M326.248,42.666 L57.751,42.666 L192,176.915 L326.248,42.666 Z' transform='translate(64 64)'/></svg>";function h(t,e){if(typeof window["DOMParser"]==="undefined"){console.error("DOMParser not supported by your browser.");return""}if(r===null){r=new window["DOMParser"]}try{t=decodeURI(t)}catch{}const n=r.parseFromString(t,"text/html");const i=n.querySelector("svg");if(!i){if(e){console.error("No valid svg data provided",e)}else{console.error("No valid svg data provided")}return""}return i.outerHTML}let d;const l=new Map;const f=()=>{if(typeof window==="undefined"){return new Map}if(!d){window.IxIcons=window.IxIcons||{};d=window.IxIcons.map=window.IxIcons.map||new Map}return d};const u=t=>{if(!t){return false}if(typeof t!=="string"){return false}return t.startsWith("data:image/svg+xml")};async function w(t,e){const n=f();if(n.has(t)){return n.get(t)}if(l.has(t)){return l.get(t)}const i=fetch(t).then((async i=>{const s=await i.text();let o="";if(i.ok){o=h(s,e);n.set(t,o)}else{console.error("Failed to request svg data from",t,"with status code",i.status,e)}return o})).catch((()=>{console.error("Failed to fetch svg data:",t,e);n.set(t,"");return""})).finally((()=>{l.delete(t)}));return i}const g=/^(?:(?:https?|ftp):\/\/)?(?:\S+(?::\S*)?@)?(?:www\.)?(?:\S+\.\S+)(?:\S*)$/i;function m(t){return g.test(t)}function v(e,n){const i=o();if(i){return`${i}/${e}.svg`}let s=`svg/${e}.svg`;try{s=t(s)}catch(t){console.warn(`Could not load icon with name "${e}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to property.`,n)}return s}async function p(t,e){if(!e){console.warn("No icon was provided",t);return""}if(u(e)){const n=h(e,t);if(!n){console.error("Failed to parse icon data",t)}return n}return y(e,t)}async function y(t,e){const n=f();if(n.has(t)){return n.get(t)}if(m(t)){return w(t,e)}const i=v(t,e);if(!i){return""}return w(i,e)}function L(t,e){if(t.startsWith(e)){t=t.slice(e.length);return t.replace(/^(\w)/,((t,e)=>e.toLowerCase()))}return t}function M(t){Object.keys(t).forEach((e=>{const n=t[e];e=L(e,"icon");b(e,n)}))}function b(t,e){const n=f();if(n.has(t)){console.warn(`Icon name '${t}' already in cache. Overwritting with new icon data.`)}const i=h(e);n.set(t,i);const s=t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z0-9])/g,"$1-$2").toLowerCase();if(t!=s){n.set(s,i)}}const x=":host{display:inline-flex;height:1.5rem;width:1.5rem;min-height:1.5rem;min-width:1.5rem;color:inherit}:host .svg-container{display:block;position:relative;width:100%;height:100%}:host .svg-container svg{display:block;position:relative;height:100%;width:100%}:host .svg-container svg,:host .svg-container svg[fill],:host .svg-container svg [fill]{fill:currentColor !important}:host(.size-12){height:0.75rem;width:0.75rem;min-height:0.75rem;min-width:0.75rem}:host(.size-16){height:1rem;width:1rem;min-height:1rem;min-width:1rem}:host(.size-32){height:2rem;width:2rem;min-height:2rem;min-width:2rem}";const z=class{constructor(t){e(this,t)}get hostElement(){return n(this)}size="24";color;name;lazyLoading=false;svgContent;isVisible=false;componentWillLoad(){this.waitForRendering((()=>{this.isVisible=true;this.loadIconContent()}))}async loadIconContent(){const t=await p(this.hostElement,this.name);if(!t){this.svgContent=h(a);return}this.svgContent=t}waitForRendering(t){if(this.lazyLoading&&typeof window!=="undefined"&&window.IntersectionObserver){const e=new IntersectionObserver((n=>{n.forEach((n=>{if(n.isIntersecting){t();e.disconnect()}}))}),{rootMargin:"25px"});e.observe(this.hostElement)}else{t()}}render(){const t={};if(this.color){t["color"]=`var(--theme-${this.color})`}return i(s,{key:"83462a7d7da16587faaa0600b4c13ec8ad106a77",role:"img",style:t,class:{["size-12"]:this.size==="12",["size-16"]:this.size==="16",["size-24"]:this.size==="24",["size-32"]:this.size==="32"}},i("div",{key:"570efdb71fcdd0c61b7c854c6ab3662508aae804",class:"svg-container",innerHTML:this.svgContent,"aria-hidden":"true"}))}static get assetsDirs(){return["svg"]}static get watchers(){return{name:["loadIconContent"]}}};z.style=x;export{z as Icon,b as addIconToCache,M as addIcons};
-//# sourceMappingURL=index.esm.js.map
+import{g as t,r as e,a as n,h as i,H as o}from"./p-Bpkf1r33.js";export{c as setAssetPath}from"./p-Bpkf1r33.js";let s,r=null;function a(t,e){if(void 0===window.DOMParser)return console.error("DOMParser not supported by your browser."),"";null===r&&(r=new window.DOMParser);try{t=decodeURI(t)}catch{}const n=r.parseFromString(t,"text/html").querySelector("svg");return n?n.outerHTML:(e?console.error("No valid svg data provided",e):console.error("No valid svg data provided"),"")}const h=new Map,d=()=>"undefined"==typeof window?new Map:(s||(window.IxIcons=window.IxIcons||{},s=window.IxIcons.map=window.IxIcons.map||new Map),s);async function l(t,e){const n=d();return n.has(t)?n.get(t):h.has(t)?h.get(t):fetch(t).then((async i=>{const o=await i.text();let s="";return i.ok?(s=a(o,e),n.set(t,s)):console.error("Failed to request svg data from",t,"with status code",i.status,e),s})).catch((()=>(console.error("Failed to fetch svg data:",t,e),n.set(t,""),""))).finally((()=>{h.delete(t)}))}const w=/^(?:(?:https?|ftp):\/\/)?(?:\S+(?::\S*)?@)?(?:www\.)?(?:\S+\.\S+)(?:\S*)$/i;async function g(e,n){if(!n)return console.warn("No icon was provided",e),"";if((i=n)&&"string"==typeof i&&i.startsWith("data:image/svg+xml")){const t=a(n,e);return t||console.error("Failed to parse icon data",e),t}var i;return async function(e,n){const i=d();if(i.has(e))return i.get(e);if(function(t){return w.test(t)}(e))return l(e,n);const o=function(e,n){const i=function(){const t=document.querySelector("meta[name='ix-icons:path']");return!!t&&t.getAttribute("content")}();if(i)return`${i}/${e}.svg`;let o=`svg/${e}.svg`;try{o=t(o)}catch(t){console.warn(`Could not load icon with name "${e}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to property.`,n)}return o}(e,n);return o?l(o,n):""}(n,e)}function m(t){Object.keys(t).forEach((e=>{const n=t[e];u(e=function(t,e){return t.startsWith(e)?(t=t.slice(4)).replace(/^(\w)/,((t,e)=>e.toLowerCase())):t}(e,"icon"),n)}))}function u(t,e){const n=d();n.has(t)&&console.warn(`Icon name '${t}' already in cache. Overwritting with new icon data.`);const i=a(e);n.set(t,i);const o=t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z0-9])/g,"$1-$2").toLowerCase();t!=o&&n.set(o,i)}const f=class{constructor(t){e(this,t)}get hostElement(){return n(this)}size="24";color;name;lazyLoading=!1;svgContent;isVisible=!1;componentWillLoad(){this.waitForRendering((()=>{this.isVisible=!0,this.loadIconContent()}))}async loadIconContent(){const t=await g(this.hostElement,this.name);this.svgContent=t||a("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill-rule='evenodd' d='M384,0 L384,384 L0,384 L0,0 L384,0 Z M192,207.085 L57.751,341.333 L326.248,341.333 L192,207.085 Z M42.666,57.751 L42.666,326.248 L176.915,192 L42.666,57.751 Z M341.333,57.751 L207.085,192 L341.333,326.248 L341.333,57.751 Z M326.248,42.666 L57.751,42.666 L192,176.915 L326.248,42.666 Z' transform='translate(64 64)'/></svg>")}waitForRendering(t){if(this.lazyLoading&&"undefined"!=typeof window&&window.IntersectionObserver){const e=new IntersectionObserver((n=>{n.forEach((n=>{n.isIntersecting&&(t(),e.disconnect())}))}),{rootMargin:"25px"});e.observe(this.hostElement)}else t()}render(){const t={};return this.color&&(t.color=`var(--theme-${this.color})`),i(o,{key:"83462a7d7da16587faaa0600b4c13ec8ad106a77",role:"img",style:t,class:{"size-12":"12"===this.size,"size-16":"16"===this.size,"size-24":"24"===this.size,"size-32":"32"===this.size}},i("div",{key:"570efdb71fcdd0c61b7c854c6ab3662508aae804",class:"svg-container",innerHTML:this.svgContent,"aria-hidden":"true"}))}static get assetsDirs(){return["svg"]}static get watchers(){return{name:[{loadIconContent:0}]}}};f.style=":host{display:inline-flex;height:1.5rem;width:1.5rem;min-height:1.5rem;min-width:1.5rem;color:inherit}:host .svg-container{display:block;position:relative;width:100%;height:100%}:host .svg-container svg{display:block;position:relative;height:100%;width:100%}:host .svg-container svg,:host .svg-container svg[fill],:host .svg-container svg [fill]{fill:currentColor !important}:host(.size-12){height:0.75rem;width:0.75rem;min-height:0.75rem;min-width:0.75rem}:host(.size-16){height:1rem;width:1rem;min-height:1rem;min-width:1rem}:host(.size-32){height:2rem;width:2rem;min-height:2rem;min-width:2rem}";export{f as Icon,u as addIconToCache,m as addIcons}