@momentum-design/components 0.118.4 → 0.118.5

package/dist/browser/index.js

@@ -2645,13 +2645,13 @@
       gap: 0.5rem;
     }
     :host([disabled]),
-    :host([disabled]) .mdc-label,
-    :host([disabled]) .mdc-help-text,
+    :host([disabled])::part(label),
+    :host([disabled])::part(help-text-container),
     :host([disabled])::part(required-indicator),
-    :host([disabled][help-text-type='error']) .mdc-help-text,
-    :host([disabled][help-text-type='success']) .mdc-help-text,
-    :host([disabled][help-text-type='warning']) .mdc-help-text,
-    :host([disabled][help-text-type='priority']) .mdc-help-text {
+    :host([disabled][help-text-type='error'])::part(help-text-container),
+    :host([disabled][help-text-type='success'])::part(help-text-container),
+    :host([disabled][help-text-type='warning'])::part(help-text-container),
+    :host([disabled][help-text-type='priority'])::part(help-text-container) {
       color: var(--mds-color-theme-text-primary-disabled);
     }
 
@@ -2659,29 +2659,35 @@
       color: var(--mds-color-theme-text-error-normal);
     }
 
-    .mdc-label-text,
-    .mdc-help-text {
+    :host::part(label-text),
+    :host::part(help-text-container) {
       display: flex;
       align-items: center;
       gap: 0.5rem;
       width: 100%;
     }
 
-    .mdc-label,
-    .mdc-help-text {
+    :host::part(label) {
+      font-size: var(--mds-font-apps-body-midsize-medium-font-size);
+      font-weight: var(--mds-font-apps-body-midsize-medium-font-weight);
+      line-height: var(--mds-font-apps-body-midsize-medium-line-height);
+    }
+
+    :host::part(help-text),
+    :host::part(help-text-container) {
       font-size: var(--mds-font-apps-body-midsize-regular-font-size);
       font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
       line-height: var(--mds-font-apps-body-midsize-regular-line-height);
     }
 
-    .mdc-label {
+    :host::part(label) {
       color: var(--mds-color-theme-text-primary-normal);
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
 
-    .mdc-help-text {
+    :host::part(help-text-container) {
       color: var(--mds-color-theme-text-secondary-normal);
     }
 
@@ -2689,21 +2695,19 @@
       align-self: flex-start;
     }
 
-    :host([help-text-type='error']) .mdc-help-text {
+    :host([help-text-type='error'])::part(help-text-container) {
       color: var(--mds-color-theme-text-error-normal);
     }
-    :host([help-text-type='warning']) .mdc-help-text {
+    :host([help-text-type='warning'])::part(help-text-container) {
       color: var(--mds-color-theme-text-warning-normal);
     }
-    :host([help-text-type='success']) .mdc-help-text {
+    :host([help-text-type='success'])::part(help-text-container) {
       color: var(--mds-color-theme-text-success-normal);
     }
-    :host([help-text-type='priority']) .mdc-help-text {
+    :host([help-text-type='priority'])::part(help-text-container) {
       color: var(--mds-color-theme-text-accent-normal);
     }
-  `],wf=pT;var Nf=n=>({[Vt.ERROR]:"error-legacy-badge-filled",[Vt.WARNING]:"warning-badge-filled",[Vt.SUCCESS]:"check-circle-badge-filled",[Vt.PRIORITY]:"priority-badge-filled",[Vt.DEFAULT]:""})[n]||"";var lr=class extends zt(K){constructor(){super(...arguments);this.inputId=`mdc-el-${ye()}`;this.required=!1;this.helpTextType=Mt.VALIDATION;this.toggletipPlacement=Mt.TOGGLETIP_PLACEMENT;this.toggletipStrategy=Mt.TOGGLETIP_STRATEGY;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?_`<label for="${this.inputId}" id="${Mt.HEADING_ID}" class="mdc-label" part="label"
-          >${this.label}</label
-        >`:_` <mdc-text
+  `],wf=pT;var Nf=n=>({[Vt.ERROR]:"error-legacy-badge-filled",[Vt.WARNING]:"warning-badge-filled",[Vt.SUCCESS]:"check-circle-badge-filled",[Vt.PRIORITY]:"priority-badge-filled",[Vt.DEFAULT]:""})[n]||"";var lr=class extends zt(K){constructor(){super(...arguments);this.inputId=`mdc-el-${ye()}`;this.required=!1;this.helpTextType=Mt.VALIDATION;this.toggletipPlacement=Mt.TOGGLETIP_PLACEMENT;this.toggletipStrategy=Mt.TOGGLETIP_STRATEGY;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?_`<label for="${this.inputId}" id="${Mt.HEADING_ID}" part="label">${this.label}</label>`:_` <mdc-text
           id="${Mt.HEADING_ID}"
           tagname="${Da.TAGNAME}"
           type="${Da.HEADER_TYPE}"
@@ -2718,7 +2722,7 @@
       >
         ${this.helpText}
       </mdc-text>
-    `:j}renderLabel(){if(!this.label)return j;let t=`toggletip-trigger-${ye()}`;return _`<div class="mdc-label-text" part="label-text">
+    `:j}renderLabel(){if(!this.label)return j;let t=`toggletip-trigger-${ye()}`;return _`<div part="label-text">
       <slot name="label">${this.renderLabelElement()}</slot>
       ${this.required?_`<span part="required-indicator">*</span>`:j}
       <slot name="toggletip">
@@ -2741,7 +2745,7 @@
                 >${this.toggletipText}</mdc-toggletip
               >`:j}
       </slot>
-    </div>`}renderHelperText(){return this.helpText?_`<div class="mdc-help-text" part="help-text">
+    </div>`}renderHelperText(){return this.helpText?_`<div part="help-text-container">
       <slot name="help-icon">${this.renderHelpTextIcon()}</slot>
       <slot name="help-text">${this.renderHelpText()}</slot>
     </div>`:j}};lr.styles=[...K.styles,...wf],p([u({reflect:!0,type:String})],lr.prototype,"label",2),p([u({type:Boolean,reflect:!0,attribute:"required"})],lr.prototype,"required",2),p([u({reflect:!0,attribute:"help-text-type"})],lr.prototype,"helpTextType",2),p([u({type:String,reflect:!0,attribute:"help-text"})],lr.prototype,"helpText",2),p([u({type:String,reflect:!0,attribute:"toggletip-text"})],lr.prototype,"toggletipText",2),p([u({type:String,reflect:!0,attribute:"toggletip-placement"})],lr.prototype,"toggletipPlacement",2),p([u({type:String,reflect:!0,attribute:"toggletip-strategy"})],lr.prototype,"toggletipStrategy",2),p([u({type:String,reflect:!0,attribute:"info-icon-aria-label"})],lr.prototype,"infoIconAriaLabel",2);var se=lr;var mT=[V`
@@ -2755,13 +2759,18 @@
       flex-direction: row;
       align-items: flex-start;
     }
-    .mdc-label,
-    .input {
+
+    :host::part(label) {
+      font-size: var(--mds-font-apps-body-midsize-regular-font-size);
+      font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
+      line-height: var(--mds-font-apps-body-midsize-regular-line-height);
+    }
+
+    :host::part(label) :host::part(checkbox-input) {
       cursor: pointer;
     }
 
-    :host([disabled]) .mdc-label,
-    :host([disabled]) .input {
+    :host([disabled])::part(label) :host([disabled])::part(checkbox-input) {
       cursor: default;
     }
 
@@ -2794,7 +2803,7 @@
       position: relative;
     }
 
-    .input {
+    :host::part(checkbox-input) {
       margin: 0;
       padding: 0;
       position: absolute;
@@ -2805,23 +2814,23 @@
       z-index: 1;
     }
 
-    .input {
+    :host::part(checkbox-input) {
       width: 1rem;
       height: 1rem;
       border-radius: 0.125rem;
     }
 
-    .text-container {
+    :host::part(text-container) {
       display: flex;
       flex-direction: column;
       gap: 0.25rem;
     }
 
-    .mdc-label {
+    :host::part(label) {
       word-break: break-word;
       white-space: normal;
     }
-  `,...St(!0)],Lf=mT;var xo=class extends ge(Te(Ht(se))){constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?_`<div class="text-container">${this.renderLabel()} ${this.renderHelperText()}</div>`:j}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}setFormValue(){let t=null;this.checked?t=this.value?this.value:"on":t=null,this.manageRequired(),this.internals.setFormValue(t)}manageRequired(){!this.checked&&this.required?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){this.checked=!1,this.indeterminate=!1}formStateRestoreCallback(t){t&&(this.checked=!0)}toggleState(){this.disabled||(this.checked=!this.checked,this.indeterminate=!1)}handleKeyDown(t){var i;t.key===Q.ENTER&&((i=this.form)==null||i.requestSubmit())}handleChange(t){this.toggleState();let i=t.constructor;this.dispatchEvent(new i(t.type,t))}update(t){super.update(t),t.has("checked")&&this.setFormValue()}render(){var t;return _`
+  `,...St(!0)],Lf=mT;var xo=class extends ge(Te(Ht(se))){constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?_`<div part="text-container">${this.renderLabel()} ${this.renderHelperText()}</div>`:j}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}setFormValue(){let t=null;this.checked?t=this.value?this.value:"on":t=null,this.manageRequired(),this.internals.setFormValue(t)}manageRequired(){!this.checked&&this.required?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){this.checked=!1,this.indeterminate=!1}formStateRestoreCallback(t){t&&(this.checked=!0)}toggleState(){this.disabled||(this.checked=!this.checked,this.indeterminate=!1)}handleKeyDown(t){var i;t.key===Q.ENTER&&((i=this.form)==null||i.requestSubmit())}handleChange(t){this.toggleState();let i=t.constructor;this.dispatchEvent(new i(t.type,t))}update(t){super.update(t),t.has("checked")&&this.setFormValue()}render(){var t;return _`
       <mdc-staticcheckbox
         class="mdc-focus-ring"
         ?checked="${this.checked}"
@@ -2831,7 +2840,7 @@
         <input
           id="${this.inputId}"
           type="checkbox"
-          class="input"
+          part="checkbox-input"
           name="${rt(this.name)}"
           value="${rt(this.value)}"
           ?required="${this.required}"
@@ -3252,10 +3261,6 @@
     flex-direction: column;
     gap: 0.25rem;
   }
-
-  :host::part(label-text) {
-    font-weight: bold;
-  }
 `,Vf=[ST];var Vl=class extends Ht(se){constructor(){super(...arguments);this.isRadio=!1}connectedCallback(){super.connectedCallback(),this.shouldRenderLabel=!1,this.disabled=void 0}render(){var t;return _`
       <div
         part="container"
@@ -4549,9 +4554,9 @@
       --mdc-progressbar-border-radius: var(--mdc-progressbar-height);
 
       --mdc-progressbar-label-color: var(--mds-color-theme-text-primary-normal);
-      --mdc-progressbar-label-line-height: var(--mds-font-lineheight-body-midsize);
-      --mdc-progressbar-label-font-size: var(--mds-font-size-body-midsize);
-      --mdc-progressbar-label-font-weight: var(--mds-font-weight-regular);
+      --mdc-progressbar-label-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
+      --mdc-progressbar-label-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
+      --mdc-progressbar-label-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
       --mdc-progressbar-help-text-color: var(--mds-color-theme-text-secondary-normal);
 
       width: 100%;
@@ -4607,8 +4612,6 @@
       border-radius: var(--mdc-progressbar-border-radius);
     }
 
-    :host::part(label-text),
-    :host::part(help-text),
     :host::part(percentage) {
       font-size: var(--mdc-progressbar-label-font-size);
       font-weight: var(--mdc-progressbar-label-font-weight);
@@ -4788,25 +4791,21 @@
       background-color: var(--mdc-radio-control-active-disabled-background);
     }
 
-    :host([readonly]) .mdc-radio__input,
-    :host([disabled]) .mdc-radio__input,
-    :host([disabled]) .mdc-label,
-    :host([readonly]) .mdc-label {
+    :host([readonly])::part(radio-input) :host([disabled])::part(radio-input) :host([disabled])::part(label),
+    :host([readonly])::part(label) {
       cursor: default;
     }
 
-    .mdc-label {
+    :host::part(label) {
       cursor: pointer;
       word-break: break-word;
       white-space: normal;
+      font-size: var(--mds-font-apps-body-midsize-regular-font-size);
+      font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
+      line-height: var(--mds-font-apps-body-midsize-regular-line-height);
     }
 
-    :host([disabled]) .mdc-radio__label-text,
-    :host([disabled]) .mdc-radio__help-text {
-      color: var(--mdc-radio-text-disabled-color);
-    }
-
-    .mdc-radio__input {
+    :host::part(radio-input) {
       position: absolute;
       opacity: 0;
       margin: 0;
@@ -4816,7 +4815,7 @@
       z-index: 2;
     }
 
-    .mdc-radio__label-container {
+    :host::part(text-container) {
       display: flex;
       flex-direction: column;
       justify-content: center;
@@ -4826,7 +4825,7 @@
     :host::part(required-indicator) {
       display: none;
     }
-  `,...St(!0)],Vv=Ex;var Ps=class extends ge(Te(Ht(se))){constructor(){super(...arguments);this.checked=!1;this.readonly=!1;this.renderLabelAndHelperText=()=>this.label?_`<div class="mdc-radio__label-container">${this.renderLabel()} ${this.renderHelperText()}</div>`:j}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.updateTabIndex(),this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}getAllRadiosWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-radio[name="${this.name}"]`))}formResetCallback(){this.getAllRadiosWithinSameGroup().forEach(i=>{i.checked=!1}),this.updateComplete.then(()=>{this.setActualFormValue()}).catch(i=>{this.onerror&&this.onerror(i)})}formStateRestoreCallback(t){this.value===t&&t!==""&&(this.checked=!0)}setComponentValidity(t){t?this.internals.setValidity({}):this.required&&!this.checked&&(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()),this.updateTabIndex()}setGroupValidity(t,i){this.updateComplete.then(()=>{t.forEach(a=>{a.setComponentValidity(i)})}).catch(a=>{this.onerror&&this.onerror(a)})}setActualFormValue(){let t="";this.checked?t=this.value?this.value:"on":t=null;let i=this.getAllRadiosWithinSameGroup();if(this.checked)this.setGroupValidity(i,!0);else{let a=i.some(b=>b.required),d=!!i.find(b=>b.checked),m=a&&!d;this.setGroupValidity(i,!m)}this.internals.setFormValue(t)}handleChange(){var a;if(this.disabled||this.readonly)return;this.getAllRadiosWithinSameGroup().forEach(d=>{var b;let m=(b=d.shadowRoot)==null?void 0:b.querySelector("input");m&&(d.checked=!1,m.checked=!1)}),this.checked=!0;let i=(a=this.shadowRoot)==null?void 0:a.querySelector("input");i&&(i.checked=!0),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}updateRadio(t,i){var a,d;(d=(a=t[i].shadowRoot)==null?void 0:a.querySelector("input"))==null||d.focus(),t[i].handleChange()}handleKeyDown(t){var m;if(this.disabled)return;let a=this.getAllRadiosWithinSameGroup().filter(b=>!b.disabled),d=a.indexOf(this);if(["ArrowDown","ArrowRight"].includes(t.key)){let b=(d+1)%a.length;this.updateRadio(a,b)}else if(["ArrowUp","ArrowLeft"].includes(t.key)){let b=(d-1+a.length)%a.length;this.updateRadio(a,b)}else t.key===Q.SPACE&&this.updateRadio(a,d);this.updateTabIndex(),t.key===Q.ENTER&&((m=this.form)==null||m.requestSubmit())}updateTabIndex(){let t=this.getAllRadiosWithinSameGroup(),i=t.find(d=>d.checked),a=t.find(d=>!d.disabled);t.forEach(d=>{var b;let m=(b=d.shadowRoot)==null?void 0:b.querySelector("input");m&&(m.tabIndex=-1,(d===i||!i&&d===a)&&(m.tabIndex=0))})}update(t){super.update(t),t.has("checked")&&this.setActualFormValue()}render(){var t;return _`
+  `,...St(!0)],Vv=Ex;var Ps=class extends ge(Te(Ht(se))){constructor(){super(...arguments);this.checked=!1;this.readonly=!1;this.renderLabelAndHelperText=()=>this.label?_`<div part="text-container">${this.renderLabel()} ${this.renderHelperText()}</div>`:j}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.updateTabIndex(),this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}getAllRadiosWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-radio[name="${this.name}"]`))}formResetCallback(){this.getAllRadiosWithinSameGroup().forEach(i=>{i.checked=!1}),this.updateComplete.then(()=>{this.setActualFormValue()}).catch(i=>{this.onerror&&this.onerror(i)})}formStateRestoreCallback(t){this.value===t&&t!==""&&(this.checked=!0)}setComponentValidity(t){t?this.internals.setValidity({}):this.required&&!this.checked&&(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()),this.updateTabIndex()}setGroupValidity(t,i){this.updateComplete.then(()=>{t.forEach(a=>{a.setComponentValidity(i)})}).catch(a=>{this.onerror&&this.onerror(a)})}setActualFormValue(){let t="";this.checked?t=this.value?this.value:"on":t=null;let i=this.getAllRadiosWithinSameGroup();if(this.checked)this.setGroupValidity(i,!0);else{let a=i.some(b=>b.required),d=!!i.find(b=>b.checked),m=a&&!d;this.setGroupValidity(i,!m)}this.internals.setFormValue(t)}handleChange(){var a;if(this.disabled||this.readonly)return;this.getAllRadiosWithinSameGroup().forEach(d=>{var b;let m=(b=d.shadowRoot)==null?void 0:b.querySelector("input");m&&(d.checked=!1,m.checked=!1)}),this.checked=!0;let i=(a=this.shadowRoot)==null?void 0:a.querySelector("input");i&&(i.checked=!0),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}updateRadio(t,i){var a,d;(d=(a=t[i].shadowRoot)==null?void 0:a.querySelector("input"))==null||d.focus(),t[i].handleChange()}handleKeyDown(t){var m;if(this.disabled)return;let a=this.getAllRadiosWithinSameGroup().filter(b=>!b.disabled),d=a.indexOf(this);if(["ArrowDown","ArrowRight"].includes(t.key)){let b=(d+1)%a.length;this.updateRadio(a,b)}else if(["ArrowUp","ArrowLeft"].includes(t.key)){let b=(d-1+a.length)%a.length;this.updateRadio(a,b)}else t.key===Q.SPACE&&this.updateRadio(a,d);this.updateTabIndex(),t.key===Q.ENTER&&((m=this.form)==null||m.requestSubmit())}updateTabIndex(){let t=this.getAllRadiosWithinSameGroup(),i=t.find(d=>d.checked),a=t.find(d=>!d.disabled);t.forEach(d=>{var b;let m=(b=d.shadowRoot)==null?void 0:b.querySelector("input");m&&(m.tabIndex=-1,(d===i||!i&&d===a)&&(m.tabIndex=0))})}update(t){super.update(t),t.has("checked")&&this.setActualFormValue()}render(){var t;return _`
       <mdc-staticradio
         class="mdc-focus-ring"
         ?checked="${this.checked}"
@@ -4835,6 +4834,7 @@
       >
         <input
           id="${this.inputId}"
+          part="radio-input"
           type="radio"
           role="${et.RADIO}"
           ?autofocus="${this.autofocus}"
@@ -4846,7 +4846,6 @@
           ?checked=${this.checked}
           ?readonly=${this.readonly}
           ?disabled=${this.disabled}
-          class="mdc-radio__input"
           aria-checked="${this.checked}"
           aria-describedby="${rt(this.helpText?Mt.HELPER_TEXT_ID:"")}"
           aria-label="${(t=this.dataAriaLabel)!=null?t:""}"
@@ -6088,9 +6087,6 @@
       --mdc-toggle-width-compact: 2rem;
       --mdc-toggle-height-compact: 1rem;
 
-      --mdc-toggle-label-lineheight: var(--mds-font-lineheight-body-midsize);
-      --mdc-toggle-label-fontsize: var(--mds-font-size-body-midsize);
-      --mdc-toggle-label-fontweight: 400;
       --mdc-toggle-label-color-disabled: var(--mds-color-theme-text-primary-disabled);
       --mdc-toggle-help-text-color: var(--mds-color-theme-text-secondary-normal);
 
@@ -6125,30 +6121,30 @@
       height: var(--mdc-toggle-height);
     }
 
-    .mdc-label-text,
-    .mdc-help-text {
-      font-size: var(--mdc-toggle-label-fontsize);
-      font-weight: var(--mdc-toggle-label-fontweight);
-      line-height: var(--mdc-toggle-label-lineheight);
+    :host::part(label-text),
+    :host::part(help-text-container) {
       grid-column: 2;
     }
 
-    .mdc-label,
+    :host::part(label),
     :host::part(toggle-input) {
       cursor: pointer;
     }
 
-    .mdc-label {
+    :host::part(label) {
       word-break: break-word;
       white-space: normal;
+      font-size: var(--mds-font-apps-body-midsize-regular-font-size);
+      font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
+      line-height: var(--mds-font-apps-body-midsize-regular-line-height);
     }
 
-    :host([disabled]) .mdc-label,
+    :host([disabled])::part(label),
     :host([disabled])::part(toggle-input) {
       cursor: default;
     }
 
-    .mdc-help-text {
+    :host::part(help-text) {
       color: var(--mdc-toggle-help-text-color);
     }
 
@@ -6168,8 +6164,8 @@
       background-color: var(--mdc-toggle-active-pressed-color);
     }
 
-    :host([disabled]) .mdc-label-text,
-    :host([disabled]) .mdc-help-text {
+    :host([disabled])::part(label-text),
+    :host([disabled])::part(help-text) {
       color: var(--mdc-toggle-label-color-disabled);
     }
   `,...St(!0)],Eg=eA;var Vs=class extends ge(Te(Ht(cr))){constructor(){super(...arguments);this.checked=!1;this.size=ih.SIZE}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}formResetCallback(){this.checked=!1}formStateRestoreCallback(t){t&&(this.checked=!0)}manageRequired(){!this.checked&&this.required?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}setFormValue(){let t=null;this.checked?t=this.value?this.value:"isActive":t=null,this.manageRequired(),this.internals.setFormValue(t)}toggleState(){this.disabled||(this.checked=!this.checked)}handleKeyDown(t){var i;t.key===Q.ENTER&&((i=this.form)==null||i.requestSubmit())}handleChange(t){this.toggleState();let i=t.constructor;this.dispatchEvent(new i(t.type,t))}setToggleSize(t){this.setAttribute("size",Object.values(Qa).includes(t)?t:ih.SIZE)}update(t){super.update(t),t.has("checked")&&this.setFormValue(),t.has("size")&&this.setToggleSize(this.size)}render(){var t;return _`
@@ -6436,7 +6432,7 @@
         </mdc-popover>
       </div>
       ${this.renderHelperText()}
-    `}};ne.styles=[...se.styles,...Sr.styles,...Rg],p([u({type:String})],ne.prototype,"placeholder",2),p([u({type:Boolean})],ne.prototype,"readonly",2),p([u({type:String,reflect:!0})],ne.prototype,"placement",2),p([u({type:String,attribute:"no-result-text",reflect:!0})],ne.prototype,"noResultText",2),p([u({type:String,attribute:"invalid-custom-value-text",reflect:!0})],ne.prototype,"invalidCustomValueText",2),p([u({type:String,reflect:!0})],ne.prototype,"boundary",2),p([u({type:String,reflect:!0})],ne.prototype,"strategy",2),p([u({type:Number,reflect:!0,attribute:"popover-z-index"})],ne.prototype,"popoverZIndex",2),p([u({type:String,reflect:!0,attribute:"backdrop-append-to"})],ne.prototype,"backdropAppendTo",2),p([tr(`[role="${et.COMBOBOX}"]`)],ne.prototype,"visualCombobox",2),p([tr('[part="combobox__button"]')],ne.prototype,"dropDownButton",2),p([Ot({selector:id})],ne.prototype,"slottedListboxes",2),p([gt()],ne.prototype,"isOpen",2),p([gt()],ne.prototype,"filteredValue",2);var Kh=ne;Kh.register(Lg);var hA=Kh;var Og=(n,o,t)=>{let i=new Map;for(let a=o;a<=t;a++)i.set(n[a],a);return i},Pg=ii(class extends Pr{constructor(n){if(super(n),n.type!==He.CHILD)throw Error("repeat() can only be used in text expressions")}dt(n,o,t){let i;t===void 0?t=o:o!==void 0&&(i=o);let a=[],d=[],m=0;for(let b of n)a[m]=i?i(b,m):m,d[m]=t(b,m),m++;return{values:d,keys:a}}render(n,o,t){return this.dt(n,o,t).values}update(n,[o,t,i]){var lt;let a=Bm(n),{values:d,keys:m}=this.dt(o,t,i);if(!Array.isArray(a))return this.ut=m,d;let b=(lt=this.ut)!=null?lt:this.ut=[],C=[],L,W,q=0,it=a.length-1,X=0,tt=d.length-1;for(;q<=it&&X<=tt;)if(a[q]===null)q++;else if(a[it]===null)it--;else if(b[q]===m[X])C[X]=Oi(a[q],d[X]),q++,X++;else if(b[it]===m[tt])C[tt]=Oi(a[it],d[tt]),it--,tt--;else if(b[q]===m[tt])C[tt]=Oi(a[q],d[tt]),rs(n,C[tt+1],a[q]),q++,tt--;else if(b[it]===m[X])C[X]=Oi(a[it],d[X]),rs(n,a[q],a[it]),it--,X++;else if(L===void 0&&(L=Og(m,X,tt),W=Og(b,q,it)),L.has(b[q]))if(L.has(b[it])){let dt=W.get(m[X]),vt=dt!==void 0?a[dt]:null;if(vt===null){let At=rs(n,a[q]);Oi(At,d[X]),C[X]=At}else C[X]=Oi(vt,d[X]),rs(n,a[q],vt),a[dt]=null;X++}else rl(a[it]),it--;else rl(a[q]),q++;for(;X<=tt;){let dt=rs(n,C[tt+1]);Oi(dt,d[X]),C[X++]=dt}for(;q<=it;){let dt=a[q++];dt!==null&&rl(dt)}return this.ut=m,el(n,C),ve}});var Dg=B.constructTagName("slider"),pA={START:"start",END:"end",UNDEFINED:void 0},Ki={MIN:0,MAX:100,STEP:1,STATE:pA.UNDEFINED,ICON_SIZE:1.25,ICON_LENGTH_UNIT:"rem"};var mA=V`
+    `}};ne.styles=[...Sr.styles,...se.styles,...Rg],p([u({type:String})],ne.prototype,"placeholder",2),p([u({type:Boolean})],ne.prototype,"readonly",2),p([u({type:String,reflect:!0})],ne.prototype,"placement",2),p([u({type:String,attribute:"no-result-text",reflect:!0})],ne.prototype,"noResultText",2),p([u({type:String,attribute:"invalid-custom-value-text",reflect:!0})],ne.prototype,"invalidCustomValueText",2),p([u({type:String,reflect:!0})],ne.prototype,"boundary",2),p([u({type:String,reflect:!0})],ne.prototype,"strategy",2),p([u({type:Number,reflect:!0,attribute:"popover-z-index"})],ne.prototype,"popoverZIndex",2),p([u({type:String,reflect:!0,attribute:"backdrop-append-to"})],ne.prototype,"backdropAppendTo",2),p([tr(`[role="${et.COMBOBOX}"]`)],ne.prototype,"visualCombobox",2),p([tr('[part="combobox__button"]')],ne.prototype,"dropDownButton",2),p([Ot({selector:id})],ne.prototype,"slottedListboxes",2),p([gt()],ne.prototype,"isOpen",2),p([gt()],ne.prototype,"filteredValue",2);var Kh=ne;Kh.register(Lg);var hA=Kh;var Og=(n,o,t)=>{let i=new Map;for(let a=o;a<=t;a++)i.set(n[a],a);return i},Pg=ii(class extends Pr{constructor(n){if(super(n),n.type!==He.CHILD)throw Error("repeat() can only be used in text expressions")}dt(n,o,t){let i;t===void 0?t=o:o!==void 0&&(i=o);let a=[],d=[],m=0;for(let b of n)a[m]=i?i(b,m):m,d[m]=t(b,m),m++;return{values:d,keys:a}}render(n,o,t){return this.dt(n,o,t).values}update(n,[o,t,i]){var lt;let a=Bm(n),{values:d,keys:m}=this.dt(o,t,i);if(!Array.isArray(a))return this.ut=m,d;let b=(lt=this.ut)!=null?lt:this.ut=[],C=[],L,W,q=0,it=a.length-1,X=0,tt=d.length-1;for(;q<=it&&X<=tt;)if(a[q]===null)q++;else if(a[it]===null)it--;else if(b[q]===m[X])C[X]=Oi(a[q],d[X]),q++,X++;else if(b[it]===m[tt])C[tt]=Oi(a[it],d[tt]),it--,tt--;else if(b[q]===m[tt])C[tt]=Oi(a[q],d[tt]),rs(n,C[tt+1],a[q]),q++,tt--;else if(b[it]===m[X])C[X]=Oi(a[it],d[X]),rs(n,a[q],a[it]),it--,X++;else if(L===void 0&&(L=Og(m,X,tt),W=Og(b,q,it)),L.has(b[q]))if(L.has(b[it])){let dt=W.get(m[X]),vt=dt!==void 0?a[dt]:null;if(vt===null){let At=rs(n,a[q]);Oi(At,d[X]),C[X]=At}else C[X]=Oi(vt,d[X]),rs(n,a[q],vt),a[dt]=null;X++}else rl(a[it]),it--;else rl(a[q]),q++;for(;X<=tt;){let dt=rs(n,C[tt+1]);Oi(dt,d[X]),C[X++]=dt}for(;q<=it;){let dt=a[q++];dt!==null&&rl(dt)}return this.ut=m,el(n,C),ve}});var Dg=B.constructTagName("slider"),pA={START:"start",END:"end",UNDEFINED:void 0},Ki={MIN:0,MAX:100,STEP:1,STATE:pA.UNDEFINED,ICON_SIZE:1.25,ICON_LENGTH_UNIT:"rem"};var mA=V`
   :host {
     width: 100%;
     --mdc-slider-tooltip-left: 0;