@siemens/ix 5.2.0 → 5.2.1

package/dist/siemens-ix/p-0b875bbd.entry.js

@@ -0,0 +1 @@
+import{r,h as o,H as t,c as e,g as a}from"./p-EBgS4zhE.js";import{c as s}from"./p-BClJdFQP.js";import{K as l}from"./p-BeX6RWvV.js";const c=class{constructor(o){r(this,o)}render(){return o(t,{key:"b9b13e4b94006023e1c4cb72f8750a0d3115fe83"},o("slot",{key:"ab56f72939eeb96ebf29990d00894c14be058f9a"}))}};c.style=":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}";const h=class{constructor(o){r(this,o),this.closeClick=e(this,"closeClick",7)}get hostElement(){return a(this)}hideClose=!1;icon;ariaLabelIcon;ariaLabelCloseIconButton="Close modal";onIconChange(r){this.parentDialog&&(r?this.parentDialog.classList.add("with-icon"):this.parentDialog.classList.remove("with-icon"))}iconColor;closeClick;parentDialog;componentDidLoad(){this.parentDialog=s(this.hostElement,"ix-modal"),this.onIconChange(this.icon)}onCloseClick(r){this.closeClick.emit(r).defaultPrevented||r.defaultPrevented||this.parentDialog?.dismissModal()}render(){return o(t,{key:"9f03264844ac63ce55494f2177d1ea38179e736a"},this.icon?o("ix-icon",{name:this.icon,color:this.iconColor,size:"32","aria-label":this.ariaLabelIcon}):null,o("div",{key:"62cd301023d42678376d6c064f280970185f29d3",class:"modal-title"},o("ix-typography",{key:"7d816462cfca738fca02746590548256bd0d529f",format:"h5"},o("slot",{key:"946ddbbb1dfc674038d618a68e7c4a204d69d6e1"}))),this.hideClose?null:o("ix-icon-button",{class:"modal-close",onClick:r=>this.onCloseClick(r),variant:"tertiary",icon:l,iconColor:"color-soft-text","aria-label":this.ariaLabelCloseIconButton}))}static get delegatesFocus(){return!0}static get watchers(){return{icon:[{onIconChange:0}]}}};h.style=":host{display:flex;padding:0.5rem 0 0.5rem 0.5rem;align-items:center;gap:1rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .modal-title{flex-grow:1;overflow-wrap:anywhere}:host .modal-close{align-self:flex-start}";export{c as ix_modal_content,h as ix_modal_header}

package/dist/siemens-ix/p-1a7b51d8.entry.js

@@ -0,0 +1 @@
+import{g as e,r as o,c as r,h as d,F as i,H as t}from"./p-EBgS4zhE.js";import{a as l}from"./p-DhE1t8Qh.js";import{a as n}from"./p-DD206pTM.js";import{t as a}from"./p-BeX6RWvV.js";import{A as s}from"./p-BqeSHO6C.js";let b=0;const h=class{collapsed=!1;label;sublabel;icon;variant="filled";collapsedChange;get hostElement(){return e(this)}chevronRef;blindId=++b;constructor(e){o(this,e),this.collapsedChange=r(this,"collapsedChange",7)}onHeaderClick(){this.collapsed=!this.collapsed,this.collapsedChange.emit(this.collapsed)}componentDidLoad(){this.animateCollapse(this.collapsed)}get content(){return this.hostElement.shadowRoot.querySelector(".blind-content")}animation(e){this.animateCollapse(e)}animateCollapse(e){e?this.rotateChevronDown():this.rotateChevronUp()}rotateChevronUp(){this.chevronRef&&this.content&&(l(this.chevronRef,{duration:s.defaultTime,easing:"easeInOutSine",rotateZ:180}),l(this.content,{duration:s.defaultTime,easing:"easeInOutSine",opacity:1}))}rotateChevronDown(){this.chevronRef&&this.content&&(l(this.chevronRef,{duration:s.defaultTime,easing:"easeInOutSine",rotateZ:0}),l(this.content,{duration:s.defaultTime,easing:"easeInOutSine",opacity:0}))}render(){return d(t,{key:"e9b97de01e859669c4e717aac840a7f4adbf55ba",class:{[`blind-${this.variant}`]:!0}},d("div",{key:"584136290c0ac9e62010314845d3684cc8adf4c3",class:"blind-header-wrapper"},d("button",{key:"5459c5dc73c2a67485312d258ea80dffaf4f7359",class:{"blind-header":!0,[`blind-${this.variant}`]:!0,closed:this.collapsed},type:"button","aria-labelledby":`ix-blind-header-title-${this.blindId}`,"aria-controls":`ix-blind-content-section-${this.blindId}`,"aria-expanded":n(!this.collapsed),onClick:()=>this.onHeaderClick()},d("slot",{key:"214fa4ab565d636bc3cc674284c9008535901203",name:"custom-header"})),d("div",{key:"037fff2233bc0b4e8f7c2c120aeef1de5d3cc47d",class:"blind-header-content"},d("ix-icon",{key:"1259663454f5c37c57fd3f0ed8c10f32748634a2",class:"collapse-icon",name:a,color:"filled"===this.variant||"outline"===this.variant?"color-std-text":`color-${this.variant}--contrast`,ref:e=>this.chevronRef=e}),d("div",{key:"54a63ae24e78db379f04d1d7b5b9d75b1cfc1f0e",class:"blind-header-title",id:`ix-blind-header-title-${this.blindId}`},void 0!==this.label?d(i,null,this.icon&&d("ix-icon",{class:"blind-header-title-icon",name:this.icon,color:"filled"===this.variant||"outline"===this.variant?"color-std-text":`color-${this.variant}--contrast`}),d("div",{class:"blind-header-title-row"},d("div",{class:"blind-header-title-col"},d("ix-typography",{title:this.label,format:"label-lg",bold:!0},d("div",{class:"blind-header-title-label",title:this.label},this.label))),this.sublabel&&d("div",{class:"blind-header-title-col"},d("ix-typography",{title:this.sublabel},d("div",{class:"blind-header-title-sublabel"},this.sublabel)))),d("div",{class:"header-actions"},d("slot",{name:"header-actions"}))):null))),d("section",{key:"343c8a86dea7dce5a2f207cbd1e46c9248dafe37",id:`ix-blind-content-section-${this.blindId}`,"aria-labelledby":`ix-blind-header-title-${this.blindId}`},d("div",{key:"1d8ba26c53ee69a3087f4712346197ae471da0d9",class:{"blind-content":!0,hide:this.collapsed}},this.collapsed?null:d("slot",null))))}static get watchers(){return{collapsed:[{animation:0}]}}};h.style=":host{display:flex;flex-direction:column;border-radius:var(--theme-blind--border-radius);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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .blind-header-wrapper{position:relative;min-height:3rem;height:3rem;overflow:hidden}:host .blind-header-content{display:flex;position:relative;align-items:center;justify-content:flex-start;width:100%;height:100%;pointer-events:none;padding-left:0.5rem}:host .blind-header-title{display:flex;position:relative;align-items:center;flex-grow:1;margin-right:0.5rem}:host .blind-header{all:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;top:0px;left:0px;pointer-events:all;padding-left:2.5rem;min-height:3rem;height:3rem;width:calc(100% - 2 * var(--theme-blind--border-thickness));border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;cursor:pointer}:host .blind-header:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr);outline:none}:host .blind-header-title-icon,:host .collapse-icon{margin-right:0.5rem}:host .blind-header-title-row{display:flex;flex-grow:1;overflow:hidden}:host .blind-header-title-col{display:inline-flex;align-items:center;width:calc(100% - 1rem);overflow:hidden}:host .blind-header-title-col:not(:first-of-type){justify-content:flex-end}:host ix-typography{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-label{padding-inline-end:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-sublabel{padding-inline:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title{display:flex;align-items:center;flex-grow:1;height:100%;min-width:0}:host .blind-header-labels{display:inline-flex;flex-grow:1;min-width:0}:host .blind-content{display:block;padding:1rem;transition-property:padding;transition-duration:var(--theme-default-time);transition-timing-function:ease-in}:host .blind-content.hide{max-height:0;padding-top:0px;padding-bottom:0px;border-width:0}:host .header-actions{pointer-events:all;margin-left:auto}:host(.blind-alarm) .blind-header{background-color:var(--theme-color-alarm)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-alarm--hover)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-alarm--active)}:host(.blind-alarm) .blind-header-title-label,:host(.blind-alarm) .blind-header-title-sublabel{color:var(--theme-color-alarm--contrast)}:host(.blind-alarm) .header-actions{--ix-icon-button-color:var(--theme-color-alarm--contrast)}:host(.blind-alarm) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-alarm-bdr);border-top:none}:host(.blind-alarm){background-color:var(--theme-blind-base--background)}:host(.blind-alarm[collapsed]) .blind-content{border-width:0}:host(.blind-critical) .blind-header{background-color:var(--theme-color-critical)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-critical--hover)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-critical--active)}:host(.blind-critical) .blind-header-title-label,:host(.blind-critical) .blind-header-title-sublabel{color:var(--theme-color-critical--contrast)}:host(.blind-critical) .header-actions{--ix-icon-button-color:var(--theme-color-critical--contrast)}:host(.blind-critical) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-critical);border-top:none}:host(.blind-critical){background-color:var(--theme-blind-base--background)}:host(.blind-critical[collapsed]) .blind-content{border-width:0}:host(.blind-info) .blind-header{background-color:var(--theme-color-info)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-info--hover)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-info--active)}:host(.blind-info) .blind-header-title-label,:host(.blind-info) .blind-header-title-sublabel{color:var(--theme-color-info--contrast)}:host(.blind-info) .header-actions{--ix-icon-button-color:var(--theme-color-info--contrast)}:host(.blind-info) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-info);border-top:none}:host(.blind-info){background-color:var(--theme-blind-base--background)}:host(.blind-info[collapsed]) .blind-content{border-width:0}:host(.blind-neutral) .blind-header{background-color:var(--theme-color-neutral)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-neutral--hover)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-neutral--active)}:host(.blind-neutral) .blind-header-title-label,:host(.blind-neutral) .blind-header-title-sublabel{color:var(--theme-color-neutral--contrast)}:host(.blind-neutral) .header-actions{--ix-icon-button-color:var(--theme-color-neutral--contrast)}:host(.blind-neutral) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-neutral);border-top:none}:host(.blind-neutral){background-color:var(--theme-blind-base--background)}:host(.blind-neutral[collapsed]) .blind-content{border-width:0}:host(.blind-filled) .blind-header{background-color:var(--theme-color-filled)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-filled) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-filled) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-filled) .header-actions{--ix-icon-button-color:var(--theme-color-primary)}:host(.blind-filled){background-color:var(--theme-blind-base--background)}:host(.blind-success) .blind-header{background-color:var(--theme-color-success)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-success--hover)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-success--active)}:host(.blind-success) .blind-header-title-label,:host(.blind-success) .blind-header-title-sublabel{color:var(--theme-color-success--contrast)}:host(.blind-success) .header-actions{--ix-icon-button-color:var(--theme-color-success--contrast)}:host(.blind-success) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-success);border-top:none}:host(.blind-success){background-color:var(--theme-blind-base--background)}:host(.blind-success[collapsed]) .blind-content{border-width:0}:host(.blind-warning) .blind-header{background-color:var(--theme-color-warning)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-warning--hover)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-warning--active)}:host(.blind-warning) .blind-header-title-label,:host(.blind-warning) .blind-header-title-sublabel{color:var(--theme-color-warning--contrast)}:host(.blind-warning) .header-actions{--ix-icon-button-color:var(--theme-color-warning--contrast)}:host(.blind-warning) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-warning-bdr);border-top:none}:host(.blind-warning){background-color:var(--theme-blind-base--background)}:host(.blind-warning[collapsed]) .blind-content{border-width:0}:host(.blind-primary) .blind-header{background-color:var(--theme-color-primary)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-primary--hover)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-primary--active)}:host(.blind-primary) .blind-header-title-label,:host(.blind-primary) .blind-header-title-sublabel{color:var(--theme-color-primary--contrast)}:host(.blind-primary) .header-actions{--ix-icon-button-color:var(--theme-color-primary--contrast)}:host(.blind-primary) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-primary);border-top:none}:host(.blind-primary){background-color:var(--theme-blind-base--background)}:host(.blind-primary[collapsed]) .blind-content{border-width:0}:host(.blind-outline) .blind-header{background-color:var(--theme-color-ghost)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-outline) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-outline) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-outline) .header-actions{--ix-icon-button-color:var(--theme-color-primary)}:host(.blind-outline) .blind-header-wrapper{border:solid var(--theme-blind--border-thickness) var(--theme-color-soft-bdr);border-bottom:none;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0}:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled):hover,:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled).hover{border-color:var(--theme-color-ghost--hover)}:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled):active,:host(.blind-outline) .blind-header-wrapper:not(.disabled):not(:disabled).active{border-color:var(--theme-color-ghost--active)}:host(.blind-outline) .blind-header{border-radius:0}:host(.blind-outline) .blind-content{border-radius:0 0 var(--theme-blind--border-radius) var(--theme-blind--border-radius);border:solid var(--theme-blind--border-thickness) var(--theme-color-soft-bdr);border-top:none}:host(.blind-outline[collapsed]) .blind-header-wrapper{box-sizing:border-box;border-bottom:solid var(--theme-blind--border-thickness) var(--theme-color-soft-bdr);border-radius:var(--theme-blind--border-radius)}:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled):hover,:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled).hover{border-color:var(--theme-color-ghost--hover)}:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled):active,:host(.blind-outline[collapsed]) .blind-header-wrapper:not(.disabled):not(:disabled).active{border-color:var(--theme-color-ghost--active)}:host(.blind-outline[collapsed]) .blind-content{border-width:0}";export{h as ix_blind}

package/dist/siemens-ix/{p-2b0ffba0.entry.js → p-1aef893c.entry.js}

@@ -1 +1 @@
-import{r as e,g as i,h as t,H as s}from"./p-EBgS4zhE.js";import{m as r}from"./p-Djkc69iv.js";import{H as o}from"./p-S-XikzrL.js";import"./p-XBTykBKS.js";const a=class{constructor(i){e(this,i)}get hostElement(){return i(this)}helperText;label;direction="column";invalidText;infoText;validText;warningText;showTextAsTooltip=!1;required=!1;isInvalid=!1;isInfo=!1;isValid=!1;isWarning=!1;touched=!1;groupRef=r();get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("ix-checkbox"))}observer=new MutationObserver((()=>{this.checkForRequiredCheckbox()}));checkForRequiredCheckbox(){this.required=this.checkboxElements.some((e=>e.required))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.checkForRequiredCheckbox()}disconnectedCallback(){this.observer&&this.observer.disconnect()}onClassFieldUpdate({isInvalid:e,isInvalidByRequired:i,isInfo:t,isValid:s,isWarning:r}){this.isInvalid=e||i,this.isInfo=t,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(s,{key:"7f2ab8f11b50445a818721c3c9466189f38c2f61",ref:this.groupRef,onIxBlur:()=>this.touched=!0},t("ix-field-wrapper",{key:"79fe9178363a3f9ed7c44cb59ef3ec6031fcd653",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:"b099ba2443912a77775cad96fd007a92e1b312e1",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},t("slot",{key:"828cdaf4ae4295b0c1597987d4ca7f1e9fbe80c7"}))))}};(function(e,i,t,s){var r,o=arguments.length,a=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(o<3?r(a):o>3?r(i,t,a):r(i,t))||a);o>3&&a&&Object.defineProperty(i,t,a)})([o({includeChildren:!0})],a.prototype,"onClassFieldUpdate",null),a.style=":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}";export{a as ix_checkbox_group}
+import{r as e,g as i,h as t,H as s}from"./p-EBgS4zhE.js";import{m as r}from"./p-Djkc69iv.js";import{H as o}from"./p-S-XikzrL.js";import"./p-XBTykBKS.js";const a=class{constructor(i){e(this,i)}get hostElement(){return i(this)}helperText;label;direction="column";invalidText;infoText;validText;warningText;showTextAsTooltip=!1;required=!1;isInvalid=!1;isInfo=!1;isValid=!1;isWarning=!1;touched=!1;groupRef=r();get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("ix-checkbox"))}observer=new MutationObserver((()=>{this.checkForRequiredCheckbox()}));checkForRequiredCheckbox(){this.required=this.checkboxElements.some((e=>e.required))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.checkForRequiredCheckbox()}disconnectedCallback(){this.observer&&this.observer.disconnect()}onClassFieldUpdate({isInvalid:e,isInvalidByRequired:i,isInfo:t,isValid:s,isWarning:r}){this.isInvalid=e||i,this.isInfo=t,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(s,{key:"7f2ab8f11b50445a818721c3c9466189f38c2f61",ref:this.groupRef,onIxBlur:()=>this.touched=!0},t("ix-field-wrapper",{key:"79fe9178363a3f9ed7c44cb59ef3ec6031fcd653",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:"b099ba2443912a77775cad96fd007a92e1b312e1",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},t("slot",{key:"828cdaf4ae4295b0c1597987d4ca7f1e9fbe80c7"}))))}};(function(e,i,t,s){var r,o=arguments.length,a=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(o<3?r(a):o>3?r(i,t,a):r(i,t))||a);o>3&&a&&Object.defineProperty(i,t,a)})([o({includeChildren:!0})],a.prototype,"onClassFieldUpdate",null),a.style=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";export{a as ix_checkbox_group}

package/dist/siemens-ix/{p-03745110.entry.js → p-213059a9.entry.js}

@@ -1 +1 @@
-import{r as t,h as r,H as a}from"./p-EBgS4zhE.js";import{g as o,a as e}from"./p-C21npbUc.js";const i=class{constructor(r){t(this,r)}variant="outline";icon=void 0;ariaLabelIcon;heading;subheading;selected=!1;ariaLabelCard;passive=!1;getSubheadingTextColor(){return"outline"===this.variant||"filled"===this.variant?"soft":void 0}render(){const t=!this.ariaLabelCard&&this.heading?"ix-action-card-heading":void 0;return r(a,{key:"13c017461553dde76509473679c2c0942f0536ef"},r("button",{key:"b0a154fff6809c67e595a90137ba46eaab2654ed",type:"button",disabled:this.passive,"aria-label":this.ariaLabelCard,"aria-labelledby":t},r("ix-card",{key:"1718627fa2718bf42b19d8b967ea556fa0b7bc09",selected:this.selected,variant:this.variant,passive:this.passive,class:this.passive?void 0:"pointer"},r("ix-card-content",{key:"fa854f2be562cd938122504d2f531f4f9bac52e9"},this.icon?r("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon||o(this.icon)}):null,r("div",{key:"bcf7099102118877945d25a908b988e6bfccf00f"},this.heading?r("ix-typography",{id:"ix-action-card-heading","aria-hidden":e(!t),format:"h4"},this.heading):null,this.subheading?r("ix-typography",{format:"h5","text-color":this.getSubheadingTextColor()},this.subheading):null,r("slot",{key:"d77220fa34088b62378d3c095c50f87e4442a002"}))))))}};i.style=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button{width:100%;height:100%;display:block;background:transparent;text-align:start;padding:0;border:0;border-radius:var(--theme-btn--border-radius);box-shadow:initial}:host button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host button[disabled]{cursor:default}:host ix-card{width:100%;height:100%}";export{i as ix_action_card}
+import{r as t,h as r,H as a}from"./p-EBgS4zhE.js";import{g as o,a as e}from"./p-DD206pTM.js";const i=class{constructor(r){t(this,r)}variant="outline";icon=void 0;ariaLabelIcon;heading;subheading;selected=!1;ariaLabelCard;passive=!1;getSubheadingTextColor(){return"outline"===this.variant||"filled"===this.variant?"soft":void 0}render(){const t=!this.ariaLabelCard&&this.heading?"ix-action-card-heading":void 0;return r(a,{key:"13c017461553dde76509473679c2c0942f0536ef"},r("button",{key:"b0a154fff6809c67e595a90137ba46eaab2654ed",type:"button",disabled:this.passive,"aria-label":this.ariaLabelCard,"aria-labelledby":t},r("ix-card",{key:"1718627fa2718bf42b19d8b967ea556fa0b7bc09",selected:this.selected,variant:this.variant,passive:this.passive,class:this.passive?void 0:"pointer"},r("ix-card-content",{key:"fa854f2be562cd938122504d2f531f4f9bac52e9"},this.icon?r("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon||o(this.icon)}):null,r("div",{key:"bcf7099102118877945d25a908b988e6bfccf00f"},this.heading?r("ix-typography",{id:"ix-action-card-heading","aria-hidden":e(!t),format:"h4"},this.heading):null,this.subheading?r("ix-typography",{format:"h5","text-color":this.getSubheadingTextColor()},this.subheading):null,r("slot",{key:"d77220fa34088b62378d3c095c50f87e4442a002"}))))))}};i.style=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button{width:100%;height:100%;display:block;background:transparent;text-align:start;padding:0;border:0;border-radius:var(--theme-btn--border-radius);box-shadow:initial}:host button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host button[disabled]{cursor:default}:host ix-card{width:100%;height:100%}";export{i as ix_action_card}

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

@@ -0,0 +1 @@
+import{r as t,g as e,h as r,H as s}from"./p-EBgS4zhE.js";import{c as i}from"./p-CX81WQtk.js";import{a as o}from"./p-JJddxCCh.js";import{a}from"./p-DhE1t8Qh.js";const h=class{constructor(e){t(this,e)}mutationObserver=i(this.onMutation.bind(this));static fadeOutDuration=50;static fadeInDuration=150;get hostElement(){return e(this)}itemHeight="S";compact=!1;animated=!1;chevron=!1;watchChevron(t){this.handleChevron(t)}componentDidLoad(){if(this.animated&&this.triggerFadeIn(),!Number.isNaN(Number(this.itemHeight))){const t=o(this.itemHeight);this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{this.setCustomHeight(e,t)}))}this.handleChevron(this.chevron),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0})}onMutation(t){this.triggerFadeOut().then((()=>{if(!Number.isNaN(Number(this.itemHeight))){const e=o(this.itemHeight);this.findEventListItems(t).forEach((t=>this.setCustomHeight(t,e)))}this.handleChevron(this.chevron),this.triggerFadeIn()}))}findEventListItems(t){const e=[];return t.forEach((t=>{"childList"===t.type&&t.addedNodes.forEach((t=>{"IX-EVENT-LIST-ITEM"===t.tagName&&e.push(t)}))})),e}setCustomHeight(t,e){t.style.setProperty("--event-list-item-height",e)}triggerFadeOut(){return new Promise((t=>{if(!this.animated)return t();const e=this.hostElement.shadowRoot?.querySelector('div[role="list"]');if(!e)return t();e?a(e,{opacity:[{opacity:1,easing:"easeInSine"},{opacity:0}],duration:h.fadeOutDuration,onComplete:()=>{t()}}):t()}))}triggerFadeIn(){this.animated&&this.hostElement.querySelectorAll("ix-event-list-item").forEach(((t,e)=>{const r=80*e;a(t,{offset:r/(r+h.fadeInDuration),duration:h.fadeInDuration+r,opacity:[0,1],easing:"easeInOutSine",delay:r,autoplay:!0})}))}handleChevron(t){this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{t?e.setAttribute("chevron","true"):void 0!==t&&e.removeAttribute("chevron")}))}render(){return r(s,{key:"4a355c1cdb34b5c13f05a3abb0fabd1205733371",class:{"item-size-s":"S"===this.itemHeight,"item-size-l":"L"===this.itemHeight,compact:this.compact}},r("div",{key:"5963f8ed3d7c534701bbc717f85b69cb42240300",role:"list"},r("slot",{key:"8ddf236842628e767cd5428a56f10dddc532b892"})))}static get watchers(){return{chevron:[{watchChevron:0}]}}};h.style=":host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host(.item-size-l){--event-list-item-height:6.5rem;--event-list-item-content-white-space:normal}:host(.compact){--event-list-item-border-radius:0;--event-list-item-margin-bottom:0}";export{h as ix_event_list}

package/dist/siemens-ix/{p-29e8126a.entry.js → p-32104d25.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as r}from"./p-EBgS4zhE.js";import{U as o,T as s}from"./p-BeX6RWvV.js";import{g as a}from"./p-HpQs38Y0.js";import{a as i}from"./p-C21npbUc.js";const n=class{constructor(e){t(this,e)}i18nExpand="Expand";i18nCollapse="Collapse";expanded=!1;breakpoint;pinned=!1;getSmallScreenIcon(){return e("button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":i(this.expanded),class:{...a("subtle-tertiary",!0,!1,!1,!1),"menu-expand-button":!0}},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e("rect",{class:"line line-1",x:"2",y:"5",width:"20",height:"2"}),e("rect",{class:"line line-2",x:"2",y:"11",width:"13",height:"2"}),e("rect",{class:"line line-3",x:"2",y:"17",width:"20",height:"2"})))}getLargeScreenIcon(){return e("ix-icon-button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":i(this.expanded),icon:this.expanded?o:s,variant:"subtle-tertiary"})}getMenuIcon(){return this.pinned||"lg"===this.breakpoint||"md"===this.breakpoint?this.getLargeScreenIcon():this.getSmallScreenIcon()}render(){return e(r,{key:"4a815a77cda2209ccb908c08adbbcc4f9fe28081",class:{expanded:this.expanded,"ix-focusable":!0}},this.getMenuIcon())}};n.style=":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}";export{n as ix_menu_expand_icon}
+import{r as t,h as e,H as r}from"./p-EBgS4zhE.js";import{U as o,T as a}from"./p-BeX6RWvV.js";import{g as s}from"./p-CDKWxg_L.js";import{a as i}from"./p-DD206pTM.js";const n=class{constructor(e){t(this,e)}i18nExpand="Expand";i18nCollapse="Collapse";expanded=!1;breakpoint;pinned=!1;getSmallScreenIcon(){return e("button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":i(this.expanded),class:{...s("subtle-tertiary",!0,!1,!1,!1),"menu-expand-button":!0}},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e("rect",{class:"line line-1",x:"2",y:"5",width:"20",height:"2"}),e("rect",{class:"line line-2",x:"2",y:"11",width:"13",height:"2"}),e("rect",{class:"line line-3",x:"2",y:"17",width:"20",height:"2"})))}getLargeScreenIcon(){return e("ix-icon-button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":i(this.expanded),icon:this.expanded?o:a,variant:"subtle-tertiary"})}getMenuIcon(){return this.pinned||"lg"===this.breakpoint||"md"===this.breakpoint?this.getLargeScreenIcon():this.getSmallScreenIcon()}render(){return e(r,{key:"4a815a77cda2209ccb908c08adbbcc4f9fe28081",class:{expanded:this.expanded,"ix-focusable":!0}},this.getMenuIcon())}};n.style=":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}";export{n as ix_menu_expand_icon}

package/dist/siemens-ix/{p-447d52de.entry.js → p-35042cda.entry.js}

@@ -1 +1 @@
-import{r as e,f as t,h as o,H as r,M as n,c as i,g as a}from"./p-EBgS4zhE.js";import{m as l}from"./p-D_Hmobxf.js";import{D as s}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-BWgttsqY.js";import{O as h}from"./p-DVJeDueL.js";import{c as m}from"./p-BClJdFQP.js";import{g as u,i as b,h as p,t as f}from"./p-BFUINhFM.js";import"./p-6ZxKp7Jn.js";const v=class{constructor(t){e(this,t)}static Breakpoints=["","sm","md","lg"];size;sizeSm;sizeMd;sizeLg;onResize(){t(this)}getSize(e){return""===e?this.size:"sm"===e?this.sizeSm:"md"===e?this.sizeMd:"lg"===e?this.sizeLg:void 0}getColumnSize(){let e;return v.Breakpoints.forEach((t=>{if(""!==t&&!l(t))return;const o=this.getSize(t);o&&(e=o)})),e}getColumnSizeStyling(){const e=this.getColumnSize();if(!e)return;if("auto"===e)return{flex:"0 0 auto",width:"auto","max-width":"auto"};const t=`calc(calc(${e} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${t}`,width:`${t}`,"max-width":`${t}`}}render(){return o(r,{key:"4100338d123bd8bb83087547168f7b5949c203ff",style:{...this.getColumnSizeStyling()}},o("slot",{key:"90c209c3c011c132a654fb0a546ef149992def3c"}))}};v.style=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}";const y=class{constructor(t){e(this,t)}noMargin=!1;gap="24";columns=12;render(){return o(r,{key:"bbbb190067242d1af34db168445410d8dc223288",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},o("slot",{key:"efe37496334ae57f28e90d612e3598f606c66036"}))}};y.style=":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";const x=class{constructor(t){e(this,t)}render(){return o(r,{key:"dc089e8a0a641e78f237510b27c5198fe23915a4"},o("slot",{key:"92cb22bde2c9b89a4dc57d0a8fc2434886cabc72"}))}};function g(e,t,o,r){let n,i;if("hour"===t){const e=function(e,t){return"PM"===t?{value:12===e?12:e+12,maxValue:23}:"AM"===t?{value:12===e?0:e,maxValue:11}:{value:e,maxValue:23}}(o,r);n=e.value,i=e.maxValue}else n=o,i=function(e){switch(e){case"minute":case"second":return 59;case"millisecond":return 999;case"hour":return 23}}(t);n>i?n=i:n<0&&(n=0);try{return e.set({[t]:n})}catch{return null}}x.style=":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";const k={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:/S{1,3}|u{1,3}|[tT]{3,4}/};const w={hour:"",minute:"",second:"",millisecond:""},T=class extends(n(...d)){constructor(t){super(),e(this,t),this.timeSelect=i(this,"timeSelect",7),this.timeChange=i(this,"timeChange",7)}get hostElement(){return a(this)}format="TT";watchFormatIntervalPropHandler(e){e&&(this.initPicker(),this.updateScrollPositions())}corners="rounded";embedded=!1;dateTimePickerAppearance=!1;hideHeader=!1;hourInterval=1;watchHourIntervalPropHandler(e){Number.isInteger(e)&&e>=0&&e<=(this.timeRef?12:23)?this.setTimePickerDescriptors():(this.printIntervalError("hour",e),this.hourInterval=1)}minuteInterval=1;watchMinuteIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("minute",e),this.minuteInterval=1)}secondInterval=1;watchSecondIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("second",e),this.secondInterval=1)}millisecondInterval=100;watchMillisecondIntervalPropHandler(e){e>=0&&e<=999?this.setTimePickerDescriptors():(this.printIntervalError("millisecond",e),this.millisecondInterval=100)}printIntervalError(e,t){console.error(`Value ${t} is not valid for ${e}-interval. Falling back to default.`)}warnIfConstraintTimeInvalid(e,t,o){const r=t?.trim();if(!r)return;const n=s.fromFormat(r,this.format);if(n.isValid)return;if(o)return;const i=[n.invalidReason,n.invalidExplanation].filter(Boolean).join(": ");console.warn(`[ix-time-picker] ${e}="${r}" does not match format "${this.format}". The constraint is ignored until the value matches \`format\`.`+(i?` (${i})`:""))}warnIfConstraintRangeInverted(e,t){const o=e?.trim(),r=t?.trim();if(!o||!r)return;const n=s.fromFormat(o,this.format),i=s.fromFormat(r,this.format);n.isValid&&i.isValid&&n>i&&console.warn(`[ix-time-picker] minTime="${o}" is later than maxTime="${r}" for format "${this.format}". Both constraints are ignored.`)}warnConstraintTimesIfInvalid(e){const t=e?.omitUnparsableConstraintWarnings??!1;this.warnIfConstraintTimeInvalid("minTime",this.minTime,t),this.warnIfConstraintTimeInvalid("maxTime",this.maxTime,t),this.warnIfConstraintRangeInverted(this.minTime,this.maxTime)}time;watchTimePropHandler(e){if(void 0===e||""===e)return void(this._time=this.getDefaultTime());const t=s.fromFormat(e,this.format);if(!t.isValid)throw new Error("Format is not supported or not correct");this._time=t}minTime;maxTime;watchMinTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}watchMaxTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}getDefaultTime(){return s.now()}i18nConfirmTime="Confirm";i18nHeader="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";timeSelect;timeChange;async getCurrentTime(){return this._time?.toFormat(this.format)}_time;onTimeChange(){const e=this.formattedTime;this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.updateScrollPositions(e)}timeRef;formattedTime=w;timePickerDescriptors=[];isUnitFocused=!1;focusedUnit="hour";focusedValue=0;visibilityObserver;focusScrollAlignment="start";componentWillLoad(){this.initPicker()}initPicker(){let e,t=!1;this.time?(e=s.fromFormat(this.time,this.format),e.isValid||(t=!0,console.error(`Invalid time format. The configured format does not match the format of the passed time. ${e.invalidReason}: ${e.invalidExplanation}`),e=this.getDefaultTime())):e=this.getDefaultTime(),this._time=e,this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.setTimePickerDescriptors(),this.setInitialFocusedValueAndUnit(),this.watchHourIntervalPropHandler(this.hourInterval),this.watchMinuteIntervalPropHandler(this.minuteInterval),this.watchSecondIntervalPropHandler(this.secondInterval),this.watchMillisecondIntervalPropHandler(this.millisecondInterval),this.warnConstraintTimesIfInvalid({omitUnparsableConstraintWarnings:t})}componentDidLoad(){super.componentDidLoad?.(),this.updateScrollPositions(),this.setupVisibilityObserver()}componentDidRender(){if(!this.isUnitFocused)return;const e=this.getElementContainer(this.focusedUnit,this.focusedValue),t=this.getElementList(this.focusedUnit);if(e){if(c()){const t=this.hostElement.shadowRoot?.activeElement;t!==e&&e.focus({preventScroll:!0})}this.isElementVisible(e,t)||this.scrollElementIntoView(e,t,this.focusScrollAlignment)}}disconnectedCallback(){this.visibilityObserver&&this.visibilityObserver.disconnect()}handleKeyDown(e){if(!this.isUnitFocused)return;let t=!0;switch(e.key){case"Tab":t=!1,this.isUnitFocused=!1;break;case"ArrowUp":this.focusScrollAlignment="start",this.stepFocusedValue(-1);break;case"ArrowDown":this.focusScrollAlignment="end",this.stepFocusedValue(1);break;case"Enter":case" ":{const{bounds:e}=this.getUnitSelectionContext(),t=this.buildCandidateBaseBeforeUnit(this.focusedUnit);this.canSelectUnitValue(this.focusedUnit,this.focusedValue,e,t)&&this.select(this.focusedUnit,this.focusedValue);break}default:return}t&&e.preventDefault()}onUnitCellBlur(e,t){const o=t.relatedTarget,r=o?.dataset?.elementContainerId?.split("-")[0],n=r===e;if(o&&!n&&r!==e&&this.elementListScrollToTop(e,Number(this.formattedTime[e]),"smooth"),n)return;this.isUnitFocused=!1;const i=this.resolvePreservedFocusedValueOnColumnBlur(e);this.focusedValue=i,this.updateDescriptorFocusedValue(e,i)}onUnitCellFocus(e,t){this.isUnitFocused=!0,this.focusedUnit=e,this.focusedValue=t,this.updateDescriptorFocusedValue(e,t)}getElementList(e){return this.hostElement.shadowRoot?.querySelector(`[data-element-list-id="${e}"]`)}getElementContainer(e,t){return this.hostElement.shadowRoot?.querySelector(`[data-element-container-id="${e}-${t}"]`)}isElementVisible(e,t){const o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom}scrollElementIntoView(e,t,o){const r=t.getBoundingClientRect(),n=e.getBoundingClientRect();t.scrollTop+="end"===o?n.bottom-r.bottom+1:n.top-r.top-1}setInitialFocusedValueAndUnit(){const e=this.timePickerDescriptors.find((e=>!e.hidden));e&&(this.focusedValue=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray),this.focusedUnit=e.unit)}setupVisibilityObserver(){const e=m(this.hostElement,"ix-dropdown");e&&(this.visibilityObserver=new MutationObserver((e=>this.mutationObserverCallback(e))),this.visibilityObserver.observe(e,{attributes:!0,attributeFilter:["class","style"]}))}mutationObserverCallback(e){for(const t of e)"attributes"===t.type&&(t.target.classList.contains("show")?this.areElementsRendered()&&this.updateScrollPositions():this.time&&s.fromFormat(this.time,this.format).isValid&&(this._time=s.fromFormat(this.time,this.format),this.setInitialFocusedValueAndUnit()))}areElementsRendered(){const e=this.hostElement.shadowRoot?.querySelectorAll(".element-list");return!(!e||0===e.length)&&Array.from(e).some((e=>e.offsetHeight>0))}getFormattedTime(){return this._time?{hour:this._time.toFormat(void 0!==this.timeRef?"h":"H"),minute:this._time.toFormat("m"),second:this._time.toFormat("s"),millisecond:this._time.toFormat("S")}:w}changeTimeReference(e){if(this.timeRef===e)return;this._time||(this._time=s.now().startOf("day"));const t=this._time,o=this.timeRef;this.timeRef=e;const r=this._time.hour;if("PM"===e&&r<12?this._time=this._time.plus({hours:12}):"AM"===e&&r>=12&&(this._time=this._time.minus({hours:12})),!this.isWithinTimeConstraints(this._time))return this._time=t,void(this.timeRef=o);this.timeChange.emit(this._time.toFormat(this.format))}referenceOrNow(){return this._time??s.now()}setTimeRef(){if(!function(e){let t="",o=!1;for(const r of e)"'"===r?o=!o:o||(t+=r);return/[hat]/.test(t)}(this.format))return void(this.timeRef=void 0);const e=this.referenceOrNow();this.timeRef=e.hour>=12?"PM":"AM"}getConstraintBounds(e){const t=(e??this.referenceOrNow()).startOf("day");return u(this.minTime,this.maxTime,this.format,t)}getUnitSelectionContext(){const e=this.referenceOrNow();return{bounds:this.getConstraintBounds(e),selectionBase:this._time??e.startOf("day")}}isWithinTimeConstraints(e){const{min:t,max:o}=this.getConstraintBounds();return b(e,t,o)}canSelectUnitValue(e,t,o,r){const n=r??this._time??s.now().startOf("day"),i=o??this.getConstraintBounds();if("hour"===e&&p(i.min,i.max)){const e=g(n.startOf("day"),"hour",t,this.timeRef);if(!e)return!1;const o=e.set({minute:59,second:59,millisecond:999});return f(e,o,i.min,i.max)}const a=g(n,e,t,this.timeRef);return!!a&&(o?this.isSelectableForUnitWithinBounds(e,a,o):this.isWithinTimeConstraints(a))}isSelectableForUnitWithinBounds(e,t,o){return function(e,t,o){const r=function(e,t){return t.isValid?"hour"===e?{start:t.startOf("hour"),end:t.endOf("hour")}:"minute"===e?{start:t.set({second:0,millisecond:0}),end:t.set({second:59,millisecond:999})}:"second"===e?{start:t.set({millisecond:0}),end:t.set({millisecond:999})}:{start:t,end:t}:null}(e,t);if(!r)return!1;const{min:n,max:i}=o,{start:a,end:l}=r;return!(n&&l<n||i&&a>i)}(e,t,o)}getProvisionalRawValue(e){if(this.focusedUnit===e)return this.focusedValue;const t=this.timePickerDescriptors.map((e=>e.unit)),o=t.indexOf(this.focusedUnit),r=t.indexOf(e);if(-1!==r&&-1!==o&&r<o){const t=this.timePickerDescriptors.find((t=>t.unit===e));if(t)return t.focusedValue}const n=this.formattedTime?.[e];return""===n||void 0===n?0:Number(n)}buildCandidateBaseBeforeUnit(e){const{selectionBase:t}=this.getUnitSelectionContext(),o=this.timePickerDescriptors.map((e=>e.unit)),r=o.indexOf(e);if(r<=0)return t;let n=this._time??t;for(let e=1;e<r;e++){const t=o[e];if(void 0===t)continue;const r=g(n,t,this.getProvisionalRawValue(t),this.timeRef);r&&(n=r)}return n}getConstrainedFocusedValueForUnitWithBase(e,t,o){const{bounds:r}=this.getUnitSelectionContext(),n=Number(this.formattedTime[e]);return t.includes(n)&&this.canSelectUnitValue(e,n,r,o)?n:(()=>t.find((t=>this.canSelectUnitValue(e,t,r,o)))??null)()??t[0]}getConstrainedFocusedValueForUnit(e,t){return this.getConstrainedFocusedValueForUnitWithBase(e,t,this.buildCandidateBaseBeforeUnit(e))}resolvePreservedFocusedValueOnColumnBlur(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e),n=this.focusedValue;return t.includes(n)&&this.canSelectUnitValue(e,n,o,r)?n:this.getConstrainedFocusedValueForUnit(e,t)}syncKeyboardFocusWithConstraints(){if(!this.timePickerDescriptors.length)return;for(const e of this.timePickerDescriptors){const t=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray);t!==e.focusedValue&&this.updateDescriptorFocusedValue(e.unit,t)}const e=this.getNumberArrayForUnit(this.focusedUnit);if(e.length){const t=this.getConstrainedFocusedValueForUnit(this.focusedUnit,e);t!==this.focusedValue&&(this.focusedValue=t)}}findFirstSelectableInUnit(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);return t.find((t=>this.canSelectUnitValue(e,t,o,r)))??null}getColumnTabStopValue(e){const t=this.timePickerDescriptors.find((t=>t.unit===e)),o=t?.numberArray??[];if(!t||!o.length)return null;const{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(e),i=t.focusedValue;return o.includes(i)&&this.canSelectUnitValue(e,i,r,n)?i:this.findFirstSelectableInUnit(e)}stepFocusedValue(e){const t=this.focusedUnit,o=this.getNumberArrayForUnit(t),{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(t),i=function(e,t,o,r){if(!e.length)return null;let n=e.indexOf(t);-1===n&&(n=1===o?-1:e.length);for(const t of e){n=(n+o+e.length)%e.length;const t=e[n];if(r(t))return t}return null}(o,this.focusedValue,e,(e=>this.canSelectUnitValue(t,e,r,n)));null!==i&&(this.focusedValue=i,this.updateDescriptorFocusedValue(t,i))}isConfirmDisabled(){const e=this.referenceOrNow(),{min:t,max:o}=this.getConstraintBounds(e);return!!p(t,o)&&!b(e,t,o)}setTimePickerDescriptors(){const{hourNumbers:e,minuteNumbers:t,secondNumbers:o,millisecondsNumbers:r}=function(e,t){const{hourInterval:o,minuteInterval:r,secondInterval:n,millisecondInterval:i}=e;let a;return a=void 0===t?Array.from({length:Math.ceil(24/o)},((e,t)=>t*o)):Array.from({length:Math.ceil(12/o)},((e,t)=>t*o+1)).filter((e=>e<=12)),{hourNumbers:a,minuteNumbers:Array.from({length:Math.ceil(60/r)},((e,t)=>t*r)),secondNumbers:Array.from({length:Math.ceil(60/n)},((e,t)=>t*n)),millisecondsNumbers:Array.from({length:Math.ceil(1e3/i)},((e,t)=>t*i))}}({hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval},this.timeRef),{selectionBase:n}=this.getUnitSelectionContext(),i=[{unit:"hour",header:this.i18nHourColumnHeader,hidden:!k.hours.test(this.format),numberArray:e},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!k.minutes.test(this.format),numberArray:t},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!k.seconds.test(this.format),numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!k.milliseconds.test(this.format),numberArray:r}];let a=n;const l=[];for(const e of i){if(e.hidden)continue;const t=this.getConstrainedFocusedValueForUnitWithBase(e.unit,e.numberArray,a);l.push({unit:e.unit,header:e.header,hidden:!1,numberArray:e.numberArray,focusedValue:t});const o=g(a,e.unit,t,this.timeRef);o&&(a=o)}this.timePickerDescriptors=l}getNumberArrayForUnit(e){const t=this.timePickerDescriptors.find((t=>t.unit===e));return t?t.numberArray:[]}isSelected(e,t){return this.formattedTime[e]===String(t)}getUnitCellTabIndex(e,t){const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return-1;if(this.isUnitFocused&&this.focusedUnit===e)return this.focusedValue===t?0:-1;const n=this.getColumnTabStopValue(e);return null===n?-1:n===t?0:-1}select(e,t){if(this.isSelected(e,t))return;const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return;const n=g(r,e,t,this.timeRef);n&&(this._time&&n.toMillis()===this._time.toMillis()||(this._time=n,this.elementListScrollToTop(e,t,"smooth"),this.timeChange.emit(this._time.toFormat(this.format))))}updateDescriptorFocusedValue(e,t){const o=this.timePickerDescriptors.findIndex((t=>t.unit===e));-1!==o&&(this.timePickerDescriptors=[...this.timePickerDescriptors.slice(0,o),{...this.timePickerDescriptors[o],focusedValue:t},...this.timePickerDescriptors.slice(o+1)])}elementListScrollToTop(e,t,o){const r=this.getElementList(e),n=this.getElementContainer(e,t);if(r&&n){let e=11;this.hideHeader&&(e-=57),r.scrollTo({top:n.offsetTop-r.clientHeight/2+n.clientHeight-e,behavior:o})}}updateScrollPositions(e){for(const t in this.formattedTime)e&&this.formattedTime[t]===e[t]||this.elementListScrollToTop(t,Number(this.formattedTime[t]),"instant")}formatUnitValue(e,t){return function(e,t){return"millisecond"===e?t.toString().padStart(3,"0"):t<10?`0${t}`:t.toString()}(e,t)}getColumnSeparator(e){return function(e,t){return e+1<t.length&&"millisecond"===t[e+1].unit?".":":"}(e,this.timePickerDescriptors)}render(){const{bounds:e}=this.getUnitSelectionContext();return o(r,{key:"26fc55b40e07bde5fff6a21502925a88aa1eaf14"},o("ix-date-time-card",{key:"e6d72d2e2762ea0a67e69fcae8d89a49fd6bc6ec",embedded:this.embedded,timePickerAppearance:!0,corners:this.corners,hasFooter:!this.dateTimePickerAppearance,hideHeader:this.hideHeader},o("div",{key:"de11595ccaeef7d0372d6af2c3e72ded18ed03d9",class:"header",slot:"header"},o("ix-typography",{key:"b001917ac3090679081c49852b2610adc381403f",format:"body"},this.i18nHeader)),o("div",{key:"9bf75682fe81bf9a5c8bc668a533083d41776690",class:"clock"},this.timePickerDescriptors.map(((t,r)=>o("div",{class:"flex"},o("div",{class:{columns:!0,hidden:t.hidden},hidden:t.hidden},o("div",{class:"column-header",title:t.header},t.header),o("div",{role:"listbox","aria-label":t.header,"data-element-list-id":t.unit,class:"element-list",tabindex:-1},t.numberArray.map((r=>{const n=this.getUnitCellTabIndex(t.unit,r),i=!this.canSelectUnitValue(t.unit,r,e,this.buildCandidateBaseBeforeUnit(t.unit)),a=this.isSelected(t.unit,r);return o("button",{role:"option","aria-selected":a?"true":"false","data-element-container-id":`${t.unit}-${r}`,class:{selected:a,"element-container":!0,disabled:i},disabled:i,onClick:()=>{this.select(t.unit,r)},onFocus:()=>this.onUnitCellFocus(t.unit,r),onBlur:e=>this.onUnitCellBlur(t.unit,e),"aria-label":`${t.header}: ${r}`,tabindex:n},this.formatUnitValue(t.unit,r))})),o("div",{class:"element-list-padding"}))),r!==this.timePickerDescriptors.length-1&&o("div",{class:{"column-separator":!0,hidden:t.hidden}},this.getColumnSeparator(r))))),this.timeRef&&o("div",{key:"7d7a125d05231b0dc38d168308210ea6cd0aa5c9",class:"flex"},o("div",{key:"b3a8870552cbb4b665f63413a97bd5c4a82b1335",class:"column-separator"}),o("div",{key:"33e8cc862740c6348b7056acf33d62636136b4b4",class:"columns"},o("div",{key:"eb8a24da30e71e94d1a10528a2bc2e4e04529680",class:"column-header",title:"AM/PM"}),o("div",{key:"54ab57b53a21734900b856f6a98f59f8ed7ca789",role:"listbox","aria-label":"AM/PM",class:"element-list",tabindex:-1},o("button",{key:"7dfd20d6f16bc1f5c2ed9c2b72589289b34b7207",role:"option","aria-selected":"AM"===this.timeRef?"true":"false","data-am-pm-id":"AM",class:{selected:"AM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("AM"),tabindex:"0","aria-label":"AM"},"AM"),o("button",{key:"d6fee9560179caa7050fdb1add2d8b558e87d890",role:"option","aria-selected":"PM"===this.timeRef?"true":"false","data-am-pm-id":"PM",class:{selected:"PM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("PM"),tabindex:"0","aria-label":"PM"},"PM"))))),o("div",{key:"4544617138a6372ac583b62113f5be2a98550f8c",class:{footer:!0,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},o("ix-button",{key:"21b4ad3eb7e3ad466d1f4e8f1e7975df27bddc6e",class:"confirm-button",disabled:this.isConfirmDisabled(),onClick:()=>{this.timeSelect.emit(this._time?.toFormat(this.format))}},this.i18nConfirmTime))))}static get delegatesFocus(){return!0}static get watchers(){return{format:[{watchFormatIntervalPropHandler:0}],hourInterval:[{watchHourIntervalPropHandler:0}],minuteInterval:[{watchMinuteIntervalPropHandler:0}],secondInterval:[{watchSecondIntervalPropHandler:0}],millisecondInterval:[{watchMillisecondIntervalPropHandler:0}],time:[{watchTimePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],_time:[{onTimeChange:0}]}}};(function(e,t,o,r){var n,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(i<3?n(a):i>3?n(t,o,a):n(t,o))||a);i>3&&a&&Object.defineProperty(t,o,a)})([h("keydown")],T.prototype,"handleKeyDown",null),T.style='.ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);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;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.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}input{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);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}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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{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);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}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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){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]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2rem}: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}: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-separator{display:flex;align-items:center;justify-content:center;min-height:100%;margin-top:3rem;width:0.5rem}:host .clock .element-list{list-style-type:none;overflow:auto;padding:0.0625rem;margin:-0.0625rem;max-height:15.75rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{box-sizing:border-box;width:2.5rem;height:2.5rem;margin-bottom:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus-visible{box-shadow:0 0 0 1px var(--theme-color-focus-bdr)}:host .clock .element-list .element-container.disabled{cursor:default}:host .clock .element-list .element-container.disabled:not(.selected){color:var(--theme-color-weak-text)}:host .clock .element-list .element-container:not(.selected).disabled:hover,:host .clock .element-list .element-container:not(.selected).disabled:active{background-color:transparent}:host .clock .element-list .element-container.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);font-weight:var(--theme-font-weight-bold)}:host .clock .element-list .element-container.selected:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-container.selected:focus-visible{border:0.0625rem solid var(--theme-color-inv-contrast-text)}:host .clock .element-list .element-container.selected.disabled{background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .clock .element-list .element-list-padding{width:2.5rem;height:13.125rem;min-height:13.125rem}: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 .default-space{margin-left:1rem}:host .text-align{text-align:center}';export{v as ix_col,y as ix_layout_grid,x as ix_row,T as ix_time_picker}
+import{r as e,f as t,h as o,H as r,M as n,c as i,g as a}from"./p-EBgS4zhE.js";import{m as l}from"./p-D_Hmobxf.js";import{D as s}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-BWgttsqY.js";import{O as h}from"./p-DVJeDueL.js";import{c as m}from"./p-BClJdFQP.js";import{g as u,i as b,h as p,t as f}from"./p-BFUINhFM.js";import"./p-6ZxKp7Jn.js";const v=class{constructor(t){e(this,t)}static Breakpoints=["","sm","md","lg"];size;sizeSm;sizeMd;sizeLg;onResize(){t(this)}getSize(e){return""===e?this.size:"sm"===e?this.sizeSm:"md"===e?this.sizeMd:"lg"===e?this.sizeLg:void 0}getColumnSize(){let e;return v.Breakpoints.forEach((t=>{if(""!==t&&!l(t))return;const o=this.getSize(t);o&&(e=o)})),e}getColumnSizeStyling(){const e=this.getColumnSize();if(!e)return;if("auto"===e)return{flex:"0 0 auto",width:"auto","max-width":"auto"};const t=`calc(calc(${e} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${t}`,width:`${t}`,"max-width":`${t}`}}render(){return o(r,{key:"4100338d123bd8bb83087547168f7b5949c203ff",style:{...this.getColumnSizeStyling()}},o("slot",{key:"90c209c3c011c132a654fb0a546ef149992def3c"}))}};v.style=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}";const y=class{constructor(t){e(this,t)}noMargin=!1;gap="24";columns=12;render(){return o(r,{key:"bbbb190067242d1af34db168445410d8dc223288",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},o("slot",{key:"efe37496334ae57f28e90d612e3598f606c66036"}))}};y.style=":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";const x=class{constructor(t){e(this,t)}render(){return o(r,{key:"dc089e8a0a641e78f237510b27c5198fe23915a4"},o("slot",{key:"92cb22bde2c9b89a4dc57d0a8fc2434886cabc72"}))}};function g(e,t,o,r){let n,i;if("hour"===t){const e=function(e,t){return"PM"===t?{value:12===e?12:e+12,maxValue:23}:"AM"===t?{value:12===e?0:e,maxValue:11}:{value:e,maxValue:23}}(o,r);n=e.value,i=e.maxValue}else n=o,i=function(e){switch(e){case"minute":case"second":return 59;case"millisecond":return 999;case"hour":return 23}}(t);n>i?n=i:n<0&&(n=0);try{return e.set({[t]:n})}catch{return null}}x.style=":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";const k={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:/S{1,3}|u{1,3}|[tT]{3,4}/};const w={hour:"",minute:"",second:"",millisecond:""},T=class extends(n(...d)){constructor(t){super(),e(this,t),this.timeSelect=i(this,"timeSelect",7),this.timeChange=i(this,"timeChange",7)}get hostElement(){return a(this)}format="TT";watchFormatIntervalPropHandler(e){e&&(this.initPicker(),this.updateScrollPositions())}corners="rounded";embedded=!1;dateTimePickerAppearance=!1;hideHeader=!1;hourInterval=1;watchHourIntervalPropHandler(e){Number.isInteger(e)&&e>=0&&e<=(this.timeRef?12:23)?this.setTimePickerDescriptors():(this.printIntervalError("hour",e),this.hourInterval=1)}minuteInterval=1;watchMinuteIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("minute",e),this.minuteInterval=1)}secondInterval=1;watchSecondIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("second",e),this.secondInterval=1)}millisecondInterval=100;watchMillisecondIntervalPropHandler(e){e>=0&&e<=999?this.setTimePickerDescriptors():(this.printIntervalError("millisecond",e),this.millisecondInterval=100)}printIntervalError(e,t){console.error(`Value ${t} is not valid for ${e}-interval. Falling back to default.`)}warnIfConstraintTimeInvalid(e,t,o){const r=t?.trim();if(!r)return;const n=s.fromFormat(r,this.format);if(n.isValid)return;if(o)return;const i=[n.invalidReason,n.invalidExplanation].filter(Boolean).join(": ");console.warn(`[ix-time-picker] ${e}="${r}" does not match format "${this.format}". The constraint is ignored until the value matches \`format\`.`+(i?` (${i})`:""))}warnIfConstraintRangeInverted(e,t){const o=e?.trim(),r=t?.trim();if(!o||!r)return;const n=s.fromFormat(o,this.format),i=s.fromFormat(r,this.format);n.isValid&&i.isValid&&n>i&&console.warn(`[ix-time-picker] minTime="${o}" is later than maxTime="${r}" for format "${this.format}". Both constraints are ignored.`)}warnConstraintTimesIfInvalid(e){const t=e?.omitUnparsableConstraintWarnings??!1;this.warnIfConstraintTimeInvalid("minTime",this.minTime,t),this.warnIfConstraintTimeInvalid("maxTime",this.maxTime,t),this.warnIfConstraintRangeInverted(this.minTime,this.maxTime)}time;watchTimePropHandler(e){if(void 0===e||""===e)return void(this._time=this.getDefaultTime());const t=s.fromFormat(e,this.format);if(!t.isValid)throw new Error("Format is not supported or not correct");this._time=t}minTime;maxTime;watchMinTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}watchMaxTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}getDefaultTime(){return s.now()}i18nConfirmTime="Confirm";i18nHeader="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";timeSelect;timeChange;async getCurrentTime(){return this._time?.toFormat(this.format)}_time;onTimeChange(){const e=this.formattedTime;this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.updateScrollPositions(e)}timeRef;formattedTime=w;timePickerDescriptors=[];isUnitFocused=!1;focusedUnit="hour";focusedValue=0;visibilityObserver;focusScrollAlignment="start";componentWillLoad(){this.initPicker()}initPicker(){let e,t=!1;this.time?(e=s.fromFormat(this.time,this.format),e.isValid||(t=!0,console.error(`Invalid time format. The configured format does not match the format of the passed time. ${e.invalidReason}: ${e.invalidExplanation}`),e=this.getDefaultTime())):e=this.getDefaultTime(),this._time=e,this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.setTimePickerDescriptors(),this.setInitialFocusedValueAndUnit(),this.watchHourIntervalPropHandler(this.hourInterval),this.watchMinuteIntervalPropHandler(this.minuteInterval),this.watchSecondIntervalPropHandler(this.secondInterval),this.watchMillisecondIntervalPropHandler(this.millisecondInterval),this.warnConstraintTimesIfInvalid({omitUnparsableConstraintWarnings:t})}componentDidLoad(){super.componentDidLoad?.(),this.updateScrollPositions(),this.setupVisibilityObserver()}componentDidRender(){if(!this.isUnitFocused)return;const e=this.getElementContainer(this.focusedUnit,this.focusedValue),t=this.getElementList(this.focusedUnit);if(e){if(c()){const t=this.hostElement.shadowRoot?.activeElement;t!==e&&e.focus({preventScroll:!0})}this.isElementVisible(e,t)||this.scrollElementIntoView(e,t,this.focusScrollAlignment)}}disconnectedCallback(){this.visibilityObserver&&this.visibilityObserver.disconnect()}handleKeyDown(e){if(!this.isUnitFocused)return;let t=!0;switch(e.key){case"Tab":t=!1,this.isUnitFocused=!1;break;case"ArrowUp":this.focusScrollAlignment="start",this.stepFocusedValue(-1);break;case"ArrowDown":this.focusScrollAlignment="end",this.stepFocusedValue(1);break;case"Enter":case" ":{const{bounds:e}=this.getUnitSelectionContext(),t=this.buildCandidateBaseBeforeUnit(this.focusedUnit);this.canSelectUnitValue(this.focusedUnit,this.focusedValue,e,t)&&this.select(this.focusedUnit,this.focusedValue);break}default:return}t&&e.preventDefault()}onUnitCellBlur(e,t){const o=t.relatedTarget,r=o?.dataset?.elementContainerId?.split("-")[0],n=r===e;if(o&&!n&&r!==e&&this.elementListScrollToTop(e,Number(this.formattedTime[e]),"smooth"),n)return;this.isUnitFocused=!1;const i=this.resolvePreservedFocusedValueOnColumnBlur(e);this.focusedValue=i,this.updateDescriptorFocusedValue(e,i)}onUnitCellFocus(e,t){this.isUnitFocused=!0,this.focusedUnit=e,this.focusedValue=t,this.updateDescriptorFocusedValue(e,t)}getElementList(e){return this.hostElement.shadowRoot?.querySelector(`[data-element-list-id="${e}"]`)}getElementContainer(e,t){return this.hostElement.shadowRoot?.querySelector(`[data-element-container-id="${e}-${t}"]`)}isElementVisible(e,t){const o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom}scrollElementIntoView(e,t,o){const r=t.getBoundingClientRect(),n=e.getBoundingClientRect();t.scrollTop+="end"===o?n.bottom-r.bottom+1:n.top-r.top-1}setInitialFocusedValueAndUnit(){const e=this.timePickerDescriptors.find((e=>!e.hidden));e&&(this.focusedValue=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray),this.focusedUnit=e.unit)}setupVisibilityObserver(){const e=m(this.hostElement,"ix-dropdown");e&&(this.visibilityObserver=new MutationObserver((e=>this.mutationObserverCallback(e))),this.visibilityObserver.observe(e,{attributes:!0,attributeFilter:["class","style"]}))}mutationObserverCallback(e){for(const t of e)"attributes"===t.type&&(t.target.classList.contains("show")?this.areElementsRendered()&&this.updateScrollPositions():this.time&&s.fromFormat(this.time,this.format).isValid&&(this._time=s.fromFormat(this.time,this.format),this.setInitialFocusedValueAndUnit()))}areElementsRendered(){const e=this.hostElement.shadowRoot?.querySelectorAll(".element-list");return!(!e||0===e.length)&&Array.from(e).some((e=>e.offsetHeight>0))}getFormattedTime(){return this._time?{hour:this._time.toFormat(void 0!==this.timeRef?"h":"H"),minute:this._time.toFormat("m"),second:this._time.toFormat("s"),millisecond:this._time.toFormat("S")}:w}changeTimeReference(e){if(this.timeRef===e)return;this._time||(this._time=s.now().startOf("day"));const t=this._time,o=this.timeRef;this.timeRef=e;const r=this._time.hour;if("PM"===e&&r<12?this._time=this._time.plus({hours:12}):"AM"===e&&r>=12&&(this._time=this._time.minus({hours:12})),!this.isWithinTimeConstraints(this._time))return this._time=t,void(this.timeRef=o);this.timeChange.emit(this._time.toFormat(this.format))}referenceOrNow(){return this._time??s.now()}setTimeRef(){if(!function(e){let t="",o=!1;for(const r of e)"'"===r?o=!o:o||(t+=r);return/[hat]/.test(t)}(this.format))return void(this.timeRef=void 0);const e=this.referenceOrNow();this.timeRef=e.hour>=12?"PM":"AM"}getConstraintBounds(e){const t=(e??this.referenceOrNow()).startOf("day");return u(this.minTime,this.maxTime,this.format,t)}getUnitSelectionContext(){const e=this.referenceOrNow();return{bounds:this.getConstraintBounds(e),selectionBase:this._time??e.startOf("day")}}isWithinTimeConstraints(e){const{min:t,max:o}=this.getConstraintBounds();return b(e,t,o)}canSelectUnitValue(e,t,o,r){const n=r??this._time??s.now().startOf("day"),i=o??this.getConstraintBounds();if("hour"===e&&p(i.min,i.max)){const e=g(n.startOf("day"),"hour",t,this.timeRef);if(!e)return!1;const o=e.set({minute:59,second:59,millisecond:999});return f(e,o,i.min,i.max)}const a=g(n,e,t,this.timeRef);return!!a&&(o?this.isSelectableForUnitWithinBounds(e,a,o):this.isWithinTimeConstraints(a))}isSelectableForUnitWithinBounds(e,t,o){return function(e,t,o){const r=function(e,t){return t.isValid?"hour"===e?{start:t.startOf("hour"),end:t.endOf("hour")}:"minute"===e?{start:t.set({second:0,millisecond:0}),end:t.set({second:59,millisecond:999})}:"second"===e?{start:t.set({millisecond:0}),end:t.set({millisecond:999})}:{start:t,end:t}:null}(e,t);if(!r)return!1;const{min:n,max:i}=o,{start:a,end:l}=r;return!(n&&l<n||i&&a>i)}(e,t,o)}getProvisionalRawValue(e){if(this.focusedUnit===e)return this.focusedValue;const t=this.timePickerDescriptors.map((e=>e.unit)),o=t.indexOf(this.focusedUnit),r=t.indexOf(e);if(-1!==r&&-1!==o&&r<o){const t=this.timePickerDescriptors.find((t=>t.unit===e));if(t)return t.focusedValue}const n=this.formattedTime?.[e];return""===n||void 0===n?0:Number(n)}buildCandidateBaseBeforeUnit(e){const{selectionBase:t}=this.getUnitSelectionContext(),o=this.timePickerDescriptors.map((e=>e.unit)),r=o.indexOf(e);if(r<=0)return t;let n=this._time??t;for(let e=1;e<r;e++){const t=o[e];if(void 0===t)continue;const r=g(n,t,this.getProvisionalRawValue(t),this.timeRef);r&&(n=r)}return n}getConstrainedFocusedValueForUnitWithBase(e,t,o){const{bounds:r}=this.getUnitSelectionContext(),n=Number(this.formattedTime[e]);return t.includes(n)&&this.canSelectUnitValue(e,n,r,o)?n:(()=>t.find((t=>this.canSelectUnitValue(e,t,r,o)))??null)()??t[0]}getConstrainedFocusedValueForUnit(e,t){return this.getConstrainedFocusedValueForUnitWithBase(e,t,this.buildCandidateBaseBeforeUnit(e))}resolvePreservedFocusedValueOnColumnBlur(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e),n=this.focusedValue;return t.includes(n)&&this.canSelectUnitValue(e,n,o,r)?n:this.getConstrainedFocusedValueForUnit(e,t)}syncKeyboardFocusWithConstraints(){if(!this.timePickerDescriptors.length)return;for(const e of this.timePickerDescriptors){const t=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray);t!==e.focusedValue&&this.updateDescriptorFocusedValue(e.unit,t)}const e=this.getNumberArrayForUnit(this.focusedUnit);if(e.length){const t=this.getConstrainedFocusedValueForUnit(this.focusedUnit,e);t!==this.focusedValue&&(this.focusedValue=t)}}findFirstSelectableInUnit(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);return t.find((t=>this.canSelectUnitValue(e,t,o,r)))??null}getColumnTabStopValue(e){const t=this.timePickerDescriptors.find((t=>t.unit===e)),o=t?.numberArray??[];if(!t||!o.length)return null;const{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(e),i=t.focusedValue;return o.includes(i)&&this.canSelectUnitValue(e,i,r,n)?i:this.findFirstSelectableInUnit(e)}stepFocusedValue(e){const t=this.focusedUnit,o=this.getNumberArrayForUnit(t),{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(t),i=function(e,t,o,r){if(!e.length)return null;let n=e.indexOf(t);-1===n&&(n=1===o?-1:e.length);for(const t of e){n=(n+o+e.length)%e.length;const t=e[n];if(r(t))return t}return null}(o,this.focusedValue,e,(e=>this.canSelectUnitValue(t,e,r,n)));null!==i&&(this.focusedValue=i,this.updateDescriptorFocusedValue(t,i))}isConfirmDisabled(){const e=this.referenceOrNow(),{min:t,max:o}=this.getConstraintBounds(e);return!!p(t,o)&&!b(e,t,o)}setTimePickerDescriptors(){const{hourNumbers:e,minuteNumbers:t,secondNumbers:o,millisecondsNumbers:r}=function(e,t){const{hourInterval:o,minuteInterval:r,secondInterval:n,millisecondInterval:i}=e;let a;return a=void 0===t?Array.from({length:Math.ceil(24/o)},((e,t)=>t*o)):Array.from({length:Math.ceil(12/o)},((e,t)=>t*o+1)).filter((e=>e<=12)),{hourNumbers:a,minuteNumbers:Array.from({length:Math.ceil(60/r)},((e,t)=>t*r)),secondNumbers:Array.from({length:Math.ceil(60/n)},((e,t)=>t*n)),millisecondsNumbers:Array.from({length:Math.ceil(1e3/i)},((e,t)=>t*i))}}({hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval},this.timeRef),{selectionBase:n}=this.getUnitSelectionContext(),i=[{unit:"hour",header:this.i18nHourColumnHeader,hidden:!k.hours.test(this.format),numberArray:e},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!k.minutes.test(this.format),numberArray:t},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!k.seconds.test(this.format),numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!k.milliseconds.test(this.format),numberArray:r}];let a=n;const l=[];for(const e of i){if(e.hidden)continue;const t=this.getConstrainedFocusedValueForUnitWithBase(e.unit,e.numberArray,a);l.push({unit:e.unit,header:e.header,hidden:!1,numberArray:e.numberArray,focusedValue:t});const o=g(a,e.unit,t,this.timeRef);o&&(a=o)}this.timePickerDescriptors=l}getNumberArrayForUnit(e){const t=this.timePickerDescriptors.find((t=>t.unit===e));return t?t.numberArray:[]}isSelected(e,t){return this.formattedTime[e]===String(t)}getUnitCellTabIndex(e,t){const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return-1;if(this.isUnitFocused&&this.focusedUnit===e)return this.focusedValue===t?0:-1;const n=this.getColumnTabStopValue(e);return null===n?-1:n===t?0:-1}select(e,t){if(this.isSelected(e,t))return;const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return;const n=g(r,e,t,this.timeRef);n&&(this._time&&n.toMillis()===this._time.toMillis()||(this._time=n,this.elementListScrollToTop(e,t,"smooth"),this.timeChange.emit(this._time.toFormat(this.format))))}updateDescriptorFocusedValue(e,t){const o=this.timePickerDescriptors.findIndex((t=>t.unit===e));-1!==o&&(this.timePickerDescriptors=[...this.timePickerDescriptors.slice(0,o),{...this.timePickerDescriptors[o],focusedValue:t},...this.timePickerDescriptors.slice(o+1)])}elementListScrollToTop(e,t,o){const r=this.getElementList(e),n=this.getElementContainer(e,t);if(r&&n){let e=11;this.hideHeader&&(e-=57),r.scrollTo({top:n.offsetTop-r.clientHeight/2+n.clientHeight-e,behavior:o})}}updateScrollPositions(e){for(const t in this.formattedTime)e&&this.formattedTime[t]===e[t]||this.elementListScrollToTop(t,Number(this.formattedTime[t]),"instant")}formatUnitValue(e,t){return function(e,t){return"millisecond"===e?t.toString().padStart(3,"0"):t<10?`0${t}`:t.toString()}(e,t)}getColumnSeparator(e){return function(e,t){return e+1<t.length&&"millisecond"===t[e+1].unit?".":":"}(e,this.timePickerDescriptors)}render(){const{bounds:e}=this.getUnitSelectionContext();return o(r,{key:"843508f1f761b09aa9f804d8508f073fc4e456c2"},o("ix-date-time-card",{key:"5bd462965737df20d1bfaafb6fe909f9072e172f",embedded:this.embedded,timePickerAppearance:!0,corners:this.corners,hasFooter:!this.dateTimePickerAppearance,hideHeader:this.hideHeader},o("div",{key:"0a4753c97c668bbea0bf08fbc6ede9be9c7fec00",class:"header",slot:"header"},o("ix-typography",{key:"f16526b69e956e416f7cb71192ce59f8cacf757c",format:"body"},this.i18nHeader)),o("div",{key:"18c828b4355fd21ad48bf0fccc485437eb99bcec",class:"clock"},this.timePickerDescriptors.map(((t,r)=>o("div",{class:"flex"},o("div",{class:{columns:!0,hidden:t.hidden},hidden:t.hidden},o("div",{class:"column-header",title:t.header},t.header),o("div",{role:"listbox","aria-label":t.header,"data-element-list-id":t.unit,class:"element-list",tabindex:-1},t.numberArray.map((r=>{const n=this.getUnitCellTabIndex(t.unit,r),i=!this.canSelectUnitValue(t.unit,r,e,this.buildCandidateBaseBeforeUnit(t.unit)),a=this.isSelected(t.unit,r);return o("button",{role:"option","aria-selected":a?"true":"false","data-element-container-id":`${t.unit}-${r}`,class:{selected:a,"element-container":!0,disabled:i},disabled:i,onClick:()=>{this.select(t.unit,r)},onFocus:()=>this.onUnitCellFocus(t.unit,r),onBlur:e=>this.onUnitCellBlur(t.unit,e),"aria-label":`${t.header}: ${r}`,tabindex:n},this.formatUnitValue(t.unit,r))})),o("div",{class:"element-list-padding"}))),r!==this.timePickerDescriptors.length-1&&o("div",{class:{"column-separator":!0,hidden:t.hidden}},this.getColumnSeparator(r))))),this.timeRef&&o("div",{key:"7ad04e4572dd11cc77509e5782364052811089d0",class:"flex"},o("div",{key:"d6b423fd2cd5c3b238504f951374d0b9b6435909",class:"column-separator"}),o("div",{key:"f74cab2bcf22852af1b2f7a705ef8726bb779040",class:"columns"},o("div",{key:"9e8f74e738d9dd95df814329a0e09b49633d2343",class:"column-header",title:"AM/PM"}),o("div",{key:"57cd6b520883953a66cddf6ab9ba486e0b32512a",role:"listbox","aria-label":"AM/PM",class:"element-list",tabindex:-1},o("button",{key:"9486d0c81c91a235e1c9204afcbc794db7f063fe",role:"option","aria-selected":"AM"===this.timeRef?"true":"false","data-am-pm-id":"AM",class:{selected:"AM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("AM"),tabindex:"0","aria-label":"AM"},"AM"),o("button",{key:"90602f7ec60c50c8d4edec394de2d205f506ed6d",role:"option","aria-selected":"PM"===this.timeRef?"true":"false","data-am-pm-id":"PM",class:{selected:"PM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("PM"),tabindex:"0","aria-label":"PM"},"PM"))))),o("div",{key:"73907cc1c7cdf44a249ea2557d14e1a61f4f66ea",class:{footer:!0,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},o("ix-button",{key:"b2c32715f3a41323314f0da0f0b89c5e98f81dd4",class:"confirm-button",disabled:this.isConfirmDisabled(),onClick:()=>{this.timeSelect.emit(this._time?.toFormat(this.format))}},this.i18nConfirmTime))))}static get delegatesFocus(){return!0}static get watchers(){return{format:[{watchFormatIntervalPropHandler:0}],hourInterval:[{watchHourIntervalPropHandler:0}],minuteInterval:[{watchMinuteIntervalPropHandler:0}],secondInterval:[{watchSecondIntervalPropHandler:0}],millisecondInterval:[{watchMillisecondIntervalPropHandler:0}],time:[{watchTimePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],_time:[{onTimeChange:0}]}}};(function(e,t,o,r){var n,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(i<3?n(a):i>3?n(t,o,a):n(t,o))||a);i>3&&a&&Object.defineProperty(t,o,a)})([h("keydown")],T.prototype,"handleKeyDown",null),T.style='.ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);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;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.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}input{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);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}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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{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);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}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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){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]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2rem}: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}: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-separator{display:flex;align-items:center;justify-content:center;min-height:100%;margin-top:3rem;width:0.5rem}:host .clock .element-list{list-style-type:none;overflow:auto;padding:0.0625rem;margin:-0.0625rem;max-height:15.75rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{box-sizing:border-box;width:2.5rem;height:2.5rem;margin-bottom:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus-visible{box-shadow:0 0 0 1px var(--theme-color-focus-bdr)}:host .clock .element-list .element-container.disabled{cursor:default}:host .clock .element-list .element-container.disabled:not(.selected){color:var(--theme-color-weak-text)}:host .clock .element-list .element-container:not(.selected).disabled:hover,:host .clock .element-list .element-container:not(.selected).disabled:active{background-color:transparent}:host .clock .element-list .element-container.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);font-weight:var(--theme-font-weight-bold)}:host .clock .element-list .element-container.selected:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-container.selected:focus-visible{border:0.0625rem solid var(--theme-color-inv-contrast-text)}:host .clock .element-list .element-container.selected.disabled{background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .clock .element-list .element-list-padding{width:2.5rem;height:13.125rem;min-height:13.125rem}: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 .default-space{margin-left:1rem}:host .text-align{text-align:center}';export{v as ix_col,y as ix_layout_grid,x as ix_row,T as ix_time_picker}

package/dist/siemens-ix/p-351e8732.entry.js

@@ -0,0 +1 @@
+import{M as t,r as e,c as s,g as i,h as o,H as r}from"./p-EBgS4zhE.js";import{f as h,c as n,a,o as c,b as p,s as l,d,h as u}from"./p-Bxrgt3H_.js";import{b as g}from"./p-CKoABG1h.js";import{a as m,g as v,f}from"./p-3pidUFd-.js";import{D as b,r as w}from"./p-BWgttsqY.js";import{I as k}from"./p-Cv_omozQ.js";import{C as y}from"./p-CUbYLenp.js";import{m as T}from"./p-Djkc69iv.js";import{r as x}from"./p-BEuV0Xpe.js";import{N as P,p as C}from"./p-CNLoALIl.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-DD206pTM.js";const F=new class{stack=new P({blocksOutsideDismiss:t=>!t.closeOnClickOutside},(t=>this.dismiss(t)));presentationOrder=[];isWindowListenerActive=!1;connected(t){this.isWindowListenerActive||this.addOverlayListeners(),this.stack.connect(t)}disconnected(t){this.removeFromPresentationOrder(t.getId()),this.stack.disconnect(t)}removeFromNestedPopoverIds(t){this.stack.removeFromHierarchy(t)}syncNestedPopoverIds(t){this.stack.setChildIds(t.getId(),t.getNestedPopoverIds())}present(t){this.presentAndWait(t)}async presentAndWait(t){!t.isPresent()&&t.willPresent?.()&&(this.dismissOthers(t.getId()),this.syncNestedPopoverIds(t),await t.present(),this.recordPresented(t.getId()))}dismissChildren(t){this.dismissChildrenWithFocus(t)}dismiss(t,e="restore-trigger"){const s=t.isPresent(),i=t.willDismiss?.()??!0;s&&i&&(this.dismissChildrenWithFocus(t.getId(),e),t.dismiss(e),this.stack.deleteChildIdsEntry(t.getId()),this.removeFromPresentationOrder(t.getId()))}dismissChildrenWithFocus(t,e="restore-trigger"){for(const s of this.stack.getChildIds(t)){const t=this.stack.get(s);t&&this.dismiss(t,e)}}dismissAll(t=!1){this.stack.dismissAll(t?{ignorePolicyForIds:this.stack.keys()}:void 0)}dismissTopmost(){const t=this.getTopmostForEscape();t&&this.dismiss(t)}dismissOthers(t){this.stack.dismissOthers(t)}pathIncludesTrigger(t){return C(t,"data-ix-popover-trigger")}recordPresented(t){this.removeFromPresentationOrder(t),this.presentationOrder.push(t)}removeFromPresentationOrder(t){const e=this.presentationOrder.indexOf(t);e>-1&&this.presentationOrder.splice(e,1)}isTopmostPresentedHost(t){return this.getTopmostForEscape()?.hostElement===t}getTopmostForEscape(){for(let t=this.presentationOrder.length-1;t>=0;t--){const e=this.stack.get(this.presentationOrder[t]);if(e?.isPresent())return e}let t;return this.stack.forEach((e=>{e.isPresent()&&(t=e)})),t}getPopoverDialog(t){return t.shadowRoot?.querySelector("dialog")??null}pathIncludesPopover(t){for(const e of t)if(e instanceof HTMLElement){if("IX-POPOVER"===e.tagName)return!0;for(const t of this.stack.values()){if(e===t.hostElement)return!0;const s=this.getPopoverDialog(t.hostElement);if(s&&e===s)return!0}}return!1}dismissAllFromOutsideClick(){this.stack.forEach((t=>{t.closeOnClickOutside&&t.isPresent()&&this.dismiss(t,"release")}))}addOverlayListeners(){this.isWindowListenerActive=!0,window.addEventListener("click",(t=>{const e=this.pathIncludesTrigger(t.composedPath()),s=this.pathIncludesPopover(t.composedPath());e||s||this.dismissAllFromOutsideClick()})),window.addEventListener("keydown",(t=>{"Escape"===t.key&&this.dismissTopmost()}))}},D=t=>null==t?"":`${t}px`,I=class extends(t(...b,k,y)){constructor(t){super(),e(this,t),this.showChange=s(this,"showChange",7),this.showChanged=s(this,"showChanged",7)}get hostElement(){return i(this)}trigger;show=!1;placement="bottom";hasSpike=!1;triggerMode="click";closeOnClickOutside=!1;showChange;showChanged;dialogRef=T();triggerElement;disposeAutoUpdate;disposeTriggerListener;disposeDialogListener;focusTrap;hideTimeout;assignedNestedPopoverIds=[];hasFocusableContent=!1;suppressShowWatch=!1;isOpeningPopover=!1;closeFocus="restore-trigger";hasDisconnected=!1;triggerRegistryId=0;suppressFocusPresent=!1;get spikeElement(){return this.hostElement.shadowRoot.querySelector(".spike")}getFocusTrapOptions(){return{trapFocusInShadowDom:"both",listenOnDocument:!0,shouldDeferTabTrap:t=>!F.isTopmostPresentedHost(t)}}get popoverPanelId(){return`ix-component-ix-popover-${this.$internal_id}`}getId(){return this.getHostElementId()}getNestedPopoverIds(){return this.assignedNestedPopoverIds}cacheNestedPopoverId(t){const{detail:e}=t;e===this.getId()||this.assignedNestedPopoverIds.includes(e)||(this.assignedNestedPopoverIds.push(e),F.syncNestedPopoverIds(this),t.stopImmediatePropagation(),t.preventDefault())}isPresent(){return this.show}willPresent(){return!this.showChange.emit(!0).defaultPrevented}willDismiss(){return!this.showChange.emit(!1).defaultPrevented}present(){return this.openPopover()}dismiss(t="restore-trigger"){this.closeFocus=t,this.closePopover()}async showPopover(){await F.presentAndWait(this)}async hidePopover(){F.dismiss(this)}onTriggerChange(t,e){t!==e&&this.registerTriggerListener()}onTriggerModeChange(){this.registerTriggerListener()}onShowChange(t){this.suppressShowWatch||(t?this.openPopover({fromShowWatch:!0}):this.closePopover({fromShowWatch:!0}))}connectedCallback(){super.connectedCallback(),this.hasDisconnected&&(F.connected(this),this.initializePopover())}componentDidLoad(){F.connected(this),this.initializePopover()}async initializePopover(){await this.registerTriggerListener(),this.show&&await this.openPopover({fromShowWatch:!0})}componentDidRender(){this.trigger&&!this.triggerElement&&this.registerTriggerListener()}disconnectedCallback(){super.disconnectedCallback(),this.hasDisconnected=!0,this.clearHideTimeout(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeDialogListener?.(),this.focusTrap?.destroy(),F.disconnected(this),this.clearTriggerAria()}async openPopover(t){if(!this.isOpeningPopover&&(t?.fromShowWatch||!this.show)){this.isOpeningPopover=!0;try{const t=await this.dialogRef.waitForCurrent();if(!t||!this.hostElement.isConnected)return;if(this.suppressShowWatch=!0,this.show=!0,this.suppressShowWatch=!1,t.showPopover(),this.registerHoverDialogListener(t),this.detectFocusableContent(),!this.triggerElement&&this.trigger&&await this.registerTriggerListener(),this.triggerElement&&(await this.applyPopoverPosition(this.triggerElement,t),this.updateTriggerAria(!0)),this.hasFocusableContent){const t=await m(this.hostElement,this.getFocusTrapOptions());this.hostElement.isConnected&&this.show?(this.focusTrap=t,"hover"!==this.triggerMode&&this.focusFirstElement()):t.destroy()}x((()=>{this.showChanged.emit(!0)}))}finally{this.isOpeningPopover=!1}}}async closePopover(t){if(!t?.fromShowWatch&&!this.show)return;const e=await this.dialogRef.waitForCurrent();e&&this.hostElement.isConnected&&(this.disposeAutoUpdate?.(),this.disposeAutoUpdate=void 0,this.disposeDialogListener?.(),this.disposeDialogListener=void 0,this.focusTrap?.destroy(),this.focusTrap=void 0,this.applyCloseFocus(),e.hidePopover(),"release"===this.closeFocus&&this.blurTriggerElement(),this.schedulePostCloseFocus(),this.suppressShowWatch=!0,this.show=!1,this.suppressShowWatch=!1,this.closeFocus="restore-trigger",this.updateTriggerAria(!1),x((()=>{this.showChanged.emit(!1)})))}detectFocusableContent(){this.hasFocusableContent=v(this.hostElement,this.getFocusTrapOptions()).length>0}focusFirstElement(){const t=this.getFocusTrapOptions();x((()=>{f(this.hostElement,t)}))}applyCloseFocus(){this.hasFocusableContent&&this.triggerElement&&("hover"!==this.triggerMode||"release"!==this.closeFocus?w():this.releasePopoverFocus())}schedulePostCloseFocus(){if(!this.hasFocusableContent||!this.triggerElement)return;if("hover"===this.triggerMode&&"release"===this.closeFocus)return;const t="restore-trigger"===this.closeFocus;x((()=>{if(t)return"hover"===this.triggerMode&&(this.suppressFocusPresent=!0),this.triggerElement?.focus(),void x((()=>{this.suppressFocusPresent=!1}));this.releasePopoverFocus(),x((()=>{this.blurTriggerElement()}))}))}releasePopoverFocus(){const t=document.activeElement;t instanceof HTMLElement&&this.containsPopoverTarget(t)&&t.blur(),this.blurTriggerElement()}blurTriggerElement(){if(!this.triggerElement)return;const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t?.blur(),this.triggerElement!==t&&this.triggerElement.blur()}async registerTriggerListener(){if(this.disposeTriggerListener?.(),this.clearTriggerAria(),!this.trigger)return;const t=++this.triggerRegistryId,e=this.trigger,s=this.triggerMode;try{const i=await h(e,this.hostElement);if(t!==this.triggerRegistryId||this.trigger!==e||this.triggerMode!==s||!this.hostElement.isConnected)return;this.triggerElement=i,i.dataset.ixPopoverTrigger="",this.updateTriggerAria(this.show),this.discoverNestedPopover(),this.disposeTriggerListener=g("click"===this.triggerMode?[{element:i,eventType:"click",callback:()=>this.togglePopover()},{element:i,eventType:"keydown",callback:t=>{const e=t.key;"Enter"!==e&&" "!==e||(t.preventDefault(),this.togglePopover())}}]:[{element:i,eventType:"mouseenter",callback:()=>{this.clearHideTimeout(),this.show||F.present(this)}},{element:i,eventType:"mouseleave",callback:t=>this.scheduleHideFromTrigger(t)},{element:i,eventType:"focus",callback:()=>{if(this.clearHideTimeout(),!this.show){if(this.suppressFocusPresent)return;F.present(this)}}},{element:i,eventType:"focusout",callback:t=>this.scheduleHideFromTrigger(t)}])}catch{}}discoverNestedPopover(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-popover",{bubbles:!0,composed:!0,cancelable:!0,detail:this.getId()}))}togglePopover(){this.show?F.dismiss(this):F.present(this)}containsPopoverTarget(t){if(!(t instanceof Node))return!1;if(t===this.hostElement)return!0;if(this.hostElement.contains(t))return!0;const e=this.hostElement.shadowRoot;return!!e?.contains(t)}scheduleHideFromTrigger(t){this.containsPopoverTarget(t.relatedTarget)||("focusout"!==t.type?this.scheduleHide():x((()=>{this.containsPopoverTarget(document.activeElement)||this.scheduleHide()})))}scheduleHide(){this.clearHideTimeout(),this.hideTimeout=setTimeout((()=>{this.show&&F.dismiss(this,"release")}),150)}clearHideTimeout(){void 0!==this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}getTriggerAriaTarget(){const t=this.triggerElement;if(t){if("IX-BUTTON"===t.tagName||"IX-ICON-BUTTON"===t.tagName){const e=t.shadowRoot?.querySelector('button, a[role="button"]');if(e)return e}return t}}clearTriggerAriaAttributes(t){t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-haspopup")}updateTriggerAria(t){const e=this.triggerElement,s=this.getTriggerAriaTarget();e&&s&&(s.setAttribute("aria-haspopup","dialog"),s.setAttribute("aria-expanded",String(t)),s.setAttribute("aria-controls",this.popoverPanelId),s!==e&&this.clearTriggerAriaAttributes(e))}clearTriggerAria(){if(!this.triggerElement)return;this.clearTriggerAriaAttributes(this.triggerElement);const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t&&this.clearTriggerAriaAttributes(t),delete this.triggerElement.dataset.ixPopoverTrigger,this.triggerElement=void 0}computeSpikePosition({placement:t,middlewareData:e}){if(!e.arrow)return;const{x:s,y:i}=e.arrow,o={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...o,left:D(s),bottom:D(-6)}:t.startsWith("right")?{...o,left:D(-6),top:D(i)}:t.startsWith("bottom")?{...o,left:D(s),top:D(-6)}:t.startsWith("left")?{...o,right:D(-6),top:D(i)}:void 0}async computePopoverPosition(t,e){const s=[c(12),p({fallbackStrategy:"initialPlacement"}),l({padding:10})];return this.hasSpike&&this.spikeElement&&s.push(d({element:this.spikeElement})),s.push(u()),n(t,e,{strategy:"fixed",placement:this.placement,middleware:s})}async applyPopoverPosition(t,e){this.disposeAutoUpdate?.();const s=async()=>{if(!this.show)return;const s=await this.computePopoverPosition(t,e);if(!this.show)return;const i=s.middlewareData.hide?.referenceHidden;if(i)return F.dismiss(this,"release"),s;if(this.hasSpike&&s.middlewareData.arrow){const t=this.computeSpikePosition(s);t&&this.spikeElement&&Object.assign(this.spikeElement.style,t)}return Object.assign(e.style,{left:D(s.x),top:D(s.y)}),s};await s(),this.show&&this.hostElement.isConnected&&(this.disposeAutoUpdate=a(t,e,s,{ancestorResize:!0,ancestorScroll:!0,elementResize:!0}))}registerHoverDialogListener(t){this.disposeDialogListener?.(),"hover"===this.triggerMode&&(this.disposeDialogListener=g([{element:t,eventType:"click",callback:t=>{t.stopPropagation()}}]))}onDialogMouseEnter(){"hover"===this.triggerMode&&this.clearHideTimeout()}onDialogMouseLeave(){"hover"===this.triggerMode&&this.scheduleHide()}render(){return o(r,{key:"800528be7326703a5fca61e0a03e90b3e6231905",class:{visible:this.show},"data-ix-popover":this.popoverPanelId},o("dialog",{key:"a7b501ed22173801f1820b2ae1e47edd50d3a596",ref:this.dialogRef,id:this.popoverPanelId,class:"dialog",popover:"manual",inert:!this.show,...this.inheritAriaAttributes,role:this.inheritAriaAttributes.role??"dialog",onMouseEnter:()=>this.onDialogMouseEnter(),onMouseLeave:()=>this.onDialogMouseLeave()},o("div",{key:"804589dd5243897bd9965abee685fcf0608b3398",class:"popover-container"},o("div",{key:"0607a218729bd1715ee8eccf06f83cdd1938db8e",class:"popover-body"},o("slot",{key:"481b1891c9a092597f2b483d3e8237821769d583"})),this.hasSpike?o("div",{class:"spike"}):null)))}static get watchers(){return{trigger:[{onTriggerChange:0}],triggerMode:[{onTriggerModeChange:0}],show:[{onShowChange:0}]}}};I.style=':host{--theme-popover--background:var(--theme-color-2);--theme-popover--border-color:transparent;--theme-popover--color:var(--theme-color-std-text);--theme-popover--elevation-filter:drop-shadow(0 0 2px var(--theme-color-shadow-2))     drop-shadow(0 4px 8px var(--theme-color-shadow-3))     drop-shadow(0 12px 18px var(--theme-color-shadow-3));--theme-popover-close--color:var(--theme-color-soft-text);--theme-popover-close-btn--background:transparent;--theme-popover-close-btn--background--active:var(--theme-color-ghost--active);--theme-popover-close-btn--background--hover:var(--theme-color-ghost--hover)}:host dialog.dialog{margin:0;padding:0;border:none;background-color:transparent;box-shadow:none;overflow:visible;position:fixed;inset:unset;width:25rem;min-width:15rem;max-width:37.5rem;max-height:calc(100vh - 2rem)}:host .popover-container{display:flex;flex-direction:column;position:relative;width:100%;max-height:calc(100vh - 2rem);background:var(--theme-popover--background);color:var(--theme-popover--color);border:1px solid var(--theme-popover--border-color);box-shadow:var(--theme-shadow-4);border-radius:var(--theme-default-border-radius);overflow:visible}:host .popover-body{position:relative;z-index:1;display:block;width:100%}:host .popover-container:has(.spike){box-shadow:none;filter:var(--theme-popover--elevation-filter)}:host .spike,:host .spike::before{position:absolute;width:12px;height:12px;background:inherit}:host .spike{visibility:hidden;z-index:0;pointer-events:none}:host .spike::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-popover--background)}';export{I as ix_popover}

package/dist/siemens-ix/{p-884fd236.entry.js → p-38eef16a.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as i,h as s,H as o}from"./p-EBgS4zhE.js";import{K as a,R as h,S as r,T as n,U as d}from"./p-BeX6RWvV.js";import{a as l}from"./p-DhE1t8Qh.js";import{A as p}from"./p-DNIQ2C1K.js";import{m as c}from"./p-D_Hmobxf.js";import{a as b}from"./p-CKoABG1h.js";import{r as m}from"./p-BEuV0Xpe.js";import{a as g}from"./p-3pidUFd-.js";import{a as f}from"./p-C21npbUc.js";import{a as x}from"./p-4pTtJwcY.js";import"./p-Djkc69iv.js";import"./p-6ZxKp7Jn.js";import"./p-CWshStHZ.js";const v=class{constructor(i){t(this,i),this.expandedChanged=e(this,"expandedChanged",7),this.variantChanged=e(this,"variantChanged",7),this.borderlessChanged=e(this,"borderlessChanged",7),this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7),this.slotChanged=e(this,"slotChanged",7)}get hostElement(){return i(this)}heading;variant="inline";hideOnCollapse=!1;size="240px";borderless=!1;noPadding=!1;expanded=!1;composition="top";icon;closeOnClickOutside=!1;ariaLabelIcon;ariaLabelCollapseCloseButton;ignoreLayoutSettings=!1;isMobile=!1;expandedChanged;variantChanged;borderlessChanged;hideOnCollapseChanged;slotChanged;expandIcon="";showContent=!1;minimizeIcon="";floating=!1;parentWidthPx=0;parentHeightPx=0;static validPositions=["top","left","bottom","right"];static collapsedPane="40px";static collapsedPaneMobile="48px";animations=new Map;animationCounter=0;mutationObserver;resizeObserver;disposableWindowClick;disposableKeydown;focusTrap;focusReturnElement;get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return"bottom"===this.composition||"top"===this.composition}get isLeftRightPane(){return"left"===this.composition||"right"===this.composition}get isMobileTop(){return"top"===this.composition||"left"===this.composition}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),this.disposableWindowClick?.(),this.disposableKeydown?.(),this.focusTrap?.destroy()}async onExpandedChange(){if(this.closeOnClickOutside&&this.expanded?this.disposableWindowClick=b(window,"click",(t=>{(t.composedPath?.()||[]).includes(this.hostElement)||this.dispatchExpandedChangedEvent()})):this.disposableWindowClick?.(),this.registerEscapeListener(),this.floating)if(this.expanded){const t=document.activeElement;this.focusReturnElement=t instanceof HTMLElement?t:void 0,this.focusTrap=await g(this.hostElement,{trapFocusInShadowDom:"both"})}else this.focusTrap?.destroy(),this.focusTrap=void 0,m((()=>{const t=this.focusReturnElement;this.focusReturnElement=void 0,t&&"function"==typeof t.focus&&t.focus()}))}componentWillLoad(){this.onExpandedChange(),this.floating="floating"===this.variant,this.expanded&&this.onParentSizeChange(),this.isMobile=c("sm"),x.onChange.on((()=>{this.isMobile=c("sm")})),this.currentSlot&&this.setPosition(this.currentSlot),this.setIcons(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type&&"slot"===t.attributeName){const e=this.currentSlot,i=t.oldValue;e!==i&&(this.slotChanged.emit({slot:i??"",newSlot:e??""}),e&&this.setPosition(e))}}))})),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeOldValue:!0});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize,this.parentHeightPx=t[0].borderBoxSize[0].blockSize})),t&&this.resizeObserver.observe(t)}setPosition(t){v.validPositions.includes(t)&&(this.composition=t)}getExpandPaneSize(){let t;if(this.isBottomTopPane)if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentHeightPx/2)}px`:`${Math.round(this.parentHeightPx/3)}px`;else if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentWidthPx/2)}px`:`${Math.round(this.parentWidthPx/3)}px`;return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t,this.minimizeIcon=e}getIconNames(){let t="",e="";switch(this.composition){case"left":t=this.isMobile?h:d,e=this.isMobile?r:n;break;case"right":t=this.isMobile?r:n,e=this.isMobile?h:d;break;case"bottom":t=r,e=h;break;case"top":t=h,e=r}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{this.expanded?this.animateVerticalPadding("8px"):(this.showContent=!1,this.animateVerticalPadding("0px"))},complete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{this.expanded?this.isMobile||this.animateHorizontalPadding("8px"):(this.showContent=!1,this.isMobile||this.animateHorizontalPadding("0px"))},onComplete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}onAnimationComplete(t){this.expanded&&(this.showContent=!0,this.floating&&m((()=>{this.focusFirstSlottedElement()}))),this.animations.delete(t)}removePadding(){l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause())),this.animations.clear(),this.animationCounter=0}onMobileChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.hostElement.style.removeProperty("min-height"),this.onParentSizeChange()}onPositionChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange(),this.hideOnCollapseChanged.emit({slot:this.currentSlot??"",hideOnCollapse:t})}onVariantChange(t){this.floating="floating"===t,this.variantChanged.emit({slot:this.currentSlot??"",variant:t}),"floating"!==t&&(this.focusTrap?.destroy(),this.focusTrap=void 0),this.registerEscapeListener()}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot??"",borderless:t})}focusFirstSlottedElement(){const t=this.hostElement.querySelector("[autofocus]");if(t)return void t.focus();const e=this.hostElement.shadowRoot?.querySelector(".title-icon");e&&e.focus()}registerEscapeListener(){this.disposableKeydown?.(),this.disposableKeydown=void 0,this.floating&&this.expanded&&(this.disposableKeydown=b(this.hostElement,"keydown",(t=>{"Escape"===t.key&&this.dispatchExpandedChangedEvent()})))}dispatchExpandedChangedEvent(){const t=!this.expanded;this.expandedChanged.emit({slot:this.currentSlot??"",expanded:t}).defaultPrevented||(this.expanded=t)}onParentSizeChange(){if(this.clearAnimations(),this.removePadding(),this.expanded){if(this.isMobile)this.hostElement.style.height="100%";else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=t,this.animateHorizontalPadding("8px",0)):(this.hostElement.style.width=t,this.animateVerticalPadding("8px",0))}this.showContent=!0}else this.showContent=!1,this.isMobile?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPaneMobile:this.isBottomTopPane?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane:this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane}onSizeChange(){if(this.expanded)if(this.isMobile)this.hostElement.style.minHeight=this.hideOnCollapse?"0":v.collapsedPaneMobile,this.animateHorizontalFadeIn("100%");else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane,this.animateHorizontalFadeIn(t)):(this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane,this.animateVerticalFadeIn(t))}else this.showContent=!1,this.isMobile?this.hostElement.style.height=v.collapsedPaneMobile:this.isBottomTopPane?this.animateHorizontalFadeIn(v.collapsedPane):this.animateVerticalFadeIn(v.collapsedPane)}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;let e;return e=this.ariaLabelCollapseCloseButton?this.ariaLabelCollapseCloseButton:this.expanded?this.isMobile||this.hideOnCollapse?"Close pane":"Collapse pane":"Expand pane",s(o,{key:"2af275a401925a99c9a47cc5aa58a17c3eb5fcfb",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&"right"!==this.composition&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":f(this.expanded)},s("aside",{key:"1f9feb7d0c080e5f5833f0a5b5154202490b9fa4",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},s("div",{key:"2bfafc9e2922128eec41210485fec6534f525828",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},s("ix-icon-button",{key:"8417658fd2c0a70f98bd51c8f0ba2ccc84616167",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?a:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":void 0,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`,"aria-label":e}),s("div",{key:"7685fa2b6726c80e861715db078f354ace32b044",class:{"title-text":!0,rotate:t}},this.icon&&s("ix-icon",{key:"35faca81de8fc22114b05cc980a22c475cdd87ad",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),s("div",{key:"27e27879098e31c758924cf3a0b0bd61ecaf3ba3",class:"title-text-overflow"},s("ix-typography",{key:"f8c15cc21515bb68e0f3ab17c392c716f77c842d",format:"h4"},this.heading)),this.expanded&&s("div",{key:"5f9468a14dcba14a378332fb0f7cb47df06786ef",class:"slot-header"},s("slot",{key:"563d760c062d11d076040f346343bd980ce53a3b",name:"header"})))),s("div",{key:"4cf43dc7985849d58d7e9314c2c9a3eec2e3262e",class:{"side-pane-content":!0,"no-padding":this.noPadding},hidden:!this.showContent},s("slot",{key:"551be42a3c3c7ddd86a072da7fe98f8b9c0044ec"}))))}static get watchers(){return{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}}};v.style=":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .side-pane-content.no-padding{padding-inline:0;padding-block-end:0}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";export{v as ix_pane}
+import{r as t,c as e,g as i,h as s,H as o}from"./p-EBgS4zhE.js";import{K as a,R as h,S as r,T as n,U as d}from"./p-BeX6RWvV.js";import{a as l}from"./p-DhE1t8Qh.js";import{A as p}from"./p-BqeSHO6C.js";import{m as c}from"./p-D_Hmobxf.js";import{a as b}from"./p-CKoABG1h.js";import{r as m}from"./p-BEuV0Xpe.js";import{a as g}from"./p-3pidUFd-.js";import{a as f}from"./p-DD206pTM.js";import{a as x}from"./p-4pTtJwcY.js";import"./p-Djkc69iv.js";import"./p-6ZxKp7Jn.js";import"./p-CWshStHZ.js";const v=class{constructor(i){t(this,i),this.expandedChanged=e(this,"expandedChanged",7),this.variantChanged=e(this,"variantChanged",7),this.borderlessChanged=e(this,"borderlessChanged",7),this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7),this.slotChanged=e(this,"slotChanged",7)}get hostElement(){return i(this)}heading;variant="inline";hideOnCollapse=!1;size="240px";borderless=!1;noPadding=!1;expanded=!1;composition="top";icon;closeOnClickOutside=!1;ariaLabelIcon;ariaLabelCollapseCloseButton;ignoreLayoutSettings=!1;isMobile=!1;expandedChanged;variantChanged;borderlessChanged;hideOnCollapseChanged;slotChanged;expandIcon="";showContent=!1;minimizeIcon="";floating=!1;parentWidthPx=0;parentHeightPx=0;static validPositions=["top","left","bottom","right"];static collapsedPane="40px";static collapsedPaneMobile="48px";animations=new Map;animationCounter=0;mutationObserver;resizeObserver;disposableWindowClick;disposableKeydown;focusTrap;focusReturnElement;get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return"bottom"===this.composition||"top"===this.composition}get isLeftRightPane(){return"left"===this.composition||"right"===this.composition}get isMobileTop(){return"top"===this.composition||"left"===this.composition}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),this.disposableWindowClick?.(),this.disposableKeydown?.(),this.focusTrap?.destroy()}async onExpandedChange(){if(this.closeOnClickOutside&&this.expanded?this.disposableWindowClick=b(window,"click",(t=>{(t.composedPath?.()||[]).includes(this.hostElement)||this.dispatchExpandedChangedEvent()})):this.disposableWindowClick?.(),this.registerEscapeListener(),this.floating)if(this.expanded){const t=document.activeElement;this.focusReturnElement=t instanceof HTMLElement?t:void 0,this.focusTrap=await g(this.hostElement,{trapFocusInShadowDom:"both"})}else this.focusTrap?.destroy(),this.focusTrap=void 0,m((()=>{const t=this.focusReturnElement;this.focusReturnElement=void 0,t&&"function"==typeof t.focus&&t.focus()}))}componentWillLoad(){this.onExpandedChange(),this.floating="floating"===this.variant,this.expanded&&this.onParentSizeChange(),this.isMobile=c("sm"),x.onChange.on((()=>{this.isMobile=c("sm")})),this.currentSlot&&this.setPosition(this.currentSlot),this.setIcons(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type&&"slot"===t.attributeName){const e=this.currentSlot,i=t.oldValue;e!==i&&(this.slotChanged.emit({slot:i??"",newSlot:e??""}),e&&this.setPosition(e))}}))})),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeOldValue:!0});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize,this.parentHeightPx=t[0].borderBoxSize[0].blockSize})),t&&this.resizeObserver.observe(t)}setPosition(t){v.validPositions.includes(t)&&(this.composition=t)}getExpandPaneSize(){let t;if(this.isBottomTopPane)if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentHeightPx/2)}px`:`${Math.round(this.parentHeightPx/3)}px`;else if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentWidthPx/2)}px`:`${Math.round(this.parentWidthPx/3)}px`;return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t,this.minimizeIcon=e}getIconNames(){let t="",e="";switch(this.composition){case"left":t=this.isMobile?h:d,e=this.isMobile?r:n;break;case"right":t=this.isMobile?r:n,e=this.isMobile?h:d;break;case"bottom":t=r,e=h;break;case"top":t=h,e=r}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{this.expanded?this.animateVerticalPadding("8px"):(this.showContent=!1,this.animateVerticalPadding("0px"))},complete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{this.expanded?this.isMobile||this.animateHorizontalPadding("8px"):(this.showContent=!1,this.isMobile||this.animateHorizontalPadding("0px"))},onComplete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}onAnimationComplete(t){this.expanded&&(this.showContent=!0,this.floating&&m((()=>{this.focusFirstSlottedElement()}))),this.animations.delete(t)}removePadding(){l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause())),this.animations.clear(),this.animationCounter=0}onMobileChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.hostElement.style.removeProperty("min-height"),this.onParentSizeChange()}onPositionChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange(),this.hideOnCollapseChanged.emit({slot:this.currentSlot??"",hideOnCollapse:t})}onVariantChange(t){this.floating="floating"===t,this.variantChanged.emit({slot:this.currentSlot??"",variant:t}),"floating"!==t&&(this.focusTrap?.destroy(),this.focusTrap=void 0),this.registerEscapeListener()}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot??"",borderless:t})}focusFirstSlottedElement(){const t=this.hostElement.querySelector("[autofocus]");if(t)return void t.focus();const e=this.hostElement.shadowRoot?.querySelector(".title-icon");e&&e.focus()}registerEscapeListener(){this.disposableKeydown?.(),this.disposableKeydown=void 0,this.floating&&this.expanded&&(this.disposableKeydown=b(this.hostElement,"keydown",(t=>{"Escape"===t.key&&this.dispatchExpandedChangedEvent()})))}dispatchExpandedChangedEvent(){const t=!this.expanded;this.expandedChanged.emit({slot:this.currentSlot??"",expanded:t}).defaultPrevented||(this.expanded=t)}onParentSizeChange(){if(this.clearAnimations(),this.removePadding(),this.expanded){if(this.isMobile)this.hostElement.style.height="100%";else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=t,this.animateHorizontalPadding("8px",0)):(this.hostElement.style.width=t,this.animateVerticalPadding("8px",0))}this.showContent=!0}else this.showContent=!1,this.isMobile?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPaneMobile:this.isBottomTopPane?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane:this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane}onSizeChange(){if(this.expanded)if(this.isMobile)this.hostElement.style.minHeight=this.hideOnCollapse?"0":v.collapsedPaneMobile,this.animateHorizontalFadeIn("100%");else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane,this.animateHorizontalFadeIn(t)):(this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane,this.animateVerticalFadeIn(t))}else this.showContent=!1,this.isMobile?this.hostElement.style.height=v.collapsedPaneMobile:this.isBottomTopPane?this.animateHorizontalFadeIn(v.collapsedPane):this.animateVerticalFadeIn(v.collapsedPane)}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;let e;return e=this.ariaLabelCollapseCloseButton?this.ariaLabelCollapseCloseButton:this.expanded?this.isMobile||this.hideOnCollapse?"Close pane":"Collapse pane":"Expand pane",s(o,{key:"2af275a401925a99c9a47cc5aa58a17c3eb5fcfb",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&"right"!==this.composition&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":f(this.expanded)},s("aside",{key:"1f9feb7d0c080e5f5833f0a5b5154202490b9fa4",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},s("div",{key:"2bfafc9e2922128eec41210485fec6534f525828",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},s("ix-icon-button",{key:"8417658fd2c0a70f98bd51c8f0ba2ccc84616167",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?a:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":void 0,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`,"aria-label":e}),s("div",{key:"7685fa2b6726c80e861715db078f354ace32b044",class:{"title-text":!0,rotate:t}},this.icon&&s("ix-icon",{key:"35faca81de8fc22114b05cc980a22c475cdd87ad",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),s("div",{key:"27e27879098e31c758924cf3a0b0bd61ecaf3ba3",class:"title-text-overflow"},s("ix-typography",{key:"f8c15cc21515bb68e0f3ab17c392c716f77c842d",format:"h4"},this.heading)),this.expanded&&s("div",{key:"5f9468a14dcba14a378332fb0f7cb47df06786ef",class:"slot-header"},s("slot",{key:"563d760c062d11d076040f346343bd980ce53a3b",name:"header"})))),s("div",{key:"4cf43dc7985849d58d7e9314c2c9a3eec2e3262e",class:{"side-pane-content":!0,"no-padding":this.noPadding},hidden:!this.showContent},s("slot",{key:"551be42a3c3c7ddd86a072da7fe98f8b9c0044ec"}))))}static get watchers(){return{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}}};v.style=":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .side-pane-content.no-padding{padding-inline:0;padding-block-end:0}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";export{v as ix_pane}

package/dist/siemens-ix/p-3a60004f.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,g as o,h as r,H as i}from"./p-EBgS4zhE.js";import{c as d}from"./p-CX81WQtk.js";import{h as s}from"./p-BClJdFQP.js";import{G as a,t as n}from"./p-BeX6RWvV.js";const h=class{constructor(o){e(this,o),this.selectGroup=t(this,"selectGroup",7),this.selectItem=t(this,"selectItem",7),this.expandedChanged=t(this,"expandedChanged",7)}get hostElement(){return o(this)}suppressHeaderSelection=!1;header;subHeader;expanded=!1;selected=!1;index;expandOnHeaderClick=!1;selectGroup;selectItem;expandedChanged;itemSelected=!1;slotSize=0;footerVisible=!1;showExpandCollapsedIcon=!1;hasDropdown=!1;observer;selectedChanged(e){!1===e&&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(){return this.hostElement.shadowRoot?.querySelector(".group-content")}onExpandClick(e){const t=this.expanded;this.expanded=!this.expanded;const{defaultPrevented:o}=this.expandedChanged.emit(this.expanded);e.stopPropagation(),o&&(this.expanded=t)}onHeaderClick(e){this.suppressHeaderSelection?this.onExpandClick(e):(this.changeHeaderSelection(!this.selected),this.changeItemIndex())}changeHeaderSelection(e){const t=this.selected,o=e;this.selected=o;const{defaultPrevented:r}=this.selectGroup.emit(o);r&&(this.selected=t)}changeItemIndex(e){const t=this.index,o=e===this.index?void 0:e;if(this.index===o)return;this.index=o;const{defaultPrevented:r}=this.selectItem.emit(o);if(r)return void(this.index=t);const i=this.groupItems;i.forEach(((e,t)=>{e.selected=t===this.index})),this.itemSelected=i.some((e=>e.selected))}onSlotChange(){const e=this.hostElement.shadowRoot?.querySelector('slot[name="footer"]');e&&(this.footerVisible=s(e))}checkDropdownSlot(){this.hasDropdown=!!this.hostElement.querySelector('[slot="dropdown"]')}componentWillRender(){this.groupItems.forEach(((e,t)=>{e.selected=t===this.index,e.index=t})),this.checkDropdownSlot()}componentDidLoad(){this.observer=d((()=>{this.slotSize=this.groupItems.length})),this.groupContent&&(this.observer.observe(this.groupContent,{childList:!0}),this.checkDropdownSlot(),this.slotSize=this.groupItems.length)}disconnectedCallback(){this.observer&&this.observer.disconnect()}onItemClicked(e){if(e.target instanceof HTMLElement){const t=this.groupItems.indexOf(e.target);this.changeItemIndex(t)}}render(){return r(i,{key:"c13fd65df4bb7ae59e242214a037dbb403264879"},r("div",{key:"2c9daf5ca7335038e771aadafab3d11648739a8e",class:{"group-header":!0,expand:this.expanded,selected:this.selected},tabindex:"0"},r("div",{key:"b5d1a6e9a478478909e2cd27bb8fe07ce5ae455f",class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},r("div",{key:"0304ea3dc12318458f710aa0c8e6747a5a945d7d",class:{"group-header-selection-indicator":!0,"group-header-selection-indicator-item-selected":this.itemSelected}}),r("div",{key:"f414bf98c9d8f68217714476411286322005c984",class:"btn-expand-header"},r("ix-icon",{key:"2c998a5aa350830b9ed3043aacfa236b1693197c","data-testid":"expand-collapsed-icon",class:{hidden:!this.showExpandCollapsedIcon},name:this.expanded?a:n,onClick:e=>this.onExpandClick(e)})),r("div",{key:"2787b0ed7d584400662f9794b8cfba82adec5837",class:"group-header-content"},this.header?r("div",{class:"group-header-props-container"},r("div",{class:"group-header-title"},r("span",{title:this.header},this.header)),r("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,r("slot",{key:"03e99048ceabea07f229349919c0392df581f9e1",name:"header"}))),this.hasDropdown&&r("ix-group-context-menu",{key:"0ba467c1ad8b9eb4a0406ac897a6cf84635721de"},r("slot",{key:"b4dd2adc6c70c6b521abcceee495f323564cc371",name:"dropdown"}))),r("div",{key:"1d14d7a4a6dc617088282c0af07d6c95483878c8",class:{"group-content":!0}},r("div",{key:"cbf1f34edc7dac18cc5b63ef640ad2b720c267bb",style:{display:this.expanded?"contents":"none"}},r("slot",{key:"98ea6459c1c434e5afcb8c420ef124f331bf0ff3",onSlotchange:()=>{const e=this.hostElement.shadowRoot?.querySelector("slot:not([name])");this.showExpandCollapsedIcon=s(e)}}),r("ix-group-item",{key:"55e1c11df531834d2b48b742b8081e669672d5fd",class:{footer:!0,"footer-visible":this.footerVisible},groupFooter:!0,suppressSelection:!0},r("slot",{key:"1c1176b3a0e054e31db9999cce99bbc7e904ab33",name:"footer",onSlotchange:()=>this.onSlotChange()})))))}static get watchers(){return{selected:[{selectedChanged:0}]}}};h.style=":host{display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}: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{height:calc(4rem - 2px);min-height:calc(4rem - 2px);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:not(.disabled):not(:disabled):focus-visible .group-header-selection-indicator{width:calc(0.25rem - 1px)}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-content{padding:calc(0.5rem - 1px) calc(0.5rem - 1px) calc(0.5rem - 1px) 0}:host .group-header:not(.disabled):not(:disabled):focus-visible .btn-expand-header{margin-top:calc(0.5rem - 1px);margin-bottom:calc(0.5rem - 1px)}: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{display:flex;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-selection-indicator{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}:host .group-header-content{display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}: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>*{min-width:0;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-subheader{height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}: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}";export{h as ix_group}

package/dist/siemens-ix/p-3ad11c04.entry.js

@@ -0,0 +1 @@
+import{M as t,r as e,c as r,g as a,h as o,H as s}from"./p-EBgS4zhE.js";import{c as h,d as i,z as c,A as n}from"./p-BeX6RWvV.js";import{D as l}from"./p-BWgttsqY.js";import{C as d}from"./p-CUbYLenp.js";import{m as b}from"./p-Djkc69iv.js";import{c as m}from"./p-CX81WQtk.js";import{r as u}from"./p-BEuV0Xpe.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const p=class extends(t(...l,d)){constructor(t){super(),e(this,t),this.valueChange=r(this,"valueChange",7),this.ixBlur=r(this,"ixBlur",7),this.ixChange=r(this,"ixChange",7),this.promptSubmit=r(this,"promptSubmit",7),t.$hostElement$["s-ei"]?this.formInternals=t.$hostElement$["s-ei"]:(this.formInternals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return a(this)}formInternals;state="input";name;placeholder="Enter a command, question or topic...";value="";disabled=!1;readonly=!1;textareaLabel="Chat input";maxLength;characterLimit;i18nCharacterLimitReached="Character limit reached ({current} / {limit} characters)";i18nCharacterLimitWarning="You're nearing the limit ({current} / {limit} characters)";characterLimitWarningThreshold=.9;minRows=1;maxRows=6;insertLineBreakOnEnter=!1;disclaimer="This content is AI-generated. Always verify the information for accuracy.";valueChange;ixBlur;ixChange;promptSubmit;initialValue;hasAttachments=!1;hasAttachmentScrollbar=!1;hasFollowUp=!1;attachmentsRef=b((t=>{this.initAttachmentResizeObserver(t),this.scheduleAttachmentScrollbarUpdate()}));textareaRef=b((t=>{this.updateTextareaHeight(t)}));attachmentResizeObserver;attachmentMutationObserver;isAttachmentScrollbarUpdateQueued=!1;componentWillLoad(){super.componentWillLoad?.(),this.updateFormInternalValue(this.value),this.initialValue=this.value,this.updateHasFollowUp()}componentDidLoad(){super.componentDidLoad?.(),this.updateHasFollowUp(),this.initAttachmentMutationObserver(),this.scheduleAttachmentScrollbarUpdate(),this.updateTextareaHeight()}componentDidRender(){super.componentDidRender?.(),this.scheduleAttachmentScrollbarUpdate(),this.updateTextareaHeight()}disconnectedCallback(){super.disconnectedCallback?.(),this.attachmentResizeObserver?.disconnect(),this.attachmentMutationObserver?.disconnect()}onValueChange(t){this.formInternals.setFormValue(t),this.updateTextareaHeight()}onRowsChange(){this.updateTextareaHeight()}updateFormInternalValue(t){this.formInternals.setFormValue(t),this.value=t}async getAssociatedFormElement(){return this.formInternals.form}async getNativeInputElement(){return this.textareaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}canSubmit(){return!this.disabled&&!this.readonly&&this.value.trim().length>0}emitIxChangeIfNeeded(){this.initialValue!==this.value&&(this.ixChange.emit(this.value),this.initialValue=this.value)}submitPrompt(){this.canSubmit()&&(this.emitIxChangeIfNeeded(),this.promptSubmit.emit(this.value))}updateTextareaHeight(t=this.textareaRef.current){if(!t)return;const e=getComputedStyle(t),r=Number.parseFloat(e.lineHeight)||24,a=Math.max(this.minRows,1),o=Math.max(this.maxRows,a),s=t.offsetHeight-t.clientHeight||Number.parseFloat(e.borderTopWidth)+Number.parseFloat(e.borderBottomWidth),h=r*a+s,i=r*o+s;t.style.height="auto",t.style.minHeight=`${h}px`;const c=Math.min(Math.max(t.scrollHeight+s,h),i);t.style.height=`${c}px`,t.style.overflowY=t.scrollHeight+s>i?"auto":"hidden"}getCharacterLimit(){const t=this.characterLimit??this.maxLength;return"number"==typeof t&&Number.isFinite(t)&&t>0?t:void 0}getNormalizedCharacterLimitWarningThreshold(){return Number.isFinite(this.characterLimitWarningThreshold)?Math.min(Math.max(this.characterLimitWarningThreshold,0),1):.9}isSoftCharacterLimitWarning(){const t=this.getCharacterLimit();if(!t||this.isCharacterLimitReached())return!1;const e=Math.ceil(t*this.getNormalizedCharacterLimitWarningThreshold());return this.value.length>=e}isCharacterLimitReached(){const t=this.getCharacterLimit();return!!t&&this.value.length>=t}getCharacterLimitMessage(){const t=this.getCharacterLimit(),e=this.value.length;if(t)return this.isCharacterLimitReached()?this.formatCharacterLimitMessage(this.i18nCharacterLimitReached,e,t):this.isSoftCharacterLimitWarning()?this.formatCharacterLimitMessage(this.i18nCharacterLimitWarning,e,t):void 0}formatCharacterLimitMessage(t,e,r){return t.split("{current}").join(String(e)).split("{limit}").join(String(r))}getCharacterLimitState(){return this.isCharacterLimitReached()?"hard":this.isSoftCharacterLimitWarning()?"soft":void 0}handleKeyDown(t){"Enter"!==t.key||t.shiftKey||t.altKey||t.ctrlKey||t.metaKey||this.insertLineBreakOnEnter||"processing"===this.state||(t.preventDefault(),this.submitPrompt())}renderCharacterLimit(){const t=this.getCharacterLimitMessage(),e=this.getCharacterLimitState();return t&&e?o("ix-typography",{class:{"character-limit":!0,"character-limit--soft":"soft"===e,"character-limit--hard":"hard"===e},textColor:"std"},o("ix-icon",{"aria-hidden":"true",name:"hard"===e?h:i,size:"16"}),t):null}handleAttachmentsSlotChange(t){this.hasAttachments=t.target.assignedElements({flatten:!0}).length>0,this.scheduleAttachmentScrollbarUpdate()}handleFollowUpSlotChange(t){this.hasFollowUp=this.hasAssignedContent(t.target)}hasAssignedContent(t){return t.assignedNodes({flatten:!0}).some((t=>1===t.nodeType||!!t.textContent?.trim()))}updateHasFollowUp(){this.hasFollowUp=this.hostElement.querySelectorAll('[slot="follow-up"]').length>0}initAttachmentResizeObserver(t){this.attachmentResizeObserver?.disconnect(),this.attachmentResizeObserver=new ResizeObserver((()=>this.scheduleAttachmentScrollbarUpdate())),this.attachmentResizeObserver.observe(t)}initAttachmentMutationObserver(){this.attachmentMutationObserver=m((()=>{this.updateHasFollowUp(),this.scheduleAttachmentScrollbarUpdate()})),this.attachmentMutationObserver.observe(this.hostElement,{attributes:!0,childList:!0,subtree:!0})}scheduleAttachmentScrollbarUpdate(){this.isAttachmentScrollbarUpdateQueued||(this.isAttachmentScrollbarUpdateQueued=!0,u((()=>{this.isAttachmentScrollbarUpdateQueued=!1,this.updateAttachmentScrollbar()})))}updateAttachmentScrollbar(){const t=this.attachmentsRef.current;if(!t)return;const e=getComputedStyle(t),r=["auto","scroll"].includes(e.overflowX)&&t.scrollWidth-t.clientWidth>1,a=["auto","scroll"].includes(e.overflowY)&&t.scrollHeight-t.clientHeight>1,o=this.hasAttachments&&(r||a);this.hasAttachmentScrollbar!==o&&(this.hasAttachmentScrollbar=o)}render(){const t="processing"===this.state,e=t||!this.canSubmit()&&"input"===this.state,r=t?c:n;return o(s,{key:"57119b34ddaf318358f64fe9272ab935d5cce4d6",class:{disabled:this.disabled,readonly:this.readonly,"has-follow-up":this.hasFollowUp}},o("div",{key:"3c599716bfe45293597bcebd909f85538cbd7ace",class:"follow-up-prompts"},o("slot",{key:"5ced96c5e38f66a6cba6e484fb7463866123554c",name:"follow-up",onSlotchange:t=>this.handleFollowUpSlotChange(t)})),o("div",{key:"62632e005d9092fa70f20ffc6db6f46f703a6b62",class:"chat-input"},o("div",{key:"b0b0260bc9299c099173d935d785f907538f0bb3",ref:this.attachmentsRef,class:{attachments:!0,"attachments--scroll":!0,"has-attachment-scrollbar":this.hasAttachmentScrollbar,"has-attachments":this.hasAttachments}},o("slot",{key:"fd918353d878939ec84226f289b001309e351d5b",name:"attachments",onSlotchange:t=>this.handleAttachmentsSlotChange(t)})),o("textarea",{key:"bd5f1e802b0c3345c2c89a94000b4eca14d70aae",id:this.getHostElementId()+"-textarea",ref:this.textareaRef,readOnly:this.readonly,disabled:this.disabled,maxLength:this.getCharacterLimit(),rows:this.minRows,value:this.value,placeholder:this.placeholder,"aria-label":this.textareaLabel,onFocus:()=>{this.initialValue=this.value},onInput:t=>{const e=t.target;this.updateFormInternalValue(e.value),this.valueChange.emit(e.value),this.updateTextareaHeight(e)},onKeyDown:t=>this.handleKeyDown(t),onBlur:()=>{this.ixBlur.emit(),this.emitIxChangeIfNeeded()}}),this.renderCharacterLimit(),o("div",{key:"411a6b251d2da6adf2f9eb54169989473a657969",class:"action-row"},o("div",{key:"02ddf0d61f37b2c4676efd0e3a36cec2474656e7",class:"left-actions"},o("slot",{key:"f11e87a608ffd5bc637b01fd5728af4bbfb8fe51",name:"start"})),o("div",{key:"d3541a9bc599a26619a45bbc33c989f3f735645e",class:"right-actions"},o("slot",{key:"7958f8473300159cbd52635226f0ae08ff0375ec",name:"end"}),o("ix-icon-button",{key:"07927dbf863b949f92239cfb07bb118cdd2b8963","aria-label":t?"Stop processing":"Submit prompt",class:"submit-button",disabled:e,icon:r,size:"24",variant:"tertiary",onClick:()=>this.submitPrompt()})))),this.disclaimer&&o("ix-typography",{key:"da911e4010e69b0fb026301b5df1c2369b68bc5d",class:"disclaimer",format:"body-sm",textColor:"soft"},this.disclaimer))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],minRows:[{onRowsChange:0}],maxRows:[{onRowsChange:0}]}}};p.style=":host{display:block;width:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .chat-input{display:flex;flex-direction:column;width:100%;min-height:8rem;padding:var(--theme-space-2);box-sizing:border-box;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-input--color)}:host .follow-up-prompts{display:none;flex-wrap:wrap;align-items:flex-start;gap:var(--theme-space-1);width:100%;margin-bottom:var(--theme-space-1)}:host .follow-up-prompts ::slotted(*){flex:0 1 auto}:host .follow-up-prompts ::slotted(ix-button){max-width:25rem;min-width:5rem}:host .follow-up-prompts ::slotted(ix-icon-button){flex:0 0 auto}:host .chat-input:hover{border-color:var(--theme-input--border-color--hover);background-color:var(--theme-input--background--hover)}:host .chat-input:focus-within{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus)}:host .attachments{display:none;box-sizing:border-box;width:100%;max-width:100%;gap:var(--theme-space-2);margin-bottom:var(--theme-space-2)}:host .attachments.has-attachments{display:flex}:host .attachments--wrap{flex-wrap:wrap;max-height:calc(4rem + var(--theme-space-2));overflow:hidden}:host .attachments--scroll{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}:host .attachments--scroll *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .attachments--scroll *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .attachments--scroll *{}:host .attachments--scroll *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .attachments--scroll *{}:host .attachments--scroll *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .attachments--scroll *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .attachments--scroll *{}:host .attachments--scroll *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .attachments--scroll *{}:host .attachments--scroll *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .attachments--scroll *::-webkit-scrollbar-corner{display:none}:host .attachments--scroll::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .attachments--scroll{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .attachments--scroll{}:host .attachments--scroll::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .attachments--scroll{}:host .attachments--scroll::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .attachments--scroll::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .attachments--scroll{}:host .attachments--scroll::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .attachments--scroll{}:host .attachments--scroll::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .attachments--scroll::-webkit-scrollbar-corner{display:none}:host .attachments.has-attachment-scrollbar{padding-bottom:0.25rem}:host .attachments ::slotted(ix-chat-attachment){flex:0 1 auto}:host .attachments--scroll ::slotted(ix-chat-attachment){flex:0 0 auto}:host textarea{flex:1 1 auto;width:100%;min-height:2rem;padding:0;border:0;outline:0;box-sizing:border-box;resize:none;background:transparent;color:inherit;font:inherit}:host textarea::-moz-placeholder{color:var(--theme-input-hint--color)}:host textarea::placeholder{color:var(--theme-input-hint--color)}:host .character-limit{display:flex;align-items:center;gap:var(--theme-space-1);width:100%;margin-top:var(--theme-space-2)}:host .character-limit ix-icon{flex:0 0 auto}:host .character-limit--soft ix-icon{color:var(--theme-color-info)}:host .character-limit--hard ix-icon{color:var(--theme-color-warning)}:host .action-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2rem;margin-top:var(--theme-space-1)}:host .left-actions,:host .right-actions{display:flex;align-items:center;gap:var(--theme-space-1)}:host .left-actions{flex:1 1 auto;min-width:0}:host .right-actions{flex:0 0 auto;justify-content:flex-end}:host .disclaimer{display:block;width:100%;margin-top:var(--theme-space-1);text-align:center}:host(.has-follow-up) .follow-up-prompts{display:flex}:host(.disabled){pointer-events:none}:host(.disabled) .chat-input{border-color:var(--theme-input--border-color--disabled);box-shadow:none;color:var(--theme-input--color--disabled);background-color:transparent}:host(.disabled) textarea::-moz-placeholder{color:transparent}:host(.disabled) textarea::placeholder{color:transparent}:host(.readonly) .chat-input{border-color:var(--theme-input--border-color--readonly);box-shadow:none;background-color:transparent}:host(.readonly) .chat-input:hover,:host(.readonly) .chat-input:focus-within{border-color:var(--theme-input--border-color--readonly);outline:none}";export{p as ix_chat_input}