@siemens/ix 2.5.0 → 2.6.0

package/dist/cjs/{focus-9c8ffbb0.js → focus-935fb067.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+const disposableEventListener = require('./disposable-event-listener-1ed769b9.js');
+
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
  *
@@ -11,14 +13,20 @@
 class ArrowFocusController {
     constructor(items, container, callback) {
         this.wrap = false;
-        this.keyListenerBind = this.keyListener.bind(this);
         this.items = items;
         this.container = container;
         this.callback = callback;
-        this.container.addEventListener('keydown', this.keyListenerBind);
+        this.keyListener = disposableEventListener.addDisposableEventListener(container, 'keydown', (e) => this.onKeyDown(e));
+    }
+    getActiveIndex() {
+        if (!document.activeElement) {
+            return -1;
+        }
+        return this.items.indexOf(document.activeElement);
     }
-    keyListener(e) {
-        const activeIndex = this.items.indexOf(document.activeElement);
+    onKeyDown(e) {
+        var _a, _b, _c, _d;
+        const activeIndex = this.getActiveIndex();
         if (activeIndex < 0) {
             return;
         }
@@ -26,40 +34,36 @@ class ArrowFocusController {
             case 'ArrowDown':
                 if (activeIndex < this.items.length - 1) {
                     e.preventDefault();
-                    if (this.callback) {
-                        this.callback(activeIndex + 1);
-                    }
+                    (_a = this.callback) === null || _a === void 0 ? void 0 : _a.call(this, activeIndex + 1);
                 }
                 else if (this.wrap) {
                     e.preventDefault();
-                    if (this.callback) {
-                        this.callback(0);
-                    }
+                    (_b = this.callback) === null || _b === void 0 ? void 0 : _b.call(this, 0);
                 }
                 break;
             case 'ArrowUp':
                 {
                     if (activeIndex > 0) {
                         e.preventDefault();
-                        if (this.callback) {
-                            this.callback(activeIndex - 1);
-                        }
+                        (_c = this.callback) === null || _c === void 0 ? void 0 : _c.call(this, activeIndex - 1);
                     }
                     else if (this.wrap && activeIndex === 0) {
                         e.preventDefault();
-                        if (this.callback) {
-                            this.callback(this.items.length - 1);
-                        }
+                        (_d = this.callback) === null || _d === void 0 ? void 0 : _d.call(this, this.items.length - 1);
                     }
                 }
                 break;
         }
     }
     disconnect() {
-        this.container.removeEventListener('keydown', this.keyListenerBind);
+        if (this.keyListener) {
+            this.keyListener();
+        }
+        this.container = undefined;
+        this.callback = undefined;
     }
 }
 
 exports.ArrowFocusController = ArrowFocusController;
 
-//# sourceMappingURL=focus-9c8ffbb0.js.map
+//# sourceMappingURL=focus-935fb067.js.map

package/dist/cjs/focus-935fb067.js.map

@@ -0,0 +1 @@
+{"file":"focus-935fb067.js","mappings":";;;;AAAA;;;;;;;;MAWa,oBAAoB;IAS/B,YACE,KAAY,EACZ,SAAsB,EACtB,QAAkC;QARpC,SAAI,GAAG,KAAK,CAAC;QAUX,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,WAAW,GAAGA,kDAA0B,CAC3C,SAAS,EACT,SAAS,EACT,CAAC,CAAQ,KAAK,IAAI,CAAC,SAAS,CAAC,CAAkB,CAAC,CACjD,CAAC;KACH;IAEO,cAAc;QACpB,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE;YAC3B,OAAO,CAAC,CAAC,CAAC;SACX;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;KACnD;IAEO,SAAS,CAAC,CAAgB;;QAChC,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAE1C,IAAI,WAAW,GAAG,CAAC,EAAE;YACnB,OAAO;SACR;QAED,QAAQ,CAAC,CAAC,GAAG;YACX,KAAK,WAAW;gBACd,IAAI,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,MAAA,IAAI,CAAC,QAAQ,qDAAG,WAAW,GAAG,CAAC,CAAC,CAAC;iBAClC;qBAAM,IAAI,IAAI,CAAC,IAAI,EAAE;oBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,MAAA,IAAI,CAAC,QAAQ,qDAAG,CAAC,CAAC,CAAC;iBACpB;gBACD,MAAM;YAER,KAAK,SAAS;gBACZ;oBACE,IAAI,WAAW,GAAG,CAAC,EAAE;wBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAA,IAAI,CAAC,QAAQ,qDAAG,WAAW,GAAG,CAAC,CAAC,CAAC;qBAClC;yBAAM,IAAI,IAAI,CAAC,IAAI,IAAI,WAAW,KAAK,CAAC,EAAE;wBACzC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAA,IAAI,CAAC,QAAQ,qDAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;qBACxC;iBACF;gBACD,MAAM;SACT;KACF;IAED,UAAU;QACR,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QAED,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;KAC3B;;;;;","names":["addDisposableEventListener"],"sources":["src/components/utils/focus.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { addDisposableEventListener } from './disposable-event-listener';\n\nexport class ArrowFocusController {\n  public items: Element[];\n\n  container?: HTMLElement;\n  wrap = false;\n  callback: any;\n\n  private readonly keyListener: () => void;\n\n  constructor(\n    items: any[],\n    container: HTMLElement,\n    callback?: (index: number) => void\n  ) {\n    this.items = items;\n    this.container = container;\n    this.callback = callback;\n    this.keyListener = addDisposableEventListener(\n      container,\n      'keydown',\n      (e: Event) => this.onKeyDown(e as KeyboardEvent)\n    );\n  }\n\n  private getActiveIndex() {\n    if (!document.activeElement) {\n      return -1;\n    }\n    return this.items.indexOf(document.activeElement);\n  }\n\n  private onKeyDown(e: KeyboardEvent) {\n    const activeIndex = this.getActiveIndex();\n\n    if (activeIndex < 0) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        if (activeIndex < this.items.length - 1) {\n          e.preventDefault();\n          this.callback?.(activeIndex + 1);\n        } else if (this.wrap) {\n          e.preventDefault();\n          this.callback?.(0);\n        }\n        break;\n\n      case 'ArrowUp':\n        {\n          if (activeIndex > 0) {\n            e.preventDefault();\n            this.callback?.(activeIndex - 1);\n          } else if (this.wrap && activeIndex === 0) {\n            e.preventDefault();\n            this.callback?.(this.items.length - 1);\n          }\n        }\n        break;\n    }\n  }\n\n  disconnect() {\n    if (this.keyListener) {\n      this.keyListener();\n    }\n\n    this.container = undefined;\n    this.callback = undefined;\n  }\n}\n"],"version":3}

package/dist/cjs/helper-text-util-3192e78f.js

@@ -0,0 +1,44 @@
+'use strict';
+
+const index = require('./index-757233c7.js');
+const index$1 = require('./index-d2117dc0.js');
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function hasAnyText({ invalidText, warningText, infoText, validText, helperText, }) {
+    return invalidText || warningText || infoText || validText || helperText;
+}
+function renderHelperText({ isInvalid, invalidText, isWarning, warningText, isInfo, infoText, isValid, validText, helperText, }) {
+    if (isInvalid && invalidText !== undefined) {
+        return (index.h("ix-typography", { color: "alarm", class: "bottom-text" },
+            index.h("ix-icon", { class: "text-icon invalid", name: index$1.iconError, size: "16" }),
+            invalidText));
+    }
+    if (isWarning && warningText !== undefined) {
+        return (index.h("ix-typography", { color: "std", class: "bottom-text" },
+            index.h("ix-icon", { class: "text-icon warning", name: index$1.iconWarning, size: "16" }),
+            warningText));
+    }
+    if (isInfo && infoText !== undefined) {
+        return (index.h("ix-typography", { color: "std", class: "bottom-text" },
+            index.h("ix-icon", { class: "text-icon info", name: index$1.iconInfo, size: "16" }),
+            infoText));
+    }
+    if (isValid && validText !== undefined) {
+        return (index.h("ix-typography", { color: "std", class: "bottom-text" },
+            index.h("ix-icon", { class: "text-icon valid", name: index$1.iconSuccess, size: "16" }),
+            validText));
+    }
+    return (helperText && (index.h("ix-typography", { class: "bottom-text", color: "soft" }, helperText)));
+}
+
+exports.hasAnyText = hasAnyText;
+exports.renderHelperText = renderHelperText;
+
+//# sourceMappingURL=helper-text-util-3192e78f.js.map

package/dist/cjs/helper-text-util-3192e78f.js.map

@@ -0,0 +1 @@
+{"file":"helper-text-util-3192e78f.js","mappings":";;;;;AAAA;;;;;;;;SAgBgB,UAAU,CAAC,EACzB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,GAOX;IACC,OAAO,WAAW,IAAI,WAAW,IAAI,QAAQ,IAAI,SAAS,IAAI,UAAU,CAAC;AAC3E,CAAC;SAEe,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,GAWX;IACC,IAAI,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE;QAC1C,QACEA,2BAAe,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa;YAC9CA,qBAAS,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAEC,iBAAS,EAAE,IAAI,EAAC,IAAI,GAAW;YAEvE,WAAW,CACE,EAChB;KACH;IAED,IAAI,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE;QAC1C,QACED,2BAAe,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa;YAC5CA,qBACE,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAEE,mBAAW,EACjB,IAAI,EAAC,IAAI,GACA;YACV,WAAW,CACE,EAChB;KACH;IAED,IAAI,MAAM,IAAI,QAAQ,KAAK,SAAS,EAAE;QACpC,QACEF,2BAAe,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa;YAC5CA,qBAAS,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAEG,gBAAQ,EAAE,IAAI,EAAC,IAAI,GAAW;YACnE,QAAQ,CACK,EAChB;KACH;IAED,IAAI,OAAO,IAAI,SAAS,KAAK,SAAS,EAAE;QACtC,QACEH,2BAAe,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa;YAC5CA,qBAAS,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAEI,mBAAW,EAAE,IAAI,EAAC,IAAI,GAAW;YACvE,SAAS,CACI,EAChB;KACH;IAED,QACE,UAAU,KACRJ,2BAAe,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,IAC5C,UAAU,CACG,CACjB,EACD;AACJ;;;;;","names":["h","iconError","iconWarning","iconInfo","iconSuccess"],"sources":["src/components/field-wrapper/helper-text-util.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h } from '@stencil/core';\nimport {\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\n\nexport function hasAnyText({\n  invalidText,\n  warningText,\n  infoText,\n  validText,\n  helperText,\n}: {\n  invalidText?: string;\n  warningText?: string;\n  infoText?: string;\n  validText?: string;\n  helperText?: string;\n}) {\n  return invalidText || warningText || infoText || validText || helperText;\n}\n\nexport function renderHelperText({\n  isInvalid,\n  invalidText,\n  isWarning,\n  warningText,\n  isInfo,\n  infoText,\n  isValid,\n  validText,\n  helperText,\n}: {\n  isInvalid: boolean;\n  invalidText?: string;\n  isWarning: boolean;\n  warningText?: string;\n  isInfo: boolean;\n  infoText?: string;\n  isValid: boolean;\n  validText?: string;\n  helperText?: string;\n}) {\n  if (isInvalid && invalidText !== undefined) {\n    return (\n      <ix-typography color=\"alarm\" class=\"bottom-text\">\n        <ix-icon class=\"text-icon invalid\" name={iconError} size=\"16\"></ix-icon>\n\n        {invalidText}\n      </ix-typography>\n    );\n  }\n\n  if (isWarning && warningText !== undefined) {\n    return (\n      <ix-typography color=\"std\" class=\"bottom-text\">\n        <ix-icon\n          class=\"text-icon warning\"\n          name={iconWarning}\n          size=\"16\"\n        ></ix-icon>\n        {warningText}\n      </ix-typography>\n    );\n  }\n\n  if (isInfo && infoText !== undefined) {\n    return (\n      <ix-typography color=\"std\" class=\"bottom-text\">\n        <ix-icon class=\"text-icon info\" name={iconInfo} size=\"16\"></ix-icon>\n        {infoText}\n      </ix-typography>\n    );\n  }\n\n  if (isValid && validText !== undefined) {\n    return (\n      <ix-typography color=\"std\" class=\"bottom-text\">\n        <ix-icon class=\"text-icon valid\" name={iconSuccess} size=\"16\"></ix-icon>\n        {validText}\n      </ix-typography>\n    );\n  }\n\n  return (\n    helperText && (\n      <ix-typography class=\"bottom-text\" color=\"soft\">\n        {helperText}\n      </ix-typography>\n    )\n  );\n}\n"],"version":3}

package/dist/cjs/{index-c4629a8d.js → index-74904d8b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 require('./animation-99234008.js');
-const modal = require('./modal-828cb80a.js');
+const modal = require('./modal-a49409aa.js');
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -27,4 +27,4 @@ async function showAppSwitch(config) {
 
 exports.showAppSwitch = showAppSwitch;
 
-//# sourceMappingURL=index-c4629a8d.js.map
+//# sourceMappingURL=index-74904d8b.js.map

package/dist/cjs/{index-c4629a8d.js.map → index-74904d8b.js.map}

@@ -1 +1 @@
-{"file":"index-c4629a8d.js","mappings":";;;;;AAAA;;;;;;;;AAYO,eAAe,aAAa,CAAC,MAA8B;IAChE,MAAMA,OAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;IACpEA,OAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,MAAM,GAAG,MAAMC,eAAS,CAAC;QAC7B,OAAO,EAAED,OAAK;QACd,IAAI,EAAE,KAAK;QACX,oBAAoB,EAAE,IAAI;KAC3B,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CACvD,6BAA6B,CAC9B,CAAC;IAEF,OAAO,CAAC,qBAA6C;QACnD,gBAAgB,CAAC,MAAM,GAAG,qBAAqB,CAAC;KACjD,CAAC;AACJ;;;;","names":["modal","showModal"],"sources":["src/components/utils/app-switch/index.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { AppSwitchConfiguration } from '../application-layout/context';\nimport { showModal } from '../modal';\n\nexport async function showAppSwitch(config: AppSwitchConfiguration) {\n  const modal = document.createElement('ix-application-switch-modal');\n  modal.config = config;\n  const result = await showModal({\n    content: modal,\n    size: '840',\n    closeOnBackdropClick: true,\n  });\n\n  const appSwitchElement = result.htmlElement.querySelector(\n    'ix-application-switch-modal'\n  );\n\n  return (updateAppSwitchConfig: AppSwitchConfiguration) => {\n    appSwitchElement.config = updateAppSwitchConfig;\n  };\n}\n"],"version":3}
+{"file":"index-74904d8b.js","mappings":";;;;;AAAA;;;;;;;;AAYO,eAAe,aAAa,CAAC,MAA8B;IAChE,MAAMA,OAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;IACpEA,OAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,MAAM,GAAG,MAAMC,eAAS,CAAC;QAC7B,OAAO,EAAED,OAAK;QACd,IAAI,EAAE,KAAK;QACX,oBAAoB,EAAE,IAAI;KAC3B,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CACvD,6BAA6B,CAC9B,CAAC;IAEF,OAAO,CAAC,qBAA6C;QACnD,gBAAgB,CAAC,MAAM,GAAG,qBAAqB,CAAC;KACjD,CAAC;AACJ;;;;","names":["modal","showModal"],"sources":["src/components/utils/app-switch/index.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { AppSwitchConfiguration } from '../application-layout/context';\nimport { showModal } from '../modal';\n\nexport async function showAppSwitch(config: AppSwitchConfiguration) {\n  const modal = document.createElement('ix-application-switch-modal');\n  modal.config = config;\n  const result = await showModal({\n    content: modal,\n    size: '840',\n    closeOnBackdropClick: true,\n  });\n\n  const appSwitchElement = result.htmlElement.querySelector(\n    'ix-application-switch-modal'\n  );\n\n  return (updateAppSwitchConfig: AppSwitchConfiguration) => {\n    appSwitchElement.config = updateAppSwitchConfig;\n  };\n}\n"],"version":3}

package/dist/cjs/{index-529f21c1.js → index-757233c7.js}

@@ -123,6 +123,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;
@@ -515,9 +521,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();
 };
@@ -851,33 +854,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);
@@ -1113,6 +1089,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;
@@ -1327,114 +1322,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 = {}) => {
@@ -1519,16 +1406,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)) {
@@ -1648,10 +1527,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'ix-playground-internal.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-playground-internal.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-action-card.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1688,6 +1563,14 @@ 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" */
@@ -1708,10 +1591,18 @@ 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-input.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-date-input.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-datetime-picker.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1756,18 +1647,22 @@ 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-form-field.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './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-group.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-helper-text.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-helper-text.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-icon-toggle-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-icon-toggle-button.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-input.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-input.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-input-group.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1784,6 +1679,10 @@ 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-auto.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-layout-auto.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-link-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1832,10 +1731,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-modal.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-modal-example.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-modal-example.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-modal-footer.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1844,6 +1739,10 @@ 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-input.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-number-input.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-pagination.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1864,6 +1763,14 @@ 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" */
@@ -1876,6 +1783,10 @@ 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-textarea.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-textarea.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-tile.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1980,22 +1891,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-tooltip.cjs':
+                case 'ix-date-time-card.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './ix-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
+                        './ix-date-time-card.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" */
@@ -2004,14 +1915,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-dropdown.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'ix-typography.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './ix-typography.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-icon-button_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-icon-button_2.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-typography.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-typography.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
@@ -2041,6 +1952,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
@@ -2118,5 +2032,6 @@ exports.promiseResolve = promiseResolve;
 exports.readTask = readTask;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
+exports.setPlatformHelpers = setPlatformHelpers;
 
-//# sourceMappingURL=index-529f21c1.js.map
+//# sourceMappingURL=index-757233c7.js.map