@siemens/ix 1.1.1 → 1.2.0

package/scss/components/_radiobuttons.scss

@@ -13,15 +13,20 @@
   /* Base for label styling */
   [type='radio']:not(:checked),
   [type='radio']:checked {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
     position: absolute;
-    opacity: 0;
-    pointer-events: none;
+    white-space: nowrap;
   }
 
   [type='radio']:not(:checked) + label,
   [type='radio']:checked + label {
+    display: inline-flex;
+    align-items: flex-start;
     position: relative;
-    line-height: $size;
     user-select: none;
 
     color: var(--theme-radiobtn-label--color);
@@ -36,6 +41,10 @@
     content: '';
     width: $size;
     height: $size;
+    min-width: $size;
+    min-height: $size;
+    max-width: $size;
+    max-height: $size;
     float: left;
     margin-right: $small-space;
 
@@ -133,46 +142,6 @@
     opacity: 0.5;
   }
 
-  [type='radio']:indeterminate {
-    & + label:after {
-      content: '';
-      position: relative;
-      display: block;
-      width: 0.875rem;
-      height: 0.0625rem;
-      border-bottom: 0.125rem solid var(--theme-radiobtn-mixed--color);
-      transform: translateX(0.3125rem) translateY(-0.8rem);
-    }
-
-    & + label:before {
-      background-color: var(--theme-radiobtn-mixed--background);
-      border: var(--theme-radiobtn--border-thickness) solid
-        var(--theme-radiobtn-mixed--border-color);
-    }
-
-    &:hover + label:before {
-      background-color: var(--theme-radiobtn-mixed--background--hover);
-      border: var(--theme-radiobtn--border-thickness) solid
-        var(--theme-radiobtn-mixed--border-color--hover);
-    }
-
-    &:active + label:before {
-      background-color: var(--theme-radiobtn-mixed--background--active);
-      border: var(--theme-radiobtn--border-thickness) solid
-        var(--theme-radiobtn-mixed--border-color--active);
-    }
-
-    &:disabled + label::before {
-      background-color: var(--theme-radiobtn-mixed--background--disabled);
-      border: var(--theme-radiobtn--border-thickness) solid
-        var(--theme-radiobtn-mixed--border-color--disabled);
-    }
-
-    &:disabled + label::after {
-      border-color: var(--theme-radiobtn-mixed--color--disabled);
-    }
-  }
-
   [type='radio']:disabled + label {
     color: var(--theme-radiobtn-label--color--disabled);
   }

package/scss/theme/classic-dark/_variables.scss

@@ -38,13 +38,14 @@ $classic-dark: (
     color-inv-weak-text: rgba(0, 0, 0, 0.3),
     color-lightbox: rgba(0, 0, 0, 0.55),
     color-backdrop: rgba(16, 24, 28, 0.85),
-    color-input-focus: #00ffb9,
+    color-input--focus: #00ffb9,
     app-header--color: rgba(255, 255, 255, 0.85),
     app-header--background: #555f69,
     app-header--border-color: rgba(0, 0, 0, 0),
     link-btn--border-color--hover: #41aaaa,
     btn-secondary--background--disabled: rgba(255, 255, 255, 0.25),
-    btn-invisible-secondary--background--selected-active: rgba(113, 191, 191, 0.32),
+    btn-invisible-secondary--background--selected-active:
+      rgba(113, 191, 191, 0.32),
     btn-secondary--color--active: rgba(255, 255, 255, 0.75),
     btn-primary--border-color--hover: rgba(255, 255, 255, 0),
     btn-secondary--color: rgba(255, 255, 255, 0.75),
@@ -823,5 +824,4 @@ $classic-dark: (
     chart-16: #baba9d,
     chart-17-40: rgba(181, 189, 0, 0.4),
     chart-17: #b5bd00,
-
 );

package/scss/theme/classic-light/_variables.scss

@@ -38,7 +38,7 @@ $classic-light: (
     color-lightbox: rgba(255, 255, 255, 0.6),
     color-7: #879baa,
     color-backdrop: rgba(255, 255, 255, 0.85),
-    color-input-focus: #00d7a0,
+    color-input--focus: #00d7a0,
     app-header--color: rgba(255, 255, 255, 0.85),
     app-header--background: #555f69,
     app-header--border-color: rgba(0, 0, 0, 0),
@@ -826,5 +826,4 @@ $classic-light: (
     chart-1-40: rgba(0, 133, 120, 0.4),
     color-1: #fff,
     input-hint--color: rgba(0, 0, 0, 0.6),
-
 );

package/src/components/chip/readme.md

@@ -13,15 +13,15 @@ SPDX-License-Identifier: MIT
 
 ## Properties
 
-| Property     | Attribute    | Description                                                          | Type                                                                                              | Default     |
-| ------------ | ------------ | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ----------- |
-| `active`     | `active`     | Display chip in active state. Only working witht `variant="primary"` | `boolean`                                                                                         | `false`     |
-| `background` | `background` | Custom color for pill. Only working for `variant='custom'`           | `string`                                                                                          | `undefined` |
-| `closable`   | `closable`   | Show close icon                                                      | `boolean`                                                                                         | `false`     |
-| `color`      | `color`      | Custom font color for pill. Only working for `variant='custom'`      | `string`                                                                                          | `undefined` |
-| `icon`       | `icon`       | Show icon                                                            | `string`                                                                                          | `undefined` |
-| `outline`    | `outline`    | Show chip with outline style                                         | `boolean`                                                                                         | `false`     |
-| `variant`    | `variant`    | Chip variant                                                         | `"alarm" \| "critical" \| "custom" \| "info" \| "neutral" \| "primary" \| "success" \| "warning"` | `'primary'` |
+| Property     | Attribute    | Description                                                       | Type                                                                                              | Default     |
+| ------------ | ------------ | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ----------- |
+| `active`     | `active`     | Display chip in active state. Only works with `variant="primary"` | `boolean`                                                                                         | `false`     |
+| `background` | `background` | Custom color for pill. Only working for `variant='custom'`        | `string`                                                                                          | `undefined` |
+| `closable`   | `closable`   | Show close icon                                                   | `boolean`                                                                                         | `false`     |
+| `color`      | `color`      | Custom font color for pill. Only working for `variant='custom'`   | `string`                                                                                          | `undefined` |
+| `icon`       | `icon`       | Show icon                                                         | `string`                                                                                          | `undefined` |
+| `outline`    | `outline`    | Show chip with outline style                                      | `boolean`                                                                                         | `false`     |
+| `variant`    | `variant`    | Chip variant                                                      | `"alarm" \| "critical" \| "custom" \| "info" \| "neutral" \| "primary" \| "success" \| "warning"` | `'primary'` |
 
 
 ## Events

package/src/components/group/readme.md

@@ -9,28 +9,6 @@ SPDX-License-Identifier: MIT
 <!-- Auto Generated Below -->
 
 
-## Properties
-
-| Property                  | Attribute                   | Description                                                                    | Type      | Default     |
-| ------------------------- | --------------------------- | ------------------------------------------------------------------------------ | --------- | ----------- |
-| `collapsed`               | `collapsed`                 | Whether the group is collapsed or expanded. Defaults to true.                  | `boolean` | `true`      |
-| `expandOnHeaderClick`     | `expand-on-header-click`    | Expand the group if the header is clicked                                      | `boolean` | `false`     |
-| `header`                  | `header`                    | Group header                                                                   | `string`  | `undefined` |
-| `index`                   | `index`                     | The index of the selected group entry. If undefined no group item is selected. | `number`  | `undefined` |
-| `selected`                | `selected`                  | Whether the group is selected.                                                 | `boolean` | `undefined` |
-| `subHeader`               | `sub-header`                | Group header subtitle                                                          | `string`  | `undefined` |
-| `suppressHeaderSelection` | `suppress-header-selection` | Prevent header from being selectable                                           | `boolean` | `false`     |
-
-
-## Events
-
-| Event              | Description                           | Type                   |
-| ------------------ | ------------------------------------- | ---------------------- |
-| `collapsedChanged` | Group collapsed                       | `CustomEvent<boolean>` |
-| `selectGroup`      | Emits when whole group gets selected. | `CustomEvent<boolean>` |
-| `selectItem`       | Emits when group item gets selected.  | `CustomEvent<number>`  |
-
-
 ----------------------------------------------
 
 

package/src/components/modal/readme.md

@@ -41,7 +41,7 @@ SPDX-License-Identifier: MIT
 
 ## Methods
 
-### `close(result: any) => Promise<void>`
+### `close<T = any>(result: T) => Promise<void>`
 
 Close modal
 
@@ -51,7 +51,7 @@ Type: `Promise<void>`
 
 
 
-### `dismiss(reason?: any) => Promise<void>`
+### `dismiss<T = any>(reason?: T) => Promise<void>`
 
 Dismiss modal instance
 

package/src/components/modal-container/readme.md

@@ -13,13 +13,13 @@ SPDX-License-Identifier: MIT
 
 ## Methods
 
-### `showModal(config: ModalConfig) => Promise<{ onClose: TypedEvent<any>; onDismiss: TypedEvent<any>; }>`
+### `showModal(config: ModalConfig) => Promise<ModalInstance>`
 
 Display modal dialog
 
 #### Returns
 
-Type: `Promise<{ onClose: TypedEvent<any>; onDismiss: TypedEvent<any>; }>`
+Type: `Promise<ModalInstance<any>>`
 
 
 

package/dist/siemens-ix/p-003b58b3.js

@@ -1 +0,0 @@
-import{r as i,h as o,g as t,H as s,c as a}from"./p-5c038d1d.js";import{T as d}from"./p-6f625f0e.js";import{a as l}from"./p-810b5232.js";import{A as e}from"./p-bdd294d2.js";const m=class{constructor(o){i(this,o)}async showModal(i){const o=new d,t=new d,s=document.createElement("ix-modal");let{title:a,content:l}=i,e=function(i,o){var t={};for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&o.indexOf(s)<0&&(t[s]=i[s]);if(null!=i&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(s=Object.getOwnPropertySymbols(i);a<s.length;a++)o.indexOf(s[a])<0&&Object.prototype.propertyIsEnumerable.call(i,s[a])&&(t[s[a]]=i[s[a]])}return t}(i,["title","content"]);if(Object.assign(s,Object.assign({headerTitle:a},e)),"string"==typeof l){const i=document.createElement("template");l=l.trim(),i.innerHTML=l,s.appendChild(i.content.firstChild)}else s.appendChild(l);return this.hostElement.appendChild(s),s.addEventListener("closed",(i=>{this.hostElement.removeChild(s),o.emit(i.detail)})),s.addEventListener("dismissed",(i=>{this.hostElement.removeChild(s),t.emit(i.detail)})),{onClose:o,onDismiss:t}}render(){return o(s,null)}get hostElement(){return t(this)}};m.style=".sc-ix-modal-container-h{position:absolute;top:0;left:0;z-index:9999}";const n=class{constructor(o){i(this,o),this.closed=a(this,"closed",7),this.dismissed=a(this,"dismissed",7),this.onKeydown=this.handleKeydown.bind(this),this.animation=!0,this.ariaDescribedBy=void 0,this.ariaLabelledBy="modal-title",this.backdrop=!0,this.backdropClass=void 0,this.beforeDismiss=void 0,this.centered=!1,this.content=void 0,this.keyboard=!0,this.icon=void 0,this.iconColor="color-std-text",this.modalDialogClass=void 0,this.scrollable=!0,this.size="sm",this.headerTitle=void 0,this.windowClass=void 0}get modal(){return this.hostElement.querySelector(".modal")}get modalDialog(){return this.modal.querySelector(".modal-dialog")}get modalContent(){return this.modalDialog.querySelector(".modal-content")}get modalBackdrop(){return this.hostElement.querySelector(".backdrop")}slideDown(i){l({targets:i,duration:this.animation?e.mediumTime:0,opacity:[0,1],translateY:["-100%",0],easing:"easeOutSine"})}slideUp(i,o){l({targets:i,duration:this.animation?e.mediumTime:0,opacity:[1,0],translateY:[0,"-100%"],easing:"easeInSine",complete:()=>{o&&o()}})}componentDidLoad(){"static"===this.backdrop&&this.modalBackdrop.addEventListener("click",this.dismiss.bind(this)),this.backdropClass&&this.modalBackdrop.classList.add(this.backdropClass),this.modalDialogClass&&this.modalDialog.classList.add(this.modalDialogClass),this.windowClass&&this.modal.classList.add(this.windowClass),this.keyboard&&window.addEventListener("keydown",this.onKeydown),this.slideDown(this.modalContent)}handleKeydown(i){"Escape"===i.key&&this.dismiss(i.key)}disconnectedCallback(){window.removeEventListener("keydown",this.onKeydown)}async dismiss(i){this.beforeDismiss?!1!==await this.beforeDismiss(i)&&this.slideUp(this.modalContent,(()=>this.dismissed.emit(i))):this.slideUp(this.modalContent,(()=>this.dismissed.emit(i)))}async close(i){this.slideUp(this.modalContent,(()=>this.closed.emit(i)))}render(){return o(s,null,o("div",{class:{animation:this.animation,modal:!0,backdrop:"static"===this.backdrop||this.backdrop,"align-items-center":this.centered,scrollable:this.scrollable},"aria-describedby":this.ariaDescribedBy,"aria-labelledby":this.ariaLabelledBy},o("div",{class:{"modal-dialog":!0,"modal-sm":"sm"===this.size,"modal-lg":"lg"===this.size,"modal-xl":"xl"===this.size}},o("div",{class:"modal-content"},void 0===this.icon||""===this.icon?"":o("div",{class:"state-icon-container"},o("ix-icon",{name:this.icon,size:"32",color:this.iconColor})),o("div",{class:"slot-container"},o("slot",null))))))}get hostElement(){return t(this)}};n.style=".sc-ix-modal-h{position:relative;width:100vw;height:100vh}.sc-ix-modal-h .modal.sc-ix-modal{display:flex}.sc-ix-modal-h .modal.animation.sc-ix-modal{animation:modal-fade 300ms ease-in-out}.sc-ix-modal-h .modal.backdrop.sc-ix-modal{background-color:var(--theme-color-lightbox);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:none}.sc-ix-modal-h .modal.backdrop.animation.sc-ix-modal{transition:-webkit-backdrop-filter 0ms ease-in-out;transition:backdrop-filter 0ms ease-in-out;transition:backdrop-filter 0ms ease-in-out, -webkit-backdrop-filter 0ms ease-in-out}.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal{flex-grow:1}.sc-ix-modal-h .modal.scrollable.sc-ix-modal .modal-content.sc-ix-modal{max-height:100%}.sc-ix-modal-h .modal.scrollable.sc-ix-modal .modal-content.sc-ix-modal .modal-body.sc-ix-modal{overflow-y:auto}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal{box-shadow:var(--theme-modal--box-shadow);flex-direction:row;background-color:var(--theme-modal--background);border:var(--modal--border-thickness) solid var(--theme-modal--border-color);padding:1.5rem}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal .state-icon-container.sc-ix-modal{-webkit-margin-end:1rem;margin-inline-end:1rem}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal .slot-container.sc-ix-modal{flex-grow:1}@media (min-width: 576px){.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal:not(.modal-dialog-centered){margin:2.5rem auto}}@media (max-width: 575.98px){.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal{height:100%;margin:0}.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal .modal-content.sc-ix-modal{height:100%;border-radius:0}}@keyframes modal-fade{from{opacity:0%}to{opacity:100%}}@keyframes slide-down{from{top:-100%}to{top:32px}}";export{m as M,n as a}

package/dist/siemens-ix/p-0419f23d.entry.js

@@ -1 +0,0 @@
-export{a as ix_modal,M as ix_modal_container}from"./p-003b58b3.js";import"./p-5c038d1d.js";import"./p-6f625f0e.js";import"./p-810b5232.js";import"./p-bdd294d2.js";

package/dist/siemens-ix/p-161561ef.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s}from"./p-5c038d1d.js";import{g as i}from"./p-b12006c6.js";const o=class{constructor(s){t(this,s),this.variant="Secondary",this.outline=void 0,this.invisible=void 0,this.ghost=void 0,this.oval=void 0,this.icon=void 0,this.size="24",this.color=void 0,this.selected=!1,this.disabled=!1,this.type="button"}getIconButtonClasses(){return Object.assign({"btn-icon-xs":"12"===this.size,"btn-icon-s":"16"===this.size},i(this.variant,this.outline,this.ghost||this.invisible,!0,this.oval,this.selected,this.disabled))}render(){return s("button",{class:this.getIconButtonClasses(),type:this.type},s("ix-icon",{size:this.size,name:this.icon,color:this.color}),s("div",{style:{display:"none"}},s("slot",null)))}};export{o as ix_icon_button}

package/dist/siemens-ix/p-5c038d1d.js

@@ -1,2 +0,0 @@
-let t,e,n,l=!1,o=!1,s=!1,r=!1,c=!1;const i={},f=t=>"object"==(t=typeof t)||"function"===t,u=(t,e,...n)=>{let l=null,o=null,s=!1,r=!1;const c=[],i=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!f(l))&&(l+=""),s&&r?c[c.length-1].t+=l:c.push(s?a(null,l):l),r=s)};if(i(n),e){e.name&&(o=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,h);const u=a(t,null);return u.l=e,c.length>0&&(u.o=c),u.i=o,u},a=(t,e)=>({u:0,h:t,t:e,m:null,o:null,l:null,i:null}),d={},h={forEach:(t,e)=>t.map(m).forEach(e),map:(t,e)=>t.map(m).map(e).map($)},m=t=>({vattrs:t.l,vchildren:t.o,vkey:t.$,vname:t.i,vtag:t.h,vtext:t.t}),$=t=>{if("function"==typeof t.vtag){const e=Object.assign({},t.vattrs);return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),u(t.vtag,e,...t.vchildren||[])}const e=a(t.vtag,t.vtext);return e.l=t.vattrs,e.o=t.vchildren,e.$=t.vkey,e.i=t.vname,e},p=t=>it(t).p,b=(t,e,n)=>{const l=p(t);return{emit:t=>y(l,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},y=(t,e,n)=>{const l=yt.ce(e,n);return t.dispatchEvent(l),l},w=new WeakMap,g=t=>"sc-"+t.g,v=(t,e,n,l,o,s)=>{if(n!==l){let r=at(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,o=O(n),s=O(l);e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("ref"===e)l&&l(t);else if(r||"o"!==e[0]||"n"!==e[1]){const c=f(l);if((r||c&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[e]=l;else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==o||(t[e]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||o)&&!c&&t.setAttribute(e,l=!0===l?"":l)}else e="-"===e[2]?e.slice(3):at(pt,c)?c.slice(2):c[2]+e.slice(3),n&&yt.rel(t,e,n,!1),l&&yt.ael(t,e,l,!1)}},j=/\s/,O=t=>t?t.split(j):[],S=(t,e,n,l)=>{const o=11===e.m.nodeType&&e.m.host?e.m.host:e.m,s=t&&t.l||i,r=e.l||i;for(l in s)l in r||v(o,l,s[l],void 0,n,e.u);for(l in r)v(o,l,s[l],r[l],n,e.u)},k=(o,c,i,f)=>{const u=c.o[i];let a,d,h,m=0;if(l||(s=!0,"slot"===u.h&&(t&&f.classList.add(t+"-s"),u.u|=u.o?2:1)),null!==u.t)a=u.m=bt.createTextNode(u.t);else if(1&u.u)a=u.m=bt.createTextNode("");else{if(r||(r="svg"===u.h),a=u.m=bt.createElementNS(r?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.u?"slot-fb":u.h),r&&"foreignObject"===u.h&&(r=!1),S(null,u,r),null!=t&&a["s-si"]!==t&&a.classList.add(a["s-si"]=t),u.o)for(m=0;m<u.o.length;++m)d=k(o,u,m,a),d&&a.appendChild(d);"svg"===u.h?r=!1:"foreignObject"===a.tagName&&(r=!0)}return a["s-hn"]=n,3&u.u&&(a["s-sr"]=!0,a["s-cr"]=e,a["s-sn"]=u.i||"",h=o&&o.o&&o.o[i],h&&h.h===u.h&&o.m&&C(o.m,!1)),a},C=(t,e)=>{yt.u|=1;const l=t.childNodes;for(let t=l.length-1;t>=0;t--){const o=l[t];o["s-hn"]!==n&&o["s-ol"]&&(E(o).insertBefore(o,N(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),e&&C(o,e)}yt.u&=-2},M=(t,e,l,o,s,r)=>{let c,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=k(null,l,s,t),c&&(o[s].m=c,i.insertBefore(c,N(e))))},x=(t,e,n,l,s)=>{for(;e<=n;++e)(l=t[e])&&(s=l.m,F(l),o=!0,s["s-ol"]?s["s-ol"].remove():C(s,!0),s.remove())},R=(t,e)=>t.h===e.h&&("slot"!==t.h||t.i===e.i),N=t=>t&&t["s-ol"]||t,E=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,P=(t,e)=>{const n=e.m=t.m,l=t.o,o=e.o,s=e.h,c=e.t;let i;null===c?(r="svg"===s||"foreignObject"!==s&&r,"slot"===s||S(t,e,r),null!==l&&null!==o?((t,e,n,l)=>{let o,s=0,r=0,c=e.length-1,i=e[0],f=e[c],u=l.length-1,a=l[0],d=l[u];for(;s<=c&&r<=u;)null==i?i=e[++s]:null==f?f=e[--c]:null==a?a=l[++r]:null==d?d=l[--u]:R(i,a)?(P(i,a),i=e[++s],a=l[++r]):R(f,d)?(P(f,d),f=e[--c],d=l[--u]):R(i,d)?("slot"!==i.h&&"slot"!==d.h||C(i.m.parentNode,!1),P(i,d),t.insertBefore(i.m,f.m.nextSibling),i=e[++s],d=l[--u]):R(f,a)?("slot"!==i.h&&"slot"!==d.h||C(f.m.parentNode,!1),P(f,a),t.insertBefore(f.m,i.m),f=e[--c],a=l[++r]):(o=k(e&&e[r],n,r,t),a=l[++r],o&&E(i.m).insertBefore(o,N(i.m)));s>c?M(t,null==l[u+1]?null:l[u+1].m,n,l,r,u):r>u&&x(e,s,c)})(n,l,e,o):null!==o?(null!==t.t&&(n.textContent=""),M(n,null,e,o,0,o.length-1)):null!==l&&x(l,0,l.length-1),r&&"svg"===s&&(r=!1)):(i=n["s-cr"])?i.parentNode.textContent=c:t.t!==c&&(n.data=c)},T=t=>{const e=t.childNodes;let n,l,o,s,r,c;for(l=0,o=e.length;l<o;l++)if(n=e[l],1===n.nodeType){if(n["s-sr"])for(r=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(c=e[s].nodeType,e[s]["s-hn"]!==n["s-hn"]||""!==r){if(1===c&&r===e[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===c||3===c&&""!==e[s].textContent.trim()){n.hidden=!0;break}T(n)}},L=[],W=t=>{let e,n,l,s,r,c,i=0;const f=t.childNodes,u=f.length;for(;i<u;i++){if(e=f[i],e["s-sr"]&&(n=e["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=e["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||(A(n,s)?(r=L.find((t=>t.v===n)),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.j=e:L.push({j:e,v:n}),n["s-sr"]&&L.map((t=>{A(t.v,n["s-sn"])&&(r=L.find((t=>t.v===n)),r&&!t.j&&(t.j=r.j))}))):L.some((t=>t.v===n))||L.push({v:n}));1===e.nodeType&&W(e)}},A=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,F=t=>{t.l&&t.l.ref&&t.l.ref(null),t.o&&t.o.map(F)},D=(t,e)=>{e&&!t.O&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.O=e)))},H=(t,e)=>{if(t.u|=16,!(4&t.u))return D(t,t.S),Mt((()=>U(t,e)));t.u|=512},U=(t,e)=>{const n=t.k;let l;return e&&(t.u|=256,t.C&&(t.C.map((([t,e])=>G(n,t,e))),t.C=null),l=G(n,"componentWillLoad")),l=I(l,(()=>G(n,"componentWillRender"))),I(l,(()=>q(t,n,e)))},q=async(t,e,n)=>{const l=t.p,o=l["s-rc"];n&&(t=>{const e=t.M,n=t.p,l=e.u,o=((t,e)=>{let n=g(e);const l=$t.get(n);if(t=11===t.nodeType?t:bt,l)if("string"==typeof l){let e,o=w.get(t=t.head||t);o||w.set(t,o=new Set),o.has(n)||(e=bt.createElement("style"),e.innerHTML=l,t.insertBefore(e,t.querySelector("link")),o&&o.add(n))}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(t);V(t,e),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>_(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},V=(r,c)=>{try{c=c.render(),r.u&=-17,r.u|=2,((r,c)=>{const i=r.p,f=r.M,h=r.R||a(null,null),m=(t=>t&&t.h===d)(c)?c:u(null,null,c);if(n=i.tagName,f.N&&(m.l=m.l||{},f.N.map((([t,e])=>m.l[e]=i[t]))),m.h=null,m.u|=4,r.R=m,m.m=h.m=i.shadowRoot||i,t=i["s-sc"],e=i["s-cr"],l=0!=(1&f.u),o=!1,P(h,m),yt.u|=1,s){let t,e,n,l,o,s;W(m.m);let r=0;for(;r<L.length;r++)t=L[r],e=t.v,e["s-ol"]||(n=bt.createTextNode(""),n["s-nr"]=e,e.parentNode.insertBefore(e["s-ol"]=n,e));for(r=0;r<L.length;r++)if(t=L[r],e=t.v,t.j){for(l=t.j.parentNode,o=t.j.nextSibling,n=e["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===e["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==e.parentNode||e.nextSibling!==o)&&e!==o&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),l.insertBefore(e,o))}else 1===e.nodeType&&(e.hidden=!0)}o&&T(m.m),yt.u&=-2,L.length=0})(r,c)}catch(t){dt(t,r.p)}return null},_=t=>{const e=t.p,n=t.k,l=t.S;G(n,"componentDidRender"),64&t.u||(t.u|=64,J(e),G(n,"componentDidLoad"),t.P(e),l||B()),t.T(e),t.O&&(t.O(),t.O=void 0),512&t.u&&Ct((()=>H(t,!1))),t.u&=-517},z=t=>{{const e=it(t),n=e.p.isConnected;return n&&2==(18&e.u)&&H(e,!1),n}},B=()=>{J(bt.documentElement),Ct((()=>y(pt,"appload",{detail:{namespace:"siemens-ix"}})))},G=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){dt(t)}},I=(t,e)=>t&&t.then?t.then(e):e(),J=t=>t.classList.add("hydrated"),K=(t,e,n)=>{if(e.L){t.watchers&&(e.W=t.watchers);const l=Object.entries(e.L),o=t.prototype;if(l.map((([t,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,t,{get(){return((t,e)=>it(this).A.get(e))(0,t)},set(n){((t,e,n,l)=>{const o=it(t),s=o.p,r=o.A.get(e),c=o.u,i=o.k;if(n=((t,e)=>null==t||f(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(n,l.L[e][0]),(!(8&c)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.A.set(e,n),i)){if(l.W&&128&c){const t=l.W[e];t&&t.map((t=>{try{i[t](n,r,e)}catch(t){dt(t,s)}}))}2==(18&c)&&H(o,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,t,{value(...e){const n=it(this);return n.F.then((()=>n.k[t](...e)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(t,e,l){yt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(o.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},t.observedAttributes=l.filter((([t,e])=>15&e[0])).map((([t,l])=>{const o=l[1]||t;return n.set(o,t),512&l[0]&&e.N.push([t,o]),o}))}}return t},Q=t=>{t.__appendChild=t.appendChild,t.appendChild=function(t){const e=t["s-sn"]=Y(t),n=Z(this.childNodes,e);if(n){const l=tt(n,e),o=l[l.length-1];return o.parentNode.insertBefore(t,o.nextSibling)}return this.__appendChild(t)}},X=(t,e)=>{class n extends Array{item(t){return this[t]}}if(8&e.u){const e=t.__lookupGetter__("childNodes");Object.defineProperty(t,"children",{get(){return this.childNodes.map((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get:()=>t.children.length}),Object.defineProperty(t,"childNodes",{get(){const t=e.call(this);if(0==(1&yt.u)&&2&it(this).u){const e=new n;for(let n=0;n<t.length;n++){const l=t[n]["s-nr"];l&&e.push(l)}return e}return n.from(t)}})}},Y=t=>t["s-sn"]||1===t.nodeType&&t.getAttribute("slot")||"",Z=(t,e)=>{let n,l=0;for(;l<t.length;l++){if(n=t[l],n["s-sr"]&&n["s-sn"]===e)return n;if(n=Z(n.childNodes,e),n)return n}return null},tt=(t,e)=>{const n=[t];for(;(t=t.nextSibling)&&t["s-sn"]===e;)n.push(t);return n},et=(t,e={})=>{const n=[],l=e.exclude||[],o=pt.customElements,s=bt.head,r=s.querySelector("meta[charset]"),c=bt.createElement("style"),i=[];let f,u=!0;Object.assign(yt,e),yt.D=new URL(e.resourcesUrl||"./",bt.baseURI).href,t.map((t=>{t[1].map((e=>{const s={u:e[0],g:e[1],L:e[2],H:e[3]};s.L=e[2],s.H=e[3],s.N=[],s.W={};const r=s.g,c=class extends HTMLElement{constructor(t){super(t),ut(t=this,s),1&s.u&&t.attachShadow({mode:"open"}),X(t,s)}connectedCallback(){f&&(clearTimeout(f),f=null),u?i.push(this):yt.jmp((()=>(t=>{if(0==(1&yt.u)){const e=it(t),n=e.M,l=()=>{};if(1&e.u)lt(t,e,n.H);else{e.u|=1,12&n.u&&(t=>{const e=t["s-cr"]=bt.createComment("");e["s-cn"]=!0,t.insertBefore(e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){D(e,e.S=n);break}}n.L&&Object.entries(n.L).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n,l,o)=>{if(0==(32&e.u)){{if(e.u|=32,(o=mt(n)).then){const t=()=>{};o=await o,t()}o.isProxied||(n.W=o.watchers,K(o,n,2),o.isProxied=!0);const t=()=>{};e.u|=8;try{new o(e)}catch(t){dt(t)}e.u&=-9,e.u|=128,t()}if(o.style){let t=o.style;const e=g(n);if(!$t.has(e)){const l=()=>{};((t,e,n)=>{let l=$t.get(t);gt&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,$t.set(t,l)})(e,t,!!(1&n.u)),l()}}}const s=e.S,r=()=>H(e,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){yt.jmp((()=>(()=>{if(0==(1&yt.u)){const t=it(this),e=t.k;t.U&&(t.U.map((t=>t())),t.U=void 0),G(e,"disconnectedCallback")}})()))}componentOnReady(){return it(this).q}};Q(c.prototype),s.V=t[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,K(c,s,1)))}))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),s.insertBefore(c,r?r.nextSibling:s.firstChild),u=!1,i.length?i.map((t=>t.connectedCallback())):yt.jmp((()=>f=setTimeout(B,30)))},nt=(t,e)=>e,lt=(t,e,n)=>{n&&n.map((([n,l,o])=>{const s=st(t,n),r=ot(e,o),c=rt(n);yt.ael(s,l,r,c),(e.U=e.U||[]).push((()=>yt.rel(s,l,r,c)))}))},ot=(t,e)=>n=>{try{256&t.u?t.k[e](n):(t.C=t.C||[]).push([e,n])}catch(t){dt(t)}},st=(t,e)=>8&e?pt:t,rt=t=>0!=(2&t),ct=new WeakMap,it=t=>ct.get(t),ft=(t,e)=>ct.set(e.k=t,e),ut=(t,e)=>{const n={u:0,p:t,M:e,A:new Map};return n.F=new Promise((t=>n.T=t)),n.q=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[],lt(t,n,e.H),ct.set(t,n)},at=(t,e)=>e in t,dt=(t,e)=>(0,console.error)(t,e),ht=new Map,mt=t=>{const e=t.g.replace(/-/g,"_"),n=t.V,l=ht.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(ht.set(n,t),t[e])),dt)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},$t=new Map,pt="undefined"!=typeof window?window:{},bt=pt.document||{head:{}},yt={u:0,D:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},wt=t=>Promise.resolve(t),gt=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),vt=[],jt=[],Ot=(t,e)=>n=>{t.push(n),c||(c=!0,e&&4&yt.u?Ct(kt):yt.raf(kt))},St=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){dt(t)}t.length=0},kt=()=>{St(vt),St(jt),(c=vt.length>0)&&yt.raf(kt)},Ct=t=>wt().then(t),Mt=Ot(jt,!0);export{nt as F,d as H,et as b,b as c,z as f,p as g,u as h,wt as p,ft as r}

package/dist/siemens-ix/p-a8b6454f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as s,g as c}from"./p-5c038d1d.js";const n=class{constructor(i){t(this,i),this.itemSelectionChange=e(this,"itemSelectionChange",7),this.addItem=e(this,"addItem",7),this.selectedIndices=[],this.allowClear=!1,this.mode="single",this.editable=!1,this.disabled=!1,this.readonly=!1,this.i18nPlaceholder="Select an option",this.i18nPlaceholderEditable="Type of select option",this.i18nSelectListHeader="Please select an option",this.dropdownShow=!1,this.value=void 0,this.dropdownWrapperRef=void 0,this.dropdownAnchor=void 0,this.isDropdownEmpty=!1,this.hasFocus=!1,this.navigationItem=void 0,this.inputFilterText=void 0,this.inputValue=void 0}get items(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemButton(){return this.hostElement.querySelector(".add-item")}get isSingleMode(){return"single"===this.mode}get isMultipleMode(){return"multiple"===this.mode}watchSelectedIndices(t){t?Array.isArray(t)?this.selectValue([...t]):this.selectValue([t]):this.selectValue([])}onItemClicked(t){this.emitItemClick(t.detail)}watchInputText(t){this.editable&&this.itemExists(t)}emitItemClick(t){this.selectedIndices=this.isMultipleMode&&Array.isArray(this.selectedIndices)?this.selectedIndices.includes(t)?this.selectedIndices.filter((e=>e!==t)):[...this.selectedIndices,t]:[t],this.selectValue(this.selectedIndices),this.itemSelectionChange.emit(this.selectedIndices)}emitAddItem(t){if(""===t.trim())return;const e=document.createElement("ix-select-item");e.value=t,e.label=t,this.addItemRef.appendChild(e),this.clearInput(),this.emitItemClick(t),this.addItem.emit(t)}selectValue(t){var e;this.items.forEach((e=>{e.selected=t.some((t=>t===e.value))})),this.value=this.selectedItems.map((t=>t.label)),this.inputValue=this.isSingleMode&&(null===(e=this.value)||void 0===e?void 0:e.length)?this.value[0]:null}componentWillLoad(){this.selectedIndices&&this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}componentDidLoad(){this.labelMutationObserver=new MutationObserver((()=>{this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])})),this.labelMutationObserver.observe(this.hostElement,{subtree:!0,attributes:!0,attributeFilter:["label"]})}disconnectedCallback(){this.labelMutationObserver&&this.labelMutationObserver.disconnect()}itemExists(t){return this.items.find((e=>e.label===t))}dropdownVisibilityChanged(t){this.dropdownShow=t.detail,t.detail&&(this.inputRef.focus(),this.inputRef.select(),this.navigationItem=this.items[0],this.setHoverEffectForNavigatedSelectItem(),this.removeHiddenFromItems()),this.hasFocus=t.detail}async onKeyDown(t){this.dropdownShow&&("ArrowDown"!==t.code&&"ArrowUp"!==t.code||this.onArrowNavigation(t),"Enter"!==t.code&&"NumpadEnter"!==t.code||await this.onEnterNavigation(),"Escape"===t.code&&(this.dropdownShow=!1))}async onEnterNavigation(){var t,e;this.editable&&!this.itemExists(this.inputFilterText)&&(this.emitAddItem(this.inputFilterText),this.navigationItem=this.items[this.items.length-1]),null===(t=this.navigationItem)||void 0===t||t.onItemClick(),await(null===(e=this.dropdownRef)||void 0===e?void 0:e.updatePosition()),this.isSingleMode&&!this.editable&&(this.dropdownShow=!1)}onArrowNavigation(t){t.stopPropagation(),t.preventDefault();const e=this.items.filter((t=>!t.classList.contains("d-none"))),i=e.indexOf(this.navigationItem);"ArrowDown"===t.code&&i<e.length-1?this.navigationItem=e[i+1]:"ArrowUp"===t.code&&i>0&&(this.navigationItem=e[i-1]),this.setHoverEffectForNavigatedSelectItem()}setHoverEffectForNavigatedSelectItem(){this.items.forEach((t=>{t.hover=t===this.navigationItem}))}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value,this.inputFilterText?this.items.forEach((t=>{t.classList.remove("d-none"),t.label.toLowerCase().includes(this.inputFilterText.toLowerCase())||t.classList.add("d-none")})):this.removeHiddenFromItems(),this.isDropdownEmpty=this.items.every((t=>t.classList.contains("d-none")))}removeHiddenFromItems(){this.items.forEach((t=>{t.classList.remove("d-none")}))}clearInput(){this.inputRef.value="",this.inputFilterText=""}clear(){this.clearInput(),this.value=[],this.selectedIndices=[],this.itemSelectionChange.emit(null)}render(){var t,e,c;return i(s,null,i("div",{class:{"form-control":!0,select:!0,focus:this.hasFocus,editable:this.editable,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchor=t,this.editable||(this.dropdownWrapperRef=t)}},i("div",{class:"input-container"},this.isMultipleMode?i("div",{class:"chips"},null===(t=this.selectedItems)||void 0===t?void 0:t.map((t=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,onCloseClick:e=>{e.preventDefault(),e.stopPropagation(),this.emitItemClick(t.value)}},t.label)))):null,i("div",{class:"trigger"},i("input",{"data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!(null===(e=this.value)||void 0===e?void 0:e.length)},placeholder:this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder,value:this.inputValue,ref:t=>this.inputRef=t,onInput:()=>this.filterItemsWithTypeahead()}),this.disabled||this.readonly?null:i("div",{class:"chevron-down-container",ref:t=>{this.editable&&(this.dropdownWrapperRef=t)}},i("ix-icon",{class:"chevron",name:"chevron-down-small"})))),this.allowClear&&((null===(c=this.value)||void 0===c?void 0:c.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:!0,oval:!0,size:"24",onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}}):null),i("ix-dropdown",{ref:t=>this.dropdownRef=t,show:this.dropdownShow,style:{width:"100%"},class:{"d-none":this.disabled||this.readonly||this.isDropdownEmpty&&!this.editable},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom",positioningStrategy:"fixed",adjustDropdownWidthToReferenceWidth:!0},i("div",{class:"select-list-header"},this.i18nSelectListHeader),i("slot",null),i("div",{ref:t=>this.addItemRef=t,class:"d-contents"}),this.itemExists(this.inputFilterText)?"":i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":!0,"d-none":!(this.editable&&this.inputFilterText)},label:this.inputFilterText,onItemClick:t=>{t.preventDefault(),t.stopPropagation(),this.emitAddItem(this.inputFilterText)}})))}get hostElement(){return c(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"],inputFilterText:["watchInputText"]}}};n.style=".sc-ix-select-h{display:inline-block;position:relative;height:auto;width:100%}.sc-ix-select-h .select.sc-ix-select{position:relative;display:flex;align-items:center;height:auto;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}.sc-ix-select-h .select.sc-ix-select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff !important;outline-offset:var(--theme-input--focus--outline-offset)}.sc-ix-select-h .trigger.sc-ix-select{display:flex;align-items:center;flex-grow:1;height:100%}.sc-ix-select-h .input-container.sc-ix-select{display:flex;position:relative;align-items:flex-start;height:calc(2rem - 2 * var(--theme-input--border-thickness));width:100%}.sc-ix-select-h .input-container.allow-clear.sc-ix-select{padding-right:3.5rem}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-width:70%;flex-shrink:0;margin:auto}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin:0.1rem}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%;-webkit-margin-end:2rem;margin-inline-end:2rem}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:hover,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:focus-visible{border:none;outline:none}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::-moz-placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::-moz-placeholder{opacity:0}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::placeholder{opacity:0}.sc-ix-select-h .chevron-down-container.sc-ix-select{display:flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:100%}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover)}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):active{background-color:var(--theme-btn-invisible-secondary--background--active)}.sc-ix-select-h .clear.sc-ix-select{position:absolute;right:2rem}.sc-ix-select-h .add-item.sc-ix-select{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}.sc-ix-select-h .select-list-header.sc-ix-select{display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 2rem}.sc-ix-select-h ix-dropdown.sc-ix-select{background-color:var(--theme-select-list--background)}";const h=class{constructor(i){t(this,i),this.itemClick=e(this,"itemClick",7),this.label=void 0,this.value=void 0,this.selected=!1,this.hover=!1}async onItemClick(t){null==t||t.preventDefault(),null==t||t.stopPropagation(),this.itemClick.emit(this.value)}componentDidRender(){if(!this.value)throw Error("ix-select-item must have a `value` property")}render(){return i(s,null,i("ix-dropdown-item",{checked:this.selected,hover:this.hover,label:this.label?this.label:this.value,onItemClick:t=>this.onItemClick(t)}))}get hostElement(){return c(this)}};h.style=".sc-ix-select-item-h{display:block}.sc-ix-select-item-h ix-dropdown-item.sc-ix-select-item button.sc-ix-select-item{margin-left:1rem}";export{n as ix_select,h as ix_select_item}

package/dist/siemens-ix/p-c0a126c6.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,h as r,H as t,g as i}from"./p-5c038d1d.js";const s=class{constructor(r){e(this,r),this.selectGroup=o(this,"selectGroup",7),this.selectItem=o(this,"selectItem",7),this.collapsedChanged=o(this,"collapsedChanged",7),this.suppressHeaderSelection=!1,this.header=void 0,this.subHeader=void 0,this.collapsed=!0,this.selected=void 0,this.index=void 0,this.expandOnHeaderClick=!1,this.dropdownTriggerRef=void 0}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-dropdown-item"))}get groupItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-item:not(.footer)"))}get groupContent(){return this.hostElement.querySelector(".group-content")}get footer(){return this.hostElement.querySelector(".footer")}async onKeyDown(e){const o=e.target;!this.hostElement.contains(o)||"Enter"!==e.code&&"NumpadEnter"!==e.code||(o.classList.contains("group-header")?this.suppressHeaderSelection?this.collapsed=!this.collapsed:this.selected=!this.selected:o.matches("ix-group-item")&&(o.selected=!o.selected))}onExpandClick(e){const o=this.collapsed;this.collapsed=!this.collapsed,o||void 0===this.index||(this.index=void 0,this.setGroupSelection(!0)),this.collapsedChanged.emit(this.collapsed),e.stopPropagation()}onHeaderClick(e){this.setGroupSelection(!this.selected),this.suppressHeaderSelection&&this.onExpandClick(e)}onItemClick(e){e===this.index?(this.index=void 0,this.selectItem.emit(void 0)):(this.index=e,this.selectItem.emit(e)),this.setGroupSelection(!1)}setGroupSelection(e){this.suppressHeaderSelection||(this.selected=e,this.selectGroup.emit(this.selected))}componentWillRender(){var e;this.groupItems.forEach(((e,o)=>{var r;e.selected=o===this.index,e.index=o,e.classList.remove("last"),(null===(r=this.footer)||void 0===r?void 0:r.children.length)||o!==this.groupItems.length-1||e.classList.add("last")})),(null===(e=this.footer)||void 0===e?void 0:e.childElementCount)>1&&this.groupContent.appendChild(this.footer)}componentDidLoad(){this.groupContent.addEventListener("selectedChanged",(e=>{this.onItemClick(e.detail.index)}))}render(){return r(t,null,r("div",{class:{"group-header":!0,expand:!this.collapsed,selected:this.selected},tabindex:"0"},r("div",{class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},r("div",{class:"group-header-selection-indicator"}),r("ix-icon",{class:"btn-expand-header",name:`chevron-${this.collapsed?"right":"down"}-small`,onClick:e=>this.onExpandClick(e)}),r("div",{class:"group-header-content"},this.header?r("div",{class:"group-header-props-container"},r("div",{class:"group-header-title"},r("span",{title:this.header},this.header)),r("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,r("slot",{name:"header"}))),r("div",{class:{"group-header-context-button":!0,"d-none":!1}},r("ix-icon-button",{ref:e=>this.dropdownTriggerRef=e,size:"24",ghost:!0,icon:"context-menu"}),r("ix-dropdown",{trigger:this.dropdownTriggerRef},r("slot",{name:"dropdown"})))),r("div",{class:{"group-content":!0,"d-none":this.collapsed}},r("slot",null)),r("div",{class:"d-none"},r("ix-group-item",{class:"footer last",suppressSelection:!0,focusable:!1},r("slot",{name:"footer"}))))}get hostElement(){return i(this)}};s.style=".sc-ix-group-h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;position:relative;max-width:19.75rem;border-color:var(--theme-group-item--border-color)}.sc-ix-group-h .group-header-context-button.sc-ix-group{display:block;position:relative;margin-top:5px;margin-right:5px;margin-left:auto}.sc-ix-group-h .group-header-context-button.sc-ix-group ix-icon-button.sc-ix-group::after{display:none}.sc-ix-group-h .group-header.sc-ix-group{height:4rem;min-height:4rem;max-height:4rem;border-radius:0.25rem;border:var(--theme-std-bdr-1);display:flex;background-color:var(--theme-group-item--background);border:1px solid var(--theme-group-item--border-color);color:var(--theme-group-header--color);cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover);border-color:var(--theme-group-item--border-color--hover)}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):active{background-color:var(--theme-group-item--background--active);border-color:var(--theme-group-item--border-color--active)}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):focus-visible{border-color:var(--focus--border-color);border-radius:var(--theme-group--border-radius--focus);outline:none}.sc-ix-group-h .group-header-clickable.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:100%;min-width:0}.sc-ix-group-h .group-header.expand.sc-ix-group{border-bottom-left-radius:0;border-bottom-right-radius:0}.sc-ix-group-h .group-header-selection-indicator.sc-ix-group{width:0.25rem}.sc-ix-group-h .group-header-content.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;justify-content:space-between;min-width:0;padding:0.5rem;padding-left:0;width:100%}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-props-container.sc-ix-group{width:100%}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group>*.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sc-ix-group-h .group-header-content.sc-ix-group .group-subheader.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color)}.sc-ix-group-h .expand-icon.sc-ix-group{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}.sc-ix-group-h .btn-expand-header.sc-ix-group{margin:0.5rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-group-h .group-content.sc-ix-group{display:flex;flex-direction:column}.sc-ix-group-h .group-header.selected.sc-ix-group{border:var(--theme-primary-bdr-2);background-color:var(--theme-group-item--background--selected)}.sc-ix-group-h .group-header.selected.sc-ix-group .group-header-selection-indicator.sc-ix-group{background-color:var(--theme-color-input-focus)}.sc-ix-group-h .footer.sc-ix-group{height:auto;min-height:0}";const n=class{constructor(o){e(this,o),this.label=void 0,this.icon=void 0}render(){return r(t,null,r("ix-dropdown-item",{label:this.label,icon:this.icon},r("slot",null)))}};n.style=".sc-ix-group-dropdown-item-h{display:contents}";const c=class{constructor(r){e(this,r),this.selectedChanged=o(this,"selectedChanged",7),this.icon=void 0,this.text=void 0,this.secondaryText=void 0,this.suppressSelection=!1,this.selected=void 0,this.focusable=!0,this.index=void 0}clickListen(){this.suppressSelection||this.selectedChanged.emit(this.hostElement)}render(){return r(t,{class:{selected:this.selected&&!this.suppressSelection,"suppress-selection":this.suppressSelection},tabindex:this.focusable?0:-1},r("div",{class:"group-entry-selection-indicator"}),this.icon?r("ix-icon",{size:"16",name:this.icon}):null,this.text?r("span",{class:"group-entry-text"},r("span",{title:this.text},this.text)):null,this.secondaryText?r("span",{class:"group-entry-text-secondary"},r("span",{title:this.secondaryText},this.secondaryText)):null,r("slot",null))}get hostElement(){return i(this)}};c.style=".sc-ix-group-item-h{display:flex;min-height:2.25rem;height:2.25rem;align-items:center;justify-content:space-between;padding:0.5rem 1.5rem 0.5rem 2.5rem;position:relative;margin-top:0.0625rem;border:1px solid var(--theme-group-item--border-color);outline:none;background-color:var(--theme-group-item--background)}.last.sc-ix-group-item-h{border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem}.sc-ix-group-item-h ix-icon.sc-ix-group-item{margin-right:0.25rem;margin-top:-0.125rem}.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{position:absolute;left:0;height:100%;width:0.25rem}.sc-ix-group-item-h .group-entry-text.sc-ix-group-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text);font-size:0.875rem}.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item,.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item span.sc-ix-group-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover);border-color:var(--theme-group-item--border-color--hover)}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled):active{background-color:var(--theme-group-item--background--active);border-color:var(--theme-group-item--border-color--active)}.selected.sc-ix-group-item-h{border-top-width:0.062rem !important;border-color:var(--theme-group-item--border-color--selected);background-color:var(--theme-group-item--background--selected)}.selected.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{background-color:var(--theme-color-input-focus)}.sc-ix-group-item-h:not(.disabled):not(:disabled):focus-visible{border-color:var(--focus--border-color) !important}";export{s as ix_group,n as ix_group_dropdown_item,c as ix_group_item}

package/dist/siemens-ix/p-d23706a7.js

@@ -1 +0,0 @@
-async function n(n){const t=function(){const n=Array.from(document.querySelectorAll("ix-modal-container")),[t]=n;if(n.length>1)return console.warn("Multiple modal container are found. Only there first is used."),t;if(!t){const n=document.createElement("ix-modal-container");return document.body.appendChild(n),n}return t}();return await t.showModal(n)}function t(n){return n.closest("ix-modal")}function o(n,o){t(n).close(o)}function r(n,o){t(n).dismiss(o)}export{o as c,r as d,n as m}