@siemens/ix 0.0.0-pr-1318-20240627080522 → 0.0.0-pr-1522-20241021144048

package/dist/cjs/{index-0f6297c8.js → index-529f21c1.js}

@@ -123,12 +123,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;
@@ -857,6 +851,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);
@@ -1092,25 +1113,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;
@@ -1325,6 +1327,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 = {}) => {
@@ -1409,8 +1519,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)) {
@@ -1570,14 +1688,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-category-filter.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-checkbox.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-checkbox.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-checkbox-group.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-checkbox-group.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-chip.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1598,18 +1708,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-css-grid-item.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-custom-field.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-custom-field.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-date-dropdown.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-date-dropdown.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-date-field.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-date-field.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-datetime-picker.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1654,14 +1756,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-flip-tile-content.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-group.cjs':
+                case 'ix-form-field.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './ix-group.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-helper-text.cjs':
+                        './ix-form-field.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-group.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './ix-helper-text.cjs.entry.js')); }).then(processMod, consoleError);
+                        './ix-group.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-icon-toggle-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1682,10 +1784,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-kpi.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-layout-form.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-layout-form.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-link-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1746,10 +1844,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-modal-loading.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-number-field.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-number-field.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-pagination.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1770,14 +1864,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-push-card.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-radio.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-radio.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-radio-group.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-radio-group.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-slider.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1790,14 +1876,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-split-button-item.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-text-field.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-text-field.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-textarea-field.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-textarea-field.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-tile.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1902,22 +1980,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-divider.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-date-time-card.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-date-time-card.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-menu-expand-icon.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-menu-expand-icon.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-date-time-card.cjs':
+                case 'ix-tooltip.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './ix-date-time-card.cjs.entry.js')); }).then(processMod, consoleError);
+                        './ix-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-dropdown-item.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-dropdown-item.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-field-label_3.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-field-label_3.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2041,4 +2119,4 @@ exports.readTask = readTask;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-0f6297c8.js.map
+//# sourceMappingURL=index-529f21c1.js.map