@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627114851

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

@@ -0,0 +1,2 @@
+import{r,h as t,H as o,a as s}from"./p-DJsXFBNm.js";import{a as e}from"./p-Ou74PMQs.js";import{A as a}from"./p-Dp15M30K.js";const i=":host{display:block;position:relative;width:22rem;height:100%;padding:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.visible){border-right:2px solid var(--theme-color-soft-bdr);padding:1.5rem 0.5rem 0}";const l=class{constructor(t){r(this,t);this.visible=true}listenToggleEvent(){const r=!this.visible;const t={targets:this.hostElement,width:r?["0","22rem"]:["22rem","0"],opacity:r?[0,1]:[1,0],easing:"easeInSine",duration:a.defaultTime};const o=()=>{this.visible=r};if(r){t.begin=o.bind(this)}else{t.complete=o.bind(this)}e(t)}render(){return t(o,{key:"c8e82060904c6cdf605fc8330d4c355445bfc578",slot:"application-sidebar",class:{visible:this.visible}},this.visible?t("slot",null):null)}get hostElement(){return s(this)}};l.style=i;export{l as ix_application_sidebar};
+//# sourceMappingURL=p-bec289d7.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r,h as o,H as e}from"./p-DJsXFBNm.js";const t=":host{display:flex;align-items:center;position:relative;height:2.5rem;width:auto;padding:0.25rem 1rem;overflow:hidden;cursor:default;color:var(--theme-color-soft-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const a=class{constructor(o){r(this,o)}render(){return o(e,{key:"cd107d89cbb21bf785b8b3eac11a46254128eee2"},o("ix-typography",{key:"f19132492b63e43cb3fed1fa32f0532e6b02ae7f",class:"category-text",format:"h5"},this.label))}};a.style=t;export{a as ix_dropdown_header};
+//# sourceMappingURL=p-bf7fbdfc.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as o,a as i}from"./p-DJsXFBNm.js";import{c as a}from"./p-CX81WQtk.js";import{m as s}from"./p-bcj7UEIC.js";import{m as r}from"./p-DDHkNPby.js";import{M as h}from"./p-DLTnniMb.js";import"./p-BdCnOrqW.js";const n=':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}';const l=class{constructor(e){t(this,e);this.home=false;this.bottom=false;this.active=false;this.disabled=false;this.isCategory=false;this.menuExpanded=false;this.buttonRef=s();this.isHostedInsideCategory=false;this.observer=a((()=>{this.setTooltip()}))}componentWillLoad(){var t;this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");this.onIconChange();this.menuExpanded=((t=r.nativeElement)===null||t===void 0?void 0:t.expand)||false;this.menuExpandedDisposer=r.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){var t,e;this.tooltip=(e=(t=this.label)!==null&&t!==void 0?t:this.hostElement.textContent)!==null&&e!==void 0?e:undefined}connectedCallback(){this.observer.observe(this.hostElement,{subtree:true,childList:true,characterData:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.menuExpandedDisposer){this.menuExpandedDisposer.dispose()}}onIconChange(){if(!this.isHostedInsideCategory&&!this.hostElement.icon){this.icon=h}}render(){let t={};if(this.home){t={slot:"home"}}if(this.bottom){t={slot:"bottom"}}return e(o,Object.assign({key:"3c97be99972609f07b9ebd733c84237e90a2061e",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory}},t),e("button",{key:"0a8a4ded3ca8f4fdfd8a875a62d2437d30098057",class:"tab",tabIndex:this.disabled?-1:0,ref:this.buttonRef},this.icon&&e("ix-icon",{key:"61ffdd54c8123942e05eea275a40e6dc099a0bba",class:"tab-icon",name:this.icon}),this.notifications?e("div",{class:"notification"},e("div",{class:"pill"},this.notifications)):null,e("span",{key:"54a456cb810b2c8c393b5b81ebee9334c58ce1db",class:"tab-text text-default"},this.label,e("slot",{key:"a4c0d80d3778add2f069dbc0c0597b257b468ec8"}))),!this.isCategory&&!this.isHostedInsideCategory&&!this.menuExpanded&&e("ix-tooltip",{key:"e9e5e232cb0e49f1e1e752a8a2baae31179cc86c",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3},this.tooltip))}get hostElement(){return i(this)}static get watchers(){return{icon:["onIconChange"]}}};l.style=n;export{l as ix_menu_item};
+//# sourceMappingURL=p-bf8dd5a1.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as e}from"./p-DJsXFBNm.js";function i(t){let s="";t.forEach((t=>{s+='"';s=t.reduce(((t,s)=>`${t} ${s}`),s);s+='"\n'}));return s}const n=":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}";const r="only screen and (max-width: 576px)";const c="only screen and (max-width: 768px)";const o="only screen and (max-width: 992px)";const h=[{name:"sm",query:r},{name:"md",query:c},{name:"lg",query:o}];const a=class{constructor(s){t(this,s);this.disposeMediaQueryListener=[];this.mediaQueries=[]}componentWillRender(){this.mediaQueries=h.map((t=>{const s=window.matchMedia(t.query);const e=()=>{this.applyTemplate()};this.disposeMediaQueryListener.push(e);s.addEventListener("change",e);return Object.assign(Object.assign({},t),{mediaQuery:s})}));this.applyTemplate()}disconnectedCallback(){this.mediaQueries.forEach(((t,s)=>{t.mediaQuery.removeEventListener("change",this.disposeMediaQueryListener[s])}))}findNextTemplate(t){if(!this.templates){return[]}const s=this.mediaQueries.findIndex((s=>s.name===t));const e=this.templates[this.mediaQueries[s+1].name];if(!e){return this.findNextTemplate(this.mediaQueries[s+1].name)}return e}applyTemplate(){if(!this.templates){return}let t=this.mediaQueries.find((t=>t.mediaQuery.matches));if(!t){t=this.mediaQueries[this.mediaQueries.length-1]}const s=this.templates[t.name];if(s){this.currentTemplate=s}else{this.currentTemplate=this.findNextTemplate(t.name)}}render(){const t={};if(this.currentTemplate&&this.currentTemplate.length!==0){t["grid-template-areas"]=i(this.currentTemplate)}return s(e,{key:"aa465f2817f5788d72565bf138cefff118e307e9",style:t},s("slot",{key:"3e170cdadb93be56a578d657fcd70d5e03cc608e"}))}};a.style=n;export{a as ix_css_grid};
+//# sourceMappingURL=p-c050d511.entry.js.map

package/dist/siemens-ix/p-c050d511.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["templateBuilder","inputTemplate","templateString","forEach","row","reduce","pV","cV","cssGridCss","smQuery","mdQuery","lgQuery","mediaQueryCollection","name","query","CssGrid","constructor","hostRef","this","disposeMediaQueryListener","mediaQueries","componentWillRender","map","mediaQuery","window","matchMedia","callback","applyTemplate","push","addEventListener","Object","assign","disconnectedCallback","mq","index","removeEventListener","findNextTemplate","type","templates","typeIndex","findIndex","nextTemplate","active","find","matches","length","template","currentTemplate","render","style","h","Host","key"],"sources":["src/components/css-grid/builder.ts","src/components/css-grid/css-grid.scss?tag=ix-css-grid&encapsulation=shadow","src/components/css-grid/css-grid.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport function templateBuilder(inputTemplate: string[][]) {\n  let templateString = '';\n\n  inputTemplate.forEach((row) => {\n    templateString += '\"';\n    templateString = row.reduce((pV, cV) => {\n      return `${pV} ${cV}`;\n    }, templateString);\n    templateString += '\"\\n';\n  });\n\n  return templateString;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n\n:host {\n  display: grid;\n  position: relative;\n  row-gap: $large-space;\n  column-gap: $large-space;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop, State } from '@stencil/core';\nimport { templateBuilder } from './builder';\nimport type { CssGridTemplateType } from './css-grid.types';\n\nconst smQuery = 'only screen and (max-width: 576px)';\nconst mdQuery = 'only screen and (max-width: 768px)';\nconst lgQuery = 'only screen and (max-width: 992px)';\n\nconst mediaQueryCollection: Array<{\n  name: CssGridTemplateType;\n  query: string;\n}> = [\n  { name: 'sm', query: smQuery },\n  { name: 'md', query: mdQuery },\n  { name: 'lg', query: lgQuery },\n];\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-css-grid',\n  styleUrl: 'css-grid.scss',\n  shadow: true,\n})\nexport class CssGrid {\n  /**\n   * Define css grid template\n   */\n  @Prop() templates?: Partial<Record<CssGridTemplateType, string[][]>>;\n\n  @State() currentTemplate?: string[][];\n\n  private disposeMediaQueryListener: ((event: MediaQueryListEvent) => void)[] =\n    [];\n  private mediaQueries: {\n    mediaQuery: MediaQueryList;\n    name: CssGridTemplateType;\n    query: string;\n  }[] = [];\n\n  componentWillRender() {\n    this.mediaQueries = mediaQueryCollection.map((query) => {\n      const mediaQuery = window.matchMedia(query.query);\n\n      const callback = () => {\n        this.applyTemplate();\n      };\n      this.disposeMediaQueryListener.push(callback);\n      mediaQuery.addEventListener('change', callback);\n\n      return {\n        ...query,\n        mediaQuery,\n      };\n    });\n\n    this.applyTemplate();\n  }\n\n  disconnectedCallback() {\n    this.mediaQueries.forEach((mq, index) => {\n      mq.mediaQuery.removeEventListener(\n        'change',\n        this.disposeMediaQueryListener[index]\n      );\n    });\n  }\n\n  private findNextTemplate(type: CssGridTemplateType): string[][] {\n    if (!this.templates) {\n      return [];\n    }\n    const typeIndex = this.mediaQueries.findIndex((mq) => mq.name === type);\n    const nextTemplate = this.templates[this.mediaQueries[typeIndex + 1].name];\n    if (!nextTemplate) {\n      return this.findNextTemplate(this.mediaQueries[typeIndex + 1].name);\n    }\n    return nextTemplate;\n  }\n\n  private applyTemplate() {\n    if (!this.templates) {\n      return;\n    }\n    let active = this.mediaQueries.find((mq) => mq.mediaQuery.matches);\n\n    if (!active) {\n      active = this.mediaQueries[this.mediaQueries.length - 1];\n    }\n\n    const template = this.templates[active.name];\n\n    if (template) {\n      this.currentTemplate = template;\n    } else {\n      this.currentTemplate = this.findNextTemplate(active.name);\n    }\n  }\n\n  render() {\n    const style: Record<string, string> = {};\n    if (this.currentTemplate && this.currentTemplate.length !== 0) {\n      style['grid-template-areas'] = templateBuilder(this.currentTemplate);\n    }\n    return (\n      <Host style={style}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAQM,SAAUA,EAAgBC,GAC9B,IAAIC,EAAiB,GAErBD,EAAcE,SAASC,IACrBF,GAAkB,IAClBA,EAAiBE,EAAIC,QAAO,CAACC,EAAIC,IACxB,GAAGD,KAAMC,KACfL,GACHA,GAAkB,KAAK,IAGzB,OAAOA,CACT,CCpBA,MAAMM,EAAa,gGCanB,MAAMC,EAAU,qCAChB,MAAMC,EAAU,qCAChB,MAAMC,EAAU,qCAEhB,MAAMC,EAGD,CACH,CAAEC,KAAM,KAAMC,MAAOL,GACrB,CAAEI,KAAM,KAAMC,MAAOJ,GACrB,CAAEG,KAAM,KAAMC,MAAOH,I,MAWVI,EAAO,MALpB,WAAAC,CAAAC,G,UAaUC,KAAyBC,0BAC/B,GACMD,KAAYE,aAId,EAwEP,CAtEC,mBAAAC,GACEH,KAAKE,aAAeR,EAAqBU,KAAKR,IAC5C,MAAMS,EAAaC,OAAOC,WAAWX,EAAMA,OAE3C,MAAMY,EAAW,KACfR,KAAKS,eAAe,EAEtBT,KAAKC,0BAA0BS,KAAKF,GACpCH,EAAWM,iBAAiB,SAAUH,GAEtC,OACKI,OAAAC,OAAAD,OAAAC,OAAA,GAAAjB,GACH,CAAAS,cACA,IAGJL,KAAKS,e,CAGP,oBAAAK,GACEd,KAAKE,aAAajB,SAAQ,CAAC8B,EAAIC,KAC7BD,EAAGV,WAAWY,oBACZ,SACAjB,KAAKC,0BAA0Be,GAChC,G,CAIG,gBAAAE,CAAiBC,GACvB,IAAKnB,KAAKoB,UAAW,CACnB,MAAO,E,CAET,MAAMC,EAAYrB,KAAKE,aAAaoB,WAAWP,GAAOA,EAAGpB,OAASwB,IAClE,MAAMI,EAAevB,KAAKoB,UAAUpB,KAAKE,aAAamB,EAAY,GAAG1B,MACrE,IAAK4B,EAAc,CACjB,OAAOvB,KAAKkB,iBAAiBlB,KAAKE,aAAamB,EAAY,GAAG1B,K,CAEhE,OAAO4B,C,CAGD,aAAAd,GACN,IAAKT,KAAKoB,UAAW,CACnB,M,CAEF,IAAII,EAASxB,KAAKE,aAAauB,MAAMV,GAAOA,EAAGV,WAAWqB,UAE1D,IAAKF,EAAQ,CACXA,EAASxB,KAAKE,aAAaF,KAAKE,aAAayB,OAAS,E,CAGxD,MAAMC,EAAW5B,KAAKoB,UAAUI,EAAO7B,MAEvC,GAAIiC,EAAU,CACZ5B,KAAK6B,gBAAkBD,C,KAClB,CACL5B,KAAK6B,gBAAkB7B,KAAKkB,iBAAiBM,EAAO7B,K,EAIxD,MAAAmC,GACE,MAAMC,EAAgC,GACtC,GAAI/B,KAAK6B,iBAAmB7B,KAAK6B,gBAAgBF,SAAW,EAAG,CAC7DI,EAAM,uBAAyBjD,EAAgBkB,KAAK6B,gB,CAEtD,OACEG,EAACC,EAAK,CAAAC,IAAA,2CAAAH,MAAOA,GACXC,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as a,h as s,H as e}from"./p-DJsXFBNm.js";import{m as i}from"./p-DLTnniMb.js";const o=":host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}";const r=class{constructor(s){t(this,s);this.backButtonClick=a(this,"backButtonClick",7);this.variant="primary";this.headerSubtitle=undefined;this.hasBackButton=false}render(){return s(e,{key:"e1289f0a76f8019796f87829f15f61409973bed0"},this.hasBackButton?s("ix-icon-button",{class:"backButton",variant:"primary",icon:i,ghost:true,onClick:()=>this.backButtonClick.emit()}):null,s("div",{key:"7749798c2f8f8121d334d7ae78ad3530f095ef48",class:"titleGroup"},s("ix-typography",{key:"0e448a5cd660f088101c406da3af96f12d2e2690",format:this.variant==="secondary"?"h4":"h3",class:this.variant==="secondary"?"secondary":""},this.headerTitle),!!this.headerSubtitle&&s("ix-typography",{key:"ffb763836bdde4eba3a4cfc4f981e7a2c7dd46a2",format:"h6","text-color":"soft",class:this.variant==="secondary"?"subtitle":""},this.headerSubtitle)),s("div",{key:"aa50a3909afbc6ef73521ac957d79a1ae01f19fd",class:"buttons"},s("slot",{key:"a72ec6709a889fadfe486a1fb9896ca482242307"})))}};r.style=o;export{r as ix_content_header};
+//# sourceMappingURL=p-c24a5925.entry.js.map

package/dist/siemens-ix/p-c24a5925.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["contentHeaderCss","ContentHeader","constructor","hostRef","this","variant","headerSubtitle","undefined","hasBackButton","render","h","Host","key","class","icon","iconArrowLeft","ghost","onClick","backButtonClick","emit","format","headerTitle"],"sources":["src/components/content-header/content-header.scss?tag=ix-content-header&encapsulation=shadow","src/components/content-header/content-header.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  .titleGroup {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 0;\n\n    .secondary {\n      padding: 0.25rem 0;\n    }\n  }\n\n  .subtitle {\n    margin-top: -0.125rem;\n  }\n\n  .backButton {\n    margin-right: 0.5rem;\n  }\n\n  .buttons {\n    flex: 0 0 auto;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { iconArrowLeft } from '@siemens/ix-icons/icons';\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { ContentHeaderVariant } from './content-header.types';\n\n@Component({\n  tag: 'ix-content-header',\n  styleUrl: 'content-header.scss',\n  shadow: true,\n})\nexport class ContentHeader {\n  /**\n   * Variant of content header\n   */\n  @Prop() variant: ContentHeaderVariant = 'primary';\n\n  /**\n   * Title of Header\n   */\n  @Prop() headerTitle?: string;\n\n  /**\n   * Subtitle of Header\n   */\n  @Prop() headerSubtitle: string | undefined = undefined;\n\n  /**\n   * Display a back button\n   */\n  @Prop() hasBackButton: boolean = false;\n\n  /**\n   * Triggered when back button is clicked\n   */\n  @Event() backButtonClick!: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host>\n        {this.hasBackButton ? (\n          <ix-icon-button\n            class={'backButton'}\n            variant=\"primary\"\n            icon={iconArrowLeft}\n            ghost={true}\n            onClick={() => this.backButtonClick.emit()}\n          ></ix-icon-button>\n        ) : null}\n\n        <div class=\"titleGroup\">\n          <ix-typography\n            format={this.variant === 'secondary' ? 'h4' : 'h3'}\n            class={this.variant === 'secondary' ? 'secondary' : ''}\n          >\n            {this.headerTitle}\n          </ix-typography>\n          {!!this.headerSubtitle && (\n            <ix-typography\n              format={'h6'}\n              text-color={'soft'}\n              class={this.variant === 'secondary' ? 'subtitle' : ''}\n            >\n              {this.headerSubtitle}\n            </ix-typography>\n          )}\n        </div>\n        <div class=\"buttons\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAmB,iS,MCkBZC,EAAa,MAL1B,WAAAC,CAAAC,G,2DASUC,KAAOC,QAAyB,UAUhCD,KAAcE,eAAuBC,UAKrCH,KAAaI,cAAY,KA2ClC,CApCC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFR,KAAKI,cACJE,EACE,kBAAAG,MAAO,aACPR,QAAQ,UACRS,KAAMC,EACNC,MAAO,KACPC,QAAS,IAAMb,KAAKc,gBAAgBC,SAEpC,KAEJT,EAAK,OAAAE,IAAA,2CAAAC,MAAM,cACTH,EAAA,iBAAAE,IAAA,2CACEQ,OAAQhB,KAAKC,UAAY,YAAc,KAAO,KAC9CQ,MAAOT,KAAKC,UAAY,YAAc,YAAc,IAEnDD,KAAKiB,eAELjB,KAAKE,gBACNI,EAAA,iBAAAE,IAAA,2CACEQ,OAAQ,KACI,oBACZP,MAAOT,KAAKC,UAAY,YAAc,WAAa,IAElDD,KAAKE,iBAIZI,EAAK,OAAAE,IAAA,2CAAAC,MAAM,WACTH,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as s,H as e,a}from"./p-DJsXFBNm.js";import{a as r,c as i,i as n,b as c,p as l}from"./p-DLTnniMb.js";const h=":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius);box-shadow:var(--theme-toast--box-shadow);--animate-duration:300ms}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .toast-body{display:flex;position:relative;min-height:3.5rem;width:100%;flex-grow:1;padding:0.75rem}:host .toast-body .toast-icon{display:flex;align-items:flex-start;margin-right:1rem}:host .toast-body .toast-content{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%}:host .toast-body .toast-content .toast-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);margin:0.25rem 0px}:host .toast-body .toast-content .toast-message{min-width:0;-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)}:host .toast-body .toast-icon+.toast-content{max-width:10.25rem}:host .toast-close{display:flex;position:relative;pointer-events:all;margin-left:auto;margin-right:0px}:host .toast-progress-bar{position:absolute;bottom:0;height:0.25rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";const d=class{constructor(s){t(this,s);this.closeToast=o(this,"closeToast",7);this.type="info";this.autoCloseDelay=5e3;this.autoClose=true;this.progress=0;this.touched=false}getIcon(){if(this.icon){return s("ix-icon",{"data-testid":"toast-icon",name:this.icon,color:this.iconColor,size:"24"})}switch(this.type){case"info":return s("ix-icon",{"data-testid":"toast-icon",name:c,size:"24",color:"color-std-text"});case"error":return s("ix-icon",{"data-testid":"toast-icon",name:n,size:"24",color:"color-alarm"});case"success":return s("ix-icon",{"data-testid":"toast-icon",name:i,size:"24",color:"color-success"});case"warning":return s("ix-icon",{"data-testid":"toast-icon",name:r,size:"24",color:"color-warning"});default:return""}}close(){if(this.hostElement){this.hostElement.classList.add("animate__fadeOut")}setTimeout((()=>{this.closeToast.emit()}),250)}render(){let t={};const o=["toast-progress-bar"];t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched?"paused":"running"};o.push("toast-progress-bar--animated");return s(e,{key:"5cd409e44eb70f62044da80c4896c5c06e842884",class:"animate__animated animate__fadeIn"},s("div",{key:"efa97240800330233c5e315eee93e93bc14ca5e9",class:"toast-body",onPointerLeave:()=>{this.touched=false},onPointerEnter:()=>{this.touched=true}},this.type||this.icon?s("div",{class:"toast-icon"},this.getIcon()):null,s("div",{key:"d0b9c1ec9c8a215c1627a64246711ee8e2d53c5a",class:"toast-content"},this.toastTitle?s("div",{class:"toast-title"},this.toastTitle):null,s("div",{key:"16168044e69f155781109b10f2055125c5a26e92",class:"toast-message"},s("slot",{key:"7243f4cbbf8eb959e004fcbfdbf335bd3f35b9a0"}))),s("div",{key:"01e917507ba67c7582040159aaa74d1a58bdbd93",class:"toast-close"},s("ix-icon-button",{key:"03591a35772c37cc411cef0b4872a65210ecd146",icon:l,size:"24",ghost:true,onClick:()=>this.closeToast.emit()}))),this.autoClose?s("div",{class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{if(this.progress===0){this.close()}}}):null)}get hostElement(){return a(this)}};d.style=h;export{d as ix_toast};
+//# sourceMappingURL=p-c5f8ccc9.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,f as s,H as r,a as o}from"./p-DJsXFBNm.js";import{b as a,a as h}from"./p-Bb7pDeaQ.js";import{c as l}from"./p-CX81WQtk.js";import{m as n}from"./p-bcj7UEIC.js";const c=":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .previous-button{width:3rem;min-width:0px}:host .crumb-dropdown{overflow:visible}:host .remove-anchor::after{display:none}:host .more-text{display:flex}:host .more-text .more-text-ellipsis{width:1rem;display:inline-block;font-weight:700}:host .more-text ix-icon{padding-top:2px}:host nav,:host ol,:host .crumb-items{display:contents}";let d=0;const b=(t="breadcrumb-")=>`${t}-${d++}`;const m=class{constructor(i){t(this,i);this.itemClick=e(this,"itemClick",7);this.nextClick=e(this,"nextClick",7);this.visibleItemCount=9;this.nextItems=[];this.ghost=true;this.ariaLabelPreviousButton="previous";this.previousButtonRef=n();this.nextButtonRef=n();this.items=[];this.isPreviousDropdownExpanded=false;this.previousButtonId=b();this.previousDropdownId=b()}onNextItemsChange(){this.onChildMutation()}onItemClick(t){this.itemClick.emit(t)}componentDidLoad(){this.mutationObserver=l((()=>this.onChildMutation()));this.mutationObserver.observe(this.hostElement,{subtree:true,childList:true})}componentWillLoad(){this.onChildMutation()}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}async onChildMutation(){const t=this.getItems();t.forEach(((e,i)=>{const s=this.nextItems.length!==0&&t.length-1===i;e.ghost=this.ghost;e.showChevron=t.length-1!==i||s;e.isDropdownTrigger=s;if(s){this.nextButtonRef(e)}if(t.length<this.visibleItemCount){return}e.visible=i>=t.length-this.visibleItemCount}));this.items=t}getItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}render(){var t,e,o,l;const n=a(this.hostElement);return i(r,{key:"4a6b862b1db0e8e7849061463f139be7c4639fcd"},i("ix-dropdown",{key:"8cef2dff858029949dfea14b4a77c0c00e8a3efa",id:this.previousDropdownId,"aria-label":this.ariaLabelPreviousButton,trigger:((t=this.items)===null||t===void 0?void 0:t.length)>this.visibleItemCount?this.previousButtonRef.waitForCurrent():undefined,onShowChanged:({detail:t})=>{this.isPreviousDropdownExpanded=t;const e=this.hostElement.shadowRoot.getElementById(this.previousButtonId);if(e){s(e)}}},this.items.slice(0,this.items.length-this.visibleItemCount).map((t=>{var e;const s=(e=t.label)!==null&&e!==void 0?e:t.innerText;return i("ix-dropdown-item",{label:s,onClick:()=>{this.onItemClick(s)},onItemClick:t=>t.stopPropagation()})}))),((e=this.items)===null||e===void 0?void 0:e.length)>this.visibleItemCount?i("ix-breadcrumb-item",{id:this.previousButtonId,ref:this.previousButtonRef,label:"...",tabIndex:1,onItemClick:t=>t.stopPropagation(),"aria-describedby":this.previousDropdownId,"aria-controls":this.previousDropdownId,"aria-expanded":h(this.isPreviousDropdownExpanded),class:"previous-button"}):null,i("nav",{key:"8112c1329362ff4ffe1d689d6b20ae550888dcba",class:"crumb-items","aria-label":(o=n["aria-label"])!==null&&o!==void 0?o:"breadcrumbs"},i("ol",{key:"2db2e27473f900774d18b7ef1466adad55aadf79"},i("slot",{key:"506d6a2a60cf265768e84b17f135260a6e063158"}))),i("ix-dropdown",{key:"bae2ef6fb599375c20b534a4a58fa15582f51460",trigger:this.nextButtonRef.waitForCurrent()},(l=this.nextItems)===null||l===void 0?void 0:l.map((t=>i("ix-dropdown-item",{label:t,onClick:e=>{this.nextClick.emit({event:e,item:t})},onItemClick:t=>t.stopPropagation()})))))}get hostElement(){return o(this)}static get watchers(){return{nextItems:["onNextItemsChange"]}}};m.style=c;export{m as ix_breadcrumb};
+//# sourceMappingURL=p-c9ab3079.entry.js.map

package/dist/siemens-ix/p-c9ab3079.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbCss","sequenceId","createId","prefix","Breadcrumb","constructor","hostRef","this","visibleItemCount","nextItems","ghost","ariaLabelPreviousButton","previousButtonRef","makeRef","nextButtonRef","items","isPreviousDropdownExpanded","previousButtonId","previousDropdownId","onNextItemsChange","onChildMutation","onItemClick","item","itemClick","emit","componentDidLoad","mutationObserver","createMutationObserver","observe","hostElement","subtree","childList","componentWillLoad","disconnectedCallback","_a","disconnect","updatedItems","getItems","forEach","bc","index","shouldShowDropdown","length","showChevron","isDropdownTrigger","visible","Array","from","querySelectorAll","render","a11y","a11yHostAttributes","h","Host","key","id","trigger","waitForCurrent","undefined","onShowChanged","detail","previousButton","shadowRoot","getElementById","forceUpdate","slice","map","label","innerText","onClick","event","stopPropagation","_b","ref","tabIndex","a11yBoolean","class","_c","_d","e","nextClick"],"sources":["src/components/breadcrumb/breadcrumb.scss?tag=ix-breadcrumb&encapsulation=shadow","src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  justify-content: flex-start;\n  height: 2.5rem;\n  align-items: center;\n  background-color: transparent;\n  overflow: hidden;\n\n  .previous-button {\n    width: 3rem;\n    min-width: 0px;\n  }\n\n  .crumb-dropdown {\n    overflow: visible;\n  }\n\n  .remove-anchor::after {\n    display: none;\n  }\n\n  .more-text {\n    display: flex;\n\n    .more-text-ellipsis {\n      width: 1rem;\n      display: inline-block;\n      font-weight: $font-weight-bold;\n    }\n\n    ix-icon {\n      // line-height: unset; --> Note: 'line-height' can't be applied due to shadow DOM encapsulation at ix-icon\n      // using padding-top to achieve same position as before\n      padding-top: 2px;\n    }\n  }\n\n  nav,\n  ol,\n  .crumb-items {\n    display: contents;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { makeRef } from '../utils/make-ref';\n\nlet sequenceId = 0;\nconst createId = (prefix: string = 'breadcrumb-') => {\n  return `${prefix}-${sequenceId++}`;\n};\n\n@Component({\n  tag: 'ix-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Element() hostElement!: HTMLIxBreadcrumbElement;\n\n  /**\n   * Excess items will get hidden inside of dropdown\n   */\n  @Prop() visibleItemCount = 9;\n\n  /**\n   * Items will be accessible through a dropdown\n   */\n  @Prop() nextItems: string[] = [];\n  @Watch('nextItems')\n  onNextItemsChange() {\n    this.onChildMutation();\n  }\n\n  /**\n   * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)\n   */\n  @Prop() ghost = true;\n\n  /**\n   * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list\n   * with conditionally hidden previous items\n   */\n  @Prop() ariaLabelPreviousButton = 'previous';\n\n  /**\n   * Crumb item clicked event\n   */\n  @Event() itemClick!: EventEmitter<string>;\n\n  /**\n   * Next item clicked event\n   */\n  @Event() nextClick!: EventEmitter<{ event: UIEvent; item: string }>;\n\n  private readonly previousButtonRef = makeRef<HTMLIxBreadcrumbItemElement>();\n  private readonly nextButtonRef = makeRef<HTMLElement>();\n\n  @State() items: HTMLIxBreadcrumbItemElement[] = [];\n  @State() isPreviousDropdownExpanded = false;\n\n  private mutationObserver?: MutationObserver;\n\n  private previousButtonId = createId();\n  private previousDropdownId = createId();\n\n  private onItemClick(item: string) {\n    this.itemClick.emit(item);\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = createMutationObserver(() =>\n      this.onChildMutation()\n    );\n\n    this.mutationObserver.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n    });\n  }\n\n  componentWillLoad() {\n    this.onChildMutation();\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n  }\n\n  private async onChildMutation() {\n    const updatedItems = this.getItems();\n\n    updatedItems.forEach((bc, index) => {\n      const shouldShowDropdown =\n        this.nextItems.length !== 0 && updatedItems.length - 1 === index;\n\n      bc.ghost = this.ghost;\n      bc.showChevron = updatedItems.length - 1 !== index || shouldShowDropdown;\n      bc.isDropdownTrigger = shouldShowDropdown;\n\n      if (shouldShowDropdown) {\n        this.nextButtonRef(bc);\n      }\n\n      if (updatedItems.length < this.visibleItemCount) {\n        return;\n      }\n\n      bc.visible = index >= updatedItems.length - this.visibleItemCount;\n    });\n\n    this.items = updatedItems;\n  }\n\n  private getItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-breadcrumb-item'));\n  }\n\n  render() {\n    const a11y = a11yHostAttributes(this.hostElement);\n    return (\n      <Host>\n        <ix-dropdown\n          id={this.previousDropdownId}\n          aria-label={this.ariaLabelPreviousButton}\n          trigger={\n            this.items?.length > this.visibleItemCount\n              ? this.previousButtonRef.waitForCurrent()\n              : undefined\n          }\n          onShowChanged={({ detail }) => {\n            this.isPreviousDropdownExpanded = detail;\n\n            const previousButton = this.hostElement.shadowRoot!.getElementById(\n              this.previousButtonId\n            );\n\n            // Need to force update previous button to change `aria-expanded`\n            if (previousButton) {\n              forceUpdate(previousButton);\n            }\n          }}\n        >\n          {this.items\n            .slice(0, this.items.length - this.visibleItemCount)\n            .map((item) => {\n              const label = item.label ?? item.innerText;\n\n              return (\n                <ix-dropdown-item\n                  label={label}\n                  onClick={() => {\n                    this.onItemClick(label);\n                  }}\n                  onItemClick={(event) => event.stopPropagation()}\n                ></ix-dropdown-item>\n              );\n            })}\n        </ix-dropdown>\n        {this.items?.length > this.visibleItemCount ? (\n          <ix-breadcrumb-item\n            id={this.previousButtonId}\n            ref={this.previousButtonRef}\n            label=\"...\"\n            tabIndex={1}\n            onItemClick={(event) => event.stopPropagation()}\n            aria-describedby={this.previousDropdownId}\n            aria-controls={this.previousDropdownId}\n            aria-expanded={a11yBoolean(this.isPreviousDropdownExpanded)}\n            class={'previous-button'}\n          ></ix-breadcrumb-item>\n        ) : null}\n        <nav\n          class=\"crumb-items\"\n          aria-label={a11y['aria-label'] ?? 'breadcrumbs'}\n        >\n          <ol>\n            <slot></slot>\n          </ol>\n        </nav>\n        <ix-dropdown trigger={this.nextButtonRef.waitForCurrent()}>\n          {this.nextItems?.map((item) => (\n            <ix-dropdown-item\n              label={item}\n              onClick={(e) => {\n                this.nextClick.emit({\n                  event: e,\n                  item,\n                });\n              }}\n              onItemClick={(event) => event.stopPropagation()}\n            ></ix-dropdown-item>\n          ))}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as i,a as s}from"./p-DJsXFBNm.js";import{H as r}from"./p-CFsAnuUU.js";import{m as a}from"./p-bcj7UEIC.js";const o=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";var n=undefined&&undefined.__decorate||function(e,t,i,s){var r=arguments.length,a=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,i):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)if(o=e[n])a=(r<3?o(a):r>3?o(t,i,a):o(t,i))||a;return r>3&&a&&Object.defineProperty(t,i,a),a};const l=class{constructor(t){e(this,t);this.direction="column";this.showTextAsTooltip=false;this.required=false;this.isInvalid=false;this.isInfo=false;this.isValid=false;this.isWarning=false;this.touched=false;this.groupRef=a();this.observer=new MutationObserver((()=>{this.checkForRequiredCheckbox()}))}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("ix-checkbox"))}checkForRequiredCheckbox(){this.required=this.checkboxElements.some((e=>e.required))}connectedCallback(){this.observer.observe(this.hostElement,{childList:true,subtree:true,attributes:true,attributeFilter:["checked","required"]})}componentWillLoad(){this.checkForRequiredCheckbox()}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}onClassFieldUpdate({isInvalid:e,isInvalidByRequired:t,isInfo:i,isValid:s,isWarning:r}){this.isInvalid=e||t;this.isInfo=i;this.isValid=s;this.isWarning=r}isTouched(){return Promise.resolve(this.touched)}hasValidValue(){return Promise.resolve(this.checkboxElements.some((e=>e.checked)))}render(){return t(i,{key:"232eb7542941fa1d605cdd40bd156e8bd81ef4f5",ref:this.groupRef,onIxBlur:()=>this.touched=true},t("ix-field-wrapper",{key:"5ef5e927bdde0e22a5fcf231d56375d227b80e66",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,validText:this.validText,warningText:this.warningText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isInfo:this.isInfo,isValid:this.isValid,isWarning:this.isWarning,controlRef:this.groupRef},t("div",{key:"3a25a5693861aba6a29191b6c05bf6c4e466b31b",class:{"checkbox-container":true,"row-layout":this.direction==="row"}},t("slot",{key:"c3bfa064b2f30686d4e5690d7ed04c0b51832c1c"}))))}get hostElement(){return s(this)}};n([r({includeChildren:true})],l.prototype,"onClassFieldUpdate",null);l.style=o;export{l as ix_checkbox_group};
+//# sourceMappingURL=p-c9d48927.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as r}from"./p-DJsXFBNm.js";import{r as s}from"./p-DLTnniMb.js";const a=":host{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tree-node-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}:host .tree-node-container .tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .icon-toggle-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem}:host .icon-toggle-container ix-icon{transition:transform var(--theme-default-time) ease-in-out}:host .icon-toggle-container ix-icon.icon-toggle-down{transform:rotate(90deg)}:host(:not(.disabled):not(:disabled):not(.selected).hover),:host(:not(.disabled):not(:disabled):not(.selected):hover){background-color:var(--theme-tree-item--background--hover)}:host(:not(.disabled):not(:disabled):not(.selected).active),:host(:not(.disabled):not(:disabled):not(.selected):active){background-color:var(--theme-tree-item--background--active)}:host(.selected){background-color:var(--theme-tree-item--background--selected)}:host(.selected.hover),:host(.selected:hover){background-color:var(--theme-tree-item--background--selected-hover)}:host(.selected.active),:host(.selected:active){background-color:var(--theme-tree-item--background--selected-active)}";const c=class{constructor(o){e(this,o);this.toggle=t(this,"toggle",7);this.itemClick=t(this,"itemClick",7);this.hasChildren=false}render(){var e,t,a;return o(r,{key:"c34661fa80dd866d9aab07331e2c040ef5e28861",class:{selected:!!((e=this.context)===null||e===void 0?void 0:e.isSelected)}},o("div",{key:"610f9a0b666896ffcb5de07e3aa08cb270427f62",class:"icon-toggle-container"},this.hasChildren?o("ix-icon",{name:s,size:"16",class:{["icon-toggle-down"]:!!((t=this.context)===null||t===void 0?void 0:t.isExpanded)},color:`color-${((a=this.context)===null||a===void 0?void 0:a.isExpanded)?"primary":"std-text"}`,onClick:e=>{e.preventDefault();e.stopPropagation();this.toggle.emit()}}):null),o("div",{key:"7cb128b1d42ab9392459eceeef6cb4d79c45e252",class:"tree-node-container",onClick:()=>{this.itemClick.emit()}},o("div",{key:"3c89226c0672bcf6e8a0d79040ec1552ab74f611",class:"tree-node-text"},this.text),o("slot",{key:"cfa62c5788f768a56204aa57c70d9be7f509bb57"})))}};c.style=a;export{c as ix_tree_item};
+//# sourceMappingURL=p-ce3aebe6.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as o,H as i,a as e}from"./p-DJsXFBNm.js";import{v as s}from"./p-DLTnniMb.js";const b=".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{display:inline-block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn-group{position:relative;display:inline-flex;vertical-align:middle;width:100%}:host .btn-group>ix-button:nth-child(1){width:calc(100% - 2rem)}:host .btn-group>ix-button:nth-child(2){width:2rem}:host .middle-gap{gap:0.125rem}:host .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem}";const a=class{constructor(o){t(this,o);this.buttonClick=r(this,"buttonClick",7);this.variant="primary";this.closeBehavior="both";this.outline=false;this.ghost=false;this.disabled=false;this.placement="bottom-start";this.toggle=false}linkTriggerRef(){if(this.triggerElement&&this.dropdownElement){this.dropdownElement.trigger=this.triggerElement}}componentDidLoad(){this.linkTriggerRef()}render(){var t;const r={variant:this.variant,outline:this.outline,ghost:this.ghost,disabled:this.disabled,class:{"left-button-border":!this.outline}};return o(i,{key:"fffcc88cca8fd26ab512c1aa379f63ada6a7154c"},o("div",{key:"725d5b7ec3e33f8bf6a1622e002fa315d07c3b55",class:{"btn-group":true,"middle-gap":!this.outline}},this.label?o("ix-button",Object.assign({},r,{icon:this.icon,onClick:t=>this.buttonClick.emit(t)}),this.label):o("ix-icon-button",Object.assign({},r,{icon:this.icon,onClick:t=>this.buttonClick.emit(t)})),o("ix-icon-button",Object.assign({key:"813952b6e5cffac369cee88e83bc25df35031603"},r,{ref:t=>this.triggerElement=t,class:"anchor",icon:(t=this.splitIcon)!==null&&t!==void 0?t:s}))),o("ix-dropdown",{key:"3af7c05ffa4aefad5746b591c30e11f9cceb9618",ref:t=>this.dropdownElement=t,closeBehavior:this.closeBehavior},o("slot",{key:"e6a334d684fef0f70011794a0be1ea1983bf5c5e"})))}get hostElement(){return e(this)}};a.style=b;export{a as ix_split_button};
+//# sourceMappingURL=p-cf052f87.entry.js.map

package/dist/siemens-ix/p-cf052f87.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["splitButtonCss","SplitButton","constructor","hostRef","this","variant","closeBehavior","outline","ghost","disabled","placement","toggle","linkTriggerRef","triggerElement","dropdownElement","trigger","componentDidLoad","render","buttonAttributes","class","h","Host","key","label","Object","assign","icon","onClick","e","buttonClick","emit","ref","r","_a","splitIcon","iconContextMenu"],"sources":["src/components/split-button/split-button.scss?tag=ix-split-button&encapsulation=shadow","src/components/split-button/split-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'legacy/components/button-group';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n\n  .btn-group {\n    position: relative;\n    display: inline-flex;\n    vertical-align: middle;\n    width: 100%;\n\n    > ix-button:nth-child(1) {\n      width: calc(100% - 2rem);\n    }\n\n    > ix-button:nth-child(2) {\n      width: 2rem;\n    }\n  }\n\n  .middle-gap {\n    gap: 0.125rem;\n  }\n\n  .left-button-border {\n    border-top-width: 0.125rem;\n    border-right-width: 0;\n    border-left-width: 0.125rem;\n    border-bottom-width: 0.125rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { AlignedPlacement } from '../dropdown/placement';\nimport { iconContextMenu } from '@siemens/ix-icons/icons';\nimport { CloseBehavior } from '../dropdown/dropdown-controller';\nimport type { SplitButtonVariant } from './split-button.types';\n\n@Component({\n  tag: 'ix-split-button',\n  styleUrl: 'split-button.scss',\n  shadow: true,\n})\nexport class SplitButton {\n  @Element() hostElement!: HTMLIxSplitButtonElement;\n\n  /**\n   * Color variant of button\n   */\n  @Prop() variant: SplitButtonVariant = 'primary';\n\n  /**\n   * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n   */\n  @Prop() closeBehavior: CloseBehavior = 'both';\n\n  /**\n   * Button outline variant\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button invisible\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Button label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Button icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Icon of the button on the right\n   */\n  @Prop() splitIcon?: string;\n\n  /**\n   * Disabled\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement: AlignedPlacement = 'bottom-start';\n\n  @State() toggle = false;\n\n  /**\n   * Button clicked\n   */\n  @Event() buttonClick!: EventEmitter<MouseEvent>;\n\n  private triggerElement?: HTMLElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n\n  private linkTriggerRef() {\n    if (this.triggerElement && this.dropdownElement) {\n      this.dropdownElement.trigger = this.triggerElement;\n    }\n  }\n\n  componentDidLoad() {\n    this.linkTriggerRef();\n  }\n\n  render() {\n    const buttonAttributes = {\n      variant: this.variant,\n      outline: this.outline,\n      ghost: this.ghost,\n      disabled: this.disabled,\n      class: {\n        'left-button-border': !this.outline,\n      },\n    };\n    return (\n      <Host>\n        <div class={{ 'btn-group': true, 'middle-gap': !this.outline }}>\n          {this.label ? (\n            <ix-button\n              {...buttonAttributes}\n              icon={this.icon}\n              onClick={(e) => this.buttonClick.emit(e)}\n            >\n              {this.label}\n            </ix-button>\n          ) : (\n            <ix-icon-button\n              {...buttonAttributes}\n              icon={this.icon}\n              onClick={(e) => this.buttonClick.emit(e)}\n            ></ix-icon-button>\n          )}\n          <ix-icon-button\n            {...buttonAttributes}\n            ref={(r) => (this.triggerElement = r)}\n            class={'anchor'}\n            icon={this.splitIcon ?? iconContextMenu}\n          ></ix-icon-button>\n        </div>\n\n        <ix-dropdown\n          ref={(r) => (this.dropdownElement = r)}\n          closeBehavior={this.closeBehavior}\n        >\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAiB,i7C,MC6BVC,EAAW,MALxB,WAAAC,CAAAC,G,mDAWUC,KAAOC,QAAuB,UAK9BD,KAAaE,cAAkB,OAK/BF,KAAOG,QAAG,MAKVH,KAAKI,MAAG,MAoBRJ,KAAQK,SAAG,MAKXL,KAASM,UAAqB,eAE7BN,KAAMO,OAAG,KAiEnB,CAvDS,cAAAC,GACN,GAAIR,KAAKS,gBAAkBT,KAAKU,gBAAiB,CAC/CV,KAAKU,gBAAgBC,QAAUX,KAAKS,c,EAIxC,gBAAAG,GACEZ,KAAKQ,gB,CAGP,MAAAK,G,MACE,MAAMC,EAAmB,CACvBb,QAASD,KAAKC,QACdE,QAASH,KAAKG,QACdC,MAAOJ,KAAKI,MACZC,SAAUL,KAAKK,SACfU,MAAO,CACL,sBAAuBf,KAAKG,UAGhC,OACEa,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKH,MAAO,CAAE,YAAa,KAAM,cAAef,KAAKG,UAClDH,KAAKmB,MACJH,EACM,YAAAI,OAAAC,OAAA,GAAAP,EACJ,CAAAQ,KAAMtB,KAAKsB,KACXC,QAAUC,GAAMxB,KAAKyB,YAAYC,KAAKF,KAErCxB,KAAKmB,OAGRH,EACM,iBAAAI,OAAAC,OAAA,GAAAP,EACJ,CAAAQ,KAAMtB,KAAKsB,KACXC,QAAUC,GAAMxB,KAAKyB,YAAYC,KAAKF,MAG1CR,EAAA,iBAAAI,OAAAC,OAAA,CAAAH,IAAA,4CACMJ,EAAgB,CACpBa,IAAMC,GAAO5B,KAAKS,eAAiBmB,EACnCb,MAAO,SACPO,MAAMO,EAAA7B,KAAK8B,aAAa,MAAAD,SAAA,EAAAA,EAAAE,MAI5Bf,EAAA,eAAAE,IAAA,2CACES,IAAMC,GAAO5B,KAAKU,gBAAkBkB,EACpC1B,cAAeF,KAAKE,eAEpBc,EAAa,QAAAE,IAAA,8C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as r,a as n}from"./p-DJsXFBNm.js";import{D as i}from"./p-bDicGJUN.js";import{O as a}from"./p-CpY7qbN7.js";const l='input{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:block;position:relative;width:-moz-fit-content;width:fit-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .ix-form-control,:host .ix-form-control-plaintext{-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);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}:host .ix-form-control::-moz-placeholder,:host .ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}:host .ix-form-control::placeholder,:host .ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .ix-form-control:focus-visible{color:var(--theme-input--color)}:host .ix-form-control[type=number]{text-align:right}:host .ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .ix-form-control.readonly,:host .ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}:host .ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .ix-form-control:read-only,:host .ix-form-control[readonly],:host .ix-form-control[readOnly],:host .ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .ix-form-control:read-only::-moz-placeholder,:host .ix-form-control[readonly]::-moz-placeholder,:host .ix-form-control[readOnly]::-moz-placeholder,:host .ix-form-control.readonly::-moz-placeholder{color:transparent}:host .ix-form-control:-moz-read-only::placeholder{color:transparent}:host .ix-form-control:read-only::placeholder,:host .ix-form-control[readonly]::placeholder,:host .ix-form-control[readOnly]::placeholder,:host .ix-form-control.readonly::placeholder{color:transparent}:host .ix-form-control:disabled,:host .ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}:host .ix-form-control:disabled::-moz-placeholder,:host .ix-form-control.disabled::-moz-placeholder{color:transparent}:host .ix-form-control:disabled::placeholder,:host .ix-form-control.disabled::placeholder{color:transparent}:host .ix-form-control-plaintext{outline:0}:host .form-group{position:relative}:host .input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}:host .input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}:host .input-wrapper>input{padding-inline-start:2.2rem}:host select.ix-form-control{padding:0 0.312rem}:host textarea.ix-form-control{padding:0.375rem 0.5rem}:host input.ix-form-control.disabled,:host input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}:host input.ix-form-control:-moz-read-only{cursor:default}:host input.ix-form-control:read-only,:host input.ix-form-control.readonly{cursor:default}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2.5rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-top:1px}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-seperator{display:flex;align-items:center;margin:0 0.125rem;min-height:100%;margin-top:3.25rem}:host .clock .element-list{list-style-type:none;overflow:auto;max-height:15.375rem;padding-top:0.125rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{width:2.375rem;height:2.375rem;margin:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:1px}:host .clock .element-list .selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected)}:host .clock .element-list .selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-list-padding{width:2.5rem;height:12.563rem;min-height:12.563rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .footer .time-ref-buttons--datetime-picker-appearance{margin-left:auto}:host .footer .time-ref-buttons button{all:unset;width:2.625rem;height:1.875rem;text-align:center;border:1px solid var(--theme-color-primary);color:var(--theme-color-primary);background-color:var(--theme-color-secondary);font-weight:700}:host .footer .time-ref-buttons button:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .footer .time-ref-buttons button:hover{cursor:pointer;background-color:var(--theme-color-secondary-hover);border-color:var(--theme-btn-primary--background--hover)}:host .footer .time-ref-buttons button.selected{color:var(--theme-color-secondary);background-color:var(--theme-btn-primary--background)}:host .footer .time-ref-buttons button.selected:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--background--hover)}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}:host .hidden{display:none}:host .time-reference{margin-top:0.5rem;margin-bottom:0.5rem}';var s=undefined&&undefined.__decorate||function(t,e,o,r){var n=arguments.length,i=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,o):r,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)if(a=t[l])i=(n<3?a(i):n>3?a(e,o,i):a(e,o))||i;return n>3&&i&&Object.defineProperty(e,o,i),i};const d={hours:/\b[Hh]\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,minutes:/\bm\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,seconds:/\bs\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,milliseconds:/\bS\b|SSS|u|uu|uuu/};const h=1;const c=1;const m=1;const b=100;const u="Confirm";const p="Time";const f={hour:"",minute:"",second:"",millisecond:""};const v=class{constructor(o){t(this,o);this.timeSelect=e(this,"timeSelect",7);this.timeChange=e(this,"timeChange",7);this.format="TT";this.corners="rounded";this.standaloneAppearance=true;this.dateTimePickerAppearance=false;this.showHour=true;this.showMinutes=true;this.showSeconds=true;this.hideHeader=false;this.hourInterval=h;this.minuteInterval=c;this.secondInterval=m;this.millisecondInterval=b;this.time=i.now().toFormat(this.format);this.textSelectTime=u;this.i18nConfirmTime=u;this.textTime=p;this.i18nHeader=p;this.i18nHourColumnHeader="hr";this.i18nMinuteColumnHeader="min";this.i18nSecondColumnHeader="sec";this.i18nMillisecondColumnHeader="ms";this.formattedTime=f;this.timePickerDescriptors=[];this.isUnitFocused=false;this.focusedUnit="hour";this.focusedValue=0;this.focusScrollAlignment="start"}watchFormatIntervalPropHandler(t){if(!t){return}this.initPicker();this.updateScrollPositions()}watchHourIntervalPropHandler(t){if(Number.isInteger(t)&&t>=0&&t<=(this.timeRef?12:23)){this.setTimePickerDescriptors();return}this.printIntervalError("hour",t);this.hourInterval=h}watchMinuteIntervalPropHandler(t){if(t>=0&&t<=59){this.setTimePickerDescriptors();return}this.printIntervalError("minute",t);this.minuteInterval=c}watchSecondIntervalPropHandler(t){if(t>=0&&t<=59){this.setTimePickerDescriptors();return}this.printIntervalError("second",t);this.secondInterval=m}watchMillisecondIntervalPropHandler(t){if(t>=0&&t<=999){this.setTimePickerDescriptors();return}this.printIntervalError("millisecond",t);this.millisecondInterval=b}printIntervalError(t,e){console.error(`Value ${e} is not valid for ${t}-interval. Falling back to default.`)}watchTimePropHandler(t){const e=i.fromFormat(t,this.format);if(!e.isValid){throw new Error("Format is not supported or not correct")}this._time=e}async getCurrentTime(){var t;return(t=this._time)===null||t===void 0?void 0:t.toFormat(this.format)}onTimeChange(){const t=this.formattedTime;this.setTimeRef();this.formattedTime=this.getFormattedTime();this.updateScrollPositions(t)}componentWillLoad(){this.initPicker()}initPicker(){this._time=i.fromFormat(this.time,this.format);if(!this._time.isValid){console.error(`Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`);this._time=i.now()}this.setTimeRef();this.setTimePickerDescriptors();this.setInitialFocusedValueAndUnit();this.watchHourIntervalPropHandler(this.hourInterval);this.watchMinuteIntervalPropHandler(this.minuteInterval);this.watchSecondIntervalPropHandler(this.secondInterval);this.watchMillisecondIntervalPropHandler(this.millisecondInterval)}componentDidLoad(){this.updateScrollPositions();this.setupVisibilityObserver()}componentDidRender(){if(this.isUnitFocused){const t=this.getElementContainer(this.focusedUnit,this.focusedValue);const e=this.getElementList(this.focusedUnit);if(t){t.focus({preventScroll:true});if(!this.isElementVisible(t,e)){t.scrollIntoView({block:this.focusScrollAlignment});if(this.focusScrollAlignment==="end"){e.scrollTop+=4}else{e.scrollTop-=4}}}}}disconnectedCallback(){if(this.visibilityObserver){this.visibilityObserver.disconnect()}}handleKeyDown(t){if(!this.isUnitFocused){return}let e=this.focusedValue;let o=true;let r;switch(this.focusedUnit){case"hour":r=this.hourInterval;break;case"minute":r=this.minuteInterval;break;case"second":r=this.secondInterval;break;case"millisecond":r=this.millisecondInterval;break}switch(t.key){case"Tab":o=false;this.setInitialFocusedValueAndUnit();break;case"ArrowUp":e-=r;this.focusScrollAlignment="start";this.updateFocusedValue(e);break;case"ArrowDown":e+=r;this.focusScrollAlignment="end";this.updateFocusedValue(e);break;case"ArrowLeft":this.moveFocusToAdjacentUnit(-1);break;case"ArrowRight":this.moveFocusToAdjacentUnit(1);break;case"Enter":case" ":this.select(this.focusedUnit,this.focusedValue);break;default:return}if(o){t.preventDefault()}}onUnitCellBlur(){this.isUnitFocused=false}onUnitCellFocus(){this.isUnitFocused=true}getElementList(t){var e;return(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.querySelector(`[data-element-list-id="${t}"]`)}getElementContainer(t,e){var o;return(o=this.hostElement.shadowRoot)===null||o===void 0?void 0:o.querySelector(`[data-element-container-id="${t}-${e}"]`)}isElementVisible(t,e){const o=t.getBoundingClientRect();const r=e.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom}updateFocusedValue(t){const e=this.getNumberArrayForUnit(this.focusedUnit);const o=e[e.length-1];const r=e[0];if(t>o){t=r;this.focusScrollAlignment="start"}else if(t<r){t=o;this.focusScrollAlignment="end"}this.focusedValue=t}moveFocusToAdjacentUnit(t){const e=this.timePickerDescriptors.findIndex((t=>t.unit===this.focusedUnit));const o=e+t;if(o>=0&&o<this.timePickerDescriptors.length){const t=this.timePickerDescriptors[o].unit;const e=Number(this.formattedTime[t]);this.focusedUnit=t;this.updateFocusedValue(e)}}setInitialFocusedValueAndUnit(){const t=this.timePickerDescriptors.find((t=>!t.hidden));if(!t){return}const e=Number(this.formattedTime[t.unit]);const o=t.numberArray.includes(e);this.focusedValue=o?e:t.numberArray[0];this.focusedUnit=t.unit}setupVisibilityObserver(){let t=this.hostElement;while(t&&t.tagName!=="IX-DROPDOWN"){t=t.parentElement}if(!t){return}this.visibilityObserver=new MutationObserver((t=>this.mutationObserverCallback(t)));this.visibilityObserver.observe(t,{attributes:true,attributeFilter:["class","style"]})}mutationObserverCallback(t){for(const e of t){if(e.type!=="attributes"){continue}const t=e.target;if(!t.classList.contains("show")){this._time=i.fromFormat(this.time,this.format);this.setInitialFocusedValueAndUnit();continue}const o=this.areElementsRendered();if(!o){continue}this.updateScrollPositions()}}areElementsRendered(){var t;const e=(t=this.hostElement.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll(".element-list");if(!e||e.length===0){return false}return Array.from(e).some((t=>t.offsetHeight>0))}getFormattedTime(){if(!this._time){return f}return{hour:this.timeRef!==undefined?this._time.toFormat("h"):this._time.toFormat("H"),minute:this._time.toFormat("m"),second:this._time.toFormat("s"),millisecond:this._time.toFormat("S")}}timeUpdate(t,e){var o;let r=i.now().endOf("day").get(t);if(t==="hour"){if(this.timeRef==="PM"){e=e===12?12:e+12}else if(this.timeRef==="AM"){e=e===12?0:e;r=12}}if(e>r){e=r}else if(e<0){e=0}this._time=(o=this._time)===null||o===void 0?void 0:o.set({[t]:e});return e}changeTimeReference(t){if(!this._time){return}if(this.timeRef===t){return}this.timeRef=t;const e=this._time.hour;if(t==="PM"&&e<12){this._time=this._time.plus({hours:12})}else if(t==="AM"&&e>=12){this._time=this._time.minus({hours:12})}this.timeChange.emit(this._time.toFormat(this.format))}isFormat12Hour(t){let e="";let o=false;for(let r=0;r<t.length;r++){const n=t[r];if(n==="'"){o=!o}else if(!o){e+=n}}return/h|a|t/.test(e)}setTimeRef(){const t=this.isFormat12Hour(this.format);if(t&&this._time){this.timeRef=this._time.hour>=12?"PM":"AM"}else{this.timeRef=undefined}}setTimePickerDescriptors(){let t=[];let e=[];let o=[];let r=[];if(this.timeRef!==undefined){t=Array.from({length:Math.ceil(12/this.hourInterval)},((t,e)=>e*this.hourInterval+1)).filter((t=>t<=12))}else{t=Array.from({length:Math.ceil(24/this.hourInterval)},((t,e)=>e*this.hourInterval))}e=Array.from({length:Math.ceil(60/this.minuteInterval)},((t,e)=>e*this.minuteInterval));o=Array.from({length:Math.ceil(60/this.secondInterval)},((t,e)=>e*this.secondInterval));r=Array.from({length:Math.ceil(1e3/this.millisecondInterval)},((t,e)=>e*this.millisecondInterval));this.timePickerDescriptors=[{unit:"hour",header:this.i18nHourColumnHeader,hidden:!d.hours.test(this.format)||!this.showHour,numberArray:t},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!d.minutes.test(this.format)||!this.showMinutes,numberArray:e},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!d.seconds.test(this.format)||!this.showSeconds,numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!d.milliseconds.test(this.format),numberArray:r}];this.timePickerDescriptors=this.timePickerDescriptors.filter((t=>!t.hidden))}getNumberArrayForUnit(t){const e=this.timePickerDescriptors.find((e=>e.unit===t));return e?e.numberArray:[]}isSelected(t,e){return this.formattedTime[t]===String(e)}select(t,e){this.formattedTime=Object.assign(Object.assign({},this.formattedTime),{[t]:String(e)});this.timeUpdate(t,e);this.elementListScrollToTop(t,e,"smooth");this.timeChange.emit(this._time.toFormat(this.format))}elementListScrollToTop(t,e,o){const r=this.getElementList(t);const n=this.getElementContainer(t,e);if(r&&n){const t=r.clientHeight;const e=n.clientHeight;let i=15;if(this.hideHeader){i-=74}const a=n.offsetTop-t/2+e/2-i;r.scrollTo({top:a,behavior:o})}}updateScrollPositions(t=undefined){for(const e in this.formattedTime){const o=e;if(!t||this.formattedTime[o]!==t[o]){this.elementListScrollToTop(o,Number(this.formattedTime[o]),"instant")}}}formatUnitValue(t,e){if(t==="millisecond"){return e.toString().padStart(3,"0")}return e<10?`0${e}`:e.toString()}getColumnSeparator(t){if(t+1<this.timePickerDescriptors.length){const e=this.timePickerDescriptors[t+1].unit;return e==="millisecond"?".":":"}return":"}getElementContainerTabIndex(t,e){return t===this.focusedValue&&e===this.focusedUnit?"0":"-1"}getConfirmButtonText(){if(this.i18nConfirmTime!==u){return this.i18nConfirmTime}if(this.textSelectTime!==u){return this.textSelectTime}return this.i18nConfirmTime}getHeaderText(){if(this.i18nHeader!==p){return this.i18nHeader}if(this.textTime!=p){return this.textTime}return this.i18nHeader}render(){return o(r,{key:"d2bbda2ae6d80b7c7124dad326bb0cd4056d8ff0"},o("ix-date-time-card",{key:"ada5e46c86a34888ae7e528ad88b2392cf749537",standaloneAppearance:this.standaloneAppearance,timePickerAppearance:true,corners:this.corners,hasFooter:true,hideHeader:this.hideHeader},o("div",{key:"dfbddd86e4ce4bdfd79ac223cb193d24f1cb6406",class:"header",slot:"header"},o("ix-typography",{key:"a93cd0fbf96b4ae7ff3723784cd735c7ac0b28dd",format:"h5"},this.getHeaderText())),o("div",{key:"dcf216e3b82b8f9d64bd74636e62a4c6e69a2f00",class:"clock"},this.timePickerDescriptors.map(((t,e)=>o("div",{class:"flex"},o("div",{class:{columns:true,hidden:t.hidden}},o("div",{class:"column-header",title:t.header},t.header),o("div",{"data-element-list-id":t.unit,class:"element-list",tabIndex:-1},t.numberArray.map((e=>o("button",{"data-element-container-id":`${t.unit}-${e}`,class:{selected:this.isSelected(t.unit,e),"element-container":true},onClick:()=>this.select(t.unit,e),onFocus:()=>{this.focusedUnit=t.unit;this.focusedValue=e;this.onUnitCellFocus()},onBlur:()=>this.onUnitCellBlur(),tabindex:this.getElementContainerTabIndex(e,t.unit),role:"button","aria-label":`${t.header}: ${e}`},this.formatUnitValue(t.unit,e)))),o("div",{class:"element-list-padding"}))),e!==this.timePickerDescriptors.length-1&&o("div",{class:{"column-seperator":true,hidden:t.hidden}},this.getColumnSeparator(e)))))),o("div",{key:"81b475ebaefe71315d016a66214d62513649d6e3",class:{footer:true,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},this.timeRef&&o("div",{key:"668635b1aaecd2a7156bc5b1d4299aef3b6c7d63",class:{"time-ref-buttons":true,"time-ref-buttons--datetime-picker-appearance":this.dateTimePickerAppearance}},o("button",{key:"a11593644095c4989b93827fa45310cbdcfa2f07","data-am-pm-id":"AM",class:{selected:this.timeRef==="AM"},onClick:()=>this.changeTimeReference("AM")},"AM"),o("button",{key:"d381d94b66769d5ee24d9f3392b5d6df5ccf3ad8","data-am-pm-id":"PM",class:{selected:this.timeRef==="PM"},onClick:()=>this.changeTimeReference("PM")},"PM")),!this.dateTimePickerAppearance&&o("ix-button",{key:"a87f1a14daf036d885c63f605d035330d9cb8eb5",class:"confirm-button",onClick:()=>{var t;this.timeSelect.emit((t=this._time)===null||t===void 0?void 0:t.toFormat(this.format))}},this.getConfirmButtonText()))))}get hostElement(){return n(this)}static get watchers(){return{format:["watchFormatIntervalPropHandler"],hourInterval:["watchHourIntervalPropHandler"],minuteInterval:["watchMinuteIntervalPropHandler"],secondInterval:["watchSecondIntervalPropHandler"],millisecondInterval:["watchMillisecondIntervalPropHandler"],time:["watchTimePropHandler"],_time:["onTimeChange"]}}};s([a("keydown")],v.prototype,"handleKeyDown",null);v.style=l;export{v as ix_time_picker};
+//# sourceMappingURL=p-d0c1473e.entry.js.map

package/dist/siemens-ix/p-d0c1473e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["timePickerCss","LUXON_FORMAT_PATTERNS","hours","minutes","seconds","milliseconds","HOUR_INTERVAL_DEFAULT","MINUTE_INTERVAL_DEFAULT","SECOND_INTERVAL_DEFAULT","MILLISECOND_INTERVAL_DEFAULT","CONFIRM_BUTTON_DEFAULT","HEADER_DEFAULT","FORMATTED_TIME_EMPTY","hour","minute","second","millisecond","TimePicker","constructor","hostRef","this","format","corners","standaloneAppearance","dateTimePickerAppearance","showHour","showMinutes","showSeconds","hideHeader","hourInterval","minuteInterval","secondInterval","millisecondInterval","time","DateTime","now","toFormat","textSelectTime","i18nConfirmTime","textTime","i18nHeader","i18nHourColumnHeader","i18nMinuteColumnHeader","i18nSecondColumnHeader","i18nMillisecondColumnHeader","formattedTime","timePickerDescriptors","isUnitFocused","focusedUnit","focusedValue","focusScrollAlignment","watchFormatIntervalPropHandler","newValue","initPicker","updateScrollPositions","watchHourIntervalPropHandler","Number","isInteger","timeRef","setTimePickerDescriptors","printIntervalError","watchMinuteIntervalPropHandler","watchSecondIntervalPropHandler","watchMillisecondIntervalPropHandler","intervalName","value","console","error","watchTimePropHandler","timeFormat","fromFormat","isValid","Error","_time","getCurrentTime","_a","onTimeChange","formattedTimeOld","setTimeRef","getFormattedTime","componentWillLoad","invalidReason","invalidExplanation","setInitialFocusedValueAndUnit","componentDidLoad","setupVisibilityObserver","componentDidRender","elementContainer","getElementContainer","elementList","getElementList","focus","preventScroll","isElementVisible","scrollIntoView","block","scrollTop","disconnectedCallback","visibilityObserver","disconnect","handleKeyDown","event","shouldPreventDefault","newValueInterval","key","updateFocusedValue","moveFocusToAdjacentUnit","select","preventDefault","onUnitCellBlur","onUnitCellFocus","unit","hostElement","shadowRoot","querySelector","number","element","container","elementRect","getBoundingClientRect","containerRect","top","bottom","numberArray","getNumberArrayForUnit","maxValue","length","minValue","direction","currentUnitIndex","findIndex","d","newUnitIndex","newUnit","selectedValue","firstVisibleDescriptor","find","descriptor","hidden","isValidSelection","includes","dropdownElement","tagName","parentElement","MutationObserver","mutations","mutationObserverCallback","observe","attributes","attributeFilter","mutation","type","dropdown","target","classList","contains","elementsReady","areElementsRendered","elementLists","querySelectorAll","Array","from","some","list","offsetHeight","undefined","timeUpdate","endOf","get","set","changeTimeReference","newTimeRef","currentHour","plus","minus","timeChange","emit","isFormat12Hour","cleanFormat","inQuote","i","char","test","uses12HourFormat","hourNumbers","minuteNumbers","secondNumbers","millisecondsNumbers","Math","ceil","_","filter","header","item","isSelected","String","Object","assign","elementListScrollToTop","scrollBehaviour","elementListHeight","clientHeight","elementContainerHeight","scrollPositionOffset","scrollPosition","offsetTop","scrollTo","behavior","unitKey","formatUnitValue","toString","padStart","getColumnSeparator","currentIndex","nextUnit","getElementContainerTabIndex","descriptorUnit","getConfirmButtonText","getHeaderText","render","h","Host","timePickerAppearance","hasFooter","class","slot","map","index","columns","title","tabIndex","selected","onClick","onFocus","onBlur","tabindex","role","footer","timeSelect","__decorate","OnListener","prototype"],"sources":["src/components/time-picker/time-picker.scss?tag=ix-time-picker&encapsulation=shadow","src/components/time-picker/time-picker.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/input';\n\n@include form;\n\n:host {\n  @include ix-component;\n  @import 'legacy/components/forms';\n\n  display: block;\n  position: relative;\n  width: fit-content;\n\n  .standaloneAppearance {\n    box-shadow: none;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: $large-control-height;\n  }\n\n  .clock {\n    display: flex;\n    justify-content: center;\n    align-items: start;\n\n    .flex {\n      display: flex;\n      height: 100%;\n      align-items: start;\n\n      .columns {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: space-around;\n        margin-top: 1px;\n\n        .column-header {\n          height: 2.5rem;\n          width: 2.5rem;\n          line-height: 2.5rem;\n          text-align: center;\n          color: var(--theme-color-soft-text);\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n        }\n      }\n\n      .column-seperator {\n        display: flex;\n        align-items: center;\n        margin: 0 0.125rem;\n        min-height: 100%;\n        margin-top: 3.25rem;\n      }\n    }\n\n    .element-list {\n      list-style-type: none;\n      overflow: auto;\n      max-height: 15.375rem;\n      padding-top: 0.125rem;\n\n      button {\n        all: unset;\n      }\n\n      .element-container {\n        width: 2.375rem;\n        height: 2.375rem;\n        margin: 0.125rem;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        color: var(--theme-color-primary);\n\n        &:hover {\n          background-color: var(--theme-datepicker-day--background--hover);\n        }\n\n        &:focus {\n          outline: 1px solid var(--theme-color-focus-bdr);\n          outline-offset: 1px;\n        }\n      }\n\n      .selected {\n        background-color: var(--theme-datepicker-day--background--selected);\n        color: var(--theme-datepicker-day--color--selected);\n\n        &:hover {\n          background-color: var(\n            --theme-datepicker-day--background--selected-hover\n          );\n        }\n      }\n\n      .element-list-padding {\n        width: 2.5rem;\n        height: 12.563rem;\n        min-height: 12.563rem;\n      }\n    }\n\n    div.element-list {\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n    justify-content: space-between;\n    gap: 0.5rem;\n    flex-wrap: wrap;\n\n    .confirm-button {\n      margin-left: auto;\n    }\n\n    &--compact {\n      flex-direction: column;\n      align-items: center;\n\n      .confirm-button {\n        margin-left: initial;\n      }\n    }\n\n    .time-ref-buttons {\n      &--datetime-picker-appearance {\n        margin-left: auto;\n      }\n\n      button {\n        all: unset;\n        width: 2.625rem;\n        height: 1.875rem;\n        text-align: center;\n        border: 1px solid var(--theme-color-primary);\n        color: var(--theme-color-primary);\n        background-color: var(--theme-color-secondary);\n        font-weight: 700;\n\n        &:focus {\n          outline: 1px solid var(--theme-color-focus-bdr);\n          outline-offset: var(--theme-btn--focus--outline-offset);\n        }\n\n        &:hover {\n          cursor: pointer;\n          background-color: var(--theme-color-secondary-hover);\n          border-color: var(--theme-btn-primary--background--hover);\n        }\n\n        &.selected {\n          color: var(--theme-color-secondary);\n          background-color: var(--theme-btn-primary--background);\n\n          &:hover {\n            background-color: var(--theme-btn-primary--background--hover);\n            border-color: var(--theme-btn-primary--background--hover);\n          }\n        }\n      }\n    }\n  }\n\n  .default-space {\n    margin-left: $default-space;\n  }\n\n  .text-align {\n    text-align: center;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .time-reference {\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { OnListener } from '../utils/listener';\nimport type { TimePickerCorners } from './time-picker.types';\n\ntype TimePickerDescriptorUnit = 'hour' | 'minute' | 'second' | 'millisecond';\n\ninterface TimePickerDescriptor {\n  unit: TimePickerDescriptorUnit;\n  header: string;\n  hidden: boolean;\n  numberArray: number[];\n}\n\ninterface TimeOutputFormat {\n  hour: string;\n  minute: string;\n  second: string;\n  millisecond: string;\n}\n\nconst LUXON_FORMAT_PATTERNS = {\n  // h, hh, H, HH and various time formats that include hours\n  hours: /\\b[Hh]\\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,\n  // m, mm and time formats that include minutes\n  minutes: /\\bm\\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,\n  // s, ss and time formats that include seconds\n  seconds: /\\bs\\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,\n  // S, SSS (milliseconds), u/uu/uuu (fractional seconds), x/X (timestamps)\n  milliseconds: /\\bS\\b|SSS|u|uu|uuu/,\n};\n\nconst HOUR_INTERVAL_DEFAULT = 1;\nconst MINUTE_INTERVAL_DEFAULT = 1;\nconst SECOND_INTERVAL_DEFAULT = 1;\nconst MILLISECOND_INTERVAL_DEFAULT = 100;\n\nconst CONFIRM_BUTTON_DEFAULT = 'Confirm';\nconst HEADER_DEFAULT = 'Time';\n\nconst FORMATTED_TIME_EMPTY: TimeOutputFormat = {\n  hour: '',\n  minute: '',\n  second: '',\n  millisecond: '',\n};\n\n@Component({\n  tag: 'ix-time-picker',\n  styleUrl: 'time-picker.scss',\n  shadow: true,\n})\nexport class TimePicker {\n  @Element() hostElement!: HTMLIxTimePickerElement;\n\n  /**\n   * Format of time string\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   * Note: Formats that combine date and time (like f or F) are not supported. Timestamp tokens x and X are not supported either.\n   */\n  @Prop() format: string = 'TT';\n  @Watch('format')\n  watchFormatIntervalPropHandler(newValue: string) {\n    if (!newValue) {\n      return;\n    }\n\n    this.initPicker();\n    this.updateScrollPositions();\n  }\n\n  /**\n   * Corner style\n   */\n  @Prop() corners: TimePickerCorners = 'rounded';\n\n  /**\n   * Controls the visual presentation and styling of the component when it is displayed as a standalone element\n   */\n  @Prop() standaloneAppearance: boolean = true;\n\n  /**\n   * @internal Temporary prop needed until datetime-picker is reworked for new design\n   */\n  @Prop() dateTimePickerAppearance: boolean = false;\n\n  /**\n   * Show hour input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showHour = true;\n\n  /**\n   * Show minutes input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showMinutes = true;\n\n  /**\n   * Show seconds input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showSeconds = true;\n\n  /**\n   * Hides the header of the picker.\n   *\n   * @since 3.2.0\n   */\n  @Prop() hideHeader: boolean = false;\n\n  /**\n   * Interval for hour selection\n   *\n   * @since 3.2.0\n   */\n  @Prop({ mutable: true }) hourInterval: number = HOUR_INTERVAL_DEFAULT;\n  @Watch('hourInterval')\n  watchHourIntervalPropHandler(newValue: number) {\n    if (\n      Number.isInteger(newValue) &&\n      newValue >= 0 &&\n      newValue <= (this.timeRef ? 12 : 23)\n    ) {\n      this.setTimePickerDescriptors();\n      return;\n    }\n\n    this.printIntervalError('hour', newValue);\n    this.hourInterval = HOUR_INTERVAL_DEFAULT;\n  }\n\n  /**\n   * Interval for minute selection\n   *\n   * @since 3.2.0\n   */\n  @Prop({ mutable: true }) minuteInterval: number = MINUTE_INTERVAL_DEFAULT;\n  @Watch('minuteInterval')\n  watchMinuteIntervalPropHandler(newValue: number) {\n    if (newValue >= 0 && newValue <= 59) {\n      this.setTimePickerDescriptors();\n      return;\n    }\n\n    this.printIntervalError('minute', newValue);\n    this.minuteInterval = MINUTE_INTERVAL_DEFAULT;\n  }\n\n  /**\n   * Interval for second selection\n   *\n   * @since 3.2.0\n   */\n  @Prop({ mutable: true }) secondInterval: number = SECOND_INTERVAL_DEFAULT;\n  @Watch('secondInterval')\n  watchSecondIntervalPropHandler(newValue: number) {\n    if (newValue >= 0 && newValue <= 59) {\n      this.setTimePickerDescriptors();\n      return;\n    }\n\n    this.printIntervalError('second', newValue);\n    this.secondInterval = SECOND_INTERVAL_DEFAULT;\n  }\n\n  /**\n   * Interval for millisecond selection\n   *\n   * @since 3.2.0\n   */\n  @Prop({ mutable: true }) millisecondInterval: number =\n    MILLISECOND_INTERVAL_DEFAULT;\n  @Watch('millisecondInterval')\n  watchMillisecondIntervalPropHandler(newValue: number) {\n    if (newValue >= 0 && newValue <= 999) {\n      this.setTimePickerDescriptors();\n      return;\n    }\n\n    this.printIntervalError('millisecond', newValue);\n    this.millisecondInterval = MILLISECOND_INTERVAL_DEFAULT;\n  }\n\n  private printIntervalError(intervalName: string, value: number) {\n    console.error(\n      `Value ${value} is not valid for ${intervalName}-interval. Falling back to default.`\n    );\n  }\n\n  /**\n   * Select time with format string\n   * Format has to match the `format` property.\n   */\n  @Prop() time: string = DateTime.now().toFormat(this.format);\n\n  @Watch('time')\n  watchTimePropHandler(newValue: string) {\n    const timeFormat = DateTime.fromFormat(newValue, this.format);\n    if (!timeFormat.isValid) {\n      throw new Error('Format is not supported or not correct');\n    }\n\n    this._time = timeFormat;\n  }\n\n  /**\n   * Set time reference\n   *\n   * @deprecated This is determined by the currently set time. Will be removed in 4.0.0.\n   */\n  @Prop() timeReference: 'AM' | 'PM' | undefined;\n\n  /**\n   * Text of time select button\n   *\n   * @deprecated Use `i18nConfirmTime` instead. Will be removed in 4.0.0.\n   */\n  @Prop() textSelectTime = CONFIRM_BUTTON_DEFAULT;\n\n  /**\n   * Text of the time confirm button\n   */\n  @Prop({ attribute: 'i18n-confirm-time' }) i18nConfirmTime =\n    CONFIRM_BUTTON_DEFAULT;\n\n  /**\n   * Text for top label\n   *\n   * @deprecated Use `i18nHeader` instead. Will be removed in 4.0.0.\n   */\n  @Prop() textTime: string = HEADER_DEFAULT;\n\n  /**\n   * Text for top header\n   */\n  @Prop({ attribute: 'i18n-header' }) i18nHeader: string = HEADER_DEFAULT;\n\n  /**\n   * Text for hour column header\n   */\n  @Prop({ attribute: 'i18n-column-header' }) i18nHourColumnHeader: string =\n    'hr';\n\n  /**\n   * Text for minute column header\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop({ attribute: 'i18n-minute-column-header' })\n  i18nMinuteColumnHeader: string = 'min';\n\n  /**\n   * Text for second column header\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop({ attribute: 'i18n-second-column-header' })\n  i18nSecondColumnHeader: string = 'sec';\n\n  /**\n   * Text for millisecond column header\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop({ attribute: 'i18n-millisecond-column-header' })\n  i18nMillisecondColumnHeader: string = 'ms';\n\n  /**\n   * Time event\n   */\n  @Event() timeSelect!: EventEmitter<string>;\n\n  /**\n   * Time change event\n   */\n  @Event() timeChange!: EventEmitter<string>;\n\n  /**\n   * Get the current time based on the wanted format\n   */\n  @Method()\n  async getCurrentTime() {\n    return this._time?.toFormat(this.format);\n  }\n\n  @State() private _time?: DateTime;\n  @Watch('_time')\n  onTimeChange() {\n    const formattedTimeOld = this.formattedTime;\n    this.setTimeRef();\n    this.formattedTime = this.getFormattedTime();\n\n    this.updateScrollPositions(formattedTimeOld);\n  }\n\n  @State() private timeRef?: 'AM' | 'PM' | undefined;\n  @State() private formattedTime: TimeOutputFormat = FORMATTED_TIME_EMPTY;\n  @State() private timePickerDescriptors: TimePickerDescriptor[] = [];\n  @State() private isUnitFocused: boolean = false;\n  @State() private focusedUnit: TimePickerDescriptorUnit = 'hour';\n  @State() private focusedValue: number = 0;\n\n  private visibilityObserver?: MutationObserver;\n  private focusScrollAlignment: 'start' | 'end' = 'start';\n\n  componentWillLoad() {\n    this.initPicker();\n  }\n\n  private initPicker() {\n    this._time = DateTime.fromFormat(this.time, this.format);\n\n    if (!this._time.isValid) {\n      console.error(\n        `Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`\n      );\n\n      this._time = DateTime.now();\n    }\n\n    this.setTimeRef();\n    this.setTimePickerDescriptors();\n    this.setInitialFocusedValueAndUnit();\n\n    this.watchHourIntervalPropHandler(this.hourInterval);\n    this.watchMinuteIntervalPropHandler(this.minuteInterval);\n    this.watchSecondIntervalPropHandler(this.secondInterval);\n    this.watchMillisecondIntervalPropHandler(this.millisecondInterval);\n  }\n\n  componentDidLoad() {\n    this.updateScrollPositions();\n    this.setupVisibilityObserver();\n  }\n\n  componentDidRender() {\n    if (this.isUnitFocused) {\n      const elementContainer = this.getElementContainer(\n        this.focusedUnit,\n        this.focusedValue\n      );\n      const elementList = this.getElementList(this.focusedUnit);\n\n      if (elementContainer) {\n        elementContainer.focus({ preventScroll: true });\n\n        if (!this.isElementVisible(elementContainer, elementList)) {\n          elementContainer.scrollIntoView({\n            block: this.focusScrollAlignment,\n          });\n\n          if (this.focusScrollAlignment === 'end') {\n            elementList.scrollTop += 4;\n          } else {\n            elementList.scrollTop -= 4;\n          }\n        }\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.visibilityObserver) {\n      this.visibilityObserver.disconnect();\n    }\n  }\n\n  @OnListener<TimePicker>('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.isUnitFocused) {\n      return;\n    }\n\n    let newValue = this.focusedValue;\n    let shouldPreventDefault = true;\n    let newValueInterval;\n\n    switch (this.focusedUnit) {\n      case 'hour':\n        newValueInterval = this.hourInterval;\n        break;\n      case 'minute':\n        newValueInterval = this.minuteInterval;\n        break;\n      case 'second':\n        newValueInterval = this.secondInterval;\n        break;\n      case 'millisecond':\n        newValueInterval = this.millisecondInterval;\n        break;\n    }\n\n    switch (event.key) {\n      case 'Tab':\n        // Let tab navigation work normally and reset focused value/unit\n        shouldPreventDefault = false;\n        this.setInitialFocusedValueAndUnit();\n        break;\n\n      case 'ArrowUp':\n        newValue -= newValueInterval;\n        this.focusScrollAlignment = 'start';\n        this.updateFocusedValue(newValue);\n        break;\n\n      case 'ArrowDown':\n        newValue += newValueInterval;\n        this.focusScrollAlignment = 'end';\n        this.updateFocusedValue(newValue);\n        break;\n\n      case 'ArrowLeft':\n        this.moveFocusToAdjacentUnit(-1);\n        break;\n\n      case 'ArrowRight':\n        this.moveFocusToAdjacentUnit(1);\n        break;\n\n      case 'Enter':\n      case ' ':\n        this.select(this.focusedUnit, this.focusedValue);\n        break;\n\n      default:\n        return;\n    }\n\n    if (shouldPreventDefault) {\n      event.preventDefault();\n    }\n  }\n\n  onUnitCellBlur() {\n    this.isUnitFocused = false;\n  }\n\n  onUnitCellFocus() {\n    this.isUnitFocused = true;\n  }\n\n  private getElementList(unit: TimePickerDescriptorUnit): HTMLDivElement {\n    return this.hostElement.shadowRoot?.querySelector(\n      `[data-element-list-id=\"${unit}\"]`\n    ) as HTMLDivElement;\n  }\n\n  private getElementContainer(\n    unit: TimePickerDescriptorUnit,\n    number: number\n  ): HTMLDivElement {\n    return this.hostElement.shadowRoot?.querySelector(\n      `[data-element-container-id=\"${unit}-${number}\"]`\n    ) as HTMLDivElement;\n  }\n\n  private isElementVisible(\n    element: HTMLElement,\n    container: HTMLElement\n  ): boolean {\n    const elementRect = element.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n\n    return (\n      elementRect.top >= containerRect.top &&\n      elementRect.bottom <= containerRect.bottom\n    );\n  }\n\n  private updateFocusedValue(value: number) {\n    const numberArray = this.getNumberArrayForUnit(this.focusedUnit);\n    const maxValue = numberArray[numberArray.length - 1];\n    const minValue = numberArray[0];\n\n    if (value > maxValue) {\n      value = minValue;\n      this.focusScrollAlignment = 'start';\n    } else if (value < minValue) {\n      value = maxValue;\n      this.focusScrollAlignment = 'end';\n    }\n\n    this.focusedValue = value;\n  }\n\n  private moveFocusToAdjacentUnit(direction: number) {\n    const currentUnitIndex = this.timePickerDescriptors.findIndex(\n      (d) => d.unit === this.focusedUnit\n    );\n    const newUnitIndex = currentUnitIndex + direction;\n\n    // Check if new index is within bounds\n    if (newUnitIndex >= 0 && newUnitIndex < this.timePickerDescriptors.length) {\n      const newUnit = this.timePickerDescriptors[newUnitIndex].unit;\n\n      const selectedValue = Number(this.formattedTime[newUnit]);\n\n      this.focusedUnit = newUnit;\n      this.updateFocusedValue(selectedValue);\n    }\n  }\n\n  private setInitialFocusedValueAndUnit() {\n    const firstVisibleDescriptor = this.timePickerDescriptors.find(\n      (descriptor) => !descriptor.hidden\n    );\n    if (!firstVisibleDescriptor) {\n      return;\n    }\n\n    const selectedValue = Number(\n      this.formattedTime[firstVisibleDescriptor.unit]\n    );\n    const isValidSelection =\n      firstVisibleDescriptor.numberArray.includes(selectedValue);\n\n    this.focusedValue = isValidSelection\n      ? selectedValue\n      : firstVisibleDescriptor.numberArray[0];\n\n    this.focusedUnit = firstVisibleDescriptor.unit;\n  }\n\n  private setupVisibilityObserver() {\n    let dropdownElement: Element | null = this.hostElement;\n    while (dropdownElement && dropdownElement.tagName !== 'IX-DROPDOWN') {\n      dropdownElement = dropdownElement.parentElement;\n    }\n\n    if (!dropdownElement) {\n      return;\n    }\n\n    this.visibilityObserver = new MutationObserver((mutations) =>\n      this.mutationObserverCallback(mutations)\n    );\n\n    this.visibilityObserver.observe(dropdownElement, {\n      attributes: true,\n      attributeFilter: ['class', 'style'],\n    });\n  }\n\n  private mutationObserverCallback(mutations: MutationRecord[]) {\n    for (const mutation of mutations) {\n      if (mutation.type !== 'attributes') {\n        continue;\n      }\n\n      const dropdown = mutation.target as HTMLElement;\n\n      if (!dropdown.classList.contains('show')) {\n        // keep picker in sync with input\n        this._time = DateTime.fromFormat(this.time, this.format);\n        this.setInitialFocusedValueAndUnit();\n\n        continue;\n      }\n\n      const elementsReady = this.areElementsRendered();\n      if (!elementsReady) {\n        continue;\n      }\n\n      this.updateScrollPositions();\n    }\n  }\n\n  private areElementsRendered(): boolean {\n    const elementLists =\n      this.hostElement.shadowRoot?.querySelectorAll('.element-list');\n\n    if (!elementLists || elementLists.length === 0) {\n      return false;\n    }\n\n    return Array.from(elementLists).some(\n      (list) => (list as HTMLElement).offsetHeight > 0\n    );\n  }\n\n  private getFormattedTime(): TimeOutputFormat {\n    if (!this._time) {\n      return FORMATTED_TIME_EMPTY;\n    }\n\n    return {\n      hour:\n        this.timeRef !== undefined\n          ? this._time.toFormat('h')\n          : this._time.toFormat('H'),\n      minute: this._time.toFormat('m'),\n      second: this._time.toFormat('s'),\n      millisecond: this._time.toFormat('S'),\n    };\n  }\n\n  private timeUpdate(unit: TimePickerDescriptorUnit, value: number): number {\n    let maxValue = DateTime.now().endOf('day').get(unit);\n\n    if (unit === 'hour') {\n      if (this.timeRef === 'PM') {\n        // 12 PM should remain 12, other PM hours add 12\n        value = value === 12 ? 12 : value + 12;\n      } else if (this.timeRef === 'AM') {\n        // 12 AM should be 0, other AM hours remain as is\n        value = value === 12 ? 0 : value;\n        maxValue = 12;\n      }\n    }\n\n    if (value > maxValue) {\n      value = maxValue;\n    } else if (value < 0) {\n      value = 0;\n    }\n\n    this._time = this._time?.set({\n      [unit]: value,\n    });\n    return value;\n  }\n\n  private changeTimeReference(newTimeRef: 'AM' | 'PM') {\n    if (!this._time) {\n      return;\n    }\n\n    if (this.timeRef === newTimeRef) {\n      return;\n    }\n\n    this.timeRef = newTimeRef;\n    const currentHour = this._time.hour;\n\n    if (newTimeRef === 'PM' && currentHour < 12) {\n      this._time = this._time.plus({ hours: 12 });\n    } else if (newTimeRef === 'AM' && currentHour >= 12) {\n      this._time = this._time.minus({ hours: 12 });\n    }\n\n    this.timeChange.emit(this._time!.toFormat(this.format));\n  }\n\n  private isFormat12Hour(format: string): boolean {\n    // Remove any text that's inside quotes (literal text in Luxon format strings)\n    let cleanFormat = '';\n    let inQuote = false;\n\n    for (let i = 0; i < format.length; i++) {\n      const char = format[i];\n      if (char === \"'\") {\n        inQuote = !inQuote;\n      } else if (!inQuote) {\n        cleanFormat += char;\n      }\n    }\n\n    // Check for specific 12-hour format tokens\n    // Case-sensitive matching to distinguish between 'h' and 'H'\n    return /h|a|t/.test(cleanFormat);\n  }\n\n  private setTimeRef() {\n    const uses12HourFormat = this.isFormat12Hour(this.format);\n\n    if (uses12HourFormat && this._time) {\n      this.timeRef = this._time!.hour >= 12 ? 'PM' : 'AM';\n    } else {\n      this.timeRef = undefined;\n    }\n  }\n\n  private setTimePickerDescriptors() {\n    let hourNumbers = [];\n    let minuteNumbers = [];\n    let secondNumbers = [];\n    let millisecondsNumbers = [];\n\n    if (this.timeRef !== undefined) {\n      hourNumbers = Array.from(\n        { length: Math.ceil(12 / this.hourInterval) },\n        (_, i) => i * this.hourInterval + 1\n      ).filter((hour) => hour <= 12);\n    } else {\n      hourNumbers = Array.from(\n        { length: Math.ceil(24 / this.hourInterval) },\n        (_, i) => i * this.hourInterval\n      );\n    }\n\n    minuteNumbers = Array.from(\n      { length: Math.ceil(60 / this.minuteInterval) },\n      (_, i) => i * this.minuteInterval\n    );\n    secondNumbers = Array.from(\n      { length: Math.ceil(60 / this.secondInterval) },\n      (_, i) => i * this.secondInterval\n    );\n    millisecondsNumbers = Array.from(\n      { length: Math.ceil(1000 / this.millisecondInterval) },\n      (_, i) => i * this.millisecondInterval\n    );\n\n    this.timePickerDescriptors = [\n      {\n        unit: 'hour',\n        header: this.i18nHourColumnHeader,\n        hidden:\n          !LUXON_FORMAT_PATTERNS.hours.test(this.format) || !this.showHour,\n        numberArray: hourNumbers,\n      },\n      {\n        unit: 'minute',\n        header: this.i18nMinuteColumnHeader,\n        hidden:\n          !LUXON_FORMAT_PATTERNS.minutes.test(this.format) || !this.showMinutes,\n        numberArray: minuteNumbers,\n      },\n      {\n        unit: 'second',\n        header: this.i18nSecondColumnHeader,\n        hidden:\n          !LUXON_FORMAT_PATTERNS.seconds.test(this.format) || !this.showSeconds,\n        numberArray: secondNumbers,\n      },\n      {\n        unit: 'millisecond',\n        header: this.i18nMillisecondColumnHeader,\n        hidden: !LUXON_FORMAT_PATTERNS.milliseconds.test(this.format),\n        numberArray: millisecondsNumbers,\n      },\n    ];\n\n    this.timePickerDescriptors = this.timePickerDescriptors.filter(\n      (item) => !item.hidden\n    );\n  }\n\n  private getNumberArrayForUnit(unit: TimePickerDescriptorUnit): number[] {\n    const descriptor = this.timePickerDescriptors.find(\n      (descriptor) => descriptor.unit === unit\n    );\n    return descriptor ? descriptor.numberArray : [];\n  }\n\n  private isSelected(unit: TimePickerDescriptorUnit, number: number): boolean {\n    return this.formattedTime![unit] === String(number);\n  }\n\n  private select(unit: TimePickerDescriptorUnit, number: number) {\n    this.formattedTime = {\n      ...this.formattedTime!,\n      [unit]: String(number),\n    };\n\n    this.timeUpdate(unit, number);\n    this.elementListScrollToTop(unit, number, 'smooth');\n    this.timeChange.emit(this._time!.toFormat(this.format));\n  }\n\n  private elementListScrollToTop(\n    unit: TimePickerDescriptorUnit,\n    number: number,\n    scrollBehaviour: 'smooth' | 'instant'\n  ) {\n    const elementList = this.getElementList(unit);\n    const elementContainer = this.getElementContainer(unit, number);\n\n    if (elementList && elementContainer) {\n      const elementListHeight = elementList.clientHeight;\n      const elementContainerHeight = elementContainer.clientHeight;\n\n      // Offset which is used to adjust the scroll position to account for margins, elements being hidden, etc.\n      let scrollPositionOffset = 15;\n      if (this.hideHeader) {\n        // 74 --> height of the header container\n        scrollPositionOffset -= 74;\n      }\n\n      const scrollPosition =\n        elementContainer.offsetTop -\n        elementListHeight / 2 +\n        elementContainerHeight / 2 -\n        scrollPositionOffset;\n\n      elementList.scrollTo({\n        top: scrollPosition,\n        behavior: scrollBehaviour,\n      });\n    }\n  }\n\n  /**\n   * Updates all scroll positions of the time picker elements\n   * Updates only the elements that have changed if `formattedTimeOld` is provided\n   */\n  private updateScrollPositions(\n    formattedTimeOld: TimeOutputFormat | undefined = undefined\n  ) {\n    for (const key in this.formattedTime) {\n      const unitKey = key as keyof TimeOutputFormat;\n\n      if (\n        !formattedTimeOld ||\n        this.formattedTime[unitKey] !== formattedTimeOld[unitKey]\n      ) {\n        this.elementListScrollToTop(\n          unitKey as TimePickerDescriptorUnit,\n          Number(this.formattedTime[unitKey]),\n          'instant'\n        );\n      }\n    }\n  }\n\n  private formatUnitValue(\n    unit: TimePickerDescriptorUnit,\n    value: number\n  ): string {\n    if (unit === 'millisecond') {\n      return value.toString().padStart(3, '0');\n    }\n\n    return value < 10 ? `0${value}` : value.toString();\n  }\n\n  private getColumnSeparator(currentIndex: number): string {\n    if (currentIndex + 1 < this.timePickerDescriptors.length) {\n      const nextUnit = this.timePickerDescriptors[currentIndex + 1].unit;\n      return nextUnit === 'millisecond' ? '.' : ':';\n    }\n\n    return ':';\n  }\n\n  private getElementContainerTabIndex(\n    number: number,\n    descriptorUnit: TimePickerDescriptorUnit\n  ): string {\n    return number === this.focusedValue && descriptorUnit === this.focusedUnit\n      ? '0'\n      : '-1';\n  }\n\n  private getConfirmButtonText(): string {\n    if (this.i18nConfirmTime !== CONFIRM_BUTTON_DEFAULT) {\n      return this.i18nConfirmTime;\n    }\n\n    if (this.textSelectTime !== CONFIRM_BUTTON_DEFAULT) {\n      return this.textSelectTime;\n    }\n\n    return this.i18nConfirmTime;\n  }\n\n  private getHeaderText(): string {\n    if (this.i18nHeader !== HEADER_DEFAULT) {\n      return this.i18nHeader;\n    }\n\n    if (this.textTime != HEADER_DEFAULT) {\n      return this.textTime;\n    }\n\n    return this.i18nHeader;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-date-time-card\n          standaloneAppearance={this.standaloneAppearance}\n          timePickerAppearance={true}\n          corners={this.corners}\n          hasFooter={true}\n          hideHeader={this.hideHeader}\n        >\n          <div class=\"header\" slot=\"header\">\n            <ix-typography format=\"h5\">{this.getHeaderText()}</ix-typography>\n          </div>\n          <div class=\"clock\">\n            {this.timePickerDescriptors.map((descriptor, index: number) => (\n              <div class=\"flex\">\n                <div class={{ columns: true, hidden: descriptor.hidden }}>\n                  <div class=\"column-header\" title={descriptor.header}>\n                    {descriptor.header}\n                  </div>\n                  <div\n                    data-element-list-id={descriptor.unit}\n                    class=\"element-list\"\n                    tabIndex={-1}\n                  >\n                    {descriptor.numberArray.map((number) => (\n                      <button\n                        data-element-container-id={`${descriptor.unit}-${number}`}\n                        class={{\n                          selected: this.isSelected(descriptor.unit, number),\n                          'element-container': true,\n                        }}\n                        onClick={() => this.select(descriptor.unit, number)}\n                        onFocus={() => {\n                          this.focusedUnit = descriptor.unit;\n                          this.focusedValue = number;\n                          this.onUnitCellFocus();\n                        }}\n                        onBlur={() => this.onUnitCellBlur()}\n                        tabindex={this.getElementContainerTabIndex(\n                          number,\n                          descriptor.unit\n                        )}\n                        role=\"button\"\n                        aria-label={`${descriptor.header}: ${number}`}\n                      >\n                        {this.formatUnitValue(descriptor.unit, number)}\n                      </button>\n                    ))}\n                    <div class=\"element-list-padding\"></div>\n                  </div>\n                </div>\n\n                {index !== this.timePickerDescriptors.length - 1 && (\n                  <div\n                    class={{\n                      'column-seperator': true,\n                      hidden: descriptor.hidden,\n                    }}\n                  >\n                    {this.getColumnSeparator(index)}\n                  </div>\n                )}\n              </div>\n            ))}\n          </div>\n\n          <div\n            class={{\n              footer: true,\n              'footer--compact': this.timePickerDescriptors.length <= 2,\n            }}\n            slot=\"footer\"\n          >\n            {this.timeRef && (\n              <div\n                class={{\n                  'time-ref-buttons': true,\n                  'time-ref-buttons--datetime-picker-appearance':\n                    this.dateTimePickerAppearance,\n                }}\n              >\n                <button\n                  data-am-pm-id=\"AM\"\n                  class={{ selected: this.timeRef === 'AM' }}\n                  onClick={() => this.changeTimeReference('AM')}\n                >\n                  AM\n                </button>\n                <button\n                  data-am-pm-id=\"PM\"\n                  class={{ selected: this.timeRef === 'PM' }}\n                  onClick={() => this.changeTimeReference('PM')}\n                >\n                  PM\n                </button>\n              </div>\n            )}\n            {!this.dateTimePickerAppearance && (\n              <ix-button\n                class=\"confirm-button\"\n                onClick={() => {\n                  this.timeSelect.emit(this._time?.toFormat(this.format));\n                }}\n              >\n                {this.getConfirmButtonText()}\n              </ix-button>\n            )}\n          </div>\n        </ix-date-time-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,a as s}from"./p-DJsXFBNm.js";import{b as o}from"./p-Bb7pDeaQ.js";import{m as a}from"./p-bcj7UEIC.js";import{c as r}from"./p-CFsAnuUU.js";import{h as n,H as h}from"./p-CthRnoDv.js";import"./p-DLTnniMb.js";function l(t){return t&&"getAssociatedFormElement"in t&&typeof t.getAssociatedFormElement==="function"&&"getNativeInputElement"in t&&typeof t.getNativeInputElement==="function"}const f=":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}";const c=class{constructor(e){t(this,e);this.isInvalid=false;this.htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));this.a11yAttributes={};this.labelRef=a()}connectedCallback(){this.registerHtmlForObserver();this.registerControlRefObserver()}disconnectedCallback(){if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}}componentWillRender(){this.checkForInternalState()}componentWillLoad(){this.a11yAttributes=o(this.hostElement)}registerHtmlForObserver(){if(typeof window==="undefined"){return}if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlFor){this.htmlForObserver.observe(window.document,{childList:true,subtree:true})}}async registerControlRefObserver(){if(typeof window==="undefined"){return}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=r(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}this.htmlForClassObserver=r(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){this.isInvalid=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid")}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){if(typeof t.required==="boolean"){this.required=t.required}this.registerHtmlForClassObserver(t);this.checkForInvalidState(t)}}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;if(l(t)){e=await t.getNativeInputElement()}else{e=t}if(typeof e.focus==="function"){e.focus()}}}if(this.controlRef){(await this.controlRef.waitForCurrent()).focus()}}render(){return e(i,{key:"1523186f6399825257dbffcd1aed2522997044bc",onClick:()=>this.focusOnClick()},e("label",Object.assign({key:"1e956399435c73d1a8d15129e86fed12b38b36b0",htmlFor:this.htmlFor},this.a11yAttributes,{ref:this.labelRef}),e("ix-typography",{key:"a690608275495d048a0503b68d07a8d8e2b75a3c",textColor:this.isInvalid?"alarm":"soft",format:"label"},e("slot",{key:"a54690a36d07d2bb28ed787cb557aa0fa51292b8"}),this.required&&e("span",{key:"1f09d454bb53346f909e90eb2d6170340bd7e598"},"*"))))}get hostElement(){return s(this)}static get watchers(){return{htmlFor:["registerHtmlForObserver"],controlRef:["registerControlRefObserver"]}}};c.style=f;const d=":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:-moz-min-content;width:min-content;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}";const b=class{constructor(e){t(this,e);this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.showTextAsTooltip=false;this.required=false;this.slotRef=a()}render(){const t={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};return e(i,{key:"cbe79e9b73dd83e1ba5f608f603adfea7aff881b"},this.label&&e("div",{key:"680ac23aa7d5e2bc7694d6b737754b9795bf23d4",class:"field-top"},e("ix-field-label",{key:"6cc8df941e93c99f4b8f5494f13274cad4b9a9e1",required:this.required,htmlFor:this.htmlForLabel,controlRef:this.controlRef,isInvalid:this.isInvalid},this.label)),e("div",{key:"7890365fe31ef8f141cf6f5f0027fdc4c5aaf043",class:{"slot-wrapper":true},ref:this.slotRef},e("slot",{key:"79216d5a495b84f75521d6226831078e83c54ece"})),e("div",{key:"26ac12f688455b4fc261e3a23e38b3acc2a13444",class:"field-bottom"},!this.showTextAsTooltip&&e(h,Object.assign({key:"4411ef2c68d89c5651d609d848e154d4d92577f7"},t)),e("div",{key:"a6a4d29b3b7f01c76c3abb38f77a2f437b38fa85",class:"bottom-right"},e("slot",{key:"a6f7949b0f7d371508759ebddc5a0c75ae8e7d6e",name:"bottom-right"}))),this.showTextAsTooltip===true&&n(t)&&e("ix-tooltip",{key:"1df8e451198beb33bce572b213886b0584f9d6d6",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},e(h,Object.assign({key:"836951150dc94c6ffc82639bf2219c07e2a994bd"},t))))}get hostElement(){return s(this)}};b.style=d;export{c as ix_field_label,b as ix_field_wrapper};
+//# sourceMappingURL=p-d3458382.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as t,H as s}from"./p-DJsXFBNm.js";const c=":host{display:block}";const b=class{constructor(t){e(this,t);this.labelChange=a(this,"labelChange",7)}watchLabel(e,a){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:a,newLabel:e})}render(){return t(s,{key:"816bcf3b512519e645490845260cd5b79b4b80fe"},t("slot",{key:"cf2b54acadddc5c26a9111faff3b865e7f231ed6"}))}static get watchers(){return{label:["watchLabel"]}}};b.style=c;export{b as ix_menu_about_item};
+//# sourceMappingURL=p-d605b181.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as a,H as r}from"./p-DJsXFBNm.js";const c=":host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}";const o=class{constructor(a){t(this,a);this.actionClick=e(this,"actionClick",7);this.layout="large"}render(){return a(r,{key:"d434c7fbfd8d3c287c49fa0f2c8db22316347a1d",class:`emptyState emptyState--${this.layout}`},this.icon&&a("div",{key:"302252fc8678ebcaf3c4bc4a7c3395e341f8a7fb",class:"emptyState__icon"},a("ix-icon",{key:"95a56f0258f249d9fedaf4c5cc32fe8d88c122f4",name:this.icon,size:this.layout==="large"?"32":"32",color:"color-soft-text"})),a("div",{key:"9a6726a7adbc8c647aa02d8c5205072a3b8a08b7",class:"emptyState__content"},a("div",{key:"a47e763cc591996408988226c04af78e08357825",class:"content__label"},a("ix-typography",{key:"418514c4b661f4efb13fb6fa66a459c851077f13",format:this.layout==="large"?"h3":"body"},this.header),this.subHeader&&a("div",{key:"a96c66dba511294c02a01a7b2e0b9557af988833",class:"label__subHeader"},this.subHeader)),this.action&&a("div",{key:"6c51df2aea608a3f5017eda7a1c9a2d634003d16",class:"content__action"},a("ix-button",{key:"34753a75886db6a921ee1e5af3804da0bfdd1c1b",onClick:()=>this.actionClick.emit()},this.action))))}};o.style=c;export{o as ix_empty_state};
+//# sourceMappingURL=p-db6d5110.entry.js.map

package/dist/siemens-ix/p-db6d5110.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["emptyStateCss","EmptyState","constructor","hostRef","this","layout","render","h","Host","key","class","icon","name","size","color","format","header","subHeader","action","onClick","actionClick","emit"],"sources":["src/components/empty-state/empty-state.scss?tag=ix-empty-state&encapsulation=shadow","src/components/empty-state/empty-state.tsx"],"sourcesContent":["@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  .label__subHeader {\n    color: var(--theme-color-soft-text);\n  }\n}\n\n:host(.emptyState.emptyState--large) {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: $default-space;\n\n  .emptyState__icon {\n    width: 3.5rem;\n    height: 3.5rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ix-icon {\n      transform: scale(1.75);\n    }\n  }\n\n  .emptyState__content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: $large-space;\n\n    .content__label {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      gap: $small-space;\n    }\n  }\n\n  .label__subHeader,\n  ix-typography {\n    text-align: center;\n  }\n}\n\n:host(.emptyState.emptyState--compact) {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: $default-space;\n\n  .emptyState__icon {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: $large-control-height;\n  }\n\n  .emptyState__content {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    gap: $default-space;\n  }\n}\n\n:host(.emptyState.emptyState--compactBreak) {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: $default-space;\n\n  .emptyState__icon {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: $large-control-height;\n  }\n\n  .emptyState__content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: $small-space;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { EmptyStateLayout } from './empty-state.types';\n\n@Component({\n  tag: 'ix-empty-state',\n  styleUrl: 'empty-state.scss',\n  shadow: true,\n})\nexport class EmptyState {\n  /**\n   * Optional empty state layout - one of 'large', 'compact' or 'compactBreak'\n   */\n  @Prop() layout: EmptyStateLayout = 'large';\n\n  /**\n   * Optional empty state icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Empty state header\n   */\n  @Prop() header!: string;\n\n  /**\n   * Optional empty state sub header\n   */\n  @Prop() subHeader?: string;\n\n  /**\n   * Optional empty state action\n   */\n  @Prop() action?: string;\n\n  /**\n   * Empty state action click event\n   */\n  @Event() actionClick!: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host class={`emptyState emptyState--${this.layout}`}>\n        {this.icon && (\n          <div class=\"emptyState__icon\">\n            {/* TODO: replace size for large layout with '56' if available */}\n            <ix-icon\n              name={this.icon}\n              size={this.layout === 'large' ? '32' : '32'}\n              color=\"color-soft-text\"\n            />\n          </div>\n        )}\n\n        <div class=\"emptyState__content\">\n          <div class=\"content__label\">\n            <ix-typography format={this.layout === 'large' ? 'h3' : 'body'}>\n              {this.header}\n            </ix-typography>\n\n            {this.subHeader && (\n              <div class=\"label__subHeader\">{this.subHeader}</div>\n            )}\n          </div>\n\n          {this.action && (\n            <div class=\"content__action\">\n              <ix-button onClick={() => this.actionClick.emit()}>\n                {this.action}\n              </ix-button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,0zE,MCiBTC,EAAU,MALvB,WAAAC,CAAAC,G,mDASUC,KAAMC,OAAqB,OA+DpC,CApCC,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAO,0BAA0BN,KAAKC,UACzCD,KAAKO,MACJJ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBAETH,EACE,WAAAE,IAAA,2CAAAG,KAAMR,KAAKO,KACXE,KAAMT,KAAKC,SAAW,QAAU,KAAO,KACvCS,MAAM,qBAKZP,EAAK,OAAAE,IAAA,2CAAAC,MAAM,uBACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,kBACTH,EAAA,iBAAAE,IAAA,2CAAeM,OAAQX,KAAKC,SAAW,QAAU,KAAO,QACrDD,KAAKY,QAGPZ,KAAKa,WACJV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBAAoBN,KAAKa,YAIvCb,KAAKc,QACJX,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mBACTH,EAAW,aAAAE,IAAA,2CAAAU,QAAS,IAAMf,KAAKgB,YAAYC,QACxCjB,KAAKc,U","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as o}from"./p-DJsXFBNm.js";const n='.typography-label,:host(.typography-label){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-xs,:host(.typography-label-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-sm,:host(.typography-label-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-lg,:host(.typography-label-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body,:host(.typography-body){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-xs,:host(.typography-body-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-sm,:host(.typography-body-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-lg,:host(.typography-body-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display,:host(.typography-display){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xs,:host(.typography-display-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-sm,:host(.typography-display-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-lg,:host(.typography-display-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xl,:host(.typography-display-xl){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-5);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xxl,:host(.typography-display-xxl){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-6);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h6,.h6,.typography-h6,:host(.typography-h6){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h5,.h5,.typography-h5,:host(.typography-h5){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h4,.h4,.typography-h4,:host(.typography-h4){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h3,.h3,.typography-h3,:host(.typography-h3){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h2,.h2,.typography-h2,:host(.typography-h2){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h1,.h1,.typography-h1,:host(.typography-h1){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code,:host(.typography-code){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-lg,:host(.typography-code-lg){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-sm,:host(.typography-code-sm){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-decoration-none,:host(.typography-decoration-none){text-decoration:none !important}.typography-decoration-underline,:host(.typography-decoration-underline){text-decoration:underline !important}.typography-decoration-line-through,:host(.typography-decoration-line-through){text-decoration:line-through !important}.typography-weight-bold,:host(.typography-weight-bold){font-weight:700 !important}a{color:var(--theme-color-primary)}:host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.text-xs){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}:host(.text-s){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-caption){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-caption-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}:host(.text-default){-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)}:host(.text-default-single){-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.143em;color:var(--theme-color-std-text)}:host(.text-default-title){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host(.text-default-title-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}:host(.text-l){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-l-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}:host(.text-l-title){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-l-title-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}:host(.text-h2){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}:host(.text-xl){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}';const i=class{constructor(e){t(this,e);this.bold=false;this.textDecoration="none"}static getTextColor(t){if(t.startsWith("inv-")||!t.endsWith("-contrast")){return`var(--theme-color-${t}-text)`}return`var(--theme-color-${t.replace("-","--")})`}render(){var t;let n={};n[`typography-${(t=this.format)!==null&&t!==void 0?t:"body"}`]=true;if(this.textDecoration!=="none"){n[`typography-decoration-${this.textDecoration}`]=true}n["typography-weight-bold"]=this.bold;let a={};if(this.textColor){a={color:i.getTextColor(this.textColor)}}return e(o,{key:"9c118b27a1e0dd92d405d34ab695fb2774c0a829",class:n,style:a},e("slot",{key:"9701d11796a942eb09023d747b6622c9634125c2"}))}};i.style=n;export{i as ix_typography};
+//# sourceMappingURL=p-de79e8c0.entry.js.map

package/dist/siemens-ix/p-de79e8c0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["typographyCss","IxTypography","constructor","hostRef","this","bold","textDecoration","getTextColor","color","startsWith","endsWith","replace","render","typographyClass","_a","format","style","textColor","h","Host","key","class"],"sources":["src/components/typography/typography.scss?tag=ix-typography&encapsulation=shadow","src/components/typography/typography.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/mixins/fonts';\n@import 'components/fonts';\n@import 'mixins/fonts';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n}\n\n:host(.text-xs) {\n  @include text-xs;\n}\n\n:host(.text-s) {\n  @include text-s;\n}\n\n:host(.text-caption) {\n  @include text-caption;\n}\n\n:host(.text-caption-single) {\n  @include text-caption-single;\n}\n\n:host(.text-default) {\n  @include text-default;\n}\n\n:host(.text-default-single) {\n  @include text-default-single;\n}\n\n:host(.text-default-title) {\n  @include text-default-title;\n}\n\n:host(.text-default-title-single) {\n  @include text-default-title-single;\n}\n\n:host(.text-l) {\n  @include text-l;\n}\n\n:host(.text-l-single) {\n  @include text-l-single;\n}\n\n:host(.text-l-title) {\n  @include text-l-title;\n}\n\n:host(.text-l-title-single) {\n  @include text-l-title-single;\n}\n\n:host(.text-h2) {\n  @include text-h2;\n}\n\n:host(.text-xl) {\n  @include text-xl;\n}\n\n$typography-formats: label, label-xs, label-sm, label-lg, body, body-xs, body-sm,\n  body-lg, display, display-xs, display-sm, display-lg, display-xl, display-xxl,\n  h6, h5, h4, h3, h2, h1, code, code-sm, code-lg;\n\n@each $format in $typography-formats {\n  :host(.typography-#{$format}) {\n    @extend .typography-#{$format};\n  }\n}\n\n$typography-decoration: none, underline, line-through;\n@each $decoration in $typography-decoration {\n  :host(.typography-decoration-#{$decoration}) {\n    @extend .typography-decoration-#{$decoration};\n  }\n}\n\n:host(.typography-weight-bold) {\n  @extend .typography-weight-bold;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport type {\n  TypographyFormat,\n  TextDecoration,\n  TypographyColors,\n} from './typography.types';\n\n@Component({\n  tag: 'ix-typography',\n  styleUrl: 'typography.scss',\n  shadow: true,\n})\nexport class IxTypography {\n  /**\n   * Text format\n   */\n  @Prop() format?: TypographyFormat;\n\n  /**\n   * Text color based on theme variables\n   */\n  @Prop() textColor?: TypographyColors;\n\n  /**\n   * Display text bold\n   */\n  @Prop() bold = false;\n\n  /**\n   * Text decoration\n   */\n  @Prop() textDecoration: TextDecoration = 'none';\n\n  private static getTextColor(color: TypographyColors) {\n    if (color.startsWith('inv-') || !color.endsWith('-contrast')) {\n      return `var(--theme-color-${color}-text)`;\n    }\n\n    return `var(--theme-color-${color.replace('-', '--')})`;\n  }\n\n  render() {\n    let typographyClass: Record<string, boolean> = {};\n    typographyClass[`typography-${this.format ?? 'body'}`] = true;\n\n    if (this.textDecoration !== 'none') {\n      typographyClass[`typography-decoration-${this.textDecoration}`] = true;\n    }\n\n    typographyClass['typography-weight-bold'] = this.bold;\n\n    let style = {};\n\n    if (this.textColor) {\n      style = {\n        color: IxTypography.getTextColor(this.textColor),\n      };\n    }\n\n    return (\n      <Host class={typographyClass} style={style}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,oxb,MCqBTC,EAAY,MALzB,WAAAC,CAAAC,G,UAmBUC,KAAIC,KAAG,MAKPD,KAAcE,eAAmB,MAkC1C,CAhCS,mBAAOC,CAAaC,GAC1B,GAAIA,EAAMC,WAAW,UAAYD,EAAME,SAAS,aAAc,CAC5D,MAAO,qBAAqBF,S,CAG9B,MAAO,qBAAqBA,EAAMG,QAAQ,IAAK,Q,CAGjD,MAAAC,G,MACE,IAAIC,EAA2C,GAC/CA,EAAgB,eAAcC,EAAAV,KAAKW,UAAU,MAAAD,SAAA,EAAAA,EAAA,UAAY,KAEzD,GAAIV,KAAKE,iBAAmB,OAAQ,CAClCO,EAAgB,yBAAyBT,KAAKE,kBAAoB,I,CAGpEO,EAAgB,0BAA4BT,KAAKC,KAEjD,IAAIW,EAAQ,GAEZ,GAAIZ,KAAKa,UAAW,CAClBD,EAAQ,CACNR,MAAOP,EAAaM,aAAaH,KAAKa,W,CAI1C,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAOR,EAAiBG,MAAOA,GACnCE,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as s,H as i}from"./p-DJsXFBNm.js";import{p as o}from"./p-DLTnniMb.js";import{a as r}from"./p-Ou74PMQs.js";const a=":host{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);display:block;position:absolute;justify-content:flex-start;align-items:center;opacity:0;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .drawer-container{z-index:100}:host .header{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:0.5rem;width:100%;order:1}:host .header .header-content{flex-grow:1;margin-right:1rem}:host .content{position:relative;flex:1;order:2;height:100%;width:100%;overflow-y:auto}:host(.display-none){display:none}";const h=class{constructor(s){t(this,s);this.open=e(this,"open",7);this.drawerClose=e(this,"drawerClose",7);this.show=false;this.closeOnClickOutside=true;this.fullHeight=false;this.minWidth=16;this.maxWidth=28;this.width=this.minWidth;this.toggle=false;this.callback=this.clickedOutside.bind(this);this.showContent=true}onShowChanged(t,e){if(t===e){return}this.toggleDrawer(t)}async toggleDrawer(t){t=t!==null&&t!==void 0?t:!this.show;if(t){const{defaultPrevented:t}=this.open.emit();if(t){return}this.show=true;if(!this.toggle&&this.divElement){this.slideInRight(this.divElement);setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),h.duration)}}else{const{defaultPrevented:t}=this.drawerClose.emit();if(t){return}this.show=false;if(this.toggle&&this.divElement){this.slideOutRight(this.divElement)}window.removeEventListener("mousedown",this.callback)}this.toggle=this.show;return Promise.resolve()}onCloseClicked(){this.toggleDrawer(false)}clickedOutside(t){if(!this.closeOnClickOutside){return}const e=t.target;const s=e.closest("#div-container");const i=e.closest("#drawer-btn");if(t.target.type!=="button"&&s!==this.divElement&&e!==i){this.show=false}}getConstrainedWidth(t){return Math.min(Math.max(t,this.minWidth),this.maxWidth)}slideOutRight(t){const e=`${this.getConstrainedWidth(this.width==="auto"?this.minWidth:this.width)}rem`;r({targets:t,duration:h.duration,width:[e,0],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("display-none")}})}slideInRight(t){const e=`${this.getConstrainedWidth(this.width==="auto"?this.minWidth:this.width)}rem`;r({targets:t,duration:h.duration,width:[0,e],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("display-none")},complete:()=>{this.showContent=true}})}componentDidLoad(){this.toggleDrawer(this.show)}render(){return s(i,{key:"583a9857ead852d4af6dda28dd2f3cd43f7ccdf6",class:{"drawer-container":true,"display-none":true},style:{width:"0","max-width":`${this.maxWidth}rem`,height:this.fullHeight?"100%":"auto",overflow:"hidden"},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},s("div",{key:"314284968617cdd37f7240b00d11c6e5834bcc89",style:{width:this.width==="auto"?"auto":`${this.getConstrainedWidth(this.width)}rem`}},s("div",{key:"878f802e70941772d44d3b3774fe33eb682061e1",class:"header"},s("div",{key:"29de426ed6849d8464b177c5171c20574d51711d",class:"header-content"},s("slot",{key:"1fda9e78f5194f71bc8b38b94169502730665d4e",name:"header"})),s("ix-icon-button",{key:"101b53763d05760536497b56b456f07a4f8d1453",class:"close-button",style:{display:this.showContent?"block":"none"},icon:o,size:"24",ghost:true,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),s("div",{key:"e9e12c0473fefff7b2d4f2603e63f3ff75d3bd79",class:"content",style:{display:this.showContent?"block":"none"}},s("slot",{key:"963505ea2543c97d0a1b83942a0676f47ad967cf"}))))}static get watchers(){return{show:["onShowChanged"]}}};h.duration=300;h.style=a;export{h as ix_drawer};
+//# sourceMappingURL=p-dfb5f7d8.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as r,a as i}from"./p-DJsXFBNm.js";import{c as s}from"./p-CX81WQtk.js";import{h as d}from"./p-i60z1FJC.js";import{f as a,q as n}from"./p-DLTnniMb.js";const h=":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color)}:host .group-header{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):hover,:host .group-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-group-item--background--hover)}:host .group-header:not(.disabled):not(:disabled):hover.selected,:host .group-header:not(.disabled):not(:disabled).hover.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):active,:host .group-header:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}:host .group-header:not(.disabled):not(:disabled):active.selected,:host .group-header:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled):focus-visible{border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}:host .group-header.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header.selected .group-header-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header .group-header-selection-indicator{background-color:var(--theme-color-input--focus)}:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header-clickable{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:100%;min-width:0}:host .group-header-selection-indicator{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}:host .group-header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0}:host .group-header-content .group-header-props-container{width:100%}:host .group-header-content .group-header-title{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}:host .group-header-content .group-header-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:0}:host .group-header-content .group-subheader{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color)}:host .expand-icon{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}:host .btn-expand-header{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}:host .group-content{display:flex;flex-direction:column;gap:1px;margin-top:1px}:host .footer{visibility:collapse;height:auto;min-height:0}:host .footer-visible{visibility:visible}:host .hidden{display:none}";const c=class{constructor(o){e(this,o);this.selectGroup=t(this,"selectGroup",7);this.selectItem=t(this,"selectItem",7);this.collapsedChanged=t(this,"collapsedChanged",7);this.suppressHeaderSelection=false;this.collapsed=true;this.selected=false;this.expandOnHeaderClick=false;this.itemSelected=false;this.slotSize=this.groupItems.length;this.footerVisible=false;this.showExpandCollapsedIcon=false;this.observer=null}selectedChanged(e){if(e===false){this.changeItemIndex()}}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(){var e;return(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.querySelector(".group-content")}onExpandClick(e){const t=this.collapsed;this.collapsed=!this.collapsed;const{defaultPrevented:o}=this.collapsedChanged.emit(this.collapsed);e.stopPropagation();if(o){this.collapsed=t}}onHeaderClick(e){if(this.suppressHeaderSelection){this.onExpandClick(e);return}this.changeHeaderSelection(!this.selected);this.changeItemIndex()}changeHeaderSelection(e){const t=this.selected;const o=e;this.selected=o;const{defaultPrevented:r}=this.selectGroup.emit(o);if(r){this.selected=t;return}}changeItemIndex(e){const t=this.index;const o=e===this.index?undefined:e;if(this.index===o){return}this.index=o;const{defaultPrevented:r}=this.selectItem.emit(o);if(r){this.index=t;return}const i=this.groupItems;i.forEach(((e,t)=>{e.selected=t===this.index}));this.itemSelected=i.some((e=>e.selected))}onSlotChange(){var e;const t=(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="footer"]');if(t){this.footerVisible=d(t)}}componentWillRender(){this.groupItems.forEach(((e,t)=>{e.selected=t===this.index;e.index=t}))}componentDidLoad(){this.observer=s((()=>{this.slotSize=this.groupItems.length}));if(!this.groupContent){return}this.observer.observe(this.groupContent,{childList:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}onItemClicked(e){if(e.target instanceof HTMLElement){const t=e.target;const o=this.groupItems.indexOf(t);this.changeItemIndex(o)}}render(){return o(r,{key:"c12e1a819786a4277228216151e4e359edecf2a1"},o("div",{key:"542b9ffe9a1ac23ae90454b608b50b91ac06d06a",class:{"group-header":true,expand:!this.collapsed,selected:this.selected},tabindex:"0"},o("div",{key:"da9bd0a4ca1143a957babf654df92d8de9841f7c",class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},o("div",{key:"9b25d1fd572830e6a6a1eac1baca511cb0572023",class:{"group-header-selection-indicator":true,"group-header-selection-indicator-item-selected":this.itemSelected}}),o("div",{key:"9c582a981ac1c16c96f30df2804480cce37647ab",class:"btn-expand-header"},o("ix-icon",{key:"c2346a13a12c615609f0819e7ca92106b646e16a","data-testid":"expand-collapsed-icon",class:{hidden:!this.showExpandCollapsedIcon},name:this.collapsed?a:n,onClick:e=>this.onExpandClick(e)})),o("div",{key:"19e552ac07324b187c020af499ba37bac5576d8e",class:"group-header-content"},this.header?o("div",{class:"group-header-props-container"},o("div",{class:"group-header-title"},o("span",{title:this.header},this.header)),o("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,o("slot",{key:"88e5a3387867463075197cd1336e5c76dc1e7951",name:"header"}))),o("ix-group-context-menu",{key:"4eb3c5f983ef6f05578db3de015b58a96120da4c"},o("slot",{key:"e83f89970313fd70ab6f59bb40edc91af5bb1419",name:"dropdown"}))),o("div",{key:"9f587f7b424b9ee0e3d4f8674e1eb0a0fefdf5aa",class:{"group-content":true}},o("div",{key:"8beacefeb0d1f448db79228dcb6e54713bf5de5a",style:{display:this.collapsed?"none":"contents"}},o("slot",{key:"46abc49fd5ac4a5761797129e9b11ab21588bfb8",onSlotchange:()=>{var e;const t=(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");this.showExpandCollapsedIcon=d(t)}}),o("ix-group-item",{key:"8569488efc7b85e6d469f18c334500e694a3e24f",suppressSelection:true,focusable:false,class:{footer:true,"footer-visible":this.footerVisible}},o("slot",{key:"028d3ca36b47e12b5e80a3e01daed1dd62eb6687",name:"footer",onSlotchange:()=>this.onSlotChange()})))))}get hostElement(){return i(this)}static get watchers(){return{selected:["selectedChanged"]}}};c.style=h;export{c as ix_group};
+//# sourceMappingURL=p-dfe4de85.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as o,c as t,h as r,H as e}from"./p-DJsXFBNm.js";import{j as n,k as i}from"./p-DLTnniMb.js";const a=".ix-form-control,.ix-form-control-plaintext{-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);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]{text-align:right}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between;position:relative;}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-container{transition:all var(--theme-medium-time) ease-in-out}:host input{box-shadow:var(--theme-input--box-shadow);cursor:auto !important;width:100%}:host .expanded{width:11.5625rem}:host .expanded.fullWidth{width:100%}:host .collapsed{width:1.5rem;border:none}:host .btn-search-icon{align-self:center;margin:auto;position:relative}:host .btn-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all var(--theme-default-time) ease-in-out;z-index:1;align-items:center;position:relative;border:none}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):hover,:host .btn-search:not(.disabled):not(:disabled).hover{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):active,:host .btn-search:not(.disabled):not(:disabled).active{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:none}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}:host .btn-search.btn-search--expanded{margin-left:0.25rem;pointer-events:none}:host .btn-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}:host .input-container{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}:host .btn-clear{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}:host .input{padding-left:2rem !important;padding-right:2.5rem !important}:host .opacity-before{opacity:0}:host .opacity-after{opacity:1}:host(.right-position){width:11.5625rem !important}:host(.right-position.fullWidth){width:100% !important}:host(.right-position.fullWidth) .fullWidth{width:100% !important}";const l=class{expandInput(){setTimeout(this.focusTextInput,300);this.expanded=true}collapseInput(){if(!this.isFieldChanged&&this.expanded){this.expanded=false}}clearInput(){this.value="";this.isFieldChanged=false}onChange(o){this.value=o.target.value;if(this.isFieldChanged&&this.value===""){this.isFieldChanged=false}else{this.isFieldChanged=true}this.valueChange.emit(this.value)}constructor(r){o(this,r);this.valueChange=t(this,"valueChange",7);this.placeholder="Enter text here";this.value="";this.fullWidth=false;this.variant="primary";this.outline=false;this.ghost=true;this.isFieldChanged=false;this.expanded=false;this.hasFocus=false;this.focusTextInput=this.focusTextInput.bind(this)}focusTextInput(){var o;(o=this.textInput)===null||o===void 0?void 0:o.focus()}clearClicked(){var o;this.clearInput();(o=this.textInput)===null||o===void 0?void 0:o.focus();this.valueChange.emit(this.value)}render(){var o;return r(e,{key:"6fd8984383d4b8459981f951c40913d4c194df54",class:{expanded:this.expanded,"right-position":this.expanded,fullWidth:this.fullWidth}},r("ix-icon-button",{key:"5f63c65cfe62582bb214007ca2f6fd61ef3796b1",size:this.expanded?"16":"24",icon:(o=this.icon)!==null&&o!==void 0?o:i,variant:this.expanded?"primary":this.variant,ghost:this.ghost||this.expanded,outline:this.outline&&!this.expanded,"data-testid":"button",onClick:()=>this.expandInput(),tabindex:this.expanded?-1:0,color:this.hasFocus?"input-search-icon--color--focus":undefined,class:{"btn-search":true,"btn-search--expanded":this.expanded}}),r("div",{key:"d4e2020d174e1a71842586eac3cdfe5fe17a0ece",class:{expanded:this.expanded,fullWidth:this.fullWidth,collapsed:!this.expanded,"disable-pointer":!this.expanded,"input-container":true},"data-testid":"input-wrapper"},r("input",{key:"f375ac635389108c7711d1075b1d7c730db1e554",class:{"ix-form-control":true,input:this.expanded,"disable-pointer":!this.expanded,"opacity-before":!this.expanded,"opacity-after":this.expanded},ref:o=>this.textInput=o,"data-testid":"input",placeholder:this.placeholder,type:"text",value:this.value,onBlur:()=>{this.collapseInput();this.hasFocus=false},onFocus:()=>this.hasFocus=true,onInput:o=>this.onChange(o),tabindex:this.expanded?0:-1}),this.isFieldChanged?r("ix-icon-button",{class:"btn-clear",icon:n,ghost:true,size:"16","data-testid":"clear-button",onClick:()=>this.clearClicked()}):null))}};l.style=a;export{l as ix_expanding_search};
+//# sourceMappingURL=p-ea142215.entry.js.map