@siemens/ix-docs 0.0.0-pr-2238-20251103105018 → 4.1.0

package/build/static/storybook-static/assets/{index-BekHFFEv.js → index-B5HS34Zd.js}

@@ -1 +1 @@
-import{e as n}from"./iframe-BmxwExuB.js";const o={},r=n.createContext(o);function c(e){const t=n.useContext(r);return n.useMemo(function(){return typeof e=="function"?e(t):{...t,...e}},[t,e])}function i(e){let t;return e.disableParentContext?t=typeof e.components=="function"?e.components(o):e.components||o:t=c(e.components),n.createElement(r.Provider,{value:t},e.children)}export{i as MDXProvider,c as useMDXComponents};
+import{e as n}from"./iframe-DF9LmzKY.js";const o={},r=n.createContext(o);function c(e){const t=n.useContext(r);return n.useMemo(function(){return typeof e=="function"?e(t):{...t,...e}},[t,e])}function i(e){let t;return e.disableParentContext?t=typeof e.components=="function"?e.components(o):e.components||o:t=c(e.components),n.createElement(r.Provider,{value:t},e.children)}export{i as MDXProvider,c as useMDXComponents};

package/build/static/storybook-static/assets/{input-date.stories-Uyl60Rqb.js → input-date.stories-BMQbtWAh.js}

@@ -1,4 +1,4 @@
-import{m as a,g as t}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const d={title:"Example/DateInput",tags:[],render:r=>t("ix-date-input",r),argTypes:a("ix-date-input",{}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},e={args:{label:"Required",value:"",required:!0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m as a,g as t}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const d={title:"Example/DateInput",tags:[],render:r=>t("ix-date-input",r),argTypes:a("ix-date-input",{}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},e={args:{label:"Required",value:"",required:!0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Required',
     value: '',

package/build/static/storybook-static/assets/input-number.stories-c6PARX_h.js

@@ -0,0 +1,70 @@
+import{m as l,g as c}from"./generic-render-B6oDlj6b.js";import{x as m}from"./iframe-DF9LmzKY.js";import"./sample-CrjnuCO3.js";const v={title:"Example/NumberInput",tags:[],render:a=>c("ix-number-input",a),argTypes:l("ix-number-input",{}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},t={args:{}},n={render:({value:a,showStepperButtons:u})=>{let e=!1;return m`
+      <ix-button @click=${()=>{e=!e;const p=document.getElementById("number-input-container");p&&(p.style.display=e?"block":"none")}}>
+        ${e?"Remove":"Add"} Toggle number-input
+      </ix-button>
+      <div id="number-input-container" style="display: none">
+        <ix-number-input
+          style="width: 300px"
+          .value=${a}
+          ?show-stepper-buttons=${u}
+        ></ix-number-input>
+      </div>
+    `},args:{value:0,showStepperButtons:!0}},r={args:{required:!0,label:"Required"}},s={args:{label:"Stepper",showStepperButtons:!0,step:3,max:10}},o={args:{label:"Stepper",showStepperButtons:!0,step:"1",value:1e3}},i={args:{label:"Stepper",showStepperButtons:!0,step:"1",value:.001}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {}
+}`,...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  render: ({
+    value,
+    showStepperButtons
+  }) => {
+    let visible = false;
+    const toggleVisibility = () => {
+      visible = !visible;
+      const numberInputContainer = document.getElementById('number-input-container');
+      if (numberInputContainer) {
+        numberInputContainer.style.display = visible ? 'block' : 'none';
+      }
+    };
+    return html\`
+      <ix-button @click=\${toggleVisibility}>
+        \${visible ? 'Remove' : 'Add'} Toggle number-input
+      </ix-button>
+      <div id="number-input-container" style="display: none">
+        <ix-number-input
+          style="width: 300px"
+          .value=\${value}
+          ?show-stepper-buttons=\${showStepperButtons}
+        ></ix-number-input>
+      </div>
+    \`;
+  },
+  args: {
+    value: 0,
+    showStepperButtons: true
+  }
+}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    required: true,
+    label: 'Required'
+  }
+}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Stepper',
+    showStepperButtons: true,
+    step: 3,
+    max: 10
+  }
+}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Stepper',
+    showStepperButtons: true,
+    step: '1',
+    value: 1e3
+  }
+}`,...o.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Stepper',
+    showStepperButtons: true,
+    step: '1',
+    value: 1e-3
+  }
+}`,...i.parameters?.docs?.source}}};const x=["Default","toggleNumberInput","Required","Step","ScientificNotationPositiveExponent","ScientificNotationNegativeExponent"];export{t as Default,r as Required,i as ScientificNotationNegativeExponent,o as ScientificNotationPositiveExponent,s as Step,x as __namedExportsOrder,v as default,n as toggleNumberInput};

package/build/static/storybook-static/assets/{input-time.stories-BYKQD3Kh.js → input-time.stories-OtynaigJ.js}

@@ -1,4 +1,4 @@
-import{m as a,g as t}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const n={title:"Example/TimeInput",tags:[],render:r=>t("ix-time-input",r),argTypes:a("ix-time-input",{}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},e={args:{label:"Required",value:"",required:!0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m as a,g as t}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const n={title:"Example/TimeInput",tags:[],render:r=>t("ix-time-input",r),argTypes:a("ix-time-input",{}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},e={args:{label:"Required",value:"",required:!0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Required',
     value: '',

package/build/static/storybook-static/assets/{input.stories-D4Ppqr3b.js → input.stories-CkHywUyr.js}

@@ -1,4 +1,4 @@
-import{m as u,g as c}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";function d(e){const n=c("ix-input",e,["validation"]),r=n.querySelector("ix-input");return r.classList.remove("ix-info","ix-warning","ix-invalid","ix-valid"),e.validation!=="default"&&r.classList.add(`ix-${e.validation}`),n}const m={title:"Example/Input",tags:[],render:e=>d(e),argTypes:u("ix-input",{validation:{options:["default","info","warning","invalid","valid"],control:{type:"select"}}}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},t={args:{label:"Required",value:"",required:!0}},a={args:{label:"Required",value:"Test",required:!0},render:e=>{const n=c("ix-input",e),r=n.querySelector("ix-input"),s=document.createElement("ix-icon-button");return s.icon="search",s.slot="start",r.appendChild(s),n}},i={args:{label:"MinLength",minLength:3,maxLength:5,value:"1234567"}},o={args:{}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+import{m as u,g as c}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";function d(e){const n=c("ix-input",e,["validation"]),r=n.querySelector("ix-input");return r.classList.remove("ix-info","ix-warning","ix-invalid","ix-valid"),e.validation!=="default"&&r.classList.add(`ix-${e.validation}`),n}const m={title:"Example/Input",tags:[],render:e=>d(e),argTypes:u("ix-input",{validation:{options:["default","info","warning","invalid","valid"],control:{type:"select"}}}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},t={args:{label:"Required",value:"",required:!0}},a={args:{label:"Required",value:"Test",required:!0},render:e=>{const n=c("ix-input",e),r=n.querySelector("ix-input"),s=document.createElement("ix-icon-button");return s.icon="search",s.slot="start",r.appendChild(s),n}},i={args:{label:"MinLength",minLength:3,maxLength:5,value:"1234567"}},o={args:{}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Required',
     value: '',

package/build/static/storybook-static/assets/{introduction-CuZ5LKbO.js → introduction-Clz3jMnm.js}

@@ -1,4 +1,4 @@
-import{j as e,M as r}from"./blocks-BezQlBOo.js";import{useMDXComponents as i}from"./index-BekHFFEv.js";import{e as s}from"./introduction-Bi7mdMH0.js";import"./iframe-BmxwExuB.js";function t(o){const n={blockquote:"blockquote",h1:"h1",p:"p",...i(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Example/Introduction"}),`
+import{j as e,M as r}from"./blocks-CgSpMNzC.js";import{useMDXComponents as i}from"./index-B5HS34Zd.js";import{e as s}from"./introduction-Bi7mdMH0.js";import"./iframe-DF9LmzKY.js";function t(o){const n={blockquote:"blockquote",h1:"h1",p:"p",...i(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Example/Introduction"}),`
 `,e.jsx(n.h1,{id:"welcome-to-siemens-industrial-experience",children:"Welcome to Siemens Industrial Experience"}),`
 `,e.jsx("br",{}),`
 `,e.jsx("img",{src:s}),`

package/build/static/storybook-static/assets/{link-button.stories-DaaWDdA2.js → link-button.stories-Dk-ytHby.js}

@@ -1,4 +1,4 @@
-import{m as r,g as a}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const o={title:"Example/LinkButton",tags:[],render:t=>a("ix-link-button",t),argTypes:r("ix-link-button",{styles:{control:{type:"object"}}}),args:{},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},e={args:{defaultSlot:"My link"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m as r,g as a}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const o={title:"Example/LinkButton",tags:[],render:t=>a("ix-link-button",t),argTypes:r("ix-link-button",{styles:{control:{type:"object"}}}),args:{},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},e={args:{defaultSlot:"My link"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     defaultSlot: 'My link'
   }

package/build/static/storybook-static/assets/{menu-category.stories-B91zuRM3.js → menu-category.stories-BOQhuRP8.js}

@@ -1,4 +1,4 @@
-import{m as o,g as s}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const l={title:"Example/MenuCategory",tags:[],render:n=>{const r=s("ix-menu-category",n,["items"]).querySelector("ix-menu-category");r.ariaLabel="my-category-menu";const m=document.createElement("ix-menu");m.appendChild(r);for(let e=0;e<n.items;e++){const a=document.createElement("ix-menu-item");a.label=`Item ${e+1}`,a.tooltipText=`Tooltip for Item ${e+1}`,r.appendChild(a)}return m},argTypes:o("ix-menu",{items:{control:"number",name:"items*"}}),args:{items:3},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=4533-132499&m=dev"}}},t={args:{label:"Menu Category"}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+import{m as o,g as s}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const l={title:"Example/MenuCategory",tags:[],render:n=>{const r=s("ix-menu-category",n,["items"]).querySelector("ix-menu-category");r.ariaLabel="my-category-menu";const m=document.createElement("ix-menu");m.appendChild(r);for(let e=0;e<n.items;e++){const a=document.createElement("ix-menu-item");a.label=`Item ${e+1}`,a.tooltipText=`Tooltip for Item ${e+1}`,r.appendChild(a)}return m},argTypes:o("ix-menu",{items:{control:"number",name:"items*"}}),args:{items:3},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=4533-132499&m=dev"}}},t={args:{label:"Menu Category"}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Menu Category'
   }

package/build/static/storybook-static/assets/{menu-item.stories-BwsYxsHZ.js → menu-item.stories-YsQGbk8p.js}

@@ -1,4 +1,4 @@
-import{m,g as c}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const l={title:"Example/MenuItem",tags:[],render:a=>{const s=c("ix-menu-item",a).querySelector("ix-menu-item"),r=document.createElement("ix-menu");return r.appendChild(s),r},argTypes:m("ix-menu-item"),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=4533-132499&m=dev"}}},e={args:{label:"Menu Item"}},t={args:{label:"Menu Item",icon:"home"}},o={args:{label:"Menu Item",icon:"home",notifications:5,href:"https://ix.siemens.com"}},n={args:{label:"Menu Item",icon:"home",tooltipText:"My custom tooltip text"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m,g as c}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const l={title:"Example/MenuItem",tags:[],render:a=>{const s=c("ix-menu-item",a).querySelector("ix-menu-item"),r=document.createElement("ix-menu");return r.appendChild(s),r},argTypes:m("ix-menu-item"),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=4533-132499&m=dev"}}},e={args:{label:"Menu Item"}},t={args:{label:"Menu Item",icon:"home"}},o={args:{label:"Menu Item",icon:"home",notifications:5,href:"https://ix.siemens.com"}},n={args:{label:"Menu Item",icon:"home",tooltipText:"My custom tooltip text"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Menu Item'
   }

package/build/static/storybook-static/assets/{menu.stories-5q6NBV00.js → menu.stories-D8-jvaPT.js}

@@ -1,4 +1,4 @@
-import{x as t}from"./iframe-BmxwExuB.js";import{m as n}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const a={title:"Example/Menu",tags:[],render:m=>t`<ix-menu expand="${m.expand}">
+import{x as t}from"./iframe-DF9LmzKY.js";import{m as n}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const a={title:"Example/Menu",tags:[],render:m=>t`<ix-menu expand="${m.expand}">
       <ix-menu-item home icon="home">Home</ix-menu-item>
       <ix-menu-item icon="globe">Item 1</ix-menu-item>
       <ix-menu-category label="Top level Category" icon="rocket">

package/build/static/storybook-static/assets/{message-bar.stories-DrukfXvC.js → message-bar.stories-CLfB3Cjn.js}

@@ -1,4 +1,4 @@
-import{x as i}from"./iframe-BmxwExuB.js";const l={title:"Example/MessageBar",tags:[],render:p=>i`
+import{x as i}from"./iframe-DF9LmzKY.js";const l={title:"Example/MessageBar",tags:[],render:p=>i`
       <div class="message-bar">
         <ix-message-bar type=${p.type} ?persistent=${p.persistent}>
           Message text

package/build/static/storybook-static/assets/{modal.stories-DhqJHd7j.js → modal.stories-DcRK754e.js}

@@ -1,30 +1,30 @@
-import{x as s,B as m,s as l,d as u}from"./iframe-BmxwExuB.js";import{i as x}from"./icon-DzdUj6ej.js";import{e as h}from"./introduction-Bi7mdMH0.js";import"./sample-CrjnuCO3.js";const w={title:"Example/Modal",tags:[],render:o=>s`
+import{x as a,B as m,s as l,d as u}from"./iframe-DF9LmzKY.js";import{i as x}from"./sample-CrjnuCO3.js";import{e as h}from"./introduction-Bi7mdMH0.js";function f(e,t=!1){let n=x;return t&&(n=["",...n]),{name:`${e}*`,control:{type:"select"},options:n}}const w={title:"Example/Modal",tags:[],render:e=>a`
       <!-- class="visible" is only needed during storybook development  -->
       <ix-modal class="visible">
-        <ix-modal-header icon=${o.icon}>Modal Header</ix-modal-header>
+        <ix-modal-header icon=${e.icon}>Modal Header</ix-modal-header>
         <ix-modal-content>Content</ix-modal-content>
         <ix-modal-footer>
           <ix-button outline>Close</ix-button>
           <ix-button>Okay</ix-button>
         </ix-modal-footer>
       </ix-modal>
-    `,argTypes:{icon:x("Header icon",!0)},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=605-9072&m=dev"}}},i={args:{}},e=new Map,r={beforeEach:o=>()=>{e.has(o.id)&&(e.get(o.id)?.remove(),e.delete(o.id))},render:(o,t)=>{const a=()=>{const c=e.has(t.id),n=e.get(t.id)??document.createElement("ix-modal");m(s`
-          <ix-modal-header icon=${o.icon}>Modal Header</ix-modal-header>
+    `,argTypes:{icon:f("Header icon",!0)},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=605-9072&m=dev"}}},s={args:{}},o=new Map,r={beforeEach:e=>()=>{o.has(e.id)&&(o.get(e.id)?.remove(),o.delete(e.id))},render:(e,t)=>{const n=()=>{const c=o.has(t.id),i=o.get(t.id)??document.createElement("ix-modal");m(a`
+          <ix-modal-header icon=${e.icon}>Modal Header</ix-modal-header>
           <ix-modal-content>Content</ix-modal-content>
           <ix-modal-footer>
             <ix-button outline>Close</ix-button>
             <ix-button autofocus>Okay</ix-button>
           </ix-modal-footer>
-        `,n),c||(l({content:n}).then(d=>{d.onClose.once(()=>e.delete(t.id)),d.onDismiss.once(()=>e.delete(t.id))}),n.querySelector("ix-button[autofocus]")?.addEventListener("click",()=>u(n)),e.set(t.id,n))};return setTimeout(a,250),s`
+        `,i),c||(l({content:i}).then(d=>{d.onClose.once(()=>o.delete(t.id)),d.onDismiss.once(()=>o.delete(t.id))}),i.querySelector("ix-button[autofocus]")?.addEventListener("click",()=>u(i)),o.set(t.id,i))};return setTimeout(n,250),a`
       <div>
-        <ix-button @click=${a}>Show Modal</ix-button>
+        <ix-button @click=${n}>Show Modal</ix-button>
         <br />
         <h2>Just some background noise, to see the backdrop:</h2>
         <img src=${h} style="width: 50vw" />
       </div>
-    `}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+    `}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   args: {}
-}`,...i.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+}`,...s.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   beforeEach: ctx => {
     return () => {
       if (refs.has(ctx.id)) {
@@ -66,4 +66,4 @@ import{x as s,B as m,s as l,d as u}from"./iframe-BmxwExuB.js";import{i as x}from
       </div>
     \`;
   }
-}`,...r.parameters?.docs?.source}}};const M=["Primary","ShowFunction"];export{i as Primary,r as ShowFunction,M as __namedExportsOrder,w as default};
+}`,...r.parameters?.docs?.source}}};const M=["Primary","ShowFunction"];export{s as Primary,r as ShowFunction,M as __namedExportsOrder,w as default};

package/build/static/storybook-static/assets/{pagination.stories-zJ63yd1T.js → pagination.stories-Bs6MRZm5.js}

@@ -1 +1 @@
-import{m as e}from"./generic-render-C-e0Bofh.js";import{x as r}from"./iframe-BmxwExuB.js";import"./sample-CrjnuCO3.js";const n={title:"Example/Pagination",tags:[],render:()=>r`<ix-pagination count="10"></ix-pagination>`,argTypes:e("ix-pagination"),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=2302-70757&m=dev"}}},a={};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:"{}",...a.parameters?.docs?.source}}};const s=["Default"];export{a as Default,s as __namedExportsOrder,n as default};
+import{m as e}from"./generic-render-B6oDlj6b.js";import{x as r}from"./iframe-DF9LmzKY.js";import"./sample-CrjnuCO3.js";const n={title:"Example/Pagination",tags:[],render:()=>r`<ix-pagination count="10"></ix-pagination>`,argTypes:e("ix-pagination"),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=2302-70757&m=dev"}}},a={};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:"{}",...a.parameters?.docs?.source}}};const s=["Default"];export{a as Default,s as __namedExportsOrder,n as default};

package/build/static/storybook-static/assets/{pane.stories-DKX5NQYX.js → pane.stories-TRubtHge.js}

@@ -1,4 +1,4 @@
-import{m as l,g as s}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const p={title:"Example/Pane",tags:[],render:t=>s("ix-pane",t),argTypes:l("ix-pane",{})},e={args:{heading:"Headline text",icon:"alarm-bell-cancelled"}},n={args:{},render:t=>{const o=s("ix-pane",t),c=o.querySelector("ix-pane"),r=document.createElement("ix-button");return r.setAttribute("slot","header"),r.textContent="Demo",c.appendChild(r),o}},a={args:{heading:"Headline text",icon:"alarm-bell-cancelled",variant:"floating"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m as l,g as s}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const p={title:"Example/Pane",tags:[],render:t=>s("ix-pane",t),argTypes:l("ix-pane",{})},e={args:{heading:"Headline text",icon:"alarm-bell-cancelled"}},n={args:{},render:t=>{const o=s("ix-pane",t),c=o.querySelector("ix-pane"),r=document.createElement("ix-button");return r.setAttribute("slot","header"),r.textContent="Demo",c.appendChild(r),o}},a={args:{heading:"Headline text",icon:"alarm-bell-cancelled",variant:"floating"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     heading: 'Headline text',
     icon: 'alarm-bell-cancelled'

package/build/static/storybook-static/assets/{pill.stories-BEe4-OcH.js → pill.stories-WJ-ShxD1.js}

@@ -1,4 +1,4 @@
-import{m as p,g as c}from"./generic-render-C-e0Bofh.js";import{x as d}from"./iframe-BmxwExuB.js";import"./sample-CrjnuCO3.js";const _={title:"Example/Pill",tags:[],render:e=>c("ix-pill",e),argTypes:p("ix-pill",{}),parameters:{}},n={args:{icon:"info",defaultSlot:"Example Text"}},i={args:{icon:"info"}},t={args:{defaultSlot:"Example Text"}},o={args:{icon:"info",defaultSlot:"Example Text"},render:e=>{const r=c("ix-pill",e),l=r.querySelector("ix-pill");return l.style.width="5rem",r}},a={args:{defaultSlot:"Example Text"},render:e=>{const r=c("ix-pill",e),l=r.querySelector("ix-pill");return l.style.width="5rem",r}},s={render:({icon:e})=>d`<ix-pill icon=${e}
+import{m as p,g as c}from"./generic-render-B6oDlj6b.js";import{x as d}from"./iframe-DF9LmzKY.js";import"./sample-CrjnuCO3.js";const _={title:"Example/Pill",tags:[],render:e=>c("ix-pill",e),argTypes:p("ix-pill",{}),parameters:{}},n={args:{icon:"info",defaultSlot:"Example Text"}},i={args:{icon:"info"}},t={args:{defaultSlot:"Example Text"}},o={args:{icon:"info",defaultSlot:"Example Text"},render:e=>{const r=c("ix-pill",e),l=r.querySelector("ix-pill");return l.style.width="5rem",r}},a={args:{defaultSlot:"Example Text"},render:e=>{const r=c("ix-pill",e),l=r.querySelector("ix-pill");return l.style.width="5rem",r}},s={render:({icon:e})=>d`<ix-pill icon=${e}
       ><div style="display: flex;">
         <ix-icon name="${e}" size="16"></ix-icon></div
     ></ix-pill>`,args:{icon:"info"}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{

package/build/static/storybook-static/assets/{progress-indicator.stories-CSLw2R8S.js → progress-indicator.stories-BwY1LC_W.js}

@@ -1,4 +1,4 @@
-import{m as o,g as t}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const l={title:"Example/ProgressIndicator",tags:[],render:a=>t("ix-progress-indicator",a),argTypes:o("ix-progress-indicator",{}),parameters:{design:{type:"figma",url:"REPLACE ME"}}},r={args:{label:"Progress Indicator",helperText:"This is a progress indicator",value:50,defaultSlot:"100%"}},e={args:{label:"Progress Indicator",helperText:"This is a progress indicator",value:50,defaultSlot:"1/2",type:"circular",size:"xl"}},s={args:{label:"Progress Indicator",helperText:"This is a progress indicator",value:50,status:"warning",size:"md",showTextAsTooltip:!0,defaultSlot:"100%"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+import{m as o,g as t}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const l={title:"Example/ProgressIndicator",tags:[],render:a=>t("ix-progress-indicator",a),argTypes:o("ix-progress-indicator",{}),parameters:{design:{type:"figma",url:"REPLACE ME"}}},r={args:{label:"Progress Indicator",helperText:"This is a progress indicator",value:50,defaultSlot:"100%"}},e={args:{label:"Progress Indicator",helperText:"This is a progress indicator",value:50,defaultSlot:"1/2",type:"circular",size:"xl"}},s={args:{label:"Progress Indicator",helperText:"This is a progress indicator",value:50,status:"warning",size:"md",showTextAsTooltip:!0,defaultSlot:"100%"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Progress Indicator',
     helperText: 'This is a progress indicator',

package/build/static/storybook-static/assets/{push-card.stories-D9FHd5ba.js → push-card.stories-XroVVPxq.js}

@@ -1,4 +1,4 @@
-import{m as n,g as t}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const i={title:"Example/PushCard",tags:[],render:a=>t("ix-push-card",a),argTypes:n("ix-push-card",{defaultSlot:{control:"text"}}),args:{defaultSlot:""},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=6396-139080&m=dev"}}},e={args:{defaultSlot:"",icon:"bulb",notification:"99",heading:"Heading content",subheading:"Subheading",variant:"outline"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m as n,g as t}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const i={title:"Example/PushCard",tags:[],render:a=>t("ix-push-card",a),argTypes:n("ix-push-card",{defaultSlot:{control:"text"}}),args:{defaultSlot:""},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=6396-139080&m=dev"}}},e={args:{defaultSlot:"",icon:"bulb",notification:"99",heading:"Heading content",subheading:"Subheading",variant:"outline"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     defaultSlot: \`\`,
     icon: 'bulb',

package/build/static/storybook-static/assets/radio-group.stories-DqlgRFbB.js

@@ -0,0 +1,14 @@
+import{g as c}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const{action:o}=__STORYBOOK_MODULE_ACTIONS__,p=e=>{const r=c("ix-radio",e);return r.querySelector("ix-radio").addEventListener("checkedChange",o("checkedChange")),r},u=e=>{const r=document.createElement("ix-radio-group");r.setAttribute("label",e.label||"Group");const a=document.createElement("ix-radio");a.setAttribute("label","Radio 1"),a.setAttribute("name","a-group"),a.addEventListener("checkedChange",o("radio1Change")),a.required=e.required;const t=document.createElement("ix-radio");t.setAttribute("label","Radio 2"),t.setAttribute("name","a-group"),t.required=!0,t.addEventListener("checkedChange",o("radio2Change"));const d=document.createElement("ix-radio");d.setAttribute("label","Radio 3"),d.setAttribute("name","a-group"),d.addEventListener("checkedChange",o("radio3Change")),d.disabled=!0;const n=document.createElement("ix-radio");return n.setAttribute("label","Radio 4"),n.setAttribute("name","a-group"),n.addEventListener("checkedChange",o("radio4Change")),r.appendChild(a),r.appendChild(t),r.appendChild(d),r.appendChild(n),r},m={title:"Example/Radio/Group",tags:[],render:e=>p(e),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components?node-id=42365-150769&p=f&t=eGUQESg89t8bPyiB-0"}}},i={render:e=>u(e),args:{label:"Radio Group"},argTypes:{}},s={render:e=>u(e),args:{label:"Radio Group",required:!0},argTypes:{}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  render: args => radioGroupRender(args),
+  args: {
+    label: 'Radio Group'
+  },
+  argTypes: {}
+}`,...i.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  render: args => radioGroupRender(args),
+  args: {
+    label: 'Radio Group',
+    required: true
+  },
+  argTypes: {}
+}`,...s.parameters?.docs?.source}}};const b=["Default","Required"];export{i as Default,s as Required,b as __namedExportsOrder,m as default};

package/build/static/storybook-static/assets/{radio.stories-3-sr5gzK.js → radio.stories-D67SwNxp.js}

@@ -1,4 +1,4 @@
-import{m as t,g as o}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const{action:d}=__STORYBOOK_MODULE_ACTIONS__,i=r=>{const s=o("ix-radio",r);return s.querySelector("ix-radio").addEventListener("checkedChange",d("checkedChange")),s},m={title:"Example/Radio",tags:[],render:r=>i(r),argTypes:t("ix-radio",{validation:{control:{type:"select"}}}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components?node-id=42365-150769&p=f&t=eGUQESg89t8bPyiB-0"}}},e={args:{disabled:!1,label:"Radio",required:!0}},a={args:{disabled:!0,label:"Radio"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m as t,g as o}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const{action:d}=__STORYBOOK_MODULE_ACTIONS__,i=r=>{const s=o("ix-radio",r);return s.querySelector("ix-radio").addEventListener("checkedChange",d("checkedChange")),s},m={title:"Example/Radio",tags:[],render:r=>i(r),argTypes:t("ix-radio",{validation:{control:{type:"select"}}}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components?node-id=42365-150769&p=f&t=eGUQESg89t8bPyiB-0"}}},e={args:{disabled:!1,label:"Radio",required:!0}},a={args:{disabled:!0,label:"Radio"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: false,
     label: 'Radio',

package/build/static/storybook-static/assets/select.stories-CC4s8n8K.js

@@ -0,0 +1,131 @@
+import{m as b,g as c}from"./generic-render-B6oDlj6b.js";import{x as u}from"./iframe-DF9LmzKY.js";import"./sample-CrjnuCO3.js";const w={title:"Example/Select",tags:[],render:e=>c("ix-select",e),argTypes:b("ix-select"),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=42365-175539&m=dev"}}},n={args:{}},i={render:({value:e,editable:l,allowClear:t,disabled:a,mode:d})=>u` <ix-select
+      value=${e}
+      mode=${d}
+      ?editable=${l}
+      ?allow-clear=${t}
+      disabled=${a}
+    >
+      <ix-select-item label="Item 1" value="1"></ix-select-item>
+      <ix-select-item label="Item 2" value="2"></ix-select-item>
+      <ix-select-item label="Item 3" value="3"></ix-select-item>
+      <ix-select-item label="Item 4" value="4"></ix-select-item>
+    </ix-select>`,args:{value:"Administrator",editable:!0,allowClear:!0,disabled:!1,mode:"single"}},r={render:({editable:e,disabled:l,dropdownWidth:t,dropdownMaxWidth:a})=>u` <ix-select
+      editable=${e}
+      disabled=${l}
+      dropdown-width=${t}
+      dropdown-max-width=${a}
+    >
+      <ix-select-item
+        label="this is an example for a very long selection option. this is an example for a very long selection option."
+        value="1"
+      ></ix-select-item>
+      <ix-select-item label="Item 2" value="2"></ix-select-item>
+      <ix-select-item label="Item 3" value="3"></ix-select-item>
+      <ix-select-item label="Item 4" value="4"></ix-select-item>
+    </ix-select>`,args:{editable:!0,disabled:!1,dropdownWidth:"35rem",dropdownMaxWidth:"25rem"}},s={args:{required:!0,label:"Required"}},o={render:e=>{const l=c("ix-select",e,["value"]),t=l.querySelector("ix-select");return[{label:"Item 1",value:"1"},{label:"Item 2",value:"2"},{label:"Item 3",value:"3"},{label:"Item 4",value:"4"},{label:"Item 5",value:"5"}].forEach(({label:d,value:p})=>{const m=document.createElement("ix-select-item");m.label=d,m.value=p,t.appendChild(m)}),t.value=e.value,l},argTypes:{value:{control:"object",description:"Selected values in multiple mode"}},args:{mode:"multiple",allowClear:!0,value:["1","2","3","4","5"]}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {}
+}`,...n.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  render: ({
+    value,
+    editable,
+    allowClear,
+    disabled,
+    mode
+  }) => {
+    return html\` <ix-select
+      value=\${value}
+      mode=\${mode}
+      ?editable=\${editable}
+      ?allow-clear=\${allowClear}
+      disabled=\${disabled}
+    >
+      <ix-select-item label="Item 1" value="1"></ix-select-item>
+      <ix-select-item label="Item 2" value="2"></ix-select-item>
+      <ix-select-item label="Item 3" value="3"></ix-select-item>
+      <ix-select-item label="Item 4" value="4"></ix-select-item>
+    </ix-select>\`;
+  },
+  args: {
+    value: 'Administrator',
+    editable: true,
+    allowClear: true,
+    disabled: false,
+    mode: 'single'
+  }
+}`,...i.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  render: ({
+    editable,
+    disabled,
+    dropdownWidth,
+    dropdownMaxWidth
+  }) => {
+    return html\` <ix-select
+      editable=\${editable}
+      disabled=\${disabled}
+      dropdown-width=\${dropdownWidth}
+      dropdown-max-width=\${dropdownMaxWidth}
+    >
+      <ix-select-item
+        label="this is an example for a very long selection option. this is an example for a very long selection option."
+        value="1"
+      ></ix-select-item>
+      <ix-select-item label="Item 2" value="2"></ix-select-item>
+      <ix-select-item label="Item 3" value="3"></ix-select-item>
+      <ix-select-item label="Item 4" value="4"></ix-select-item>
+    </ix-select>\`;
+  },
+  args: {
+    editable: true,
+    disabled: false,
+    dropdownWidth: '35rem',
+    dropdownMaxWidth: '25rem'
+  }
+}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    required: true,
+    label: 'Required'
+  }
+}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const container = genericRender('ix-select', args, ['value']);
+    const select = container.querySelector('ix-select')!;
+    const items = [{
+      label: 'Item 1',
+      value: '1'
+    }, {
+      label: 'Item 2',
+      value: '2'
+    }, {
+      label: 'Item 3',
+      value: '3'
+    }, {
+      label: 'Item 4',
+      value: '4'
+    }, {
+      label: 'Item 5',
+      value: '5'
+    }];
+    items.forEach(({
+      label,
+      value
+    }) => {
+      const item = document.createElement('ix-select-item');
+      item.label = label;
+      item.value = value;
+      select.appendChild(item);
+    });
+    select.value = args.value;
+    return container;
+  },
+  argTypes: {
+    value: {
+      control: 'object',
+      description: 'Selected values in multiple mode'
+    }
+  },
+  args: {
+    mode: 'multiple',
+    allowClear: true,
+    value: ['1', '2', '3', '4', '5']
+  }
+}`,...o.parameters?.docs?.source}}};const h=["Default","editableSelect","editable_with_dropdown_width","Required","multiSelect"];export{n as Default,s as Required,h as __namedExportsOrder,w as default,i as editableSelect,r as editable_with_dropdown_width,o as multiSelect};

package/build/static/storybook-static/assets/{slider.stories-CP33f2zW.js → slider.stories-BpOokxGE.js}

@@ -1,4 +1,4 @@
-import{m,g as u}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const p={title:"Example/Slider",tags:[],render:c=>{const o=u("ix-slider",c),n=o.querySelector("ix-slider");return n.marker=c.marker,o},argTypes:m("ix-slider",{marker:{control:"object"}}),args:{value:25},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=11015-14138&m=dev"}}},e={},r={args:{traceReference:50,trace:!0}},a={args:{marker:[0,25,50,75,100]}},s={args:{value:15,traceReference:50,trace:!0,marker:[0,25,50,75,100]}},t={args:{error:"Some error message",value:10,traceReference:50,trace:!0,marker:[0,25,50,75,100]}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"{}",...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+import{m,g as u}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const p={title:"Example/Slider",tags:[],render:c=>{const o=u("ix-slider",c),n=o.querySelector("ix-slider");return n.marker=c.marker,o},argTypes:m("ix-slider",{marker:{control:"object"}}),args:{value:25},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=11015-14138&m=dev"}}},e={},r={args:{traceReference:50,trace:!0}},a={args:{marker:[0,25,50,75,100]}},s={args:{value:15,traceReference:50,trace:!0,marker:[0,25,50,75,100]}},t={args:{error:"Some error message",value:10,traceReference:50,trace:!0,marker:[0,25,50,75,100]}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"{}",...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   args: {
     traceReference: 50,
     trace: true

package/build/static/storybook-static/assets/{spinner.stories-Dts0d6RZ.js → spinner.stories-BB6vtwBJ.js}

@@ -1,4 +1,4 @@
-import{m as a,g as s}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const o={title:"Example/Spinner",tags:[],render:r=>s("ix-spinner",r),argTypes:a("ix-spinner",{})},e={args:{size:"large"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m as a,g as s}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const o={title:"Example/Spinner",tags:[],render:r=>s("ix-spinner",r),argTypes:a("ix-spinner",{})},e={args:{size:"large"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'large'
   }

package/build/static/storybook-static/assets/split-button.stories-C4nnFumn.js

@@ -0,0 +1,23 @@
+import{m as p,g as m}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const b={title:"Example/SplitButton",tags:[],render:i=>{const n=m("ix-split-button",i),s=document.createElement("ix-dropdown-item");s.label="Dropdown Item 1";const l=document.createElement("ix-dropdown-item");l.label="Dropdown Item 2";const d=document.createElement("ix-dropdown-item");d.label="Dropdown Item 3";const o=n.querySelector("ix-split-button");return o.appendChild(s),o.appendChild(l),o.appendChild(d),n},argTypes:p("ix-split-button",{variant:{options:["primary","secondary"],control:{type:"select"}},styles:{control:{type:"object"}}}),args:{},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},e={args:{label:"Button"}},t={args:{label:"Button",disabled:!0}},r={args:{label:"Button",disabled:!1,disableButton:!0}},a={args:{label:"Button",disabled:!1,disableButton:!1,disableDropdownButton:!0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Button'
+  }
+}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Button',
+    disabled: true
+  }
+}`,...t.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Button',
+    disabled: false,
+    disableButton: true
+  }
+}`,...r.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Button',
+    disabled: false,
+    disableButton: false,
+    disableDropdownButton: true
+  }
+}`,...a.parameters?.docs?.source}}};const g=["Primary","Disable","DisableMainButton","DisableDropdownButton"];export{t as Disable,a as DisableDropdownButton,r as DisableMainButton,e as Primary,g as __namedExportsOrder,b as default};

package/build/static/storybook-static/assets/{textarea.stories-i7z_wlnw.js → textarea.stories-CXd7-baI.js}

@@ -1,4 +1,4 @@
-import{m as s,g as o}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";function d(e){const i=o("ix-textarea",e,["validation"]),n=i.querySelector("ix-textarea");return n.classList.remove("ix-info","ix-warning","ix-invalid","ix-valid"),e.validation!=="default"&&n.classList.add(`ix-${e.validation}`),i}const c={title:"Example/Textarea",tags:[],render:e=>d(e),argTypes:s("ix-textarea",{validation:{options:["default","info","warning","invalid","valid"],control:{type:"select"}}}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=6396-139860&m=dev"}}},a={args:{}},r={args:{label:"Required",value:"",required:!0}},t={args:{label:"Validation States",value:"Test",required:!0,validation:"invalid"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+import{m as s,g as o}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";function d(e){const i=o("ix-textarea",e,["validation"]),n=i.querySelector("ix-textarea");return n.classList.remove("ix-info","ix-warning","ix-invalid","ix-valid"),e.validation!=="default"&&n.classList.add(`ix-${e.validation}`),i}const c={title:"Example/Textarea",tags:[],render:e=>d(e),argTypes:s("ix-textarea",{validation:{options:["default","info","warning","invalid","valid"],control:{type:"select"}}}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=6396-139860&m=dev"}}},a={args:{}},r={args:{label:"Required",value:"",required:!0}},t={args:{label:"Validation States",value:"Test",required:!0,validation:"invalid"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
   args: {}
 }`,...a.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   args: {

package/build/static/storybook-static/assets/{tile.stories-JAS-kEsL.js → tile.stories-DGm_y0AM.js}

@@ -1,3 +1,3 @@
-import{m as a,g as s}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const m={title:"Example/Tile",tags:[],render:r=>s("ix-tile",r),argTypes:a("ix-tile"),parameters:{}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m as a,g as s}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const m={title:"Example/Tile",tags:[],render:r=>s("ix-tile",r),argTypes:a("ix-tile"),parameters:{}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {}
 }`,...e.parameters?.docs?.source}}};const p=["Default"];export{e as Default,p as __namedExportsOrder,m as default};

package/build/static/storybook-static/assets/{time-picker.stories-BwpxgK8D.js → time-picker.stories-DScqCw9h.js}

@@ -1,4 +1,4 @@
-import{m,g as o}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const i={title:"Example/TimePicker",tags:[],render:t=>o("ix-time-picker",t),argTypes:m("ix-time-picker",{}),parameters:{}},e={args:{time:"09:30:00",format:"HH:mm:ss",corners:"rounded",embedded:!1}},r={args:{time:"09:30:00 AM",format:"hh:mm:ss a",corners:"straight",embedded:!1,minuteInterval:1}},s={args:{time:"09:30:00.100",format:"hh:mm:ss.SSS",corners:"straight",embedded:!1,minuteInterval:1}},a={args:{time:"09:30:00.100",format:"hh:mm:ss.SSS",corners:"straight",embedded:!1,minuteInterval:15,hourInterval:1,millisecondInterval:50,secondInterval:30}},n={args:{time:"09",format:"HH",corners:"rounded",embedded:!1}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{m,g as o}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const i={title:"Example/TimePicker",tags:[],render:t=>o("ix-time-picker",t),argTypes:m("ix-time-picker",{}),parameters:{}},e={args:{time:"09:30:00",format:"HH:mm:ss",corners:"rounded",embedded:!1}},r={args:{time:"09:30:00 AM",format:"hh:mm:ss a",corners:"straight",embedded:!1,minuteInterval:1}},s={args:{time:"09:30:00.100",format:"hh:mm:ss.SSS",corners:"straight",embedded:!1,minuteInterval:1}},a={args:{time:"09:30:00.100",format:"hh:mm:ss.SSS",corners:"straight",embedded:!1,minuteInterval:15,hourInterval:1,millisecondInterval:50,secondInterval:30}},n={args:{time:"09",format:"HH",corners:"rounded",embedded:!1}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     time: '09:30:00',
     format: 'HH:mm:ss',

package/build/static/storybook-static/assets/{toggle-button.stories-Cng1Pc4V.js → toggle-button.stories-CIn_bncV.js}

@@ -1,4 +1,4 @@
-import{m as u,g as c}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const d={title:"Example/ToggleButton",tags:[],render:n=>c("ix-toggle-button",n),argTypes:u("ix-toggle-button",{styles:{control:{type:"object"}}}),args:{},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},r={args:{defaultSlot:"Button",variant:"primary"}},a={args:{defaultSlot:"Button",variant:"secondary"}},t={args:{defaultSlot:"Button",variant:"tertiary"}},e={args:{defaultSlot:"Button",variant:"subtle-primary"}},o={args:{defaultSlot:"Button",variant:"subtle-secondary"}},s={args:{defaultSlot:"Button",variant:"subtle-tertiary"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+import{m as u,g as c}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const d={title:"Example/ToggleButton",tags:[],render:n=>c("ix-toggle-button",n),argTypes:u("ix-toggle-button",{styles:{control:{type:"object"}}}),args:{},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},r={args:{defaultSlot:"Button",variant:"primary"}},a={args:{defaultSlot:"Button",variant:"secondary"}},t={args:{defaultSlot:"Button",variant:"tertiary"}},e={args:{defaultSlot:"Button",variant:"subtle-primary"}},o={args:{defaultSlot:"Button",variant:"subtle-secondary"}},s={args:{defaultSlot:"Button",variant:"subtle-tertiary"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   args: {
     defaultSlot: 'Button',
     variant: 'primary'

package/build/static/storybook-static/assets/{toggle.stories-D2muuvgj.js → toggle.stories-CONDSzed.js}

@@ -1,4 +1,4 @@
-import{m as g,g as m}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";const{action:u}=__STORYBOOK_MODULE_ACTIONS__,l=e=>{const a=m("ix-toggle",e,["validation"]),r=a.querySelector("ix-toggle");return r.addEventListener("checkedChange",u("checkedChange")),r.classList.remove("ix-invalid","ix-valid","ix-warning","ix-info"),r.classList.add(e.validation),a},f={title:"Example/Toggle",tags:[],render:e=>l(e),argTypes:g("ix-toggle",{validation:{control:{type:"select"},options:["ix-invalid","ix-valid","ix-warning","ix-info"]}}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},s={args:{disabled:!1}},n={args:{checked:!0,disabled:!1,validation:"ix-valid"}},i={args:{checked:!0,disabled:!1,validation:"ix-invalid"}},t={args:{checked:!0,disabled:!1,validation:"ix-info"}},o={args:{checked:!0,disabled:!1,validation:"ix-warning"}},d={args:{disabled:!1,textOn:"Lorem ipsum dolor sit amet consectetur adipisicing elit",checked:!0},render:e=>{const a=l(e),r=a.querySelector("ix-toggle");return r.style.width="10rem",r.style.height="3rem",a}},c={args:{required:!0}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+import{m as g,g as m}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const{action:u}=__STORYBOOK_MODULE_ACTIONS__,l=e=>{const a=m("ix-toggle",e,["validation"]),r=a.querySelector("ix-toggle");return r.addEventListener("checkedChange",u("checkedChange")),r.classList.remove("ix-invalid","ix-valid","ix-warning","ix-info"),r.classList.add(e.validation),a},f={title:"Example/Toggle",tags:[],render:e=>l(e),argTypes:g("ix-toggle",{validation:{control:{type:"select"},options:["ix-invalid","ix-valid","ix-warning","ix-info"]}}),parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=225-5535&m=dev"}}},s={args:{disabled:!1}},n={args:{checked:!0,disabled:!1,validation:"ix-valid"}},i={args:{checked:!0,disabled:!1,validation:"ix-invalid"}},t={args:{checked:!0,disabled:!1,validation:"ix-info"}},o={args:{checked:!0,disabled:!1,validation:"ix-warning"}},d={args:{disabled:!1,textOn:"Lorem ipsum dolor sit amet consectetur adipisicing elit",checked:!0},render:e=>{const a=l(e),r=a.querySelector("ix-toggle");return r.style.width="10rem",r.style.height="3rem",a}},c={args:{required:!0}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: false
   }

package/build/static/storybook-static/assets/tree.stories-DRHWtmSY.js

@@ -0,0 +1,71 @@
+import{x as r}from"./iframe-DF9LmzKY.js";import{m as s}from"./generic-render-B6oDlj6b.js";import"./sample-CrjnuCO3.js";const c={root:{id:"root",data:{name:""},hasChildren:!0,children:["sample"]},sample:{id:"sample",data:{name:"Sample"},hasChildren:!0,children:["sample-child-1","sample-child-2"]},"sample-child-1":{id:"sample-child-1",data:{name:"Sample Child 1"},hasChildren:!0,children:["sample-grandchild-1","sample-grandchild-2"]},"sample-grandchild-1":{id:"sample-grandchild-1",data:{name:"Sample Grandchild 1"},hasChildren:!0,children:["sample-greatgrandchild-1"]},"sample-greatgrandchild-1":{id:"sample-greatgrandchild-1",data:{name:"Sample Great Grandchild 1"},hasChildren:!1,children:[]},"sample-grandchild-2":{id:"sample-grandchild-2",data:{name:"Sample Grandchild 2"},hasChildren:!1,children:[]},"sample-child-2":{id:"sample-child-2",data:{name:"Sample Child 2"},hasChildren:!1,children:[]}},p={title:"Example/Tree",tags:[],render:e=>r`
+    <ix-tree
+      .model=${e.model}
+      .root=${e.root}
+      .context=${e.context}
+      .toggleOnItemClick=${e.toggleOnItemClick}
+    ></ix-tree>
+  `,argTypes:s("ix-tree",{model:{control:!1},root:{control:!1},context:{control:!1},toggleOnItemClick:{control:"boolean",description:"Enable to toggle items by click on the item"}}),args:{root:"root",model:c},parameters:{design:{type:"figma",url:"https://www.figma.com/design/r2nqdNNXXZtPmWuVjIlM1Q/iX-Components---Brand-Dark?node-id=721-9472&m=dev"},controls:{expanded:!0}}},n={name:"Parent node expands only when chevron is clicked",args:{context:{sample:{isExpanded:!0,isSelected:!1}},toggleOnItemClick:!1}},a={name:"Parent node expands when the entire node is clicked",args:{context:{sample:{isExpanded:!0,isSelected:!1}},toggleOnItemClick:!0}},t={name:"Selectable parent nodes both expand and change to selected when entire node is clicked",args:{context:{sample:{isExpanded:!0,isSelected:!0}},toggleOnItemClick:!0}},d={name:"Intermediate node expands only when the chevron is clicked",args:{context:{sample:{isExpanded:!0,isSelected:!1},"sample-child-1":{isExpanded:!0,isSelected:!1}},toggleOnItemClick:!1}},l={name:"Intermediate node expands and change to selected only when the entire  intermediate node is clicked",args:{context:{sample:{isExpanded:!0,isSelected:!1},"sample-child-1":{isExpanded:!0,isSelected:!0}},toggleOnItemClick:!0}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  name: 'Parent node expands only when chevron is clicked',
+  args: {
+    context: {
+      sample: {
+        isExpanded: true,
+        isSelected: false
+      }
+    },
+    toggleOnItemClick: false
+  }
+}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  name: 'Parent node expands when the entire node is clicked',
+  args: {
+    context: {
+      sample: {
+        isExpanded: true,
+        isSelected: false
+      }
+    },
+    toggleOnItemClick: true
+  }
+}`,...a.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  name: 'Selectable parent nodes both expand and change to selected when entire node is clicked',
+  args: {
+    context: {
+      sample: {
+        isExpanded: true,
+        isSelected: true
+      }
+    },
+    toggleOnItemClick: true
+  }
+}`,...t.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  name: 'Intermediate node expands only when the chevron is clicked',
+  args: {
+    context: {
+      sample: {
+        isExpanded: true,
+        isSelected: false
+      },
+      'sample-child-1': {
+        isExpanded: true,
+        isSelected: false
+      }
+    },
+    toggleOnItemClick: false
+  }
+}`,...d.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  name: 'Intermediate node expands and change to selected only when the entire  intermediate node is clicked',
+  args: {
+    context: {
+      sample: {
+        isExpanded: true,
+        isSelected: false
+      },
+      'sample-child-1': {
+        isExpanded: true,
+        isSelected: true
+      }
+    },
+    toggleOnItemClick: true
+  }
+}`,...l.parameters?.docs?.source}}};const h=["ExpandOnChevronClick","ExpandOnNodeClick","SelectableExpandOnNode","IntermediateNodeExpandOnClick","IntermediateNodeExpand"];export{n as ExpandOnChevronClick,a as ExpandOnNodeClick,l as IntermediateNodeExpand,d as IntermediateNodeExpandOnClick,t as SelectableExpandOnNode,h as __namedExportsOrder,p as default};

package/build/static/storybook-static/iframe.html

@@ -529,8 +529,8 @@
   }
 </script>
 
-    <script type="module" crossorigin src="./assets/iframe-BmxwExuB.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/iframe-Bw4I9REz.css">
+    <script type="module" crossorigin src="./assets/iframe-DF9LmzKY.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/iframe-CHme0gYb.css">
   </head>
 
   <body>