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

package/dist/siemens-ix/{p-7b455f16.entry.js → p-d0c1473e.entry.js}

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

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

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

package/dist/siemens-ix/{p-61bf7678.entry.js → p-d3458382.entry.js}

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

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

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

package/dist/siemens-ix/{p-96687290.entry.js → p-db6d5110.entry.js}

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

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

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

package/dist/siemens-ix/{p-92513d0e.entry.js → p-de79e8c0.entry.js}

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

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

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

package/dist/siemens-ix/{p-e40c900a.entry.js → p-dfb5f7d8.entry.js}

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

package/dist/siemens-ix/{p-97029efe.entry.js → p-dfe4de85.entry.js}

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