@siemens/ix-docs 0.0.0-pr-2238-20251103105018 → 0.0.0-pr-2297-20251211061723

package/build/static/demo/v2/preview/html/assets/{ix-tree-item.entry-C7zwx0E4.js → ix-tree-item.entry-yGUUExQv.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-C8r7td8X.js";
-import { w as iconChevronRightSmall } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, c as createEvent, h, H as Host } from "./global-CJeEgyUn.js";
+import { w as iconChevronRightSmall } from "./index-8HpPmDK_-DinFJk0z.js";
 const treeItemCss = ":host{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tree-node-container{display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .tree-node-container .tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .icon-toggle-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem}:host .icon-toggle-container ix-icon{transition:transform var(--theme-default-time) ease-in-out}:host .icon-toggle-container ix-icon.icon-toggle-down{transform:rotate(90deg)}:host(:not(.disabled):not(:disabled):not(.selected).hover),:host(:not(.disabled):not(:disabled):not(.selected):hover){background-color:var(--theme-tree-item--background--hover)}:host(:not(.disabled):not(:disabled):not(.selected).active),:host(:not(.disabled):not(:disabled):not(.selected):active){background-color:var(--theme-tree-item--background--active)}:host(.selected){background-color:var(--theme-tree-item--background--selected)}:host(.selected.hover),:host(.selected:hover){background-color:var(--theme-tree-item--background--selected-hover)}:host(.selected.active),:host(.selected:active){background-color:var(--theme-tree-item--background--selected-active)}";
 const TreeItem = class {
   constructor(hostRef) {
@@ -10,17 +10,17 @@ const TreeItem = class {
   }
   render() {
     var _a, _b;
-    return h(Host, { key: "f3168fba8586e37800d2ba921d890e3f8c38d263", class: {
+    return h(Host, { key: "52817f9eed914ee6b01b67848af3f7073f21d65c", class: {
       selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected)
-    } }, h("div", { key: "10905ce185a7dbae0921ab16c9656f4ef0569749", class: "icon-toggle-container" }, this.hasChildren ? h("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
+    } }, h("div", { key: "95b40939dac08653e875985a160e5aa45ebc353c", class: "icon-toggle-container" }, this.hasChildren ? h("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
       ["icon-toggle-down"]: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded)
     }, color: "color-std-text", onClick: (e) => {
       e.preventDefault();
       e.stopPropagation();
       this.toggle.emit();
-    }, "aria-label": this.ariaLabelChevronIcon }) : null), h("div", { key: "bf8b74b9b1e67b848a6d9d9f93c3dc01221ad9b9", class: "tree-node-container", onClick: () => {
+    }, "aria-label": this.ariaLabelChevronIcon }) : null), h("div", { key: "656eda787f5fbf263ced33629d3ebde110c3f917", class: "tree-node-container", onClick: () => {
       this.itemClick.emit();
-    } }, h("div", { key: "23449d4cc0c593f2fdb2f792eadbbf30481a225b", class: "tree-node-text" }, this.text), h("slot", { key: "91ba0ba1b85a0fc42a6ae0c4685c8df4717547f6" })));
+    } }, h("div", { key: "eba55e54bf655fc0c3d0aacbfc3cb7e49fcb13f6", class: "tree-node-text" }, this.text), h("slot", { key: "4747766e632c2bdf7865b25b8d2abf82405c57c8" })));
   }
 };
 TreeItem.style = treeItemCss;

package/build/static/demo/v2/preview/html/assets/{ix-tree.entry-ZxBngmgG.js → ix-tree.entry-BVXzcPxA.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-CJeEgyUn.js";
 import { d as dropdownController } from "./dropdown-controller-D3K9vmFp-CeqyAJWH.js";
 function renderDefaultItem(item, context, update) {
   const el = document.createElement("ix-tree-item");
@@ -518,7 +518,7 @@ const Tree = class {
     this.nodeClicked.emit(id);
   }
   render() {
-    return h(Host, { key: "41229d69024d78162075253c32250ebf28e4bb3b", onClick: (event) => this.onTreeItemClick(event) }, h("slot", { key: "594c9e61448461dd39a81272f2d2c24b0e560806" }));
+    return h(Host, { key: "ca0d582877d3b2877a1090cc0aeb40f38617cef9", onClick: (event) => this.onTreeItemClick(event) }, h("slot", { key: "2d8f21165234243b6d2e2f7c99696fc7343d79f2" }));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-typography.entry-B7a-cGBn.js → ix-typography.entry-oheI5wRq.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host } from "./global-CJeEgyUn.js";
 const typographyCss = '.typography-label,:host(.typography-label){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-xs,:host(.typography-label-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-sm,:host(.typography-label-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-lg,:host(.typography-label-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body,:host(.typography-body){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-xs,:host(.typography-body-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-sm,:host(.typography-body-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-lg,:host(.typography-body-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display,:host(.typography-display){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xs,:host(.typography-display-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-sm,:host(.typography-display-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-lg,:host(.typography-display-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xl,:host(.typography-display-xl){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-5);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xxl,:host(.typography-display-xxl){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-6);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h6,.h6,.typography-h6,:host(.typography-h6){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h5,.h5,.typography-h5,:host(.typography-h5){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h4,.h4,.typography-h4,:host(.typography-h4){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h3,.h3,.typography-h3,:host(.typography-h3){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h2,.h2,.typography-h2,:host(.typography-h2){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h1,.h1,.typography-h1,:host(.typography-h1){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code,:host(.typography-code){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-lg,:host(.typography-code-lg){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-sm,:host(.typography-code-sm){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-decoration-none,:host(.typography-decoration-none){text-decoration:none !important}.typography-decoration-underline,:host(.typography-decoration-underline){text-decoration:underline !important}.typography-decoration-line-through,:host(.typography-decoration-line-through){text-decoration:line-through !important}.typography-weight-bold,:host(.typography-weight-bold){font-weight:700 !important}a{color:var(--theme-color-primary)}:host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.text-xs){font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-s){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-caption){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-caption-single){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default-single){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default-title){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default-title-single){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-single){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-title){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-title-single){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-h2){font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-xl){font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}';
 const IxTypography = class {
   constructor(hostRef) {
@@ -26,7 +26,7 @@ const IxTypography = class {
         color: IxTypography.getTextColor(this.textColor)
       };
     }
-    return h(Host, { key: "a8642e246a60b32a22e052b7755db3e302836fd6", class: typographyClass, style }, h("slot", { key: "6b6ae0458fe7bbfbd3fb4ecd9175b50a42e9258e" }));
+    return h(Host, { key: "de007c46746d98dffe4647fca37b0d8dd1967415", class: typographyClass, style }, h("slot", { key: "a4ada9ab3f8a64839f4a6c7938b3769f6ef0d6c7" }));
   }
 };
 IxTypography.style = typographyCss;

package/build/static/demo/v2/preview/html/assets/{ix-upload.entry-8dSQU_QN.js → ix-upload.entry-BrH_3hNB.js}

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-CJeEgyUn.js";
 import { U as UploadFileState } from "./upload-file-state-BGzrnl_l-DLdhtkd7.js";
-import { c as iconSuccess, b as iconError } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { c as iconSuccess, b as iconError } from "./index-8HpPmDK_-DinFJk0z.js";
 import { b as a11yHostAttributes } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
 const uploadCss = ":host{display:block;min-height:4rem;height:4rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .file-upload-area{display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:hidden;height:100%;width:100%;padding:1rem;border:1px dashed var(--theme-upload--border-color);border-radius:var(--theme-upload--border-radius);color:var(--theme-upload-text--color)}:host .file-upload-area.multiline{max-height:unset;height:auto}:host .file-upload-area.multiline .glyph{align-self:flex-start;margin-block-start:3px}:host .file-upload-area.multiline>div{align-self:flex-start}:host .file-upload-area:not(.multiline) .state,:host .file-upload-area:not(.multiline) .upload-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .file-upload-area:not(.disabled).file-over{border-color:var(--theme-upload--border-color--dragover);border-style:solid}:host .file-upload-area.checking{color:var(--theme-upload-text--color--checking);border-style:solid}:host .file-upload-area.disabled{border-style:solid;color:var(--theme-upload-text--color--disabled)}:host .file-upload-area ix-button{margin-inline-start:1rem}:host .file-upload-area .upload-browser{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:host .file-upload-area .loader{margin:2.187rem auto;font-size:0.937rem;width:1rem;height:1rem;border-radius:50%;position:relative;text-indent:-9999em;animation:optimise-loading 1.1s infinite ease;transform:translateZ(0)}:host .file-upload-area .upload-filename{margin-bottom:1rem}:host .file-upload-area .state{display:flex;align-items:center}:host .file-upload-area .state>ix-spinner{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon.icon-error{color:var(--theme-color-alarm)}:host .file-upload-area .state>ix-icon.icon-success{color:var(--theme-color-success)}:host(.disabled){pointer-events:none}";
 var __rest = function(s, e) {
@@ -122,7 +122,7 @@ const Upload = class {
   render() {
     const disabled = this.disabled || this.state === UploadFileState.LOADING;
     const _a = this.a11y, { "aria-label": ariaLabel = "Upload files" } = _a, a11y = __rest(_a, ["aria-label"]);
-    return h(Host, Object.assign({ key: "d27377461517d95412c644cdc3c9f0b4c9edd1f9" }, a11y, { "aria-disabled": disabled }), h("div", { key: "983727de99c90d57e0c0e296d054ea80894cc2e3", class: {
+    return h(Host, Object.assign({ key: "8b8c68a23b429ca57854751c8a1c9358f78cbc9f" }, a11y, { "aria-disabled": disabled }), h("div", { key: "1bb186087ab0d5c545a3f183ce3f6de033a837ad", class: {
       "file-upload-area": true,
       "file-over": this.state !== UploadFileState.LOADING && this.isFileOver,
       checking: this.state === UploadFileState.LOADING,
@@ -132,9 +132,9 @@ const Upload = class {
       if (this.state !== UploadFileState.LOADING) {
         this.fileDropped(e);
       }
-    }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), h("div", { key: "bd84f1781930713ca4c607a998749108a444b97c" }, h("input", { key: "9585965e1f26be9d3c9f918efd6333b3d216ab76", "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
+    }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), h("div", { key: "52209f325ad967197e48f651cc6f15365be9562f" }, h("input", { key: "91c11214c2f169a9dfbeaaac88a7d928ab389455", "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
       this.fileChangeEvent(e);
-    }, accept: this.accept, disabled }), h("ix-button", { key: "ab298c4a30538b1408648f9a02ceb7c52fb6b882", variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled }, this.i18nUploadFile))));
+    }, accept: this.accept, disabled }), h("ix-button", { key: "807022699c0ba9ac3d81557e88cf1ae498a36cca", variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled }, this.i18nUploadFile))));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-validation-tooltip.entry-B6hMdhfX.js → ix-validation-tooltip.entry-CONWXnx8.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host, g as getElement } from "./global-CJeEgyUn.js";
 import { i as inline, s as shift, o as offset, f as flip, a as autoUpdate, b as arrow, c as computePosition } from "./floating-ui.dom-CAqtPJ4--B_Z-K7Jv.js";
 const validationTooltipCss = '.text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:inline-block;position:relative;width:100%;z-index:var(--theme-z-index-tooltip)}:host .validation-tooltip{background-color:var(--theme-tooltip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}:host .validation-tooltip #arrow,:host .validation-tooltip #arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host .validation-tooltip #arrow{visibility:hidden}:host .validation-tooltip #arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tooltip--background)}:host .validation-tooltip>#arrow{bottom:-5px}:host .validation-tooltip>#arrow::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}';
 const ValidationTooltip = class {
@@ -125,13 +125,13 @@ const ValidationTooltip = class {
   }
   render() {
     var _a, _b, _c, _d;
-    return h(Host, { key: "af01b12284c6abad7b98a4e8c29e30c24abe206d" }, h("slot", { key: "a55080d265f74185eaa34a6998457343e41f248b" }), h("div", { key: "2487996e1b6bd31f8136129cf046cc7c55f09b24", role: "tooltip", style: {
+    return h(Host, { key: "63087bd1548b2c8242a70367e9721dabe608b81b" }, h("slot", { key: "9b3e52767724c1b6583e2137333bd2055a947de5" }), h("div", { key: "37c0ff9d22dea19f3455ae33b2fdc7930f6577d0", role: "tooltip", style: {
       display: "none",
       position: "fixed",
       top: "0",
       left: "0",
       transform: `translate(${Math.round((_b = (_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0)}px,${Math.round((_d = (_c = this.tooltipPosition) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0)}px)`
-    }, class: "validation-tooltip text-default" }, this.message, h("slot", { key: "9639797207877d1e8107af82ccefec30db7e2f82", name: "tooltip-message" }), h("div", { key: "34248d812f34bfa9cd734eab28b3c91af879aecd", id: "arrow" })));
+    }, class: "validation-tooltip text-default" }, this.message, h("slot", { key: "be776406798e859b60593bdb35ebc8e443c6e94c", name: "tooltip-message" }), h("div", { key: "447ebc834dc096b3b60549092b0960d64b294a27", id: "arrow" })));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-workflow-step.entry-BzPiSCpA.js → ix-workflow-step.entry-CVlF5KxL.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { K as iconCircle, b as iconError, a as iconWarning, L as iconCircleFilled, c as iconSuccess, M as iconCircleDot, N as iconTriangleFilled } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from "./global-CJeEgyUn.js";
+import { K as iconCircle, b as iconError, a as iconWarning, L as iconCircleFilled, c as iconSuccess, M as iconCircleDot, N as iconTriangleFilled } from "./index-8HpPmDK_-DinFJk0z.js";
 const workflowStepCss = ":host(:not(.host-vertical)){width:12rem;height:4rem;min-width:2rem;min-height:4rem;max-width:12rem}:host(.host-vertical){width:100%;height:4rem;min-width:4rem;min-height:2rem;max-height:12rem}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);padding:1.125rem 0 0.5rem 0}:host .step .wrapper{display:flex;width:100%;align-items:center;justify-content:center;position:relative}:host .step .wrapper .line{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}:host .step .wrapper .line.first,:host .step .wrapper .line.last{width:50%;margin:0 0 0 auto}:host .step .wrapper .line.last{margin:0 auto 0 0}:host .step .wrapper .line.single{width:0}:host .step .wrapper .line.selected{background-color:var(--theme-workflow-step-icon-default--color--selected)}:host .step .wrapper .line.done{background-color:var(--theme-workflow-step-icon-done--color)}:host .step .wrapper .line.done.selected{background-color:var(--theme-workflow-step-icon-done--color--selected)}:host .step .wrapper .line.warning{background-color:var(--theme-color-warning)}:host .step .wrapper .line.success{background-color:var(--theme-color-success)}:host .step .wrapper .line.error{background-color:var(--theme-color-alarm)}:host .step .wrapper .iconWrapper{display:flex;align-items:center;justify-content:center;position:absolute}:host .step .wrapper .iconWrapper .absolute{position:absolute}:host .step .text{margin-top:1rem;width:100%;padding:0 0.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}:host .step.vertical{flex-direction:row;padding:0;height:100%}:host .step.vertical .wrapper{width:auto;padding-left:1.125rem;height:100%}:host .step.vertical .wrapper .line{width:0.125rem;height:100%}:host .step.vertical .wrapper .line.first,:host .step.vertical .wrapper .line.last{height:50%;margin:auto 0 0 0}:host .step.vertical .wrapper .line.last{margin:0 0 auto 0}:host .step.vertical .wrapper .line.single{width:0}:host .step.vertical .text{margin:0 1rem;padding:0;width:auto}:host .step.clickable:hover{background-color:var(--theme-workflow-step--background--hover)}:host .step.clickable:active{background-color:var(--theme-workflow-step--background--active)}:host .step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}:host .step.selected{background-color:var(--theme-workflow-step--background--selected)}:host .step.disabled{background-color:var(--theme-workflow-step--background--disabled)}:host .step.disabled .line{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}:host .step.disabled .text{color:var(--theme-workflow-step--color--disabled)}";
 const WorkflowStep = class {
   constructor(hostRef) {
@@ -83,18 +83,18 @@ const WorkflowStep = class {
   }
   render() {
     const icons = !this.customIconSlot ? h(Fragment, null, h("ix-icon", { color: "color-1", name: this.status === "warning" ? iconTriangleFilled : iconCircleFilled, class: "absolute", size: "24" }), h("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() })) : null;
-    return h(Host, { key: "3a93acf2907c533c0a0ddb040278e118c355bc32", class: { "host-vertical": this.vertical }, onClick: () => this.onStepClick() }, h("div", { key: "e85b6a3859d59afb71fe1cb2718e44712fba509f", tabIndex: 0, class: {
+    return h(Host, { key: "69060f0b0d9724d1a7e5d88d723454354a0ae179", class: { "host-vertical": this.vertical }, onClick: () => this.onStepClick() }, h("div", { key: "e271713f7b57462155e967d2fd74bb911640c6b1", tabIndex: 0, class: {
       step: true,
       selected: this.selected,
       vertical: this.vertical,
       disabled: this.disabled,
       clickable: this.clickable && !this.disabled
-    } }, h("div", { key: "2712cbb97cfa21042c0cb4bea1d02f9e61199e55", class: "wrapper" }, h("div", { key: "00e2e7a6daf986819d1e420d3b8379cab01abc47", class: {
+    } }, h("div", { key: "28fb3c2e870564f3cfa62a402ba75b62ef84d68f", class: "wrapper" }, h("div", { key: "7178b44d0f6e20202c62e83af8e983392cf00ecd", class: {
       line: true,
       selected: this.selected,
       [this.status]: true,
       [this.position]: true
-    } }), h("div", { key: "7a46fa4306b9924ca7df0272f32592a458355774", class: "iconWrapper" }, icons, h("slot", { key: "5b750aa1483f64625905a2b39fdce5f067ba853f", name: "custom-icon" }))), h("div", { key: "9c2fa968aa7903f90a98e24e845de414844361ee", class: "text" }, h("slot", { key: "dc660f37779d7dde23a131158ae910b46732d896" }))));
+    } }), h("div", { key: "8f10884a92e4f0685f20a10cb12cd19b39a7a2f9", class: "iconWrapper" }, icons, h("slot", { key: "6e3d96ae17ce0b3b217edef59b1e3999a1d028d5", name: "custom-icon" }))), h("div", { key: "80b1b2adc4f110d505e5fcb4263781b11b58ff49", class: "text" }, h("slot", { key: "07f9b88ce66abffd1190940968ed20ae6cd5ec09" }))));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-workflow-steps.entry-DPhsvSqe.js → ix-workflow-steps.entry-nQyg54rL.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-CJeEgyUn.js";
 import { c as createMutationObserver } from "./mutation-observer-CX81WQtk-DFcmhOTk.js";
 const workflowStepsCss = ":host{display:block;position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;min-width:2rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .steps{display:flex;height:100%}:host .steps.vertical{flex-direction:column}";
 const WorkflowSteps = class {
@@ -65,7 +65,7 @@ const WorkflowSteps = class {
     this.updateSteps();
   }
   render() {
-    return h(Host, { key: "fcfd2b61769e31adab006ed935a9776ecdfb8bfe" }, h("div", { key: "d0a264a599b4db3cb289549f608f1e749c91f180", class: { steps: true, vertical: this.vertical } }, h("slot", { key: "8b275ef2551f7ad258eef17e9caffd8ca8c558b0" })));
+    return h(Host, { key: "05f04dea227019aa7f0e0a3b24cecb45ed80c452" }, h("div", { key: "6423cddc50bc1928ae2f1f78d6b22c12dda49c9d", class: { steps: true, vertical: this.vertical } }, h("slot", { key: "44ee3bca297914083a92a66ae3c496e05bd52b94" })));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/key-value-list-with-custom-value-BV1AmxyL.js

@@ -0,0 +1,3 @@
+import "./global-CJeEgyUn.js";
+import "./init-DlgoXen4.js";
+const keyValueListWithCustomValue = "";

package/build/static/demo/v2/preview/html/assets/key-value-list-with-icon-BaXcopHL.js

@@ -0,0 +1,7 @@
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
+import { p as iconLocation } from "./index-B86ot3BK.js";
+import "./init-DlgoXen4.js";
+addIcons({
+  iconLocation
+});

package/build/static/demo/v2/preview/html/assets/key-value-with-custom-value-B_vGy6XI.js

@@ -0,0 +1,3 @@
+import "./global-CJeEgyUn.js";
+import "./init-DlgoXen4.js";
+const keyValueWithCustomValue = "";

package/build/static/demo/v2/preview/html/assets/key-value-with-icon-BaXcopHL.js

@@ -0,0 +1,7 @@
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
+import { p as iconLocation } from "./index-B86ot3BK.js";
+import "./init-DlgoXen4.js";
+addIcons({
+  iconLocation
+});

package/build/static/demo/v2/preview/html/assets/kpi-BNHZOke0.js

@@ -0,0 +1,3 @@
+import "./global-CJeEgyUn.js";
+import "./init-DlgoXen4.js";
+const kpi = "";

package/build/static/demo/v2/preview/html/assets/{listener-DAJkOQte-D1cCX7ze.js → listener-DAJkOQte-CPKxt-2S.js}

@@ -1,4 +1,4 @@
-import { g as getElement } from "./global-C8r7td8X.js";
+import { g as getElement } from "./global-CJeEgyUn.js";
 const defaultOptions = {
   target: "window",
   defaultEnabled: true

package/build/static/demo/v2/preview/html/assets/{loading-DdQ4dt01.js → loading-CVrjB_PW.js}

@@ -1,10 +1,10 @@
-import "./global-C8r7td8X.js";
-import { s as showModalLoading } from "./index-DfJ9yTlZ.js";
-import "./init-CCUgNbdy.js";
+import "./global-CJeEgyUn.js";
+import { s as showModalLoading } from "./index-DEiRN7LG.js";
+import "./init-DlgoXen4.js";
 import "./logical-filter-operator-BH3f5fa3-983MLV_l.js";
 import "./upload-file-state-BGzrnl_l-DLdhtkd7.js";
-import "./modal-D9BaTrTa-h5wbphR-.js";
-import "./index-Cz75KU1f-BUHLjWzB.js";
+import "./modal-BTxff2hq-Cy6rmdf-.js";
+import "./index-8HpPmDK_-DinFJk0z.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
 import "./animation-C5MWUgDN-BXCJNYHu.js";
 import "./theme-switcher-DRqJGlG2-DVSIP9tc.js";

package/build/static/demo/v2/preview/html/assets/{menu-category-DcY1dLSe.js → menu-category-4NhBK0rU.js}

@@ -1,7 +1,7 @@
-import "./global-C8r7td8X.js";
-import { a as addIcons } from "./ix-icon.entry-GtsMKeJF.js";
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
 import { g as iconRocket, D as iconGlobe, d as iconHome } from "./index-B86ot3BK.js";
-import "./init-CCUgNbdy.js";
+import "./init-DlgoXen4.js";
 addIcons({
   iconHome,
   iconGlobe,

package/build/static/demo/v2/preview/html/assets/menu-with-bottom-tabs-BmtwdHQI.js

@@ -0,0 +1,8 @@
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
+import { c as iconInfo, d as iconHome } from "./index-B86ot3BK.js";
+import "./init-DlgoXen4.js";
+addIcons({
+  iconHome,
+  iconInfo
+});

package/build/static/demo/v2/preview/html/assets/{message-Br_Gs3Su.js → message-DNRMyxf2.js}

@@ -1,13 +1,13 @@
-import "./global-C8r7td8X.js";
-import "./index-DfJ9yTlZ.js";
-import { a as showMessage } from "./modal-D9BaTrTa-h5wbphR-.js";
-import "./init-CCUgNbdy.js";
+import "./global-CJeEgyUn.js";
+import "./index-DEiRN7LG.js";
+import { a as showMessage } from "./modal-BTxff2hq-Cy6rmdf-.js";
+import "./init-DlgoXen4.js";
 import "./logical-filter-operator-BH3f5fa3-983MLV_l.js";
 import "./upload-file-state-BGzrnl_l-DLdhtkd7.js";
 import "./animation-C5MWUgDN-BXCJNYHu.js";
 import "./theme-switcher-DRqJGlG2-DVSIP9tc.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
-import "./index-Cz75KU1f-BUHLjWzB.js";
+import "./index-8HpPmDK_-DinFJk0z.js";
 const btn = document.querySelector("ix-button");
 btn.addEventListener("click", async () => {
   (await showMessage.success(

package/build/static/demo/v2/preview/html/assets/{message-bar-removal-CYMgXxOR.js → message-bar-removal-DmQvBS3b.js}

@@ -1,5 +1,5 @@
-import "./global-C8r7td8X.js";
-/* empty css                      */import "./init-CCUgNbdy.js";
+import "./global-CJeEgyUn.js";
+/* empty css                      */import "./init-DlgoXen4.js";
 const messageBarContainer = document.getElementById("messageBarContainer");
 const showButton = document.getElementById("showButton");
 function createMessageBar() {

package/build/static/demo/v2/preview/html/assets/{modal-D9BaTrTa-h5wbphR-.js → modal-BTxff2hq-Cy6rmdf-.js}

@@ -1,4 +1,4 @@
-import { i as iconInfo, a as iconWarning, b as iconError, c as iconSuccess, d as iconQuestion } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { i as iconInfo, a as iconWarning, b as iconError, c as iconSuccess, d as iconQuestion } from "./index-8HpPmDK_-DinFJk0z.js";
 import { T as TypedEvent } from "./typed-event-BdCnOrqW-CWsLM0S_.js";
 class DefaultFrameworkDelegate {
   async attachView(view, config) {

package/build/static/demo/v2/preview/html/assets/{modal-DRU_ZUxt.js → modal-Co0EVSsu.js}

@@ -1,27 +1,21 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import "./global-C8r7td8X.js";
-import "./index-DfJ9yTlZ.js";
-import { s as showModal, d as dismissModal, c as closeModal } from "./modal-D9BaTrTa-h5wbphR-.js";
-import "./init-CCUgNbdy.js";
+import "./global-CJeEgyUn.js";
+import "./index-DEiRN7LG.js";
+import { s as showModal, d as dismissModal, c as closeModal } from "./modal-BTxff2hq-Cy6rmdf-.js";
+import "./init-DlgoXen4.js";
 import "./logical-filter-operator-BH3f5fa3-983MLV_l.js";
 import "./upload-file-state-BGzrnl_l-DLdhtkd7.js";
 import "./animation-C5MWUgDN-BXCJNYHu.js";
 import "./theme-switcher-DRqJGlG2-DVSIP9tc.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
-import "./index-Cz75KU1f-BUHLjWzB.js";
+import "./index-8HpPmDK_-DinFJk0z.js";
 function createExampleModal() {
   const name = "modal-example";
   window.customElements.define(
     name,
     class extends HTMLElement {
+      isInitalRender = false;
       constructor() {
         super();
-        __publicField(this, "isInitalRender", false);
       }
       connectedCallback() {
         if (this.isInitalRender) {

package/build/static/demo/v2/preview/html/assets/modal-close-ZLUT1elk.js

@@ -0,0 +1,59 @@
+import "./global-CJeEgyUn.js";
+import "./index-DEiRN7LG.js";
+import { s as showModal, c as closeModal, d as dismissModal } from "./modal-BTxff2hq-Cy6rmdf-.js";
+import "./init-DlgoXen4.js";
+import "./logical-filter-operator-BH3f5fa3-983MLV_l.js";
+import "./upload-file-state-BGzrnl_l-DLdhtkd7.js";
+import "./animation-C5MWUgDN-BXCJNYHu.js";
+import "./theme-switcher-DRqJGlG2-DVSIP9tc.js";
+import "./typed-event-BdCnOrqW-CWsLM0S_.js";
+import "./index-8HpPmDK_-DinFJk0z.js";
+function createExampleModal() {
+  const name = "modal-example";
+  window.customElements.define(
+    name,
+    class extends HTMLElement {
+      isInitialRender = false;
+      constructor() {
+        super();
+      }
+      connectedCallback() {
+        if (this.isInitialRender) {
+          return;
+        }
+        this.isInitialRender = true;
+        this.firstRender();
+      }
+      firstRender() {
+        const modalTemplate = document.getElementById(
+          "modal-example-template"
+        );
+        const template = modalTemplate.content.cloneNode(true);
+        const cancelButton = template.querySelector("[data-cancel]");
+        const okayButton = template.querySelector("[data-okay]");
+        cancelButton.addEventListener("click", () => {
+          dismissModal(this);
+        });
+        okayButton.addEventListener("click", () => {
+          closeModal(this);
+        });
+        this.append(template);
+      }
+    }
+  );
+  return name;
+}
+(async function() {
+  const exampleModalName = createExampleModal();
+  await window.customElements.whenDefined("ix-button");
+  const button = document.querySelector("ix-button");
+  button.addEventListener("click", async () => {
+    const customModal = document.createElement(exampleModalName);
+    await showModal({
+      content: customModal
+    });
+    setTimeout(() => {
+      closeModal(customModal, "closed after 5 seconds");
+    }, 5e3);
+  });
+})();

package/build/static/demo/v2/preview/html/assets/{modal-form-ix-button-submit-i8BGxPnr.js → modal-form-ix-button-submit-B_vpwriJ.js}

@@ -1,28 +1,19 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import "./global-C8r7td8X.js";
-import "./index-DfJ9yTlZ.js";
-import { s as showModal, d as dismissModal, c as closeModal } from "./modal-D9BaTrTa-h5wbphR-.js";
-import "./init-CCUgNbdy.js";
+import "./global-CJeEgyUn.js";
+import "./index-DEiRN7LG.js";
+import { s as showModal, d as dismissModal, c as closeModal } from "./modal-BTxff2hq-Cy6rmdf-.js";
+import "./init-DlgoXen4.js";
 import "./logical-filter-operator-BH3f5fa3-983MLV_l.js";
 import "./upload-file-state-BGzrnl_l-DLdhtkd7.js";
 import "./animation-C5MWUgDN-BXCJNYHu.js";
 import "./theme-switcher-DRqJGlG2-DVSIP9tc.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
-import "./index-Cz75KU1f-BUHLjWzB.js";
+import "./index-8HpPmDK_-DinFJk0z.js";
 function createFormModal() {
   const name = "modal-form-example";
   window.customElements.define(
     name,
     class extends HTMLElement {
-      constructor() {
-        super(...arguments);
-        __publicField(this, "isInitalRender", false);
-      }
+      isInitalRender = false;
       connectedCallback() {
         if (this.isInitalRender) {
           return;

package/build/static/demo/v2/preview/html/assets/{modal-sizes-CtpuRusI.js → modal-sizes-C_udzpQY.js}

@@ -1,28 +1,22 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import "./global-C8r7td8X.js";
-import "./index-DfJ9yTlZ.js";
-import { s as showModal, d as dismissModal } from "./modal-D9BaTrTa-h5wbphR-.js";
-import "./init-CCUgNbdy.js";
+import "./global-CJeEgyUn.js";
+import "./index-DEiRN7LG.js";
+import { s as showModal, d as dismissModal } from "./modal-BTxff2hq-Cy6rmdf-.js";
+import "./init-DlgoXen4.js";
 import "./logical-filter-operator-BH3f5fa3-983MLV_l.js";
 import "./upload-file-state-BGzrnl_l-DLdhtkd7.js";
 import "./animation-C5MWUgDN-BXCJNYHu.js";
 import "./theme-switcher-DRqJGlG2-DVSIP9tc.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
-import "./index-Cz75KU1f-BUHLjWzB.js";
+import "./index-8HpPmDK_-DinFJk0z.js";
 const modalSizes = "";
 function createExampleModal() {
   const name = "modal-example";
   window.customElements.define(
     name,
     class extends HTMLElement {
+      isInitalRender = false;
       constructor() {
         super();
-        __publicField(this, "isInitalRender", false);
         this.size = "360";
       }
       connectedCallback() {

package/build/static/demo/v2/preview/html/assets/number-input-with-slots-Bu79ECWa.js

@@ -0,0 +1,7 @@
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
+import { f as iconBulb } from "./index-B86ot3BK.js";
+import "./init-DlgoXen4.js";
+addIcons({
+  iconBulb
+});

package/build/static/demo/v2/preview/html/assets/pill-C0kO1y7-.js

@@ -0,0 +1,8 @@
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
+import { a as iconStar } from "./index-B86ot3BK.js";
+import "./init-DlgoXen4.js";
+const pill = "";
+addIcons({
+  iconStar
+});

package/build/static/demo/v2/preview/html/assets/pill-variants-DXyc71sf.js

@@ -0,0 +1,8 @@
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
+import { c as iconInfo } from "./index-B86ot3BK.js";
+import "./init-DlgoXen4.js";
+const pillVariants = "";
+addIcons({
+  iconInfo
+});

package/build/static/demo/v2/preview/html/assets/push-card-Bu79ECWa.js

@@ -0,0 +1,7 @@
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
+import { f as iconBulb } from "./index-B86ot3BK.js";
+import "./init-DlgoXen4.js";
+addIcons({
+  iconBulb
+});

package/build/static/demo/v2/preview/html/assets/radio-button-COWeERD1.js

@@ -0,0 +1,3 @@
+import "./global-CJeEgyUn.js";
+import "./init-DlgoXen4.js";
+const radioButton = "";

package/build/static/demo/v2/preview/html/assets/{slider-error-C2ZDy_l-.js → slider-error-BS8Jb4r6.js}

@@ -1,5 +1,5 @@
-import "./global-C8r7td8X.js";
-import "./init-CCUgNbdy.js";
+import "./global-CJeEgyUn.js";
+import "./init-DlgoXen4.js";
 (async () => {
   await window.customElements.whenDefined("ix-slider");
   const slider = document.querySelector("ix-slider:nth-child(1)");

package/build/static/demo/v2/preview/html/assets/{slider-marker-C2ZDy_l-.js → slider-marker-BS8Jb4r6.js}

@@ -1,5 +1,5 @@
-import "./global-C8r7td8X.js";
-import "./init-CCUgNbdy.js";
+import "./global-CJeEgyUn.js";
+import "./init-DlgoXen4.js";
 (async () => {
   await window.customElements.whenDefined("ix-slider");
   const slider = document.querySelector("ix-slider:nth-child(1)");

package/build/static/demo/v2/preview/html/assets/{slider-trace-C2ZDy_l-.js → slider-trace-BS8Jb4r6.js}

@@ -1,5 +1,5 @@
-import "./global-C8r7td8X.js";
-import "./init-CCUgNbdy.js";
+import "./global-CJeEgyUn.js";
+import "./init-DlgoXen4.js";
 (async () => {
   await window.customElements.whenDefined("ix-slider");
   const slider = document.querySelector("ix-slider:nth-child(1)");

package/build/static/demo/v2/preview/html/assets/split-button-BJXUatAW.js

@@ -0,0 +1,8 @@
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
+import { q as iconChevronDownSmall } from "./index-B86ot3BK.js";
+import "./init-DlgoXen4.js";
+const splitButton = "";
+addIcons({
+  iconChevronDownSmall
+});

package/build/static/demo/v2/preview/html/assets/split-button-BKhVDC0Q.css

@@ -0,0 +1,7 @@
+body {
+  display: flex;
+}
+
+ix-split-button {
+  margin: 0.25rem;
+}

package/build/static/demo/v2/preview/html/assets/{split-button-icons-Dk27-s8B.js → split-button-icons-DDt3NRXC.js}

@@ -1,7 +1,7 @@
-import "./global-C8r7td8X.js";
-import { a as addIcons } from "./ix-icon.entry-GtsMKeJF.js";
+import "./global-CJeEgyUn.js";
+import { a as addIcons } from "./ix-icon.entry-DkCgv7Zc.js";
 import { f as iconBulb, n as iconCut, q as iconChevronDownSmall, m as iconDocument } from "./index-B86ot3BK.js";
-import "./init-CCUgNbdy.js";
+import "./init-DlgoXen4.js";
 addIcons({
   iconDocument,
   iconChevronDownSmall,