@siemens/ix 2.5.0 → 2.6.0

package/dist/esm/{index-5429f20b.js → index-97874de0.js}

@@ -101,6 +101,12 @@ var HYDRATE_CHILD_ID = "c-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -493,9 +499,6 @@ var attachStyles = (hostRef) => {
   if (flags & 10 /* needsScopedEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
-    if (flags & 2 /* scopedCssEncapsulation */) {
-      elm.classList.add(scopeId2 + "-s");
-    }
   }
   endAttachStyles();
 };
@@ -829,33 +832,6 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     elm.data = text;
   }
 };
-var updateFallbackSlotVisibility = (elm) => {
-  const childNodes = elm.childNodes;
-  for (const childNode of childNodes) {
-    if (childNode.nodeType === 1 /* ElementNode */) {
-      if (childNode["s-sr"]) {
-        const slotName = childNode["s-sn"];
-        childNode.hidden = false;
-        for (const siblingNode of childNodes) {
-          if (siblingNode !== childNode) {
-            if (siblingNode["s-hn"] !== childNode["s-hn"] || slotName !== "") {
-              if (siblingNode.nodeType === 1 /* ElementNode */ && (slotName === siblingNode.getAttribute("slot") || slotName === siblingNode["s-sn"]) || siblingNode.nodeType === 3 /* TextNode */ && slotName === siblingNode["s-sn"]) {
-                childNode.hidden = true;
-                break;
-              }
-            } else {
-              if (siblingNode.nodeType === 1 /* ElementNode */ || siblingNode.nodeType === 3 /* TextNode */ && siblingNode.textContent.trim() !== "") {
-                childNode.hidden = true;
-                break;
-              }
-            }
-          }
-        }
-      }
-      updateFallbackSlotVisibility(childNode);
-    }
-  }
-};
 var nullifyVNodeRefs = (vNode) => {
   {
     vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
@@ -1091,6 +1067,25 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a;
   const prototype = Cstr.prototype;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach(
+      (cbName) => Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          const hostRef = getHostRef(this);
+          const instance = hostRef.$lazyInstance$ ;
+          if (!instance) {
+            hostRef.$onReadyPromise$.then((instance2) => {
+              const cb = instance2[cbName];
+              typeof cb === "function" && cb.call(instance2, ...args);
+            });
+          } else {
+            const cb = instance[cbName];
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      })
+    );
+  }
   if (cmpMeta.$members$) {
     if (Cstr.watchers) {
       cmpMeta.$watchers$ = Cstr.watchers;
@@ -1305,114 +1300,6 @@ var disconnectedCallback = async (elm) => {
     }
   }
 };
-var patchSlotAppendChild = (HostElementPrototype) => {
-  HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
-  HostElementPrototype.appendChild = function(newChild) {
-    const slotName = newChild["s-sn"] = getSlotName(newChild);
-    const slotNode = getHostSlotNode(this.childNodes, slotName, this.tagName);
-    if (slotNode) {
-      const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
-      const appendAfter = slotChildNodes[slotChildNodes.length - 1];
-      const insertedNode = appendAfter.parentNode.insertBefore(newChild, appendAfter.nextSibling);
-      updateFallbackSlotVisibility(this);
-      return insertedNode;
-    }
-    return this.__appendChild(newChild);
-  };
-};
-var patchTextContent = (hostElementPrototype) => {
-  const descriptor = Object.getOwnPropertyDescriptor(Node.prototype, "textContent");
-  Object.defineProperty(hostElementPrototype, "__textContent", descriptor);
-  {
-    Object.defineProperty(hostElementPrototype, "textContent", {
-      get() {
-        var _a;
-        const slotNode = getHostSlotNode(this.childNodes, "", this.tagName);
-        if (((_a = slotNode == null ? void 0 : slotNode.nextSibling) == null ? void 0 : _a.nodeType) === 3 /* TEXT_NODE */) {
-          return slotNode.nextSibling.textContent;
-        } else if (slotNode) {
-          return slotNode.textContent;
-        } else {
-          return this.__textContent;
-        }
-      },
-      set(value) {
-        var _a;
-        const slotNode = getHostSlotNode(this.childNodes, "", this.tagName);
-        if (((_a = slotNode == null ? void 0 : slotNode.nextSibling) == null ? void 0 : _a.nodeType) === 3 /* TEXT_NODE */) {
-          slotNode.nextSibling.textContent = value;
-        } else if (slotNode) {
-          slotNode.textContent = value;
-        } else {
-          this.__textContent = value;
-          const contentRefElm = this["s-cr"];
-          if (contentRefElm) {
-            this.insertBefore(contentRefElm, this.firstChild);
-          }
-        }
-      }
-    });
-  }
-};
-var patchChildSlotNodes = (elm, cmpMeta) => {
-  class FakeNodeList extends Array {
-    item(n) {
-      return this[n];
-    }
-  }
-  if (cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {
-    const childNodesFn = elm.__lookupGetter__("childNodes");
-    Object.defineProperty(elm, "children", {
-      get() {
-        return this.childNodes.map((n) => n.nodeType === 1);
-      }
-    });
-    Object.defineProperty(elm, "childElementCount", {
-      get() {
-        return elm.children.length;
-      }
-    });
-    Object.defineProperty(elm, "childNodes", {
-      get() {
-        const childNodes = childNodesFn.call(this);
-        if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0 && getHostRef(this).$flags$ & 2 /* hasRendered */) {
-          const result = new FakeNodeList();
-          for (let i2 = 0; i2 < childNodes.length; i2++) {
-            const slot = childNodes[i2]["s-nr"];
-            if (slot) {
-              result.push(slot);
-            }
-          }
-          return result;
-        }
-        return FakeNodeList.from(childNodes);
-      }
-    });
-  }
-};
-var getSlotName = (node) => node["s-sn"] || node.nodeType === 1 && node.getAttribute("slot") || "";
-var getHostSlotNode = (childNodes, slotName, hostName) => {
-  let i2 = 0;
-  let childNode;
-  for (; i2 < childNodes.length; i2++) {
-    childNode = childNodes[i2];
-    if (childNode["s-sr"] && childNode["s-sn"] === slotName && childNode["s-hn"] === hostName) {
-      return childNode;
-    }
-    childNode = getHostSlotNode(childNode.childNodes, slotName, hostName);
-    if (childNode) {
-      return childNode;
-    }
-  }
-  return null;
-};
-var getHostSlotChildNodes = (n, slotName) => {
-  const childNodes = [n];
-  while ((n = n.nextSibling) && n["s-sn"] === slotName) {
-    childNodes.push(n);
-  }
-  return childNodes;
-};
 
 // src/runtime/bootstrap-lazy.ts
 var bootstrapLazy = (lazyBundles, options = {}) => {
@@ -1497,16 +1384,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           return getHostRef(this).$onReadyPromise$;
         }
       };
-      {
-        {
-          patchChildSlotNodes(HostElement.prototype, cmpMeta);
-        }
-        {
-          patchSlotAppendChild(HostElement.prototype);
-        }
-        if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
-          patchTextContent(HostElement.prototype);
-        }
+      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
       }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
@@ -1626,10 +1505,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'ix-playground-internal':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-playground-internal.entry.js').then(processMod, consoleError);
                 case 'ix-action-card':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1666,6 +1541,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-category-filter.entry.js').then(processMod, consoleError);
+                case 'ix-checkbox':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-checkbox.entry.js').then(processMod, consoleError);
+                case 'ix-checkbox-group':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-checkbox-group.entry.js').then(processMod, consoleError);
                 case 'ix-chip':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1686,10 +1569,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-css-grid-item.entry.js').then(processMod, consoleError);
+                case 'ix-custom-field':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-custom-field.entry.js').then(processMod, consoleError);
                 case 'ix-date-dropdown':
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-date-dropdown.entry.js').then(processMod, consoleError);
+                case 'ix-date-input':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-date-input.entry.js').then(processMod, consoleError);
                 case 'ix-datetime-picker':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1734,18 +1625,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-flip-tile-content.entry.js').then(processMod, consoleError);
-                case 'ix-form-field':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-form-field.entry.js').then(processMod, consoleError);
                 case 'ix-group':
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-group.entry.js').then(processMod, consoleError);
+                case 'ix-helper-text':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-helper-text.entry.js').then(processMod, consoleError);
                 case 'ix-icon-toggle-button':
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-icon-toggle-button.entry.js').then(processMod, consoleError);
+                case 'ix-input':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-input.entry.js').then(processMod, consoleError);
                 case 'ix-input-group':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1762,6 +1657,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-kpi.entry.js').then(processMod, consoleError);
+                case 'ix-layout-auto':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-layout-auto.entry.js').then(processMod, consoleError);
                 case 'ix-link-button':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1810,10 +1709,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-modal.entry.js').then(processMod, consoleError);
-                case 'ix-modal-example':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-modal-example.entry.js').then(processMod, consoleError);
                 case 'ix-modal-footer':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1822,6 +1717,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-modal-loading.entry.js').then(processMod, consoleError);
+                case 'ix-number-input':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-number-input.entry.js').then(processMod, consoleError);
                 case 'ix-pagination':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1842,6 +1741,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-push-card.entry.js').then(processMod, consoleError);
+                case 'ix-radio':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-radio.entry.js').then(processMod, consoleError);
+                case 'ix-radio-group':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-radio-group.entry.js').then(processMod, consoleError);
                 case 'ix-slider':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1854,6 +1761,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-split-button-item.entry.js').then(processMod, consoleError);
+                case 'ix-textarea':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-textarea.entry.js').then(processMod, consoleError);
                 case 'ix-tile':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1958,22 +1869,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-divider.entry.js').then(processMod, consoleError);
-                case 'ix-date-time-card':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-date-time-card.entry.js').then(processMod, consoleError);
                 case 'ix-menu-expand-icon':
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-menu-expand-icon.entry.js').then(processMod, consoleError);
-                case 'ix-tooltip':
+                case 'ix-date-time-card':
                     return import(
                       /* webpackMode: "lazy" */
-                      './ix-tooltip.entry.js').then(processMod, consoleError);
+                      './ix-date-time-card.entry.js').then(processMod, consoleError);
                 case 'ix-dropdown-item':
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-dropdown-item.entry.js').then(processMod, consoleError);
+                case 'ix-field-label_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-field-label_3.entry.js').then(processMod, consoleError);
                 case 'ix-button':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1982,14 +1893,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-dropdown.entry.js').then(processMod, consoleError);
-                case 'ix-typography':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-typography.entry.js').then(processMod, consoleError);
                 case 'ix-icon-button_2':
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-icon-button_2.entry.js').then(processMod, consoleError);
+                case 'ix-typography':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-typography.entry.js').then(processMod, consoleError);
           }
       }
   return import(
@@ -2019,6 +1930,9 @@ var plt = {
   rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
   ce: (eventName, opts) => new CustomEvent(eventName, opts)
 };
+var setPlatformHelpers = (helpers) => {
+  Object.assign(plt, helpers);
+};
 var supportsShadow = (
   // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
   true
@@ -2085,6 +1999,6 @@ var nextTick = (cb) => promiseResolve().then(cb);
 var readTask = /* @__PURE__ */ queueTask(queueDomReads, false);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
 
-export { Fragment as F, Host as H, readTask as a, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Fragment as F, Host as H, setPlatformHelpers as a, bootstrapLazy as b, createEvent as c, readTask as d, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
 
-//# sourceMappingURL=index-5429f20b.js.map
+//# sourceMappingURL=index-97874de0.js.map