@siemens/ix 4.4.0 → 5.0.0

package/components/ix-time-input.js

@@ -1 +1 @@
-import{p as e,H as t,e as o,h as r,d as i,t as n}from"./p-C_6_Rh7K.js";import{Q as a}from"./p-CdT1qV2I.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,o as s,h,a as c,b,S as u,d as p,e as m,f as v}from"./p-DaVdylP8.js";import{H as y,c as f,g as x}from"./p-0oJ9dyRQ.js";import{h as g,o as k,c as w,a as z}from"./p-BvFOMxgl.js";import{m as C}from"./p-bcj7UEIC.js";import{d as I}from"./p-xrAJuWDf.js";import{d as T}from"./p-BbN-BCaw.js";import{d as j}from"./p-CsGkJrm6.js";import{d as E}from"./p-CkBQGLbj.js";import{d as S}from"./p-9tuDiQEH.js";import{d as V}from"./p-mraQmnXA.js";import{d as H}from"./p-AHG5KaOt.js";import{d as A}from"./p-CxWzccPV.js";import{d as P}from"./p-C9SfsAWb.js";import{d as q}from"./p-VHuL40oZ.js";const B=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals(),this.value="",this.format="TT",this.readonly=!1,this.disabled=!1,this.i18nErrorTimeUnparsable="Time is not valid",this.hourInterval=1,this.minuteInterval=1,this.secondInterval=1,this.millisecondInterval=100,this.i18nSelectTime="Confirm",this.i18nTime="Time",this.i18nHourColumnHeader="hr",this.i18nMinuteColumnHeader="min",this.i18nSecondColumnHeader="sec",this.i18nMillisecondColumnHeader="ms",this.suppressSubmitOnEnter=!1,this.hideHeader=!1,this.textAlignment="start",this.enableTopLayer=!1,this.show=!1,this.time=null,this.isInputInvalid=!1,this.isInvalid=!1,this.isValid=!1,this.isInfo=!1,this.isWarning=!1,this.focus=!1,this.slotStartRef=C(),this.slotEndRef=C(),this.timePickerRef=C(),this.inputElementRef=C(),this.dropdownElementRef=C(),this.touched=!1,this.validityTracker=d()}watchValuePropHandler(e){this.onInput(e)}handleInputKeyDown(e){s(e,this,this.value),h(e,this.suppressSubmitOnEnter,this.formInternals.form)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e}connectedCallback(){this.classObserver=f(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){if(!this.value){const e=l.now();e.isValid&&(this.value=e.toFormat(this.format))}this.onInput(this.value),this.isInputInvalid?this.time=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){var e,t;null===(e=this.classObserver)||void 0===e||e.destroy(),null===(t=this.disposableChangesAndVisibilityObservers)||void 0===t||t.call(this)}watchValue(){this.time=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(e){var t;if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),void this.valueChange.emit(e);if(!this.format)return;const o=l.fromFormat(e,this.format);o.isValid?(this.isInputInvalid=!1,this.invalidReason=void 0):(this.isInputInvalid=!0,this.invalidReason=null!==(t=o.invalidReason)&&void 0!==t?t:void 0),this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e)}onTimeIconClick(e){g(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.time=this.value,k(this.dropdownElementRef)}async closeDropdown(){return w(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return r("div",{class:"input-wrapper"},r(m,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},style:{textAlign:this.textAlignment},disabled:this.disabled,readOnly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.initialValue=this.value,this.openDropdown(),this.ixFocus.emit()},onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e)}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{"data-testid":"open-time-picker",class:{"time-icon-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:a,onClick:e=>this.onTimeIconClick(e),"aria-label":"Toggle time picker","aria-expanded":this.show})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return v(this)}getValidityState(){return Promise.resolve(z(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;const t=x(this.isInputInvalid,this.invalidText,this.i18nErrorTimeUnparsable);return r(i,{key:"bdc4ea4daa680cb86e068e89a85c24e677194894",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"161d696e8e3b2e93d44bb2cd89227756803f72c0",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:t,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"509749521f08d008496d5b39357198cd7c65cd67","data-testid":"time-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail}},r("ix-time-picker",{key:"00171df4b640293e1d8225f23aba117cff73dc47",ref:this.timePickerRef,format:this.format,time:null!==(e=this.time)&&void 0!==e?e:"",hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval,embedded:!0,hideHeader:this.hideHeader,i18nConfirmTime:this.i18nSelectTime,i18nHeader:this.i18nTime,i18nHourColumnHeader:this.i18nHourColumnHeader,i18nSecondColumnHeader:this.i18nSecondColumnHeader,i18nMinuteColumnHeader:this.i18nMinuteColumnHeader,i18nMillisecondColumnHeader:this.i18nMillisecondColumnHeader,onTimeSelect:e=>{this.onInput(e.detail),this.initialValue!==e.detail&&(this.ixChange.emit(e.detail),this.initialValue=e.detail),this.show=!1}})))}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:calc(var(--theme-input--border-thickness) + 0.125rem)}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .time-icon-hidden{display:none}:host(.readonly) input{pointer-events:none}.input-wrapper{position:relative}'}},[65,"ix-time-input",{name:[513],placeholder:[513],value:[1537],format:[1],required:[4],helperText:[1,"helper-text"],label:[1],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorTimeUnparsable:[1,"i18n-error-time-unparsable"],hourInterval:[2,"hour-interval"],minuteInterval:[2,"minute-interval"],secondInterval:[2,"second-interval"],millisecondInterval:[2,"millisecond-interval"],i18nSelectTime:[1,"i18n-select-time"],i18nTime:[1,"i18n-time"],i18nHourColumnHeader:[1,"i18n-hour-column-header"],i18nMinuteColumnHeader:[1,"i18n-minute-column-header"],i18nSecondColumnHeader:[1,"i18n-second-column-header"],i18nMillisecondColumnHeader:[1,"i18n-millisecond-column-header"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],hideHeader:[4,"hide-header"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],show:[32],time:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0},{watchValue:0}]}]);!function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)}([y()],B.prototype,"hookValidationLifecycle",null);const D=B,R=function(){"undefined"!=typeof customElements&&["ix-time-input","ix-button","ix-date-time-card","ix-dropdown","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-time-picker","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-time-input":customElements.get(n(e))||customElements.define(n(e),B);break;case"ix-button":customElements.get(n(e))||I();break;case"ix-date-time-card":customElements.get(n(e))||T();break;case"ix-dropdown":customElements.get(n(e))||j();break;case"ix-field-label":customElements.get(n(e))||E();break;case"ix-field-wrapper":customElements.get(n(e))||S();break;case"ix-icon-button":customElements.get(n(e))||V();break;case"ix-spinner":customElements.get(n(e))||H();break;case"ix-time-picker":customElements.get(n(e))||A();break;case"ix-tooltip":customElements.get(n(e))||P();break;case"ix-typography":customElements.get(n(e))||q()}}))};export{D as IxTimeInput,R as defineCustomElement}
+import{p as e,M as t,e as o,h as r,d as i,t as n}from"./p-Bxdy-8CE.js";import{P as a}from"./p-CQj_gEvY.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,j as s,h,a as c,b,S as u,o as p,d as m,e as v}from"./p-BwC_Hmai.js";import{g as x,i as f,d as y}from"./p-BcxPyyrm.js";import{I as g,h as k,o as w,c as T,a as I}from"./p-DN2Mr91y.js";import{D as C}from"./p-Dx8kFukG.js";import{m as z}from"./p-Djkc69iv.js";import{r as E}from"./p-BEuV0Xpe.js";import{d as H}from"./p-Btv5ReUJ.js";import{d as S}from"./p-546lBshK.js";import{d as j}from"./p-B1ZcjHve.js";import{d as V}from"./p-Cf71L4Ol.js";import{d as P}from"./p-CuswfnZ5.js";import{d as B}from"./p-NLlCSNeG.js";import{d as R}from"./p-By6x--zJ.js";import{d as M}from"./p-XBJqkmoc.js";import{d as A}from"./p-MZOpritx.js";import{c as D,g as F,H as L}from"./p-C-wf4kbs.js";const O=e(class extends(t(...C,g)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}format="TT";minTime;maxTime;watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}required;helperText;label;invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorTimeUnparsable="Time is not valid";hourInterval=1;minuteInterval=1;secondInterval=1;millisecondInterval=100;i18nSelectTime="Confirm";i18nTime="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";suppressSubmitOnEnter=!1;hideHeader=!1;textAlignment="start";enableTopLayer=!1;ariaLabelTimeToggleButton="Toggle time picker";valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;time=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=z();slotEndRef=z();timePickerRef=z();inputElementRef=z();dropdownElementRef=z();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;handleInputKeyDown(e){"ArrowDown"===e.key&&(this.show=!0,E((()=>{const e=this.timePickerRef.current?.shadowRoot?.querySelector('button[tabindex="0"]');e?.focus()}))),s(e,this,this.value),h(e,this.suppressSubmitOnEnter,this.formInternals.form)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e}connectedCallback(){this.classObserver=D(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){if(!this.value){const e=l.now();e.isValid&&(this.value=e.toFormat(this.format))}this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isWithinConfiguredBounds(e){const t=e.startOf("day"),{min:o,max:r}=x(this.minTime,this.maxTime,this.format,t);return f(e,o,r)}syncPickerTimeFromValue(){const e=this.value?.trim()??"";this.time=e&&l.fromFormat(e,this.format).isValid?e:null}validateNonEmptyValue(e){if(!this.format)return null;const t=l.fromFormat(e,this.format);return t.isValid&&this.isWithinConfiguredBounds(t)?{isInputInvalid:!1,invalidReason:void 0}:{isInputInvalid:!0,invalidReason:t.isValid?"customError":t.invalidReason??void 0}}revalidateCurrentValue(){if(!this.value)return;const e=this.validateNonEmptyValue(this.value);e&&(this.isInputInvalid=e.isInputInvalid,this.invalidReason=e.invalidReason,this.emitValidityStateChangeIfChanged(),this.syncPickerTimeFromValue())}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),void this.syncPickerTimeFromValue();const t=this.validateNonEmptyValue(e);t?(this.isInputInvalid=t.isInputInvalid,this.invalidReason=t.invalidReason,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),this.syncPickerTimeFromValue()):this.syncPickerTimeFromValue()}onTimeIconClick(e){k(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.syncPickerTimeFromValue(),w(this.dropdownElementRef)}async closeDropdown(){return T(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return r("div",{class:"input-wrapper"},r(m,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},style:{textAlign:this.textAlignment},disabled:this.disabled,readOnly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.initialValue=this.value,this.ixFocus.emit()},onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e)}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>e.tabIndex=-1,"data-testid":"open-time-picker",class:{"time-icon-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:a,onClick:e=>this.onTimeIconClick(e),"aria-label":this.ariaLabelTimeToggleButton,"aria-expanded":this.show})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return v(this)}getValidityState(){return Promise.resolve(I(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=F(this.isInputInvalid,this.invalidText,this.i18nErrorTimeUnparsable);return r(i,{key:"293a527e1b0337b962eb6c24680df978c9b1356d",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:()=>{this.closeDropdown()}},r("ix-field-wrapper",{key:"103566ac44e0dacb9f8e979c16c5ebb53cc144d9",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"7cdaaa66afbf87e052b8b2548e002b901c1879e5","data-testid":"time-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.timePickerRef,trapFocusInShadowDom:!0}},r("ix-time-picker",{key:"6018c8f9c77ffb1f37f9ca3e4d8b789b28076323",ref:this.timePickerRef,format:this.format,time:this.time??"",minTime:this.minTime,maxTime:this.maxTime,hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval,embedded:!0,hideHeader:this.hideHeader,i18nConfirmTime:this.i18nSelectTime,i18nHeader:this.i18nTime,i18nHourColumnHeader:this.i18nHourColumnHeader,i18nSecondColumnHeader:this.i18nSecondColumnHeader,i18nMinuteColumnHeader:this.i18nMinuteColumnHeader,i18nMillisecondColumnHeader:this.i18nMillisecondColumnHeader,onTimeSelect:e=>{this.onInput(e.detail),this.initialValue!==e.detail&&(this.ixChange.emit(e.detail),this.initialValue=e.detail),this.show=!1}})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .time-icon-hidden{display:none}:host(.readonly) input{pointer-events:none}.input-wrapper{position:relative}'}},[593,"ix-time-input",{name:[513],placeholder:[513],value:[1537],format:[1],minTime:[1,"min-time"],maxTime:[1,"max-time"],required:[4],helperText:[1,"helper-text"],label:[1],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorTimeUnparsable:[1,"i18n-error-time-unparsable"],hourInterval:[2,"hour-interval"],minuteInterval:[2,"minute-interval"],secondInterval:[2,"second-interval"],millisecondInterval:[2,"millisecond-interval"],i18nSelectTime:[1,"i18n-select-time"],i18nTime:[1,"i18n-time"],i18nHourColumnHeader:[1,"i18n-hour-column-header"],i18nMinuteColumnHeader:[1,"i18n-minute-column-header"],i18nSecondColumnHeader:[1,"i18n-second-column-header"],i18nMillisecondColumnHeader:[1,"i18n-millisecond-column-header"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],hideHeader:[4,"hide-header"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],ariaLabelTimeToggleButton:[1,"aria-label-time-toggle-button"],show:[32],time:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}]);!function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)}([L()],O.prototype,"hookValidationLifecycle",null);const q=O,W=function(){"undefined"!=typeof customElements&&["ix-time-input","ix-button","ix-date-time-card","ix-dropdown","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-time-picker","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-time-input":customElements.get(n(e))||customElements.define(n(e),O);break;case"ix-button":customElements.get(n(e))||H();break;case"ix-date-time-card":customElements.get(n(e))||S();break;case"ix-dropdown":customElements.get(n(e))||j();break;case"ix-field-label":customElements.get(n(e))||V();break;case"ix-field-wrapper":customElements.get(n(e))||P();break;case"ix-icon-button":customElements.get(n(e))||B();break;case"ix-spinner":customElements.get(n(e))||R();break;case"ix-time-picker":customElements.get(n(e))||y();break;case"ix-tooltip":customElements.get(n(e))||M();break;case"ix-typography":customElements.get(n(e))||A()}}))};export{q as IxTimeInput,W as defineCustomElement}

package/components/ix-time-picker.js

@@ -1 +1 @@
-import{T as o,d as s}from"./p-CxWzccPV.js";const c=o,p=s;export{c as IxTimePicker,p as defineCustomElement}
+import{T as o,d as r}from"./p-BcxPyyrm.js";const s=o,m=r;export{s as IxTimePicker,m as defineCustomElement}

package/components/ix-toast-container.js

@@ -1 +1 @@
-import{p as t,H as o,h as s,d as r,t as e}from"./p-C_6_Rh7K.js";import{T as n}from"./p-BdCnOrqW.js";import{d as a}from"./p-mraQmnXA.js";import{d as i}from"./p-AHG5KaOt.js";import{d as c}from"./p-CS1HnwQr.js";import{d as h}from"./p-VHuL40oZ.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.containerId="toast-container",this.containerClass="toast-container",this.position="bottom-right",this.PREFIX_POSITION_CLASS="toast-container--"}get hostContainer(){return new Promise((t=>{const o=setInterval((()=>{const s=document.getElementById(this.containerId);s&&(clearInterval(o),t(s))}))}))}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId,t.classList.add(this.containerClass),t.classList.add(`${this.PREFIX_POSITION_CLASS}${this.position}`),document.body.appendChild(t)}}onPositionChange(t,o){const s=document.getElementById(this.containerId);s?(s.classList.remove(`${this.PREFIX_POSITION_CLASS}${o}`),s.classList.add(`${this.PREFIX_POSITION_CLASS}${t}`)):console.warn("No toast container found, cannot configure toast position")}async showToast(t){var s,r,e;const a=document.createElement("ix-toast"),i=new n;function c(t){a.remove(),i.emit(t)}return a.toastTitle=t.title,a.type=null!==(s=t.type)&&void 0!==s?s:"info",a.preventAutoClose=!1===t.autoClose,a.autoCloseDelay=null!==(r=t.autoCloseDelay)&&void 0!==r?r:5e3,a.icon=t.icon,a.iconColor=t.iconColor,a.hideIcon=null!==(e=t.hideIcon)&&void 0!==e&&e,a.addEventListener("closeToast",(t=>{const{detail:o}=t;c(o)})),t.message&&("string"==typeof t.message?a.innerText=t.message:a.appendChild(t.message)),t.action&&t.action instanceof o&&(t.action.slot="action",a.appendChild(t.action)),(await this.hostContainer).appendChild(a),{onClose:i,close:t=>{c(t)},pause:()=>{a.pause()},resume:()=>{a.resume()},isPaused:()=>a.isPaused()}}render(){return s(r,{key:"009cf5adc60953795401d58dd58475b6ed2f9ecf",class:{"toast-container--bottom-right":"bottom-right"===this.position,"toast-container--top-right":"top-right"===this.position}},s("slot",{key:"853b8819f0de0761bc330d76e5d3570e3c179e1e"}))}static get watchers(){return{position:[{onPositionChange:0}]}}static get style(){return":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed;z-index:var(--theme-z-index-toast)}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{right:1rem;bottom:2rem}"}},[257,"ix-toast-container",{containerId:[1,"container-id"],containerClass:[1,"container-class"],position:[1],showToast:[64]},void 0,{position:[{onPositionChange:0}]}]),m=l,d=function(){"undefined"!=typeof customElements&&["ix-toast-container","ix-icon-button","ix-spinner","ix-toast","ix-typography"].forEach((t=>{switch(t){case"ix-toast-container":customElements.get(e(t))||customElements.define(e(t),l);break;case"ix-icon-button":customElements.get(e(t))||a();break;case"ix-spinner":customElements.get(e(t))||i();break;case"ix-toast":customElements.get(e(t))||c();break;case"ix-typography":customElements.get(e(t))||h()}}))};export{m as IxToastContainer,d as defineCustomElement}
+import{p as t,H as o,h as r,d as s,t as e}from"./p-Bxdy-8CE.js";import{T as a}from"./p-CWshStHZ.js";import{d as i}from"./p-NLlCSNeG.js";import{d as n}from"./p-By6x--zJ.js";import{d as c}from"./p-C95SE6lT.js";import{d as b}from"./p-MZOpritx.js";const h=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}position="bottom-right";async showToast(t){const r=document.createElement("ix-toast"),s=new a;function e(t){r.remove(),s.emit(t)}return r.toastTitle=t.title,r.type=t.type??"info",r.preventAutoClose=!1===t.autoClose,r.autoCloseDelay=t.autoCloseDelay??5e3,r.icon=t.icon,r.iconColor=t.iconColor,r.hideIcon=t.hideIcon??!1,r.addEventListener("closeToast",(t=>{const{detail:o}=t;e(o)})),t.message&&("string"==typeof t.message?r.innerText=t.message:r.appendChild(t.message)),t.action&&t.action instanceof o&&(t.action.slot="action",r.appendChild(t.action)),this.hostElement.appendChild(r),{onClose:s,close:t=>{e(t)},pause:()=>{r.pause()},resume:()=>{r.resume()},isPaused:()=>r.isPaused()}}render(){return r(s,{key:"4b9172f4e2ab91db264b4cef1fe7615e056321b4",class:{"toast-container--bottom-right":"bottom-right"===this.position,"toast-container--top-right":"top-right"===this.position}},r("slot",{key:"d0c16ca7a92081b30e7e23148c4f2aca00983b50"}))}static get style(){return":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host{display:block;position:fixed;z-index:var(--theme-z-index-toast)}:host ::slotted(*:not(:last-child)){margin-block-end:1rem}:host(.toast-container--top-right){right:1rem;top:2rem}:host(.toast-container--bottom-right){right:1rem;bottom:2rem}"}},[769,"ix-toast-container",{position:[1],showToast:[64]}]),l=h,m=function(){"undefined"!=typeof customElements&&["ix-toast-container","ix-icon-button","ix-spinner","ix-toast","ix-typography"].forEach((t=>{switch(t){case"ix-toast-container":customElements.get(e(t))||customElements.define(e(t),h);break;case"ix-icon-button":customElements.get(e(t))||i();break;case"ix-spinner":customElements.get(e(t))||n();break;case"ix-toast":customElements.get(e(t))||c();break;case"ix-typography":customElements.get(e(t))||b()}}))};export{l as IxToastContainer,m as defineCustomElement}

package/components/ix-toast.js

@@ -1 +1 @@
-import{T as o,d as r}from"./p-CS1HnwQr.js";const s=o,p=r;export{s as IxToast,p as defineCustomElement}
+import{T as o,d as s}from"./p-C95SE6lT.js";const p=o,r=s;export{p as IxToast,r as defineCustomElement}

package/components/ix-toggle-button.js

@@ -1 +1 @@
-import{p as r,H as e,e as t,h as o,d as a,t as d}from"./p-C_6_Rh7K.js";import{B as s}from"./p-rBthI1EV.js";import{b,g as n,a as i}from"./p-DAzBNVe7.js";import{d as l}from"./p-AHG5KaOt.js";const c=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.pressedChange=t(this,"pressedChange",7),this.variant="subtle-primary",this.disabled=!1,this.loading=!1,this.pressed=!1}dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}render(){var r,e;const t=b(this.hostElement),d={variant:this.variant,iconOnly:!1,iconOval:!1,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{"aria-pressed":i(this.pressed),"aria-label":null!==(e=null!==(r=t["aria-label"])&&void 0!==r?r:this.ariaLabelButton)&&void 0!==e?e:n(this.icon)}};return o(a,{key:"18372c75b69190a4f75e544d389250bcafbe742f",class:{disabled:this.disabled||this.loading}},o(s,Object.assign({key:"08cea7593cbbedca44a0bcbf7b0c878cce18be87"},d),o("slot",{key:"3adefc76a4730d1e333173d6301ba1f6bf9c5ac0"})))}get hostElement(){return this}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host .btn-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary,:host .btn-tertiary.focus,:host .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary,:host .btn-subtle-primary.focus,:host .btn-subtle-primary:focus-visible{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary,:host .btn-subtle-secondary.focus,:host .btn-subtle-secondary:focus-visible{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary,:host .btn-subtle-tertiary.focus,:host .btn-subtle-tertiary:focus-visible{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary,:host .btn-danger-primary.focus,:host .btn-danger-primary:focus-visible{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary,:host .btn-danger-secondary.focus,:host .btn-danger-secondary:focus-visible{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary,:host .btn-danger-tertiary.focus,:host .btn-danger-tertiary:focus-visible{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{display:inline-block;height:2rem;width:auto;min-width:5rem;vertical-align:middle}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}"}},[257,"ix-toggle-button",{variant:[1],disabled:[516],loading:[4],icon:[1],iconRight:[1,"icon-right"],pressed:[4],ariaLabelButton:[1,"aria-label-button"]}]),h=c,u=function(){"undefined"!=typeof customElements&&["ix-toggle-button","ix-spinner"].forEach((r=>{switch(r){case"ix-toggle-button":customElements.get(d(r))||customElements.define(d(r),c);break;case"ix-spinner":customElements.get(d(r))||l()}}))};export{h as IxToggleButton,u as defineCustomElement}
+import{p as r,M as e,e as t,h as o,d as a,t as d}from"./p-Bxdy-8CE.js";import{B as i}from"./p-qsIASuyM.js";import{g as n,a as b}from"./p-B5k8YVR0.js";import{D as s}from"./p-Dx8kFukG.js";import{I as l}from"./p-BE4QI9tD.js";import{d as c}from"./p-By6x--zJ.js";const h=r(class extends(e(...s,l)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),this.pressedChange=t(this,"pressedChange",7)}get hostElement(){return this}variant="subtle-primary";disabled=!1;loading=!1;icon;iconRight;pressed=!1;pressedChange;dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}render(){const r={variant:this.variant,iconOnly:!1,iconOval:!1,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{...this.inheritAriaAttributes,"aria-pressed":b(this.pressed),"aria-label":this.inheritAriaAttributes["aria-label"]??n(this.icon)}};return o(a,{key:"22c2548a493307f2efc554a137e4e6ba93d913a4",class:{disabled:this.disabled||this.loading}},o(i,{key:"015a3ad74d231eaf896c29c6ab5fae45e6cf4fb5",...r},o("slot",{key:"ad0158fc047212e96f296147b753f6847af768bc"})))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{display:inline-block;height:2rem;width:auto;min-width:5rem;vertical-align:middle}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}"}},[769,"ix-toggle-button",{variant:[1],disabled:[516],loading:[4],icon:[1],iconRight:[1,"icon-right"],pressed:[4],inheritAriaAttributes:[32]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}]),u=h,v=function(){"undefined"!=typeof customElements&&["ix-toggle-button","ix-spinner"].forEach((r=>{switch(r){case"ix-toggle-button":customElements.get(d(r))||customElements.define(d(r),h);break;case"ix-spinner":customElements.get(d(r))||c()}}))};export{u as IxToggleButton,v as defineCustomElement}

package/components/ix-toggle.js

@@ -1 +1 @@
-import{p as e,H as o,e as r,h as t,d as h,t as i}from"./p-C_6_Rh7K.js";import{a as c}from"./p-DAzBNVe7.js";import{H as a}from"./p-0oJ9dyRQ.js";import{d}from"./p-VHuL40oZ.js";const m=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=r(this,"checkedChange",7),this.valueChange=r(this,"valueChange",7),this.ixBlur=r(this,"ixBlur",7),this.formInternals=this.attachInternals(),this.value="on",this.checked=!1,this.disabled=!1,this.indeterminate=!1,this.textOn="On",this.textOff="Off",this.textIndeterminate="Mixed",this.hideText=!1,this.required=!1,this.touched=!1}onCheckedChange(e){if(this.disabled)return;const o=this.indeterminate,r=this.checked;this.indeterminate&&(this.indeterminate=!1),this.checked=e;const{defaultPrevented:t}=this.checkedChange.emit(this.checked);t&&(this.indeterminate=o,this.checked=r)}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value:null)}watchCheckedChange(){this.touched=!0,this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}render(){let e=this.textOff;return this.checked&&(e=this.textOn),this.indeterminate&&(e=this.textIndeterminate),t(h,{key:"464cf476a340aed436bdf1dbbc7819440a87a4e5",role:"switch","aria-checked":c(this.checked),"aria-disabled":c(this.disabled),class:{disabled:this.disabled},onBlur:()=>this.ixBlur.emit(),onFocus:()=>this.touched=!0},t("label",{key:"24ddd5cff2016155c3c46cc167962dcec2f40368",class:"wrapper"},t("button",{key:"5c385f921b92fb75219ce72c663dadf3549ab918",class:{switch:!0,checked:this.checked,indeterminate:this.indeterminate},onClick:()=>this.onCheckedChange(!this.checked),tabindex:-1,"aria-hidden":"true"},t("div",{key:"e103f4047c6641ae1852aa751f147554bb81bc35",class:"slider"})),t("input",{key:"f794b5e5740aab173346b7937980ba7690813742",type:"checkbox",disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,tabindex:0,"aria-hidden":c(!0),"aria-checked":c(this.checked),onChange:e=>this.onCheckedChange(e.target.checked)}),!this.hideText&&t("ix-typography",{key:"2c3b036625d2fe6719dc3e929749c184ae861d50",class:"label"},e)))}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{checked:[{watchCheckedChange:0}]}}static get style(){return':host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=checkbox]{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:not(.disabled)) .switch:focus-visible>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--valid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--valid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--valid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--valid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--valid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--valid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--valid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--valid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--valid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--valid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--valid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--valid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--valid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--valid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--valid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--valid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--valid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--valid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--valid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--valid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--valid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--valid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--valid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--valid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--valid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--valid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--valid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--valid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--valid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--valid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--valid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--valid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--valid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--valid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--valid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--valid--active   )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--info   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--info--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--info--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--info   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--info--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--info--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--info   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--info--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--info--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--info   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--info--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--info--active   );--theme-switch-on--background:var(     --theme-switch-on--background--info   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--info--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--info--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--info   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--info--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--info--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--info   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--info--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--info--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--info   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--info--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--info--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--info   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--info--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--info--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--info   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--info--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--info--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--info   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--info--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--info--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--info   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--info--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--info--active   )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--warning   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--warning--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--warning--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--warning   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--warning--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--warning--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--warning   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--warning--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--warning--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--warning   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--warning--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--warning--active   );--theme-switch-on--background:var(     --theme-switch-on--background--warning   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--warning--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--warning--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--warning   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--warning--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--warning--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--warning   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--warning--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--warning--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--warning   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--warning--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--warning--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--warning   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--warning--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--warning--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--warning   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--warning--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--warning--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--warning   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--warning--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--warning--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--warning   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--warning--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--warning--active   )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--invalid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--invalid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--invalid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--invalid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--invalid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--invalid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--invalid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--invalid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--invalid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--invalid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--invalid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--invalid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--invalid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--invalid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--invalid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--invalid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--invalid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--invalid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--invalid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--invalid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--invalid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--invalid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--invalid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--invalid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--invalid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--invalid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--invalid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--invalid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--invalid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--invalid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--invalid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--invalid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--invalid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--invalid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--invalid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--invalid--active   )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--invalid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--invalid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--invalid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--invalid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--invalid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--invalid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--invalid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--invalid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--invalid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--invalid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--invalid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--invalid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--invalid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--invalid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--invalid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--invalid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--invalid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--invalid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--invalid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--invalid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--invalid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--invalid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--invalid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--invalid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--invalid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--invalid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--invalid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--invalid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--invalid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--invalid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--invalid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--invalid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--invalid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--invalid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--invalid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--invalid--active   )}'}},[65,"ix-toggle",{name:[513],value:[513],checked:[1540],disabled:[4],indeterminate:[1540],textOn:[1,"text-on"],textOff:[1,"text-off"],textIndeterminate:[1,"text-indeterminate"],hideText:[4,"hide-text"],required:[516],hasValidValue:[64],getAssociatedFormElement:[64],isTouched:[64]},void 0,{checked:[{watchCheckedChange:0}]}]);!function(e,o,r,t){var h,i=arguments.length,c=i<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,o,r,t);else for(var a=e.length-1;a>=0;a--)(h=e[a])&&(c=(i<3?h(c):i>3?h(o,r,c):h(o,r))||c);i>3&&c&&Object.defineProperty(o,r,c)}([a()],m.prototype,"updateClassMappings",null);const b=m,s=function(){"undefined"!=typeof customElements&&["ix-toggle","ix-typography"].forEach((e=>{switch(e){case"ix-toggle":customElements.get(i(e))||customElements.define(i(e),m);break;case"ix-typography":customElements.get(i(e))||d()}}))};export{b as IxToggle,s as defineCustomElement}
+import{p as e,M as r,e as t,h as o,d as i,t as a}from"./p-Bxdy-8CE.js";import{a as h}from"./p-B5k8YVR0.js";import{D as c}from"./p-Dx8kFukG.js";import{I as d}from"./p-BE4QI9tD.js";import{d as b}from"./p-MZOpritx.js";import{H as n}from"./p-C-wf4kbs.js";const m=e(class extends(r(...c,d)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=t(this,"checkedChange",7),this.valueChange=t(this,"valueChange",7),this.ixBlur=t(this,"ixBlur",7),this.formInternals=this.attachInternals()}formInternals;get hostElement(){return this}name;value="on";checked=!1;disabled=!1;indeterminate=!1;textOn="On";textOff="Off";textIndeterminate="Mixed";hideText=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;onCheckedChange(e){if(this.disabled)return;const r=this.indeterminate,t=this.checked;this.indeterminate&&(this.indeterminate=!1),this.checked=e;const{defaultPrevented:o}=this.checkedChange.emit(this.checked);o&&(this.indeterminate=r,this.checked=t)}componentWillLoad(){super.componentWillLoad(),this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value:null)}watchCheckedChange(){this.touched=!0,this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}resolveAriaLabel(){if(!this.inheritAriaAttributes["aria-labelledby"])return this.inheritAriaAttributes["aria-label"]}render(){let e=this.textOff;this.checked&&(e=this.textOn),this.indeterminate&&(e=this.textIndeterminate);const r=this.resolveAriaLabel(),t=this.indeterminate?"mixed":h(this.checked);return o(i,{key:"f04221cc34cc579df99e90487157323b582ffa88",...this.inheritAriaAttributes,role:"switch",tabindex:this.disabled?-1:0,"aria-label":r,"aria-checked":t,"aria-disabled":h(this.disabled),"aria-required":h(this.required),class:{disabled:this.disabled},onBlur:()=>this.ixBlur.emit(),onFocus:()=>this.touched=!0,onKeyDown:e=>{this.disabled||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.onCheckedChange(!this.checked))},onClick:()=>{this.disabled||this.onCheckedChange(!this.checked)}},o("div",{key:"4245387d288d1fe68551ab59ac12af32c977ee96",class:"wrapper"},o("div",{key:"53fb838a752b34fd73947aaee99abbe6700a9654",class:{switch:!0,checked:this.checked,indeterminate:this.indeterminate},"aria-hidden":"true"},o("div",{key:"dc000096dd4bccc837b70861b113727b2fa8511e",class:"slider"})),!this.hideText&&o("ix-typography",{key:"c869cdc3cc704a35f82146c69e08f2fce7c50149",class:"label","aria-hidden":"true"},e)))}static get formAssociated(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],checked:[{watchCheckedChange:0}]}}static get style(){return':host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:focus),:host(:focus-visible){outline:none}:host(:not(.disabled):focus-visible) .switch>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--valid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--valid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--valid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--valid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--valid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--valid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--valid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--valid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--valid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--valid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--valid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--valid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--valid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--valid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--valid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--valid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--valid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--valid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--valid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--valid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--valid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--valid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--valid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--valid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--valid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--valid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--valid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--valid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--valid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--valid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--valid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--valid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--valid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--valid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--valid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--valid--active   )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--info   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--info--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--info--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--info   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--info--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--info--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--info   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--info--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--info--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--info   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--info--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--info--active   );--theme-switch-on--background:var(     --theme-switch-on--background--info   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--info--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--info--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--info   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--info--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--info--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--info   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--info--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--info--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--info   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--info--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--info--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--info   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--info--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--info--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--info   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--info--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--info--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--info   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--info--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--info--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--info   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--info--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--info--active   )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--warning   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--warning--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--warning--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--warning   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--warning--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--warning--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--warning   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--warning--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--warning--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--warning   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--warning--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--warning--active   );--theme-switch-on--background:var(     --theme-switch-on--background--warning   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--warning--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--warning--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--warning   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--warning--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--warning--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--warning   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--warning--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--warning--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--warning   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--warning--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--warning--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--warning   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--warning--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--warning--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--warning   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--warning--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--warning--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--warning   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--warning--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--warning--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--warning   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--warning--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--warning--active   )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--invalid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--invalid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--invalid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--invalid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--invalid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--invalid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--invalid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--invalid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--invalid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--invalid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--invalid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--invalid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--invalid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--invalid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--invalid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--invalid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--invalid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--invalid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--invalid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--invalid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--invalid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--invalid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--invalid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--invalid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--invalid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--invalid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--invalid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--invalid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--invalid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--invalid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--invalid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--invalid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--invalid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--invalid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--invalid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--invalid--active   )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(     --theme-switch-off--background--invalid   );--theme-switch-off--background--hover:var(     --theme-switch-off--background--invalid--hover   );--theme-switch-off--background--active:var(     --theme-switch-off--background--invalid--active   );--theme-switch-thumb-off--border-color:var(     --theme-switch-thumb-off--border-color--invalid   );--theme-switch-thumb-off--border-color--hover:var(     --theme-switch-thumb-off--border-color--invalid--hover   );--theme-switch-thumb-off--border-color--active:var(     --theme-switch-thumb-off--border-color--invalid--active   );--theme-switch-thumb-off--background:var(     --theme-switch-thumb-off--background--invalid   );--theme-switch-thumb-off--background--hover:var(     --theme-switch-thumb-off--background--invalid--hover   );--theme-switch-thumb-off--background--active:var(     --theme-switch-thumb-off--background--invalid--active   );--theme-switch-off--border-color:var(     --theme-switch-off--border-color--invalid   );--theme-switch-off--border-color--hover:var(     --theme-switch-off--border-color--invalid--hover   );--theme-switch-off--border-color--active:var(     --theme-switch-off--border-color--invalid--active   );--theme-switch-on--background:var(     --theme-switch-on--background--invalid   );--theme-switch-on--background--hover:var(     --theme-switch-on--background--invalid--hover   );--theme-switch-on--background--active:var(     --theme-switch-on--background--invalid--active   );--theme-switch-thumb-on--border-color:var(     --theme-switch-thumb-on--border-color--invalid   );--theme-switch-thumb-on--border-color--hover:var(     --theme-switch-thumb-on--border-color--invalid--hover   );--theme-switch-thumb-on--border-color--active:var(     --theme-switch-thumb-on--border-color--invalid--active   );--theme-switch-thumb-on--background:var(     --theme-switch-thumb-on--background--invalid   );--theme-switch-thumb-on--background--hover:var(     --theme-switch-thumb-on--background--invalid--hover   );--theme-switch-thumb-on--background--active:var(     --theme-switch-thumb-on--background--invalid--active   );--theme-switch-on--border-color:var(     --theme-switch-on--border-color--invalid   );--theme-switch-on--border-color--hover:var(     --theme-switch-on--border-color--invalid--hover   );--theme-switch-on--border-color--active:var(     --theme-switch-on--border-color--invalid--active   );--theme-switch-mixed--background:var(     --theme-switch-mixed--background--invalid   );--theme-switch-mixed--background--hover:var(     --theme-switch-mixed--background--invalid--hover   );--theme-switch-mixed--background--active:var(     --theme-switch-mixed--background--invalid--active   );--theme-switch-thumb-mixed--border-color:var(     --theme-switch-thumb-mixed--border-color--invalid   );--theme-switch-thumb-mixed--border-color--hover:var(     --theme-switch-thumb-mixed--border-color--invalid--hover   );--theme-switch-thumb-mixed--border-color--active:var(     --theme-switch-thumb-mixed--border-color--invalid--active   );--theme-switch-thumb-mixed--background:var(     --theme-switch-thumb-mixed--background--invalid   );--theme-switch-thumb-mixed--background--hover:var(     --theme-switch-thumb-mixed--background--invalid--hover   );--theme-switch-thumb-mixed--background--active:var(     --theme-switch-thumb-mixed--background--invalid--active   );--theme-switch-mixed--border-color:var(     --theme-switch-mixed--border-color--invalid   );--theme-switch-mixed--border-color--hover:var(     --theme-switch-mixed--border-color--invalid--hover   );--theme-switch-mixed--border-color--active:var(     --theme-switch-mixed--border-color--invalid--active   )}'}},[577,"ix-toggle",{name:[513],value:[513],checked:[1540],disabled:[4],indeterminate:[1540],textOn:[1,"text-on"],textOff:[1,"text-off"],textIndeterminate:[1,"text-indeterminate"],hideText:[4,"hide-text"],required:[516],inheritAriaAttributes:[32],hasValidValue:[64],getAssociatedFormElement:[64],isTouched:[64]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],checked:[{watchCheckedChange:0}]}]);!function(e,r,t,o){var i,a=arguments.length,h=a<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(h=(a<3?i(h):a>3?i(r,t,h):i(r,t))||h);a>3&&h&&Object.defineProperty(r,t,h)}([n()],m.prototype,"updateClassMappings",null);const s=m,v=function(){"undefined"!=typeof customElements&&["ix-toggle","ix-typography"].forEach((e=>{switch(e){case"ix-toggle":customElements.get(a(e))||customElements.define(a(e),m);break;case"ix-typography":customElements.get(a(e))||b()}}))};export{s as IxToggle,v as defineCustomElement}

package/components/ix-tooltip.js

@@ -1 +1 @@
-import{T as s,d as o}from"./p-C9SfsAWb.js";const p=s,r=o;export{p as IxTooltip,r as defineCustomElement}
+import{T as o,d as s}from"./p-XBJqkmoc.js";const m=o,p=s;export{m as IxTooltip,p as defineCustomElement}

package/components/ix-tree-item.js

@@ -1 +1 @@
-import{T as o,d as s}from"./p-xCBXKXNq.js";const p=o,r=s;export{p as IxTreeItem,r as defineCustomElement}
+import{T as o,d as s}from"./p-W0q0WVKl.js";const p=o,r=s;export{p as IxTreeItem,r as defineCustomElement}

package/components/ix-tree.js

@@ -1 +1 @@
-import{p as t,H as i,e as s,h as e,d as o,t as h}from"./p-C_6_Rh7K.js";import{d as n}from"./p-D3K9vmFp.js";import{r,d as c}from"./p-DSTYytot.js";import{d as l}from"./p-xCBXKXNq.js";const d=t=>!Number.isNaN(Number(t));class a{static create(t,i=a.defaultConfig){return new a(t,i)}static mergeStyle(t,i){for(let s in i)t.style[s]!==i[s]&&(t.style[s]=i[s])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");a.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),a.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const s=i.offsetHeight;return document.body.removeChild(t),s}constructor(t,i){this._scrollListener=null,this._pendingRender=!1,this._lastRepaint=null,this._maxElementHeight=a.getMaxBrowserHeight(),this.refresh(t,i);const s=this._config,e=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const e=i?t-i:0;if(!i||e<0||e>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof s.afterRender&&s.afterRender()}},o=s.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(e))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),e()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=(null==t?void 0:t.scrollContainer)||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=a.defaultConfig){var s;const e=(null===(s=this._config)||void 0===s?void 0:s.scrollContainer)||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw Error("HyperList requires a valid DOM Node container");this._element=t;const o=this._config,h=this._scroller||o.scroller||document.createElement(o.scrollerTagName||"tr");if("boolean"!=typeof o.useFragment&&(this._config.useFragment=!0),!o.generate)throw Error("Missing required `generate` function");if(!d(o.total))throw Error("Invalid required `total` value, expected number");if(!Array.isArray(o.itemHeight)&&!d(o.itemHeight))throw Error("Invalid required `itemHeight` value, expected number or array");this._itemHeights=d(o.itemHeight)?Array(o.total).fill(o.itemHeight):[o.itemHeight],Object.keys(a.defaultConfig).filter((t=>t in o)).forEach((t=>{const i=o[t],s=d(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw Error(`Invalid optional \`${t}\`, expected string or number`);s&&(o[t]=i+"px")}));const n=!!o.horizontal,r=o[n?"width":"height"];if(r){const t=d(r),i=!t&&"%"===r.slice(-1),s=parseInt(t?r:r.replace(/px|%/,""),10),e=window[n?"innerWidth":"innerHeight"];this._containerSize=i?e*s/100:d(r)?r:s}const c=o.scrollContainer,l=o.itemHeight*o.total,u=this._maxElementHeight;l>u&&console.warn(["HyperList: The maximum element height",u+"px has","been exceeded; please reduce your item height."].join(" ")),a.mergeStyle(t,{width:""+o.width,height:c?l+"px":""+o.height,overflow:c?"none":"auto",position:"relative"}),c&&a.mergeStyle(o.scrollContainer,{overflow:"auto"}),a.mergeStyle(h,{opacity:"0",position:"absolute",[n?"height":"width"]:"1px",[n?"width":"height"]:l+"px"}),this._scroller||t.appendChild(h);const p=this._computeScrollPadding();this._scrollPaddingBottom=p.bottom,this._scrollPaddingTop=p.top,this._scroller=h,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(o.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof o.afterRender&&o.afterRender(),this._scrollListener&&(o.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let s=i.generate(t),e=s.height;if(void 0!==e&&d(e)?(s=s.element,e!==this._itemHeights[t]&&(this._itemHeights[t]=e,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):e=this._itemHeights[t],!s||1!==s.nodeType)throw Error("Generator did not return a DOM Node for index: "+t);((t,i)=>{t.classList.add(i)})(s,i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return a.mergeStyle(s,{position:"absolute",[i.horizontal?"left":"top"]:o+"px"}),s}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,s=this._element,e=this._getScrollPosition(),o=i.total;let h=this._getFrom(e)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let s=this._getRow(t);r[i.useFragment?"appendChild":"push"](s)}if(i.applyPatch)return i.applyPatch(s,r);s.innerHTML="",s.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let s=t;s<i;s++)this._itemPositions[s]=this._itemHeights[s-1]+this._itemPositions[s-1]}_computeScrollHeight(){const t=this._config,i=!!t.horizontal,s=t.total,e=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;a.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:e+"px"});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(s/2),n=s%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,l=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(l/n),this._containerSize=l,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,e}_computeScrollPadding(){const t=!!this._config.horizontal,i=window.getComputedStyle(this._element),s=t=>{const s=i.getPropertyValue("padding-"+t);return parseInt(s,10)||0};return t?{bottom:s("right"),top:s("left")}:{bottom:s("bottom"),top:s("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}a.defaultConfig={width:"100%",height:"100%"};const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.contextChange=s(this,"contextChange",7),this.nodeToggled=s(this,"nodeToggled",7),this.nodeClicked=s(this,"nodeClicked",7),this.nodeRemoved=s(this,"nodeRemoved",7),this.root="root",this.model={},this.context={},this.updates=new Map,this.hasFirstRender=!1,this.dirtyItems=new Set}updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,total:i.length,generate:s=>{const e=i[s],o=this.hostElement.querySelector(`[data-tree-node-id="${e.id}"]`),h=this.getContext(e.id);if(o&&!1===t.force){o.hasChildren=e.hasChildren,o.context=Object.assign({},h);let t=this.dirtyItems.has(e.id);if(this.updates.has(e.id)){const i=this.updates.get(e.id);if(i){const s=i(e,Object.assign({},this.context));"boolean"==typeof s&&(t=s)}}if(this.updatePadding(o,e),!t)return o}const n=t=>{this.updates.set(e.id,t)};let c=null;this.renderItem&&(c=this.renderItem(s,e,i,Object.assign({},this.context),n)),null===c&&(c=r(e,h,n));const l=c;return l.setAttribute("data-tree-node-id",e.id),l.style.paddingRight="1rem",this.updatePadding(l,e),this.dirtyItems.delete(e.id),l}}}setContext(t,i){this.context=Object.assign(Object.assign({},this.context),{[t]:i}),this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1}),this.context[t]):{isExpanded:!1,isSelected:!1}}buildTreeList(t,i=0){const s=[];if(null==t?void 0:t.hasChildren){const e=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);s.push(Object.assign(Object.assign({},o),{level:i})),o.hasChildren&&h.isExpanded&&s.push(...this.buildTreeList(o,e))}))}return s}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const s=i.indexOf(t);s>=0&&i.splice(s,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){var t,i;null===(t=this.hyperlist)||void 0===t||t.destroy(),null===(i=this.observer)||void 0===i||i.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){var t;const i=null===(t=this.hyperlist)||void 0===t?void 0:t._itemPositions;return void 0!==i&&i.length&&!(null==i?void 0:i.some((t=>void 0===t||Number.isNaN(t))))}async refreshTree(t=c){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){var t;if(!this.model)return;null===(t=this.hyperlist)||void 0===t||t.destroy();const i=this.getVirtualizerOptions(c);this.hyperlist=new a(this.hostElement,i)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:s}=t;if(t.preventDefault(),t.stopPropagation(),!(s instanceof i))return;const e=this.getTreeNodeId(s);if(!e)return;if(!this.model[e].hasChildren)return;const o=this.getContext(e);o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o)}onTreeItemClick(t){const{target:s}=t;if(!(s instanceof i))return;const e=this.getTreeNodeId(s);if(!e)return;const o=this.model[e],h=t.composedPath(),r=h.indexOf(this.hostElement),c=h.slice(0,r);if(!n.pathIncludesTrigger(c)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;const t=this.getContext(e);t.isSelected=!0,this.setContext(e,t)}if(this.toggleOnItemClick&&o.hasChildren){const t=this.getContext(e);t.isExpanded=!t.isExpanded,this.nodeToggled.emit({id:e,isExpanded:t.isExpanded}),this.setContext(e,t)}this.nodeClicked.emit(e)}}render(){return e(o,{key:"1274f32c7a5e24c885191db0cf9b0e58715f4eb1",onClick:t=>this.onTreeItemClick(t)},e("slot",{key:"14196e9cedf85157bfeae56d6e6b769a1c9ed791"}))}get hostElement(){return this}static get watchers(){return{model:[{onModelChange:0}]}}static get style(){return":host{display:block}"}},[257,"ix-tree",{root:[1],model:[16],renderItem:[16],context:[1040],toggleOnItemClick:[4,"toggle-on-item-click"],markItemsAsDirty:[64],refreshTree:[64]},[[0,"toggle","onToggle"]],{model:[{onModelChange:0}]}]),p=u,f=function(){"undefined"!=typeof customElements&&["ix-tree","ix-tree-item"].forEach((t=>{switch(t){case"ix-tree":customElements.get(h(t))||customElements.define(h(t),u);break;case"ix-tree-item":customElements.get(h(t))||l()}}))};export{p as IxTree,f as defineCustomElement}
+import{p as t,H as i,e,h as s,d as o,t as h}from"./p-Bxdy-8CE.js";import{d as n}from"./p-D6Wm2E-0.js";import{r,d as c}from"./p-D5rshXh5.js";import{d}from"./p-W0q0WVKl.js";const l=t=>!Number.isNaN(Number(t));class a{_config;_lastRepaint;_maxElementHeight;_renderAnimationFrame;_averageHeight;_scrollListener=null;_pendingRender=!1;static defaultConfig={width:"100%",height:"100%"};_element;_scroller;_itemHeights;_containerSize;_scrollPaddingBottom;_scrollPaddingTop;_scrollHeight;_itemPositions;_screenItemsLen;_lastFrom;_cachedItemsLen;static create(t,i=a.defaultConfig){return new a(t,i)}static mergeStyle(t,i){for(let e in i)t.style[e]!==i[e]&&(t.style[e]=i[e])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");a.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),a.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const e=i.offsetHeight;return document.body.removeChild(t),e}constructor(t,i){this._lastRepaint=null,this._maxElementHeight=a.getMaxBrowserHeight(),this.refresh(t,i);const e=this._config,s=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const s=i?t-i:0;if(!i||s<0||s>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof e.afterRender&&e.afterRender()}},o=e.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(s))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),s()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=t?.scrollContainer||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=a.defaultConfig){const e=this._config?.scrollContainer||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw Error("HyperList requires a valid DOM Node container");this._element=t;const s=this._config,o=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if("boolean"!=typeof s.useFragment&&(this._config.useFragment=!0),!s.generate)throw Error("Missing required `generate` function");if(!l(s.total))throw Error("Invalid required `total` value, expected number");if(!Array.isArray(s.itemHeight)&&!l(s.itemHeight))throw Error("Invalid required `itemHeight` value, expected number or array");this._itemHeights=l(s.itemHeight)?Array(s.total).fill(s.itemHeight):[s.itemHeight],Object.keys(a.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t],e=l(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw Error(`Invalid optional \`${t}\`, expected string or number`);e&&(s[t]=i+"px")}));const h=!!s.horizontal,n=s[h?"width":"height"];if(n){const t=l(n),i=!t&&"%"===n.slice(-1),e=parseInt(t?n:n.replace(/px|%/,""),10),s=window[h?"innerWidth":"innerHeight"];this._containerSize=i?s*e/100:l(n)?n:e}const r=s.scrollContainer,c=s.itemHeight*s.total,d=this._maxElementHeight;c>d&&console.warn(["HyperList: The maximum element height",d+"px has","been exceeded; please reduce your item height."].join(" ")),a.mergeStyle(t,{width:""+s.width,height:r?c+"px":""+s.height,overflow:r?"none":"auto",position:"relative"}),r&&a.mergeStyle(s.scrollContainer,{overflow:"auto"}),a.mergeStyle(o,{opacity:"0",position:"absolute",[h?"height":"width"]:"1px",[h?"width":"height"]:c+"px"}),this._scroller||t.appendChild(o);const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom,this._scrollPaddingTop=u.top,this._scroller=o,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(s.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof s.afterRender&&s.afterRender(),this._scrollListener&&(s.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let e=i.generate(t),s=e.height;if(void 0!==s&&l(s)?(e=e.element,s!==this._itemHeights[t]&&(this._itemHeights[t]=s,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):s=this._itemHeights[t],!e||1!==e.nodeType)throw Error("Generator did not return a DOM Node for index: "+t);((t,i)=>{t.classList.add(i)})(e,i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return a.mergeStyle(e,{position:"absolute",[i.horizontal?"left":"top"]:o+"px"}),e}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,e=this._element,s=this._getScrollPosition(),o=i.total;let h=this._getFrom(s)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let e=this._getRow(t);r[i.useFragment?"appendChild":"push"](e)}if(i.applyPatch)return i.applyPatch(e,r);e.innerHTML="",e.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let e=t;e<i;e++)this._itemPositions[e]=this._itemHeights[e-1]+this._itemPositions[e-1]}_computeScrollHeight(){const t=this._config,i=!!t.horizontal,e=t.total,s=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;a.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:s+"px"});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(e/2),n=e%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,d=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(d/n),this._containerSize=d,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,s}_computeScrollPadding(){const t=!!this._config.horizontal,i=window.getComputedStyle(this._element),e=t=>{const e=i.getPropertyValue("padding-"+t);return parseInt(e,10)||0};return t?{bottom:e("right"),top:e("left")}:{bottom:e("bottom"),top:e("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.contextChange=e(this,"contextChange",7),this.nodeToggled=e(this,"nodeToggled",7),this.nodeClicked=e(this,"nodeClicked",7),this.nodeRemoved=e(this,"nodeRemoved",7)}get hostElement(){return this}root="root";model={};renderItem;context={};toggleOnItemClick;contextChange;nodeToggled;nodeClicked;nodeRemoved;hyperlist;updates=new Map;observer;hasFirstRender=!1;dirtyItems=new Set;updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,scrollerTagName:"div",total:i.length,generate:e=>{const s=i[e],o=this.hostElement.querySelector(`[data-tree-node-id="${s.id}"]`),h=this.getContext(s.id);if(o&&!1===t.force){o.hasChildren=s.hasChildren,o.context={...h},o.disabled=!(!s.disabled&&!h.isDisabled);let t=this.dirtyItems.has(s.id);if(this.updates.has(s.id)){const i=this.updates.get(s.id);if(i){const e=i(s,{...this.context});"boolean"==typeof e&&(t=e)}}if(this.updatePadding(o,s),!t)return o}const n=t=>{this.updates.set(s.id,t)};let c=null;this.renderItem&&(c=this.renderItem(e,s,i,{...this.context},n)),null===c&&(c=r(s,h,n));const d=c;return d.setAttribute("data-tree-node-id",s.id),d.style.paddingRight="1rem",this.updatePadding(d,s),this.dirtyItems.delete(s.id),d}}}setContext(t,i){this.context={...this.context,[t]:i},this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}),this.context[t]):{isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}}buildTreeList(t,i=0){const e=[];if(t?.hasChildren){const s=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);e.push({...o,level:i}),o.hasChildren&&h.isExpanded&&e.push(...this.buildTreeList(o,s))}))}return e}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const e=i.indexOf(t);e>=0&&i.splice(e,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){this.hyperlist?.destroy(),this.observer?.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){const t=this.hyperlist?._itemPositions;return void 0!==t&&t.length&&!t?.some((t=>void 0===t||Number.isNaN(t)))}async refreshTree(t=c){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){if(!this.model)return;this.hyperlist?.destroy();const t=this.getVirtualizerOptions(c);this.hyperlist=new a(this.hostElement,t)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:e}=t;if(t.preventDefault(),t.stopPropagation(),!(e instanceof i))return;const s=this.getTreeNodeId(e);if(!s)return;const o=this.model[s];if(!o.hasChildren)return;if(o.disabled)return;const h=this.getContext(s);h.isDisabled||(h.isExpanded=!h.isExpanded,this.nodeToggled.emit({id:s,isExpanded:h.isExpanded}),this.setContext(s,h))}onTreeItemClick(t){const{target:e}=t;if(!(e instanceof i))return;const s=this.getTreeNodeId(e);if(!s)return;const o=this.model[s],h=this.getContext(s);if(o.disabled||h.isDisabled)return;const r=t.composedPath(),c=r.indexOf(this.hostElement),d=r.slice(0,c);if(!n.pathIncludesTrigger(d)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;h.isSelected=!0,this.setContext(s,h)}this.toggleOnItemClick&&o.hasChildren&&(h.isExpanded=!h.isExpanded,this.nodeToggled.emit({id:s,isExpanded:h.isExpanded}),this.setContext(s,h)),this.nodeClicked.emit(s)}}render(){return s(o,{key:"a1fa7eaef9868fd912800c99a8f168dd00e27944",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"8a61ead359019d6ebd9c8da77d1a7d0bcb393cde"}))}static get watchers(){return{model:[{onModelChange:0}]}}static get style(){return":host{display:block}"}},[769,"ix-tree",{root:[1],model:[16],renderItem:[16],context:[1040],toggleOnItemClick:[4,"toggle-on-item-click"],markItemsAsDirty:[64],refreshTree:[64]},[[0,"toggle","onToggle"]],{model:[{onModelChange:0}]}]),m=u,p=function(){"undefined"!=typeof customElements&&["ix-tree","ix-tree-item"].forEach((t=>{switch(t){case"ix-tree":customElements.get(h(t))||customElements.define(h(t),u);break;case"ix-tree-item":customElements.get(h(t))||d()}}))};export{m as IxTree,p as defineCustomElement}

package/components/ix-typography.js

@@ -1 +1 @@
-import{I as o,d as s}from"./p-VHuL40oZ.js";const p=o,r=s;export{p as IxTypography,r as defineCustomElement}
+import{I as o,d as p}from"./p-MZOpritx.js";const r=o,s=p;export{r as IxTypography,s as defineCustomElement}

package/components/ix-upload.js

@@ -1 +1 @@
-import{p as e,H as t,e as a,h as s,d as i,t as r}from"./p-C_6_Rh7K.js";import{U as o}from"./p-BGzrnl_l.js";import{r as l,q as n}from"./p-CdT1qV2I.js";import{b as d}from"./p-DAzBNVe7.js";import{d as h}from"./p-xrAJuWDf.js";import{d as c}from"./p-AHG5KaOt.js";const u=e(class extends t{get inputElement(){return this.hostElement.shadowRoot.querySelector("#upload-browser")}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.filesChanged=a(this,"filesChanged",7),this.multiple=!1,this.multiline=!1,this.disabled=!1,this.state=o.SELECT_FILE,this.selectFileText="+ Drag files here or…",this.loadingText="Checking files…",this.uploadFailedText="Upload failed. Please try again.",this.uploadSuccessText="Upload successful",this.i18nUploadFile="Upload file…",this.i18nUploadDisabled="File upload currently not possible.",this.isFileOver=!1,this.a11y={}}componentWillLoad(){this.a11y=d(this.hostElement)}fileDropped(e){if(e.preventDefault(),this.disabled)return;if(!e.dataTransfer)return;const t=e.dataTransfer.files;this.isFileOver=!1,this.filesToUpload=this.convertToFileArray(t),this.filesChanged.emit(this.filesToUpload)}fileOver(e){e.dataTransfer&&(this.state!==o.LOADING&&(e.preventDefault(),e.dataTransfer.dropEffect="move"),!this.multiple&&e.dataTransfer.items.length>1?(e.preventDefault(),e.stopPropagation(),e.dataTransfer.effectAllowed="none",e.dataTransfer.dropEffect="none"):this.isFileOver=!0)}fileLeave(){this.isFileOver=!1}fileChangeEvent(e){this.disabled||e.target&&(this.filesToUpload=this.convertToFileArray(e.target.files),this.filesChanged.emit(this.filesToUpload),this.inputElement.type="",this.inputElement.type="file")}convertToFileArray(e){let t=[];return e?(t=e instanceof FileList?Array.from(e):[e],t):[]}renderUploadState(){if(this.disabled)return s("span",{class:"state"},s("span",{class:"upload-text"},this.i18nUploadDisabled));switch(this.state){case o.SELECT_FILE:return s("span",{class:"state"},s("span",{class:"upload-text"},this.selectFileText));case o.LOADING:return s("span",{class:"state"},s("ix-spinner",{variant:"primary"}),s("span",{class:"upload-text"},this.loadingText));case o.UPLOAD_FAILED:return s("span",{class:"state"},s("ix-icon",{name:n,class:"icon-error"}),s("span",{class:"upload-text"},this.uploadFailedText));case o.UPLOAD_SUCCESSED:return s("span",{class:"state"},s("ix-icon",{name:l,class:"icon-success"}),s("span",{class:"upload-text"},this.uploadSuccessText));default:return""}}async setFilesToUpload(e){this.filesToUpload=e}render(){const e=this.disabled||this.state===o.LOADING,t=this.a11y,{"aria-label":a="Upload files"}=t,r=function(e,t){var a={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(a[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(s=Object.getOwnPropertySymbols(e);i<s.length;i++)t.indexOf(s[i])<0&&Object.prototype.propertyIsEnumerable.call(e,s[i])&&(a[s[i]]=e[s[i]])}return a}(t,["aria-label"]);return s(i,Object.assign({key:"f6688a85aea9e0d89501ad0228672c3d8e7d1510"},r,{"aria-disabled":e}),s("div",{key:"df7497428db60a2b3e67a4363c646cfe6b48ad00",class:{"file-upload-area":!0,"file-over":this.state!==o.LOADING&&this.isFileOver,checking:this.state===o.LOADING,disabled:this.disabled,multiline:this.multiline},onDrop:e=>{this.state!==o.LOADING&&this.fileDropped(e)},onDragOver:e=>this.fileOver(e),onDragLeave:()=>this.fileLeave()},this.renderUploadState(),s("div",{key:"2d5be47bf62d7ee550161a9f3144360008a8c15a"},s("input",{key:"65906ff25aef00a22ba14ca0c9ac06f5ba2f0a14","aria-label":a,"aria-disabled":e,multiple:this.multiple,type:"file",class:"upload-browser",id:"upload-browser",tabindex:"-1",onChange:e=>{this.fileChangeEvent(e)},accept:this.accept,disabled:e}),s("ix-button",{key:"2aa95b1069cf60552bee194095cb2cb6cdc66d65",variant:"secondary","aria-disabled":e,onClick:()=>this.inputElement.click(),disabled:e},this.i18nUploadFile))))}get hostElement(){return this}static get style(){return":host{display:block;min-height:4rem;height:4rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .file-upload-area{display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:hidden;height:100%;width:100%;padding:1rem;border:1px dashed var(--theme-upload--border-color);border-radius:var(--theme-upload--border-radius);color:var(--theme-upload-text--color)}:host .file-upload-area.multiline{max-height:unset;height:auto}:host .file-upload-area.multiline .glyph{align-self:flex-start;margin-block-start:3px}:host .file-upload-area.multiline>div{align-self:flex-start}:host .file-upload-area:not(.multiline) .state,:host .file-upload-area:not(.multiline) .upload-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .file-upload-area:not(.disabled).file-over{border-color:var(--theme-upload--border-color--dragover);border-style:solid}:host .file-upload-area.checking{color:var(--theme-upload-text--color--checking);border-style:solid}:host .file-upload-area.disabled{border-style:solid;color:var(--theme-upload-text--color--disabled)}:host .file-upload-area ix-button{margin-inline-start:1rem}:host .file-upload-area .upload-browser{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:host .file-upload-area .loader{margin:2.187rem auto;font-size:0.937rem;width:1rem;height:1rem;border-radius:50%;position:relative;text-indent:-9999em;animation:optimise-loading 1.1s infinite ease;transform:translateZ(0)}:host .file-upload-area .upload-filename{margin-bottom:1rem}:host .file-upload-area .state{display:flex;align-items:center}:host .file-upload-area .state>ix-spinner{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon.icon-error{color:var(--theme-color-alarm)}:host .file-upload-area .state>ix-icon.icon-success{color:var(--theme-color-success)}:host(.disabled){pointer-events:none}"}},[1,"ix-upload",{accept:[1],multiple:[4],multiline:[4],disabled:[4],state:[1],selectFileText:[1,"select-file-text"],loadingText:[1,"loading-text"],uploadFailedText:[1,"upload-failed-text"],uploadSuccessText:[1,"upload-success-text"],i18nUploadFile:[1,"i18n-upload-file"],i18nUploadDisabled:[1,"i18n-upload-disabled"],isFileOver:[32],setFilesToUpload:[64]}]),p=u,b=function(){"undefined"!=typeof customElements&&["ix-upload","ix-button","ix-spinner"].forEach((e=>{switch(e){case"ix-upload":customElements.get(r(e))||customElements.define(r(e),u);break;case"ix-button":customElements.get(r(e))||h();break;case"ix-spinner":customElements.get(r(e))||c()}}))};export{p as IxUpload,b as defineCustomElement}
+import{p as e,H as t,e as a,h as i,d as s,t as o}from"./p-Bxdy-8CE.js";import{U as r}from"./p-BGzrnl_l.js";import{a as l,b as d}from"./p-CQj_gEvY.js";import{b as n}from"./p-B5k8YVR0.js";import{d as c}from"./p-Btv5ReUJ.js";import{d as h}from"./p-By6x--zJ.js";const p=e(class extends t{accept;multiple=!1;directoryUpload=!1;multiline=!1;disabled=!1;state=r.SELECT_FILE;selectFileText;loadingText;uploadFailedText="Upload failed. Please try again.";uploadSuccessText="Upload successful";i18nUploadFile;i18nUploadDisabled="File upload currently not possible.";filesChanged;get hostElement(){return this}get inputElement(){return this.hostElement.shadowRoot.querySelector("#upload-browser")}isFileOver=!1;filesToUpload;a11y={};constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.filesChanged=a(this,"filesChanged",7)}componentWillLoad(){this.a11y=n(this.hostElement)}fileDropped(e){if(e.preventDefault(),this.disabled)return;if(!e.dataTransfer)return;const t=e.dataTransfer.files;this.isFileOver=!1,this.filesToUpload=this.convertToFileArray(t),this.filesChanged.emit(this.filesToUpload)}fileOver(e){e.dataTransfer&&(this.state!==r.LOADING&&(e.preventDefault(),e.dataTransfer.dropEffect="move"),!this.multiple&&e.dataTransfer.items.length>1?(e.preventDefault(),e.stopPropagation(),e.dataTransfer.effectAllowed="none",e.dataTransfer.dropEffect="none"):this.isFileOver=!0)}fileLeave(){this.isFileOver=!1}fileChangeEvent(e){this.disabled||e.target&&(this.filesToUpload=this.convertToFileArray(e.target.files),this.filesChanged.emit(this.filesToUpload),this.inputElement.type="",this.inputElement.type="file")}convertToFileArray(e){let t=[];return e?(t=e instanceof FileList?Array.from(e):[e],t):[]}renderUploadState(){if(this.disabled)return i("span",{class:"state"},i("span",{class:"upload-text"},this.i18nUploadDisabled));switch(this.state){case r.SELECT_FILE:return i("span",{class:"state"},i("span",{class:"upload-text"},this.selectFileText??(this.directoryUpload?"+ Drag folder here or…":"+ Drag files here or…")));case r.LOADING:return i("span",{class:"state"},i("ix-spinner",{variant:"primary"}),i("span",{class:"upload-text"},this.loadingText??(this.directoryUpload?"Checking folder…":"Checking files…")));case r.UPLOAD_FAILED:return i("span",{class:"state"},i("ix-icon",{name:d,class:"icon-error"}),i("span",{class:"upload-text"},this.uploadFailedText));case r.UPLOAD_SUCCESSED:return i("span",{class:"state"},i("ix-icon",{name:l,class:"icon-success"}),i("span",{class:"upload-text"},this.uploadSuccessText));default:return""}}async setFilesToUpload(e){this.filesToUpload=e}render(){const e=this.disabled||this.state===r.LOADING,t=this.directoryUpload?{webkitdirectory:!0,directory:!0,multiple:!0}:{},a=this.directoryUpload?"Upload folder":"Upload files",{"aria-label":o=a,...l}=this.a11y;return i(s,{key:"00802250d19d55f8d8740cb853a922eed4c2e4e7",...l,"aria-disabled":e},i("div",{key:"9e6c52a58f0fc474f719b3c383ec36fa5257b7b8",class:{"file-upload-area":!0,"file-over":this.state!==r.LOADING&&this.isFileOver,checking:this.state===r.LOADING,disabled:this.disabled,multiline:this.multiline},onDrop:e=>{this.state!==r.LOADING&&this.fileDropped(e)},onDragOver:e=>this.fileOver(e),onDragLeave:()=>this.fileLeave()},this.renderUploadState(),i("div",{key:"4bde0596c742870e3dd2d4e118b564da18fceafd"},i("input",{key:"6c83ac9e99dbe18bc7b54b5c57c6bef2760f31b0","aria-label":o,"aria-disabled":e,multiple:this.multiple,type:"file",class:"upload-browser",id:"upload-browser",...t,tabindex:"-1",onChange:e=>{this.fileChangeEvent(e)},accept:this.accept,disabled:e}),i("ix-button",{key:"0d92396264d64dcc3edfde432051aa4dfc2420de",variant:"secondary","aria-disabled":e,onClick:()=>this.inputElement.click(),disabled:e},this.i18nUploadFile??(this.directoryUpload?"Upload folder…":"Upload file…")))))}static get style(){return":host{display:block;min-height:4rem;height:4rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .file-upload-area{display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:hidden;height:100%;width:100%;padding:1rem;border:1px dashed var(--theme-upload--border-color);border-radius:var(--theme-upload--border-radius);color:var(--theme-upload-text--color)}:host .file-upload-area.multiline{max-height:unset;height:auto}:host .file-upload-area.multiline .glyph{align-self:flex-start;margin-block-start:3px}:host .file-upload-area.multiline>div{align-self:flex-start}:host .file-upload-area:not(.multiline) .state,:host .file-upload-area:not(.multiline) .upload-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .file-upload-area:not(.disabled).file-over{border-color:var(--theme-upload--border-color--dragover);border-style:solid}:host .file-upload-area.checking{color:var(--theme-upload-text--color--checking);border-style:solid}:host .file-upload-area.disabled{border-style:solid;color:var(--theme-upload-text--color--disabled)}:host .file-upload-area ix-button{margin-inline-start:1rem}:host .file-upload-area .upload-browser{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:host .file-upload-area .loader{margin:2.187rem auto;font-size:0.937rem;width:1rem;height:1rem;border-radius:50%;position:relative;text-indent:-9999em;animation:optimise-loading 1.1s infinite ease;transform:translateZ(0)}:host .file-upload-area .upload-filename{margin-bottom:1rem}:host .file-upload-area .state{display:flex;align-items:center}:host .file-upload-area .state>ix-spinner{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon.icon-error{color:var(--theme-color-alarm)}:host .file-upload-area .state>ix-icon.icon-success{color:var(--theme-color-success)}:host(.disabled){pointer-events:none}"}},[513,"ix-upload",{accept:[1],multiple:[4],directoryUpload:[4,"directory-upload"],multiline:[4],disabled:[4],state:[1],selectFileText:[1,"select-file-text"],loadingText:[1,"loading-text"],uploadFailedText:[1,"upload-failed-text"],uploadSuccessText:[1,"upload-success-text"],i18nUploadFile:[1,"i18n-upload-file"],i18nUploadDisabled:[1,"i18n-upload-disabled"],isFileOver:[32],setFilesToUpload:[64]}]),u=p,b=function(){"undefined"!=typeof customElements&&["ix-upload","ix-button","ix-spinner"].forEach((e=>{switch(e){case"ix-upload":customElements.get(o(e))||customElements.define(o(e),p);break;case"ix-button":customElements.get(o(e))||c();break;case"ix-spinner":customElements.get(o(e))||h()}}))};export{u as IxUpload,b as defineCustomElement}