@awc-ui/core 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/md3/{p-63b8c8d1.entry.js → p-408ee4be.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as o,a as s}from"./p-DTaX19_O.js";const r=()=>`:host{display:contents}`;const a=class{constructor(t){e(this,t);this.presentational=false}render(){return t(o,{key:"d8dea27919051883672566941ed9b97e02b8a2ec",class:"md-table-body",role:this.presentational?"presentation":"rowgroup","data-md-rowgroup":"body"},t("slot",{key:"59b46094354fd65be1e9d58d74fb5eb71d6759de",onSlotchange:()=>this.el.dispatchEvent(new CustomEvent("mdRowgroupSlotChange",{bubbles:true}))}))}get el(){return s(this)}};a.style=r();export{a as md_table_body};
-//# sourceMappingURL=p-63b8c8d1.entry.js.map
+import{r as e,h as t,H as o,g as s}from"./p-WmvQpZnM.js";const r=()=>`:host{display:contents}`;const d=class{constructor(t){e(this,t);this.presentational=false}render(){return t(o,{key:"d8dea27919051883672566941ed9b97e02b8a2ec",class:"md-table-body",role:this.presentational?"presentation":"rowgroup","data-md-rowgroup":"body"},t("slot",{key:"59b46094354fd65be1e9d58d74fb5eb71d6759de",onSlotchange:()=>this.el.dispatchEvent(new CustomEvent("mdRowgroupSlotChange",{bubbles:true}))}))}get el(){return s(this)}};d.style=r();export{d as md_table_body};
+//# sourceMappingURL=p-408ee4be.entry.js.map

package/dist/md3/{p-edb34a6d.entry.js → p-43c708ad.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,H as i,a as o}from"./p-DTaX19_O.js";import{g as r,c as l,r as a,s as n,a as d}from"./p-DWxN44zD.js";const c=()=>`:host{--_cell-width:var(--md-otp-field-cell-width, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_cell-height:var(--md-otp-field-cell-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_cell-gap:var(--md-otp-field-cell-gap, var(--md-sys-spacing-gap-sm, 8px));--_cell-shape:var(--md-otp-field-cell-shape, var(--md-sys-shape-corner-small, 8px));--_outline-color:var(--md-otp-field-outline-color, var(--md-sys-color-outline, #79747E));--_focus-color:var(--md-otp-field-focus-color, var(--md-sys-color-primary, #6750A4));--_font-size:var(--md-otp-field-font-size, max(16px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_error-color:var(--md-sys-color-error, #B3261E);--_text-color:var(--md-sys-color-on-surface, #1C1B1F);--_support-color:var(--md-sys-color-on-surface-variant, #49454F);display:inline-flex;flex-direction:column;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);box-sizing:border-box}.md-otp-field__cells{display:flex;align-items:center;flex-wrap:wrap;gap:var(--_cell-gap);direction:ltr}.md-otp-field__cell{box-sizing:border-box;inline-size:var(--_cell-width);block-size:var(--_cell-height);min-inline-size:0;padding:0;margin:0;border:1px solid var(--_outline-color);border-radius:var(--_cell-shape);background:transparent;color:var(--_text-color);caret-color:var(--_focus-color);text-align:center;font-family:inherit;font-size:var(--_font-size);font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:1;outline:none;transition:border-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-otp-field__cell:hover:not(:focus):not(:disabled){border-color:var(--md-sys-color-on-surface, #1C1B1F)}.md-otp-field__cell:focus{border-color:var(--_focus-color);border-width:3px;transition:none}:host(.md-otp-field--error) .md-otp-field__cell{border-color:var(--_error-color);color:var(--_error-color);caret-color:var(--_error-color)}:host(.md-otp-field--error) .md-otp-field__cell:hover:not(:focus):not(:disabled){border-color:var(--md-sys-color-on-error-container, #8C1D18)}:host(.md-otp-field--error) .md-otp-field__cell:focus{border-color:var(--_error-color);border-width:3px;transition:none}:host(.md-otp-field--readonly) .md-otp-field__cell:hover:not(:focus){border-color:var(--_outline-color)}:host(.md-otp-field--readonly.md-otp-field--error) .md-otp-field__cell:hover:not(:focus){border-color:var(--_error-color)}:host(.md-otp-field--disabled){pointer-events:none}.md-otp-field__cell:disabled{border-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-otp-field--disabled) .md-otp-field__support-text{color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-otp-field--disabled) .md-otp-field__separator-dot{background:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}.md-otp-field__separator{display:inline-flex;align-items:center;justify-content:center;color:var(--_support-color);min-inline-size:max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px));user-select:none}.md-otp-field__separator-dot{inline-size:max(6px, calc(8px + var(--md-sys-density-scale, 0) * 0.5px));block-size:max(6px, calc(8px + var(--md-sys-density-scale, 0) * 0.5px));border-radius:var(--md-sys-shape-corner-full, 9999px);background:var(--_outline-color)}.md-otp-field__support-row{padding-block-start:4px;padding-inline:4px}.md-otp-field__support-text{font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--_support-color)}.md-otp-field__support-text--error{color:var(--_error-color)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}@media (prefers-reduced-motion: reduce){.md-otp-field__cell{transition-duration:0.01ms !important}}@media (forced-colors: active){.md-otp-field__cell{forced-color-adjust:none;border-color:ButtonText;background:Field;color:FieldText;caret-color:FieldText}.md-otp-field__cell:focus{border-color:Highlight}.md-otp-field__cell:hover:not(:focus):not(:disabled){border-color:Highlight}:host(.md-otp-field--error) .md-otp-field__cell{border-color:LinkText;color:FieldText;caret-color:FieldText}:host(.md-otp-field--error) .md-otp-field__cell:focus,:host(.md-otp-field--error) .md-otp-field__cell:hover:not(:focus):not(:disabled){border-color:LinkText}.md-otp-field__cell:disabled{border-color:GrayText;color:GrayText}.md-otp-field__support-text{color:CanvasText}.md-otp-field__support-text--error{color:LinkText}:host(.md-otp-field--disabled) .md-otp-field__support-text{color:GrayText}.md-otp-field__separator-dot{background:CanvasText}}`;const h=class{constructor(e){t(this,e);this.mdInput=s(this,"mdInput",7);this.mdChange=s(this,"mdChange",7);this.mdComplete=s(this,"mdComplete",7);this.mdInvalidInput=s(this,"mdInvalidInput",7);this.mdValidityChange=s(this,"mdValidityChange",5);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.length=6;this.value="";this.validationType="numeric";this.transform="none";this.mask=false;this.autoSubmit=false;this.groupSize=0;this.inputMode="";this.name="";this.disabled=false;this.readOnly=false;this.required=false;this.error=false;this.errorText="";this.supportingText="";this.label="One-time code";this.cellLabelTemplate="Character {index} of {length}";this.valueMissingLabel="Please enter the complete code.";this.incompleteLabel="";this.density=0;this.reserveSupportingSpace=false;this.formDisabled=false;this.inputEls=[];this.uid=`md-otp-field-${Math.random().toString(36).slice(2,7)}`;this.customValidityMessage="";this.lastCommitted="";this.lastValidityKey=null;this.handleInput=t=>{const s=t.target;const e=this.indexOfCell(s);if(e<0)return;if(this.isDisabled||this.readOnly){this.syncCellDom();return}const i=s.value;const o=this.value;if(i===""){if(e<o.length){const t=this.updateValue(o.slice(0,e)+o.slice(e+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}else{this.syncCellDom()}return}const{clean:r,rejected:l}=this.sanitize(i);if(l)this.mdInvalidInput.emit({attempted:i,reason:"input-change"});if(!r){this.syncCellDom();return}let a;let n;if(r.length>=this.cellCount){a=r.slice(0,this.cellCount);n=this.cellCount-1}else{const t=Math.min(e,o.length);const s=o.split("");for(let e=0;e<r.length;e++)s[t+e]=r.charAt(e);a=s.join("").slice(0,this.cellCount);n=Math.min(t+r.length,this.cellCount-1)}const d=this.updateValue(a);this.syncCellDom();this.focusCell(n);if(d)this.mdInput.emit(this.value);this.maybeComplete(o,false)};this.handleKeyDown=t=>{const s=t.target;const e=this.indexOfCell(s);if(e<0||this.isDisabled)return;switch(t.key){case"Backspace":{t.preventDefault();if(this.readOnly)return;const s=this.value;if(this.chars[e]){const t=this.updateValue(s.slice(0,e)+s.slice(e+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}else if(e>0){const t=e-1;this.focusCell(t);if(t<s.length){const e=this.updateValue(s.slice(0,t)+s.slice(t+1));this.syncCellDom();if(e)this.mdInput.emit(this.value)}}break}case"Delete":{t.preventDefault();if(this.readOnly)return;const s=this.value;if(e<s.length){const t=this.updateValue(s.slice(0,e)+s.slice(e+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}break}case"ArrowLeft":t.preventDefault();this.focusCell(e-1);break;case"ArrowRight":t.preventDefault();this.focusCell(e+1);break;case"Home":t.preventDefault();this.focusCell(0);break;case"End":t.preventDefault();this.focusCell(this.cellCount-1);break}};this.handleFocus=t=>{const s=t.target;if(typeof s.select==="function")s.select()};this.handleCellClick=t=>{const s=t.target;if(typeof s.select==="function")s.select()};this.handlePaste=t=>{t.preventDefault();if(this.isDisabled||this.readOnly)return;const s=t.clipboardData?.getData("text")??"";const e=this.value;const{clean:i,rejected:o}=this.sanitize(s);if(o)this.mdInvalidInput.emit({attempted:s,reason:"input-paste"});if(!i)return;const r=this.updateValue(i);this.syncCellDom();this.focusCell(Math.min(i.length,this.cellCount-1));if(r)this.mdInput.emit(this.value);this.maybeComplete(e,true)};this.handleFocusOut=t=>{const s=t.relatedTarget;if(s&&this.cellsEl&&this.cellsEl.contains(s))return;this.commit()}}get isDisabled(){return this.disabled||this.formDisabled}get cellCount(){const t=Math.floor(this.length);return Number.isFinite(t)&&t>0?t:1}get chars(){const t=[];for(let s=0;s<this.cellCount;s++)t.push(this.value.charAt(s)||"");return t}get effectiveInputMode(){return this.inputMode||(this.validationType==="numeric"?"numeric":"text")}componentWillLoad(){const{clean:t}=this.sanitize(this.value??"");if(t!==this.value)this.value=t;this.lastCommitted=this.value;this.syncFormState()}componentDidLoad(){this.syncValidity()}onValueChanged(){const{clean:t}=this.sanitize(this.value??"");if(t!==this.value){this.value=t;return}this.syncFormState()}onPipelineChanged(){const{clean:t}=this.sanitize(this.value??"");if(t!==this.value){this.value=t}else{this.syncFormState()}}onValidityInputsChanged(){this.syncValidity()}formResetCallback(){this.value="";this.lastCommitted=""}formDisabledCallback(t){queueMicrotask((()=>{this.formDisabled=t}))}formStateRestoreCallback(t){if(typeof t==="string"){this.value=this.sanitize(t).clean}}async setFocus(){const t=this.chars.findIndex((t=>!t));this.focusCell(t===-1?this.cellCount-1:t)}async clear(){this.value="";this.lastCommitted=""}async getValidity(){return r(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.syncValidity()}async checkValidity(){return l(this.internals)}async reportValidity(){return a(this.internals)}sanitize(t){const s=String(t??"").replace(/\s+/g,"");const e=this.transform==="uppercase"?s.toUpperCase():s;let i=e;if(this.validationType==="numeric")i=e.replace(/[^0-9]/g,"");else if(this.validationType==="alpha")i=e.replace(/[^a-zA-Z]/g,"");else if(this.validationType==="alphanumeric")i=e.replace(/[^0-9a-zA-Z]/g,"");return{clean:i.slice(0,this.cellCount),rejected:i.length!==e.length}}syncFormState(){n(this.internals,this.value||null);this.syncValidity()}syncValidity(){const t=this.value.length;const s=this.required&&t===0;const e=this.required&&!!this.incompleteLabel&&t>0&&t<this.cellCount;d(this.internals,{missing:s||e,missingMessage:e?this.incompleteLabel:this.valueMissingLabel,customMessage:this.customValidityMessage,anchor:this.inputEls[0]});this.emitValidityChange()}emitValidityChange(){const t=r(this.internals);const s=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===s)return;const e=this.lastValidityKey!==null;this.lastValidityKey=s;if(e)this.mdValidityChange.emit(t)}updateValue(t){if(t===this.value)return false;this.value=t;return true}syncCellDom(){const t=this.chars;this.inputEls.forEach(((s,e)=>{if(s&&s.value!==t[e])s.value=t[e]}))}focusCell(t){const s=Math.max(0,Math.min(t,this.cellCount-1));const e=this.inputEls[s];if(e&&typeof e.focus==="function")e.focus()}indexOfCell(t){return this.inputEls.findIndex((s=>s===t))}commit(){if(this.value===this.lastCommitted)return;this.lastCommitted=this.value;this.mdChange.emit(this.value)}maybeComplete(t,s){const e=this.value.length>=this.cellCount;if(!e)return;const i=t.length<this.cellCount;if(!i&&!s)return;this.commit();this.mdComplete.emit({value:this.value});if(this.autoSubmit){this.internals.form?.requestSubmit()}}render(){const t=this.isDisabled;const s=this.chars;const o=this.cellCount;const r=this.mask?"password":"text";const l=this.effectiveInputMode;const a=Math.max(0,Math.floor(this.groupSize)||0);const n=this.error&&this.errorText?this.errorText:this.supportingText;const d=!!n||this.reserveSupportingSpace;this.inputEls.length=o;const c=[];for(let i=0;i<o;i++){if(a>0&&i>0&&i%a===0){c.push(e("span",{class:"md-otp-field__separator",part:"separator","aria-hidden":"true"},e("slot",{name:"separator"},e("span",{class:"md-otp-field__separator-dot"}))))}const d=this.cellLabelTemplate.replace("{index}",String(i+1)).replace("{length}",String(o));c.push(e("input",{key:`cell-${i}`,ref:t=>{this.inputEls[i]=t},class:{"md-otp-field__cell":true,"md-otp-field__cell--filled":!!s[i]},part:"cell",type:r,disabled:t,readOnly:this.readOnly,autocomplete:i===0?"one-time-code":"off",inputMode:l,value:s[i],"aria-label":d,"aria-invalid":this.error?"true":undefined,"aria-required":i===0&&this.required?"true":undefined,"aria-describedby":n?`${this.uid}-support`:undefined,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onClick:this.handleCellClick,onPaste:this.handlePaste}))}return e(i,{key:"540edbbe363e2f0ea8ef310d853c4feabc50c89d",class:{"md-otp-field":true,"md-otp-field--disabled":t,"md-otp-field--readonly":this.readOnly,"md-otp-field--error":this.error,"md-otp-field--masked":this.mask}},e("div",{key:"3ce903d367a31fccba284b9581e2e075c59f25e9",class:"md-otp-field__cells",part:"cells",role:"group","aria-label":this.label||undefined,dir:"ltr",ref:t=>{this.cellsEl=t},onFocusout:this.handleFocusOut},c),d&&e("div",{key:"11dfa6c1c2fc88f6514f7eaba339b122aca3f008",class:"md-otp-field__support-row"},e("span",{key:"8b8c1eee61b1e2a758032b275f0bd9d2e5c010ba",id:`${this.uid}-support`,part:"supporting-text",role:this.error&&n?"alert":undefined,class:{"md-otp-field__support-text":true,"md-otp-field__support-text--error":this.error}},n||"​")))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:[{onValueChanged:0}],length:[{onPipelineChanged:0}],validationType:[{onPipelineChanged:0}],transform:[{onPipelineChanged:0}],required:[{onValidityInputsChanged:0}],valueMissingLabel:[{onValidityInputsChanged:0}],incompleteLabel:[{onValidityInputsChanged:0}]}}};h.style=c();export{h as md_otp_field};
-//# sourceMappingURL=p-edb34a6d.entry.js.map
+import{r as t,c as s,h as e,H as i,g as o}from"./p-WmvQpZnM.js";import{g as r,c as l,r as a,s as n,a as d}from"./p-DWxN44zD.js";const c=()=>`:host{--_cell-width:var(--md-otp-field-cell-width, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_cell-height:var(--md-otp-field-cell-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_cell-gap:var(--md-otp-field-cell-gap, var(--md-sys-spacing-gap-sm, 8px));--_cell-shape:var(--md-otp-field-cell-shape, var(--md-sys-shape-corner-small, 8px));--_outline-color:var(--md-otp-field-outline-color, var(--md-sys-color-outline, #79747E));--_focus-color:var(--md-otp-field-focus-color, var(--md-sys-color-primary, #6750A4));--_font-size:var(--md-otp-field-font-size, max(16px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_error-color:var(--md-sys-color-error, #B3261E);--_text-color:var(--md-sys-color-on-surface, #1C1B1F);--_support-color:var(--md-sys-color-on-surface-variant, #49454F);display:inline-flex;flex-direction:column;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);box-sizing:border-box}.md-otp-field__cells{display:flex;align-items:center;flex-wrap:wrap;gap:var(--_cell-gap);direction:ltr}.md-otp-field__cell{box-sizing:border-box;inline-size:var(--_cell-width);block-size:var(--_cell-height);min-inline-size:0;padding:0;margin:0;border:1px solid var(--_outline-color);border-radius:var(--_cell-shape);background:transparent;color:var(--_text-color);caret-color:var(--_focus-color);text-align:center;font-family:inherit;font-size:var(--_font-size);font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:1;outline:none;transition:border-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-otp-field__cell:hover:not(:focus):not(:disabled){border-color:var(--md-sys-color-on-surface, #1C1B1F)}.md-otp-field__cell:focus{border-color:var(--_focus-color);border-width:3px;transition:none}:host(.md-otp-field--error) .md-otp-field__cell{border-color:var(--_error-color);color:var(--_error-color);caret-color:var(--_error-color)}:host(.md-otp-field--error) .md-otp-field__cell:hover:not(:focus):not(:disabled){border-color:var(--md-sys-color-on-error-container, #8C1D18)}:host(.md-otp-field--error) .md-otp-field__cell:focus{border-color:var(--_error-color);border-width:3px;transition:none}:host(.md-otp-field--readonly) .md-otp-field__cell:hover:not(:focus){border-color:var(--_outline-color)}:host(.md-otp-field--readonly.md-otp-field--error) .md-otp-field__cell:hover:not(:focus){border-color:var(--_error-color)}:host(.md-otp-field--disabled){pointer-events:none}.md-otp-field__cell:disabled{border-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-otp-field--disabled) .md-otp-field__support-text{color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-otp-field--disabled) .md-otp-field__separator-dot{background:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}.md-otp-field__separator{display:inline-flex;align-items:center;justify-content:center;color:var(--_support-color);min-inline-size:max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px));user-select:none}.md-otp-field__separator-dot{inline-size:max(6px, calc(8px + var(--md-sys-density-scale, 0) * 0.5px));block-size:max(6px, calc(8px + var(--md-sys-density-scale, 0) * 0.5px));border-radius:var(--md-sys-shape-corner-full, 9999px);background:var(--_outline-color)}.md-otp-field__support-row{padding-block-start:4px;padding-inline:4px}.md-otp-field__support-text{font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--_support-color)}.md-otp-field__support-text--error{color:var(--_error-color)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}@media (prefers-reduced-motion: reduce){.md-otp-field__cell{transition-duration:0.01ms !important}}@media (forced-colors: active){.md-otp-field__cell{forced-color-adjust:none;border-color:ButtonText;background:Field;color:FieldText;caret-color:FieldText}.md-otp-field__cell:focus{border-color:Highlight}.md-otp-field__cell:hover:not(:focus):not(:disabled){border-color:Highlight}:host(.md-otp-field--error) .md-otp-field__cell{border-color:LinkText;color:FieldText;caret-color:FieldText}:host(.md-otp-field--error) .md-otp-field__cell:focus,:host(.md-otp-field--error) .md-otp-field__cell:hover:not(:focus):not(:disabled){border-color:LinkText}.md-otp-field__cell:disabled{border-color:GrayText;color:GrayText}.md-otp-field__support-text{color:CanvasText}.md-otp-field__support-text--error{color:LinkText}:host(.md-otp-field--disabled) .md-otp-field__support-text{color:GrayText}.md-otp-field__separator-dot{background:CanvasText}}`;const h=class{constructor(e){t(this,e);this.mdInput=s(this,"mdInput",7);this.mdChange=s(this,"mdChange",7);this.mdComplete=s(this,"mdComplete",7);this.mdInvalidInput=s(this,"mdInvalidInput",7);this.mdValidityChange=s(this,"mdValidityChange",5);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.length=6;this.value="";this.validationType="numeric";this.transform="none";this.mask=false;this.autoSubmit=false;this.groupSize=0;this.inputMode="";this.name="";this.disabled=false;this.readOnly=false;this.required=false;this.error=false;this.errorText="";this.supportingText="";this.label="One-time code";this.cellLabelTemplate="Character {index} of {length}";this.valueMissingLabel="Please enter the complete code.";this.incompleteLabel="";this.density=0;this.reserveSupportingSpace=false;this.formDisabled=false;this.inputEls=[];this.uid=`md-otp-field-${Math.random().toString(36).slice(2,7)}`;this.customValidityMessage="";this.lastCommitted="";this.lastValidityKey=null;this.handleInput=t=>{const s=t.target;const e=this.indexOfCell(s);if(e<0)return;if(this.isDisabled||this.readOnly){this.syncCellDom();return}const i=s.value;const o=this.value;if(i===""){if(e<o.length){const t=this.updateValue(o.slice(0,e)+o.slice(e+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}else{this.syncCellDom()}return}const{clean:r,rejected:l}=this.sanitize(i);if(l)this.mdInvalidInput.emit({attempted:i,reason:"input-change"});if(!r){this.syncCellDom();return}let a;let n;if(r.length>=this.cellCount){a=r.slice(0,this.cellCount);n=this.cellCount-1}else{const t=Math.min(e,o.length);const s=o.split("");for(let e=0;e<r.length;e++)s[t+e]=r.charAt(e);a=s.join("").slice(0,this.cellCount);n=Math.min(t+r.length,this.cellCount-1)}const d=this.updateValue(a);this.syncCellDom();this.focusCell(n);if(d)this.mdInput.emit(this.value);this.maybeComplete(o,false)};this.handleKeyDown=t=>{const s=t.target;const e=this.indexOfCell(s);if(e<0||this.isDisabled)return;switch(t.key){case"Backspace":{t.preventDefault();if(this.readOnly)return;const s=this.value;if(this.chars[e]){const t=this.updateValue(s.slice(0,e)+s.slice(e+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}else if(e>0){const t=e-1;this.focusCell(t);if(t<s.length){const e=this.updateValue(s.slice(0,t)+s.slice(t+1));this.syncCellDom();if(e)this.mdInput.emit(this.value)}}break}case"Delete":{t.preventDefault();if(this.readOnly)return;const s=this.value;if(e<s.length){const t=this.updateValue(s.slice(0,e)+s.slice(e+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}break}case"ArrowLeft":t.preventDefault();this.focusCell(e-1);break;case"ArrowRight":t.preventDefault();this.focusCell(e+1);break;case"Home":t.preventDefault();this.focusCell(0);break;case"End":t.preventDefault();this.focusCell(this.cellCount-1);break}};this.handleFocus=t=>{const s=t.target;if(typeof s.select==="function")s.select()};this.handleCellClick=t=>{const s=t.target;if(typeof s.select==="function")s.select()};this.handlePaste=t=>{t.preventDefault();if(this.isDisabled||this.readOnly)return;const s=t.clipboardData?.getData("text")??"";const e=this.value;const{clean:i,rejected:o}=this.sanitize(s);if(o)this.mdInvalidInput.emit({attempted:s,reason:"input-paste"});if(!i)return;const r=this.updateValue(i);this.syncCellDom();this.focusCell(Math.min(i.length,this.cellCount-1));if(r)this.mdInput.emit(this.value);this.maybeComplete(e,true)};this.handleFocusOut=t=>{const s=t.relatedTarget;if(s&&this.cellsEl&&this.cellsEl.contains(s))return;this.commit()}}get isDisabled(){return this.disabled||this.formDisabled}get cellCount(){const t=Math.floor(this.length);return Number.isFinite(t)&&t>0?t:1}get chars(){const t=[];for(let s=0;s<this.cellCount;s++)t.push(this.value.charAt(s)||"");return t}get effectiveInputMode(){return this.inputMode||(this.validationType==="numeric"?"numeric":"text")}componentWillLoad(){const{clean:t}=this.sanitize(this.value??"");if(t!==this.value)this.value=t;this.lastCommitted=this.value;this.syncFormState()}componentDidLoad(){this.syncValidity()}onValueChanged(){const{clean:t}=this.sanitize(this.value??"");if(t!==this.value){this.value=t;return}this.syncFormState()}onPipelineChanged(){const{clean:t}=this.sanitize(this.value??"");if(t!==this.value){this.value=t}else{this.syncFormState()}}onValidityInputsChanged(){this.syncValidity()}formResetCallback(){this.value="";this.lastCommitted=""}formDisabledCallback(t){queueMicrotask((()=>{this.formDisabled=t}))}formStateRestoreCallback(t){if(typeof t==="string"){this.value=this.sanitize(t).clean}}async setFocus(){const t=this.chars.findIndex((t=>!t));this.focusCell(t===-1?this.cellCount-1:t)}async clear(){this.value="";this.lastCommitted=""}async getValidity(){return r(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.syncValidity()}async checkValidity(){return l(this.internals)}async reportValidity(){return a(this.internals)}sanitize(t){const s=String(t??"").replace(/\s+/g,"");const e=this.transform==="uppercase"?s.toUpperCase():s;let i=e;if(this.validationType==="numeric")i=e.replace(/[^0-9]/g,"");else if(this.validationType==="alpha")i=e.replace(/[^a-zA-Z]/g,"");else if(this.validationType==="alphanumeric")i=e.replace(/[^0-9a-zA-Z]/g,"");return{clean:i.slice(0,this.cellCount),rejected:i.length!==e.length}}syncFormState(){n(this.internals,this.value||null);this.syncValidity()}syncValidity(){const t=this.value.length;const s=this.required&&t===0;const e=this.required&&!!this.incompleteLabel&&t>0&&t<this.cellCount;d(this.internals,{missing:s||e,missingMessage:e?this.incompleteLabel:this.valueMissingLabel,customMessage:this.customValidityMessage,anchor:this.inputEls[0]});this.emitValidityChange()}emitValidityChange(){const t=r(this.internals);const s=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===s)return;const e=this.lastValidityKey!==null;this.lastValidityKey=s;if(e)this.mdValidityChange.emit(t)}updateValue(t){if(t===this.value)return false;this.value=t;return true}syncCellDom(){const t=this.chars;this.inputEls.forEach(((s,e)=>{if(s&&s.value!==t[e])s.value=t[e]}))}focusCell(t){const s=Math.max(0,Math.min(t,this.cellCount-1));const e=this.inputEls[s];if(e&&typeof e.focus==="function")e.focus()}indexOfCell(t){return this.inputEls.findIndex((s=>s===t))}commit(){if(this.value===this.lastCommitted)return;this.lastCommitted=this.value;this.mdChange.emit(this.value)}maybeComplete(t,s){const e=this.value.length>=this.cellCount;if(!e)return;const i=t.length<this.cellCount;if(!i&&!s)return;this.commit();this.mdComplete.emit({value:this.value});if(this.autoSubmit){this.internals.form?.requestSubmit()}}render(){const t=this.isDisabled;const s=this.chars;const o=this.cellCount;const r=this.mask?"password":"text";const l=this.effectiveInputMode;const a=Math.max(0,Math.floor(this.groupSize)||0);const n=this.error&&this.errorText?this.errorText:this.supportingText;const d=!!n||this.reserveSupportingSpace;this.inputEls.length=o;const c=[];for(let i=0;i<o;i++){if(a>0&&i>0&&i%a===0){c.push(e("span",{class:"md-otp-field__separator",part:"separator","aria-hidden":"true"},e("slot",{name:"separator"},e("span",{class:"md-otp-field__separator-dot"}))))}const d=this.cellLabelTemplate.replace("{index}",String(i+1)).replace("{length}",String(o));c.push(e("input",{key:`cell-${i}`,ref:t=>{this.inputEls[i]=t},class:{"md-otp-field__cell":true,"md-otp-field__cell--filled":!!s[i]},part:"cell",type:r,disabled:t,readOnly:this.readOnly,autocomplete:i===0?"one-time-code":"off",inputMode:l,value:s[i],"aria-label":d,"aria-invalid":this.error?"true":undefined,"aria-required":i===0&&this.required?"true":undefined,"aria-describedby":n?`${this.uid}-support`:undefined,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onClick:this.handleCellClick,onPaste:this.handlePaste}))}return e(i,{key:"a737546458648b9a4d93231ef3ec423bd61236c6",class:{"md-otp-field":true,"md-otp-field--disabled":t,"md-otp-field--readonly":this.readOnly,"md-otp-field--error":this.error,"md-otp-field--masked":this.mask}},e("div",{key:"5a1d90c079a4f64c13f898615238956a055b7dcf",class:"md-otp-field__cells",part:"cells",role:"group","aria-label":this.label||undefined,dir:"ltr",ref:t=>{this.cellsEl=t},onFocusout:this.handleFocusOut},c),d&&e("div",{key:"8a49a9672a1b59f2e9d942df4172da52b336ba23",class:"md-otp-field__support-row"},e("span",{key:"879c852f5b3fae2ec47d87eb34bf8b97b062e030",id:`${this.uid}-support`,part:"supporting-text",role:this.error&&n?"alert":undefined,class:{"md-otp-field__support-text":true,"md-otp-field__support-text--error":this.error}},n||"​")))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:[{onValueChanged:0}],length:[{onPipelineChanged:0}],validationType:[{onPipelineChanged:0}],transform:[{onPipelineChanged:0}],required:[{onValidityInputsChanged:0}],valueMissingLabel:[{onValidityInputsChanged:0}],incompleteLabel:[{onValidityInputsChanged:0}]}}};h.style=c();export{h as md_otp_field};
+//# sourceMappingURL=p-43c708ad.entry.js.map

package/dist/md3/{p-3015c7e3.entry.js → p-4770b534.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,f as a,h as o,H as r,a as t}from"./p-DTaX19_O.js";const s=()=>`:host{--_color:var(--md-table-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_shape:var(--md-table-container-shape, var(--md-sys-shape-corner-extra-large, 24px));--_elevation:var(--md-table-container-elevation, var(--md-sys-elevation-1, 0 1px 2px rgba(0, 0, 0, 0.08)));--_outline-color:var(--md-table-container-outline-color, var(--md-sys-color-outline-variant, #CAC4D0));--_outline-width:var(--md-table-container-outline-width, 1px);--_max-h:none;--_min-h:0;display:flex;flex-direction:column;background-color:var(--_color);border-radius:var(--_shape);position:relative;overflow:hidden;isolation:isolate;inline-size:100%;box-sizing:border-box;transition:box-shadow var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     background-color var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-table-container--shape-extra-large){--_shape:var(--md-sys-shape-corner-extra-large, 28px)}:host(.md-table-container--shape-large){--_shape:var(--md-sys-shape-corner-large, 16px)}:host(.md-table-container--shape-medium){--_shape:var(--md-sys-shape-corner-medium, 12px)}:host(.md-table-container--shape-small){--_shape:var(--md-sys-shape-corner-small, 8px)}:host(.md-table-container--shape-none){--_shape:0}:host(.md-table-container--elevated){--md-table-surface:var(--md-sys-color-surface-container-low, #F7F2FA);background-color:var(--md-table-surface);box-shadow:var(--_elevation)}:host(.md-table-container--outlined){--md-table-surface:var(--md-sys-color-surface, #FFFBFE);background-color:var(--md-table-surface);box-shadow:none;border:var(--_outline-width) solid var(--_outline-color)}:host(.md-table-container--filled){--md-table-surface:var(--md-sys-color-surface-container-low, #F7F2FA);background-color:var(--md-table-surface);box-shadow:none}:host(.md-table-container--flat){--md-table-surface:var(--md-sys-color-surface, #FEF7FF);background-color:transparent;box-shadow:none}:host([elevation='0']){box-shadow:none}:host([elevation='1']){box-shadow:var(--md-sys-elevation-1, 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15))}:host([elevation='2']){box-shadow:var(--md-sys-elevation-2, 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15))}:host([elevation='3']){box-shadow:var(--md-sys-elevation-3, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3))}:host([elevation='4']){box-shadow:var(--md-sys-elevation-4, 0 6px 10px 4px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.3))}:host([elevation='5']){box-shadow:var(--md-sys-elevation-5, 0 8px 12px 6px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.3))}:host(.md-table-container--vibrant){background-color:color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 6%, var(--md-sys-color-surface, #FEF7FF));--md-table-head-bg:var(--md-sys-color-primary-container, #EADDFF);--md-table-head-color:var(--md-sys-color-on-primary-container, #21005D);--md-table-sort-label-color:var(--md-sys-color-on-primary-container, #21005D);--md-table-sort-label-active-color:var(--md-sys-color-primary, #6750A4);--md-table-row-hover-color:var(--md-sys-color-primary, #6750A4);--md-table-row-selected-bg:var(--md-sys-color-tertiary-container, #FFD8E4);--md-table-row-selected-color:var(--md-sys-color-on-tertiary-container, #31111D);--md-table-divider-color:color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 22%, transparent);--md-table-stripe-color:color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 7%, transparent)}.md-table-container__top:empty,.md-table-container__bottom:empty{display:none}.md-table-container__top,.md-table-container__bottom{display:flex;flex-direction:column;flex:0 0 auto}.md-table-container__scroll{flex:1 1 auto;min-block-size:var(--_min-h);overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;position:relative}:host(.md-table-container--scrollable) .md-table-container__scroll{max-block-size:var(--_max-h);overflow-y:auto}:host(.md-table-container--frozen-header) .md-table-container__scroll{overflow:visible;max-block-size:none}.md-table-container__scroll::-webkit-scrollbar{width:10px;height:10px}.md-table-container__scroll::-webkit-scrollbar-thumb{background:var(--md-sys-color-surface-container-highest, #E6E0E9);border-radius:999px;border:2px solid transparent;background-clip:content-box}.md-table-container__scroll::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline-variant, #CAC4D0);background-clip:content-box}.md-table-container__scroll::-webkit-scrollbar-corner{background:transparent}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;const n=class{constructor(a){e(this,a);this.variant="elevated";this.shape="large";this.maxHeight="";this.minHeight="";this.vibrant=false}connectedCallback(){if(typeof MutationObserver==="undefined")return;this.frozenMirror=new MutationObserver((()=>a(this)));this.frozenMirror.observe(this.el,{subtree:true,attributes:true,attributeFilter:["frozen-header"]});this.childMirror=new MutationObserver((e=>{for(const o of e){for(const e of[...o.addedNodes,...o.removedNodes]){if(e.tagName==="MD-TABLE"){a(this);return}}}}));this.childMirror.observe(this.el,{childList:true})}disconnectedCallback(){this.frozenMirror?.disconnect();this.frozenMirror=undefined;this.childMirror?.disconnect();this.childMirror=undefined}handlePaginationChange(e){if(e.target?.tagName!=="MD-TABLE-PAGINATION")return;const a=this.el.querySelector("md-table");a?.dispatchEvent(new CustomEvent("mdMotionArm"))}render(){const e={};if(this.maxHeight){e["--_max-h"]=this.maxHeight;e["--md-table-body-max-h"]=this.maxHeight}if(this.minHeight)e["--_min-h"]=this.minHeight;const a=!!this.el.querySelector("md-table[frozen-header]");return o(r,{key:"3ad67d59fd5a07811127cbe176dcd9ce883a3bc0",class:{"md-table-container":true,[`md-table-container--${this.variant}`]:true,[`md-table-container--shape-${this.shape}`]:true,"md-table-container--scrollable":!!this.maxHeight,"md-table-container--frozen-header":a,"md-table-container--vibrant":this.vibrant},style:e},o("div",{key:"8bd0ad9d9b2aa2c09da06e21d184bfc287d582ee",class:"md-table-container__top",part:"top"},o("slot",{key:"f2fccf15e3426f69f9a865b8130db1f8369e3c99",name:"top"})),o("div",{key:"12e240cc907c0cb2812eb1852758d53c6a13ed99",class:"md-table-container__scroll",part:"scroll"},o("slot",{key:"8c70dba498541b018ad4c2678dc7b4f5b89ef953"})),o("div",{key:"15eebc6d105517b22b718fe3792721fb9ebd65fb",class:"md-table-container__bottom",part:"bottom"},o("slot",{key:"b5d777b38163ce20cbad2caf4196f6d08fa3b740",name:"bottom"})))}get el(){return t(this)}};n.style=s();export{n as md_table_container};
-//# sourceMappingURL=p-3015c7e3.entry.js.map
+import{r as e,f as a,h as o,H as r,g as t}from"./p-WmvQpZnM.js";const s=()=>`:host{--_color:var(--md-table-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_shape:var(--md-table-container-shape, var(--md-sys-shape-corner-extra-large, 24px));--_elevation:var(--md-table-container-elevation, var(--md-sys-elevation-1, 0 1px 2px rgba(0, 0, 0, 0.08)));--_outline-color:var(--md-table-container-outline-color, var(--md-sys-color-outline-variant, #CAC4D0));--_outline-width:var(--md-table-container-outline-width, 1px);--_max-h:none;--_min-h:0;display:flex;flex-direction:column;background-color:var(--_color);border-radius:var(--_shape);position:relative;overflow:hidden;isolation:isolate;inline-size:100%;box-sizing:border-box;transition:box-shadow var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     background-color var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-table-container--shape-extra-large){--_shape:var(--md-sys-shape-corner-extra-large, 28px)}:host(.md-table-container--shape-large){--_shape:var(--md-sys-shape-corner-large, 16px)}:host(.md-table-container--shape-medium){--_shape:var(--md-sys-shape-corner-medium, 12px)}:host(.md-table-container--shape-small){--_shape:var(--md-sys-shape-corner-small, 8px)}:host(.md-table-container--shape-none){--_shape:0}:host(.md-table-container--elevated){--md-table-surface:var(--md-sys-color-surface-container-low, #F7F2FA);background-color:var(--md-table-surface);box-shadow:var(--_elevation)}:host(.md-table-container--outlined){--md-table-surface:var(--md-sys-color-surface, #FFFBFE);background-color:var(--md-table-surface);box-shadow:none;border:var(--_outline-width) solid var(--_outline-color)}:host(.md-table-container--filled){--md-table-surface:var(--md-sys-color-surface-container-low, #F7F2FA);background-color:var(--md-table-surface);box-shadow:none}:host(.md-table-container--flat){--md-table-surface:var(--md-sys-color-surface, #FEF7FF);background-color:transparent;box-shadow:none}:host([elevation='0']){box-shadow:none}:host([elevation='1']){box-shadow:var(--md-sys-elevation-1, 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15))}:host([elevation='2']){box-shadow:var(--md-sys-elevation-2, 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15))}:host([elevation='3']){box-shadow:var(--md-sys-elevation-3, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3))}:host([elevation='4']){box-shadow:var(--md-sys-elevation-4, 0 6px 10px 4px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.3))}:host([elevation='5']){box-shadow:var(--md-sys-elevation-5, 0 8px 12px 6px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.3))}:host(.md-table-container--vibrant){background-color:color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 6%, var(--md-sys-color-surface, #FEF7FF));--md-table-head-bg:var(--md-sys-color-primary-container, #EADDFF);--md-table-head-color:var(--md-sys-color-on-primary-container, #21005D);--md-table-sort-label-color:var(--md-sys-color-on-primary-container, #21005D);--md-table-sort-label-active-color:var(--md-sys-color-primary, #6750A4);--md-table-row-hover-color:var(--md-sys-color-primary, #6750A4);--md-table-row-selected-bg:var(--md-sys-color-tertiary-container, #FFD8E4);--md-table-row-selected-color:var(--md-sys-color-on-tertiary-container, #31111D);--md-table-divider-color:color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 22%, transparent);--md-table-stripe-color:color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 7%, transparent)}.md-table-container__top:empty,.md-table-container__bottom:empty{display:none}.md-table-container__top,.md-table-container__bottom{display:flex;flex-direction:column;flex:0 0 auto}.md-table-container__scroll{flex:1 1 auto;min-block-size:var(--_min-h);overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;position:relative}:host(.md-table-container--scrollable) .md-table-container__scroll{max-block-size:var(--_max-h);overflow-y:auto}:host(.md-table-container--frozen-header) .md-table-container__scroll{overflow:visible;max-block-size:none}.md-table-container__scroll::-webkit-scrollbar{width:10px;height:10px}.md-table-container__scroll::-webkit-scrollbar-thumb{background:var(--md-sys-color-surface-container-highest, #E6E0E9);border-radius:999px;border:2px solid transparent;background-clip:content-box}.md-table-container__scroll::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline-variant, #CAC4D0);background-clip:content-box}.md-table-container__scroll::-webkit-scrollbar-corner{background:transparent}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;const n=class{constructor(a){e(this,a);this.variant="elevated";this.shape="large";this.maxHeight="";this.minHeight="";this.vibrant=false}connectedCallback(){if(typeof MutationObserver==="undefined")return;this.frozenMirror=new MutationObserver((()=>a(this)));this.frozenMirror.observe(this.el,{subtree:true,attributes:true,attributeFilter:["frozen-header"]});this.childMirror=new MutationObserver((e=>{for(const o of e){for(const e of[...o.addedNodes,...o.removedNodes]){if(e.tagName==="MD-TABLE"){a(this);return}}}}));this.childMirror.observe(this.el,{childList:true})}disconnectedCallback(){this.frozenMirror?.disconnect();this.frozenMirror=undefined;this.childMirror?.disconnect();this.childMirror=undefined}handlePaginationChange(e){if(e.target?.tagName!=="MD-TABLE-PAGINATION")return;const a=this.el.querySelector("md-table");a?.dispatchEvent(new CustomEvent("mdMotionArm"))}render(){const e={};if(this.maxHeight){e["--_max-h"]=this.maxHeight;e["--md-table-body-max-h"]=this.maxHeight}if(this.minHeight)e["--_min-h"]=this.minHeight;const a=!!this.el.querySelector("md-table[frozen-header]");return o(r,{key:"3ad67d59fd5a07811127cbe176dcd9ce883a3bc0",class:{"md-table-container":true,[`md-table-container--${this.variant}`]:true,[`md-table-container--shape-${this.shape}`]:true,"md-table-container--scrollable":!!this.maxHeight,"md-table-container--frozen-header":a,"md-table-container--vibrant":this.vibrant},style:e},o("div",{key:"8bd0ad9d9b2aa2c09da06e21d184bfc287d582ee",class:"md-table-container__top",part:"top"},o("slot",{key:"f2fccf15e3426f69f9a865b8130db1f8369e3c99",name:"top"})),o("div",{key:"12e240cc907c0cb2812eb1852758d53c6a13ed99",class:"md-table-container__scroll",part:"scroll"},o("slot",{key:"8c70dba498541b018ad4c2678dc7b4f5b89ef953"})),o("div",{key:"15eebc6d105517b22b718fe3792721fb9ebd65fb",class:"md-table-container__bottom",part:"bottom"},o("slot",{key:"b5d777b38163ce20cbad2caf4196f6d08fa3b740",name:"bottom"})))}get el(){return t(this)}};n.style=s();export{n as md_table_container};
+//# sourceMappingURL=p-4770b534.entry.js.map

package/dist/md3/{p-c861d774.entry.js → p-4b7cf934.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as i,H as a,a as r}from"./p-DTaX19_O.js";import{t}from"./p-DYBUr7K_.js";const s=()=>`:host{--_container-color:var(--md-chip-container-color, transparent);--_container-color-selected:var(--md-chip-container-color-selected, var(--md-sys-color-secondary-container));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant));--_label-color-selected:var(--md-chip-label-color-selected, var(--md-sys-color-on-secondary-container));--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-primary));--_icon-size:var(--md-chip-icon-size, max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--md-chip-container-shape, var(--md-sys-shape-corner-small, 8px));--_container-height:var(--md-chip-container-height, 32px);--_outline-color:var(--md-chip-outline-color, var(--md-sys-color-outline));--_outline-width:var(--md-chip-outline-width, 1px);--_state-layer-color:var(--md-chip-state-layer-color, var(--md-sys-color-on-surface));--_elevation:var(--md-chip-elevation, var(--md-sys-elevation-0, none));--_c-main:var(--md-sys-color-primary);--_c-on-main:var(--md-sys-color-on-primary);--_c-container:var(--md-sys-color-secondary-container);--_c-on-container:var(--md-sys-color-on-secondary-container);--_padding-inline:var(--md-sys-spacing-inset-lg, 16px);--_gap:var(--md-sys-spacing-gap-sm, 8px);display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;block-size:max(24px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));padding-inline:var(--_padding-inline);gap:var(--_gap);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_elevation);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);color:var(--_label-color);transition:background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-chip--with-leading-icon){padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-chip--with-trailing-icon){padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-chip--assist){--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-primary));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface))}:host(.md-chip--filter){--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--input){--_outline-color:var(--md-chip-outline-color, var(--md-sys-color-outline-variant));--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--suggestion){--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--selected){--_container-color:var(--_container-color-selected);color:var(--_label-color-selected);--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-secondary-container));--_state-layer-color:var(--md-sys-color-on-secondary-container)}:host(.md-chip--selected) .md-chip__outline{border-color:transparent}:host(.md-chip--elevated){--_elevation:var(--md-chip-elevation, var(--md-sys-elevation-1))}:host(.md-chip--elevated) .md-chip__outline{border-color:transparent}:host(.md-chip--elevated.md-chip--selected){--_elevation:var(--md-chip-elevation, var(--md-sys-elevation-1))}:host(.md-chip--appearance-outlined[color]){--_outline-color:var(--md-chip-outline-color, var(--_c-main));--_label-color:var(--md-chip-label-color, var(--_c-main));--_icon-color:var(--md-chip-icon-color, var(--_c-main));--_state-layer-color:var(--md-chip-state-layer-color, var(--_c-main))}:host(.md-chip--appearance-filled),:host(.md-chip--appearance-elevated){--_container-color:var(--md-chip-container-color, var(--md-sys-color-surface-container-high));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant));--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--appearance-filled[color]),:host(.md-chip--appearance-elevated[color]){--_container-color:var(--md-chip-container-color, var(--_c-container));--_label-color:var(--md-chip-label-color, var(--_c-on-container));--_icon-color:var(--md-chip-icon-color, var(--_c-on-container));--_state-layer-color:var(--md-chip-state-layer-color, var(--_c-on-container))}:host(.md-chip--appearance-filled) .md-chip__outline,:host(.md-chip--appearance-elevated) .md-chip__outline{border-color:transparent}:host(.md-chip--selected[color]){--_container-color:var(--_c-container);color:var(--_c-on-container);--_label-color-selected:var(--_c-on-container);--_icon-color:var(--md-chip-icon-color, var(--_c-on-container));--_state-layer-color:var(--_c-on-container)}.md-chip__outline{position:absolute;inset:0;border-radius:inherit;border:var(--_outline-width) solid var(--_outline-color);pointer-events:none}.md-chip__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}:host(:hover) .md-chip__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .md-chip__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:active) .md-chip__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-chip__primary{position:absolute;inset:0;z-index:2;margin:0;padding:0;border:none;background:none;border-radius:inherit;cursor:inherit;-webkit-tap-highlight-color:transparent}.md-chip__primary:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px}.md-chip__label{position:relative;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.md-chip__icon,.md-chip__trailing-icon{position:relative;z-index:2;font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;pointer-events:none;flex-shrink:0}slot[name="leading-icon"],slot[name="trailing-icon"]{display:contents}::slotted([slot="leading-icon"]),::slotted([slot="trailing-icon"]){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:var(--_icon-color);fill:currentColor;pointer-events:none;flex-shrink:0;position:relative;z-index:2}.md-chip__checkmark{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);flex-shrink:0}.md-chip__checkmark svg{inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md-chip__remove{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-inline-size:18px;min-block-size:18px;padding:0;border:none;background:none;color:var(--_icon-color);cursor:pointer;border-radius:50%;flex-shrink:0;-webkit-tap-highlight-color:transparent}.md-chip__remove:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:1px}.md-chip__remove svg{inline-size:var(--_icon-size);block-size:var(--_icon-size);pointer-events:none}.md-chip__remove:disabled{cursor:default;pointer-events:none}:host(.md-chip--disabled){cursor:default;pointer-events:none;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_elevation:var(--md-sys-elevation-0, none) !important}:host(.md-chip--disabled:not(.md-chip--selected):not(.md-chip--elevated)) .md-chip__outline{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-chip--disabled.md-chip--selected){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-chip--disabled.md-chip--elevated:not(.md-chip--selected)){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-chip--disabled:hover) .md-chip__state-layer,:host(.md-chip--disabled:active) .md-chip__state-layer,:host(.md-chip--disabled:focus-visible) .md-chip__state-layer{opacity:0}:host([soft-disabled]){cursor:default;pointer-events:auto;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_elevation:var(--md-sys-elevation-0, none) !important}:host([soft-disabled]) .md-chip__state-layer{display:none}@media (prefers-reduced-motion: reduce){:host{transition:none}.md-chip__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}.md-chip__outline{border-color:ButtonText}:host(:focus-visible){outline-color:Highlight}.md-chip__primary:focus-visible{outline-color:Highlight}:host(.md-chip--selected){background-color:Highlight;color:HighlightText}:host(.md-chip--disabled){border-color:GrayText;color:GrayText;opacity:1}.md-chip__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const n=class{constructor(i){e(this,i);this.mdClick=o(this,"mdClick",7);this.mdSelect=o(this,"mdSelect",7);this.mdRemove=o(this,"mdRemove",7);this.variant="assist";this.icon="";this.trailingIcon="";this.selected=false;this.appearance="outlined";this.elevated=false;this.disabled=false;this.softDisabled=false;this.label="";this.density=0;this.hasSlottedLeadingIcon=false;this.hasSlottedTrailingIcon=false;this.handleClick=e=>{if(this.isDisabled){e.preventDefault();return}if(this.isSelectable){this.selected=!this.selected;this.mdSelect.emit({selected:this.selected})}this.mdClick.emit()};this.handleKeyDown=e=>{if(this.isDisabled)return;if(e.key==="Enter"||e.key===" "){e.preventDefault();t(this.el);this.el.click();return}if(this.isRemovable&&(e.key==="Delete"||e.key==="Backspace")){e.preventDefault();this.dispatchRemove()}};this.handleRemoveClick=e=>{e.stopPropagation();if(this.isDisabled)return;this.dispatchRemove()};this.handleRemoveKeyDown=e=>{if(this.isDisabled)return;if(e.key==="Enter"||e.key===" "){e.stopPropagation();e.preventDefault();this.dispatchRemove()}}}get isDisabled(){return this.disabled||this.softDisabled}get colorVars(){const e=this.color;if(!e||!/^[a-z][a-z0-9-]*$/i.test(e))return undefined;return{"--_c-main":`var(--md-sys-color-${e}, var(--md-sys-color-primary))`,"--_c-on-main":`var(--md-sys-color-on-${e}, var(--md-sys-color-on-primary))`,"--_c-container":`var(--md-sys-color-${e}-container, var(--md-sys-color-secondary-container))`,"--_c-on-container":`var(--md-sys-color-on-${e}-container, var(--md-sys-color-on-secondary-container))`}}get effectiveAppearance(){return this.elevated?"elevated":this.appearance}get isSelectable(){if(this.selectable!==undefined)return this.selectable;return this.variant==="filter"||this.variant==="input"}get isInteractiveHost(){return!(this.selectable===false&&this.isRemovable)}get isRemovable(){if(this.removable===true)return true;if(this.removable===false)return false;return this.variant==="input"}get accessibleLabel(){return this.label||this.el.textContent?.trim()||""}componentDidLoad(){const e=this.el.shadowRoot;if(!e)return;const o=e.querySelector('slot[name="leading-icon"]');const i=e.querySelector('slot[name="trailing-icon"]');o?.addEventListener("slotchange",(()=>{this.hasSlottedLeadingIcon=o.assignedElements().length>0}));i?.addEventListener("slotchange",(()=>{this.hasSlottedTrailingIcon=i.assignedElements().length>0}))}dispatchRemove(){const e=this.mdRemove.emit();if(!e.defaultPrevented){this.el.remove()}}render(){const e=!!this.icon||this.hasSlottedLeadingIcon;const o=!!this.trailingIcon||this.hasSlottedTrailingIcon;const r=this.variant==="filter"&&this.selected&&!e;const t=this.isRemovable;const s=this.isDisabled;const n=this.accessibleLabel;const c=this.isInteractiveHost&&!t;const l=this.isInteractiveHost&&t;return i(a,{key:"ac377a67d3c9c5e464f9cc30cada24b9c9f2e848",style:this.colorVars,class:{"md-chip":true,[`md-chip--${this.variant}`]:true,"md-chip--selected":this.selected&&this.isSelectable,[`md-chip--appearance-${this.effectiveAppearance}`]:true,"md-chip--elevated":this.effectiveAppearance==="elevated",[`md-chip--color-${this.color}`]:!!this.color,"md-chip--disabled":s,"md-chip--with-leading-icon":e||r,"md-chip--with-trailing-icon":o||t},role:c?"button":"group","aria-roledescription":"chip","aria-pressed":c&&this.isSelectable?String(this.selected):undefined,"aria-label":c?undefined:n||undefined,"aria-disabled":s?"true":undefined,tabindex:c?this.disabled?"-1":"0":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("md-ripple",{key:"71ddc00b4e7f72a93b9356f647b3630aa50380a3",disabled:s}),i("span",{key:"6eab2a000c1543bb6957c175cfb33cbb06d3f345",class:"md-chip__state-layer",part:"state-layer","aria-hidden":"true"}),!this.elevated&&i("span",{key:"ee96614931899684057f77b1bed36c315964fdca",class:"md-chip__outline",part:"outline","aria-hidden":"true"}),l&&i("span",{key:"f0743bfa4bc9b7c6cf7d357c000426f1e5f3b108",class:"md-chip__primary",part:"primary",role:"button",tabindex:this.disabled?"-1":"0","aria-labelledby":"md-chip-label-text","aria-pressed":this.isSelectable?String(this.selected):undefined,"aria-disabled":s?"true":undefined}),r&&i("span",{key:"c15afa18cc1fa1e956c1dcf3c0806d7b065620b0",class:"md-chip__checkmark",part:"checkmark","aria-hidden":"true"},i("svg",{key:"1e7a5eb1ec44df6efd803543e943889bff65e1e8",viewBox:"0 0 18 18",fill:"none"},i("path",{key:"3d36f6406d5bce2e0b7fb71f25b9a6142cc88b3b",d:"M6.75 12.127L3.623 9l-1.06 1.057L6.75 14.25l9-9-1.057-1.057L6.75 12.127z",fill:"currentColor"}))),i("slot",{key:"9dd3792251fc0f43baa3e3b0787fbbf7967cfc2b",name:"leading-icon"},e&&!r&&i("span",{key:"0078163a6741535eef3c413559d8cc9a4b7dbbc2",class:"md-chip__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon)),i("span",{key:"bae9ed93b4ba0e8dda2e9d0fbae102405fbdaeae",class:"md-chip__label",part:"label",id:"md-chip-label-text"},i("slot",{key:"9f36d159a093aaa93e3c4867e7bbf7a5543fcebd"},this.label)),t?i("button",{class:"md-chip__remove",part:"remove",type:"button",tabindex:this.disabled?"-1":"0","aria-label":n?`Remove ${n}`:"Remove",disabled:s,onClick:this.handleRemoveClick,onKeyDown:this.handleRemoveKeyDown},i("slot",{name:"trailing-icon"},i("svg",{viewBox:"0 0 18 18",fill:"none","aria-hidden":"true"},i("path",{d:"M14.25 4.808l-1.058-1.058L9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.192l1.058 1.058L9 10.058l4.192 4.192 1.058-1.058L10.058 9l4.192-4.192z",fill:"currentColor"})))):i("slot",{name:"trailing-icon"},o&&i("span",{class:"md-chip__trailing-icon material-symbols-outlined",part:"trailing-icon","aria-hidden":"true"},this.trailingIcon)))}get el(){return r(this)}};n.style=s();export{n as md_chip};
-//# sourceMappingURL=p-c861d774.entry.js.map
+import{r as e,c as o,h as i,H as a,g as r}from"./p-WmvQpZnM.js";import{t}from"./p-DYBUr7K_.js";const s=()=>`:host{--_container-color:var(--md-chip-container-color, transparent);--_container-color-selected:var(--md-chip-container-color-selected, var(--md-sys-color-secondary-container));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant));--_label-color-selected:var(--md-chip-label-color-selected, var(--md-sys-color-on-secondary-container));--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-primary));--_icon-size:var(--md-chip-icon-size, max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px)));--_container-shape:var(--md-chip-container-shape, var(--md-sys-shape-corner-small, 8px));--_container-height:var(--md-chip-container-height, 32px);--_outline-color:var(--md-chip-outline-color, var(--md-sys-color-outline));--_outline-width:var(--md-chip-outline-width, 1px);--_state-layer-color:var(--md-chip-state-layer-color, var(--md-sys-color-on-surface));--_elevation:var(--md-chip-elevation, var(--md-sys-elevation-0, none));--_c-main:var(--md-sys-color-primary);--_c-on-main:var(--md-sys-color-on-primary);--_c-container:var(--md-sys-color-secondary-container);--_c-on-container:var(--md-sys-color-on-secondary-container);--_padding-inline:var(--md-sys-spacing-inset-lg, 16px);--_gap:var(--md-sys-spacing-gap-sm, 8px);display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;block-size:max(24px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));padding-inline:var(--_padding-inline);gap:var(--_gap);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_elevation);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);color:var(--_label-color);transition:background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-chip--with-leading-icon){padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-chip--with-trailing-icon){padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-chip--assist){--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-primary));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface))}:host(.md-chip--filter){--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--input){--_outline-color:var(--md-chip-outline-color, var(--md-sys-color-outline-variant));--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--suggestion){--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--selected){--_container-color:var(--_container-color-selected);color:var(--_label-color-selected);--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-secondary-container));--_state-layer-color:var(--md-sys-color-on-secondary-container)}:host(.md-chip--selected) .md-chip__outline{border-color:transparent}:host(.md-chip--elevated){--_elevation:var(--md-chip-elevation, var(--md-sys-elevation-1))}:host(.md-chip--elevated) .md-chip__outline{border-color:transparent}:host(.md-chip--elevated.md-chip--selected){--_elevation:var(--md-chip-elevation, var(--md-sys-elevation-1))}:host(.md-chip--appearance-outlined[color]){--_outline-color:var(--md-chip-outline-color, var(--_c-main));--_label-color:var(--md-chip-label-color, var(--_c-main));--_icon-color:var(--md-chip-icon-color, var(--_c-main));--_state-layer-color:var(--md-chip-state-layer-color, var(--_c-main))}:host(.md-chip--appearance-filled),:host(.md-chip--appearance-elevated){--_container-color:var(--md-chip-container-color, var(--md-sys-color-surface-container-high));--_label-color:var(--md-chip-label-color, var(--md-sys-color-on-surface-variant));--_icon-color:var(--md-chip-icon-color, var(--md-sys-color-on-surface-variant))}:host(.md-chip--appearance-filled[color]),:host(.md-chip--appearance-elevated[color]){--_container-color:var(--md-chip-container-color, var(--_c-container));--_label-color:var(--md-chip-label-color, var(--_c-on-container));--_icon-color:var(--md-chip-icon-color, var(--_c-on-container));--_state-layer-color:var(--md-chip-state-layer-color, var(--_c-on-container))}:host(.md-chip--appearance-filled) .md-chip__outline,:host(.md-chip--appearance-elevated) .md-chip__outline{border-color:transparent}:host(.md-chip--selected[color]){--_container-color:var(--_c-container);color:var(--_c-on-container);--_label-color-selected:var(--_c-on-container);--_icon-color:var(--md-chip-icon-color, var(--_c-on-container));--_state-layer-color:var(--_c-on-container)}.md-chip__outline{position:absolute;inset:0;border-radius:inherit;border:var(--_outline-width) solid var(--_outline-color);pointer-events:none}.md-chip__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}:host(:hover) .md-chip__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .md-chip__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:active) .md-chip__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-chip__primary{position:absolute;inset:0;z-index:2;margin:0;padding:0;border:none;background:none;border-radius:inherit;cursor:inherit;-webkit-tap-highlight-color:transparent}.md-chip__primary:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px}.md-chip__label{position:relative;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.md-chip__icon,.md-chip__trailing-icon{position:relative;z-index:2;font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;pointer-events:none;flex-shrink:0}slot[name="leading-icon"],slot[name="trailing-icon"]{display:contents}::slotted([slot="leading-icon"]),::slotted([slot="trailing-icon"]){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:var(--_icon-color);fill:currentColor;pointer-events:none;flex-shrink:0;position:relative;z-index:2}.md-chip__checkmark{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);flex-shrink:0}.md-chip__checkmark svg{inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md-chip__remove{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-inline-size:18px;min-block-size:18px;padding:0;border:none;background:none;color:var(--_icon-color);cursor:pointer;border-radius:50%;flex-shrink:0;-webkit-tap-highlight-color:transparent}.md-chip__remove:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:1px}.md-chip__remove svg{inline-size:var(--_icon-size);block-size:var(--_icon-size);pointer-events:none}.md-chip__remove:disabled{cursor:default;pointer-events:none}:host(.md-chip--disabled){cursor:default;pointer-events:none;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_elevation:var(--md-sys-elevation-0, none) !important}:host(.md-chip--disabled:not(.md-chip--selected):not(.md-chip--elevated)) .md-chip__outline{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-chip--disabled.md-chip--selected){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-chip--disabled.md-chip--elevated:not(.md-chip--selected)){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-chip--disabled:hover) .md-chip__state-layer,:host(.md-chip--disabled:active) .md-chip__state-layer,:host(.md-chip--disabled:focus-visible) .md-chip__state-layer{opacity:0}:host([soft-disabled]){cursor:default;pointer-events:auto;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_elevation:var(--md-sys-elevation-0, none) !important}:host([soft-disabled]) .md-chip__state-layer{display:none}@media (prefers-reduced-motion: reduce){:host{transition:none}.md-chip__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}.md-chip__outline{border-color:ButtonText}:host(:focus-visible){outline-color:Highlight}.md-chip__primary:focus-visible{outline-color:Highlight}:host(.md-chip--selected){background-color:Highlight;color:HighlightText}:host(.md-chip--disabled){border-color:GrayText;color:GrayText;opacity:1}.md-chip__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const n=class{constructor(i){e(this,i);this.mdClick=o(this,"mdClick",7);this.mdSelect=o(this,"mdSelect",7);this.mdRemove=o(this,"mdRemove",7);this.variant="assist";this.icon="";this.trailingIcon="";this.selected=false;this.appearance="outlined";this.elevated=false;this.disabled=false;this.softDisabled=false;this.label="";this.density=0;this.hasSlottedLeadingIcon=false;this.hasSlottedTrailingIcon=false;this.handleClick=e=>{if(this.isDisabled){e.preventDefault();return}if(this.isSelectable){this.selected=!this.selected;this.mdSelect.emit({selected:this.selected})}this.mdClick.emit()};this.handleKeyDown=e=>{if(this.isDisabled)return;if(e.key==="Enter"||e.key===" "){e.preventDefault();t(this.el);this.el.click();return}if(this.isRemovable&&(e.key==="Delete"||e.key==="Backspace")){e.preventDefault();this.dispatchRemove()}};this.handleRemoveClick=e=>{e.stopPropagation();if(this.isDisabled)return;this.dispatchRemove()};this.handleRemoveKeyDown=e=>{if(this.isDisabled)return;if(e.key==="Enter"||e.key===" "){e.stopPropagation();e.preventDefault();this.dispatchRemove()}}}get isDisabled(){return this.disabled||this.softDisabled}get colorVars(){const e=this.color;if(!e||!/^[a-z][a-z0-9-]*$/i.test(e))return undefined;return{"--_c-main":`var(--md-sys-color-${e}, var(--md-sys-color-primary))`,"--_c-on-main":`var(--md-sys-color-on-${e}, var(--md-sys-color-on-primary))`,"--_c-container":`var(--md-sys-color-${e}-container, var(--md-sys-color-secondary-container))`,"--_c-on-container":`var(--md-sys-color-on-${e}-container, var(--md-sys-color-on-secondary-container))`}}get effectiveAppearance(){return this.elevated?"elevated":this.appearance}get isSelectable(){if(this.selectable!==undefined)return this.selectable;return this.variant==="filter"||this.variant==="input"}get isInteractiveHost(){return!(this.selectable===false&&this.isRemovable)}get isRemovable(){if(this.removable===true)return true;if(this.removable===false)return false;return this.variant==="input"}get accessibleLabel(){return this.label||this.el.textContent?.trim()||""}componentDidLoad(){const e=this.el.shadowRoot;if(!e)return;const o=e.querySelector('slot[name="leading-icon"]');const i=e.querySelector('slot[name="trailing-icon"]');o?.addEventListener("slotchange",(()=>{this.hasSlottedLeadingIcon=o.assignedElements().length>0}));i?.addEventListener("slotchange",(()=>{this.hasSlottedTrailingIcon=i.assignedElements().length>0}))}dispatchRemove(){const e=this.mdRemove.emit();if(!e.defaultPrevented){this.el.remove()}}render(){const e=!!this.icon||this.hasSlottedLeadingIcon;const o=!!this.trailingIcon||this.hasSlottedTrailingIcon;const r=this.variant==="filter"&&this.selected&&!e;const t=this.isRemovable;const s=this.isDisabled;const n=this.accessibleLabel;const c=this.isInteractiveHost&&!t;const l=this.isInteractiveHost&&t;return i(a,{key:"0a328e2479ae8b551eeb7288192dfb79bf4ee99e",style:this.colorVars,class:{"md-chip":true,[`md-chip--${this.variant}`]:true,"md-chip--selected":this.selected&&this.isSelectable,[`md-chip--appearance-${this.effectiveAppearance}`]:true,"md-chip--elevated":this.effectiveAppearance==="elevated",[`md-chip--color-${this.color}`]:!!this.color,"md-chip--disabled":s,"md-chip--with-leading-icon":e||r,"md-chip--with-trailing-icon":o||t},role:c?"button":"group","aria-roledescription":"chip","aria-pressed":c&&this.isSelectable?String(this.selected):undefined,"aria-label":c?undefined:n||undefined,"aria-disabled":s?"true":undefined,tabindex:c?this.disabled?"-1":"0":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("md-ripple",{key:"73b49904dae32e15bbdb50623494d42bce04d6a7",disabled:s}),i("span",{key:"cfefcd180227f6386ef4c20a982f8f17c734f307",class:"md-chip__state-layer",part:"state-layer","aria-hidden":"true"}),!this.elevated&&i("span",{key:"e814b0966bc07ecef53daa0b5e12070bc88b56e3",class:"md-chip__outline",part:"outline","aria-hidden":"true"}),l&&i("span",{key:"adaf99f2ca0a22c682aafbcdc2ff32ef90362c6b",class:"md-chip__primary",part:"primary",role:"button",tabindex:this.disabled?"-1":"0","aria-labelledby":"md-chip-label-text","aria-pressed":this.isSelectable?String(this.selected):undefined,"aria-disabled":s?"true":undefined}),r&&i("span",{key:"4d7ef4295ae72f6a9d623e49c38037a0dc8b08fc",class:"md-chip__checkmark",part:"checkmark","aria-hidden":"true"},i("svg",{key:"3b5f9d0d70ca30d56a3d3567e72d77424bc1faec",viewBox:"0 0 18 18",fill:"none"},i("path",{key:"e49d701bb05de3507af5e1e20bf789d3ffe2737c",d:"M6.75 12.127L3.623 9l-1.06 1.057L6.75 14.25l9-9-1.057-1.057L6.75 12.127z",fill:"currentColor"}))),i("slot",{key:"3bdfe28e8ab4815fdcd9a0eecb06460882ab3dfe",name:"leading-icon"},e&&!r&&i("span",{key:"9ac99981f7593db7923734234489bb983ca11a99",class:"md-chip__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon)),i("span",{key:"ab1acdc080116f4d5b2529289b9f8879745b6c14",class:"md-chip__label",part:"label",id:"md-chip-label-text"},i("slot",{key:"90ec6e8a87cc540123f61278df8acb60b761449d"},this.label)),t?i("button",{class:"md-chip__remove",part:"remove",type:"button",tabindex:this.disabled?"-1":"0","aria-label":n?`Remove ${n}`:"Remove",disabled:s,onClick:this.handleRemoveClick,onKeyDown:this.handleRemoveKeyDown},i("slot",{name:"trailing-icon"},i("svg",{viewBox:"0 0 18 18",fill:"none","aria-hidden":"true"},i("path",{d:"M14.25 4.808l-1.058-1.058L9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.192l1.058 1.058L9 10.058l4.192 4.192 1.058-1.058L10.058 9l4.192-4.192z",fill:"currentColor"})))):i("slot",{name:"trailing-icon"},o&&i("span",{class:"md-chip__trailing-icon material-symbols-outlined",part:"trailing-icon","aria-hidden":"true"},this.trailingIcon)))}get el(){return r(this)}};n.style=s();export{n as md_chip};
+//# sourceMappingURL=p-4b7cf934.entry.js.map

package/dist/md3/{p-2e09a7b7.entry.js → p-4f26bd60.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,H as i,a as o}from"./p-DTaX19_O.js";const a=()=>`:host{--_container-color:var(--md-bottom-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-bottom-sheet-container-shape, max(16px, calc(28px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(--md-bottom-sheet-content-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color:var(--md-bottom-sheet-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_scrim-color:var(--md-bottom-sheet-scrim-color, rgba(0, 0, 0, 0.32));--_drag-handle-color:var(--md-bottom-sheet-drag-handle-color, var(--md-sys-color-on-surface-variant, #49454F));--_divider-color:var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_icon-color:var(--md-bottom-sheet-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_min-width:var(--md-bottom-sheet-min-width, 0);--_max-width:var(--md-bottom-sheet-max-width, 100%);--_width:var(--md-bottom-sheet-width, 100%);--_min-height:var(--md-bottom-sheet-min-height, 0);--_max-height:var(--md-bottom-sheet-max-height, 80vh);--_height:var(--md-bottom-sheet-height, auto);--_detached-margin:var(--md-bottom-sheet-detached-margin, 16px);--_content-padding-inline:var(--md-bottom-sheet-content-padding-inline, max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));display:contents;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color)}:host(:not(.md-bottom-sheet--open)){pointer-events:none}.md-bottom-sheet__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-sys-z-index-popup, 1000);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-bottom-sheet--open) .md-bottom-sheet__scrim{opacity:1;pointer-events:auto}.md-bottom-sheet__container{position:fixed;inset-inline:0;inset-block-end:0;margin-inline:auto;z-index:var(--md-sys-z-index-dialog-scrim, 1001);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));padding-block-end:env(safe-area-inset-bottom, 0px);box-sizing:border-box;outline:none}:host(.md-bottom-sheet--open) .md-bottom-sheet__container{pointer-events:auto;opacity:1;transform:translateY(0)}:host(.md-bottom-sheet--standard) .md-bottom-sheet__container{border-start-start-radius:var(--_container-shape);border-start-end-radius:var(--_container-shape);border-end-start-radius:0;border-end-end-radius:0}:host(.md-bottom-sheet--detached) .md-bottom-sheet__container{inset-inline:var(--_detached-margin);inset-block-end:var(--_detached-margin);margin-inline:auto;border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);max-inline-size:min(var(--_max-width), calc(100% - calc(var(--_detached-margin) * 2)))}@media (max-width: 639.98px){:host{--_width:var(--md-bottom-sheet-width, 100%);--_max-width:var(--md-bottom-sheet-max-width, 100%)}}@media (min-width: 640px){:host{--_width:var(--md-bottom-sheet-width, 640px);--_max-width:var(--md-bottom-sheet-max-width, calc(100% - 112px))}}.md-bottom-sheet__drag-handle{display:flex;justify-content:center;align-items:center;padding-block:max(12px, calc(22px + var(--md-sys-density-scale, 0) * 2px));flex-shrink:0;cursor:grab;touch-action:none;user-select:none}.md-bottom-sheet__drag-handle--dragging{cursor:grabbing}.md-bottom-sheet__drag-handle-indicator{inline-size:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));block-size:max(3px, calc(4px + var(--md-sys-density-scale, 0) * 0.25px));border-radius:2px;background-color:var(--_drag-handle-color);opacity:0.4;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, ease)}.md-bottom-sheet__drag-handle:hover .md-bottom-sheet__drag-handle-indicator{opacity:0.6}.md-bottom-sheet__drag-handle--dragging .md-bottom-sheet__drag-handle-indicator{opacity:0.8}:host(.md-bottom-sheet--no-drag-handle) .md-bottom-sheet__container{padding-block-start:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px))}.md-bottom-sheet__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:0 max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0}.md-bottom-sheet__headline{flex:1;font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;text-align:start}:host([headline-align='center']) .md-bottom-sheet__headline{text-align:center}:host([headline-align='end']) .md-bottom-sheet__headline{text-align:end}.md-bottom-sheet__close{flex-shrink:0;margin-inline-start:auto;margin-inline-end:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-bottom-sheet__close md-icon-button{--md-icon-button-icon-color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-bottom-sheet__divider{block-size:1px;background-color:var(--_divider-color);flex-shrink:0}.md-bottom-sheet__divider--bottom{margin-block-start:auto}.md-bottom-sheet__content{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--_content-color);text-align:start}:host([content-align='center']) .md-bottom-sheet__content{text-align:center}:host([content-align='end']) .md-bottom-sheet__content{text-align:end}.md-bottom-sheet__content{overflow-y:auto;padding-inline:var(--_content-padding-inline);padding-block:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-lg, 16px);scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #CAC4D0) transparent}.md-bottom-sheet__content::-webkit-scrollbar{inline-size:4px}.md-bottom-sheet__content::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #CAC4D0);border-radius:2px}.md-bottom-sheet__content::-webkit-scrollbar-track{background-color:transparent}.md-bottom-sheet__actions{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-xl, 24px);padding-block:var(--md-sys-spacing-inset-lg, 16px) var(--md-sys-spacing-inset-xl, 24px);flex-shrink:0;box-sizing:border-box}::slotted([slot="actions"]){flex-shrink:0}.md-bottom-sheet__focus-guard{position:fixed;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;padding:0;border:0;margin:-1px;white-space:nowrap}.md-bottom-sheet__container:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}@media (prefers-reduced-motion: reduce){.md-bottom-sheet__container,.md-bottom-sheet__scrim{transition:none}}@media (forced-colors: active){.md-bottom-sheet__container{border:1px solid CanvasText}.md-bottom-sheet__divider{background-color:CanvasText}.md-bottom-sheet__drag-handle-indicator{background-color:CanvasText;opacity:1}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const n=class{constructor(s){t(this,s);this.mdOpen=e(this,"mdOpen",7);this.mdClose=e(this,"mdClose",7);this.mdCancel=e(this,"mdCancel",7);this.open=false;this.variant="standard";this.headline="";this.showDragHandle=true;this.closeable=false;this.scrimDismissible=true;this.topDivider=false;this.bottomDivider=false;this.sheetAriaLabel="";this.scrollShadow=true;this.headlineAlign="start";this.contentAlign="start";this.density=0;this.hasSlottedClose=false;this.hasActions=false;this.dragging=false;this.previousFocus=null;this.headlineId=`md-bottom-sheet-headline-${Math.random().toString(36).slice(2)}`;this.dragStartY=0;this.dragCurrentY=0;this.DISMISS_THRESHOLD=100;this.handleDocKeyDown=t=>{if(!this.open)return;if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.mdCancel.emit();this.open=false}};this.handleDocFocusIn=()=>{if(!this.open)return;const t=document.activeElement;if(!t)return;if(t===this.el||this.el.contains(t))return;const e=this.containerEl?.contains(t);if(e)return;this.focusFirst()};this.handleStartGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[t.length-1].focus()}else{this.containerEl?.focus()}};this.handleEndGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl?.focus()}};this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleDragStart=t=>{if(!this.open||!this.showDragHandle)return;this.dragging=true;this.dragStartY=t.clientY;this.dragCurrentY=0;if(this.containerEl){this.containerEl.style.transition="none"}t.target.setPointerCapture(t.pointerId)};this.handleDragMove=t=>{if(!this.dragging)return;const e=t.clientY-this.dragStartY;this.dragCurrentY=Math.max(0,e);if(this.containerEl){this.containerEl.style.transform=`translateY(${this.dragCurrentY}px)`}};this.handleDragEnd=()=>{if(!this.dragging)return;this.dragging=false;if(this.containerEl){this.containerEl.style.transition=""}if(this.dragCurrentY>this.DISMISS_THRESHOLD){this.mdCancel.emit();this.open=false}else if(this.containerEl){this.containerEl.style.transform=""}this.dragCurrentY=0}}connectedCallback(){this.hasActions=!!this.el.querySelector('[slot="actions"]')}componentWillLoad(){this.hasSlottedClose=Array.from(this.el.children).some((t=>t.getAttribute("slot")==="close"))}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=t.querySelector('slot[name="close"]');const s=t.querySelector('slot[name="actions"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedClose=e.assignedElements().length>0}));s?.addEventListener("slotchange",(()=>{this.hasActions=s.assignedElements().length>0}));if(this.open){this.onOpenChange(true)}}disconnectedCallback(){this.removeGlobalListeners();document.body.style.overflow=""}onOpenChange(t){if(t){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";this.addGlobalListeners();requestAnimationFrame((()=>{this.containerEl?.removeAttribute("inert");this.focusFirst()}));this.mdOpen.emit()}else{this.removeGlobalListeners();document.body.style.overflow="";this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null;if(this.containerEl){this.containerEl.style.transform=""}this.mdClose.emit()}}async show(){this.open=true}async close(){this.open=false}addGlobalListeners(){document.addEventListener("keydown",this.handleDocKeyDown,true);document.addEventListener("focusin",this.handleDocFocusIn)}removeGlobalListeners(){document.removeEventListener("keydown",this.handleDocKeyDown,true);document.removeEventListener("focusin",this.handleDocFocusIn)}focusFirst(){if(!this.containerEl)return;const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl.focus()}}getFocusableElements(){const t='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), md-icon-button:not([disabled]), md-button:not([disabled]), md-text-field:not([disabled]), md-checkbox:not([disabled]), md-switch:not([disabled]), md-radio:not([disabled]), md-slider:not([disabled])';const e=Array.from(this.containerEl?.querySelectorAll(t)??[]).filter((t=>!t.classList.contains("md-bottom-sheet__focus-guard")));const s=this.containerEl?.querySelectorAll("slot")??[];const i=[];s.forEach((e=>{const s=e.assignedElements({flatten:true});s.forEach((e=>{if(e.matches?.(t)){i.push(e)}const s=e.querySelectorAll?.(t);if(s)i.push(...Array.from(s))}))}));return[...e,...i]}render(){const t=!!this.headline;const e=t||this.closeable||this.hasSlottedClose;return s(i,{key:"7bf8662ebf946e995685290835cd8ae1b760facd",class:{"md-bottom-sheet":true,[`md-bottom-sheet--${this.variant}`]:true,"md-bottom-sheet--open":this.open,"md-bottom-sheet--no-drag-handle":!this.showDragHandle}},s("div",{key:"47c620ee40367d41ef709717f5b4124583239677",class:"md-bottom-sheet__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),s("div",{key:"3e1e741f8d4ec34d0ec7b7cea469973daf8b357f",class:"md-bottom-sheet__container",part:"container",role:"dialog","aria-modal":"true","aria-labelledby":t?this.headlineId:undefined,"aria-label":this.sheetAriaLabel||(!t?"Bottom sheet":undefined),"aria-hidden":!this.open?"true":undefined,inert:!this.open,tabindex:-1,ref:t=>this.containerEl=t},s("span",{key:"c9d16b98c401a630282dc269611a8949d34ad4e0",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleEndGuardFocus}),this.showDragHandle&&s("div",{key:"2f30f95cec55aa7dac22e65b4ec588fb62a74ba2",class:{"md-bottom-sheet__drag-handle":true,"md-bottom-sheet__drag-handle--dragging":this.dragging},part:"drag-handle","aria-hidden":"true",onPointerDown:this.handleDragStart,onPointerMove:this.handleDragMove,onPointerUp:this.handleDragEnd,onPointerCancel:this.handleDragEnd},s("div",{key:"36b88841e55f3dcc8632eae6aa4ccbed8d66b288",class:"md-bottom-sheet__drag-handle-indicator",part:"drag-handle-indicator"})),e&&s("div",{key:"86cf0fb217c23190850506d20cc315bb33a2cd61",class:"md-bottom-sheet__header",part:"header"},t&&s("span",{key:"718af03929d31904541e40781143b1c03058493e",id:this.headlineId,class:"md-bottom-sheet__headline",part:"headline"},s("slot",{key:"b42e1bd6a51d8aa774ab5fbf401bee39b9610f97",name:"headline"},this.headline)),(this.closeable||this.hasSlottedClose)&&s("div",{key:"2c85f77dc9d235fcf042682746800d1a106f776e",class:"md-bottom-sheet__close",part:"close"},s("slot",{key:"8b519e7a49a47fb7ac6a680edddcfc3571d086e5",name:"close"},s("md-icon-button",{key:"0aedcd29fd764feec2fd7782e0e98c1abde2b379",variant:"standard",icon:"close","aria-label":"Close bottom sheet",onClick:this.handleCloseClick})))),this.topDivider&&s("div",{key:"a568c1979145410546cc022b05c872eb85854ea0",class:"md-bottom-sheet__divider",part:"divider-top","aria-hidden":"true"}),s("div",{key:"d38538f74c944acf9b797ac71b0edc31f5a5ec12",class:"md-bottom-sheet__content",part:"content"},s("slot",{key:"f9c060e543f80074ca44455b80e8e208027cb447"})),this.hasActions&&this.bottomDivider&&s("div",{key:"d9695c0415763040a0e940b90629fc247dd48cf5",class:"md-bottom-sheet__divider md-bottom-sheet__divider--bottom",part:"divider-bottom","aria-hidden":"true"}),this.hasActions&&s("div",{key:"97f2727a454a547ed42f2bb7ae975c9c1faba061",class:"md-bottom-sheet__actions",part:"actions"},s("slot",{key:"8a8c7a032c56d0ee4d575bf8b28668977564787c",name:"actions"})),s("span",{key:"02d8e8162536432e224b8b4be26f3e3debadbd91",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleStartGuardFocus})))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};n.style=a();export{n as md_bottom_sheet};
-//# sourceMappingURL=p-2e09a7b7.entry.js.map
+import{r as t,c as e,h as s,H as i,g as o}from"./p-WmvQpZnM.js";const a=()=>`:host{--_container-color:var(--md-bottom-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-bottom-sheet-container-shape, max(16px, calc(28px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(--md-bottom-sheet-content-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color:var(--md-bottom-sheet-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_scrim-color:var(--md-bottom-sheet-scrim-color, rgba(0, 0, 0, 0.32));--_drag-handle-color:var(--md-bottom-sheet-drag-handle-color, var(--md-sys-color-on-surface-variant, #49454F));--_divider-color:var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_icon-color:var(--md-bottom-sheet-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_min-width:var(--md-bottom-sheet-min-width, 0);--_max-width:var(--md-bottom-sheet-max-width, 100%);--_width:var(--md-bottom-sheet-width, 100%);--_min-height:var(--md-bottom-sheet-min-height, 0);--_max-height:var(--md-bottom-sheet-max-height, 80vh);--_height:var(--md-bottom-sheet-height, auto);--_detached-margin:var(--md-bottom-sheet-detached-margin, 16px);--_content-padding-inline:var(--md-bottom-sheet-content-padding-inline, max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));display:contents;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color)}:host(:not(.md-bottom-sheet--open)){pointer-events:none}.md-bottom-sheet__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-sys-z-index-popup, 1000);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-bottom-sheet--open) .md-bottom-sheet__scrim{opacity:1;pointer-events:auto}.md-bottom-sheet__container{position:fixed;inset-inline:0;inset-block-end:0;margin-inline:auto;z-index:var(--md-sys-z-index-dialog-scrim, 1001);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));padding-block-end:env(safe-area-inset-bottom, 0px);box-sizing:border-box;outline:none}:host(.md-bottom-sheet--open) .md-bottom-sheet__container{pointer-events:auto;opacity:1;transform:translateY(0)}:host(.md-bottom-sheet--standard) .md-bottom-sheet__container{border-start-start-radius:var(--_container-shape);border-start-end-radius:var(--_container-shape);border-end-start-radius:0;border-end-end-radius:0}:host(.md-bottom-sheet--detached) .md-bottom-sheet__container{inset-inline:var(--_detached-margin);inset-block-end:var(--_detached-margin);margin-inline:auto;border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);max-inline-size:min(var(--_max-width), calc(100% - calc(var(--_detached-margin) * 2)))}@media (max-width: 639.98px){:host{--_width:var(--md-bottom-sheet-width, 100%);--_max-width:var(--md-bottom-sheet-max-width, 100%)}}@media (min-width: 640px){:host{--_width:var(--md-bottom-sheet-width, 640px);--_max-width:var(--md-bottom-sheet-max-width, calc(100% - 112px))}}.md-bottom-sheet__drag-handle{display:flex;justify-content:center;align-items:center;padding-block:max(12px, calc(22px + var(--md-sys-density-scale, 0) * 2px));flex-shrink:0;cursor:grab;touch-action:none;user-select:none}.md-bottom-sheet__drag-handle--dragging{cursor:grabbing}.md-bottom-sheet__drag-handle-indicator{inline-size:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));block-size:max(3px, calc(4px + var(--md-sys-density-scale, 0) * 0.25px));border-radius:2px;background-color:var(--_drag-handle-color);opacity:0.4;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, ease)}.md-bottom-sheet__drag-handle:hover .md-bottom-sheet__drag-handle-indicator{opacity:0.6}.md-bottom-sheet__drag-handle--dragging .md-bottom-sheet__drag-handle-indicator{opacity:0.8}:host(.md-bottom-sheet--no-drag-handle) .md-bottom-sheet__container{padding-block-start:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px))}.md-bottom-sheet__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:0 max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0}.md-bottom-sheet__headline{flex:1;font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;text-align:start}:host([headline-align='center']) .md-bottom-sheet__headline{text-align:center}:host([headline-align='end']) .md-bottom-sheet__headline{text-align:end}.md-bottom-sheet__close{flex-shrink:0;margin-inline-start:auto;margin-inline-end:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-bottom-sheet__close md-icon-button{--md-icon-button-icon-color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-bottom-sheet__divider{block-size:1px;background-color:var(--_divider-color);flex-shrink:0}.md-bottom-sheet__divider--bottom{margin-block-start:auto}.md-bottom-sheet__content{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--_content-color);text-align:start}:host([content-align='center']) .md-bottom-sheet__content{text-align:center}:host([content-align='end']) .md-bottom-sheet__content{text-align:end}.md-bottom-sheet__content{overflow-y:auto;padding-inline:var(--_content-padding-inline);padding-block:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-lg, 16px);scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #CAC4D0) transparent}.md-bottom-sheet__content::-webkit-scrollbar{inline-size:4px}.md-bottom-sheet__content::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #CAC4D0);border-radius:2px}.md-bottom-sheet__content::-webkit-scrollbar-track{background-color:transparent}.md-bottom-sheet__actions{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-xl, 24px);padding-block:var(--md-sys-spacing-inset-lg, 16px) var(--md-sys-spacing-inset-xl, 24px);flex-shrink:0;box-sizing:border-box}::slotted([slot="actions"]){flex-shrink:0}.md-bottom-sheet__focus-guard{position:fixed;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;padding:0;border:0;margin:-1px;white-space:nowrap}.md-bottom-sheet__container:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}@media (prefers-reduced-motion: reduce){.md-bottom-sheet__container,.md-bottom-sheet__scrim{transition:none}}@media (forced-colors: active){.md-bottom-sheet__container{border:1px solid CanvasText}.md-bottom-sheet__divider{background-color:CanvasText}.md-bottom-sheet__drag-handle-indicator{background-color:CanvasText;opacity:1}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const n=class{constructor(s){t(this,s);this.mdOpen=e(this,"mdOpen",7);this.mdClose=e(this,"mdClose",7);this.mdCancel=e(this,"mdCancel",7);this.open=false;this.variant="standard";this.headline="";this.showDragHandle=true;this.closeable=false;this.scrimDismissible=true;this.topDivider=false;this.bottomDivider=false;this.sheetAriaLabel="";this.scrollShadow=true;this.headlineAlign="start";this.contentAlign="start";this.density=0;this.hasSlottedClose=false;this.hasActions=false;this.dragging=false;this.previousFocus=null;this.headlineId=`md-bottom-sheet-headline-${Math.random().toString(36).slice(2)}`;this.dragStartY=0;this.dragCurrentY=0;this.DISMISS_THRESHOLD=100;this.handleDocKeyDown=t=>{if(!this.open)return;if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.mdCancel.emit();this.open=false}};this.handleDocFocusIn=()=>{if(!this.open)return;const t=document.activeElement;if(!t)return;if(t===this.el||this.el.contains(t))return;const e=this.containerEl?.contains(t);if(e)return;this.focusFirst()};this.handleStartGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[t.length-1].focus()}else{this.containerEl?.focus()}};this.handleEndGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl?.focus()}};this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleDragStart=t=>{if(!this.open||!this.showDragHandle)return;this.dragging=true;this.dragStartY=t.clientY;this.dragCurrentY=0;if(this.containerEl){this.containerEl.style.transition="none"}t.target.setPointerCapture(t.pointerId)};this.handleDragMove=t=>{if(!this.dragging)return;const e=t.clientY-this.dragStartY;this.dragCurrentY=Math.max(0,e);if(this.containerEl){this.containerEl.style.transform=`translateY(${this.dragCurrentY}px)`}};this.handleDragEnd=()=>{if(!this.dragging)return;this.dragging=false;if(this.containerEl){this.containerEl.style.transition=""}if(this.dragCurrentY>this.DISMISS_THRESHOLD){this.mdCancel.emit();this.open=false}else if(this.containerEl){this.containerEl.style.transform=""}this.dragCurrentY=0}}connectedCallback(){this.hasActions=!!this.el.querySelector('[slot="actions"]')}componentWillLoad(){this.hasSlottedClose=Array.from(this.el.children).some((t=>t.getAttribute("slot")==="close"))}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=t.querySelector('slot[name="close"]');const s=t.querySelector('slot[name="actions"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedClose=e.assignedElements().length>0}));s?.addEventListener("slotchange",(()=>{this.hasActions=s.assignedElements().length>0}));if(this.open){this.onOpenChange(true)}}disconnectedCallback(){this.removeGlobalListeners();document.body.style.overflow=""}onOpenChange(t){if(t){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";this.addGlobalListeners();requestAnimationFrame((()=>{this.containerEl?.removeAttribute("inert");this.focusFirst()}));this.mdOpen.emit()}else{this.removeGlobalListeners();document.body.style.overflow="";this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null;if(this.containerEl){this.containerEl.style.transform=""}this.mdClose.emit()}}async show(){this.open=true}async close(){this.open=false}addGlobalListeners(){document.addEventListener("keydown",this.handleDocKeyDown,true);document.addEventListener("focusin",this.handleDocFocusIn)}removeGlobalListeners(){document.removeEventListener("keydown",this.handleDocKeyDown,true);document.removeEventListener("focusin",this.handleDocFocusIn)}focusFirst(){if(!this.containerEl)return;const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl.focus()}}getFocusableElements(){const t='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), md-icon-button:not([disabled]), md-button:not([disabled]), md-text-field:not([disabled]), md-checkbox:not([disabled]), md-switch:not([disabled]), md-radio:not([disabled]), md-slider:not([disabled])';const e=Array.from(this.containerEl?.querySelectorAll(t)??[]).filter((t=>!t.classList.contains("md-bottom-sheet__focus-guard")));const s=this.containerEl?.querySelectorAll("slot")??[];const i=[];s.forEach((e=>{const s=e.assignedElements({flatten:true});s.forEach((e=>{if(e.matches?.(t)){i.push(e)}const s=e.querySelectorAll?.(t);if(s)i.push(...Array.from(s))}))}));return[...e,...i]}render(){const t=!!this.headline;const e=t||this.closeable||this.hasSlottedClose;return s(i,{key:"ee9aaf1a07d8eb9cb2f41803bf34a50a3732910a",class:{"md-bottom-sheet":true,[`md-bottom-sheet--${this.variant}`]:true,"md-bottom-sheet--open":this.open,"md-bottom-sheet--no-drag-handle":!this.showDragHandle}},s("div",{key:"396b506ca18251d2791d1445b3476602a00f344f",class:"md-bottom-sheet__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),s("div",{key:"3d86789a8f297772f6f951a23d0f61bb66ba585d",class:"md-bottom-sheet__container",part:"container",role:"dialog","aria-modal":"true","aria-labelledby":t?this.headlineId:undefined,"aria-label":this.sheetAriaLabel||(!t?"Bottom sheet":undefined),"aria-hidden":!this.open?"true":undefined,inert:!this.open,tabindex:-1,ref:t=>this.containerEl=t},s("span",{key:"33f1833c6e37ad867411ab883a8b4413fc2737e8",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleEndGuardFocus}),this.showDragHandle&&s("div",{key:"4f855aec9da649004422efa2dfa869792f2fa554",class:{"md-bottom-sheet__drag-handle":true,"md-bottom-sheet__drag-handle--dragging":this.dragging},part:"drag-handle","aria-hidden":"true",onPointerDown:this.handleDragStart,onPointerMove:this.handleDragMove,onPointerUp:this.handleDragEnd,onPointerCancel:this.handleDragEnd},s("div",{key:"76da30ada36ef53052130ead104bc15427cab05f",class:"md-bottom-sheet__drag-handle-indicator",part:"drag-handle-indicator"})),e&&s("div",{key:"1e56e5fe59cb5e6a1a164da5b8ce2a87ea2adc3d",class:"md-bottom-sheet__header",part:"header"},t&&s("span",{key:"8fe97bc3cf784111ff82410a0238f7c7c0897b71",id:this.headlineId,class:"md-bottom-sheet__headline",part:"headline"},s("slot",{key:"30b6da3d283ca5c99265950465d61405051d4983",name:"headline"},this.headline)),(this.closeable||this.hasSlottedClose)&&s("div",{key:"b485c3896dd50733e432b7bed194e7130f4c5612",class:"md-bottom-sheet__close",part:"close"},s("slot",{key:"cfd23b597ec9bb2748c8f02055b0bee69ecdfec8",name:"close"},s("md-icon-button",{key:"a7f597d5fc4e76b2ea063e9db2e1cf7407819302",variant:"standard",icon:"close","aria-label":"Close bottom sheet",onClick:this.handleCloseClick})))),this.topDivider&&s("div",{key:"7394a9ce1c36c9ce16a3485ebf3dcf7bb5f71059",class:"md-bottom-sheet__divider",part:"divider-top","aria-hidden":"true"}),s("div",{key:"7b5de96c437a159bfc7fdcfad2f2296b62efd419",class:"md-bottom-sheet__content",part:"content"},s("slot",{key:"fefde953467f1f08960b46af3dd56da67fccc88e"})),this.hasActions&&this.bottomDivider&&s("div",{key:"df44b71b94ce36c04e9a2a8f3bcbbaee263a095f",class:"md-bottom-sheet__divider md-bottom-sheet__divider--bottom",part:"divider-bottom","aria-hidden":"true"}),this.hasActions&&s("div",{key:"64e0cb7fd2eee8c39b7681784a78bfb18cd6b1c1",class:"md-bottom-sheet__actions",part:"actions"},s("slot",{key:"68cdbde2476e1d9b16ea0c3272796220d3ab23fd",name:"actions"})),s("span",{key:"84bbb8c92ccc5f681c8096223b1727135e0b189f",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleStartGuardFocus})))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};n.style=a();export{n as md_bottom_sheet};
+//# sourceMappingURL=p-4f26bd60.entry.js.map

package/dist/md3/{p-7b463fbe.entry.js → p-4f2e82cb.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,H as e,a as n}from"./p-DTaX19_O.js";const r=()=>`:host{--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-surface-container, #F3EDF7));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_shape:var(--md-toolbar-container-shape, 0px);--_height:var(--md-toolbar-container-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-lg, 16px));--_gap:var(--md-toolbar-gap, max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_fab-gap:var(--md-toolbar-fab-gap, var(--md-sys-spacing-gap-lg, 16px));display:flex;align-items:center;box-sizing:border-box;color:var(--_icon-color);font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif)}:host(.md-toolbar--docked){--_gap:var(--md-toolbar-gap, max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-lg, 16px));inline-size:100%;min-block-size:var(--_height);padding-inline:var(--_padding);padding-block-end:env(safe-area-inset-bottom, 0px);background-color:var(--_container-color);border-radius:var(--_shape);box-shadow:var(--md-sys-elevation-2, 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3));position:sticky;inset-block-end:0;z-index:var(--md-sys-z-index-app-bar, 100);gap:0}:host(.md-toolbar--docked.md-toolbar--align-center){--_gap:var(--md-toolbar-gap, var(--md-sys-spacing-gap-sm, 8px))}:host(.md-toolbar--docked.md-toolbar--align-space-between){--_gap:0px}:host(.md-toolbar--floating){--_shape:var(--md-toolbar-container-shape, var(--md-sys-shape-corner-full, 100px));--_gap:var(--md-toolbar-gap, var(--md-sys-spacing-gap-xs, 4px));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-sm, 8px));--_fab-gap:var(--md-toolbar-fab-gap, var(--md-sys-spacing-gap-sm, 8px));display:inline-flex;align-items:center;gap:var(--_fab-gap);margin-inline:var(--md-sys-spacing-inset-lg, 16px);padding:0;background-color:transparent;border-radius:0;box-shadow:none}:host(.md-toolbar--floating) .md-toolbar__container{background-color:var(--_container-color);border-radius:var(--_shape);box-shadow:var(--md-sys-elevation-2, 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3));padding:var(--_padding);box-sizing:border-box;flex:0 1 auto}:host(.md-toolbar--floating:not(.md-toolbar--vertical)){min-block-size:var(--_height)}:host(.md-toolbar--floating:not(.md-toolbar--vertical)) .md-toolbar__container{block-size:var(--_height)}:host(.md-toolbar--floating.md-toolbar--vertical) .md-toolbar__container{block-size:auto;inline-size:100%}:host(.md-toolbar--vertical){flex-direction:column;block-size:auto;inline-size:var(--_height)}:host(.md-toolbar--vertical) .md-toolbar__container{flex-direction:column}:host(.md-toolbar--standard){--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-surface-container, #F3EDF7));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-toolbar--vibrant){--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-primary-container, #EADDFF));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F))}.md-toolbar__container{display:flex;align-items:center;gap:var(--_gap);flex:1;min-inline-size:0;flex-wrap:var(--md-toolbar-flex-wrap, nowrap);overflow-x:var(--md-toolbar-overflow-x, visible);scrollbar-width:var(--md-toolbar-scrollbar-width, thin);scroll-padding-inline:var(--_padding)}:host(.md-toolbar--vertical) .md-toolbar__container{overflow-x:visible;overflow-y:var(--md-toolbar-overflow-y, visible);scroll-padding-block:var(--_padding)}:host(.md-toolbar--align-start) .md-toolbar__container{justify-content:flex-start}:host(.md-toolbar--align-center) .md-toolbar__container{justify-content:center}:host(.md-toolbar--align-end) .md-toolbar__container{justify-content:flex-end}:host(.md-toolbar--align-space-between) .md-toolbar__container{justify-content:space-between}.md-toolbar__fab-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-start:var(--_fab-gap)}.md-toolbar__fab-container--hidden{display:none}.md-toolbar__fab-container--floating{margin-inline-start:0;margin-block-start:0}::slotted(*){flex-shrink:0}:host(.md-toolbar--standard) ::slotted(md-icon-button.md-icon-button--standard:not(.md-icon-button--selected)),:host(.md-toolbar--standard) ::slotted(md-icon-button.md-icon-button--outlined:not(.md-icon-button--selected)){--md-icon-button-icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--md-icon-button-state-layer-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--standard:not(.md-icon-button--selected)),:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--outlined:not(.md-icon-button--selected)){--md-icon-button-icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F));--md-icon-button-state-layer-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F))}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--tonal.md-icon-button--toggle:not(.md-icon-button--selected)){--md-icon-button-container-color:var(--md-sys-color-surface-container, #F3EDF7);--md-icon-button-icon-color:var(--md-sys-color-on-surface, #1C1B1F);--md-icon-button-state-layer-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--tonal.md-icon-button--toggle.md-icon-button--selected){--md-icon-button-container-color:var(--md-sys-color-secondary-container, #E8DEF8);--md-icon-button-icon-color:var(--md-sys-color-on-secondary-container, #1E192B);--md-icon-button-state-layer-color:var(--md-sys-color-on-secondary-container, #1E192B)}::slotted([slot="leading"]){margin-inline-end:auto}::slotted([slot="trailing"]){margin-inline-start:auto}:host(.md-toolbar--docked) ::slotted([slot="fab"]){box-shadow:none !important}@media (forced-colors: active){:host(.md-toolbar--docked){border-block-start:1px solid CanvasText}:host(.md-toolbar--floating) .md-toolbar__container{border:1px solid CanvasText}}@media (prefers-reduced-motion: reduce){.md-toolbar__container{scroll-behavior:auto}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const a=class{constructor(o){t(this,o);this.variant="docked";this.color="standard";this.layout="horizontal";this.alignment="start";this.containerSemantics="toolbar";this.ariaLabelProp="";this.ariaLabelledby="";this.density=0;this.hasFab=false;this.activeItem=null;this.roved=new Map;this.hasLoaded=false;this.rovingFrame=0;this.onHostKeyDown=t=>this.handleKeyDown(t);this.onFocusIn=t=>this.handleFocusIn(t);this.syncFab=()=>{this.hasFab=(this.fabSlot?.assignedElements().length??0)>0};this.syncRoving=()=>{if(typeof requestAnimationFrame!=="function"){this.updateRoving();return}if(this.rovingFrame)return;this.rovingFrame=requestAnimationFrame((()=>{this.rovingFrame=0;this.updateRoving()}))}}onNavPropChange(t,o,e){this.updateRoving()}hasAccessibleName(){return(this.ariaLabelledby??"").trim().length>0||(this.ariaLabelProp??"").trim().length>0}warnGenericNamed(){console.warn('[md-toolbar] `aria-label`/`aria-labelledby` on container-semantics="generic": a generic container cannot be named (ARIA name-prohibited), so assistive tech will ignore it. Use container-semantics="toolbar" if the name matters.')}componentWillLoad(){const t=this.el.getAttribute("aria-label");if(t!==null&&t.trim()==="")this.el.removeAttribute("aria-label")}connectedCallback(){this.el.addEventListener("keydown",this.onHostKeyDown,false);this.el.addEventListener("focusin",this.onFocusIn,false);if(this.hasLoaded)this.setupObservers()}componentDidLoad(){this.hasLoaded=true;this.setupObservers()}disconnectedCallback(){this.el.removeEventListener("keydown",this.onHostKeyDown,false);this.el.removeEventListener("focusin",this.onFocusIn,false);this.teardownObservers();this.clearRoving()}setupObservers(){const t=this.el.shadowRoot;this.fabSlot=t?.querySelector('slot[name="fab"]')??undefined;this.fabSlot?.addEventListener("slotchange",this.syncFab);this.syncFab();t?.querySelectorAll("slot").forEach((t=>t.addEventListener("slotchange",this.syncRoving)));if(typeof MutationObserver!=="undefined"&&!this.slotObserver){this.slotObserver=new MutationObserver(this.syncRoving);this.slotObserver.observe(this.el,{childList:true,subtree:true,attributes:true,attributeFilter:["disabled","aria-disabled","aria-hidden","hidden","class","style","role","type"]})}this.updateRoving()}teardownObservers(){this.fabSlot?.removeEventListener("slotchange",this.syncFab);this.el.shadowRoot?.querySelectorAll("slot").forEach((t=>t.removeEventListener("slotchange",this.syncRoving)));this.slotObserver?.disconnect();this.slotObserver=undefined;if(this.rovingFrame&&typeof cancelAnimationFrame==="function")cancelAnimationFrame(this.rovingFrame);this.rovingFrame=0}async setFocus(){const t=this.getItems();const o=this.activeItem&&t.includes(this.activeItem)?this.activeItem:this.preferredActive(t);o?.focus()}classify(t){if("isContentEditable"in t&&t.isContentEditable)return"independent";if(t.matches(a.COMPOSITE_SELECTOR))return"composite";if(t.matches(a.INDEPENDENT_SELECTOR))return"independent";if(t.matches(a.ROVING_SELECTOR))return"roving";if(t.matches('[tabindex]:not([tabindex^="-"])')){return t.querySelector(a.ANY_CONTROL_SELECTOR)?"wrapper":"roving"}return"wrapper"}optedOut(t){if("groupTabindex"in t)return false;const o=this.roved.get(t);const e=o&&o.kind==="attr"?o.orig:t.getAttribute("tabindex");return e!==null&&e.trim()!==""&&parseInt(e,10)<0}slotOf(t){const o=t.getAttribute("slot");if(o==="leading")return"leading";if(o==="trailing")return"trailing";if(o==="fab")return"fab";return"default"}slotPriority(t){const o=this.slotOf(t);return o==="leading"?0:o==="trailing"?2:o==="fab"?3:1}isVisible(t){const o=t.checkVisibility;if(typeof o==="function")return o.call(t,{checkVisibilityCSS:true});if(typeof getComputedStyle!=="function")return true;const e=getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"&&e.visibility!=="collapse"}ariaHiddenWithin(t){let o=t;while(o&&o!==this.el){if(o.getAttribute&&o.getAttribute("aria-hidden")==="true")return true;o=o.parentElement}return false}isNavigable(t){if(!(t instanceof HTMLElement))return false;if(t.hidden)return false;if(t.hasAttribute("disabled"))return false;if("disabled"in t&&t.disabled===true)return false;if(this.optedOut(t))return false;if(this.ariaHiddenWithin(t))return false;return this.isVisible(t)}collectRoving(t,o){const e=this.classify(t);if(e==="composite"||e==="independent")return;if(e==="roving"){if(this.isNavigable(t)&&!o.includes(t))o.push(t);return}for(const e of Array.from(t.children))this.collectRoving(e,o)}preferredActive(t){return t.find((t=>t.getAttribute("aria-disabled")!=="true"))??t[0]}getItems(){const t=Array.from(this.el.children).filter((t=>this.slotOf(t)!=="fab"));const o=new Map;t.forEach(((t,e)=>o.set(t,e)));t.sort(((t,e)=>{const n=this.slotPriority(t);const r=this.slotPriority(e);if(n!==r)return n-r;return(o.get(t)??0)-(o.get(e)??0)}));const e=[];for(const o of t)this.collectRoving(o,e);return e}applyRoving(t,o){if("groupTabindex"in t){if(!this.roved.has(t))this.roved.set(t,{kind:"group",orig:null});t.groupTabindex=o?0:-1}else{if(!this.roved.has(t))this.roved.set(t,{kind:"attr",orig:t.getAttribute("tabindex")});t.setAttribute("tabindex",o?"0":"-1")}}restoreOne(t){const o=this.roved.get(t);if(!o)return;if(o.kind==="group"){try{t.groupTabindex=null}catch{}}else if(o.orig===null){t.removeAttribute("tabindex")}else{t.setAttribute("tabindex",o.orig)}this.roved.delete(t)}clearRoving(){for(const t of Array.from(this.roved.keys()))this.restoreOne(t)}updateRoving(){if(this.containerSemantics!=="toolbar"){this.clearRoving();return}const t=this.getItems();for(const o of Array.from(this.roved.keys())){if(!t.includes(o))this.restoreOne(o)}if(t.length===0){this.activeItem=null;return}const o=this.activeItem&&t.includes(this.activeItem)?this.activeItem:this.preferredActive(t);this.activeItem=o??null;for(const e of t)this.applyRoving(e,e===o)}handleFocusIn(t){if(this.containerSemantics!=="toolbar")return;const o=this.getItems();const e=this.resolveItem(t.target,o);if(!e||e===this.activeItem)return;this.activeItem=e;for(const t of o)this.applyRoving(t,t===e)}resolveItem(t,o){const e=t;if(!e)return null;for(const t of o){if(t===e||t.contains(e))return t}return null}handleKeyDown(t){if(this.containerSemantics!=="toolbar")return;if(t.defaultPrevented)return;if(t.shiftKey||t.ctrlKey||t.metaKey||t.altKey)return;const o=t.key;const e=o==="ArrowRight"||o==="ArrowLeft"||o==="ArrowUp"||o==="ArrowDown"||o==="Home"||o==="End";if(!e)return;const n=this.getItems();if(n.length===0)return;const r=this.resolveItem(t.target,n);if(!r)return;const a=this.variant==="floating"&&this.layout==="vertical";const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";let s=0;if(a){if(o==="ArrowDown")s=1;else if(o==="ArrowUp")s=-1}else{if(o==="ArrowRight")s=i?-1:1;else if(o==="ArrowLeft")s=i?1:-1}let l;if(o==="Home"){l=0}else if(o==="End"){l=n.length-1}else if(s!==0){const t=n.indexOf(r);l=(t+s+n.length)%n.length}else{return}const d=n[l];if(!d)return;t.preventDefault();if(d!==r){this.activeItem=d;for(const t of n)this.applyRoving(t,t===d);d.focus()}}render(){const t=this.variant==="floating";const n=t&&this.layout==="vertical";const r=this.containerSemantics==="toolbar";const a=(this.ariaLabelledby??"").trim();const i=(this.ariaLabelProp??"").trim();const s=i.length>0?this.ariaLabelProp:undefined;const l=a.length>0?this.ariaLabelledby:undefined;const d=r?n?"vertical":"horizontal":undefined;return o(e,{key:"2064ce9ddf20d134ceaedbb2a0a54d39a70a19d0",class:{"md-toolbar":true,[`md-toolbar--${this.variant}`]:true,[`md-toolbar--${this.color}`]:true,[`md-toolbar--${this.layout}`]:t,[`md-toolbar--align-${this.alignment}`]:true,"md-toolbar--vertical":n,"md-toolbar--generic":!r},role:r?"toolbar":undefined,"aria-label":s,"aria-labelledby":l,"aria-orientation":d},o("div",{key:"e311ea0f281f1bb167ccf2914d047f2d49ca34e9",class:"md-toolbar__container",part:"container"},o("slot",{key:"6f9ce44e297c337340debd90a935e6db46fd10f0",name:"leading"}),o("slot",{key:"6a57d91bb3d358ae64b727d89754501ec3efb71f"}),o("slot",{key:"c826d0f85ed25a897d8bc667b904f28a0f099191",name:"trailing"})),o("div",{key:"153673e76d1ec5b6a84cfb9ac2bed6ca53faaf74",class:{"md-toolbar__fab-container":true,"md-toolbar__fab-container--floating":t,"md-toolbar__fab-container--hidden":!this.hasFab},part:"fab-container"},o("slot",{key:"5835dab76c0418045a36a1128c0315e772af0e7d",name:"fab"})))}get el(){return n(this)}static get watchers(){return{containerSemantics:[{onNavPropChange:0}],variant:[{onNavPropChange:0}],layout:[{onNavPropChange:0}]}}};a.COMPOSITE_SELECTOR='md-button-group,md-menu,[role="group"],[role="radiogroup"],[role="listbox"],[role="menu"],[role="tablist"],[role="toolbar"]';a.INDEPENDENT_SELECTOR=['input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="file"]):not([type="color"]):not([type="hidden"])',"textarea","select",'[contenteditable]:not([contenteditable="false"])',"md-text-field","md-select","md-radio","md-chip","md-switch","md-checkbox","md-fab",'[role="textbox"]','[role="searchbox"]','[role="spinbutton"]','[role="combobox"]','[role="slider"]','[role="radio"]','[role="checkbox"]'].join(",");a.ROVING_SELECTOR=["button","a[href]","md-button","md-icon-button",'input[type="button"]','input[type="submit"]','input[type="reset"]','input[type="image"]','input[type="file"]','input[type="color"]','[role="button"]','[role="menuitem"]','[role="link"]'].join(",");a.ANY_CONTROL_SELECTOR=a.COMPOSITE_SELECTOR+","+a.INDEPENDENT_SELECTOR+","+a.ROVING_SELECTOR;a.style=r();export{a as md_toolbar};
-//# sourceMappingURL=p-7b463fbe.entry.js.map
+import{r as t,h as o,H as e,g as n}from"./p-WmvQpZnM.js";const r=()=>`:host{--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-surface-container, #F3EDF7));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_shape:var(--md-toolbar-container-shape, 0px);--_height:var(--md-toolbar-container-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-lg, 16px));--_gap:var(--md-toolbar-gap, max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_fab-gap:var(--md-toolbar-fab-gap, var(--md-sys-spacing-gap-lg, 16px));display:flex;align-items:center;box-sizing:border-box;color:var(--_icon-color);font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif)}:host(.md-toolbar--docked){--_gap:var(--md-toolbar-gap, max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-lg, 16px));inline-size:100%;min-block-size:var(--_height);padding-inline:var(--_padding);padding-block-end:env(safe-area-inset-bottom, 0px);background-color:var(--_container-color);border-radius:var(--_shape);box-shadow:var(--md-sys-elevation-2, 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3));position:sticky;inset-block-end:0;z-index:var(--md-sys-z-index-app-bar, 100);gap:0}:host(.md-toolbar--docked.md-toolbar--align-center){--_gap:var(--md-toolbar-gap, var(--md-sys-spacing-gap-sm, 8px))}:host(.md-toolbar--docked.md-toolbar--align-space-between){--_gap:0px}:host(.md-toolbar--floating){--_shape:var(--md-toolbar-container-shape, var(--md-sys-shape-corner-full, 100px));--_gap:var(--md-toolbar-gap, var(--md-sys-spacing-gap-xs, 4px));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-sm, 8px));--_fab-gap:var(--md-toolbar-fab-gap, var(--md-sys-spacing-gap-sm, 8px));display:inline-flex;align-items:center;gap:var(--_fab-gap);margin-inline:var(--md-sys-spacing-inset-lg, 16px);padding:0;background-color:transparent;border-radius:0;box-shadow:none}:host(.md-toolbar--floating) .md-toolbar__container{background-color:var(--_container-color);border-radius:var(--_shape);box-shadow:var(--md-sys-elevation-2, 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3));padding:var(--_padding);box-sizing:border-box;flex:0 1 auto}:host(.md-toolbar--floating:not(.md-toolbar--vertical)){min-block-size:var(--_height)}:host(.md-toolbar--floating:not(.md-toolbar--vertical)) .md-toolbar__container{block-size:var(--_height)}:host(.md-toolbar--floating.md-toolbar--vertical) .md-toolbar__container{block-size:auto;inline-size:100%}:host(.md-toolbar--vertical){flex-direction:column;block-size:auto;inline-size:var(--_height)}:host(.md-toolbar--vertical) .md-toolbar__container{flex-direction:column}:host(.md-toolbar--standard){--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-surface-container, #F3EDF7));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-toolbar--vibrant){--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-primary-container, #EADDFF));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F))}.md-toolbar__container{display:flex;align-items:center;gap:var(--_gap);flex:1;min-inline-size:0;flex-wrap:var(--md-toolbar-flex-wrap, nowrap);overflow-x:var(--md-toolbar-overflow-x, visible);scrollbar-width:var(--md-toolbar-scrollbar-width, thin);scroll-padding-inline:var(--_padding)}:host(.md-toolbar--vertical) .md-toolbar__container{overflow-x:visible;overflow-y:var(--md-toolbar-overflow-y, visible);scroll-padding-block:var(--_padding)}:host(.md-toolbar--align-start) .md-toolbar__container{justify-content:flex-start}:host(.md-toolbar--align-center) .md-toolbar__container{justify-content:center}:host(.md-toolbar--align-end) .md-toolbar__container{justify-content:flex-end}:host(.md-toolbar--align-space-between) .md-toolbar__container{justify-content:space-between}.md-toolbar__fab-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-start:var(--_fab-gap)}.md-toolbar__fab-container--hidden{display:none}.md-toolbar__fab-container--floating{margin-inline-start:0;margin-block-start:0}::slotted(*){flex-shrink:0}:host(.md-toolbar--standard) ::slotted(md-icon-button.md-icon-button--standard:not(.md-icon-button--selected)),:host(.md-toolbar--standard) ::slotted(md-icon-button.md-icon-button--outlined:not(.md-icon-button--selected)){--md-icon-button-icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--md-icon-button-state-layer-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--standard:not(.md-icon-button--selected)),:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--outlined:not(.md-icon-button--selected)){--md-icon-button-icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F));--md-icon-button-state-layer-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F))}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--tonal.md-icon-button--toggle:not(.md-icon-button--selected)){--md-icon-button-container-color:var(--md-sys-color-surface-container, #F3EDF7);--md-icon-button-icon-color:var(--md-sys-color-on-surface, #1C1B1F);--md-icon-button-state-layer-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--tonal.md-icon-button--toggle.md-icon-button--selected){--md-icon-button-container-color:var(--md-sys-color-secondary-container, #E8DEF8);--md-icon-button-icon-color:var(--md-sys-color-on-secondary-container, #1E192B);--md-icon-button-state-layer-color:var(--md-sys-color-on-secondary-container, #1E192B)}::slotted([slot="leading"]){margin-inline-end:auto}::slotted([slot="trailing"]){margin-inline-start:auto}:host(.md-toolbar--docked) ::slotted([slot="fab"]){box-shadow:none !important}@media (forced-colors: active){:host(.md-toolbar--docked){border-block-start:1px solid CanvasText}:host(.md-toolbar--floating) .md-toolbar__container{border:1px solid CanvasText}}@media (prefers-reduced-motion: reduce){.md-toolbar__container{scroll-behavior:auto}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const a=class{constructor(o){t(this,o);this.variant="docked";this.color="standard";this.layout="horizontal";this.alignment="start";this.containerSemantics="toolbar";this.ariaLabelProp="";this.ariaLabelledby="";this.density=0;this.hasFab=false;this.activeItem=null;this.roved=new Map;this.hasLoaded=false;this.rovingFrame=0;this.onHostKeyDown=t=>this.handleKeyDown(t);this.onFocusIn=t=>this.handleFocusIn(t);this.syncFab=()=>{this.hasFab=(this.fabSlot?.assignedElements().length??0)>0};this.syncRoving=()=>{if(typeof requestAnimationFrame!=="function"){this.updateRoving();return}if(this.rovingFrame)return;this.rovingFrame=requestAnimationFrame((()=>{this.rovingFrame=0;this.updateRoving()}))}}onNavPropChange(t,o,e){this.updateRoving()}hasAccessibleName(){return(this.ariaLabelledby??"").trim().length>0||(this.ariaLabelProp??"").trim().length>0}warnGenericNamed(){console.warn('[md-toolbar] `aria-label`/`aria-labelledby` on container-semantics="generic": a generic container cannot be named (ARIA name-prohibited), so assistive tech will ignore it. Use container-semantics="toolbar" if the name matters.')}componentWillLoad(){const t=this.el.getAttribute("aria-label");if(t!==null&&t.trim()==="")this.el.removeAttribute("aria-label")}connectedCallback(){this.el.addEventListener("keydown",this.onHostKeyDown,false);this.el.addEventListener("focusin",this.onFocusIn,false);if(this.hasLoaded)this.setupObservers()}componentDidLoad(){this.hasLoaded=true;this.setupObservers()}disconnectedCallback(){this.el.removeEventListener("keydown",this.onHostKeyDown,false);this.el.removeEventListener("focusin",this.onFocusIn,false);this.teardownObservers();this.clearRoving()}setupObservers(){const t=this.el.shadowRoot;this.fabSlot=t?.querySelector('slot[name="fab"]')??undefined;this.fabSlot?.addEventListener("slotchange",this.syncFab);this.syncFab();t?.querySelectorAll("slot").forEach((t=>t.addEventListener("slotchange",this.syncRoving)));if(typeof MutationObserver!=="undefined"&&!this.slotObserver){this.slotObserver=new MutationObserver(this.syncRoving);this.slotObserver.observe(this.el,{childList:true,subtree:true,attributes:true,attributeFilter:["disabled","aria-disabled","aria-hidden","hidden","class","style","role","type"]})}this.updateRoving()}teardownObservers(){this.fabSlot?.removeEventListener("slotchange",this.syncFab);this.el.shadowRoot?.querySelectorAll("slot").forEach((t=>t.removeEventListener("slotchange",this.syncRoving)));this.slotObserver?.disconnect();this.slotObserver=undefined;if(this.rovingFrame&&typeof cancelAnimationFrame==="function")cancelAnimationFrame(this.rovingFrame);this.rovingFrame=0}async setFocus(){const t=this.getItems();const o=this.activeItem&&t.includes(this.activeItem)?this.activeItem:this.preferredActive(t);o?.focus()}classify(t){if("isContentEditable"in t&&t.isContentEditable)return"independent";if(t.matches(a.COMPOSITE_SELECTOR))return"composite";if(t.matches(a.INDEPENDENT_SELECTOR))return"independent";if(t.matches(a.ROVING_SELECTOR))return"roving";if(t.matches('[tabindex]:not([tabindex^="-"])')){return t.querySelector(a.ANY_CONTROL_SELECTOR)?"wrapper":"roving"}return"wrapper"}optedOut(t){if("groupTabindex"in t)return false;const o=this.roved.get(t);const e=o&&o.kind==="attr"?o.orig:t.getAttribute("tabindex");return e!==null&&e.trim()!==""&&parseInt(e,10)<0}slotOf(t){const o=t.getAttribute("slot");if(o==="leading")return"leading";if(o==="trailing")return"trailing";if(o==="fab")return"fab";return"default"}slotPriority(t){const o=this.slotOf(t);return o==="leading"?0:o==="trailing"?2:o==="fab"?3:1}isVisible(t){const o=t.checkVisibility;if(typeof o==="function")return o.call(t,{checkVisibilityCSS:true});if(typeof getComputedStyle!=="function")return true;const e=getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"&&e.visibility!=="collapse"}ariaHiddenWithin(t){let o=t;while(o&&o!==this.el){if(o.getAttribute&&o.getAttribute("aria-hidden")==="true")return true;o=o.parentElement}return false}isNavigable(t){if(!(t instanceof HTMLElement))return false;if(t.hidden)return false;if(t.hasAttribute("disabled"))return false;if("disabled"in t&&t.disabled===true)return false;if(this.optedOut(t))return false;if(this.ariaHiddenWithin(t))return false;return this.isVisible(t)}collectRoving(t,o){const e=this.classify(t);if(e==="composite"||e==="independent")return;if(e==="roving"){if(this.isNavigable(t)&&!o.includes(t))o.push(t);return}for(const e of Array.from(t.children))this.collectRoving(e,o)}preferredActive(t){return t.find((t=>t.getAttribute("aria-disabled")!=="true"))??t[0]}getItems(){const t=Array.from(this.el.children).filter((t=>this.slotOf(t)!=="fab"));const o=new Map;t.forEach(((t,e)=>o.set(t,e)));t.sort(((t,e)=>{const n=this.slotPriority(t);const r=this.slotPriority(e);if(n!==r)return n-r;return(o.get(t)??0)-(o.get(e)??0)}));const e=[];for(const o of t)this.collectRoving(o,e);return e}applyRoving(t,o){if("groupTabindex"in t){if(!this.roved.has(t))this.roved.set(t,{kind:"group",orig:null});t.groupTabindex=o?0:-1}else{if(!this.roved.has(t))this.roved.set(t,{kind:"attr",orig:t.getAttribute("tabindex")});t.setAttribute("tabindex",o?"0":"-1")}}restoreOne(t){const o=this.roved.get(t);if(!o)return;if(o.kind==="group"){try{t.groupTabindex=null}catch{}}else if(o.orig===null){t.removeAttribute("tabindex")}else{t.setAttribute("tabindex",o.orig)}this.roved.delete(t)}clearRoving(){for(const t of Array.from(this.roved.keys()))this.restoreOne(t)}updateRoving(){if(this.containerSemantics!=="toolbar"){this.clearRoving();return}const t=this.getItems();for(const o of Array.from(this.roved.keys())){if(!t.includes(o))this.restoreOne(o)}if(t.length===0){this.activeItem=null;return}const o=this.activeItem&&t.includes(this.activeItem)?this.activeItem:this.preferredActive(t);this.activeItem=o??null;for(const e of t)this.applyRoving(e,e===o)}handleFocusIn(t){if(this.containerSemantics!=="toolbar")return;const o=this.getItems();const e=this.resolveItem(t.target,o);if(!e||e===this.activeItem)return;this.activeItem=e;for(const t of o)this.applyRoving(t,t===e)}resolveItem(t,o){const e=t;if(!e)return null;for(const t of o){if(t===e||t.contains(e))return t}return null}handleKeyDown(t){if(this.containerSemantics!=="toolbar")return;if(t.defaultPrevented)return;if(t.shiftKey||t.ctrlKey||t.metaKey||t.altKey)return;const o=t.key;const e=o==="ArrowRight"||o==="ArrowLeft"||o==="ArrowUp"||o==="ArrowDown"||o==="Home"||o==="End";if(!e)return;const n=this.getItems();if(n.length===0)return;const r=this.resolveItem(t.target,n);if(!r)return;const a=this.variant==="floating"&&this.layout==="vertical";const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";let s=0;if(a){if(o==="ArrowDown")s=1;else if(o==="ArrowUp")s=-1}else{if(o==="ArrowRight")s=i?-1:1;else if(o==="ArrowLeft")s=i?1:-1}let l;if(o==="Home"){l=0}else if(o==="End"){l=n.length-1}else if(s!==0){const t=n.indexOf(r);l=(t+s+n.length)%n.length}else{return}const d=n[l];if(!d)return;t.preventDefault();if(d!==r){this.activeItem=d;for(const t of n)this.applyRoving(t,t===d);d.focus()}}render(){const t=this.variant==="floating";const n=t&&this.layout==="vertical";const r=this.containerSemantics==="toolbar";const a=(this.ariaLabelledby??"").trim();const i=(this.ariaLabelProp??"").trim();const s=i.length>0?this.ariaLabelProp:undefined;const l=a.length>0?this.ariaLabelledby:undefined;const d=r?n?"vertical":"horizontal":undefined;return o(e,{key:"2064ce9ddf20d134ceaedbb2a0a54d39a70a19d0",class:{"md-toolbar":true,[`md-toolbar--${this.variant}`]:true,[`md-toolbar--${this.color}`]:true,[`md-toolbar--${this.layout}`]:t,[`md-toolbar--align-${this.alignment}`]:true,"md-toolbar--vertical":n,"md-toolbar--generic":!r},role:r?"toolbar":undefined,"aria-label":s,"aria-labelledby":l,"aria-orientation":d},o("div",{key:"e311ea0f281f1bb167ccf2914d047f2d49ca34e9",class:"md-toolbar__container",part:"container"},o("slot",{key:"6f9ce44e297c337340debd90a935e6db46fd10f0",name:"leading"}),o("slot",{key:"6a57d91bb3d358ae64b727d89754501ec3efb71f"}),o("slot",{key:"c826d0f85ed25a897d8bc667b904f28a0f099191",name:"trailing"})),o("div",{key:"153673e76d1ec5b6a84cfb9ac2bed6ca53faaf74",class:{"md-toolbar__fab-container":true,"md-toolbar__fab-container--floating":t,"md-toolbar__fab-container--hidden":!this.hasFab},part:"fab-container"},o("slot",{key:"5835dab76c0418045a36a1128c0315e772af0e7d",name:"fab"})))}get el(){return n(this)}static get watchers(){return{containerSemantics:[{onNavPropChange:0}],variant:[{onNavPropChange:0}],layout:[{onNavPropChange:0}]}}};a.COMPOSITE_SELECTOR='md-button-group,md-menu,[role="group"],[role="radiogroup"],[role="listbox"],[role="menu"],[role="tablist"],[role="toolbar"]';a.INDEPENDENT_SELECTOR=['input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="file"]):not([type="color"]):not([type="hidden"])',"textarea","select",'[contenteditable]:not([contenteditable="false"])',"md-text-field","md-select","md-radio","md-chip","md-switch","md-checkbox","md-fab",'[role="textbox"]','[role="searchbox"]','[role="spinbutton"]','[role="combobox"]','[role="slider"]','[role="radio"]','[role="checkbox"]'].join(",");a.ROVING_SELECTOR=["button","a[href]","md-button","md-icon-button",'input[type="button"]','input[type="submit"]','input[type="reset"]','input[type="image"]','input[type="file"]','input[type="color"]','[role="button"]','[role="menuitem"]','[role="link"]'].join(",");a.ANY_CONTROL_SELECTOR=a.COMPOSITE_SELECTOR+","+a.INDEPENDENT_SELECTOR+","+a.ROVING_SELECTOR;a.style=r();export{a as md_toolbar};
+//# sourceMappingURL=p-4f2e82cb.entry.js.map

package/dist/md3/{p-be412e3f.entry.js → p-501bf161.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as r,H as i,a as s}from"./p-DTaX19_O.js";const o=(t,e,r)=>Math.max(e,Math.min(r,t));function a(t,e,r){const i=t/255;const s=e/255;const o=r/255;const a=Math.max(i,s,o);const n=Math.min(i,s,o);const l=a-n;let c=0;if(l!==0){switch(a){case i:c=(s-o)/l%6;break;case s:c=(o-i)/l+2;break;default:c=(i-s)/l+4}c*=60;if(c<0)c+=360}const h=a===0?0:l/a*100;const d=a*100;return{h:c,s:h,v:d}}function n(t,e,r){const i=e/100;const s=r/100;const o=s*i;const a=t/60;const n=o*(1-Math.abs(a%2-1));let l=0,c=0,h=0;if(a>=0&&a<1){l=o;c=n;h=0}else if(a<2){l=n;c=o;h=0}else if(a<3){l=0;c=o;h=n}else if(a<4){l=0;c=n;h=o}else if(a<5){l=n;c=0;h=o}else{l=o;c=0;h=n}const d=s-o;return{r:Math.round((l+d)*255),g:Math.round((c+d)*255),b:Math.round((h+d)*255)}}function l(t){const{r:e,g:r,b:i}=n(t.h,t.s,t.v);return{r:e,g:r,b:i,a:t.a}}function c(t,e,r){const i=t/255;const s=e/255;const o=r/255;const a=Math.max(i,s,o);const n=Math.min(i,s,o);const l=(a+n)/2;let c=0;let h=0;if(a!==n){const t=a-n;h=l>.5?t/(2-a-n):t/(a+n);switch(a){case i:c=(s-o)/t+(s<o?6:0);break;case s:c=(o-i)/t+2;break;default:c=(i-s)/t+4}c*=60}return{h:c,s:h*100,l:l*100}}function h(t){const{r:e,g:r,b:i}=n(t.h,t.s,t.v);return c(e,r,i)}function d(t,e,r){const i=(t%360+360)%360;const s=o(e,0,100)/100;const a=o(r,0,100)/100;const n=(1-Math.abs(2*a-1))*s;const l=n*(1-Math.abs(i/60%2-1));const c=a-n/2;let h=0;let d=0;let p=0;if(i<60){h=n;d=l}else if(i<120){h=l;d=n}else if(i<180){d=n;p=l}else if(i<240){d=l;p=n}else if(i<300){h=l;p=n}else{h=n;p=l}return{r:Math.round((h+c)*255),g:Math.round((d+c)*255),b:Math.round((p+c)*255)}}function p(t,e=false){const r=t=>o(Math.round(t),0,255).toString(16).padStart(2,"0");const i=`#${r(t.r)}${r(t.g)}${r(t.b)}`;if(!e&&t.a>=1)return i.toUpperCase();return`${i}${r(t.a*255)}`.toUpperCase()}function u(t,e=false){return p(l(t),e||t.a<1)}function m(t){if(!t)return null;const e=t.trim().replace(/^#/,"");const r=/^[0-9a-fA-F]+$/;if(!r.test(e))return null;let i=0,s=0,o=0,a=1;if(e.length===3){i=parseInt(e[0]+e[0],16);s=parseInt(e[1]+e[1],16);o=parseInt(e[2]+e[2],16)}else if(e.length===4){i=parseInt(e[0]+e[0],16);s=parseInt(e[1]+e[1],16);o=parseInt(e[2]+e[2],16);a=parseInt(e[3]+e[3],16)/255}else if(e.length===6){i=parseInt(e.slice(0,2),16);s=parseInt(e.slice(2,4),16);o=parseInt(e.slice(4,6),16)}else if(e.length===8){i=parseInt(e.slice(0,2),16);s=parseInt(e.slice(2,4),16);o=parseInt(e.slice(4,6),16);a=parseInt(e.slice(6,8),16)/255}else{return null}return{r:i,g:s,b:o,a}}function f(t){const e=t.trim().match(/^hsla?\(\s*([\d.]+)[\s,]+([\d.]+)%?[\s,]+([\d.]+)%?(?:[\s,/]+([\d.%]+))?\s*\)$/i);if(!e)return null;const r=o(parseFloat(e[1]),0,360);const i=o(parseFloat(e[2]),0,100);const s=o(parseFloat(e[3]),0,100);const a=t=>{if(t==null)return 1;if(t.endsWith("%"))return o(parseFloat(t)/100,0,1);return o(parseFloat(t),0,1)};const{r:n,g:l,b:c}=d(r,i,s);return{r:n,g:l,b:c,a:a(e[4])}}function _(t){const e=t.trim().match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:[\s,/]+([\d.%]+))?\s*\)$/i);if(!e)return null;const r=t=>{if(t.endsWith("%"))return o(parseFloat(t)/100*255,0,255);return o(parseFloat(t),0,255)};const i=t=>{if(t==null)return 1;if(t.endsWith("%"))return o(parseFloat(t)/100,0,1);return o(parseFloat(t),0,1)};return{r:Math.round(r(e[1])),g:Math.round(r(e[2])),b:Math.round(r(e[3])),a:i(e[4])}}function b(t){if(!t)return null;const e=t.trim();if(e.startsWith("#")||/^[0-9a-fA-F]{3,8}$/.test(e)){const t=m(e);if(!t)return null;const{h:r,s:i,v:s}=a(t.r,t.g,t.b);return{h:r,s:i,v:s,a:t.a}}const r=e.toLowerCase();if(r.startsWith("rgb")){const t=_(e);if(!t)return null;const{h:r,s:i,v:s}=a(t.r,t.g,t.b);return{h:r,s:i,v:s,a:t.a}}if(r.startsWith("hsl")){const t=f(e);if(!t)return null;const{h:r,s:i,v:s}=a(t.r,t.g,t.b);return{h:r,s:i,v:s,a:t.a}}return null}function v(t,e){const r=l(t);if(e==="rgb"){if(t.a<1){return`rgba(${r.r}, ${r.g}, ${r.b}, ${+t.a.toFixed(2)})`}return`rgb(${r.r}, ${r.g}, ${r.b})`}if(e==="hsl"){const{h:e,s:i,l:s}=c(r.r,r.g,r.b);if(t.a<1){return`hsla(${Math.round(e)}, ${Math.round(i)}%, ${Math.round(s)}%, ${+t.a.toFixed(2)})`}return`hsl(${Math.round(e)}, ${Math.round(i)}%, ${Math.round(s)}%)`}return u(t,t.a<1)}const g=()=>`:host{--_width:var(--md-color-picker-width, 296px);--_plate-height:var(--md-color-picker-plate-height, 176px);--_radius:var(--md-color-picker-radius, var(--md-sys-shape-corner-extra-large, 28px));--_surface:var(--md-color-picker-surface-color, var(--md-sys-color-surface-container-high, #ECE6F0));--_on-surface:var(--md-color-picker-on-surface, var(--md-sys-color-on-surface, #1C1B1F));--_outline:var(--md-color-picker-outline-color, var(--md-sys-color-outline-variant, #CAC4D0));--_outline-strong:var(--md-color-picker-outline-strong, var(--md-sys-color-outline, #79747E));--_primary:var(--md-sys-color-primary, #6750A4);--_thumb-size:var(--md-color-picker-thumb-size, 18px);--_thumb-border:var(--md-color-picker-thumb-border, #FFFFFF);--_preset-size:var(--md-color-picker-preset-size, 32px);--_popover-elevation:var(--md-color-picker-popover-elevation, var(--md-sys-elevation-3, 0px 4px 8px 3px rgba(0,0,0,0.15), 0px 1px 3px rgba(0,0,0,0.3)));--_state-easing:var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00));--_state-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_spring-easing:var(--md-sys-motion-spring-spatial-fast-easing, cubic-bezier(0.42, 1.67, 0.21, 0.90));--_spring-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);--_emphasized-decelerate:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));--_emphasized-accelerate:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_popover-in-duration:var(--md-sys-motion-duration-medium2, 300ms);--_popover-out-duration:var(--md-sys-motion-duration-short4, 200ms);display:inline-block;box-sizing:border-box;direction:inherit;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);color:var(--_on-surface)}:host(.md-color-picker--inline){inline-size:var(--_width)}.md-color-picker__popover{position:absolute;z-index:var(--md-sys-z-index-popup, 1000);margin-block-start:8px;inline-size:var(--_width);background:var(--_surface);color:var(--_on-surface);border-radius:var(--_radius);box-shadow:var(--_popover-elevation);padding:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px));box-sizing:border-box;transform-origin:top left;animation:md-color-picker-pop-in var(--_popover-in-duration) var(--_emphasized-decelerate) both}.md-color-picker__popover[data-state="closing"]{animation:md-color-picker-pop-out var(--_popover-out-duration) var(--_emphasized-accelerate) both}@keyframes md-color-picker-pop-in{from{opacity:0;transform:scale(0.8) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes md-color-picker-pop-out{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.95) translateY(-4px)}}:host([dir="rtl"]) .md-color-picker__popover,:host-context([dir="rtl"]) .md-color-picker__popover{transform-origin:top right}.md-color-picker__panel{display:flex;flex-direction:column;gap:max(4px, calc(14px + var(--md-sys-density-scale, 0) * 2px));inline-size:100%;background:var(--_surface);border-radius:var(--_radius);padding:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px));box-sizing:border-box}:host(.md-color-picker--popover) .md-color-picker__panel{padding:0;background:transparent}.md-color-picker__plate{position:relative;inline-size:100%;block-size:var(--_plate-height);border-radius:var(--md-sys-shape-corner-large, 16px);overflow:hidden;touch-action:none;cursor:crosshair}.md-color-picker__plate:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px}.md-color-picker__plate-saturation,.md-color-picker__plate-value{position:absolute;inset:0}.md-color-picker__plate-saturation{background:linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0))}:host(:dir(rtl)) .md-color-picker__plate-saturation,:host([dir="rtl"]) .md-color-picker__plate-saturation,:host-context([dir="rtl"]) .md-color-picker__plate-saturation{background:linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0))}.md-color-picker__plate-value{background:linear-gradient(to top, #000000, rgba(0, 0, 0, 0))}.md-color-picker__thumb{position:absolute;inline-size:var(--_thumb-size);block-size:var(--_thumb-size);border-radius:50%;border:2px solid var(--_thumb-border);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.4),     var(--md-sys-elevation-1, 0px 1px 2px rgba(0,0,0,0.3));margin-inline-start:calc(-0.5 * var(--_thumb-size));margin-block-start:calc(-0.5 * var(--_thumb-size));pointer-events:none;background-color:currentColor;transition:box-shadow var(--_state-duration) var(--_state-easing),     transform var(--_state-duration) var(--_state-easing)}.md-color-picker__plate:active .md-color-picker__thumb,.md-color-picker__hue:active .md-color-picker__thumb,.md-color-picker__alpha:active .md-color-picker__thumb{transform:scale(1.15);box-shadow:0 0 0 6px color-mix(in srgb, var(--_primary) 16%, transparent),     var(--md-sys-elevation-2, 0px 1px 2px rgba(0,0,0,0.3))}.md-color-picker__thumb--slider{inset-block-start:50%;margin-block-start:0;transform:translateY(-50%)}.md-color-picker__hue:active .md-color-picker__thumb--slider,.md-color-picker__alpha:active .md-color-picker__thumb--slider{transform:translateY(-50%) scale(1.15)}.md-color-picker__sliders{display:flex;gap:max(4px, calc(14px + var(--md-sys-density-scale, 0) * 2px));align-items:center}.md-color-picker__sliders-stack{flex:1;display:flex;flex-direction:column;gap:var(--md-sys-spacing-gap-md, 12px)}.md-color-picker__hue,.md-color-picker__alpha{position:relative;inline-size:100%;block-size:14px;border-radius:var(--md-sys-shape-corner-full, 9999px);touch-action:none;cursor:pointer;transition:box-shadow var(--_state-duration) var(--_state-easing)}.md-color-picker__hue{background:linear-gradient(     to right,     #ff0000 0%, #ffff00 17%, #00ff00 33%,     #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%   )}:host(:dir(rtl)) .md-color-picker__hue,:host([dir="rtl"]) .md-color-picker__hue,:host-context([dir="rtl"]) .md-color-picker__hue{background:linear-gradient(     to left,     #ff0000 0%, #ffff00 17%, #00ff00 33%,     #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%   )}.md-color-picker__alpha{background-image:linear-gradient(45deg, #ccc 25%, transparent 25%),     linear-gradient(-45deg, #ccc 25%, transparent 25%),     linear-gradient(45deg, transparent 75%, #ccc 75%),     linear-gradient(-45deg, transparent 75%, #ccc 75%);background-size:8px 8px;background-position:0 0, 0 4px, 4px -4px, -4px 0}.md-color-picker__alpha-track{position:absolute;inset:0;border-radius:inherit}.md-color-picker__hue::before,.md-color-picker__alpha::before{content:'';position:absolute;inset-block:calc((100% - var(--_thumb-size)) / 2);inset-inline:calc(var(--_thumb-size) / -2)}.md-color-picker__hue:focus-visible,.md-color-picker__alpha:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:4px}.md-color-picker__hue:hover,.md-color-picker__alpha:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--_on-surface) 8%, transparent)}.md-color-picker__preview{flex-shrink:0;inline-size:40px;block-size:40px;border-radius:50%;background-image:linear-gradient(45deg, #ccc 25%, transparent 25%),     linear-gradient(-45deg, #ccc 25%, transparent 25%),     linear-gradient(45deg, transparent 75%, #ccc 75%),     linear-gradient(-45deg, transparent 75%, #ccc 75%);background-size:8px 8px;background-position:0 0, 0 4px, 4px -4px, -4px 0;border:1px solid var(--_outline);overflow:hidden;transition:transform var(--_spring-duration) var(--_spring-easing)}.md-color-picker__preview-inner{inline-size:100%;block-size:100%;transition:background-color var(--_state-duration) var(--_state-easing)}.md-color-picker__field{display:flex;flex-direction:column;gap:var(--md-sys-spacing-gap-xs, 4px);flex:1;min-inline-size:0}.md-color-picker__field label{font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);color:var(--md-sys-color-on-surface-variant, #49454F);text-transform:uppercase}.md-color-picker__field input{inline-size:100%;padding:var(--md-sys-spacing-inset-sm, 8px) 6px;border:1px solid var(--_outline);border-radius:var(--md-sys-shape-corner-extra-small, 4px);background:var(--md-sys-color-surface-container-lowest, #FFFFFF);color:var(--_on-surface);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;box-sizing:border-box;text-align:center;transition:border-color var(--_state-duration) var(--_state-easing),     box-shadow var(--_state-duration) var(--_state-easing)}.md-color-picker__field input:hover:not(:disabled){border-color:var(--_outline-strong)}.md-color-picker__field input:focus-visible{outline:none;border-color:var(--_primary);box-shadow:0 0 0 1px var(--_primary)}.md-color-picker__field input[aria-invalid="true"]{border-color:var(--md-sys-color-error, #B3261E)}.md-color-picker__field input[aria-invalid="true"]:focus-visible{box-shadow:0 0 0 1px var(--md-sys-color-error, #B3261E)}.md-color-picker__field input:disabled{opacity:0.5;cursor:not-allowed}.md-color-picker__field--hex input{text-align:start;font-family:var(--md-sys-typescale-mono-font, ui-monospace, 'SF Mono', Menlo, monospace);letter-spacing:0.05em}.md-color-picker__inputs{display:flex;gap:var(--md-sys-spacing-gap-sm, 8px)}.md-color-picker__presets{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-gap-sm, 8px)}.md-color-picker__preset{position:relative;inline-size:var(--_preset-size);block-size:var(--_preset-size);border:1px solid var(--_outline);border-radius:50%;cursor:pointer;padding:0;transition:transform var(--_spring-duration) var(--_spring-easing),     box-shadow var(--_spring-duration) var(--_spring-easing)}.md-color-picker__preset:hover:not(:disabled){transform:scale(1.15) rotate(-4deg);box-shadow:var(--md-sys-elevation-1, 0px 1px 2px rgba(0,0,0,0.3))}.md-color-picker__preset:active:not(:disabled){transform:scale(1.05) rotate(0deg)}.md-color-picker__preset:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:3px}.md-color-picker__preset[aria-selected="true"]{box-shadow:0 0 0 2px var(--_surface),     0 0 0 4px var(--_primary),     var(--md-sys-elevation-1, 0px 1px 2px rgba(0,0,0,0.3));transform:scale(1.1)}.md-color-picker__preset[aria-selected="true"]:hover:not(:disabled){transform:scale(1.18)}:host(.md-color-picker--disabled) .md-color-picker__plate,:host(.md-color-picker--disabled) .md-color-picker__hue,:host(.md-color-picker--disabled) .md-color-picker__alpha{pointer-events:none;opacity:0.5}@media (prefers-reduced-motion: reduce){.md-color-picker__popover{animation-duration:0.01ms !important}.md-color-picker__preset,.md-color-picker__field input,.md-color-picker__thumb,.md-color-picker__preview,.md-color-picker__hue,.md-color-picker__alpha{transition-duration:0.01ms !important}.md-color-picker__preset:hover:not(:disabled){transform:scale(1.06)}}@media (forced-colors: active){.md-color-picker__field input,.md-color-picker__preset{border:1px solid CanvasText}.md-color-picker__plate,.md-color-picker__hue,.md-color-picker__alpha{forced-color-adjust:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const k=class{constructor(r){t(this,r);this.mdInput=e(this,"mdInput",7);this.mdChange=e(this,"mdChange",7);this.mdOpenChange=e(this,"mdOpenChange",7);this.variant="inline";this.value="#6750A4";this.format="hex";this.alpha=false;this.showHex=true;this.showInputs=true;this.disabled=false;this.presets="";this.ariaLabelProp="Color picker";this.open=false;this.dismissOnOutsideClick=false;this.density=0;this.hsva={h:268,s:53,v:64,a:1};this.hexInput="";this.hexInvalid=false;this.hasSlottedTrigger=false;this.pointerDragKind=null;this.uid=`md-color-picker-${Math.random().toString(36).slice(2,7)}`;this.wiredTrigger=null;this.lastEmitted="";this.onSatPointerDown=t=>{if(this.disabled)return;const e=t.currentTarget;e.setPointerCapture(t.pointerId);this.satRect=e.getBoundingClientRect();this.pointerDragKind="sat";this.updateSatFromPoint(t.clientX,t.clientY)};this.onSatPointerMove=t=>{if(this.pointerDragKind!=="sat"||!this.satRect)return;this.updateSatFromPoint(t.clientX,t.clientY)};this.onSatPointerUp=t=>{if(this.pointerDragKind!=="sat")return;const e=t.currentTarget;e.releasePointerCapture?.(t.pointerId);this.pointerDragKind=null;this.emit(true)};this.onSatKeyDown=t=>{if(this.disabled)return;const e=t.shiftKey?10:1;const r=this.isRtl();let{s:i,v:s}=this.hsva;let o=true;switch(t.key){case"ArrowLeft":i+=r?e:-e;break;case"ArrowRight":i+=r?-e:e;break;case"ArrowDown":s-=e;break;case"ArrowUp":s+=e;break;case"Home":i=0;break;case"End":i=100;break;case"PageDown":s=0;break;case"PageUp":s=100;break;default:o=false}if(!o)return;t.preventDefault();this.hsva={...this.hsva,s:Math.max(0,Math.min(100,i)),v:Math.max(0,Math.min(100,s))};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(true)};this.onHuePointerDown=t=>{if(this.disabled)return;const e=t.currentTarget;e.setPointerCapture(t.pointerId);this.hueRect=e.getBoundingClientRect();this.pointerDragKind="hue";this.updateHueFromPoint(t.clientX)};this.onHuePointerMove=t=>{if(this.pointerDragKind!=="hue"||!this.hueRect)return;this.updateHueFromPoint(t.clientX)};this.onHuePointerUp=t=>{if(this.pointerDragKind!=="hue")return;const e=t.currentTarget;e.releasePointerCapture?.(t.pointerId);this.pointerDragKind=null;this.emit(true)};this.onHueKeyDown=t=>{if(this.disabled)return;const e=t.shiftKey?15:1;const r=this.isRtl();let{h:i}=this.hsva;let s=true;switch(t.key){case"ArrowLeft":i+=r?e:-e;break;case"ArrowRight":i+=r?-e:e;break;case"Home":i=0;break;case"End":i=360;break;default:s=false}if(!s)return;t.preventDefault();i=(i%360+360)%360;this.hsva={...this.hsva,h:i};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(true)};this.onAlphaPointerDown=t=>{if(this.disabled)return;const e=t.currentTarget;e.setPointerCapture(t.pointerId);this.alphaRect=e.getBoundingClientRect();this.pointerDragKind="alpha";this.updateAlphaFromPoint(t.clientX)};this.onAlphaPointerMove=t=>{if(this.pointerDragKind!=="alpha"||!this.alphaRect)return;this.updateAlphaFromPoint(t.clientX)};this.onAlphaPointerUp=t=>{if(this.pointerDragKind!=="alpha")return;const e=t.currentTarget;e.releasePointerCapture?.(t.pointerId);this.pointerDragKind=null;this.emit(true)};this.onAlphaKeyDown=t=>{if(this.disabled)return;const e=t.shiftKey?.1:.01;const r=this.isRtl();let{a:i}=this.hsva;let s=true;switch(t.key){case"ArrowLeft":i+=r?e:-e;break;case"ArrowRight":i+=r?-e:e;break;case"Home":i=0;break;case"End":i=1;break;default:s=false}if(!s)return;t.preventDefault();i=Math.max(0,Math.min(1,i));this.hsva={...this.hsva,a:i};this.hexInput=u(this.hsva,true);this.hexInvalid=false;this.emit(true)};this.onHexInput=t=>{const e=t.target.value;this.hexInput=e;const r=b(e.startsWith("#")?e:`#${e}`);if(r){this.hsva=r;this.hexInvalid=false;this.emit(false)}else{this.hexInvalid=true}};this.onHexBlur=()=>{if(this.hexInvalid){this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false}this.emit(true)};this.onRgbChange=(t,e)=>{const r=e.target.value;const i=Math.max(0,Math.min(255,parseInt(r,10)||0));const s=l(this.hsva);this.rgbaFromChannels(t==="r"?i:s.r,t==="g"?i:s.g,t==="b"?i:s.b)};this.onHslChange=(t,e)=>{const r=e.target.value;const i=parseInt(r,10)||0;const s=h(this.hsva);const o=t==="h"?Math.max(0,Math.min(360,i)):s.h;const a=t==="s"?Math.max(0,Math.min(100,i)):s.s;const n=t==="l"?Math.max(0,Math.min(100,i)):s.l;const{r:l,g:c,b:p}=d(o,a,n);this.rgbaFromChannels(l,c,p)};this.onAlphaInputChange=t=>{const e=t.target.value;const r=Math.max(0,Math.min(1,parseFloat(e)||0));this.hsva={...this.hsva,a:r};this.hexInput=u(this.hsva,true);this.emit(true)};this.onPresetClick=t=>{if(this.disabled)return;this.applyValue(t,true);this.emit(true)};this.onPresetKeyDown=(t,e)=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();this.onPresetClick(e)}};this.toggleOpen=()=>{if(this.disabled)return;this.open=!this.open}}componentWillLoad(){this.applyValue(this.value,false);this.computeSlottedTrigger()}componentDidLoad(){this.syncOutsideClickListener();this.wireSlottedTrigger();const t=this.el.shadowRoot?.querySelector('slot[name="trigger"]');t?.addEventListener("slotchange",(()=>{this.computeSlottedTrigger();this.wireSlottedTrigger()}))}computeSlottedTrigger(){this.hasSlottedTrigger=this.el.querySelector('[slot="trigger"]')!==null;if(!this.hasSlottedTrigger&&this.variant==="popover"&&typeof console!=="undefined"){console.warn('[md-color-picker] variant="popover" needs a trigger: slot one into '+'`trigger` (e.g. <md-button slot="trigger">…</md-button>). Without it '+"there is nothing to open the panel.")}}wireSlottedTrigger(){const t=this.el.querySelector('[slot="trigger"]');if(!t||t===this.wiredTrigger){this.syncSlottedTriggerAria();return}this.wiredTrigger?.removeEventListener("click",this.toggleOpen);t.addEventListener("click",this.toggleOpen);this.wiredTrigger=t;this.syncSlottedTriggerAria()}syncSlottedTriggerAria(){const t=this.wiredTrigger;if(!t)return;t.setAttribute("aria-haspopup","dialog");t.setAttribute("aria-expanded",String(this.open))}onValueChange(t){if(t===this.lastEmitted)return;this.applyValue(t,false)}isRtl(){return typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl"}horizontalRatio(t,e){const r=e.width;if(r<=0)return 0;return this.isRtl()?(e.right-t)/r:(t-e.left)/r}horizontalGradientTo(){return this.isRtl()?"left":"right"}applyValue(t,e){const r=b(t);if(r){this.hsva=r;this.hexInput=u(r,this.alpha&&r.a<1);this.hexInvalid=false;if(e)this.emit()}else{this.hexInvalid=true}}emit(t=false){const e=v(this.hsva,this.format);if(e!==this.value){this.lastEmitted=e;this.value=e;this.mdInput.emit({value:e});if(t)this.mdChange.emit({value:e})}else if(t){this.mdChange.emit({value:e})}}updateSatFromPoint(t,e){if(!this.satRect)return;const r=this.horizontalRatio(t,this.satRect);const i=e-this.satRect.top;const s=Math.max(0,Math.min(100,r*100));const o=Math.max(0,Math.min(100,100-i/this.satRect.height*100));this.hsva={...this.hsva,s,v:o};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(false)}updateHueFromPoint(t){if(!this.hueRect)return;const e=Math.max(0,Math.min(1,this.horizontalRatio(t,this.hueRect)));const r=e*360;this.hsva={...this.hsva,h:r};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(false)}updateAlphaFromPoint(t){if(!this.alphaRect)return;const e=Math.max(0,Math.min(1,this.horizontalRatio(t,this.alphaRect)));this.hsva={...this.hsva,a:e};this.hexInput=u(this.hsva,true);this.hexInvalid=false;this.emit(false)}rgbaFromChannels(t,e,r){const i=`#${[t,e,r].map((t=>t.toString(16).padStart(2,"0"))).join("")}`;const s=b(i);if(s){this.hsva={...s,a:this.hsva.a};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(true)}}get parsedPresets(){const t=Array.isArray(this.presets)?this.presets:String(this.presets??"").split(",");return t.map((t=>String(t).trim())).filter(Boolean)}async show(){if(this.variant!=="popover"||this.disabled)return;this.open=true}async close(){if(this.variant!=="popover")return;this.open=false}onOpenChange(t){this.mdOpenChange.emit({open:t});this.syncOutsideClickListener();this.syncSlottedTriggerAria()}onVariantChange(){this.syncOutsideClickListener()}onDismissOnOutsideClickChange(){this.syncOutsideClickListener()}onDisabledChange(){this.syncOutsideClickListener()}disconnectedCallback(){this.removeOutsideClickHandler();this.wiredTrigger?.removeEventListener("click",this.toggleOpen);this.wiredTrigger=null}syncOutsideClickListener(){this.removeOutsideClickHandler();if(this.variant!=="popover"||!this.open||!this.dismissOnOutsideClick||this.disabled||typeof document==="undefined"){return}requestAnimationFrame((()=>{if(this.variant!=="popover"||!this.open||!this.dismissOnOutsideClick||this.disabled){return}this.attachOutsideClickHandler()}))}attachOutsideClickHandler(){this.outsideClickHandler=t=>{if(this.disabled||!this.open)return;const e=t.composedPath?t.composedPath():[];if(e.includes(this.el))return;const r=t.target;if(r&&this.el.contains(r))return;this.open=false};document.addEventListener("mousedown",this.outsideClickHandler,true)}removeOutsideClickHandler(){if(this.outsideClickHandler&&typeof document!=="undefined"){document.removeEventListener("mousedown",this.outsideClickHandler,true)}this.outsideClickHandler=undefined}onGlobalKeyDown(t){if(this.variant==="popover"&&this.open&&t.key==="Escape"){t.preventDefault();this.open=false}}renderSaturationPlate(){const t=this.hsva.h;const e=this.hsva.s;const i=this.hsva.v;const s=l({h:t,s:100,v:100,a:1});const o=`rgb(${s.r}, ${s.g}, ${s.b})`;return r("div",{class:"md-color-picker__plate",part:"plate",role:"application",tabindex:this.disabled?-1:0,"aria-label":"Saturation and brightness",style:{background:o},onPointerDown:this.onSatPointerDown,onPointerMove:this.onSatPointerMove,onPointerUp:this.onSatPointerUp,onPointerCancel:this.onSatPointerUp,onKeyDown:this.onSatKeyDown},r("div",{class:"md-color-picker__plate-saturation","aria-hidden":"true"}),r("div",{class:"md-color-picker__plate-value","aria-hidden":"true"}),r("div",{class:"md-color-picker__thumb",part:"thumb",style:{insetInlineStart:`${e}%`,insetBlockStart:`${100-i}%`,backgroundColor:u(this.hsva,false)}}))}renderHueSlider(){const t=this.hsva.h;const e=t/360;return r("div",{class:"md-color-picker__hue",part:"hue",role:"slider","aria-label":"Hue","aria-valuemin":"0","aria-valuemax":"360","aria-valuenow":Math.round(t),"aria-orientation":"horizontal","aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:0,onPointerDown:this.onHuePointerDown,onPointerMove:this.onHuePointerMove,onPointerUp:this.onHuePointerUp,onPointerCancel:this.onHuePointerUp,onKeyDown:this.onHueKeyDown},r("div",{class:"md-color-picker__thumb md-color-picker__thumb--slider",style:{insetInlineStart:`${e*100}%`,backgroundColor:u({h:t,s:100,v:100,a:1},false)}}))}renderAlphaSlider(){if(!this.alpha)return null;const t=this.hsva.a;const e=l({...this.hsva,a:1});const i=`linear-gradient(to ${this.horizontalGradientTo()}, rgba(${e.r}, ${e.g}, ${e.b}, 0), rgba(${e.r}, ${e.g}, ${e.b}, 1))`;return r("div",{class:"md-color-picker__alpha",part:"alpha",role:"slider","aria-label":"Opacity","aria-valuemin":"0","aria-valuemax":"1","aria-valuenow":+t.toFixed(2),"aria-orientation":"horizontal","aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:0,onPointerDown:this.onAlphaPointerDown,onPointerMove:this.onAlphaPointerMove,onPointerUp:this.onAlphaPointerUp,onPointerCancel:this.onAlphaPointerUp,onKeyDown:this.onAlphaKeyDown},r("div",{class:"md-color-picker__alpha-track",style:{backgroundImage:i}}),r("div",{class:"md-color-picker__thumb md-color-picker__thumb--slider",style:{insetInlineStart:`${t*100}%`,backgroundColor:u(this.hsva,true)}}))}renderHexInput(){if(!this.showHex)return null;return r("div",{class:"md-color-picker__field md-color-picker__field--hex",part:"field-hex"},r("label",{part:"label",htmlFor:`${this.uid}-hex`},"Hex"),r("input",{id:`${this.uid}-hex`,type:"text",value:this.hexInput,spellcheck:false,autoComplete:"off","aria-invalid":this.hexInvalid?"true":undefined,disabled:this.disabled,onInput:this.onHexInput,onBlur:this.onHexBlur,onKeyDown:t=>{if(t.key==="Enter"){t.target.blur()}}}))}renderAlphaField(){if(!this.alpha)return null;return r("div",{class:"md-color-picker__field",part:"field-a"},r("label",{htmlFor:`${this.uid}-a`},"A"),r("input",{id:`${this.uid}-a`,type:"number",min:"0",max:"1",step:"0.01",value:+this.hsva.a.toFixed(2),disabled:this.disabled,onChange:this.onAlphaInputChange}))}renderRgbInputs(){const t=l(this.hsva);return r("div",{class:"md-color-picker__inputs",part:"inputs"},r("div",{class:"md-color-picker__field",part:"field-r"},r("label",{htmlFor:`${this.uid}-r`},"R"),r("input",{id:`${this.uid}-r`,type:"number",min:"0",max:"255",step:"1",value:t.r,disabled:this.disabled,onChange:t=>this.onRgbChange("r",t)})),r("div",{class:"md-color-picker__field",part:"field-g"},r("label",{htmlFor:`${this.uid}-g`},"G"),r("input",{id:`${this.uid}-g`,type:"number",min:"0",max:"255",step:"1",value:t.g,disabled:this.disabled,onChange:t=>this.onRgbChange("g",t)})),r("div",{class:"md-color-picker__field",part:"field-b"},r("label",{htmlFor:`${this.uid}-b`},"B"),r("input",{id:`${this.uid}-b`,type:"number",min:"0",max:"255",step:"1",value:t.b,disabled:this.disabled,onChange:t=>this.onRgbChange("b",t)})),this.renderAlphaField())}renderHslInputs(){const t=h(this.hsva);return r("div",{class:"md-color-picker__inputs",part:"inputs"},r("div",{class:"md-color-picker__field",part:"field-h"},r("label",{htmlFor:`${this.uid}-h`},"H"),r("input",{id:`${this.uid}-h`,type:"number",min:"0",max:"360",step:"1",value:Math.round(t.h),disabled:this.disabled,onChange:t=>this.onHslChange("h",t)})),r("div",{class:"md-color-picker__field",part:"field-s"},r("label",{htmlFor:`${this.uid}-s`},"S"),r("input",{id:`${this.uid}-s`,type:"number",min:"0",max:"100",step:"1",value:Math.round(t.s),disabled:this.disabled,onChange:t=>this.onHslChange("s",t)})),r("div",{class:"md-color-picker__field",part:"field-l"},r("label",{htmlFor:`${this.uid}-l`},"L"),r("input",{id:`${this.uid}-l`,type:"number",min:"0",max:"100",step:"1",value:Math.round(t.l),disabled:this.disabled,onChange:t=>this.onHslChange("l",t)})),this.renderAlphaField())}renderChannelInputs(){if(!this.showInputs)return null;if(this.format==="hsl")return this.renderHslInputs();return this.renderRgbInputs()}renderPresets(){const t=this.parsedPresets;if(t.length===0)return null;return r("div",{class:"md-color-picker__presets",part:"presets",role:"listbox","aria-label":"Color presets"},t.map((t=>r("button",{key:t,type:"button",class:"md-color-picker__preset",part:"preset",role:"option","aria-label":t,"aria-selected":u(this.hsva,false).toLowerCase()===t.toLowerCase()?"true":"false",style:{backgroundColor:t},disabled:this.disabled,onClick:()=>this.onPresetClick(t),onKeyDown:e=>this.onPresetKeyDown(e,t)}))))}renderPanel(){return r("div",{class:"md-color-picker__panel",part:"panel"},this.renderSaturationPlate(),r("div",{class:"md-color-picker__sliders",part:"sliders"},r("div",{class:"md-color-picker__sliders-stack"},this.renderHueSlider(),this.renderAlphaSlider()),r("div",{class:"md-color-picker__preview",part:"preview",role:"img","aria-label":`Current colour ${v(this.hsva,this.format)}`},r("div",{class:"md-color-picker__preview-inner",style:{backgroundColor:u(this.hsva,true)}}))),this.renderHexInput(),this.renderChannelInputs(),this.renderPresets())}render(){u(this.hsva,true);if(this.variant==="popover"){return r(i,{class:{"md-color-picker":true,"md-color-picker--popover":true,"md-color-picker--open":this.open,"md-color-picker--disabled":this.disabled},"aria-label":this.ariaLabelProp},r("slot",{name:"trigger"}),this.open&&r("div",{class:"md-color-picker__popover",part:"popover",role:"dialog","aria-label":this.ariaLabelProp},this.renderPanel()))}return r(i,{class:{"md-color-picker":true,"md-color-picker--inline":true,"md-color-picker--disabled":this.disabled},role:"group","aria-label":this.ariaLabelProp},this.renderPanel())}get el(){return s(this)}static get watchers(){return{value:[{onValueChange:0}],open:[{onOpenChange:0}],variant:[{onVariantChange:0}],dismissOnOutsideClick:[{onDismissOnOutsideClickChange:0}],disabled:[{onDisabledChange:0}]}}};k.style=g();export{k as md_color_picker};
-//# sourceMappingURL=p-be412e3f.entry.js.map
+import{r as t,c as e,h as r,H as i,g as s}from"./p-WmvQpZnM.js";const o=(t,e,r)=>Math.max(e,Math.min(r,t));function a(t,e,r){const i=t/255;const s=e/255;const o=r/255;const a=Math.max(i,s,o);const n=Math.min(i,s,o);const l=a-n;let c=0;if(l!==0){switch(a){case i:c=(s-o)/l%6;break;case s:c=(o-i)/l+2;break;default:c=(i-s)/l+4}c*=60;if(c<0)c+=360}const h=a===0?0:l/a*100;const d=a*100;return{h:c,s:h,v:d}}function n(t,e,r){const i=e/100;const s=r/100;const o=s*i;const a=t/60;const n=o*(1-Math.abs(a%2-1));let l=0,c=0,h=0;if(a>=0&&a<1){l=o;c=n;h=0}else if(a<2){l=n;c=o;h=0}else if(a<3){l=0;c=o;h=n}else if(a<4){l=0;c=n;h=o}else if(a<5){l=n;c=0;h=o}else{l=o;c=0;h=n}const d=s-o;return{r:Math.round((l+d)*255),g:Math.round((c+d)*255),b:Math.round((h+d)*255)}}function l(t){const{r:e,g:r,b:i}=n(t.h,t.s,t.v);return{r:e,g:r,b:i,a:t.a}}function c(t,e,r){const i=t/255;const s=e/255;const o=r/255;const a=Math.max(i,s,o);const n=Math.min(i,s,o);const l=(a+n)/2;let c=0;let h=0;if(a!==n){const t=a-n;h=l>.5?t/(2-a-n):t/(a+n);switch(a){case i:c=(s-o)/t+(s<o?6:0);break;case s:c=(o-i)/t+2;break;default:c=(i-s)/t+4}c*=60}return{h:c,s:h*100,l:l*100}}function h(t){const{r:e,g:r,b:i}=n(t.h,t.s,t.v);return c(e,r,i)}function d(t,e,r){const i=(t%360+360)%360;const s=o(e,0,100)/100;const a=o(r,0,100)/100;const n=(1-Math.abs(2*a-1))*s;const l=n*(1-Math.abs(i/60%2-1));const c=a-n/2;let h=0;let d=0;let p=0;if(i<60){h=n;d=l}else if(i<120){h=l;d=n}else if(i<180){d=n;p=l}else if(i<240){d=l;p=n}else if(i<300){h=l;p=n}else{h=n;p=l}return{r:Math.round((h+c)*255),g:Math.round((d+c)*255),b:Math.round((p+c)*255)}}function p(t,e=false){const r=t=>o(Math.round(t),0,255).toString(16).padStart(2,"0");const i=`#${r(t.r)}${r(t.g)}${r(t.b)}`;if(!e&&t.a>=1)return i.toUpperCase();return`${i}${r(t.a*255)}`.toUpperCase()}function u(t,e=false){return p(l(t),e||t.a<1)}function m(t){if(!t)return null;const e=t.trim().replace(/^#/,"");const r=/^[0-9a-fA-F]+$/;if(!r.test(e))return null;let i=0,s=0,o=0,a=1;if(e.length===3){i=parseInt(e[0]+e[0],16);s=parseInt(e[1]+e[1],16);o=parseInt(e[2]+e[2],16)}else if(e.length===4){i=parseInt(e[0]+e[0],16);s=parseInt(e[1]+e[1],16);o=parseInt(e[2]+e[2],16);a=parseInt(e[3]+e[3],16)/255}else if(e.length===6){i=parseInt(e.slice(0,2),16);s=parseInt(e.slice(2,4),16);o=parseInt(e.slice(4,6),16)}else if(e.length===8){i=parseInt(e.slice(0,2),16);s=parseInt(e.slice(2,4),16);o=parseInt(e.slice(4,6),16);a=parseInt(e.slice(6,8),16)/255}else{return null}return{r:i,g:s,b:o,a}}function f(t){const e=t.trim().match(/^hsla?\(\s*([\d.]+)[\s,]+([\d.]+)%?[\s,]+([\d.]+)%?(?:[\s,/]+([\d.%]+))?\s*\)$/i);if(!e)return null;const r=o(parseFloat(e[1]),0,360);const i=o(parseFloat(e[2]),0,100);const s=o(parseFloat(e[3]),0,100);const a=t=>{if(t==null)return 1;if(t.endsWith("%"))return o(parseFloat(t)/100,0,1);return o(parseFloat(t),0,1)};const{r:n,g:l,b:c}=d(r,i,s);return{r:n,g:l,b:c,a:a(e[4])}}function _(t){const e=t.trim().match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:[\s,/]+([\d.%]+))?\s*\)$/i);if(!e)return null;const r=t=>{if(t.endsWith("%"))return o(parseFloat(t)/100*255,0,255);return o(parseFloat(t),0,255)};const i=t=>{if(t==null)return 1;if(t.endsWith("%"))return o(parseFloat(t)/100,0,1);return o(parseFloat(t),0,1)};return{r:Math.round(r(e[1])),g:Math.round(r(e[2])),b:Math.round(r(e[3])),a:i(e[4])}}function b(t){if(!t)return null;const e=t.trim();if(e.startsWith("#")||/^[0-9a-fA-F]{3,8}$/.test(e)){const t=m(e);if(!t)return null;const{h:r,s:i,v:s}=a(t.r,t.g,t.b);return{h:r,s:i,v:s,a:t.a}}const r=e.toLowerCase();if(r.startsWith("rgb")){const t=_(e);if(!t)return null;const{h:r,s:i,v:s}=a(t.r,t.g,t.b);return{h:r,s:i,v:s,a:t.a}}if(r.startsWith("hsl")){const t=f(e);if(!t)return null;const{h:r,s:i,v:s}=a(t.r,t.g,t.b);return{h:r,s:i,v:s,a:t.a}}return null}function v(t,e){const r=l(t);if(e==="rgb"){if(t.a<1){return`rgba(${r.r}, ${r.g}, ${r.b}, ${+t.a.toFixed(2)})`}return`rgb(${r.r}, ${r.g}, ${r.b})`}if(e==="hsl"){const{h:e,s:i,l:s}=c(r.r,r.g,r.b);if(t.a<1){return`hsla(${Math.round(e)}, ${Math.round(i)}%, ${Math.round(s)}%, ${+t.a.toFixed(2)})`}return`hsl(${Math.round(e)}, ${Math.round(i)}%, ${Math.round(s)}%)`}return u(t,t.a<1)}const g=()=>`:host{--_width:var(--md-color-picker-width, 296px);--_plate-height:var(--md-color-picker-plate-height, 176px);--_radius:var(--md-color-picker-radius, var(--md-sys-shape-corner-extra-large, 28px));--_surface:var(--md-color-picker-surface-color, var(--md-sys-color-surface-container-high, #ECE6F0));--_on-surface:var(--md-color-picker-on-surface, var(--md-sys-color-on-surface, #1C1B1F));--_outline:var(--md-color-picker-outline-color, var(--md-sys-color-outline-variant, #CAC4D0));--_outline-strong:var(--md-color-picker-outline-strong, var(--md-sys-color-outline, #79747E));--_primary:var(--md-sys-color-primary, #6750A4);--_thumb-size:var(--md-color-picker-thumb-size, 18px);--_thumb-border:var(--md-color-picker-thumb-border, #FFFFFF);--_preset-size:var(--md-color-picker-preset-size, 32px);--_popover-elevation:var(--md-color-picker-popover-elevation, var(--md-sys-elevation-3, 0px 4px 8px 3px rgba(0,0,0,0.15), 0px 1px 3px rgba(0,0,0,0.3)));--_state-easing:var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00));--_state-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_spring-easing:var(--md-sys-motion-spring-spatial-fast-easing, cubic-bezier(0.42, 1.67, 0.21, 0.90));--_spring-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);--_emphasized-decelerate:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));--_emphasized-accelerate:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_popover-in-duration:var(--md-sys-motion-duration-medium2, 300ms);--_popover-out-duration:var(--md-sys-motion-duration-short4, 200ms);display:inline-block;box-sizing:border-box;direction:inherit;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);color:var(--_on-surface)}:host(.md-color-picker--inline){inline-size:var(--_width)}.md-color-picker__popover{position:absolute;z-index:var(--md-sys-z-index-popup, 1000);margin-block-start:8px;inline-size:var(--_width);background:var(--_surface);color:var(--_on-surface);border-radius:var(--_radius);box-shadow:var(--_popover-elevation);padding:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px));box-sizing:border-box;transform-origin:top left;animation:md-color-picker-pop-in var(--_popover-in-duration) var(--_emphasized-decelerate) both}.md-color-picker__popover[data-state="closing"]{animation:md-color-picker-pop-out var(--_popover-out-duration) var(--_emphasized-accelerate) both}@keyframes md-color-picker-pop-in{from{opacity:0;transform:scale(0.8) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes md-color-picker-pop-out{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.95) translateY(-4px)}}:host([dir="rtl"]) .md-color-picker__popover,:host-context([dir="rtl"]) .md-color-picker__popover{transform-origin:top right}.md-color-picker__panel{display:flex;flex-direction:column;gap:max(4px, calc(14px + var(--md-sys-density-scale, 0) * 2px));inline-size:100%;background:var(--_surface);border-radius:var(--_radius);padding:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px));box-sizing:border-box}:host(.md-color-picker--popover) .md-color-picker__panel{padding:0;background:transparent}.md-color-picker__plate{position:relative;inline-size:100%;block-size:var(--_plate-height);border-radius:var(--md-sys-shape-corner-large, 16px);overflow:hidden;touch-action:none;cursor:crosshair}.md-color-picker__plate:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px}.md-color-picker__plate-saturation,.md-color-picker__plate-value{position:absolute;inset:0}.md-color-picker__plate-saturation{background:linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0))}:host(:dir(rtl)) .md-color-picker__plate-saturation,:host([dir="rtl"]) .md-color-picker__plate-saturation,:host-context([dir="rtl"]) .md-color-picker__plate-saturation{background:linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0))}.md-color-picker__plate-value{background:linear-gradient(to top, #000000, rgba(0, 0, 0, 0))}.md-color-picker__thumb{position:absolute;inline-size:var(--_thumb-size);block-size:var(--_thumb-size);border-radius:50%;border:2px solid var(--_thumb-border);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.4),     var(--md-sys-elevation-1, 0px 1px 2px rgba(0,0,0,0.3));margin-inline-start:calc(-0.5 * var(--_thumb-size));margin-block-start:calc(-0.5 * var(--_thumb-size));pointer-events:none;background-color:currentColor;transition:box-shadow var(--_state-duration) var(--_state-easing),     transform var(--_state-duration) var(--_state-easing)}.md-color-picker__plate:active .md-color-picker__thumb,.md-color-picker__hue:active .md-color-picker__thumb,.md-color-picker__alpha:active .md-color-picker__thumb{transform:scale(1.15);box-shadow:0 0 0 6px color-mix(in srgb, var(--_primary) 16%, transparent),     var(--md-sys-elevation-2, 0px 1px 2px rgba(0,0,0,0.3))}.md-color-picker__thumb--slider{inset-block-start:50%;margin-block-start:0;transform:translateY(-50%)}.md-color-picker__hue:active .md-color-picker__thumb--slider,.md-color-picker__alpha:active .md-color-picker__thumb--slider{transform:translateY(-50%) scale(1.15)}.md-color-picker__sliders{display:flex;gap:max(4px, calc(14px + var(--md-sys-density-scale, 0) * 2px));align-items:center}.md-color-picker__sliders-stack{flex:1;display:flex;flex-direction:column;gap:var(--md-sys-spacing-gap-md, 12px)}.md-color-picker__hue,.md-color-picker__alpha{position:relative;inline-size:100%;block-size:14px;border-radius:var(--md-sys-shape-corner-full, 9999px);touch-action:none;cursor:pointer;transition:box-shadow var(--_state-duration) var(--_state-easing)}.md-color-picker__hue{background:linear-gradient(     to right,     #ff0000 0%, #ffff00 17%, #00ff00 33%,     #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%   )}:host(:dir(rtl)) .md-color-picker__hue,:host([dir="rtl"]) .md-color-picker__hue,:host-context([dir="rtl"]) .md-color-picker__hue{background:linear-gradient(     to left,     #ff0000 0%, #ffff00 17%, #00ff00 33%,     #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%   )}.md-color-picker__alpha{background-image:linear-gradient(45deg, #ccc 25%, transparent 25%),     linear-gradient(-45deg, #ccc 25%, transparent 25%),     linear-gradient(45deg, transparent 75%, #ccc 75%),     linear-gradient(-45deg, transparent 75%, #ccc 75%);background-size:8px 8px;background-position:0 0, 0 4px, 4px -4px, -4px 0}.md-color-picker__alpha-track{position:absolute;inset:0;border-radius:inherit}.md-color-picker__hue::before,.md-color-picker__alpha::before{content:'';position:absolute;inset-block:calc((100% - var(--_thumb-size)) / 2);inset-inline:calc(var(--_thumb-size) / -2)}.md-color-picker__hue:focus-visible,.md-color-picker__alpha:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:4px}.md-color-picker__hue:hover,.md-color-picker__alpha:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--_on-surface) 8%, transparent)}.md-color-picker__preview{flex-shrink:0;inline-size:40px;block-size:40px;border-radius:50%;background-image:linear-gradient(45deg, #ccc 25%, transparent 25%),     linear-gradient(-45deg, #ccc 25%, transparent 25%),     linear-gradient(45deg, transparent 75%, #ccc 75%),     linear-gradient(-45deg, transparent 75%, #ccc 75%);background-size:8px 8px;background-position:0 0, 0 4px, 4px -4px, -4px 0;border:1px solid var(--_outline);overflow:hidden;transition:transform var(--_spring-duration) var(--_spring-easing)}.md-color-picker__preview-inner{inline-size:100%;block-size:100%;transition:background-color var(--_state-duration) var(--_state-easing)}.md-color-picker__field{display:flex;flex-direction:column;gap:var(--md-sys-spacing-gap-xs, 4px);flex:1;min-inline-size:0}.md-color-picker__field label{font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);color:var(--md-sys-color-on-surface-variant, #49454F);text-transform:uppercase}.md-color-picker__field input{inline-size:100%;padding:var(--md-sys-spacing-inset-sm, 8px) 6px;border:1px solid var(--_outline);border-radius:var(--md-sys-shape-corner-extra-small, 4px);background:var(--md-sys-color-surface-container-lowest, #FFFFFF);color:var(--_on-surface);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;box-sizing:border-box;text-align:center;transition:border-color var(--_state-duration) var(--_state-easing),     box-shadow var(--_state-duration) var(--_state-easing)}.md-color-picker__field input:hover:not(:disabled){border-color:var(--_outline-strong)}.md-color-picker__field input:focus-visible{outline:none;border-color:var(--_primary);box-shadow:0 0 0 1px var(--_primary)}.md-color-picker__field input[aria-invalid="true"]{border-color:var(--md-sys-color-error, #B3261E)}.md-color-picker__field input[aria-invalid="true"]:focus-visible{box-shadow:0 0 0 1px var(--md-sys-color-error, #B3261E)}.md-color-picker__field input:disabled{opacity:0.5;cursor:not-allowed}.md-color-picker__field--hex input{text-align:start;font-family:var(--md-sys-typescale-mono-font, ui-monospace, 'SF Mono', Menlo, monospace);letter-spacing:0.05em}.md-color-picker__inputs{display:flex;gap:var(--md-sys-spacing-gap-sm, 8px)}.md-color-picker__presets{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-gap-sm, 8px)}.md-color-picker__preset{position:relative;inline-size:var(--_preset-size);block-size:var(--_preset-size);border:1px solid var(--_outline);border-radius:50%;cursor:pointer;padding:0;transition:transform var(--_spring-duration) var(--_spring-easing),     box-shadow var(--_spring-duration) var(--_spring-easing)}.md-color-picker__preset:hover:not(:disabled){transform:scale(1.15) rotate(-4deg);box-shadow:var(--md-sys-elevation-1, 0px 1px 2px rgba(0,0,0,0.3))}.md-color-picker__preset:active:not(:disabled){transform:scale(1.05) rotate(0deg)}.md-color-picker__preset:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:3px}.md-color-picker__preset[aria-selected="true"]{box-shadow:0 0 0 2px var(--_surface),     0 0 0 4px var(--_primary),     var(--md-sys-elevation-1, 0px 1px 2px rgba(0,0,0,0.3));transform:scale(1.1)}.md-color-picker__preset[aria-selected="true"]:hover:not(:disabled){transform:scale(1.18)}:host(.md-color-picker--disabled) .md-color-picker__plate,:host(.md-color-picker--disabled) .md-color-picker__hue,:host(.md-color-picker--disabled) .md-color-picker__alpha{pointer-events:none;opacity:0.5}@media (prefers-reduced-motion: reduce){.md-color-picker__popover{animation-duration:0.01ms !important}.md-color-picker__preset,.md-color-picker__field input,.md-color-picker__thumb,.md-color-picker__preview,.md-color-picker__hue,.md-color-picker__alpha{transition-duration:0.01ms !important}.md-color-picker__preset:hover:not(:disabled){transform:scale(1.06)}}@media (forced-colors: active){.md-color-picker__field input,.md-color-picker__preset{border:1px solid CanvasText}.md-color-picker__plate,.md-color-picker__hue,.md-color-picker__alpha{forced-color-adjust:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const k=class{constructor(r){t(this,r);this.mdInput=e(this,"mdInput",7);this.mdChange=e(this,"mdChange",7);this.mdOpenChange=e(this,"mdOpenChange",7);this.variant="inline";this.value="#6750A4";this.format="hex";this.alpha=false;this.showHex=true;this.showInputs=true;this.disabled=false;this.presets="";this.ariaLabelProp="Color picker";this.open=false;this.dismissOnOutsideClick=false;this.density=0;this.hsva={h:268,s:53,v:64,a:1};this.hexInput="";this.hexInvalid=false;this.hasSlottedTrigger=false;this.pointerDragKind=null;this.uid=`md-color-picker-${Math.random().toString(36).slice(2,7)}`;this.wiredTrigger=null;this.lastEmitted="";this.onSatPointerDown=t=>{if(this.disabled)return;const e=t.currentTarget;e.setPointerCapture(t.pointerId);this.satRect=e.getBoundingClientRect();this.pointerDragKind="sat";this.updateSatFromPoint(t.clientX,t.clientY)};this.onSatPointerMove=t=>{if(this.pointerDragKind!=="sat"||!this.satRect)return;this.updateSatFromPoint(t.clientX,t.clientY)};this.onSatPointerUp=t=>{if(this.pointerDragKind!=="sat")return;const e=t.currentTarget;e.releasePointerCapture?.(t.pointerId);this.pointerDragKind=null;this.emit(true)};this.onSatKeyDown=t=>{if(this.disabled)return;const e=t.shiftKey?10:1;const r=this.isRtl();let{s:i,v:s}=this.hsva;let o=true;switch(t.key){case"ArrowLeft":i+=r?e:-e;break;case"ArrowRight":i+=r?-e:e;break;case"ArrowDown":s-=e;break;case"ArrowUp":s+=e;break;case"Home":i=0;break;case"End":i=100;break;case"PageDown":s=0;break;case"PageUp":s=100;break;default:o=false}if(!o)return;t.preventDefault();this.hsva={...this.hsva,s:Math.max(0,Math.min(100,i)),v:Math.max(0,Math.min(100,s))};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(true)};this.onHuePointerDown=t=>{if(this.disabled)return;const e=t.currentTarget;e.setPointerCapture(t.pointerId);this.hueRect=e.getBoundingClientRect();this.pointerDragKind="hue";this.updateHueFromPoint(t.clientX)};this.onHuePointerMove=t=>{if(this.pointerDragKind!=="hue"||!this.hueRect)return;this.updateHueFromPoint(t.clientX)};this.onHuePointerUp=t=>{if(this.pointerDragKind!=="hue")return;const e=t.currentTarget;e.releasePointerCapture?.(t.pointerId);this.pointerDragKind=null;this.emit(true)};this.onHueKeyDown=t=>{if(this.disabled)return;const e=t.shiftKey?15:1;const r=this.isRtl();let{h:i}=this.hsva;let s=true;switch(t.key){case"ArrowLeft":i+=r?e:-e;break;case"ArrowRight":i+=r?-e:e;break;case"Home":i=0;break;case"End":i=360;break;default:s=false}if(!s)return;t.preventDefault();i=(i%360+360)%360;this.hsva={...this.hsva,h:i};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(true)};this.onAlphaPointerDown=t=>{if(this.disabled)return;const e=t.currentTarget;e.setPointerCapture(t.pointerId);this.alphaRect=e.getBoundingClientRect();this.pointerDragKind="alpha";this.updateAlphaFromPoint(t.clientX)};this.onAlphaPointerMove=t=>{if(this.pointerDragKind!=="alpha"||!this.alphaRect)return;this.updateAlphaFromPoint(t.clientX)};this.onAlphaPointerUp=t=>{if(this.pointerDragKind!=="alpha")return;const e=t.currentTarget;e.releasePointerCapture?.(t.pointerId);this.pointerDragKind=null;this.emit(true)};this.onAlphaKeyDown=t=>{if(this.disabled)return;const e=t.shiftKey?.1:.01;const r=this.isRtl();let{a:i}=this.hsva;let s=true;switch(t.key){case"ArrowLeft":i+=r?e:-e;break;case"ArrowRight":i+=r?-e:e;break;case"Home":i=0;break;case"End":i=1;break;default:s=false}if(!s)return;t.preventDefault();i=Math.max(0,Math.min(1,i));this.hsva={...this.hsva,a:i};this.hexInput=u(this.hsva,true);this.hexInvalid=false;this.emit(true)};this.onHexInput=t=>{const e=t.target.value;this.hexInput=e;const r=b(e.startsWith("#")?e:`#${e}`);if(r){this.hsva=r;this.hexInvalid=false;this.emit(false)}else{this.hexInvalid=true}};this.onHexBlur=()=>{if(this.hexInvalid){this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false}this.emit(true)};this.onRgbChange=(t,e)=>{const r=e.target.value;const i=Math.max(0,Math.min(255,parseInt(r,10)||0));const s=l(this.hsva);this.rgbaFromChannels(t==="r"?i:s.r,t==="g"?i:s.g,t==="b"?i:s.b)};this.onHslChange=(t,e)=>{const r=e.target.value;const i=parseInt(r,10)||0;const s=h(this.hsva);const o=t==="h"?Math.max(0,Math.min(360,i)):s.h;const a=t==="s"?Math.max(0,Math.min(100,i)):s.s;const n=t==="l"?Math.max(0,Math.min(100,i)):s.l;const{r:l,g:c,b:p}=d(o,a,n);this.rgbaFromChannels(l,c,p)};this.onAlphaInputChange=t=>{const e=t.target.value;const r=Math.max(0,Math.min(1,parseFloat(e)||0));this.hsva={...this.hsva,a:r};this.hexInput=u(this.hsva,true);this.emit(true)};this.onPresetClick=t=>{if(this.disabled)return;this.applyValue(t,true);this.emit(true)};this.onPresetKeyDown=(t,e)=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();this.onPresetClick(e)}};this.toggleOpen=()=>{if(this.disabled)return;this.open=!this.open}}componentWillLoad(){this.applyValue(this.value,false);this.computeSlottedTrigger()}componentDidLoad(){this.syncOutsideClickListener();this.wireSlottedTrigger();const t=this.el.shadowRoot?.querySelector('slot[name="trigger"]');t?.addEventListener("slotchange",(()=>{this.computeSlottedTrigger();this.wireSlottedTrigger()}))}computeSlottedTrigger(){this.hasSlottedTrigger=this.el.querySelector('[slot="trigger"]')!==null;if(!this.hasSlottedTrigger&&this.variant==="popover"&&typeof console!=="undefined"){console.warn('[md-color-picker] variant="popover" needs a trigger: slot one into '+'`trigger` (e.g. <md-button slot="trigger">…</md-button>). Without it '+"there is nothing to open the panel.")}}wireSlottedTrigger(){const t=this.el.querySelector('[slot="trigger"]');if(!t||t===this.wiredTrigger){this.syncSlottedTriggerAria();return}this.wiredTrigger?.removeEventListener("click",this.toggleOpen);t.addEventListener("click",this.toggleOpen);this.wiredTrigger=t;this.syncSlottedTriggerAria()}syncSlottedTriggerAria(){const t=this.wiredTrigger;if(!t)return;t.setAttribute("aria-haspopup","dialog");t.setAttribute("aria-expanded",String(this.open))}onValueChange(t){if(t===this.lastEmitted)return;this.applyValue(t,false)}isRtl(){return typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl"}horizontalRatio(t,e){const r=e.width;if(r<=0)return 0;return this.isRtl()?(e.right-t)/r:(t-e.left)/r}horizontalGradientTo(){return this.isRtl()?"left":"right"}applyValue(t,e){const r=b(t);if(r){this.hsva=r;this.hexInput=u(r,this.alpha&&r.a<1);this.hexInvalid=false;if(e)this.emit()}else{this.hexInvalid=true}}emit(t=false){const e=v(this.hsva,this.format);if(e!==this.value){this.lastEmitted=e;this.value=e;this.mdInput.emit({value:e});if(t)this.mdChange.emit({value:e})}else if(t){this.mdChange.emit({value:e})}}updateSatFromPoint(t,e){if(!this.satRect)return;const r=this.horizontalRatio(t,this.satRect);const i=e-this.satRect.top;const s=Math.max(0,Math.min(100,r*100));const o=Math.max(0,Math.min(100,100-i/this.satRect.height*100));this.hsva={...this.hsva,s,v:o};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(false)}updateHueFromPoint(t){if(!this.hueRect)return;const e=Math.max(0,Math.min(1,this.horizontalRatio(t,this.hueRect)));const r=e*360;this.hsva={...this.hsva,h:r};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(false)}updateAlphaFromPoint(t){if(!this.alphaRect)return;const e=Math.max(0,Math.min(1,this.horizontalRatio(t,this.alphaRect)));this.hsva={...this.hsva,a:e};this.hexInput=u(this.hsva,true);this.hexInvalid=false;this.emit(false)}rgbaFromChannels(t,e,r){const i=`#${[t,e,r].map((t=>t.toString(16).padStart(2,"0"))).join("")}`;const s=b(i);if(s){this.hsva={...s,a:this.hsva.a};this.hexInput=u(this.hsva,this.alpha&&this.hsva.a<1);this.hexInvalid=false;this.emit(true)}}get parsedPresets(){const t=Array.isArray(this.presets)?this.presets:String(this.presets??"").split(",");return t.map((t=>String(t).trim())).filter(Boolean)}async show(){if(this.variant!=="popover"||this.disabled)return;this.open=true}async close(){if(this.variant!=="popover")return;this.open=false}onOpenChange(t){this.mdOpenChange.emit({open:t});this.syncOutsideClickListener();this.syncSlottedTriggerAria()}onVariantChange(){this.syncOutsideClickListener()}onDismissOnOutsideClickChange(){this.syncOutsideClickListener()}onDisabledChange(){this.syncOutsideClickListener()}disconnectedCallback(){this.removeOutsideClickHandler();this.wiredTrigger?.removeEventListener("click",this.toggleOpen);this.wiredTrigger=null}syncOutsideClickListener(){this.removeOutsideClickHandler();if(this.variant!=="popover"||!this.open||!this.dismissOnOutsideClick||this.disabled||typeof document==="undefined"){return}requestAnimationFrame((()=>{if(this.variant!=="popover"||!this.open||!this.dismissOnOutsideClick||this.disabled){return}this.attachOutsideClickHandler()}))}attachOutsideClickHandler(){this.outsideClickHandler=t=>{if(this.disabled||!this.open)return;const e=t.composedPath?t.composedPath():[];if(e.includes(this.el))return;const r=t.target;if(r&&this.el.contains(r))return;this.open=false};document.addEventListener("mousedown",this.outsideClickHandler,true)}removeOutsideClickHandler(){if(this.outsideClickHandler&&typeof document!=="undefined"){document.removeEventListener("mousedown",this.outsideClickHandler,true)}this.outsideClickHandler=undefined}onGlobalKeyDown(t){if(this.variant==="popover"&&this.open&&t.key==="Escape"){t.preventDefault();this.open=false}}renderSaturationPlate(){const t=this.hsva.h;const e=this.hsva.s;const i=this.hsva.v;const s=l({h:t,s:100,v:100,a:1});const o=`rgb(${s.r}, ${s.g}, ${s.b})`;return r("div",{class:"md-color-picker__plate",part:"plate",role:"application",tabindex:this.disabled?-1:0,"aria-label":"Saturation and brightness",style:{background:o},onPointerDown:this.onSatPointerDown,onPointerMove:this.onSatPointerMove,onPointerUp:this.onSatPointerUp,onPointerCancel:this.onSatPointerUp,onKeyDown:this.onSatKeyDown},r("div",{class:"md-color-picker__plate-saturation","aria-hidden":"true"}),r("div",{class:"md-color-picker__plate-value","aria-hidden":"true"}),r("div",{class:"md-color-picker__thumb",part:"thumb",style:{insetInlineStart:`${e}%`,insetBlockStart:`${100-i}%`,backgroundColor:u(this.hsva,false)}}))}renderHueSlider(){const t=this.hsva.h;const e=t/360;return r("div",{class:"md-color-picker__hue",part:"hue",role:"slider","aria-label":"Hue","aria-valuemin":"0","aria-valuemax":"360","aria-valuenow":Math.round(t),"aria-orientation":"horizontal","aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:0,onPointerDown:this.onHuePointerDown,onPointerMove:this.onHuePointerMove,onPointerUp:this.onHuePointerUp,onPointerCancel:this.onHuePointerUp,onKeyDown:this.onHueKeyDown},r("div",{class:"md-color-picker__thumb md-color-picker__thumb--slider",style:{insetInlineStart:`${e*100}%`,backgroundColor:u({h:t,s:100,v:100,a:1},false)}}))}renderAlphaSlider(){if(!this.alpha)return null;const t=this.hsva.a;const e=l({...this.hsva,a:1});const i=`linear-gradient(to ${this.horizontalGradientTo()}, rgba(${e.r}, ${e.g}, ${e.b}, 0), rgba(${e.r}, ${e.g}, ${e.b}, 1))`;return r("div",{class:"md-color-picker__alpha",part:"alpha",role:"slider","aria-label":"Opacity","aria-valuemin":"0","aria-valuemax":"1","aria-valuenow":+t.toFixed(2),"aria-orientation":"horizontal","aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:0,onPointerDown:this.onAlphaPointerDown,onPointerMove:this.onAlphaPointerMove,onPointerUp:this.onAlphaPointerUp,onPointerCancel:this.onAlphaPointerUp,onKeyDown:this.onAlphaKeyDown},r("div",{class:"md-color-picker__alpha-track",style:{backgroundImage:i}}),r("div",{class:"md-color-picker__thumb md-color-picker__thumb--slider",style:{insetInlineStart:`${t*100}%`,backgroundColor:u(this.hsva,true)}}))}renderHexInput(){if(!this.showHex)return null;return r("div",{class:"md-color-picker__field md-color-picker__field--hex",part:"field-hex"},r("label",{part:"label",htmlFor:`${this.uid}-hex`},"Hex"),r("input",{id:`${this.uid}-hex`,type:"text",value:this.hexInput,spellcheck:false,autoComplete:"off","aria-invalid":this.hexInvalid?"true":undefined,disabled:this.disabled,onInput:this.onHexInput,onBlur:this.onHexBlur,onKeyDown:t=>{if(t.key==="Enter"){t.target.blur()}}}))}renderAlphaField(){if(!this.alpha)return null;return r("div",{class:"md-color-picker__field",part:"field-a"},r("label",{htmlFor:`${this.uid}-a`},"A"),r("input",{id:`${this.uid}-a`,type:"number",min:"0",max:"1",step:"0.01",value:+this.hsva.a.toFixed(2),disabled:this.disabled,onChange:this.onAlphaInputChange}))}renderRgbInputs(){const t=l(this.hsva);return r("div",{class:"md-color-picker__inputs",part:"inputs"},r("div",{class:"md-color-picker__field",part:"field-r"},r("label",{htmlFor:`${this.uid}-r`},"R"),r("input",{id:`${this.uid}-r`,type:"number",min:"0",max:"255",step:"1",value:t.r,disabled:this.disabled,onChange:t=>this.onRgbChange("r",t)})),r("div",{class:"md-color-picker__field",part:"field-g"},r("label",{htmlFor:`${this.uid}-g`},"G"),r("input",{id:`${this.uid}-g`,type:"number",min:"0",max:"255",step:"1",value:t.g,disabled:this.disabled,onChange:t=>this.onRgbChange("g",t)})),r("div",{class:"md-color-picker__field",part:"field-b"},r("label",{htmlFor:`${this.uid}-b`},"B"),r("input",{id:`${this.uid}-b`,type:"number",min:"0",max:"255",step:"1",value:t.b,disabled:this.disabled,onChange:t=>this.onRgbChange("b",t)})),this.renderAlphaField())}renderHslInputs(){const t=h(this.hsva);return r("div",{class:"md-color-picker__inputs",part:"inputs"},r("div",{class:"md-color-picker__field",part:"field-h"},r("label",{htmlFor:`${this.uid}-h`},"H"),r("input",{id:`${this.uid}-h`,type:"number",min:"0",max:"360",step:"1",value:Math.round(t.h),disabled:this.disabled,onChange:t=>this.onHslChange("h",t)})),r("div",{class:"md-color-picker__field",part:"field-s"},r("label",{htmlFor:`${this.uid}-s`},"S"),r("input",{id:`${this.uid}-s`,type:"number",min:"0",max:"100",step:"1",value:Math.round(t.s),disabled:this.disabled,onChange:t=>this.onHslChange("s",t)})),r("div",{class:"md-color-picker__field",part:"field-l"},r("label",{htmlFor:`${this.uid}-l`},"L"),r("input",{id:`${this.uid}-l`,type:"number",min:"0",max:"100",step:"1",value:Math.round(t.l),disabled:this.disabled,onChange:t=>this.onHslChange("l",t)})),this.renderAlphaField())}renderChannelInputs(){if(!this.showInputs)return null;if(this.format==="hsl")return this.renderHslInputs();return this.renderRgbInputs()}renderPresets(){const t=this.parsedPresets;if(t.length===0)return null;return r("div",{class:"md-color-picker__presets",part:"presets",role:"listbox","aria-label":"Color presets"},t.map((t=>r("button",{key:t,type:"button",class:"md-color-picker__preset",part:"preset",role:"option","aria-label":t,"aria-selected":u(this.hsva,false).toLowerCase()===t.toLowerCase()?"true":"false",style:{backgroundColor:t},disabled:this.disabled,onClick:()=>this.onPresetClick(t),onKeyDown:e=>this.onPresetKeyDown(e,t)}))))}renderPanel(){return r("div",{class:"md-color-picker__panel",part:"panel"},this.renderSaturationPlate(),r("div",{class:"md-color-picker__sliders",part:"sliders"},r("div",{class:"md-color-picker__sliders-stack"},this.renderHueSlider(),this.renderAlphaSlider()),r("div",{class:"md-color-picker__preview",part:"preview",role:"img","aria-label":`Current colour ${v(this.hsva,this.format)}`},r("div",{class:"md-color-picker__preview-inner",style:{backgroundColor:u(this.hsva,true)}}))),this.renderHexInput(),this.renderChannelInputs(),this.renderPresets())}render(){u(this.hsva,true);if(this.variant==="popover"){return r(i,{class:{"md-color-picker":true,"md-color-picker--popover":true,"md-color-picker--open":this.open,"md-color-picker--disabled":this.disabled},"aria-label":this.ariaLabelProp},r("slot",{name:"trigger"}),this.open&&r("div",{class:"md-color-picker__popover",part:"popover",role:"dialog","aria-label":this.ariaLabelProp},this.renderPanel()))}return r(i,{class:{"md-color-picker":true,"md-color-picker--inline":true,"md-color-picker--disabled":this.disabled},role:"group","aria-label":this.ariaLabelProp},this.renderPanel())}get el(){return s(this)}static get watchers(){return{value:[{onValueChange:0}],open:[{onOpenChange:0}],variant:[{onVariantChange:0}],dismissOnOutsideClick:[{onDismissOnOutsideClickChange:0}],disabled:[{onDisabledChange:0}]}}};k.style=g();export{k as md_color_picker};
+//# sourceMappingURL=p-501bf161.entry.js.map