@siemens/ix 0.0.0-pr-1318-20240627080522 → 0.0.0-pr-1373-20240705054533

package/dist/esm/{index-9103b14c.js → index-5429f20b.js}

@@ -101,12 +101,6 @@ 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;
@@ -835,6 +829,33 @@ 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);
@@ -1070,25 +1091,6 @@ 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;
@@ -1303,6 +1305,114 @@ 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 = {}) => {
@@ -1387,8 +1497,16 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           return getHostRef(this).$onReadyPromise$;
         }
       };
-      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
-        HostElement.formAssociated = true;
+      {
+        {
+          patchChildSlotNodes(HostElement.prototype, cmpMeta);
+        }
+        {
+          patchSlotAppendChild(HostElement.prototype);
+        }
+        if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          patchTextContent(HostElement.prototype);
+        }
       }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
@@ -1548,14 +1666,6 @@ 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" */
@@ -1576,18 +1686,10 @@ 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-field':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-date-field.entry.js').then(processMod, consoleError);
                 case 'ix-datetime-picker':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1632,14 +1734,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-flip-tile-content.entry.js').then(processMod, consoleError);
-                case 'ix-group':
+                case 'ix-form-field':
                     return import(
                       /* webpackMode: "lazy" */
-                      './ix-group.entry.js').then(processMod, consoleError);
-                case 'ix-helper-text':
+                      './ix-form-field.entry.js').then(processMod, consoleError);
+                case 'ix-group':
                     return import(
                       /* webpackMode: "lazy" */
-                      './ix-helper-text.entry.js').then(processMod, consoleError);
+                      './ix-group.entry.js').then(processMod, consoleError);
                 case 'ix-icon-toggle-button':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1660,10 +1762,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-kpi.entry.js').then(processMod, consoleError);
-                case 'ix-layout-form':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-layout-form.entry.js').then(processMod, consoleError);
                 case 'ix-link-button':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1724,10 +1822,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-modal-loading.entry.js').then(processMod, consoleError);
-                case 'ix-number-field':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-number-field.entry.js').then(processMod, consoleError);
                 case 'ix-pagination':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1748,14 +1842,6 @@ 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" */
@@ -1768,14 +1854,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-split-button-item.entry.js').then(processMod, consoleError);
-                case 'ix-text-field':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-text-field.entry.js').then(processMod, consoleError);
-                case 'ix-textarea-field':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ix-textarea-field.entry.js').then(processMod, consoleError);
                 case 'ix-tile':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1880,22 +1958,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-date-time-card':
+                case 'ix-tooltip':
                     return import(
                       /* webpackMode: "lazy" */
-                      './ix-date-time-card.entry.js').then(processMod, consoleError);
+                      './ix-tooltip.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" */
@@ -2009,4 +2087,4 @@ 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 };
 
-//# sourceMappingURL=index-9103b14c.js.map
+//# sourceMappingURL=index-5429f20b.js.map