scb-wc 0.1.78 → 0.1.80

package/mvc/components/scb-select/scb-select.js

@@ -1,4 +1,4 @@
-import{_ as h,b as u,g as b,h as a,s as g,y as d}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import{t as l}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"./scb-select-option.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,r){try{customElements.get(t)||e(t,s,r)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var c,i=(c=class extends h{constructor(){super(),this._optionsObserver=null,this._internals=null,this.focusedIndex=-1,this.variant="single-select",this.value="",this.values=[],this.disabled=!1,this.required=!1,this.open=!1,this.label="",this.name="",this.placeholder="",this.supportingText="",this.withRadiobuttons=!1,this.noHighlightSelected=!1,this.size="large",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.zIndex=void 0,this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialValue="",this._initialValues=[],this._customValidationMessage="",this._onDocumentClick=e=>{this.open&&(e.composedPath().includes(this)||this._setOpen(!1))},this._onSlotClick=e=>{const t=this.shadowRoot?.querySelector("slot");if(!t)return;const s=t.assignedElements({flatten:!0}).filter(o=>o.tagName.toLowerCase()==="scb-select-option"),r=e.composedPath(),n=s.find(o=>r.includes(o));n&&(this._selectOption(n),e.stopPropagation())},this._onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._toggleOpen())},this._onOptionKeyDown=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();const t=this.shadowRoot?.querySelector("slot");if(!t)return;const s=t.assignedElements({flatten:!0}).filter(o=>o.tagName.toLowerCase()==="scb-select-option"),r=e.composedPath(),n=s.find(o=>r.includes(o));n&&this._selectOption(n)}},"attachInternals"in this&&(this._internals=this.attachInternals())}_syncDensityForSize(){this.size==="extra-small"?this.setAttribute("data-density","-5"):this.size==="small"?this.setAttribute("data-density","-4"):this.size==="medium"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._onDocumentClick),this._optionsObserver=new MutationObserver(()=>{this.requestUpdate()}),this._optionsObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label","value","disabled"]}),this._syncDensityForSize(),this._initialValue=this.value,this._initialValues=Array.isArray(this.values)?[...this.values]:[],this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.value=this._initialValue,this.values=Array.isArray(this._initialValues)?[...this._initialValues]:[],this._syncFormValue(),this._syncValidity(),this.requestUpdate()},this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("reset",this._formResetHandler,!0),this._form.addEventListener("submit",this._formSubmitHandler,!0))}disconnectedCallback(){document.removeEventListener("mousedown",this._onDocumentClick),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0),this._optionsObserver?.disconnect(),this._optionsObserver=null,super.disconnectedCallback()}_getMultiValues(){return Array.isArray(this.values)&&this.values.length>0?this.values:this.value?this.value.split(",").map(e=>e.trim()).filter(Boolean):[]}_mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapSpacingToken(this.spacing),t=this._mapSpacingToken(this.spacingTop)??e,s=this._mapSpacingToken(this.spacingBottom)??e,r=this._mapSpacingToken(this.spacingLeft),n=this._mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-select-spacing-block-start",t):this.style.removeProperty("--scb-select-spacing-block-start"),s?this.style.setProperty("--scb-select-spacing-block-end",s):this.style.removeProperty("--scb-select-spacing-block-end"),r?this.style.setProperty("--scb-select-spacing-inline-start",r):this.style.removeProperty("--scb-select-spacing-inline-start"),n?this.style.setProperty("--scb-select-spacing-inline-end",n):this.style.removeProperty("--scb-select-spacing-inline-end")}_setOpen(e){this.open!==e&&(this.open=e,e?(this.focusedIndex=0,this.requestUpdate()):this.focusedIndex=-1)}_toggleOpen(){this.disabled||this._setOpen(!this.open)}_hasMoreThanFourOptions(){const e=this.shadowRoot?.querySelector("slot");if(!e)return!1;const t=e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="scb-select-option");return["extra-small","small","medium"].includes(this.size)?t.length>5:t.length>4}_selectOption(e){if(!e.disabled){if(this.variant==="multi-select"){const t=this._getMultiValues();t.indexOf(e.value)>-1?this.values=t.filter(s=>s!==e.value):this.values=[...t,e.value],this.value=this.values.join(","),this.dispatchEvent(new CustomEvent("change",{detail:{values:this.values},bubbles:!0,composed:!0}))}else this.variant==="single-select"&&this.withRadiobuttons?(this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))):(this.value=e.value,this._setOpen(!1),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})));this._updateOptionsChecked(),this.requestUpdate()}}_getOptionLabel(e){return e.label||e.textContent?.trim()||""}_getSelectedLabel(){const e=this.shadowRoot?.querySelector("slot");if(!e)return"";const t=e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="scb-select-option");if(this.variant==="multi-select"){const s=this._getMultiValues(),r=t.filter(n=>s.includes(n.value));return r&&r.length>0?r.map(n=>this._getOptionLabel(n)).join(", "):""}else{const s=t.find(r=>r.value===this.value);return s?this._getOptionLabel(s):""}}firstUpdated(){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity(),this._applySpacing()}updated(e){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity(),e.has("size")&&this._syncDensityForSize(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing()}_syncFormValue(){if(this._internals){if(this.disabled||!this.name){this._internals.setFormValue(null);return}if(this.variant==="multi-select"){const e=this._getMultiValues();if(e.length===0){this._internals.setFormValue(null);return}const t=new FormData;e.forEach(s=>t.append(this.name,s)),this._internals.setFormValue(t);return}this._internals.setFormValue(this.value||null)}}_getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!(this.variant==="multi-select"?this._getMultiValues().length>0:this.value)?"Välj ett alternativ.":""}_syncValidity(){if(!this._internals)return;const e=this.disabled?"":this._getValidationMessage(),t=this.shadowRoot?.querySelector(".selected-value");if(!e){this._internals.setValidity({}),this.removeAttribute("aria-invalid"),t&&t.setCustomValidity("");return}t&&t.setCustomValidity(e),this._internals.setValidity({valueMissing:!0},e,t??void 0),this.setAttribute("aria-invalid","true")}checkValidity(){return!this._getValidationMessage()}reportValidity(){return this._syncValidity(),this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(e){this._customValidationMessage=e,this._syncValidity()}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this._getValidationMessage()}get willValidate(){return this._internals?.willValidate??!0}_updateOptionsChecked(){const e=this.shadowRoot?.querySelector("slot");e&&e.assignedElements({flatten:!0}).filter(t=>t.tagName.toLowerCase()==="scb-select-option").forEach(t=>{if(this.noHighlightSelected?t.setAttribute("no-highlight-selected",""):t.removeAttribute("no-highlight-selected"),this.variant==="multi-select"){const s=this._getMultiValues();t.showCheckbox=!0,t.checked=s.includes(t.value),t.showRadio=!1}else t.showCheckbox=!1,t.checked=this.value===t.value,this.withRadiobuttons&&(t.showRadio=!0)})}render(){return d`
+import{a as p,h as u,m as b,p as l,v as d,y as g}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{n as m}from"../../vendor/lazy-focus-ring.js";import{t as a}from"../../vendor/decorate.js";import"../../vendor/scb-chevron.js";import"./scb-select-option.js";(function(){try{var h=typeof globalThis<"u"?globalThis:window;if(!h.__scb_ce_guard_installed__){h.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,o){try{customElements.get(t)||e(t,s,o)}catch(r){var n=String(r||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var c,i=(c=class extends u{constructor(){super(),this._optionsObserver=null,this._internals=null,this.focusedIndex=-1,this.variant="single-select",this.value="",this.values=[],this.disabled=!1,this.required=!1,this.open=!1,this.label="",this.name="",this.placeholder="",this.supportingText="",this.withRadiobuttons=!1,this.noHighlightSelected=!1,this.size="large",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.zIndex=void 0,this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialValue="",this._initialValues=[],this._customValidationMessage="",this._onDocumentClick=e=>{this.open&&(e.composedPath().includes(this)||this._setOpen(!1))},this._onSlotClick=e=>{const t=this.shadowRoot?.querySelector("slot");if(!t)return;const s=t.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-select-option"),o=e.composedPath(),n=s.find(r=>o.includes(r));n&&(this._selectOption(n),e.stopPropagation())},this._onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._toggleOpen())},this._onOptionKeyDown=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();const t=this.shadowRoot?.querySelector("slot");if(!t)return;const s=t.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-select-option"),o=e.composedPath(),n=s.find(r=>o.includes(r));n&&this._selectOption(n)}},"attachInternals"in this&&(this._internals=this.attachInternals())}_syncDensityForSize(){this.size==="extra-small"?this.setAttribute("data-density","-5"):this.size==="small"?this.setAttribute("data-density","-4"):this.size==="medium"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._onDocumentClick),this._optionsObserver=new MutationObserver(()=>{this.requestUpdate()}),this._optionsObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label","value","disabled"]}),this._syncDensityForSize(),this._initialValue=this.value,this._initialValues=Array.isArray(this.values)?[...this.values]:[],this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.value=this._initialValue,this.values=Array.isArray(this._initialValues)?[...this._initialValues]:[],this._syncFormValue(),this._syncValidity(),this.requestUpdate()},this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("reset",this._formResetHandler,!0),this._form.addEventListener("submit",this._formSubmitHandler,!0))}disconnectedCallback(){document.removeEventListener("mousedown",this._onDocumentClick),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0),this._optionsObserver?.disconnect(),this._optionsObserver=null,super.disconnectedCallback()}_getMultiValues(){return Array.isArray(this.values)&&this.values.length>0?this.values:this.value?this.value.split(",").map(e=>e.trim()).filter(Boolean):[]}_mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapSpacingToken(this.spacing),t=this._mapSpacingToken(this.spacingTop)??e,s=this._mapSpacingToken(this.spacingBottom)??e,o=this._mapSpacingToken(this.spacingLeft),n=this._mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-select-spacing-block-start",t):this.style.removeProperty("--scb-select-spacing-block-start"),s?this.style.setProperty("--scb-select-spacing-block-end",s):this.style.removeProperty("--scb-select-spacing-block-end"),o?this.style.setProperty("--scb-select-spacing-inline-start",o):this.style.removeProperty("--scb-select-spacing-inline-start"),n?this.style.setProperty("--scb-select-spacing-inline-end",n):this.style.removeProperty("--scb-select-spacing-inline-end")}_setOpen(e){this.open!==e&&(this.open=e,e?(this.focusedIndex=0,this.requestUpdate()):this.focusedIndex=-1)}_toggleOpen(){this.disabled||this._setOpen(!this.open)}_hasMoreThanFourOptions(){const e=this.shadowRoot?.querySelector("slot");if(!e)return!1;const t=e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="scb-select-option");return["extra-small","small","medium"].includes(this.size)?t.length>5:t.length>4}_selectOption(e){if(!e.disabled){if(this.variant==="multi-select"){const t=this._getMultiValues();t.indexOf(e.value)>-1?this.values=t.filter(s=>s!==e.value):this.values=[...t,e.value],this.value=this.values.join(","),this.dispatchEvent(new CustomEvent("change",{detail:{values:this.values},bubbles:!0,composed:!0}))}else this.variant==="single-select"&&this.withRadiobuttons?(this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))):(this.value=e.value,this._setOpen(!1),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})));this._updateOptionsChecked(),this.requestUpdate()}}_getOptionLabel(e){return e.label||e.textContent?.trim()||""}_getSelectedLabel(){const e=this.shadowRoot?.querySelector("slot");if(!e)return"";const t=e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="scb-select-option");if(this.variant==="multi-select"){const s=this._getMultiValues(),o=t.filter(n=>s.includes(n.value));return o&&o.length>0?o.map(n=>this._getOptionLabel(n)).join(", "):""}else{const s=t.find(o=>o.value===this.value);return s?this._getOptionLabel(s):""}}firstUpdated(){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity(),this._applySpacing()}updated(e){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity(),e.has("size")&&this._syncDensityForSize(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing()}_syncFormValue(){if(this._internals){if(this.disabled||!this.name){this._internals.setFormValue(null);return}if(this.variant==="multi-select"){const e=this._getMultiValues();if(e.length===0){this._internals.setFormValue(null);return}const t=new FormData;e.forEach(s=>t.append(this.name,s)),this._internals.setFormValue(t);return}this._internals.setFormValue(this.value||null)}}_getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!(this.variant==="multi-select"?this._getMultiValues().length>0:this.value)?"Välj ett alternativ.":""}_syncValidity(){if(!this._internals)return;const e=this.disabled?"":this._getValidationMessage(),t=this.shadowRoot?.querySelector(".selected-value");if(!e){this._internals.setValidity({}),this.removeAttribute("aria-invalid"),t&&t.setCustomValidity("");return}t&&t.setCustomValidity(e),this._internals.setValidity({valueMissing:!0},e,t??void 0),this.setAttribute("aria-invalid","true")}checkValidity(){return!this._getValidationMessage()}reportValidity(){return this._syncValidity(),this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(e){this._customValidationMessage=e,this._syncValidity()}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this._getValidationMessage()}get willValidate(){return this._internals?.willValidate??!0}_updateOptionsChecked(){const e=this.shadowRoot?.querySelector("slot");e&&e.assignedElements({flatten:!0}).filter(t=>t.tagName.toLowerCase()==="scb-select-option").forEach(t=>{if(this.noHighlightSelected?t.setAttribute("no-highlight-selected",""):t.removeAttribute("no-highlight-selected"),this.variant==="multi-select"){const s=this._getMultiValues();t.showCheckbox=!0,t.checked=s.includes(t.value),t.showRadio=!1}else t.showCheckbox=!1,t.checked=this.value===t.value,this.withRadiobuttons&&(t.showRadio=!0)})}render(){return d`
 			${this.label?d`
 				<label
 					class="select-label ${this.supportingText?"":"select-label--without-supporting"}"
@@ -11,7 +11,7 @@ import{_ as h,b as u,g as b,h as a,s as g,y as d}from"../../vendor/vendor.js";im
 				<span class="select-sub-label">${this.supportingText}</span>
 			`:""}
 				<div class="select">
-					<div class="selected-value-container" tabindex="0" @click="${this._toggleOpen}" @keydown="${this._onKeyDown}">
+					<div class="selected-value-container" tabindex="0" @click="${this._toggleOpen}" @keydown="${this._onKeyDown}" @focusin=${m}>
 					<md-focus-ring inward></md-focus-ring>
 						<md-ripple></md-ripple>
 						<input
@@ -34,251 +34,11 @@ import{_ as h,b as u,g as b,h as a,s as g,y as d}from"../../vendor/vendor.js";im
 					</div>
 					<div
 						class="${this._hasMoreThanFourOptions()?"options options--scroll":"options"}"
-						style=${g(this.zIndex?`z-index: ${this.zIndex};`:void 0)}
+						style=${p(this.zIndex?`z-index: ${this.zIndex};`:void 0)}
 						@click=${this._onSlotClick}
 						@keydown=${this._onOptionKeyDown}
 					>
 						<slot @slotchange="${()=>{this.requestUpdate()}}"></slot>
 					</div>
 				</div>
-			`}},c.formAssociated=!0,c.styles=u`
-		:host {
-			display: flex;
-			flex-direction: column;
-			color: var(--md-sys-color-on-surface);
-			font-family: var(--brand-font);
-			--scb-select-max-width: 400px;
-			--scb-select-padding-x: var(--spacing-5);
-			--scb-select-padding-y: var(--spacing-2);
-			--scb-select-min-height: 56px;
-			--scb-select-font-size: var(--md-sys-typescale-body-large-size);
-			--scb-select-line-height: var(--md-sys-typescale-body-large-line-height);
-			--scb-select-letter-spacing: var(--md-sys-typescale-body-large-tracking);
-			--scb-select-label-font-size: var(--md-sys-typescale-label-medium-size);
-			--scb-select-label-line-height: var(--md-sys-typescale-label-medium-line-height);
-			--scb-select-label-letter-spacing: var(--md-sys-typescale-label-medium-tracking);
-			--scb-select-supporting-font-size: var(--md-sys-typescale-body-medium-size);
-			--scb-select-supporting-line-height: var(--md-sys-typescale-body-medium-line-height);
-			--scb-select-supporting-letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-			--scb-select-label-gap: var(--spacing-3);
-			max-width: var(--scb-select-max-width);
-			width: 100%;
-			margin-block-start: var(--scb-select-spacing-block-start, 0);
-			margin-block-end: var(--scb-select-spacing-block-end, 0);
-			margin-inline-start: var(--scb-select-spacing-inline-start, 0);
-			margin-inline-end: var(--scb-select-spacing-inline-end, 0);
-		}
-		:host([disabled]) {
-			pointer-events: none;
-			opacity: 0.38;
-		}
-			:host([size='medium']) {
-				--scb-select-padding-x: var(--spacing-4);
-				--scb-select-padding-y: var(--spacing-3);
-				--scb-select-min-height: 48px;
-				--scb-select-font-size: var(--md-sys-typescale-body-medium-size);
-				--scb-select-line-height: var(--md-sys-typescale-body-medium-line-height);
-				--scb-select-letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-				--scb-select-label-font-size: var(--md-sys-typescale-label-small-size);
-				--scb-select-label-line-height: var(--md-sys-typescale-label-small-line-height);
-				--scb-select-label-letter-spacing: var(--md-sys-typescale-label-small-tracking);
-				--scb-select-supporting-font-size: var(--md-sys-typescale-body-small-size);
-				--scb-select-supporting-line-height: var(--md-sys-typescale-body-small-line-height);
-				--scb-select-supporting-letter-spacing: var(--md-sys-typescale-body-small-tracking);
-				--scb-select-option-padding-y: var(--spacing-2);
-				--scb-select-option-padding-x: var(--spacing-4);
-				--scb-select-option-gap: var(--spacing-3);
-				--scb-select-option-min-height: 40px;
-
-				--scb-select-option-font-size: var(--md-sys-typescale-body-medium-size);
-				--scb-select-option-line-height: var(--md-sys-typescale-body-medium-line-height);
-				--scb-select-option-letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-				--scb-select-option-icon-size: var(--icon-size-small, 20px);
-			}
-			:host([size='small']) {
-				--scb-select-padding-x: var(--spacing-4);
-				--scb-select-padding-y: var(--spacing-3);
-				--scb-select-min-height: 40px;
-				--scb-select-font-size: var(--md-sys-typescale-body-small-size);
-				--scb-select-line-height: var(--md-sys-typescale-body-small-line-height);
-				--scb-select-letter-spacing: var(--md-sys-typescale-body-small-tracking);
-				--scb-select-label-font-size: var(--md-sys-typescale-label-small-size);
-				--scb-select-label-line-height: var(--md-sys-typescale-label-small-line-height);
-				--scb-select-label-letter-spacing: var(--md-sys-typescale-label-small-tracking);
-				--scb-select-supporting-font-size: var(--md-sys-typescale-body-small-size);
-				--scb-select-supporting-line-height: var(--md-sys-typescale-body-small-line-height);
-				--scb-select-supporting-letter-spacing: var(--md-sys-typescale-body-small-tracking);
-				--scb-select-option-padding-y: var(--spacing-2);
-				--scb-select-option-padding-x: var(--spacing-4);
-				--scb-select-option-gap: var(--spacing-3);
-				--scb-select-option-min-height: 40px;
-
-				--scb-select-option-font-size: var(--md-sys-typescale-body-small-size);
-				--scb-select-option-line-height: var(--md-sys-typescale-body-small-line-height);
-				--scb-select-option-letter-spacing: var(--md-sys-typescale-body-small-tracking);
-				--scb-select-option-icon-size: var(--icon-size-small, 20px);
-			}
-			:host([size='extra-small']) {
-				--scb-select-padding-x: var(--spacing-3);
-				--scb-select-padding-y: var(--spacing-2);
-				--scb-select-min-height: 32px;
-				--scb-select-font-size: var(--md-sys-typescale-body-small-size);
-				--scb-select-line-height: var(--md-sys-typescale-body-small-line-height);
-				--scb-select-letter-spacing: var(--md-sys-typescale-body-small-tracking);
-				--scb-select-label-font-size: var(--md-sys-typescale-label-small-size);
-				--scb-select-label-line-height: var(--md-sys-typescale-label-small-line-height);
-				--scb-select-label-letter-spacing: var(--md-sys-typescale-label-small-tracking);
-				--scb-select-supporting-font-size: var(--md-sys-typescale-body-small-size);
-				--scb-select-supporting-line-height: var(--md-sys-typescale-body-small-line-height);
-				--scb-select-supporting-letter-spacing: var(--md-sys-typescale-body-small-tracking);
-				--scb-select-option-padding-y: var(--spacing-2);
-				--scb-select-option-padding-x: var(--spacing-3);
-				--scb-select-option-gap: var(--spacing-2);
-				--scb-select-option-min-height: 32px;
-
-				--scb-select-option-font-size: var(--md-sys-typescale-body-small-size);
-				--scb-select-option-line-height: var(--md-sys-typescale-body-small-line-height);
-				--scb-select-option-letter-spacing: var(--md-sys-typescale-body-small-tracking);
-				--scb-select-option-icon-size: var(--icon-size-extra-small, 16px);
-			}
-		   .select {
-			   position: relative;
-
-			   background: var(--md-sys-color-surface);
-			   cursor: pointer;
-			   border-radius: var(--md-sys-shape-corner-small);
-			   border: 1px solid var(--md-sys-color-outline);
-			   outline: 1px solid transparent;
-			   transition: border 0.2s;
-			   
-		   }
-		   :host .select:hover, :host([open]) .select {
-			   outline: 1px solid var(--md-sys-color-outline);
-		   }
-		   
-		   .selected-value {
-			   flex: 1 1 auto;
-			   min-width: 0;
-			   overflow: hidden;
-			   text-overflow: ellipsis;
-			   white-space: nowrap;
-			   display: block;
-			   border: none;
-			   background: transparent;
-			   font: inherit;
-			   color: inherit;
-			   padding: 0;
-			   outline: none;
-			   cursor: pointer;
-					font-size: var(--scb-select-font-size);
-					line-height: var(--scb-select-line-height);
-					letter-spacing: var(--scb-select-letter-spacing);
-		   }
-		   .selected-value-container:focus-within {
-			   outline: none;
-		   }
-		   .select-label{
-			display: block;
-			font-size: var(--scb-select-label-font-size);
-			font-weight: var(--weight-semibold);
-			line-height: var(--scb-select-label-line-height);
-			letter-spacing: var(--scb-select-label-letter-spacing);
-		   }
-		   .select-label--without-supporting {
-			margin-bottom: var(--scb-select-label-gap);
-		   }
-		   .select-sub-label{
-			display: block;
-			font-size: var(--scb-select-supporting-font-size);
-			line-height: var(--scb-select-supporting-line-height);
-			letter-spacing: var(--scb-select-supporting-letter-spacing);
-			font-weight: var(--weight-regular);
-			margin-bottom: var(--scb-select-label-gap);
-			color: var(--md-sys-color-on-surface-variant);
-		   }
-		   md-focus-ring {
-			position:absolute;
-			border-radius: 8px;
-		   }
-		   
-		.arrow {
-			position: absolute;
-			right: 8px;
-			top: 50%;
-			transform: translateY(-50%);
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			pointer-events: none;
-		}
-		.options {
-			position: absolute;
-			left: 0;
-			right: 0;
-			top: calc(100% + 3px);
-			z-index: 10;
-			max-height: 0;
-			overflow-y: hidden;
-			transition:
-				max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
-				opacity 0.15s linear 0.15s,
-				visibility 0s linear 0.3s;
-			visibility: hidden;
-			opacity: 0;
-			pointer-events: none;
-			border-radius: var(--md-sys-shape-corner-small);
-			background: var(--md-sys-color-surface);
-			padding: 8px 0;
-			/* Drop Shadow/2 */
-			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
-		}
-			.options::-webkit-scrollbar {
-				width: 12px;
-				background: var(--md-sys-color-surface);
-				border-radius: var(--md-sys-shape-corner-small);
-			}
-			.options::-webkit-scrollbar-thumb {
-				background: var(--md-sys-color-outline);
-				border-radius: var(--md-sys-shape-corner-small);
-				border: 4px solid var(--md-sys-color-surface);
-				
-			}
-			.options::-webkit-scrollbar-track {
-				background: var(--md-sys-color-surface);
-				border-radius: var(--md-sys-shape-corner-small);
-			}
-		:host([open]) .options {
-			max-height: 240px;
-			visibility: visible;
-			opacity: 1;
-			pointer-events: auto;
-			transition:
-				max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
-				opacity 0s linear 0s,
-				visibility 0s linear 0s;
-			opacity: 1;
-		}
-		.options.options--scroll {
-			overflow-y: auto;
-		}
-		.option[aria-selected="true"] {
-			background: #e6f0fa;
-		}
-		.option[aria-disabled="true"] {
-			color: #aaa;
-			pointer-events: none;
-		}
-		.selected-value-container {
-			height: 100%;
-			min-height: var(--scb-select-min-height);
-			box-sizing: border-box;
-			position: relative;
-			display: flex;
-			align-items: center;
-			padding: var(--scb-select-padding-y) 52px var(--scb-select-padding-y) var(--scb-select-padding-x);
-		}
-			:host([size='extra-small']) .selected-value-container {
-				padding-right: 44px;
-			}
-
-	`,c);l([a({type:String})],i.prototype,"variant",void 0);l([a({type:String})],i.prototype,"value",void 0);l([a({type:Array})],i.prototype,"values",void 0);l([a({type:Boolean})],i.prototype,"disabled",void 0);l([a({type:Boolean,reflect:!0})],i.prototype,"required",void 0);l([a({type:Boolean,reflect:!0})],i.prototype,"open",void 0);l([a({type:String})],i.prototype,"label",void 0);l([a({type:String})],i.prototype,"name",void 0);l([a({type:String})],i.prototype,"placeholder",void 0);l([a({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",void 0);l([a({type:Boolean,attribute:"with-radiobuttons"})],i.prototype,"withRadiobuttons",void 0);l([a({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],i.prototype,"noHighlightSelected",void 0);l([a({type:String,reflect:!0})],i.prototype,"size",void 0);l([a({type:String,reflect:!0})],i.prototype,"spacing",void 0);l([a({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);l([a({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);l([a({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);l([a({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);l([a({type:String,attribute:"z-index"})],i.prototype,"zIndex",void 0);i=l([b("scb-select")],i);
+			`}},c.formAssociated=!0,c.styles=g`:host{display:flex;flex-direction:column;color:var(--md-sys-color-on-surface);font-family:var(--brand-font);--scb-select-max-width:400px;--scb-select-padding-x:var(--spacing-5);--scb-select-padding-y:var(--spacing-2);--scb-select-min-height:56px;--scb-select-font-size:var(--md-sys-typescale-body-large-size);--scb-select-line-height:var(--md-sys-typescale-body-large-line-height);--scb-select-letter-spacing:var(--md-sys-typescale-body-large-tracking);--scb-select-label-font-size:var(--md-sys-typescale-label-medium-size);--scb-select-label-line-height:var(--md-sys-typescale-label-medium-line-height);--scb-select-label-letter-spacing:var(--md-sys-typescale-label-medium-tracking);--scb-select-supporting-font-size:var(--md-sys-typescale-body-medium-size);--scb-select-supporting-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-select-supporting-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-select-label-gap:var(--spacing-3);max-width:var(--scb-select-max-width);width:100%;margin-block-start:var(--scb-select-spacing-block-start, 0);margin-block-end:var(--scb-select-spacing-block-end, 0);margin-inline-start:var(--scb-select-spacing-inline-start, 0);margin-inline-end:var(--scb-select-spacing-inline-end, 0)}:host([disabled]){pointer-events:none;opacity:.38}:host([size='extra-small']),:host([size='medium']),:host([size='small']){--scb-select-label-font-size:var(--md-sys-typescale-label-small-size);--scb-select-label-line-height:var(--md-sys-typescale-label-small-line-height);--scb-select-label-letter-spacing:var(--md-sys-typescale-label-small-tracking);--scb-select-supporting-font-size:var(--md-sys-typescale-body-small-size);--scb-select-supporting-line-height:var(--md-sys-typescale-body-small-line-height);--scb-select-supporting-letter-spacing:var(--md-sys-typescale-body-small-tracking);--scb-select-option-padding-y:var(--spacing-2)}:host([size='medium']){--scb-select-padding-x:var(--spacing-4);--scb-select-padding-y:var(--spacing-3);--scb-select-min-height:48px;--scb-select-font-size:var(--md-sys-typescale-body-medium-size);--scb-select-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-select-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-select-option-padding-x:var(--spacing-4);--scb-select-option-gap:var(--spacing-3);--scb-select-option-min-height:40px;--scb-select-option-font-size:var(--md-sys-typescale-body-medium-size);--scb-select-option-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-select-option-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-select-option-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']),:host([size='small']){--scb-select-font-size:var(--md-sys-typescale-body-small-size);--scb-select-line-height:var(--md-sys-typescale-body-small-line-height);--scb-select-letter-spacing:var(--md-sys-typescale-body-small-tracking);--scb-select-option-font-size:var(--md-sys-typescale-body-small-size);--scb-select-option-line-height:var(--md-sys-typescale-body-small-line-height);--scb-select-option-letter-spacing:var(--md-sys-typescale-body-small-tracking)}:host([size='small']){--scb-select-padding-x:var(--spacing-4);--scb-select-padding-y:var(--spacing-3);--scb-select-min-height:40px;--scb-select-option-padding-x:var(--spacing-4);--scb-select-option-gap:var(--spacing-3);--scb-select-option-min-height:40px;--scb-select-option-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']){--scb-select-padding-x:var(--spacing-3);--scb-select-padding-y:var(--spacing-2);--scb-select-min-height:32px;--scb-select-option-padding-x:var(--spacing-3);--scb-select-option-gap:var(--spacing-2);--scb-select-option-min-height:32px;--scb-select-option-icon-size:var(--icon-size-extra-small, 16px)}.select{position:relative;background:var(--md-sys-color-surface);cursor:pointer;border-radius:var(--md-sys-shape-corner-small);border:1px solid var(--md-sys-color-outline);outline:1px solid transparent;transition:border .2s}:host .select:hover,:host([open]) .select{outline:1px solid var(--md-sys-color-outline)}.selected-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;border:0;background:0 0;font:inherit;color:inherit;padding:0;outline:0;cursor:pointer;font-size:var(--scb-select-font-size);line-height:var(--scb-select-line-height);letter-spacing:var(--scb-select-letter-spacing)}.selected-value-container:focus-within{outline:0}.select-label{display:block;font-size:var(--scb-select-label-font-size);font-weight:var(--weight-semibold);line-height:var(--scb-select-label-line-height);letter-spacing:var(--scb-select-label-letter-spacing)}.select-label--without-supporting,.select-sub-label{margin-bottom:var(--scb-select-label-gap)}.select-sub-label{display:block;font-size:var(--scb-select-supporting-font-size);line-height:var(--scb-select-supporting-line-height);letter-spacing:var(--scb-select-supporting-letter-spacing);font-weight:var(--weight-regular);color:var(--md-sys-color-on-surface-variant)}md-focus-ring{position:absolute;border-radius:8px}.arrow,.options{position:absolute;pointer-events:none}.arrow{right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.options{left:0;right:0;top:calc(100% + 3px);z-index:10;max-height:0;overflow-y:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .15s linear .15s,visibility 0s linear .3s;visibility:hidden;opacity:0;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);padding:8px 0;box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)}.options::-webkit-scrollbar{width:12px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small)}.options::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);border:4px solid var(--md-sys-color-surface)}.options::-webkit-scrollbar-track{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small)}:host([open]) .options{max-height:240px;visibility:visible;pointer-events:auto;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity 0s linear 0s,visibility 0s linear 0s;opacity:1}.options.options--scroll{overflow-y:auto}.option[aria-selected=true]{background:#e6f0fa}.option[aria-disabled=true]{color:#aaa;pointer-events:none}.selected-value-container{height:100%;min-height:var(--scb-select-min-height);box-sizing:border-box;position:relative;display:flex;align-items:center;padding:var(--scb-select-padding-y) 52px var(--scb-select-padding-y) var(--scb-select-padding-x)}:host([size='extra-small']) .selected-value-container{padding-right:44px}`,c);a([l({type:String})],i.prototype,"variant",void 0);a([l({type:String})],i.prototype,"value",void 0);a([l({type:Array})],i.prototype,"values",void 0);a([l({type:Boolean})],i.prototype,"disabled",void 0);a([l({type:Boolean,reflect:!0})],i.prototype,"required",void 0);a([l({type:Boolean,reflect:!0})],i.prototype,"open",void 0);a([l({type:String})],i.prototype,"label",void 0);a([l({type:String})],i.prototype,"name",void 0);a([l({type:String})],i.prototype,"placeholder",void 0);a([l({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",void 0);a([l({type:Boolean,attribute:"with-radiobuttons"})],i.prototype,"withRadiobuttons",void 0);a([l({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],i.prototype,"noHighlightSelected",void 0);a([l({type:String,reflect:!0})],i.prototype,"size",void 0);a([l({type:String,reflect:!0})],i.prototype,"spacing",void 0);a([l({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);a([l({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);a([l({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);a([l({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);a([l({type:String,attribute:"z-index"})],i.prototype,"zIndex",void 0);i=a([b("scb-select")],i);

package/mvc/components/scb-skeleton/scb-skeleton.js

@@ -1,38 +1,5 @@
-import{_ as d,b as g,g as h,h as r,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,o,a){try{customElements.get(e)||t(e,o,a)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var c,i=(c=class extends d{constructor(...t){super(...t),this.variant="rectangular",this.width="100%",this.height="100%",this.borderSize="small",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,o=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-skeleton-spacing-block-start",e):this.style.removeProperty("--scb-skeleton-spacing-block-start"),o?this.style.setProperty("--scb-skeleton-spacing-block-end",o):this.style.removeProperty("--scb-skeleton-spacing-block-end"),a?this.style.setProperty("--scb-skeleton-spacing-inline-start",a):this.style.removeProperty("--scb-skeleton-spacing-inline-start"),n?this.style.setProperty("--scb-skeleton-spacing-inline-end",n):this.style.removeProperty("--scb-skeleton-spacing-inline-end")}firstUpdated(t){super.firstUpdated(t),this.applySpacing()}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing()}render(){return this.style.setProperty("--scb-skeleton-width",this.width),this.style.setProperty("--scb-skeleton-height",this.height),this.variant==="rounded"&&this.style.setProperty("--scb-skeleton-border-size",this.borderSize==="small"?"8px":this.borderSize==="medium"?"16px":this.borderSize==="large"?"24px":"8px"),b`
+import{h as d,m as g,p as r,v as h,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,o,a){try{customElements.get(e)||t(e,o,a)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var c,i=(c=class extends d{constructor(...t){super(...t),this.variant="rectangular",this.width="100%",this.height="100%",this.borderSize="small",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,o=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-skeleton-spacing-block-start",e):this.style.removeProperty("--scb-skeleton-spacing-block-start"),o?this.style.setProperty("--scb-skeleton-spacing-block-end",o):this.style.removeProperty("--scb-skeleton-spacing-block-end"),a?this.style.setProperty("--scb-skeleton-spacing-inline-start",a):this.style.removeProperty("--scb-skeleton-spacing-inline-start"),n?this.style.setProperty("--scb-skeleton-spacing-inline-end",n):this.style.removeProperty("--scb-skeleton-spacing-inline-end")}firstUpdated(t){super.firstUpdated(t),this.applySpacing()}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing()}render(){return this.style.setProperty("--scb-skeleton-width",this.width),this.style.setProperty("--scb-skeleton-height",this.height),this.variant==="rounded"&&this.style.setProperty("--scb-skeleton-border-size",this.borderSize==="small"?"8px":this.borderSize==="medium"?"16px":this.borderSize==="large"?"24px":"8px"),h`
       <div
         class="skeleton${this.variant==="circular"?" circle":""} ${this.variant==="rounded"?" rounded":""}"
       ><slot></slot></div>
-    `}},c.styles=g`
-    :host {
-      display: inline-block;
-      max-width: var(--scb-skeleton-width);
-      width: 100%;
-      height: var(--scb-skeleton-height);
-
-      margin-block-start: var(--scb-skeleton-spacing-block-start, 0);
-      margin-block-end: var(--scb-skeleton-spacing-block-end, 0);
-      margin-inline-start: var(--scb-skeleton-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-skeleton-spacing-inline-end, 0);
-    }
-    .skeleton {
-      background: linear-gradient(90deg, var(--md-sys-color-surface-container-high) 25%, var(--md-sys-color-surface-container-highest) 50%, var(--md-sys-color-surface-container-high) 75%);
-      background-size: 200% 100%;
-      animation: skeleton-loading 3.2s infinite linear;
-      width: 100%;
-      height: 100%;
-    }
-    .rounded {
-      border-radius: var(--scb-skeleton-border-size);
-    }
-    .circle {
-      border-radius: 50%;
-    }
-    @keyframes skeleton-loading {
-      0% {
-        background-position: 200% 0;
-      }
-      100% {
-        background-position: -200% 0;
-      }
-    }
-  `,c);s([r({type:String})],i.prototype,"variant",void 0);s([r({type:String})],i.prototype,"width",void 0);s([r({type:String})],i.prototype,"height",void 0);s([r({type:String,attribute:"border-size"})],i.prototype,"borderSize",void 0);s([r({type:String,reflect:!0})],i.prototype,"spacing",void 0);s([r({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);s([r({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);s([r({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);s([r({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);i=s([h("scb-skeleton")],i);export{i as ScbSkeleton};
+    `}},c.styles=b`@keyframes skeleton-loading{0%{background-position:200%0}to{background-position:-200%0}}:host{display:inline-block;max-width:var(--scb-skeleton-width);width:100%;height:var(--scb-skeleton-height);margin-block-start:var(--scb-skeleton-spacing-block-start, 0);margin-block-end:var(--scb-skeleton-spacing-block-end, 0);margin-inline-start:var(--scb-skeleton-spacing-inline-start, 0);margin-inline-end:var(--scb-skeleton-spacing-inline-end, 0)}.skeleton{background:linear-gradient(90deg,var(--md-sys-color-surface-container-high) 25%,var(--md-sys-color-surface-container-highest) 50%,var(--md-sys-color-surface-container-high) 75%);background-size:200% 100%;animation:skeleton-loading 3.2s infinite linear;width:100%;height:100%}.rounded{border-radius:var(--scb-skeleton-border-size)}.circle{border-radius:50%}`,c);s([r({type:String})],i.prototype,"variant",void 0);s([r({type:String})],i.prototype,"width",void 0);s([r({type:String})],i.prototype,"height",void 0);s([r({type:String,attribute:"border-size"})],i.prototype,"borderSize",void 0);s([r({type:String,reflect:!0})],i.prototype,"spacing",void 0);s([r({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);s([r({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);s([r({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);s([r({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);i=s([g("scb-skeleton")],i);export{i as ScbSkeleton};

package/mvc/components/scb-slider/scb-slider.js

@@ -1,5 +1,5 @@
-import{_ as y,a as T,b as _,c as u,f as S,g as E,h as r,i as g,l as n,m as p,p as b,v as m,y as v}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/ripple.js";import{t as o}from"../../vendor/decorate.js";import"../../vendor/elevation.js";import{t as V}from"../../vendor/delegate.js";import{n as P}from"../../vendor/element-internals.js";import{n as H,t as O}from"../../vendor/form-label-activation.js";import{t as w}from"../../vendor/redispatch-event.js";import{n as I,r as B}from"../../vendor/form-associated.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,s,c){try{customElements.get(a)||t(a,s,c)}catch(h){var d=String(h||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var R=_`@media(forced-colors: active){:host{--md-slider-active-track-color: CanvasText;--md-slider-disabled-active-track-color: GrayText;--md-slider-disabled-active-track-opacity: 1;--md-slider-disabled-handle-color: GrayText;--md-slider-disabled-inactive-track-color: GrayText;--md-slider-disabled-inactive-track-opacity: 1;--md-slider-focus-handle-color: CanvasText;--md-slider-handle-color: CanvasText;--md-slider-handle-shadow-color: Canvas;--md-slider-hover-handle-color: CanvasText;--md-slider-hover-state-layer-color: Canvas;--md-slider-hover-state-layer-opacity: 1;--md-slider-inactive-track-color: Canvas;--md-slider-label-container-color: Canvas;--md-slider-label-text-color: CanvasText;--md-slider-pressed-handle-color: CanvasText;--md-slider-pressed-state-layer-color: Canvas;--md-slider-pressed-state-layer-opacity: 1;--md-slider-with-overlap-handle-outline-color: CanvasText}.label,.label::before{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}:host(:not([disabled])) .track::before{border:1px solid var(--_active-track-color)}.tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='CanvasText'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}.tickmarks::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}:host([disabled]) .tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}}
-`,F=B(P(y)),i=class extends F{get nameStart(){return this.getAttribute("name-start")??this.name}set nameStart(e){this.setAttribute("name-start",e)}get nameEnd(){return this.getAttribute("name-end")??this.nameStart}set nameEnd(e){this.setAttribute("name-end",e)}get renderAriaLabelStart(){const{ariaLabel:e}=this;return this.ariaLabelStart||e&&`${e} start`||this.valueLabelStart||String(this.valueStart)}get renderAriaValueTextStart(){return this.ariaValueTextStart||this.valueLabelStart||String(this.valueStart)}get renderAriaLabelEnd(){const{ariaLabel:e}=this;return this.range?this.ariaLabelEnd||e&&`${e} end`||this.valueLabelEnd||String(this.valueEnd):e||this.valueLabel||String(this.value)}get renderAriaValueTextEnd(){if(this.range)return this.ariaValueTextEnd||this.valueLabelEnd||String(this.valueEnd);const{ariaValueText:e}=this;return e||this.valueLabel||String(this.value)}constructor(){super(),this.min=0,this.max=100,this.valueLabel="",this.valueLabelStart="",this.valueLabelEnd="",this.ariaLabelStart="",this.ariaValueTextStart="",this.ariaLabelEnd="",this.ariaValueTextEnd="",this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1,this.handleStartHover=!1,this.handleEndHover=!1,this.startOnTop=!1,this.handlesOverlapping=!1,this.ripplePointerId=1,this.isRedispatchingEvent=!1,this.addEventListener("click",e=>{!H(e)||!this.inputEnd||(this.focus(),O(this.inputEnd))})}focus(){this.inputEnd?.focus()}willUpdate(e){this.renderValueStart=e.has("valueStart")?this.valueStart:this.inputStart?.valueAsNumber;const t=e.has("valueEnd")&&this.range||e.has("value");this.renderValueEnd=t?this.range?this.valueEnd:this.value:this.inputEnd?.valueAsNumber,e.get("handleStartHover")!==void 0?this.toggleRippleHover(this.rippleStart,this.handleStartHover):e.get("handleEndHover")!==void 0&&this.toggleRippleHover(this.rippleEnd,this.handleEndHover)}updated(e){if(this.range&&(this.renderValueStart=this.inputStart.valueAsNumber),this.renderValueEnd=this.inputEnd.valueAsNumber,this.range){const t=(this.max-this.min)/3;if(this.valueStart===void 0){this.inputStart.valueAsNumber=this.min+t;const a=this.inputStart.valueAsNumber;this.valueStart=this.renderValueStart=a}if(this.valueEnd===void 0){this.inputEnd.valueAsNumber=this.min+2*t;const a=this.inputEnd.valueAsNumber;this.valueEnd=this.renderValueEnd=a}}else this.value??(this.value=this.renderValueEnd);if(e.has("range")||e.has("renderValueStart")||e.has("renderValueEnd")||this.isUpdatePending){const t=this.handleStart?.querySelector(".handleNub"),a=this.handleEnd?.querySelector(".handleNub");this.handlesOverlapping=M(t,a)}this.performUpdate()}render(){const e=this.step===0?1:this.step,t=Math.max(this.max-this.min,e),a=this.range?((this.renderValueStart??this.min)-this.min)/t:0,s=((this.renderValueEnd??this.min)-this.min)/t,c={"--_start-fraction":String(a),"--_end-fraction":String(s),"--_tick-count":String(t/e)},d={ranged:this.range},h=this.valueLabelStart||String(this.renderValueStart),z=(this.range?this.valueLabelEnd:this.valueLabel)||String(this.renderValueEnd),$={start:!0,value:this.renderValueStart,ariaLabel:this.renderAriaLabelStart,ariaValueText:this.renderAriaValueTextStart,ariaMin:this.min,ariaMax:this.valueEnd??this.max},A={start:!1,value:this.renderValueEnd,ariaLabel:this.renderAriaLabelEnd,ariaValueText:this.renderAriaValueTextEnd,ariaMin:this.range?this.valueStart??this.min:this.min,ariaMax:this.max},C={start:!0,hover:this.handleStartHover,label:h},N={start:!1,hover:this.handleEndHover,label:z},L={hover:this.handleStartHover||this.handleEndHover};return v` <div
+import{d as b,f as p,g as m,h as y,i as T,m as S,o as u,p as r,r as g,s as n,u as E,v,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{t as o}from"../../vendor/decorate.js";import"../../vendor/md-focus-ring.js";import{t as V}from"../../vendor/delegate.js";import{a as P,n as H,o as O,r as I,s as B}from"../../vendor/form-associated.js";import{t as w}from"../../vendor/redispatch-event.js";import"../../vendor/elevation.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,s,c){try{customElements.get(a)||t(a,s,c)}catch(h){var d=String(h||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var R=_`@media(forced-colors: active){:host{--md-slider-active-track-color: CanvasText;--md-slider-disabled-active-track-color: GrayText;--md-slider-disabled-active-track-opacity: 1;--md-slider-disabled-handle-color: GrayText;--md-slider-disabled-inactive-track-color: GrayText;--md-slider-disabled-inactive-track-opacity: 1;--md-slider-focus-handle-color: CanvasText;--md-slider-handle-color: CanvasText;--md-slider-handle-shadow-color: Canvas;--md-slider-hover-handle-color: CanvasText;--md-slider-hover-state-layer-color: Canvas;--md-slider-hover-state-layer-opacity: 1;--md-slider-inactive-track-color: Canvas;--md-slider-label-container-color: Canvas;--md-slider-label-text-color: CanvasText;--md-slider-pressed-handle-color: CanvasText;--md-slider-pressed-state-layer-color: Canvas;--md-slider-pressed-state-layer-opacity: 1;--md-slider-with-overlap-handle-outline-color: CanvasText}.label,.label::before{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}:host(:not([disabled])) .track::before{border:1px solid var(--_active-track-color)}.tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='CanvasText'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}.tickmarks::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}:host([disabled]) .tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}}
+`,F=I(P(y)),i=class extends F{get nameStart(){return this.getAttribute("name-start")??this.name}set nameStart(e){this.setAttribute("name-start",e)}get nameEnd(){return this.getAttribute("name-end")??this.nameStart}set nameEnd(e){this.setAttribute("name-end",e)}get renderAriaLabelStart(){const{ariaLabel:e}=this;return this.ariaLabelStart||e&&`${e} start`||this.valueLabelStart||String(this.valueStart)}get renderAriaValueTextStart(){return this.ariaValueTextStart||this.valueLabelStart||String(this.valueStart)}get renderAriaLabelEnd(){const{ariaLabel:e}=this;return this.range?this.ariaLabelEnd||e&&`${e} end`||this.valueLabelEnd||String(this.valueEnd):e||this.valueLabel||String(this.value)}get renderAriaValueTextEnd(){if(this.range)return this.ariaValueTextEnd||this.valueLabelEnd||String(this.valueEnd);const{ariaValueText:e}=this;return e||this.valueLabel||String(this.value)}constructor(){super(),this.min=0,this.max=100,this.valueLabel="",this.valueLabelStart="",this.valueLabelEnd="",this.ariaLabelStart="",this.ariaValueTextStart="",this.ariaLabelEnd="",this.ariaValueTextEnd="",this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1,this.handleStartHover=!1,this.handleEndHover=!1,this.startOnTop=!1,this.handlesOverlapping=!1,this.ripplePointerId=1,this.isRedispatchingEvent=!1,this.addEventListener("click",e=>{!B(e)||!this.inputEnd||(this.focus(),O(this.inputEnd))})}focus(){this.inputEnd?.focus()}willUpdate(e){this.renderValueStart=e.has("valueStart")?this.valueStart:this.inputStart?.valueAsNumber;const t=e.has("valueEnd")&&this.range||e.has("value");this.renderValueEnd=t?this.range?this.valueEnd:this.value:this.inputEnd?.valueAsNumber,e.get("handleStartHover")!==void 0?this.toggleRippleHover(this.rippleStart,this.handleStartHover):e.get("handleEndHover")!==void 0&&this.toggleRippleHover(this.rippleEnd,this.handleEndHover)}updated(e){if(this.range&&(this.renderValueStart=this.inputStart.valueAsNumber),this.renderValueEnd=this.inputEnd.valueAsNumber,this.range){const t=(this.max-this.min)/3;if(this.valueStart===void 0){this.inputStart.valueAsNumber=this.min+t;const a=this.inputStart.valueAsNumber;this.valueStart=this.renderValueStart=a}if(this.valueEnd===void 0){this.inputEnd.valueAsNumber=this.min+2*t;const a=this.inputEnd.valueAsNumber;this.valueEnd=this.renderValueEnd=a}}else this.value??(this.value=this.renderValueEnd);if(e.has("range")||e.has("renderValueStart")||e.has("renderValueEnd")||this.isUpdatePending){const t=this.handleStart?.querySelector(".handleNub"),a=this.handleEnd?.querySelector(".handleNub");this.handlesOverlapping=M(t,a)}this.performUpdate()}render(){const e=this.step===0?1:this.step,t=Math.max(this.max-this.min,e),a=this.range?((this.renderValueStart??this.min)-this.min)/t:0,s=((this.renderValueEnd??this.min)-this.min)/t,c={"--_start-fraction":String(a),"--_end-fraction":String(s),"--_tick-count":String(t/e)},d={ranged:this.range},h=this.valueLabelStart||String(this.renderValueStart),z=(this.range?this.valueLabelEnd:this.valueLabel)||String(this.renderValueEnd),$={start:!0,value:this.renderValueStart,ariaLabel:this.renderAriaLabelStart,ariaValueText:this.renderAriaValueTextStart,ariaMin:this.min,ariaMax:this.valueEnd??this.max},A={start:!1,value:this.renderValueEnd,ariaLabel:this.renderAriaLabelEnd,ariaValueText:this.renderAriaValueTextEnd,ariaMin:this.range?this.valueStart??this.min:this.min,ariaMax:this.max},C={start:!0,hover:this.handleStartHover,label:h},N={start:!1,hover:this.handleEndHover,label:z},L={hover:this.handleStartHover||this.handleEndHover};return v` <div
       class="container ${u(d)}"
       style=${T(c)}>
       ${g(this.range,()=>this.renderInput($))}
@@ -51,8 +51,8 @@ import{_ as y,a as T,b as _,c as u,f as S,g as E,h as r,i as g,l as n,m as p,p a
       .value=${String(t)}
       .tabIndex=${e?1:0}
       aria-label=${a||m}
-      aria-valuetext=${s} />`}async toggleRippleHover(e,t){const a=await e;a&&(t?a.handlePointerenter(new PointerEvent("pointerenter",{isPrimary:!0,pointerId:this.ripplePointerId})):a.handlePointerleave(new PointerEvent("pointerleave",{isPrimary:!0,pointerId:this.ripplePointerId})))}handleFocus(e){this.updateOnTop(e.target)}startAction(e){const t=e.target,a=t===this.inputStart?this.inputEnd:this.inputStart;this.action={canFlip:e.type==="pointerdown",flipped:!1,target:t,fixed:a,values:new Map([[t,t.valueAsNumber],[a,a?.valueAsNumber]])}}finishAction(e){this.action=void 0}handleKeydown(e){this.startAction(e)}handleKeyup(e){this.finishAction(e)}handleDown(e){this.startAction(e),this.ripplePointerId=e.pointerId;const t=e.target===this.inputStart;this.handleStartHover=!this.disabled&&t&&!!this.handleStart,this.handleEndHover=!this.disabled&&!t&&!!this.handleEnd}async handleUp(e){if(!this.action)return;const{target:t,values:a,flipped:s}=this.action;await new Promise(requestAnimationFrame),t!==void 0&&(t.focus(),s&&t.valueAsNumber!==a.get(t)&&t.dispatchEvent(new Event("change",{bubbles:!0}))),this.finishAction(e)}handleMove(e){this.handleStartHover=!this.disabled&&x(e,this.handleStart),this.handleEndHover=!this.disabled&&x(e,this.handleEnd)}handleEnter(e){this.handleMove(e)}handleLeave(){this.handleStartHover=!1,this.handleEndHover=!1}updateOnTop(e){this.startOnTop=e.classList.contains("start")}needsClamping(){if(!this.action)return!1;const{target:e,fixed:t}=this.action;return e===this.inputStart?e.valueAsNumber>t.valueAsNumber:e.valueAsNumber<t.valueAsNumber}isActionFlipped(){const{action:e}=this;if(!e)return!1;const{target:t,fixed:a,values:s}=e;return e.canFlip&&s.get(t)===s.get(a)&&this.needsClamping()&&(e.canFlip=!1,e.flipped=!0,e.target=a,e.fixed=t),e.flipped}flipAction(){if(!this.action)return!1;const{target:e,fixed:t,values:a}=this.action,s=e.valueAsNumber!==t.valueAsNumber;return e.valueAsNumber=t.valueAsNumber,t.valueAsNumber=a.get(t),s}clampAction(){if(!this.needsClamping()||!this.action)return!1;const{target:e,fixed:t}=this.action;return e.valueAsNumber=t.valueAsNumber,!0}handleInput(e){if(this.isRedispatchingEvent)return;let t=!1,a=!1;this.range&&(this.isActionFlipped()&&(t=!0,a=this.flipAction()),this.clampAction()&&(t=!0,a=!1));const s=e.target;this.updateOnTop(s),this.range?(this.valueStart=this.inputStart.valueAsNumber,this.valueEnd=this.inputEnd.valueAsNumber):this.value=this.inputEnd.valueAsNumber,t&&e.stopPropagation(),a&&(this.isRedispatchingEvent=!0,w(s,e),this.isRedispatchingEvent=!1)}handleChange(e){const t=e.target,{target:a,values:s}=this.action??{};a&&a.valueAsNumber===s.get(t)||w(this,e),this.finishAction(e)}[I](){if(this.range){const e=new FormData;return e.append(this.nameStart,String(this.valueStart)),e.append(this.nameEnd,String(this.valueEnd)),e}return String(this.value)}formResetCallback(){if(this.range){const t=this.getAttribute("value-start");this.valueStart=t!==null?Number(t):void 0;const a=this.getAttribute("value-end");this.valueEnd=a!==null?Number(a):void 0;return}const e=this.getAttribute("value");this.value=e!==null?Number(e):void 0}formStateRestoreCallback(e){if(Array.isArray(e)){const[[,t],[,a]]=e;this.valueStart=Number(t),this.valueEnd=Number(a),this.range=!0;return}this.value=Number(e),this.range=!1}};V(i);i.shadowRootOptions={...y.shadowRootOptions,delegatesFocus:!0};n([r({type:Number})],i.prototype,"min",void 0);n([r({type:Number})],i.prototype,"max",void 0);n([r({type:Number})],i.prototype,"value",void 0);n([r({type:Number,attribute:"value-start"})],i.prototype,"valueStart",void 0);n([r({type:Number,attribute:"value-end"})],i.prototype,"valueEnd",void 0);n([r({attribute:"value-label"})],i.prototype,"valueLabel",void 0);n([r({attribute:"value-label-start"})],i.prototype,"valueLabelStart",void 0);n([r({attribute:"value-label-end"})],i.prototype,"valueLabelEnd",void 0);n([r({attribute:"aria-label-start"})],i.prototype,"ariaLabelStart",void 0);n([r({attribute:"aria-valuetext-start"})],i.prototype,"ariaValueTextStart",void 0);n([r({attribute:"aria-label-end"})],i.prototype,"ariaLabelEnd",void 0);n([r({attribute:"aria-valuetext-end"})],i.prototype,"ariaValueTextEnd",void 0);n([r({type:Number})],i.prototype,"step",void 0);n([r({type:Boolean})],i.prototype,"ticks",void 0);n([r({type:Boolean})],i.prototype,"labeled",void 0);n([r({type:Boolean})],i.prototype,"range",void 0);n([b("input.start")],i.prototype,"inputStart",void 0);n([b(".handle.start")],i.prototype,"handleStart",void 0);n([S("md-ripple.start")],i.prototype,"rippleStart",void 0);n([b("input.end")],i.prototype,"inputEnd",void 0);n([b(".handle.end")],i.prototype,"handleEnd",void 0);n([S("md-ripple.end")],i.prototype,"rippleEnd",void 0);n([p()],i.prototype,"handleStartHover",void 0);n([p()],i.prototype,"handleEndHover",void 0);n([p()],i.prototype,"startOnTop",void 0);n([p()],i.prototype,"handlesOverlapping",void 0);n([p()],i.prototype,"renderValueStart",void 0);n([p()],i.prototype,"renderValueEnd",void 0);function x({x:e,y:t},a){if(!a)return!1;const{top:s,left:c,bottom:d,right:h}=a.getBoundingClientRect();return e>=c&&e<=h&&t>=s&&t<=d}function M(e,t){if(!(e&&t))return!1;const a=e.getBoundingClientRect(),s=t.getBoundingClientRect();return!(a.top>s.bottom||a.right<s.left||a.bottom<s.top||a.left>s.right)}var U=_`:host{--_active-track-color: var(--md-slider-active-track-color, var(--md-sys-color-primary, #6750a4));--_active-track-height: var(--md-slider-active-track-height, 4px);--_active-track-shape: var(--md-slider-active-track-shape, var(--md-sys-shape-corner-full, 9999px));--_disabled-active-track-color: var(--md-slider-disabled-active-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-track-opacity: var(--md-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color: var(--md-slider-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-handle-elevation: var(--md-slider-disabled-handle-elevation, 0);--_disabled-inactive-track-color: var(--md-slider-disabled-inactive-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-inactive-track-opacity: var(--md-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color: var(--md-slider-focus-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-color: var(--md-slider-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-elevation: var(--md-slider-handle-elevation, 1);--_handle-height: var(--md-slider-handle-height, 20px);--_handle-shadow-color: var(--md-slider-handle-shadow-color, var(--md-sys-color-shadow, #000));--_handle-shape: var(--md-slider-handle-shape, var(--md-sys-shape-corner-full, 9999px));--_handle-width: var(--md-slider-handle-width, 20px);--_hover-handle-color: var(--md-slider-hover-handle-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-slider-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-slider-hover-state-layer-opacity, 0.08);--_inactive-track-color: var(--md-slider-inactive-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_inactive-track-height: var(--md-slider-inactive-track-height, 4px);--_inactive-track-shape: var(--md-slider-inactive-track-shape, var(--md-sys-shape-corner-full, 9999px));--_label-container-color: var(--md-slider-label-container-color, var(--md-sys-color-primary, #6750a4));--_label-container-height: var(--md-slider-label-container-height, 28px);--_pressed-handle-color: var(--md-slider-pressed-handle-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-slider-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-slider-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color: var(--md-slider-with-overlap-handle-outline-color, var(--md-sys-color-on-primary, #fff));--_with-overlap-handle-outline-width: var(--md-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color: var(--md-slider-with-tick-marks-active-container-color, var(--md-sys-color-on-primary, #fff));--_with-tick-marks-container-size: var(--md-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-container-color: var(--md-slider-with-tick-marks-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_with-tick-marks-inactive-container-color: var(--md-slider-with-tick-marks-inactive-container-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-slider-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-slider-label-text-font, var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-slider-label-text-line-height, var(--md-sys-typescale-label-medium-line-height, 1rem));--_label-text-size: var(--md-slider-label-text-size, var(--md-sys-typescale-label-medium-size, 0.75rem));--_label-text-weight: var(--md-slider-label-text-weight, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_start-fraction: 0;--_end-fraction: 0;--_tick-count: 0;display:inline-flex;vertical-align:middle;min-inline-size:200px;--md-elevation-level: var(--_handle-elevation);--md-elevation-shadow-color: var(--_handle-shadow-color)}md-focus-ring{height:48px;inset:unset;width:48px}md-elevation{transition-duration:250ms}@media(prefers-reduced-motion){.label{transition-duration:0}}:host([disabled]){opacity:var(--_disabled-active-track-opacity);--md-elevation-level: var(--_disabled-handle-elevation)}.container{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.track,.tickmarks{position:absolute;inset:0;display:flex;align-items:center}.track::before,.tickmarks::before,.track::after,.tickmarks::after{position:absolute;content:"";inset-inline-start:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size)*2)/var(--_tick-count)) 100%}.track::before,.tickmarks::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape)}.track::before{background:var(--_inactive-track-color)}.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-inactive-container-color) 0, var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}:host([disabled]) .track::before{opacity:calc(1/var(--_disabled-active-track-opacity)*var(--_disabled-inactive-track-opacity));background:var(--_disabled-inactive-track-color)}.track::after,.tickmarks::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)))}.track::after{background:var(--_active-track-color)}.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-active-container-color) 0, var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.track:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.tickmarks:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([disabled]) .track::after{background:var(--_disabled-active-track-color)}:host([disabled]) .tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-disabled-container-color) 0, var(--_with-tick-marks-disabled-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.handleContainerPadded{position:relative;block-size:100%;inline-size:100%;padding-inline:calc(var(--_state-layer-size)/2)}.handleContainerBlock{position:relative;block-size:100%;inline-size:100%}.handleContainer{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100%*var(--_start-fraction));inline-size:calc(100%*(var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:flex;place-content:center;place-items:center}.handleNub{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}:host([disabled]) .handleNub{background:var(--_disabled-handle-color)}input.end:focus~.handleContainerPadded .handle.end>.handleNub,input.start:focus~.handleContainerPadded .handle.start>.handleNub{background:var(--_focus-handle-color)}.container>.handleContainerPadded .handle.hover>.handleNub{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handleContainerPadded .handle.end>.handleNub,:host(:not([disabled])) input.start:active~.handleContainerPadded .handle.start>.handleNub{background:var(--_pressed-handle-color)}.onTop.isOverlapping .label,.onTop.isOverlapping .label::before{outline:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.onTop.isOverlapping .handleNub{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/2)}.label{position:absolute;box-sizing:border-box;display:flex;padding:4px;place-content:center;place-items:center;border-radius:var(--md-sys-shape-corner-full, 9999px);color:var(--_label-text-color);font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);transition:transform 100ms cubic-bezier(0.2, 0, 0, 1);transform-origin:center bottom;transform:scale(0)}:host(:focus-within) .label,.handleContainer.hover .label,:where(:has(input:active)) .label{transform:scale(1)}.label::before,.label::after{position:absolute;display:block;content:"";background:inherit}.label::before{inline-size:calc(var(--_label-container-height)/2);block-size:calc(var(--_label-container-height)/2);bottom:calc(var(--_label-container-height)/-10);transform:rotate(45deg)}.label::after{inset:0px;border-radius:inherit}.labelContent{z-index:1}input[type=range]{opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:rgba(0,0,0,0);cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:none}::-webkit-slider-runnable-track{-webkit-appearance:none}::-moz-range-track{appearance:none}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_handle-height);inline-size:var(--_handle-width);opacity:0;z-index:2}input.end::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_end-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.end:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}input.start::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_start-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.start:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}::-moz-range-thumb{appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.ranged input.start{clip-path:inset(0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))) 0 0)}.ranged input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))))}.ranged input.end{clip-path:inset(0 0 0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)))}.ranged input.end:dir(rtl){clip-path:inset(0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)) 0 0)}.onTop{z-index:1}.handle{--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-ripple{border-radius:50%;height:var(--_state-layer-size);width:var(--_state-layer-size)}
-`,k=class extends i{};k.styles=[U,R];k=n([E("md-slider")],k);var f,l=(f=class extends y{constructor(...t){super(...t),this.ticks=!1,this.step=5,this.value=20,this.range=!1,this.valueStart=0,this.valueEnd=100,this.min=0,this.max=100,this.labeled=!0,this.disabled=!1,this.name=""}_onInput(t){const a=t.target;this.range?(this.valueStart=a.valueStart,this.valueEnd=a.valueEnd):this.value=a.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_onChange(t){const a=t.target;this.range?(this.valueStart=a.valueStart,this.valueEnd=a.valueEnd):this.value=a.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){const t=this.labeled?m:this.ariaLabel||m;return v`
+      aria-valuetext=${s} />`}async toggleRippleHover(e,t){const a=await e;a&&(t?a.handlePointerenter(new PointerEvent("pointerenter",{isPrimary:!0,pointerId:this.ripplePointerId})):a.handlePointerleave(new PointerEvent("pointerleave",{isPrimary:!0,pointerId:this.ripplePointerId})))}handleFocus(e){this.updateOnTop(e.target)}startAction(e){const t=e.target,a=t===this.inputStart?this.inputEnd:this.inputStart;this.action={canFlip:e.type==="pointerdown",flipped:!1,target:t,fixed:a,values:new Map([[t,t.valueAsNumber],[a,a?.valueAsNumber]])}}finishAction(e){this.action=void 0}handleKeydown(e){this.startAction(e)}handleKeyup(e){this.finishAction(e)}handleDown(e){this.startAction(e),this.ripplePointerId=e.pointerId;const t=e.target===this.inputStart;this.handleStartHover=!this.disabled&&t&&!!this.handleStart,this.handleEndHover=!this.disabled&&!t&&!!this.handleEnd}async handleUp(e){if(!this.action)return;const{target:t,values:a,flipped:s}=this.action;await new Promise(requestAnimationFrame),t!==void 0&&(t.focus(),s&&t.valueAsNumber!==a.get(t)&&t.dispatchEvent(new Event("change",{bubbles:!0}))),this.finishAction(e)}handleMove(e){this.handleStartHover=!this.disabled&&x(e,this.handleStart),this.handleEndHover=!this.disabled&&x(e,this.handleEnd)}handleEnter(e){this.handleMove(e)}handleLeave(){this.handleStartHover=!1,this.handleEndHover=!1}updateOnTop(e){this.startOnTop=e.classList.contains("start")}needsClamping(){if(!this.action)return!1;const{target:e,fixed:t}=this.action;return e===this.inputStart?e.valueAsNumber>t.valueAsNumber:e.valueAsNumber<t.valueAsNumber}isActionFlipped(){const{action:e}=this;if(!e)return!1;const{target:t,fixed:a,values:s}=e;return e.canFlip&&s.get(t)===s.get(a)&&this.needsClamping()&&(e.canFlip=!1,e.flipped=!0,e.target=a,e.fixed=t),e.flipped}flipAction(){if(!this.action)return!1;const{target:e,fixed:t,values:a}=this.action,s=e.valueAsNumber!==t.valueAsNumber;return e.valueAsNumber=t.valueAsNumber,t.valueAsNumber=a.get(t),s}clampAction(){if(!this.needsClamping()||!this.action)return!1;const{target:e,fixed:t}=this.action;return e.valueAsNumber=t.valueAsNumber,!0}handleInput(e){if(this.isRedispatchingEvent)return;let t=!1,a=!1;this.range&&(this.isActionFlipped()&&(t=!0,a=this.flipAction()),this.clampAction()&&(t=!0,a=!1));const s=e.target;this.updateOnTop(s),this.range?(this.valueStart=this.inputStart.valueAsNumber,this.valueEnd=this.inputEnd.valueAsNumber):this.value=this.inputEnd.valueAsNumber,t&&e.stopPropagation(),a&&(this.isRedispatchingEvent=!0,w(s,e),this.isRedispatchingEvent=!1)}handleChange(e){const t=e.target,{target:a,values:s}=this.action??{};a&&a.valueAsNumber===s.get(t)||w(this,e),this.finishAction(e)}[H](){if(this.range){const e=new FormData;return e.append(this.nameStart,String(this.valueStart)),e.append(this.nameEnd,String(this.valueEnd)),e}return String(this.value)}formResetCallback(){if(this.range){const t=this.getAttribute("value-start");this.valueStart=t!==null?Number(t):void 0;const a=this.getAttribute("value-end");this.valueEnd=a!==null?Number(a):void 0;return}const e=this.getAttribute("value");this.value=e!==null?Number(e):void 0}formStateRestoreCallback(e){if(Array.isArray(e)){const[[,t],[,a]]=e;this.valueStart=Number(t),this.valueEnd=Number(a),this.range=!0;return}this.value=Number(e),this.range=!1}};V(i);i.shadowRootOptions={...y.shadowRootOptions,delegatesFocus:!0};n([r({type:Number})],i.prototype,"min",void 0);n([r({type:Number})],i.prototype,"max",void 0);n([r({type:Number})],i.prototype,"value",void 0);n([r({type:Number,attribute:"value-start"})],i.prototype,"valueStart",void 0);n([r({type:Number,attribute:"value-end"})],i.prototype,"valueEnd",void 0);n([r({attribute:"value-label"})],i.prototype,"valueLabel",void 0);n([r({attribute:"value-label-start"})],i.prototype,"valueLabelStart",void 0);n([r({attribute:"value-label-end"})],i.prototype,"valueLabelEnd",void 0);n([r({attribute:"aria-label-start"})],i.prototype,"ariaLabelStart",void 0);n([r({attribute:"aria-valuetext-start"})],i.prototype,"ariaValueTextStart",void 0);n([r({attribute:"aria-label-end"})],i.prototype,"ariaLabelEnd",void 0);n([r({attribute:"aria-valuetext-end"})],i.prototype,"ariaValueTextEnd",void 0);n([r({type:Number})],i.prototype,"step",void 0);n([r({type:Boolean})],i.prototype,"ticks",void 0);n([r({type:Boolean})],i.prototype,"labeled",void 0);n([r({type:Boolean})],i.prototype,"range",void 0);n([b("input.start")],i.prototype,"inputStart",void 0);n([b(".handle.start")],i.prototype,"handleStart",void 0);n([E("md-ripple.start")],i.prototype,"rippleStart",void 0);n([b("input.end")],i.prototype,"inputEnd",void 0);n([b(".handle.end")],i.prototype,"handleEnd",void 0);n([E("md-ripple.end")],i.prototype,"rippleEnd",void 0);n([p()],i.prototype,"handleStartHover",void 0);n([p()],i.prototype,"handleEndHover",void 0);n([p()],i.prototype,"startOnTop",void 0);n([p()],i.prototype,"handlesOverlapping",void 0);n([p()],i.prototype,"renderValueStart",void 0);n([p()],i.prototype,"renderValueEnd",void 0);function x({x:e,y:t},a){if(!a)return!1;const{top:s,left:c,bottom:d,right:h}=a.getBoundingClientRect();return e>=c&&e<=h&&t>=s&&t<=d}function M(e,t){if(!(e&&t))return!1;const a=e.getBoundingClientRect(),s=t.getBoundingClientRect();return!(a.top>s.bottom||a.right<s.left||a.bottom<s.top||a.left>s.right)}var U=_`:host{--_active-track-color: var(--md-slider-active-track-color, var(--md-sys-color-primary, #6750a4));--_active-track-height: var(--md-slider-active-track-height, 4px);--_active-track-shape: var(--md-slider-active-track-shape, var(--md-sys-shape-corner-full, 9999px));--_disabled-active-track-color: var(--md-slider-disabled-active-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-track-opacity: var(--md-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color: var(--md-slider-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-handle-elevation: var(--md-slider-disabled-handle-elevation, 0);--_disabled-inactive-track-color: var(--md-slider-disabled-inactive-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-inactive-track-opacity: var(--md-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color: var(--md-slider-focus-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-color: var(--md-slider-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-elevation: var(--md-slider-handle-elevation, 1);--_handle-height: var(--md-slider-handle-height, 20px);--_handle-shadow-color: var(--md-slider-handle-shadow-color, var(--md-sys-color-shadow, #000));--_handle-shape: var(--md-slider-handle-shape, var(--md-sys-shape-corner-full, 9999px));--_handle-width: var(--md-slider-handle-width, 20px);--_hover-handle-color: var(--md-slider-hover-handle-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-slider-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-slider-hover-state-layer-opacity, 0.08);--_inactive-track-color: var(--md-slider-inactive-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_inactive-track-height: var(--md-slider-inactive-track-height, 4px);--_inactive-track-shape: var(--md-slider-inactive-track-shape, var(--md-sys-shape-corner-full, 9999px));--_label-container-color: var(--md-slider-label-container-color, var(--md-sys-color-primary, #6750a4));--_label-container-height: var(--md-slider-label-container-height, 28px);--_pressed-handle-color: var(--md-slider-pressed-handle-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-slider-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-slider-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color: var(--md-slider-with-overlap-handle-outline-color, var(--md-sys-color-on-primary, #fff));--_with-overlap-handle-outline-width: var(--md-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color: var(--md-slider-with-tick-marks-active-container-color, var(--md-sys-color-on-primary, #fff));--_with-tick-marks-container-size: var(--md-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-container-color: var(--md-slider-with-tick-marks-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_with-tick-marks-inactive-container-color: var(--md-slider-with-tick-marks-inactive-container-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-slider-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-slider-label-text-font, var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-slider-label-text-line-height, var(--md-sys-typescale-label-medium-line-height, 1rem));--_label-text-size: var(--md-slider-label-text-size, var(--md-sys-typescale-label-medium-size, 0.75rem));--_label-text-weight: var(--md-slider-label-text-weight, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_start-fraction: 0;--_end-fraction: 0;--_tick-count: 0;display:inline-flex;vertical-align:middle;min-inline-size:200px;--md-elevation-level: var(--_handle-elevation);--md-elevation-shadow-color: var(--_handle-shadow-color)}md-focus-ring{height:48px;inset:unset;width:48px}md-elevation{transition-duration:250ms}@media(prefers-reduced-motion){.label{transition-duration:0}}:host([disabled]){opacity:var(--_disabled-active-track-opacity);--md-elevation-level: var(--_disabled-handle-elevation)}.container{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.track,.tickmarks{position:absolute;inset:0;display:flex;align-items:center}.track::before,.tickmarks::before,.track::after,.tickmarks::after{position:absolute;content:"";inset-inline-start:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size)*2)/var(--_tick-count)) 100%}.track::before,.tickmarks::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape)}.track::before{background:var(--_inactive-track-color)}.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-inactive-container-color) 0, var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}:host([disabled]) .track::before{opacity:calc(1/var(--_disabled-active-track-opacity)*var(--_disabled-inactive-track-opacity));background:var(--_disabled-inactive-track-color)}.track::after,.tickmarks::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)))}.track::after{background:var(--_active-track-color)}.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-active-container-color) 0, var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.track:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.tickmarks:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([disabled]) .track::after{background:var(--_disabled-active-track-color)}:host([disabled]) .tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-disabled-container-color) 0, var(--_with-tick-marks-disabled-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.handleContainerPadded{position:relative;block-size:100%;inline-size:100%;padding-inline:calc(var(--_state-layer-size)/2)}.handleContainerBlock{position:relative;block-size:100%;inline-size:100%}.handleContainer{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100%*var(--_start-fraction));inline-size:calc(100%*(var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:flex;place-content:center;place-items:center}.handleNub{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}:host([disabled]) .handleNub{background:var(--_disabled-handle-color)}input.end:focus~.handleContainerPadded .handle.end>.handleNub,input.start:focus~.handleContainerPadded .handle.start>.handleNub{background:var(--_focus-handle-color)}.container>.handleContainerPadded .handle.hover>.handleNub{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handleContainerPadded .handle.end>.handleNub,:host(:not([disabled])) input.start:active~.handleContainerPadded .handle.start>.handleNub{background:var(--_pressed-handle-color)}.onTop.isOverlapping .label,.onTop.isOverlapping .label::before{outline:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.onTop.isOverlapping .handleNub{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/2)}.label{position:absolute;box-sizing:border-box;display:flex;padding:4px;place-content:center;place-items:center;border-radius:var(--md-sys-shape-corner-full, 9999px);color:var(--_label-text-color);font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);transition:transform 100ms cubic-bezier(0.2, 0, 0, 1);transform-origin:center bottom;transform:scale(0)}:host(:focus-within) .label,.handleContainer.hover .label,:where(:has(input:active)) .label{transform:scale(1)}.label::before,.label::after{position:absolute;display:block;content:"";background:inherit}.label::before{inline-size:calc(var(--_label-container-height)/2);block-size:calc(var(--_label-container-height)/2);bottom:calc(var(--_label-container-height)/-10);transform:rotate(45deg)}.label::after{inset:0px;border-radius:inherit}.labelContent{z-index:1}input[type=range]{opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:rgba(0,0,0,0);cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:none}::-webkit-slider-runnable-track{-webkit-appearance:none}::-moz-range-track{appearance:none}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_handle-height);inline-size:var(--_handle-width);opacity:0;z-index:2}input.end::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_end-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.end:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}input.start::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_start-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.start:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}::-moz-range-thumb{appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.ranged input.start{clip-path:inset(0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))) 0 0)}.ranged input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))))}.ranged input.end{clip-path:inset(0 0 0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)))}.ranged input.end:dir(rtl){clip-path:inset(0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)) 0 0)}.onTop{z-index:1}.handle{--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-ripple{border-radius:50%;height:var(--_state-layer-size);width:var(--_state-layer-size)}
+`,k=class extends i{};k.styles=[U,R];k=n([S("md-slider")],k);var f,l=(f=class extends y{constructor(...t){super(...t),this.ticks=!1,this.step=5,this.value=20,this.range=!1,this.valueStart=0,this.valueEnd=100,this.min=0,this.max=100,this.labeled=!0,this.disabled=!1,this.name=""}_onInput(t){const a=t.target;this.range?(this.valueStart=a.valueStart,this.valueEnd=a.valueEnd):this.value=a.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_onChange(t){const a=t.target;this.range?(this.valueStart=a.valueStart,this.valueEnd=a.valueEnd):this.value=a.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){const t=this.labeled?m:this.ariaLabel||m;return v`
           <md-slider
             ?ticks=${this.ticks}
             .value=${this.value}
@@ -74,8 +74,4 @@ import{_ as y,a as T,b as _,c as u,f as S,g as E,h as r,i as g,l as n,m as p,p a
             @input=${this._onInput}
             @change=${this._onChange}
           ></md-slider>
-        `}},f.styles=_`
-    :host {
-      display: block;
-    }
-    `,f);o([r({type:Boolean})],l.prototype,"ticks",void 0);o([r({type:Number})],l.prototype,"step",void 0);o([r({type:Number,reflect:!0})],l.prototype,"value",void 0);o([r({type:Boolean})],l.prototype,"range",void 0);o([r({type:Number,attribute:"value-start"})],l.prototype,"valueStart",void 0);o([r({type:Number,attribute:"value-end"})],l.prototype,"valueEnd",void 0);o([r({type:Number,reflect:!0})],l.prototype,"min",void 0);o([r({type:Number,reflect:!0})],l.prototype,"max",void 0);o([r({type:Boolean})],l.prototype,"labeled",void 0);o([r({type:String,attribute:"value-label"})],l.prototype,"valueLabel",void 0);o([r({type:String,attribute:"value-label-start"})],l.prototype,"valueLabelStart",void 0);o([r({type:String,attribute:"value-label-end"})],l.prototype,"valueLabelEnd",void 0);o([r({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0);o([r({type:String,reflect:!0})],l.prototype,"name",void 0);o([r({type:String,attribute:"name-start",reflect:!0})],l.prototype,"nameStart",void 0);o([r({type:String,attribute:"name-end",reflect:!0})],l.prototype,"nameEnd",void 0);l=o([E("scb-slider")],l);
+        `}},f.styles=_`:host{display:block}`,f);o([r({type:Boolean})],l.prototype,"ticks",void 0);o([r({type:Number})],l.prototype,"step",void 0);o([r({type:Number,reflect:!0})],l.prototype,"value",void 0);o([r({type:Boolean})],l.prototype,"range",void 0);o([r({type:Number,attribute:"value-start"})],l.prototype,"valueStart",void 0);o([r({type:Number,attribute:"value-end"})],l.prototype,"valueEnd",void 0);o([r({type:Number,reflect:!0})],l.prototype,"min",void 0);o([r({type:Number,reflect:!0})],l.prototype,"max",void 0);o([r({type:Boolean})],l.prototype,"labeled",void 0);o([r({type:String,attribute:"value-label"})],l.prototype,"valueLabel",void 0);o([r({type:String,attribute:"value-label-start"})],l.prototype,"valueLabelStart",void 0);o([r({type:String,attribute:"value-label-end"})],l.prototype,"valueLabelEnd",void 0);o([r({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0);o([r({type:String,reflect:!0})],l.prototype,"name",void 0);o([r({type:String,attribute:"name-start",reflect:!0})],l.prototype,"nameStart",void 0);o([r({type:String,attribute:"name-end",reflect:!0})],l.prototype,"nameEnd",void 0);l=o([S("scb-slider")],l);