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

package/dist/siemens-ix/p-7b455f16.entry.js

@@ -1,2 +0,0 @@
-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

package/dist/siemens-ix/p-7b455f16.entry.js.map

@@ -1 +0,0 @@
-{"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 { DateTimeCardCorners } from '../date-time-card/date-time-card';\nimport { OnListener } from '../utils/listener';\n\nexport type TimePickerCorners = DateTimeCardCorners;\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-7b5eb3ca.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as i,F as t,H as l,a as d}from"./p-B6NtGPRE.js";import{a as r}from"./p-Ou74PMQs.js";import{a}from"./p-Bb7pDeaQ.js";import{f as n}from"./p-DLTnniMb.js";const s=":host{display:flex;flex-direction:column;border-radius:var(--theme-blind--border-radius);overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .blind-header-wrapper{position:relative;min-height:3rem;height:3rem;overflow:hidden}:host .blind-header-content{display:flex;position:relative;align-items:center;justify-content:flex-start;width:100%;height:100%;pointer-events:none;padding-left:0.5rem}:host .blind-header-title{display:flex;position:relative;align-items:center;flex-grow:1;margin-right:0.5rem}:host .blind-header{all:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;top:0px;left:0px;pointer-events:all;padding-left:2.5rem;min-height:3rem;height:3rem;width:calc(100% - 2 * var(--theme-blind--border-thickness));border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;cursor:pointer}:host .blind-header:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr);outline:none}:host .blind-header-title-icon,:host .collapse-icon{margin-right:0.5rem}:host .blind-header-title-row{display:flex;flex-grow:1;overflow:hidden}:host .blind-header-title-col{display:inline-flex;align-items:center;width:calc(100% - 1rem);overflow:hidden}:host .blind-header-title-col:not(:first-of-type){justify-content:flex-end}:host ix-typography{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-end:0.5rem}:host .blind-header-title-sublabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:0.5rem}:host .blind-header-title{display:flex;align-items:center;flex-grow:1;height:100%;min-width:0}:host .blind-header-labels{display:inline-flex;flex-grow:1;min-width:0}:host .blind-content{display:block;padding:1rem;transition-property:padding;transition-duration:var(--theme-default-time);transition-timing-function:ease-in}:host .blind-content.hide{max-height:0;padding-top:0px;padding-bottom:0px}:host .header-actions{pointer-events:all;margin-left:auto}:host(.blind-alarm){background-color:var(--theme-blind-base--background)}:host(.blind-alarm) .blind-header{background-color:var(--theme-color-alarm)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-alarm--hover)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-alarm--active)}:host(.blind-alarm) .blind-header-title-label,:host(.blind-alarm) .blind-header-title-sublabel{color:var(--theme-color-alarm--contrast)}:host(.blind-critical){background-color:var(--theme-blind-base--background)}:host(.blind-critical) .blind-header{background-color:var(--theme-color-critical)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-critical--hover)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-critical--active)}:host(.blind-critical) .blind-header-title-label,:host(.blind-critical) .blind-header-title-sublabel{color:var(--theme-color-critical--contrast)}:host(.blind-info){background-color:var(--theme-blind-base--background)}:host(.blind-info) .blind-header{background-color:var(--theme-color-info)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-info--hover)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-info--active)}:host(.blind-info) .blind-header-title-label,:host(.blind-info) .blind-header-title-sublabel{color:var(--theme-color-info--contrast)}:host(.blind-neutral){background-color:var(--theme-blind-base--background)}:host(.blind-neutral) .blind-header{background-color:var(--theme-color-neutral)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-neutral--hover)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-neutral--active)}:host(.blind-neutral) .blind-header-title-label,:host(.blind-neutral) .blind-header-title-sublabel{color:var(--theme-color-neutral--contrast)}:host(.blind-filled){background-color:var(--theme-blind-base--background)}:host(.blind-filled) .blind-header{background-color:var(--theme-color-filled)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-filled) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-filled) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-success){background-color:var(--theme-blind-base--background)}:host(.blind-success) .blind-header{background-color:var(--theme-color-success)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-success--hover)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-success--active)}:host(.blind-success) .blind-header-title-label,:host(.blind-success) .blind-header-title-sublabel{color:var(--theme-color-success--contrast)}:host(.blind-warning){background-color:var(--theme-blind-base--background)}:host(.blind-warning) .blind-header{background-color:var(--theme-color-warning)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-warning--hover)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-warning--active)}:host(.blind-warning) .blind-header-title-label,:host(.blind-warning) .blind-header-title-sublabel{color:var(--theme-color-warning--contrast)}:host(.blind-primary){background-color:var(--theme-blind-base--background)}:host(.blind-primary) .blind-header{background-color:var(--theme-color-primary)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-primary--hover)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-primary--active)}:host(.blind-primary) .blind-header-title-label,:host(.blind-primary) .blind-header-title-sublabel{color:var(--theme-color-primary--contrast)}:host(.blind-outline){border:solid var(--theme-blind--border-thickness) var(--theme-blind-base--border-color);border-color:var(--theme-color-soft-bdr)}:host(.blind-outline) .blind-header{background-color:var(--theme-color-ghost)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-outline) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-outline) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}";let b=0;const h=class{constructor(i){e(this,i);this.collapsedChange=o(this,"collapsedChange",7);this.collapsed=false;this.variant="filled";this.blindId=++b}onHeaderClick(){this.collapsed=!this.collapsed;this.collapsedChange.emit(this.collapsed)}componentDidLoad(){this.animateCollapse(this.collapsed)}get content(){return this.hostElement.shadowRoot.querySelector(".blind-content")}animation(e){this.animateCollapse(e)}animateCollapse(e){if(e){this.rotateChevronRight()}else{this.rotateChevronDown()}}rotateChevronDown(){r({targets:this.chevronRef,duration:150,easing:"easeInOutSine",rotateZ:90});r({targets:this.content,duration:150,easing:"easeInOutSine",opacity:1})}rotateChevronRight(){r({targets:this.chevronRef,duration:150,easing:"easeInOutSine",rotateZ:0});r({targets:this.content,duration:150,easing:"easeInOutSine",opacity:0})}render(){return i(l,{key:"e8e3003bc174e573bee19e97f6f4bc3ff44f6d1b",class:{[`blind-${this.variant}`]:true}},i("div",{key:"1034566a12454369ca3bb8dcbaa9c7e41d0cbc7c",class:"blind-header-wrapper"},i("button",{key:"f93ac381f2ec7f063c731633e4229b5f7bac7513",class:{"blind-header":true,[`blind-${this.variant}`]:true,closed:this.collapsed},type:"button","aria-labelledby":`ix-blind-header-title-${this.blindId}`,"aria-controls":`ix-blind-content-section-${this.blindId}`,"aria-expanded":a(!this.collapsed),onClick:()=>this.onHeaderClick()},i("slot",{key:"0868ac1e3339ac2404b0da95e6745c1beb53eeed",name:"custom-header"})),i("div",{key:"7f9788cbf860557cf024742f4bc775df60d73eb4",class:"blind-header-content"},i("ix-icon",{key:"0003ec2962bbba971116895effeaf93d0aac5307",class:"collapse-icon",name:n,color:this.variant==="filled"||this.variant==="outline"?"color-primary":`color-${this.variant}--contrast`,ref:e=>this.chevronRef=e}),i("div",{key:"cc6d991f8405799fca6110f33217b821598709b2",class:"blind-header-title",id:`ix-blind-header-title-${this.blindId}`},this.label!==undefined?i(t,null,this.icon&&i("ix-icon",{class:"blind-header-title-icon",name:this.icon,color:this.variant==="filled"||this.variant==="outline"?"color-std-text":`color-${this.variant}--contrast`}),i("div",{class:"blind-header-title-row"},i("div",{class:"blind-header-title-col"},i("ix-typography",{title:this.label,format:"label-lg",bold:true},i("div",{class:"blind-header-title-label",title:this.label},this.label))),this.sublabel&&i("div",{class:"blind-header-title-col"},i("ix-typography",{title:this.sublabel},i("div",{class:"blind-header-title-sublabel"},this.sublabel)))),i("div",{class:"header-actions"},i("slot",{name:"header-actions"}))):null))),i("section",{key:"82898718f59f80a28bef0ead436e957d5e729ae2",id:`ix-blind-content-section-${this.blindId}`,"aria-labelledby":`ix-blind-header-title-${this.blindId}`},i("div",{key:"0847aa3c59174d278cef6f85eb7a8aa537192449",class:{"blind-content":true,hide:this.collapsed}},!this.collapsed?i("slot",null):null)))}get hostElement(){return d(this)}static get watchers(){return{collapsed:["animation"]}}};h.style=s;export{h as ix_blind};
-//# sourceMappingURL=p-7b5eb3ca.entry.js.map

package/dist/siemens-ix/p-7b5eb3ca.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["blindCss","sequentialInstanceId","Blind","constructor","hostRef","this","collapsed","variant","blindId","onHeaderClick","collapsedChange","emit","componentDidLoad","animateCollapse","content","hostElement","shadowRoot","querySelector","animation","isCollapsed","rotateChevronRight","rotateChevronDown","anime","targets","chevronRef","duration","easing","rotateZ","opacity","render","h","Host","key","class","closed","type","a11yBoolean","onClick","name","iconChevronRightSmall","color","ref","id","label","undefined","Fragment","icon","title","format","bold","sublabel","hide"],"sources":["src/components/blind/blind.scss?tag=ix-blind&encapsulation=shadow","src/components/blind/blind.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n@mixin blind($variant: 'filled') {\n  :host(.blind-#{$variant}) {\n    @if $variant == 'outline' {\n      border: solid\n        var(--theme-blind--border-thickness)\n        var(--theme-blind-base--border-color);\n    }\n\n    .blind-header {\n      @if $variant == 'outline' {\n        background-color: var(--theme-color-ghost);\n      } @else {\n        background-color: var(--theme-color-#{$variant});\n      }\n\n      @if $variant == 'filled' or $variant == 'outline' {\n        @include ghost-hover-pressed;\n      } @else {\n        @include hover {\n          background-color: var(--theme-color-#{$variant}--hover);\n        }\n\n        @include active {\n          background-color: var(--theme-color-#{$variant}--active);\n        }\n      }\n    }\n\n    @if $variant == 'filled' or $variant == 'outline' {\n      .blind-header-title-label {\n        color: var(--theme-color-std-text);\n      }\n      .blind-header-title-sublabel {\n        color: var(--theme-color-soft-text);\n      }\n    } @else {\n      .blind-header-title-label,\n      .blind-header-title-sublabel {\n        color: var(--theme-color-#{$variant}--contrast);\n      }\n    }\n\n    @if $variant == 'outline' {\n      border-color: var(--theme-color-soft-bdr);\n    } @else {\n      background-color: var(--theme-blind-base--background);\n    }\n  }\n}\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  border-radius: var(--theme-blind--border-radius);\n  overflow: hidden;\n\n  .blind-header-wrapper {\n    position: relative;\n    min-height: 3rem;\n    height: 3rem;\n    overflow: hidden;\n  }\n\n  .blind-header-content {\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: flex-start;\n\n    width: 100%;\n    height: 100%;\n\n    pointer-events: none;\n    padding-left: 0.5rem;\n  }\n\n  .blind-header-title {\n    display: flex;\n    position: relative;\n    align-items: center;\n    flex-grow: 1;\n    margin-right: 0.5rem;\n  }\n\n  .blind-header {\n    all: unset;\n    @include ellipsis;\n\n    display: block;\n    position: absolute;\n\n    top: 0px;\n    left: 0px;\n\n    pointer-events: all;\n\n    padding-left: 2.5rem;\n    min-height: 3rem;\n    height: 3rem;\n    width: calc(100% - 2 * var(--theme-blind--border-thickness));\n    border: solid var(--theme-blind--border-thickness) transparent;\n    border-radius: var(--theme-blind--border-radius)\n      var(--theme-blind--border-radius) 0 0;\n    cursor: pointer;\n\n    @include focus-visible {\n      border-color: var(--theme-color-focus-bdr);\n      outline: none;\n    }\n  }\n\n  .blind-header-title-icon,\n  .collapse-icon {\n    margin-right: $small-space;\n  }\n\n  .blind-header-title-row {\n    display: flex;\n    flex-grow: 1;\n    overflow: hidden;\n  }\n\n  .blind-header-title-col {\n    display: inline-flex;\n    align-items: center;\n    width: calc(100% - 1rem);\n    overflow: hidden;\n  }\n\n  .blind-header-title-col:not(:first-of-type) {\n    justify-content: flex-end;\n  }\n  ix-typography {\n    flex-grow: 1;\n    @include ellipsis;\n  }\n\n  .blind-header-title-label {\n    @include ellipsis;\n    padding-inline-end: 0.5rem;\n  }\n\n  .blind-header-title-sublabel {\n    @include ellipsis;\n    padding-inline: 0.5rem;\n  }\n\n  .blind-header-title {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n    min-width: 0;\n  }\n\n  .blind-header-labels {\n    display: inline-flex;\n    flex-grow: 1;\n    min-width: 0;\n  }\n\n  .blind-content {\n    display: block;\n    padding: 1rem;\n    transition-property: padding;\n    transition-duration: var(--theme-default-time);\n    transition-timing-function: ease-in;\n\n    &.hide {\n      max-height: 0;\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n  }\n\n  .header-actions {\n    pointer-events: all;\n    margin-left: auto;\n  }\n}\n\n$blind-variants: (\n  alarm,\n  critical,\n  info,\n  neutral,\n  filled,\n  success,\n  warning,\n  primary,\n  outline\n);\n\n@each $variant in $blind-variants {\n  @include blind($variant);\n}\n","/*\n * SPDX-FileCopyrightText: 2024 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  Fragment,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { CardVariant } from '../card/card';\nimport { a11yBoolean } from '../utils/a11y';\nimport { iconChevronRightSmall } from '@siemens/ix-icons/icons';\n\nexport type BlindVariant = CardVariant;\n\nlet sequentialInstanceId = 0;\n\n@Component({\n  tag: 'ix-blind',\n  styleUrl: 'blind.scss',\n  shadow: true,\n})\nexport class Blind {\n  /**\n   * Collapsed state\n   */\n  @Prop({ mutable: true, reflect: true }) collapsed = false;\n\n  /**\n   * Label of blind\n   */\n  @Prop() label?: string;\n\n  /**\n   * Secondary label inside blind header\n   */\n  @Prop() sublabel?: string;\n\n  /**\n   * Optional icon to be displayed next to the header label\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Blind variant\n   */\n  @Prop() variant: BlindVariant = 'filled';\n\n  /**\n   * Collapsed state changed\n   */\n  @Event() collapsedChange!: EventEmitter<boolean>;\n\n  @Element() hostElement!: HTMLIxBlindElement;\n\n  private chevronRef?: HTMLElement;\n  private blindId = ++sequentialInstanceId;\n\n  constructor() {}\n\n  private onHeaderClick() {\n    this.collapsed = !this.collapsed;\n    this.collapsedChange.emit(this.collapsed);\n  }\n\n  componentDidLoad() {\n    this.animateCollapse(this.collapsed);\n  }\n\n  get content() {\n    return this.hostElement.shadowRoot!.querySelector('.blind-content');\n  }\n\n  @Watch('collapsed')\n  animation(isCollapsed: boolean) {\n    this.animateCollapse(isCollapsed);\n  }\n\n  private animateCollapse(isCollapsed: boolean) {\n    if (isCollapsed) {\n      this.rotateChevronRight();\n    } else {\n      this.rotateChevronDown();\n    }\n  }\n\n  private rotateChevronDown() {\n    anime({\n      targets: this.chevronRef,\n      duration: 150,\n      easing: 'easeInOutSine',\n      rotateZ: 90,\n    });\n    anime({\n      targets: this.content,\n      duration: 150,\n      easing: 'easeInOutSine',\n      opacity: 1,\n    });\n  }\n\n  private rotateChevronRight() {\n    anime({\n      targets: this.chevronRef,\n      duration: 150,\n      easing: 'easeInOutSine',\n      rotateZ: 0,\n    });\n    anime({\n      targets: this.content,\n      duration: 150,\n      easing: 'easeInOutSine',\n      opacity: 0,\n    });\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`blind-${this.variant}`]: true,\n        }}\n      >\n        <div class={'blind-header-wrapper'}>\n          <button\n            class={{\n              'blind-header': true,\n              [`blind-${this.variant}`]: true,\n              closed: this.collapsed,\n            }}\n            type=\"button\"\n            aria-labelledby={`ix-blind-header-title-${this.blindId}`}\n            aria-controls={`ix-blind-content-section-${this.blindId}`}\n            aria-expanded={a11yBoolean(!this.collapsed)}\n            onClick={() => this.onHeaderClick()}\n          >\n            <slot name=\"custom-header\"></slot>\n          </button>\n\n          <div class={'blind-header-content'}>\n            <ix-icon\n              class=\"collapse-icon\"\n              name={iconChevronRightSmall}\n              color={\n                this.variant === 'filled' || this.variant === 'outline'\n                  ? 'color-primary'\n                  : `color-${this.variant}--contrast`\n              }\n              ref={(ref: HTMLElement | undefined) => (this.chevronRef = ref)}\n            ></ix-icon>\n            <div\n              class=\"blind-header-title\"\n              id={`ix-blind-header-title-${this.blindId}`}\n            >\n              {this.label !== undefined ? (\n                <Fragment>\n                  {this.icon && (\n                    <ix-icon\n                      class=\"blind-header-title-icon\"\n                      name={this.icon}\n                      color={\n                        this.variant === 'filled' || this.variant === 'outline'\n                          ? 'color-std-text'\n                          : `color-${this.variant}--contrast`\n                      }\n                    ></ix-icon>\n                  )}\n                  <div class={'blind-header-title-row'}>\n                    <div class=\"blind-header-title-col\">\n                      <ix-typography title={this.label} format=\"label-lg\" bold>\n                        <div\n                          class=\"blind-header-title-label\"\n                          title={this.label}\n                        >\n                          {this.label}\n                        </div>\n                      </ix-typography>\n                    </div>\n\n                    {this.sublabel && (\n                      <div class=\"blind-header-title-col\">\n                        <ix-typography title={this.sublabel}>\n                          <div class=\"blind-header-title-sublabel\">\n                            {this.sublabel}\n                          </div>\n                        </ix-typography>\n                      </div>\n                    )}\n                  </div>\n                  <div class=\"header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                  </div>\n                </Fragment>\n              ) : null}\n            </div>\n          </div>\n        </div>\n        <section\n          id={`ix-blind-content-section-${this.blindId}`}\n          aria-labelledby={`ix-blind-header-title-${this.blindId}`}\n        >\n          <div\n            class={{\n              'blind-content': true,\n              hide: this.collapsed,\n            }}\n          >\n            {!this.collapsed ? <slot></slot> : null}\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"8KAAA,MAAMA,EAAW,+jUC2BjB,IAAIC,EAAuB,E,MAOdC,EAAK,MAoChB,WAAAC,CAAAC,G,2DAhCwCC,KAASC,UAAG,MAoB5CD,KAAOE,QAAiB,SAUxBF,KAAOG,UAAKP,CAEJ,CAER,aAAAQ,GACNJ,KAAKC,WAAaD,KAAKC,UACvBD,KAAKK,gBAAgBC,KAAKN,KAAKC,U,CAGjC,gBAAAM,GACEP,KAAKQ,gBAAgBR,KAAKC,U,CAG5B,WAAIQ,GACF,OAAOT,KAAKU,YAAYC,WAAYC,cAAc,iB,CAIpD,SAAAC,CAAUC,GACRd,KAAKQ,gBAAgBM,E,CAGf,eAAAN,CAAgBM,GACtB,GAAIA,EAAa,CACfd,KAAKe,oB,KACA,CACLf,KAAKgB,mB,EAID,iBAAAA,GACNC,EAAM,CACJC,QAASlB,KAAKmB,WACdC,SAAU,IACVC,OAAQ,gBACRC,QAAS,KAEXL,EAAM,CACJC,QAASlB,KAAKS,QACdW,SAAU,IACVC,OAAQ,gBACRE,QAAS,G,CAIL,kBAAAR,GACNE,EAAM,CACJC,QAASlB,KAAKmB,WACdC,SAAU,IACVC,OAAQ,gBACRC,QAAS,IAEXL,EAAM,CACJC,QAASlB,KAAKS,QACdW,SAAU,IACVC,OAAQ,gBACRE,QAAS,G,CAIb,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,SAAS5B,KAAKE,WAAY,OAG7BuB,EAAK,OAAAE,IAAA,2CAAAC,MAAO,wBACVH,EAAA,UAAAE,IAAA,2CACEC,MAAO,CACL,eAAgB,KAChB,CAAC,SAAS5B,KAAKE,WAAY,KAC3B2B,OAAQ7B,KAAKC,WAEf6B,KAAK,SAAQ,kBACI,yBAAyB9B,KAAKG,UAChC,4CAA4BH,KAAKG,UAAS,gBAC1C4B,GAAa/B,KAAKC,WACjC+B,QAAS,IAAMhC,KAAKI,iBAEpBqB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,mBAGbR,EAAK,OAAAE,IAAA,2CAAAC,MAAO,wBACVH,EACE,WAAAE,IAAA,2CAAAC,MAAM,gBACNK,KAAMC,EACNC,MACEnC,KAAKE,UAAY,UAAYF,KAAKE,UAAY,UAC1C,gBACA,SAASF,KAAKE,oBAEpBkC,IAAMA,GAAkCpC,KAAKmB,WAAaiB,IAE5DX,EACE,OAAAE,IAAA,2CAAAC,MAAM,qBACNS,GAAI,yBAAyBrC,KAAKG,WAEjCH,KAAKsC,QAAUC,UACdd,EAACe,EAAQ,KACNxC,KAAKyC,MACJhB,EAAA,WACEG,MAAM,0BACNK,KAAMjC,KAAKyC,KACXN,MACEnC,KAAKE,UAAY,UAAYF,KAAKE,UAAY,UAC1C,iBACA,SAASF,KAAKE,sBAIxBuB,EAAK,OAAAG,MAAO,0BACVH,EAAK,OAAAG,MAAM,0BACTH,EAAe,iBAAAiB,MAAO1C,KAAKsC,MAAOK,OAAO,WAAWC,KAAI,MACtDnB,EAAA,OACEG,MAAM,2BACNc,MAAO1C,KAAKsC,OAEXtC,KAAKsC,SAKXtC,KAAK6C,UACJpB,EAAK,OAAAG,MAAM,0BACTH,EAAA,iBAAeiB,MAAO1C,KAAK6C,UACzBpB,EAAK,OAAAG,MAAM,+BACR5B,KAAK6C,aAMhBpB,EAAK,OAAAG,MAAM,kBACTH,EAAA,QAAMQ,KAAK,qBAGb,QAIVR,EAAA,WAAAE,IAAA,2CACEU,GAAI,4BAA4BrC,KAAKG,UAAS,kBAC7B,yBAAyBH,KAAKG,WAE/CsB,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,gBAAiB,KACjBkB,KAAM9C,KAAKC,aAGXD,KAAKC,UAAYwB,EAAA,aAAgB,O","ignoreList":[]}

package/dist/siemens-ix/p-7da60ba2.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,a as r}from"./p-B6NtGPRE.js";import{H as a}from"./p-zYzFdFx8.js";import{m as n}from"./p-bcj7UEIC.js";const h=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";var l=undefined&&undefined.__decorate||function(e,t,i,s){var r=arguments.length,a=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,i):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,i,s);else for(var h=e.length-1;h>=0;h--)if(n=e[h])a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a;return r>3&&a&&Object.defineProperty(t,i,a),a};const o=class{constructor(i){e(this,i);this.valueChange=t(this,"valueChange",7);this.direction="column";this.required=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.touched=false;this.groupRef=n();this.observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked();this.hasNestedRequiredRadio()}))}get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:true,subtree:true,attributes:true,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue();this.ensureOnlyLastRadioChecked();this.hasNestedRequiredRadio()}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}selectInitialValue(){if(!this.value){return}this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((t,i)=>{if(i===e.length-1){return}t.checked=false}))}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}onValueChangeHandler(e){this.touched=true;this.radiobuttonElements.forEach((t=>{t.checked=t.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((t=>{if(t!==e.target){t.checked=false;return}t.checked=true;this.valueChange.emit(t.value)}))}onClassField({isInvalid:e,isInfo:t,isValid:i,isWarning:s,isInvalidByRequired:r}){this.isInvalid=e||r;this.isInfo=t;this.isValid=i;this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}render(){return i(s,{key:"df02d0574b1201f9dc2e4ffc0cca3b796ab38a26",onIxBlur:()=>this.touched=true,ref:this.groupRef},i("ix-field-wrapper",{key:"69166196117663244ea5dd946238b9429a71e467",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},i("div",{key:"dcea2d79018de3bb2b6d74e650964b37eb33f67a",class:{"checkbox-container":true,"row-layout":this.direction==="row"}},i("slot",{key:"4a2a181e1fd167681e7d43d70072a6bd8d5761d2"}))))}get hostElement(){return r(this)}static get watchers(){return{value:["onValueChangeHandler"]}}};l([a({includeChildren:true})],o.prototype,"onClassField",null);o.style=h;export{o as ix_radio_group};
-//# sourceMappingURL=p-7da60ba2.entry.js.map

package/dist/siemens-ix/p-7da60ba2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["radioGroupCss","RadiobuttonGroup","constructor","hostRef","this","direction","required","isInvalid","isValid","isInfo","isWarning","touched","groupRef","makeRef","observer","MutationObserver","ensureOnlyLastRadioChecked","hasNestedRequiredRadio","radiobuttonElements","Array","from","hostElement","querySelectorAll","connectedCallback","observe","childList","subtree","attributes","attributeFilter","componentWillLoad","selectInitialValue","disconnectedCallback","disconnect","value","forEach","radiobutton","checked","checkedRadios","filter","radio","index","length","some","onValueChangeHandler","newValue","onCheckedChangeHandler","event","target","valueChange","emit","onClassField","isInvalidByRequired","hasValidValue","Promise","resolve","find","isTouched","render","h","Host","key","onIxBlur","ref","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","class","__decorate","HookValidationLifecycle","includeChildren","prototype"],"sources":["src/components/radio-group/radio-group.scss?tag=ix-radio-group&encapsulation=shadow","src/components/radio-group/radio-group.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  display: inline-block;\n  position: relative;\n\n  .checkbox-container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    margin: 0.375rem 0;\n    flex-wrap: wrap;\n\n    &.row-layout {\n      flex-direction: row;\n    }\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 */\nimport {\n  Component,\n  Element,\n  EventEmitter,\n  Host,\n  Event,\n  Listen,\n  Prop,\n  State,\n  h,\n  Watch,\n  Method,\n} from '@stencil/core';\nimport {\n  ValidationResults,\n  HookValidationLifecycle,\n  FieldWrapperInterface,\n  IxFormValidationState,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\n\n/**\n * @form-ready\n */\n@Component({\n  tag: 'ix-radio-group',\n  styleUrl: 'radio-group.scss',\n  shadow: true,\n})\nexport class RadiobuttonGroup\n  implements FieldWrapperInterface, IxFormValidationState\n{\n  @Element() hostElement!: HTMLIxRadioGroupElement;\n  /**\n   * Show text below the field component\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * Label for the field component\n   */\n  @Prop() label?: string;\n\n  /**\n   * Value of the radiobutton group component\n   */\n  @Prop() value?: string;\n\n  /**\n   * Error text for the field component\n   */\n  @Prop() invalidText?: string;\n\n  /**\n   * Info text for the field component\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Warning text for the field component\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * Valid text for the field component\n   */\n  @Prop() validText?: string;\n\n  /**\n   * Show helper, info, warning, error and valid text as tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * Alignment of the radio buttons in the group\n   */\n  @Prop() direction: 'column' | 'row' = 'column';\n\n  /**\n   * Required state of the checkbox component\n   *\n   * @internal\n   */\n  @Prop() required?: boolean = false;\n\n  /**\n   * Event emitted when the value of the radiobutton group changes\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n\n  private touched = false;\n  private readonly groupRef = makeRef<HTMLElement>();\n\n  private readonly observer = new MutationObserver(() => {\n    this.ensureOnlyLastRadioChecked();\n    this.hasNestedRequiredRadio();\n  });\n\n  private get radiobuttonElements() {\n    return Array.from(this.hostElement.querySelectorAll('ix-radio'));\n  }\n\n  connectedCallback(): void {\n    this.observer.observe(this.hostElement, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['checked', 'required'],\n    });\n  }\n\n  componentWillLoad(): void | Promise<void> {\n    this.selectInitialValue();\n    this.ensureOnlyLastRadioChecked();\n    this.hasNestedRequiredRadio();\n  }\n\n  disconnectedCallback(): void {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  private selectInitialValue() {\n    if (!this.value) {\n      return;\n    }\n    this.radiobuttonElements.forEach((radiobutton) => {\n      radiobutton.checked = radiobutton.value === this.value;\n    });\n  }\n\n  private ensureOnlyLastRadioChecked() {\n    const checkedRadios = this.radiobuttonElements.filter(\n      (radio) => radio.checked\n    );\n    checkedRadios.forEach((radio, index) => {\n      if (index === checkedRadios.length - 1) {\n        return;\n      }\n      radio.checked = false;\n    });\n  }\n\n  private hasNestedRequiredRadio() {\n    this.required = this.radiobuttonElements.some(\n      (radiobutton) => radiobutton.required\n    );\n  }\n\n  @Watch('value')\n  onValueChangeHandler(newValue: string) {\n    this.touched = true;\n    this.radiobuttonElements.forEach((radiobutton) => {\n      radiobutton.checked = radiobutton.value === newValue;\n    });\n  }\n\n  @Listen('checkedChange')\n  onCheckedChangeHandler(event: CustomEvent<boolean>) {\n    this.radiobuttonElements.forEach((radiobutton) => {\n      if (radiobutton !== event.target) {\n        radiobutton.checked = false;\n        return;\n      }\n      radiobutton.checked = true;\n      this.valueChange.emit(radiobutton.value);\n    });\n  }\n\n  @HookValidationLifecycle({\n    includeChildren: true,\n  })\n  onClassField({\n    isInvalid,\n    isInfo,\n    isValid,\n    isWarning,\n    isInvalidByRequired,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired;\n    this.isInfo = isInfo;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(\n      !!Array.from(this.hostElement.querySelectorAll('ix-radio')).find(\n        (radio) => radio.checked\n      )\n    );\n  }\n\n  /** @internal */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    return (\n      <Host onIxBlur={() => (this.touched = true)} ref={this.groupRef}>\n        <ix-field-wrapper\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          warningText={this.warningText}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          isInvalid={this.isInvalid}\n          controlRef={this.groupRef}\n        >\n          <div\n            class={{\n              'checkbox-container': true,\n              'row-layout': this.direction === 'row',\n            }}\n          >\n            <slot></slot>\n          </div>\n        </ix-field-wrapper>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAgB,+M,iXCqCTC,EAAgB,MAL7B,WAAAC,CAAAC,G,mDAoDUC,KAASC,UAAqB,SAO9BD,KAAQE,SAAa,MAOpBF,KAASG,UAAG,MACZH,KAAOI,QAAG,MACVJ,KAAMK,OAAG,MACTL,KAASM,UAAG,MAEbN,KAAOO,QAAG,MACDP,KAAQQ,SAAGC,IAEXT,KAAAU,SAAW,IAAIC,kBAAiB,KAC/CX,KAAKY,6BACLZ,KAAKa,wBAAwB,GAwIhC,CArIC,uBAAYC,GACV,OAAOC,MAAMC,KAAKhB,KAAKiB,YAAYC,iBAAiB,Y,CAGtD,iBAAAC,GACEnB,KAAKU,SAASU,QAAQpB,KAAKiB,YAAa,CACtCI,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,UAAW,a,CAIjC,iBAAAC,GACEzB,KAAK0B,qBACL1B,KAAKY,6BACLZ,KAAKa,wB,CAGP,oBAAAc,GACE,GAAI3B,KAAKU,SAAU,CACjBV,KAAKU,SAASkB,Y,EAIV,kBAAAF,GACN,IAAK1B,KAAK6B,MAAO,CACf,M,CAEF7B,KAAKc,oBAAoBgB,SAASC,IAChCA,EAAYC,QAAUD,EAAYF,QAAU7B,KAAK6B,KAAK,G,CAIlD,0BAAAjB,GACN,MAAMqB,EAAgBjC,KAAKc,oBAAoBoB,QAC5CC,GAAUA,EAAMH,UAEnBC,EAAcH,SAAQ,CAACK,EAAOC,KAC5B,GAAIA,IAAUH,EAAcI,OAAS,EAAG,CACtC,M,CAEFF,EAAMH,QAAU,KAAK,G,CAIjB,sBAAAnB,GACNb,KAAKE,SAAWF,KAAKc,oBAAoBwB,MACtCP,GAAgBA,EAAY7B,U,CAKjC,oBAAAqC,CAAqBC,GACnBxC,KAAKO,QAAU,KACfP,KAAKc,oBAAoBgB,SAASC,IAChCA,EAAYC,QAAUD,EAAYF,QAAUW,CAAQ,G,CAKxD,sBAAAC,CAAuBC,GACrB1C,KAAKc,oBAAoBgB,SAASC,IAChC,GAAIA,IAAgBW,EAAMC,OAAQ,CAChCZ,EAAYC,QAAU,MACtB,M,CAEFD,EAAYC,QAAU,KACtBhC,KAAK4C,YAAYC,KAAKd,EAAYF,MAAM,G,CAO5C,YAAAiB,EAAa3C,UACXA,EAASE,OACTA,EAAMD,QACNA,EAAOE,UACPA,EAASyC,oBACTA,IAEA/C,KAAKG,UAAYA,GAAa4C,EAC9B/C,KAAKK,OAASA,EACdL,KAAKI,QAAUA,EACfJ,KAAKM,UAAYA,C,CAKnB,aAAA0C,GACE,OAAOC,QAAQC,UACXnC,MAAMC,KAAKhB,KAAKiB,YAAYC,iBAAiB,aAAaiC,MACzDhB,GAAUA,EAAMH,U,CAOvB,SAAAoB,GACE,OAAOH,QAAQC,QAAQlD,KAAKO,Q,CAG9B,MAAA8C,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,SAAU,IAAOzD,KAAKO,QAAU,KAAOmD,IAAK1D,KAAKQ,UACrD8C,EAAA,oBAAAE,IAAA,2CACEG,MAAO3D,KAAK2D,MACZC,WAAY5D,KAAK4D,WACjBC,YAAa7D,KAAK6D,YAClBC,SAAU9D,KAAK8D,SACfC,YAAa/D,KAAK+D,YAClBC,UAAWhE,KAAKgE,UAChBC,kBAAmBjE,KAAKiE,kBACxB7D,QAASJ,KAAKI,QACdC,OAAQL,KAAKK,OACbC,UAAWN,KAAKM,UAChBH,UAAWH,KAAKG,UAChB+D,WAAYlE,KAAKQ,UAEjB8C,EAAA,OAAAE,IAAA,2CACEW,MAAO,CACL,qBAAsB,KACtB,aAAcnE,KAAKC,YAAc,QAGnCqD,EAAA,QAAAE,IAAA,+C,iGApDVY,EAAA,CAHCC,EAAwB,CACvBC,gBAAiB,QAalBzE,EAAA0E,UAAA,qB","ignoreList":[]}

package/dist/siemens-ix/p-7fcec901.entry.js

@@ -1,2 +0,0 @@
-import{r,h as o,H as e,a as t}from"./p-B6NtGPRE.js";import"./p-Dp15M30K.js";import{d as a}from"./p-BxQZld1q.js";import{d as i,e as s}from"./p-DLTnniMb.js";import"./p-BdCnOrqW.js";const n=":host{display:block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{padding:2rem;padding-right:0}:host .content-apps{display:flex;position:relative;flex-wrap:wrap;justify-content:space-evenly;max-height:50vh;margin-right:0.25rem;gap:1.5rem}:host .loading{display:flex;flex-direction:row;align-items:center}:host .loading ix-spinner{margin-right:1rem}:host .AppEntry{all:unset;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0.5rem;flex:1 1 45%;cursor:pointer;border:0.0625rem solid transparent}:host .AppEntry.Selected{background-color:var(--theme-color-ghost--selected);border:var(--theme-dynamic-bdr-1)}:host .AppEntry:not(.disabled):not(:disabled).hover,:host .AppEntry:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .AppEntry:not(.disabled):not(:disabled).active,:host .AppEntry:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .AppEntry:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host .AppName{display:flex;flex-direction:column}:host .AppName ix-icon{margin-left:1rem}:host .AppIcon{width:3rem;height:3rem;border-radius:0.25rem}";function l(r){function e(r){if(r!=="_blank"&&r!=="_parent"&&r!=="_self"&&r!=="_top"){return true}if(r==="_blank"){return true}return false}return o("button",{class:{AppEntry:true,Selected:r.selected},onClick:()=>{a(r.host);window.open(r.url,r.target)}},o("div",null,o("img",{class:"AppIcon",src:r.iconSrc})),o("div",{class:"AppName"},o("ix-typography",{format:"h4"},r.name,e(r.target)&&o("ix-icon",{size:"12",name:s,color:"color-soft-text"})),o("ix-typography",{format:"label-sm",textColor:"soft"},r.description)))}const d=class{constructor(o){r(this,o)}componentWillLoad(){if(!this.config){throw Error("ApplicationConfig not provided")}}render(){var r,t,a,s;return o(e,{key:"5443526ea5c044173392e6b855443eea449da4b1"},o("ix-modal-header",{key:"abef9c8d6d20923d2f962acbd95c5a591c77ddfb",icon:i},((r=this.config)===null||r===void 0?void 0:r.i18nAppSwitch)||"Switch to application"),o("ix-modal-content",{key:"47bb0edd3ed8624b43a1b21773fd14a8bba9d24f",class:"content"},o("div",{key:"b407a67b393307e8e7ca950291fcbbafea96ea69",class:"content-apps"},(!this.config||((t=this.config)===null||t===void 0?void 0:t.apps.length)===0)&&o("div",{key:"1c625f776c2c531c3582d24b1dc72ccf5718f26d",class:"loading"},o("ix-spinner",{key:"4f2da8b360a49501cc0e294204d7433fcc77e78e",size:"medium",variant:"primary"}),o("span",{key:"25dde483ac94a504b3597f2b7361c968f47754a3"},((a=this.config)===null||a===void 0?void 0:a.i18nLoadingApps)||"Loading available applications...")),(s=this.config)===null||s===void 0?void 0:s.apps.map((r=>{var e;return o(l,{host:this.hostElement,name:r.name,description:r.description,iconSrc:r.iconSrc,target:r.target,url:r.url,selected:r.id===((e=this.config)===null||e===void 0?void 0:e.currentAppId)})})))))}get hostElement(){return t(this)}};d.style=n;export{d as ix_application_switch_modal};
-//# sourceMappingURL=p-7fcec901.entry.js.map

package/dist/siemens-ix/p-80dfc634.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as r,H as a}from"./p-B6NtGPRE.js";const t=":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 .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:1rem;flex:0 1 auto}:host .card .separator{border:1px solid var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}:host .card .content--time-picker{padding:0 1rem}:host .card .footer-container{width:100%}:host .card .footer-container .footer{padding:1rem}";const o=class{constructor(r){e(this,r);this.timePickerAppearance=false;this.hideHeader=false;this.hasFooter=false;this.individual=true;this.corners="rounded"}cardClasses(){var e;return{card:true,standaloneAppearance:(e=this.standaloneAppearance)!==null&&e!==void 0?e:this.individual,rounded:this.corners==="rounded",left:this.corners==="left",right:this.corners==="right",straight:this.corners==="straight"}}render(){return r(a,{key:"d7cc4a3ae96e5ee4502fc757311fc7073e78c61a"},r("div",{key:"5d06ee614a6518d47a1a9243883063306195912f",class:this.cardClasses()},!this.hideHeader&&r("div",{key:"07892beb965a08a08b745f2d308cf8e93aa731fd",class:"header-container"},r("div",{key:"9a77e4d7e6a8f3d50c665e76808669fc88d5a7b8",class:"header"},r("slot",{key:"cb1cd8527ddb6560e9deac76ea85ccbe8463f15c",name:"header"})),r("div",{key:"6b911dcc4fa18efde5747544f2239ec86119a39a",class:"separator"})),r("div",{key:"766ede607630b3d8df6634de6360d9d46508c3d2",class:{content:true,"content--time-picker":this.timePickerAppearance}},r("slot",{key:"dd02448c469024a798a7277f28992588faa27d95"})),this.hasFooter&&r("div",{key:"8f4dfeef86a755d345fc021b049a660691a25836",class:"footer-container"},r("div",{key:"d35ad21f5d3d5d1628af76839445a1100e022ffc",class:"separator"}),r("div",{key:"bb0ffdc8d4ed91f1ef637a194bfbdaaf03b31142",class:"footer"},r("slot",{key:"8f62ccd9a237345e67883866ad2e32e01e34232a",name:"footer"})))))}};o.style=t;export{o as ix_date_time_card};
-//# sourceMappingURL=p-80dfc634.entry.js.map

package/dist/siemens-ix/p-80dfc634.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dateTimeCardCss","DateTimeCard","constructor","hostRef","this","timePickerAppearance","hideHeader","hasFooter","individual","corners","cardClasses","card","standaloneAppearance","_a","rounded","left","right","straight","render","h","Host","key","class","name","content"],"sources":["src/components/date-time-card/date-time-card.scss?tag=ix-date-time-card&encapsulation=shadow","src/components/date-time-card/date-time-card.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\n:host {\n  @include ix-component;\n\n  .card {\n    background-color: var(--theme-menu--background);\n    width: 100%;\n    box-shadow: none;\n    border: none;\n    border-radius: unset;\n    display: flex;\n    flex-direction: column;\n\n    &.standaloneAppearance {\n      box-shadow: var(--theme-shadow-4);\n      border-radius: 0.25rem;\n    }\n\n    &.rounded {\n      border-radius: 4px;\n    }\n\n    &.left {\n      border-radius: 4px 0 0 4px;\n      height: 100%;\n    }\n\n    &.right {\n      border-radius: 0 4px 4px 0;\n      height: 100%;\n    }\n\n    &.straight {\n      border-radius: 0;\n    }\n\n    .header-container {\n      width: 100%;\n\n      .header {\n        padding: $default-space;\n        flex: 0 1 auto;\n      }\n    }\n\n    .separator {\n      border: 1px solid var(--theme-datepicker-separator--background);\n      width: 100%;\n      flex: 0 1 auto;\n    }\n\n    .content {\n      &--time-picker {\n        padding: 0 $default-space;\n      }\n\n      padding: 0 $default-space $default-space $default-space;\n      flex: 1 1 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .footer-container {\n      width: 100%;\n\n      .footer {\n        padding: $default-space;\n      }\n    }\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, h, Host, Prop } from '@stencil/core';\n\nexport type DateTimeCardCorners = 'rounded' | 'left' | 'right' | 'straight';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-date-time-card',\n  styleUrl: 'date-time-card.scss',\n  shadow: true,\n})\nexport class DateTimeCard {\n  /** @internal */\n  @Prop() standaloneAppearance?: boolean;\n\n  /** Timepicker specific styling */\n  @Prop() timePickerAppearance: boolean = false;\n\n  /**\n   * Hide header\n   */\n  @Prop() hideHeader: boolean = false;\n\n  /**\n   * Display footer\n   */\n  @Prop() hasFooter: boolean = false;\n\n  /**\n   * set styles\n   */\n  @Prop() individual: boolean = true;\n\n  /**\n   * Set corners style\n   */\n  @Prop() corners: DateTimeCardCorners = 'rounded';\n\n  private cardClasses() {\n    return {\n      card: true,\n      standaloneAppearance: this.standaloneAppearance ?? this.individual,\n      rounded: this.corners === 'rounded',\n      left: this.corners === 'left',\n      right: this.corners === 'right',\n      straight: this.corners === 'straight',\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.cardClasses()}>\n          {!this.hideHeader && (\n            <div class=\"header-container\">\n              <div class=\"header\">\n                <slot name=\"header\"></slot>\n              </div>\n              <div class=\"separator\"></div>\n            </div>\n          )}\n\n          <div\n            class={{\n              content: true,\n              'content--time-picker': this.timePickerAppearance,\n            }}\n          >\n            <slot></slot>\n          </div>\n\n          {this.hasFooter && (\n            <div class=\"footer-container\">\n              <div class=\"separator\"></div>\n              <div class=\"footer\">\n                <slot name=\"footer\"></slot>\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,yoD,MCqBXC,EAAY,MALzB,WAAAC,CAAAC,G,UAUUC,KAAoBC,qBAAY,MAKhCD,KAAUE,WAAY,MAKtBF,KAASG,UAAY,MAKrBH,KAAUI,WAAY,KAKtBJ,KAAOK,QAAwB,SA+CxC,CA7CS,WAAAC,G,MACN,MAAO,CACLC,KAAM,KACNC,sBAAsBC,EAAAT,KAAKQ,wBAAwB,MAAAC,SAAA,EAAAA,EAAAT,KAAKI,WACxDM,QAASV,KAAKK,UAAY,UAC1BM,KAAMX,KAAKK,UAAY,OACvBO,MAAOZ,KAAKK,UAAY,QACxBQ,SAAUb,KAAKK,UAAY,W,CAI/B,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOlB,KAAKM,gBACbN,KAAKE,YACLa,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,UACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,YAEbJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eAIfH,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACLE,QAAS,KACT,uBAAwBpB,KAAKC,uBAG/Bc,EAAA,QAAAE,IAAA,8CAGDjB,KAAKG,WACJY,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,cACXH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,UACTH,EAAM,QAAAE,IAAA,2CAAAE,KAAK,c","ignoreList":[]}

package/dist/siemens-ix/p-8774e0a8.entry.js

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

package/dist/siemens-ix/p-92513d0e.entry.js

@@ -1,2 +0,0 @@
-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

package/dist/siemens-ix/p-92513d0e.entry.js.map

@@ -1 +0,0 @@
-{"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';\n\nexport type TypographyVariants =\n  | 'x-small'\n  | 'small'\n  | 'caption'\n  | 'caption-single'\n  | 'default'\n  | 'default-single'\n  | 'default-title'\n  | 'default-title-single'\n  | 'large'\n  | 'large-single'\n  | 'large-title'\n  | 'large-title-single'\n  | 'h2'\n  | 'display-large';\n\nexport type TypographyColors =\n  | 'alarm'\n  | 'alarm-contrast'\n  | 'contrast'\n  | 'critical-contrast'\n  | 'info-contrast'\n  | 'inv-contrast'\n  | 'inv-soft'\n  | 'inv-std'\n  | 'inv-weak'\n  | 'neutral-contrast'\n  | 'primary-contrast'\n  | 'soft'\n  | 'std'\n  | 'success-contrast'\n  | 'warning-contrast'\n  | 'weak';\n\ntype TypographyFormatLabel = 'label' | 'label-xs' | 'label-sm' | 'label-lg';\ntype TypographyFormatBody = 'body' | 'body-xs' | 'body-sm' | 'body-lg';\ntype TypographyFormatDisplay =\n  | 'display'\n  | 'display-xs'\n  | 'display-sm'\n  | 'display-lg'\n  | 'display-xl'\n  | 'display-xxl';\ntype TypographyFormatHeading = 'h6' | 'h5' | 'h4' | 'h3' | 'h2' | 'h1';\ntype TypographyFormatCode = 'code' | 'code-sm' | 'code-lg';\n\nexport type TypographyFormat =\n  | TypographyFormatLabel\n  | TypographyFormatBody\n  | TypographyFormatDisplay\n  | TypographyFormatHeading\n  | TypographyFormatCode;\n\nexport type TextDecoration = 'none' | 'underline' | 'line-through';\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,MCuETC,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-9513a275.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,H as l}from"./p-B6NtGPRE.js";const o=":host{display:block}";const a=class{constructor(t){s(this,t);this.contentVisible=false}render(){return t(l,{key:"1204bd93b593c2fa8fba7a95d049808aeef625d6"},this.contentVisible?t("slot",null):null)}};a.style=o;export{a as ix_flip_tile_content};
-//# sourceMappingURL=p-9513a275.entry.js.map

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

@@ -1,2 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"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';\n\nexport type EmptyStateLayout = 'large' | 'compact' | 'compactBreak';\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,MCkBTC,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-96c0acb2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,d as o,h as i,F as r,H as s,a}from"./p-B6NtGPRE.js";import{g as n,d as l}from"./p-DLTnniMb.js";import{s as h}from"./p-DH2uzaCC.js";import{a as c}from"./p-CyFFBc_G.js";import{a as d,A as p}from"./p--2LOMK-5.js";import{m}from"./p-DDHkNPby.js";import{h as b}from"./p-i60z1FJC.js";import"./p-Dp15M30K.js";import"./p-BxQZld1q.js";import"./p-BdCnOrqW.js";import"./p-D6vSVaHq.js";const u=":host{display:flex;align-items:flex-end;flex-wrap:nowrap;position:relative;width:100%;height:calc(2.75rem + var(--ix-safe-area-inset-top, 0rem));min-height:calc(2.75rem + var(--ix-safe-area-inset-top, 0rem));padding-top:0;padding-right:calc(1rem + var(--ix-safe-area-inset-right, 0rem));padding-bottom:0.3rem;padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}: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 .app-switch{margin-right:1rem}:host .name{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap;max-width:50%;margin-left:1.5rem;margin-right:2.5rem;margin-bottom:0.25rem;color:var(--theme-app-header--color)}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-left:0.375rem}:host .content{display:flex;position:relative;flex-direction:row;margin-left:auto;margin-right:0px}:host .dropdown{overflow:visible}:host .dropdown-content{padding:1rem}:host .context-menu{display:none}:host .context-menu.context-menu-visible{display:block}@media only screen and (max-width: 48em){:host .logo{display:none}}:host ::slotted(ix-avatar){margin-left:1rem}:host(.breakpoint-sm) .logo{margin-left:0.5rem}";const f=class{constructor(o){t(this,o);this.menuToggle=e(this,"menuToggle",7);this.openAppSwitch=e(this,"openAppSwitch",7);this.showMenu=false;this.breakpoint="lg";this.menuExpanded=false;this.suppressResponsive=false;this.hasSlottedElements=false}get contentBackground(){return this.hostElement.shadowRoot.querySelector(".dropdown-content")}componentWillLoad(){d(this.hostElement,p,(t=>{if((t===null||t===void 0?void 0:t.host)==="map-navigation"){this.suppressResponsive=true;this.breakpoint="md";return}this.breakpoint=c.breakpoint;this.applicationLayoutContext=t;this.tryUpdateAppSwitch()}),true);this.menuDisposable=m.expandChange.on((t=>{this.menuExpanded=t}));this.modeDisposable=c.onChange.on((t=>{if(this.suppressResponsive){return}this.breakpoint=t}));this.updateIsSlottedContent()}componentDidLoad(){this.attachSiemensLogoIfLoaded()}disconnectedCallback(){var t,e;(t=this.menuDisposable)===null||t===void 0?void 0:t.dispose();(e=this.modeDisposable)===null||e===void 0?void 0:e.dispose()}watchApplicationLayoutContext(){if(this.applicationLayoutContext){this.showMenu=false}}watchSuppressResponsive(){this.breakpoint="md"}isLogoSlotted(){const t=this.hostElement.shadowRoot.querySelector('slot[name="logo"]');const e=t.assignedNodes({flatten:true});return e.length!==0}attachSiemensLogoIfLoaded(){var t;const e=document.createElement("ix-siemens-logo");if(!this.isLogoSlotted()){(t=this.hostElement.shadowRoot.querySelector(".logo"))===null||t===void 0?void 0:t.appendChild(e)}}async onMenuClick(){if(this.applicationLayoutContext){m.toggle()}else{this.menuExpanded=!this.menuExpanded}this.menuToggle.emit(this.menuExpanded)}resolveContextMenuButton(){return new Promise((t=>o((()=>t(this.hostElement.shadowRoot.querySelector("[data-context-menu]"))))))}tryUpdateAppSwitch(){var t,e;if(!this.callbackUpdateAppSwitchModal||!((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig)){return}this.callbackUpdateAppSwitchModal((e=this.applicationLayoutContext)===null||e===void 0?void 0:e.appSwitchConfig)}async showAppSwitch(){var t,e;const{defaultPrevented:o}=this.openAppSwitch.emit();if(o){return}if(!((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig)){return}this.callbackUpdateAppSwitchModal=await h((e=this.applicationLayoutContext)===null||e===void 0?void 0:e.appSwitchConfig)}updateIsSlottedContent(){const t=this.hostElement.shadowRoot.querySelector(".content slot");this.hasSlottedElements=b(t)}onContentBgClick(t){if(t.target===this.contentBackground){t.preventDefault()}}render(){var t;const e=!!this.applicationLayoutContext;const o=this.breakpoint==="sm"&&this.suppressResponsive===false&&e;const a=((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig)&&this.breakpoint!=="sm"&&this.suppressResponsive===false;return i(s,{key:"161dbff622210f5b288625a53930cd47d391e905",class:{[`breakpoint-${this.breakpoint}`]:true},slot:"application-header"},(this.showMenu||o)&&i("ix-menu-expand-icon",{key:"ebf7cf5c1738f876e5861148fc91e1e3134d70ac",onClick:()=>this.onMenuClick(),expanded:this.menuExpanded}),a&&i("ix-icon-button",{key:"bea36c9c158182230035a7bc28dfbe8779b53b4f",onClick:()=>this.showAppSwitch(),icon:l,ghost:true,class:"app-switch"}),i("div",{key:"31b39b17e59c0b20f054d6c2777968d8e0d6ee89",class:{logo:true}},i("slot",{key:"7c393c6bbbb75afa821f1e354bb90ec93a6b141b",name:"logo"})),i("ix-typography",{key:"79fa346430a1e6ba9ca0a49f16605438aefcf7e7",format:"body-lg",class:"name"},this.name),i("div",{key:"e7b337e340bb657178f1f25e7b22dfb050b101b8",class:"content"},this.breakpoint==="sm"?i(r,null,i("ix-icon-button",{class:{["context-menu"]:true,["context-menu-visible"]:this.hasSlottedElements},"data-context-menu":true,"data-testid":"show-more",icon:n,ghost:true}),i("ix-dropdown",{"data-overflow-dropdown":true,class:"dropdown",discoverAllSubmenus:true,trigger:this.resolveContextMenuButton()},i("div",{class:"dropdown-content",onClick:t=>this.onContentBgClick(t)},i("slot",{onSlotchange:()=>this.updateIsSlottedContent()})))):i("slot",{onSlotchange:()=>this.updateIsSlottedContent()}),i("slot",{key:"5f4cbe691db23a5be718078b888d58cca5c0e92a",name:"ix-application-header-avatar"})))}get hostElement(){return a(this)}static get watchers(){return{applicationLayoutContext:["watchApplicationLayoutContext"],suppressResponsive:["watchSuppressResponsive"]}}};f.style=u;export{f as ix_application_header};
-//# sourceMappingURL=p-96c0acb2.entry.js.map

package/dist/siemens-ix/p-97029efe.entry.js

@@ -1,2 +0,0 @@
-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

package/dist/siemens-ix/p-97eb6c3c.entry.js

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

package/dist/siemens-ix/p-97eb6c3c.entry.js.map

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