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

package/dist/components/md-otp-field.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as i,d as o,t as r}from"./p-BR6gfOQH.js";import{g as l,c as a,r as n,s as d,a as c}from"./p-DWxN44zD.js";const h=()=>`: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 p=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();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);this.internals=this.attachInternals();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 e=t.target;const s=this.indexOfCell(e);if(s<0)return;if(this.isDisabled||this.readOnly){this.syncCellDom();return}const i=e.value;const o=this.value;if(i===""){if(s<o.length){const t=this.updateValue(o.slice(0,s)+o.slice(s+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(s,o.length);const e=o.split("");for(let s=0;s<r.length;s++)e[t+s]=r.charAt(s);a=e.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 e=t.target;const s=this.indexOfCell(e);if(s<0||this.isDisabled)return;switch(t.key){case"Backspace":{t.preventDefault();if(this.readOnly)return;const e=this.value;if(this.chars[s]){const t=this.updateValue(e.slice(0,s)+e.slice(s+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}else if(s>0){const t=s-1;this.focusCell(t);if(t<e.length){const s=this.updateValue(e.slice(0,t)+e.slice(t+1));this.syncCellDom();if(s)this.mdInput.emit(this.value)}}break}case"Delete":{t.preventDefault();if(this.readOnly)return;const e=this.value;if(s<e.length){const t=this.updateValue(e.slice(0,s)+e.slice(s+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}break}case"ArrowLeft":t.preventDefault();this.focusCell(s-1);break;case"ArrowRight":t.preventDefault();this.focusCell(s+1);break;case"Home":t.preventDefault();this.focusCell(0);break;case"End":t.preventDefault();this.focusCell(this.cellCount-1);break}};this.handleFocus=t=>{const e=t.target;if(typeof e.select==="function")e.select()};this.handleCellClick=t=>{const e=t.target;if(typeof e.select==="function")e.select()};this.handlePaste=t=>{t.preventDefault();if(this.isDisabled||this.readOnly)return;const e=t.clipboardData?.getData("text")??"";const s=this.value;const{clean:i,rejected:o}=this.sanitize(e);if(o)this.mdInvalidInput.emit({attempted:e,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(s,true)};this.handleFocusOut=t=>{const e=t.relatedTarget;if(e&&this.cellsEl&&this.cellsEl.contains(e))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 e=0;e<this.cellCount;e++)t.push(this.value.charAt(e)||"");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 l(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.syncValidity()}async checkValidity(){return a(this.internals)}async reportValidity(){return n(this.internals)}sanitize(t){const e=String(t??"").replace(/\s+/g,"");const s=this.transform==="uppercase"?e.toUpperCase():e;let i=s;if(this.validationType==="numeric")i=s.replace(/[^0-9]/g,"");else if(this.validationType==="alpha")i=s.replace(/[^a-zA-Z]/g,"");else if(this.validationType==="alphanumeric")i=s.replace(/[^0-9a-zA-Z]/g,"");return{clean:i.slice(0,this.cellCount),rejected:i.length!==s.length}}syncFormState(){d(this.internals,this.value||null);this.syncValidity()}syncValidity(){const t=this.value.length;const e=this.required&&t===0;const s=this.required&&!!this.incompleteLabel&&t>0&&t<this.cellCount;c(this.internals,{missing:e||s,missingMessage:s?this.incompleteLabel:this.valueMissingLabel,customMessage:this.customValidityMessage,anchor:this.inputEls[0]});this.emitValidityChange()}emitValidityChange(){const t=l(this.internals);const e=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===e)return;const s=this.lastValidityKey!==null;this.lastValidityKey=e;if(s)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(((e,s)=>{if(e&&e.value!==t[s])e.value=t[s]}))}focusCell(t){const e=Math.max(0,Math.min(t,this.cellCount-1));const s=this.inputEls[e];if(s&&typeof s.focus==="function")s.focus()}indexOfCell(t){return this.inputEls.findIndex((e=>e===t))}commit(){if(this.value===this.lastCommitted)return;this.lastCommitted=this.value;this.mdChange.emit(this.value)}maybeComplete(t,e){const s=this.value.length>=this.cellCount;if(!s)return;const i=t.length<this.cellCount;if(!i&&!e)return;this.commit();this.mdComplete.emit({value:this.value});if(this.autoSubmit){this.internals.form?.requestSubmit()}}render(){const t=this.isDisabled;const e=this.chars;const s=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=s;const c=[];for(let o=0;o<s;o++){if(a>0&&o>0&&o%a===0){c.push(i("span",{class:"md-otp-field__separator",part:"separator","aria-hidden":"true"},i("slot",{name:"separator"},i("span",{class:"md-otp-field__separator-dot"}))))}const d=this.cellLabelTemplate.replace("{index}",String(o+1)).replace("{length}",String(s));c.push(i("input",{key:`cell-${o}`,ref:t=>{this.inputEls[o]=t},class:{"md-otp-field__cell":true,"md-otp-field__cell--filled":!!e[o]},part:"cell",type:r,disabled:t,readOnly:this.readOnly,autocomplete:o===0?"one-time-code":"off",inputMode:l,value:e[o],"aria-label":d,"aria-invalid":this.error?"true":undefined,"aria-required":o===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 i(o,{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}},i("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&&i("div",{key:"11dfa6c1c2fc88f6514f7eaba339b122aca3f008",class:"md-otp-field__support-row"},i("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 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}]}}static get style(){return h()}},[321,"md-otp-field",{length:[2],value:[1025],validationType:[1,"validation-type"],transform:[1],mask:[4],autoSubmit:[4,"auto-submit"],groupSize:[2,"group-size"],inputMode:[1,"inputmode"],name:[513],disabled:[516],readOnly:[4,"readonly"],required:[4],error:[4],errorText:[1,"error-text"],supportingText:[1,"supporting-text"],label:[1],cellLabelTemplate:[1,"cell-label-template"],valueMissingLabel:[1,"value-missing-label"],incompleteLabel:[1,"incomplete-label"],density:[514],reserveSupportingSpace:[4,"reserve-supporting-space"],formDisabled:[32],setFocus:[64],clear:[64],getValidity:[64],setCustomValidity:[64],checkValidity:[64],reportValidity:[64]},undefined,{value:[{onValueChanged:0}],length:[{onPipelineChanged:0}],validationType:[{onPipelineChanged:0}],transform:[{onPipelineChanged:0}],required:[{onValidityInputsChanged:0}],valueMissingLabel:[{onValidityInputsChanged:0}],incompleteLabel:[{onValidityInputsChanged:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["md-otp-field"];t.forEach((t=>{switch(t){case"md-otp-field":if(!customElements.get(r(t))){customElements.define(r(t),p)}break}}))}f();const m=p;const u=f;export{m as MdOtpField,u as defineCustomElement};
+import{p as t,H as e,c as s,h as i,d as o,t as r}from"./p-BR6gfOQH.js";import{g as l,c as a,r as n,s as d,a as c}from"./p-DWxN44zD.js";const h=()=>`: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 p=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();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);this.internals=this.attachInternals();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 e=t.target;const s=this.indexOfCell(e);if(s<0)return;if(this.isDisabled||this.readOnly){this.syncCellDom();return}const i=e.value;const o=this.value;if(i===""){if(s<o.length){const t=this.updateValue(o.slice(0,s)+o.slice(s+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(s,o.length);const e=o.split("");for(let s=0;s<r.length;s++)e[t+s]=r.charAt(s);a=e.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 e=t.target;const s=this.indexOfCell(e);if(s<0||this.isDisabled)return;switch(t.key){case"Backspace":{t.preventDefault();if(this.readOnly)return;const e=this.value;if(this.chars[s]){const t=this.updateValue(e.slice(0,s)+e.slice(s+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}else if(s>0){const t=s-1;this.focusCell(t);if(t<e.length){const s=this.updateValue(e.slice(0,t)+e.slice(t+1));this.syncCellDom();if(s)this.mdInput.emit(this.value)}}break}case"Delete":{t.preventDefault();if(this.readOnly)return;const e=this.value;if(s<e.length){const t=this.updateValue(e.slice(0,s)+e.slice(s+1));this.syncCellDom();if(t)this.mdInput.emit(this.value)}break}case"ArrowLeft":t.preventDefault();this.focusCell(s-1);break;case"ArrowRight":t.preventDefault();this.focusCell(s+1);break;case"Home":t.preventDefault();this.focusCell(0);break;case"End":t.preventDefault();this.focusCell(this.cellCount-1);break}};this.handleFocus=t=>{const e=t.target;if(typeof e.select==="function")e.select()};this.handleCellClick=t=>{const e=t.target;if(typeof e.select==="function")e.select()};this.handlePaste=t=>{t.preventDefault();if(this.isDisabled||this.readOnly)return;const e=t.clipboardData?.getData("text")??"";const s=this.value;const{clean:i,rejected:o}=this.sanitize(e);if(o)this.mdInvalidInput.emit({attempted:e,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(s,true)};this.handleFocusOut=t=>{const e=t.relatedTarget;if(e&&this.cellsEl&&this.cellsEl.contains(e))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 e=0;e<this.cellCount;e++)t.push(this.value.charAt(e)||"");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 l(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.syncValidity()}async checkValidity(){return a(this.internals)}async reportValidity(){return n(this.internals)}sanitize(t){const e=String(t??"").replace(/\s+/g,"");const s=this.transform==="uppercase"?e.toUpperCase():e;let i=s;if(this.validationType==="numeric")i=s.replace(/[^0-9]/g,"");else if(this.validationType==="alpha")i=s.replace(/[^a-zA-Z]/g,"");else if(this.validationType==="alphanumeric")i=s.replace(/[^0-9a-zA-Z]/g,"");return{clean:i.slice(0,this.cellCount),rejected:i.length!==s.length}}syncFormState(){d(this.internals,this.value||null);this.syncValidity()}syncValidity(){const t=this.value.length;const e=this.required&&t===0;const s=this.required&&!!this.incompleteLabel&&t>0&&t<this.cellCount;c(this.internals,{missing:e||s,missingMessage:s?this.incompleteLabel:this.valueMissingLabel,customMessage:this.customValidityMessage,anchor:this.inputEls[0]});this.emitValidityChange()}emitValidityChange(){const t=l(this.internals);const e=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===e)return;const s=this.lastValidityKey!==null;this.lastValidityKey=e;if(s)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(((e,s)=>{if(e&&e.value!==t[s])e.value=t[s]}))}focusCell(t){const e=Math.max(0,Math.min(t,this.cellCount-1));const s=this.inputEls[e];if(s&&typeof s.focus==="function")s.focus()}indexOfCell(t){return this.inputEls.findIndex((e=>e===t))}commit(){if(this.value===this.lastCommitted)return;this.lastCommitted=this.value;this.mdChange.emit(this.value)}maybeComplete(t,e){const s=this.value.length>=this.cellCount;if(!s)return;const i=t.length<this.cellCount;if(!i&&!e)return;this.commit();this.mdComplete.emit({value:this.value});if(this.autoSubmit){this.internals.form?.requestSubmit()}}render(){const t=this.isDisabled;const e=this.chars;const s=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=s;const c=[];for(let o=0;o<s;o++){if(a>0&&o>0&&o%a===0){c.push(i("span",{class:"md-otp-field__separator",part:"separator","aria-hidden":"true"},i("slot",{name:"separator"},i("span",{class:"md-otp-field__separator-dot"}))))}const d=this.cellLabelTemplate.replace("{index}",String(o+1)).replace("{length}",String(s));c.push(i("input",{key:`cell-${o}`,ref:t=>{this.inputEls[o]=t},class:{"md-otp-field__cell":true,"md-otp-field__cell--filled":!!e[o]},part:"cell",type:r,disabled:t,readOnly:this.readOnly,autocomplete:o===0?"one-time-code":"off",inputMode:l,value:e[o],"aria-label":d,"aria-invalid":this.error?"true":undefined,"aria-required":o===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 i(o,{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}},i("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&&i("div",{key:"8a49a9672a1b59f2e9d942df4172da52b336ba23",class:"md-otp-field__support-row"},i("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 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}]}}static get style(){return h()}},[321,"md-otp-field",{length:[2],value:[1025],validationType:[1,"validation-type"],transform:[1],mask:[4],autoSubmit:[4,"auto-submit"],groupSize:[2,"group-size"],inputMode:[1,"inputmode"],name:[513],disabled:[516],readOnly:[4,"readonly"],required:[4],error:[4],errorText:[1,"error-text"],supportingText:[1,"supporting-text"],label:[1],cellLabelTemplate:[1,"cell-label-template"],valueMissingLabel:[1,"value-missing-label"],incompleteLabel:[1,"incomplete-label"],density:[514],reserveSupportingSpace:[4,"reserve-supporting-space"],formDisabled:[32],setFocus:[64],clear:[64],getValidity:[64],setCustomValidity:[64],checkValidity:[64],reportValidity:[64]},undefined,{value:[{onValueChanged:0}],length:[{onPipelineChanged:0}],validationType:[{onPipelineChanged:0}],transform:[{onPipelineChanged:0}],required:[{onValidityInputsChanged:0}],valueMissingLabel:[{onValidityInputsChanged:0}],incompleteLabel:[{onValidityInputsChanged:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["md-otp-field"];t.forEach((t=>{switch(t){case"md-otp-field":if(!customElements.get(r(t))){customElements.define(r(t),p)}break}}))}f();const m=p;const u=f;export{m as MdOtpField,u as defineCustomElement};
 //# sourceMappingURL=md-otp-field.js.map

package/dist/components/md-radio.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as i,h as t,d as r,t as a}from"./p-BR6gfOQH.js";import{t as o}from"./p-DYBUr7K_.js";import{s as d,a as n,g as c,c as l,r as h}from"./p-DWxN44zD.js";import{d as m}from"./p-CTC8XAB6.js";const u=()=>`:host{--_icon-color:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant));--_selected-icon-color:var(--md-radio-selected-icon-color, var(--md-sys-color-primary));--_icon-size:var(--md-radio-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_inner-circle-size:var(--md-radio-inner-circle-size, max(8px, calc(10px + var(--md-sys-density-scale, 0) * 0.5px)));--_state-layer-size:max(24px, calc(var(--md-radio-state-layer-size, 40px) + var(--md-sys-density-scale, 0) * 4px));--_state-layer-color:var(--md-radio-state-layer-color, var(--md-sys-color-on-surface));--_selected-state-layer-color:var(--md-radio-selected-state-layer-color, var(--md-sys-color-primary));display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));block-size:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));cursor:pointer;border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden;-webkit-tap-highlight-color:transparent;box-sizing:border-box;flex-shrink:0;vertical-align:middle;outline:none;color:var(--_state-layer-color)}:host(.md-radio--checked){color:var(--_selected-state-layer-color)}.md-radio__native{display:none}.md-radio__ripple-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden}:host(.md-radio--disabled) .md-radio__ripple-layer,:host([soft-disabled]) .md-radio__ripple-layer{display:none}.md-radio__state-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.md-radio--unchecked:hover) .md-radio__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-radio--unchecked:active) .md-radio__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.md-radio--checked) .md-radio__state-layer{background-color:var(--_selected-state-layer-color)}:host(.md-radio--checked:hover) .md-radio__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-radio--checked:active) .md-radio__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible)::after,:host(.md-radio--focus-ring)::after{content:'';position:absolute;inset:0;margin:auto;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);outline:3px solid var(--md-sys-color-secondary);outline-offset:0;pointer-events:none}.md-radio__container{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);pointer-events:none;transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-radio--pressed) .md-radio__container{transform:scale(0.82);transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-radio__outer{position:absolute;inset:0;border-radius:var(--md-sys-shape-corner-full, 50%);border:2px solid var(--_icon-color);box-sizing:border-box;transition:border-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-radio--checked) .md-radio__outer{border-color:var(--_selected-icon-color)}.md-radio__inner{inline-size:var(--_inner-circle-size);block-size:var(--_inner-circle-size);border-radius:var(--md-sys-shape-corner-full, 50%);background-color:var(--_selected-icon-color);transform:scale(0);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-radio--checked) .md-radio__inner{transform:scale(1)}:host(.md-radio--disabled){cursor:default;pointer-events:none}:host(.md-radio--disabled.md-radio--unchecked) .md-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-radio--disabled.md-radio--checked) .md-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-radio--disabled.md-radio--checked) .md-radio__inner{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-radio--disabled) .md-radio__state-layer{display:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled].md-radio--unchecked) .md-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled].md-radio--checked) .md-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled].md-radio--checked) .md-radio__inner{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]) .md-radio__state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-radio__container,.md-radio__state-layer,.md-radio__outer,.md-radio__inner{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}.md-radio__outer{border-color:ButtonText}:host(.md-radio--checked) .md-radio__outer{border-color:Highlight}:host(.md-radio--checked) .md-radio__inner{background-color:Highlight}:host(:focus-visible)::after,:host(.md-radio--focus-ring)::after{outline-color:Highlight}:host(.md-radio--disabled) .md-radio__outer{border-color:GrayText}:host(.md-radio--disabled.md-radio--checked) .md-radio__inner{background-color:GrayText}.md-radio__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 y=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdChange=i(this,"mdChange",7);this.mdFocus=i(this,"mdFocus",7);this.mdBlur=i(this,"mdBlur",7);this.mdValidityChange=i(this,"mdValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please select one of these options.";this.customValidityMessage="";this.invalid=false;this.defaultChecked=false;this.checked=false;this.disabled=false;this.softDisabled=false;this.required=false;this.name="";this.value="";this.density=0;this.pressed=false;this.focused=false;this.programmaticFocus=false;this.managedTabIndex="0";this.parentLabel=null;this.lastValidityKey=null;this.handleLabelClick=e=>{if(!e.composedPath().includes(this.el)){this.handleClick()}};this.handleClick=()=>{if(this.isDisabled||this.checked)return;this.checked=true;this.mdChange.emit({checked:true,value:this.value})};this.handleKeyDown=e=>{if(this.isDisabled)return;if(e.key===" "){e.preventDefault();this.pressed=true;this.handleClick();o(this.el);setTimeout((()=>{this.pressed=false}),150);return}if(e.key==="ArrowDown"||e.key==="ArrowRight"){e.preventDefault();this.focusSibling(1)}else if(e.key==="ArrowUp"||e.key==="ArrowLeft"){e.preventDefault();this.focusSibling(-1)}};this.handleFocus=()=>{this.focused=true;this.mdFocus.emit()};this.handleBlur=()=>{this.focused=false;this.programmaticFocus=false;this.mdBlur.emit()};this.handlePointerDown=()=>{this.programmaticFocus=false;if(!this.isDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false}}get isDisabled(){return this.disabled||this.softDisabled}connectedCallback(){this.parentLabel=this.el.closest("label");this.parentLabel?.addEventListener("click",this.handleLabelClick)}componentWillLoad(){this.defaultChecked=this.checked;this.syncFormValue()}componentDidLoad(){this.updateRovingTabIndex();this.syncGroupValidity()}disconnectedCallback(){this.parentLabel?.removeEventListener("click",this.handleLabelClick);this.parentLabel=null}onCheckedChange(e){if(e){this.uncheckOthers(this.el)}this.updateRovingTabIndex();this.syncFormValue();this.syncGroupValidity()}onValidityInputChange(){this.syncGroupValidity()}syncFormValue(){d(this.internals,this.checked?this.value||"on":null)}get groupHasSelection(){if(!this.name)return this.checked;const e=this.el.getRootNode();return Array.from(e.querySelectorAll(`md-radio[name="${this.name}"]`)).some((e=>{const s=e;return typeof s.checked==="boolean"?s.checked:e.hasAttribute("checked")}))}get groupIsRequired(){if(this.required)return true;if(!this.name)return false;const e=this.el.getRootNode();return Array.from(e.querySelectorAll(`md-radio[name="${this.name}"]`)).some((e=>e.hasAttribute("required")))}syncValidity(){this.invalid=this.customValidityMessage?true:this.groupIsRequired&&!this.groupHasSelection;n(this.internals,{missing:this.groupIsRequired&&!this.groupHasSelection,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.emitValidityChange()}syncGroupValidity(){this.syncValidity();if(!this.name)return;const e=this.el.getRootNode();e.querySelectorAll(`md-radio[name="${this.name}"]`).forEach((e=>{if(e!==this.el)e.syncValidityFromGroup?.()}))}async syncValidityFromGroup(){this.syncValidity()}formResetCallback(){this.checked=this.defaultChecked}async getValidity(){return c(this.internals)}emitValidityChange(){const e=c(this.internals);const s=`${e.valid}|${e.validationMessage}`;if(this.lastValidityKey===s)return;const i=this.lastValidityKey!==null;this.lastValidityKey=s;if(i)this.mdValidityChange.emit(e)}async checkValidity(){return l(this.internals)}async reportValidity(){return h(this.internals)}async setCustomValidity(e){this.customValidityMessage=e;this.syncValidity()}onDisabledChange(){this.updateRovingTabIndex()}async setFocus(){this.programmaticFocus=true;this.el.focus()}async setBlur(){this.el.blur()}async select(){if(this.isDisabled||this.checked)return;this.checked=true;this.mdChange.emit({checked:true,value:this.value})}updateRovingTabIndex(){if(this.disabled){this.managedTabIndex="-1";return}if(this.checked){this.managedTabIndex="0";return}if(!this.name){this.managedTabIndex="0";return}const e=this.el.getRootNode();const s=Array.from(e.querySelectorAll(`md-radio[name="${this.name}"]`));const i=s.some((e=>e!==this.el&&e.checked));if(i){this.managedTabIndex="-1";return}const t=s.find((e=>!e.disabled));this.managedTabIndex=t===this.el?"0":"-1"}uncheckOthers(e){if(!this.name)return;const s=this.el.getRootNode();const i=s.querySelectorAll(`md-radio[name="${this.name}"]`);i.forEach((s=>{if(s!==e&&s.hasAttribute("checked")){s.removeAttribute("checked")}}))}focusSibling(e){if(!this.name)return;const s=this.el.getRootNode();const i=Array.from(s.querySelectorAll(`md-radio[name="${this.name}"]`));const t=i.filter((e=>!e.hasAttribute("disabled")&&!e.hasAttribute("soft-disabled")));if(t.length===0)return;const r=t.indexOf(this.el);const a=(r+e+t.length)%t.length;const d=t[a];d.focus();d.setAttribute("checked","");o(d);d.dispatchEvent(new CustomEvent("mdChange",{detail:{checked:true,value:d.getAttribute("value")||""},bubbles:true,composed:true}))}render(){const e=this.isDisabled;return t(r,{key:"a423d9607194f4c390cbc948db8831ee8e6b9476",class:{"md-radio":true,"md-radio--checked":this.checked,"md-radio--unchecked":!this.checked,"md-radio--disabled":e,"md-radio--pressed":this.pressed,"md-radio--focused":this.focused,"md-radio--focus-ring":this.programmaticFocus},role:"radio","aria-invalid":this.invalid?"true":undefined,"aria-checked":String(this.checked),"aria-disabled":e?"true":undefined,"aria-required":this.required?"true":undefined,tabindex:this.managedTabIndex,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onPointerDown:this.handlePointerDown,onPointerUp:this.handlePointerUp,onPointerLeave:this.handlePointerUp,onPointerCancel:this.handlePointerUp},t("span",{key:"c22bd6ccfa4d3a535fe80dcf1d3c31bcf215087b",class:"md-radio__ripple-layer","aria-hidden":"true"},t("md-ripple",{key:"3c100609ffabcf044653239ccda3ced354979368",disabled:e})),t("span",{key:"928cdd5130f486f2431a0521e64a1d574820421f",class:"md-radio__state-layer",part:"state-layer","aria-hidden":"true"}),t("span",{key:"a3eb375c03d15313343adc779e1256bac4e95cb5",class:"md-radio__container",part:"container","aria-hidden":"true"},t("span",{key:"20a32a470255aa8fd8218c0f629a6dfdcc726ebe",class:"md-radio__outer",part:"outer-circle"}),t("span",{key:"9b1234f873e067ae02ba0feedf18f08ce6f99326",class:"md-radio__inner",part:"inner-circle"})),t("input",{key:"5c957cc036da4fdd672cf0de970a1043fb51a9a2",type:"radio",class:"md-radio__native",checked:this.checked,disabled:this.disabled,required:this.required,name:this.name,value:this.value,"aria-hidden":"true",tabindex:"-1",onChange:()=>{}}))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{checked:[{onCheckedChange:0}],required:[{onValidityInputChange:0}],name:[{onValidityInputChange:0}],valueMissingLabel:[{onValidityInputChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return u()}},[65,"md-radio",{valueMissingLabel:[1,"value-missing-label"],checked:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],required:[516],name:[513],value:[513],density:[514],invalid:[32],pressed:[32],focused:[32],programmaticFocus:[32],managedTabIndex:[32],syncValidityFromGroup:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64],setFocus:[64],setBlur:[64],select:[64]},undefined,{checked:[{onCheckedChange:0}],required:[{onValidityInputChange:0}],name:[{onValidityInputChange:0}],valueMissingLabel:[{onValidityInputChange:0}],disabled:[{onDisabledChange:0}]}]);function f(){if(typeof customElements==="undefined"){return}const e=["md-radio","md-ripple"];e.forEach((e=>{switch(e){case"md-radio":if(!customElements.get(a(e))){customElements.define(a(e),y)}break;case"md-ripple":if(!customElements.get(a(e))){m()}break}}))}f();const p=y;const b=f;export{p as MdRadio,b as defineCustomElement};
+import{p as e,H as s,c as i,h as t,d as r,t as a}from"./p-BR6gfOQH.js";import{t as o}from"./p-DYBUr7K_.js";import{s as d,a as n,g as c,c as l,r as h}from"./p-DWxN44zD.js";import{d as m}from"./p-De3E5Q8v.js";const u=()=>`:host{--_icon-color:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant));--_selected-icon-color:var(--md-radio-selected-icon-color, var(--md-sys-color-primary));--_icon-size:var(--md-radio-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_inner-circle-size:var(--md-radio-inner-circle-size, max(8px, calc(10px + var(--md-sys-density-scale, 0) * 0.5px)));--_state-layer-size:max(24px, calc(var(--md-radio-state-layer-size, 40px) + var(--md-sys-density-scale, 0) * 4px));--_state-layer-color:var(--md-radio-state-layer-color, var(--md-sys-color-on-surface));--_selected-state-layer-color:var(--md-radio-selected-state-layer-color, var(--md-sys-color-primary));display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));block-size:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));cursor:pointer;border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden;-webkit-tap-highlight-color:transparent;box-sizing:border-box;flex-shrink:0;vertical-align:middle;outline:none;color:var(--_state-layer-color)}:host(.md-radio--checked){color:var(--_selected-state-layer-color)}.md-radio__native{display:none}.md-radio__ripple-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden}:host(.md-radio--disabled) .md-radio__ripple-layer,:host([soft-disabled]) .md-radio__ripple-layer{display:none}.md-radio__state-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.md-radio--unchecked:hover) .md-radio__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-radio--unchecked:active) .md-radio__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.md-radio--checked) .md-radio__state-layer{background-color:var(--_selected-state-layer-color)}:host(.md-radio--checked:hover) .md-radio__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-radio--checked:active) .md-radio__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible)::after,:host(.md-radio--focus-ring)::after{content:'';position:absolute;inset:0;margin:auto;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);outline:3px solid var(--md-sys-color-secondary);outline-offset:0;pointer-events:none}.md-radio__container{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);pointer-events:none;transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-radio--pressed) .md-radio__container{transform:scale(0.82);transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-radio__outer{position:absolute;inset:0;border-radius:var(--md-sys-shape-corner-full, 50%);border:2px solid var(--_icon-color);box-sizing:border-box;transition:border-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-radio--checked) .md-radio__outer{border-color:var(--_selected-icon-color)}.md-radio__inner{inline-size:var(--_inner-circle-size);block-size:var(--_inner-circle-size);border-radius:var(--md-sys-shape-corner-full, 50%);background-color:var(--_selected-icon-color);transform:scale(0);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-radio--checked) .md-radio__inner{transform:scale(1)}:host(.md-radio--disabled){cursor:default;pointer-events:none}:host(.md-radio--disabled.md-radio--unchecked) .md-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-radio--disabled.md-radio--checked) .md-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-radio--disabled.md-radio--checked) .md-radio__inner{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-radio--disabled) .md-radio__state-layer{display:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled].md-radio--unchecked) .md-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled].md-radio--checked) .md-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled].md-radio--checked) .md-radio__inner{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]) .md-radio__state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-radio__container,.md-radio__state-layer,.md-radio__outer,.md-radio__inner{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}.md-radio__outer{border-color:ButtonText}:host(.md-radio--checked) .md-radio__outer{border-color:Highlight}:host(.md-radio--checked) .md-radio__inner{background-color:Highlight}:host(:focus-visible)::after,:host(.md-radio--focus-ring)::after{outline-color:Highlight}:host(.md-radio--disabled) .md-radio__outer{border-color:GrayText}:host(.md-radio--disabled.md-radio--checked) .md-radio__inner{background-color:GrayText}.md-radio__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 y=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdChange=i(this,"mdChange",7);this.mdFocus=i(this,"mdFocus",7);this.mdBlur=i(this,"mdBlur",7);this.mdValidityChange=i(this,"mdValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please select one of these options.";this.customValidityMessage="";this.invalid=false;this.defaultChecked=false;this.checked=false;this.disabled=false;this.softDisabled=false;this.required=false;this.name="";this.value="";this.density=0;this.pressed=false;this.focused=false;this.programmaticFocus=false;this.managedTabIndex="0";this.parentLabel=null;this.lastValidityKey=null;this.handleLabelClick=e=>{if(!e.composedPath().includes(this.el)){this.handleClick()}};this.handleClick=()=>{if(this.isDisabled||this.checked)return;this.checked=true;this.mdChange.emit({checked:true,value:this.value})};this.handleKeyDown=e=>{if(this.isDisabled)return;if(e.key===" "){e.preventDefault();this.pressed=true;this.handleClick();o(this.el);setTimeout((()=>{this.pressed=false}),150);return}if(e.key==="ArrowDown"||e.key==="ArrowRight"){e.preventDefault();this.focusSibling(1)}else if(e.key==="ArrowUp"||e.key==="ArrowLeft"){e.preventDefault();this.focusSibling(-1)}};this.handleFocus=()=>{this.focused=true;this.mdFocus.emit()};this.handleBlur=()=>{this.focused=false;this.programmaticFocus=false;this.mdBlur.emit()};this.handlePointerDown=()=>{this.programmaticFocus=false;if(!this.isDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false}}get isDisabled(){return this.disabled||this.softDisabled}connectedCallback(){this.parentLabel=this.el.closest("label");this.parentLabel?.addEventListener("click",this.handleLabelClick)}componentWillLoad(){this.defaultChecked=this.checked;this.syncFormValue()}componentDidLoad(){this.updateRovingTabIndex();this.syncGroupValidity()}disconnectedCallback(){this.parentLabel?.removeEventListener("click",this.handleLabelClick);this.parentLabel=null}onCheckedChange(e){if(e){this.uncheckOthers(this.el)}this.updateRovingTabIndex();this.syncFormValue();this.syncGroupValidity()}onValidityInputChange(){this.syncGroupValidity()}syncFormValue(){d(this.internals,this.checked?this.value||"on":null)}get groupHasSelection(){if(!this.name)return this.checked;const e=this.el.getRootNode();return Array.from(e.querySelectorAll(`md-radio[name="${this.name}"]`)).some((e=>{const s=e;return typeof s.checked==="boolean"?s.checked:e.hasAttribute("checked")}))}get groupIsRequired(){if(this.required)return true;if(!this.name)return false;const e=this.el.getRootNode();return Array.from(e.querySelectorAll(`md-radio[name="${this.name}"]`)).some((e=>e.hasAttribute("required")))}syncValidity(){this.invalid=this.customValidityMessage?true:this.groupIsRequired&&!this.groupHasSelection;n(this.internals,{missing:this.groupIsRequired&&!this.groupHasSelection,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.emitValidityChange()}syncGroupValidity(){this.syncValidity();if(!this.name)return;const e=this.el.getRootNode();e.querySelectorAll(`md-radio[name="${this.name}"]`).forEach((e=>{if(e!==this.el)e.syncValidityFromGroup?.()}))}async syncValidityFromGroup(){this.syncValidity()}formResetCallback(){this.checked=this.defaultChecked}async getValidity(){return c(this.internals)}emitValidityChange(){const e=c(this.internals);const s=`${e.valid}|${e.validationMessage}`;if(this.lastValidityKey===s)return;const i=this.lastValidityKey!==null;this.lastValidityKey=s;if(i)this.mdValidityChange.emit(e)}async checkValidity(){return l(this.internals)}async reportValidity(){return h(this.internals)}async setCustomValidity(e){this.customValidityMessage=e;this.syncValidity()}onDisabledChange(){this.updateRovingTabIndex()}async setFocus(){this.programmaticFocus=true;this.el.focus()}async setBlur(){this.el.blur()}async select(){if(this.isDisabled||this.checked)return;this.checked=true;this.mdChange.emit({checked:true,value:this.value})}updateRovingTabIndex(){if(this.disabled){this.managedTabIndex="-1";return}if(this.checked){this.managedTabIndex="0";return}if(!this.name){this.managedTabIndex="0";return}const e=this.el.getRootNode();const s=Array.from(e.querySelectorAll(`md-radio[name="${this.name}"]`));const i=s.some((e=>e!==this.el&&e.checked));if(i){this.managedTabIndex="-1";return}const t=s.find((e=>!e.disabled));this.managedTabIndex=t===this.el?"0":"-1"}uncheckOthers(e){if(!this.name)return;const s=this.el.getRootNode();const i=s.querySelectorAll(`md-radio[name="${this.name}"]`);i.forEach((s=>{if(s!==e&&s.hasAttribute("checked")){s.removeAttribute("checked")}}))}focusSibling(e){if(!this.name)return;const s=this.el.getRootNode();const i=Array.from(s.querySelectorAll(`md-radio[name="${this.name}"]`));const t=i.filter((e=>!e.hasAttribute("disabled")&&!e.hasAttribute("soft-disabled")));if(t.length===0)return;const r=t.indexOf(this.el);const a=(r+e+t.length)%t.length;const d=t[a];d.focus();d.setAttribute("checked","");o(d);d.dispatchEvent(new CustomEvent("mdChange",{detail:{checked:true,value:d.getAttribute("value")||""},bubbles:true,composed:true}))}render(){const e=this.isDisabled;return t(r,{key:"a423d9607194f4c390cbc948db8831ee8e6b9476",class:{"md-radio":true,"md-radio--checked":this.checked,"md-radio--unchecked":!this.checked,"md-radio--disabled":e,"md-radio--pressed":this.pressed,"md-radio--focused":this.focused,"md-radio--focus-ring":this.programmaticFocus},role:"radio","aria-invalid":this.invalid?"true":undefined,"aria-checked":String(this.checked),"aria-disabled":e?"true":undefined,"aria-required":this.required?"true":undefined,tabindex:this.managedTabIndex,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onPointerDown:this.handlePointerDown,onPointerUp:this.handlePointerUp,onPointerLeave:this.handlePointerUp,onPointerCancel:this.handlePointerUp},t("span",{key:"c22bd6ccfa4d3a535fe80dcf1d3c31bcf215087b",class:"md-radio__ripple-layer","aria-hidden":"true"},t("md-ripple",{key:"3c100609ffabcf044653239ccda3ced354979368",disabled:e})),t("span",{key:"928cdd5130f486f2431a0521e64a1d574820421f",class:"md-radio__state-layer",part:"state-layer","aria-hidden":"true"}),t("span",{key:"a3eb375c03d15313343adc779e1256bac4e95cb5",class:"md-radio__container",part:"container","aria-hidden":"true"},t("span",{key:"20a32a470255aa8fd8218c0f629a6dfdcc726ebe",class:"md-radio__outer",part:"outer-circle"}),t("span",{key:"9b1234f873e067ae02ba0feedf18f08ce6f99326",class:"md-radio__inner",part:"inner-circle"})),t("input",{key:"5c957cc036da4fdd672cf0de970a1043fb51a9a2",type:"radio",class:"md-radio__native",checked:this.checked,disabled:this.disabled,required:this.required,name:this.name,value:this.value,"aria-hidden":"true",tabindex:"-1",onChange:()=>{}}))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{checked:[{onCheckedChange:0}],required:[{onValidityInputChange:0}],name:[{onValidityInputChange:0}],valueMissingLabel:[{onValidityInputChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return u()}},[65,"md-radio",{valueMissingLabel:[1,"value-missing-label"],checked:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],required:[516],name:[513],value:[513],density:[514],invalid:[32],pressed:[32],focused:[32],programmaticFocus:[32],managedTabIndex:[32],syncValidityFromGroup:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64],setFocus:[64],setBlur:[64],select:[64]},undefined,{checked:[{onCheckedChange:0}],required:[{onValidityInputChange:0}],name:[{onValidityInputChange:0}],valueMissingLabel:[{onValidityInputChange:0}],disabled:[{onDisabledChange:0}]}]);function f(){if(typeof customElements==="undefined"){return}const e=["md-radio","md-ripple"];e.forEach((e=>{switch(e){case"md-radio":if(!customElements.get(a(e))){customElements.define(a(e),y)}break;case"md-ripple":if(!customElements.get(a(e))){m()}break}}))}f();const p=y;const b=f;export{p as MdRadio,b as defineCustomElement};
 //# sourceMappingURL=md-radio.js.map

package/dist/components/md-ripple.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-CTC8XAB6.js";const t=o;const p=s;export{t as MdRipple,p as defineCustomElement};
+import{M as o,d as s}from"./p-De3E5Q8v.js";const t=o;const p=s;export{t as MdRipple,p as defineCustomElement};
 //# sourceMappingURL=md-ripple.js.map

package/dist/components/md-search.js

@@ -1,2 +1,2 @@
-import{p as e,H as i,c as t,h as s,d as a,t as r}from"./p-BR6gfOQH.js";import{d as n}from"./p-DYL-8C5C.js";import{d as o}from"./p-B-iHDK5h.js";import{d as c}from"./p-CTC8XAB6.js";const d=()=>`:host{--_container-color:var(     --md-search-container-color,     var(--md-sys-color-surface-container-high, #ECE6F0)   );--_container-shape:var(     --md-search-container-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_container-height:var(--md-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_resting-corner-shape:min(     var(--_container-shape),     calc(var(--_container-height) / 2)   );--_docked-panel-shape:var(--md-search-docked-panel-shape, var(--md-sys-shape-corner-large, 16px));--_divided-fullscreen-bar-height:var(--md-search-divided-fullscreen-bar-height, max(48px, calc(72px + var(--md-sys-density-scale, 0) * 4px)));--_leading-icon-label-gap:var(--md-search-leading-icon-label-gap, 4px);--_trailing-icon-label-gap:var(--md-search-trailing-icon-label-gap, 4px);--_icon-button-size:var(--md-search-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_container-min-inline-size:var(--md-search-container-min-inline-size, 360px);--_container-max-inline-size:var(--md-search-container-max-inline-size, 720px);--_container-padding-inline:var(--md-search-container-padding-inline, 0px);--_container-padding-inline-focused:var(     --md-search-container-padding-inline-focused,     var(--_container-padding-inline)   );--_leading-padding-inline:var(--md-search-leading-padding-inline, 4px);--_trailing-padding-inline:var(--md-search-trailing-padding-inline, 8px);--_expand-inset:var(--md-search-expand-inset, 24px);--_expand-inset-focused:var(--md-search-expand-focused-inset, 12px);--_expand-duration:var(     --md-search-expand-duration,     var(--md-sys-motion-duration-medium4, 400ms)   );--_expand-easing:var(     --md-search-expand-easing,     cubic-bezier(0.34, 1.56, 0.64, 1)   );--_input-color:var(     --md-search-input-color,     var(--md-sys-color-on-surface, #1D1B20)   );--_input-font-family:var(     --md-search-input-font-family,     var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif)   );--_input-font-size:var(     --md-search-input-font-size,     max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px))   );--_input-line-height:var(     --md-search-input-line-height,     var(--md-sys-typescale-body-large-line-height, 24px)   );--_input-font-weight:var(     --md-search-input-font-weight,     var(--md-sys-typescale-body-large-font-weight, 400)   );--_input-letter-spacing:var(     --md-search-input-letter-spacing,     var(--md-sys-typescale-body-large-letter-spacing, 0.5px)   );--_placeholder-color:var(     --md-search-placeholder-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_leading-icon-color:var(     --md-search-leading-icon-color,     var(--md-sys-color-on-surface, #1D1B20)   );--_trailing-icon-color:var(     --md-search-trailing-icon-color,     var(       --md-search-icon-color,       var(--md-sys-color-on-surface-variant, #49454F)     )   );--_icon-size:var(--md-search-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_loading-color:var(     --md-search-loading-color,     var(--md-sys-color-primary, #6750A4)   );--_open-glyph-mirror:1;--_contained-background-color:var(     --md-search-contained-background-color,     var(--md-sys-color-surface-container-low, #F7F2FA)   );--_container-elevation-level:0px 0px 0px 0px transparent;--_container-elevation:var(     --md-search-container-elevation,     var(--_container-elevation-level)   );--_state-layer-color:var(     --md-search-state-layer-color,     var(--md-sys-color-on-surface, #1D1B20)   );--_hover-state-layer-opacity:var(     --md-search-hover-state-layer-opacity,     var(--md-sys-state-hover-state-layer-opacity, 0.08)   );--_pressed-state-layer-opacity:var(     --md-search-pressed-state-layer-opacity,     0.1   );--_focus-indicator-color:var(     --md-search-focus-indicator-color,     var(--md-sys-color-secondary, #625B71)   );--_focus-indicator-thickness:var(--md-search-focus-indicator-thickness, 3px);--_focus-indicator-offset:var(--md-search-focus-indicator-offset, 2px);--_avatar-size:var(--md-search-avatar-size, 40px);--_panel-min-block-size:var(--md-search-panel-min-block-size, 0px);--_panel-max-block-size:var(--md-search-panel-max-block-size, min(400px, 60vh));--_max-block-size:var(--md-search-max-block-size);--_panel-offset:var(     --md-search-panel-offset,     calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness) + 3px)   );--_bar-fullscreen-color:var(     --md-search-bar-fullscreen-color,     var(--md-sys-color-surface-container-low, #F7F2FA)   );--_fullscreen-results-color:var(     --md-search-fullscreen-results-color,     var(--md-sys-color-surface-container-low, #F7F2FA)   );--_divider-color:var(     --md-search-divider-color,     var(--md-sys-color-outline, #79747E)   );--_divider-thickness:var(--md-search-divider-thickness, 1px);--_fullscreen-bar-offset-block-start:var(     --md-search-fullscreen-bar-offset-block-start,     max(16px, env(safe-area-inset-block-start, 0px))   );--_fullscreen-bar-offset-inline:var(     --md-search-fullscreen-bar-offset-inline,     max(0px, env(safe-area-inset-inline-start, 0px))   );--_fullscreen-bar-panel-gap:var(--md-search-fullscreen-bar-panel-gap, 0px);--_panel-padding-block-start:var(--md-search-panel-padding-block-start, 0px);--_motion-duration:var(     --md-search-panel-motion-duration,     var(--md-sys-motion-duration-medium2, 250ms)   );--_motion-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_fs-expand-duration:var(     --md-search-fullscreen-expand-duration,     var(--md-sys-motion-duration-medium2, 300ms)   );--_fs-expand-easing:var(     --md-search-fullscreen-expand-easing,     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))   );--_fs-collapse-duration:var(     --md-search-fullscreen-collapse-duration,     var(--md-sys-motion-duration-medium2, 300ms)   );--_fs-collapse-easing:var(     --md-search-fullscreen-collapse-easing,     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))   );display:block;position:relative;inline-size:100%;min-inline-size:var(--_container-min-inline-size);max-inline-size:var(--_container-max-inline-size);margin-inline:auto;min-block-size:var(--_container-height);font-family:var(--_input-font-family);color:var(--_input-color);box-sizing:border-box}:host([hidden]){display:none}:host(.md-search--trigger-icon.md-search--closed){display:inline-flex;flex-direction:column;align-items:center;justify-content:center;inline-size:fit-content;block-size:fit-content;min-inline-size:0;max-inline-size:none;min-block-size:0;margin-inline:0;overflow:visible}:host(.md-search--trigger-icon.md-search--closed) .md-search__panel,:host(.md-search--trigger-icon.md-search--closed) .md-search__inset-probe{display:none}:host(.md-search--trigger-icon.md-search--open) .md-search__trigger{display:none}.md-search__trigger{display:contents}:host(.md-search--trigger-icon) .md-search__trigger-button{--md-icon-button-container-width:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));--md-icon-button-icon-color:var(     --md-search-leading-icon-color,     var(--md-sys-color-on-surface, #1d1b20)   )}:host(.md-search--contained.md-search--docked){--_panel-offset:var(     --md-search-contained-docked-panel-offset,     calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness) + 3px)   )}:host(.md-search--full-screen){--_expand-inset:0px;--_expand-inset-focused:0px}:host(.md-search--full-width){--_expand-inset:0px;--_expand-inset-focused:0px}:host(.md-search--contained.md-search--full-screen){--_fullscreen-bar-offset-inline:var(     --md-search-fullscreen-bar-offset-inline,     max(8px, env(safe-area-inset-inline-start, 0px))   );--_fullscreen-bar-panel-gap:var(     --md-search-fullscreen-bar-panel-gap,     calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness) + 3px)   )}:host(.md-search--divided.md-search--full-screen.md-search--open){--_container-height:var(--_divided-fullscreen-bar-height);--_fullscreen-bar-offset-block-start:max(0px, env(safe-area-inset-block-start, 0px));--_fullscreen-bar-offset-inline:max(0px, env(safe-area-inset-inline-start, 0px))}:host(.md-search--full-screen.md-search--open){position:fixed;inset:0;display:block;inline-size:100%;block-size:100dvh;max-inline-size:none;min-inline-size:0;margin:0;min-block-size:0;z-index:var(--md-sys-z-index-modal, 1300);box-sizing:border-box}:host(.md-search--trigger-icon.md-search--full-screen.md-search--open){display:block;inline-size:100%;block-size:100dvh;max-inline-size:none;min-inline-size:0;min-block-size:0;align-items:stretch;justify-content:flex-start}:host(.md-search--full-screen.md-search--open) .md-search__bar{position:fixed;inset-block-start:var(--_fullscreen-bar-offset-block-start);inset-inline:var(--_fullscreen-bar-offset-inline);inline-size:auto;margin-inline:0;z-index:2}:host(.md-search--full-screen.md-search--open) .md-search__bar--focus-ring{z-index:2}:host(.md-search--full-screen.md-search--open) .md-search__panel--full-screen{position:fixed;inset:0;margin:0;padding-block-start:calc(     var(--_fullscreen-bar-offset-block-start) + var(--_container-height) +       var(--_fullscreen-bar-panel-gap) + var(--_panel-padding-block-start)   );padding-inline:0;max-block-size:var(--_max-block-size, 100dvh);z-index:1;background-color:var(--_fullscreen-results-color)}:host(.md-search--contained.md-search--open) .md-search__leading-button{margin-inline-start:0}.md-search__bar{position:relative;display:flex;align-items:center;box-sizing:border-box;gap:0;inline-size:calc(100% - calc(var(--_expand-inset) * 2));min-inline-size:0;max-inline-size:100%;margin-inline:auto;block-size:var(--_container-height);padding-inline:var(--_container-padding-inline);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);cursor:text;overflow:hidden;transition:inline-size var(--_expand-duration) var(--_expand-easing),     background-color var(--_motion-duration) var(--_motion-easing),     box-shadow var(--_motion-duration) var(--_motion-easing),     border-radius var(--_motion-duration) var(--_motion-easing)}:host(.md-search--elevation-0){--_container-elevation-level:0px 0px 0px 0px transparent}:host(.md-search--elevation-1){--_container-elevation-level:var(--md-sys-elevation-1)}:host(.md-search--elevation-2){--_container-elevation-level:var(--md-sys-elevation-2)}:host(.md-search--elevation-3){--_container-elevation-level:var(--md-sys-elevation-3)}:host(.md-search--elevation-4){--_container-elevation-level:var(--md-sys-elevation-4)}:host(.md-search--elevation-5){--_container-elevation-level:var(--md-sys-elevation-5)}.md-search__bar--focused,:host(.md-search--open) .md-search__bar{inline-size:calc(100% - calc(var(--_expand-inset-focused) * 2));padding-inline:var(--_container-padding-inline-focused)}:host(.md-search--disabled) .md-search__bar{cursor:not-allowed;opacity:0.38}:host(.md-search--full-screen) .md-search__bar{transition:opacity var(--_fs-collapse-duration) var(--_fs-collapse-easing),     transform var(--_fs-collapse-duration) var(--_fs-collapse-easing),     background-color var(--_motion-duration) var(--_motion-easing),     border-radius var(--_motion-duration) var(--_motion-easing)}:host(.md-search--full-screen.md-search--open) .md-search__bar{opacity:0;transform:translateY(30px);pointer-events:none}:host(.md-search--full-screen.md-search--open.md-search--panel-content) .md-search__bar{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity var(--_fs-expand-duration) var(--_fs-expand-easing),     transform var(--_fs-expand-duration) var(--_fs-expand-easing),     background-color var(--_motion-duration) var(--_motion-easing),     border-radius var(--_motion-duration) var(--_motion-easing)}:host(.md-search--divided.md-search--full-screen.md-search--open) .md-search__bar{border-radius:0;background-color:var(--_bar-fullscreen-color);padding-inline:var(--_container-padding-inline-focused)}:host(.md-search--contained.md-search--full-screen.md-search--open) .md-search__bar{border-radius:var(--_container-shape);background-color:var(--_container-color);padding-inline:var(--_container-padding-inline-focused)}.md-search__bar>md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--md-ripple-grow-duration:var(--_expand-duration);--md-ripple-grow-easing:var(--_expand-easing)}.md-search__inset-probe{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:max(0px, calc(var(--_expand-inset) - var(--_expand-inset-focused)));block-size:0;visibility:hidden;pointer-events:none;opacity:0}.md-search__a11y-status{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.md-search__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-search__bar:hover .md-search__state-layer{opacity:var(--_hover-state-layer-opacity)}.md-search__bar--focus-ring .md-search__state-layer{opacity:0}.md-search__bar--focus-ring{box-shadow:var(--_container-elevation),     0 0 0 var(--_focus-indicator-offset) var(--_container-color),     0 0 0       calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness))       var(--_focus-indicator-color)}.md-search__bar:active .md-search__state-layer{opacity:var(--_pressed-state-layer-opacity)}.md-search__bar:hover .md-search__input::placeholder,.md-search__bar:active .md-search__input::placeholder{color:var(--_placeholder-color)}:host(.md-search--disabled) .md-search__state-layer{display:none}.md-search__leading,.md-search__trailing{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-gap-xs, 4px);flex:0 0 auto;position:relative;z-index:1;box-sizing:border-box}.md-search__leading{padding-inline-start:var(--_leading-padding-inline);padding-inline-end:var(--_leading-icon-label-gap)}.md-search__trailing{margin-inline-start:auto;padding-inline-start:var(--_trailing-icon-label-gap);padding-inline-end:var(--_trailing-padding-inline)}.md-search__leading .md-search__icon,.md-search__leading-button{color:var(--_leading-icon-color)}.md-search__trailing .md-search__icon{color:var(--_trailing-icon-color)}.md-search__icon{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);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;user-select:none}.md-search__icon-button{appearance:none;background:transparent;border:0;margin:0;padding:0;cursor:pointer;inline-size:var(--_icon-button-size);block-size:var(--_icon-button-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--_trailing-icon-color);position:relative;transition:background-color var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-search__icon-button:hover{background-color:color-mix(     in srgb,     var(--_trailing-icon-color) 8%,     transparent   )}.md-search__loading{--md-loading-indicator-size:var(--_icon-button-size);--md-loading-indicator-shape-size:var(--_icon-size);--md-loading-indicator-color:var(--_loading-color);flex:0 0 auto;pointer-events:none}.md-search__trailing-morph{position:relative;flex:0 0 auto;inline-size:var(--_icon-button-size);block-size:var(--_icon-button-size)}.md-search__trailing-morph>.md-search__loading,.md-search__trailing-morph>.md-search__clear{position:absolute;inset:0;margin:auto;transition:opacity var(--md-sys-motion-duration-medium1, 250ms)       var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     transform var(--md-sys-motion-duration-medium1, 250ms)       var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1))}.md-search__trailing-morph>.md-search__clear{opacity:1;transform:scale(1) rotate(0deg)}.md-search__trailing-morph>.md-search__loading{opacity:0;transform:scale(0.6) rotate(-90deg)}.md-search__trailing-morph--loading>.md-search__clear{opacity:0;transform:scale(0.6) rotate(90deg);pointer-events:none}.md-search__trailing-morph--loading>.md-search__loading{opacity:1;transform:scale(1) rotate(0deg)}.md-search__voice{flex:0 0 auto;color:var(--_trailing-icon-color)}.md-search__voice .md-search__icon{position:relative;z-index:1}.md-search__voice--listening{color:var(--md-sys-color-primary, #6750A4)}.md-search__voice--listening::before{content:'';position:absolute;inset:0;border-radius:50%;background-color:color-mix(     in srgb,     var(--md-sys-color-primary, #6750A4) 16%,     transparent   );animation:md-search-voice-pulse 1.4s     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)) infinite}@keyframes md-search-voice-pulse{0%,100%{transform:scale(0.82);opacity:0.55}50%{transform:scale(1.12);opacity:0.2}}.md-search__icon-button:focus-visible{outline:var(--_focus-indicator-thickness) solid var(--_focus-indicator-color);outline-offset:calc(-1 * var(--_focus-indicator-thickness))}.md-search__leading-button{appearance:none;background:transparent;border:0;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--_icon-button-size);block-size:var(--_icon-button-size);border-radius:50%;cursor:text;pointer-events:none;transition:background-color var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-search--open) .md-search__leading-button{cursor:pointer;pointer-events:auto}.md-search__leading-state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_leading-icon-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-search--open) .md-search__leading-button:hover .md-search__leading-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-search--open) .md-search__leading-button:active .md-search__leading-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.md-search__leading-button:focus-visible{outline:var(--_focus-indicator-thickness) solid var(--_focus-indicator-color);outline-offset:calc(-1 * var(--_focus-indicator-thickness));border-radius:50%}.md-search__leading-button:disabled{cursor:not-allowed}.md-search__leading-button .md-search__icon{position:absolute;inset:0;margin:auto;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);transition:opacity var(--_motion-duration) var(--_motion-easing),     transform var(--_motion-duration) var(--_motion-easing)}.md-search__icon--resting{opacity:1;transform:rotate(0deg) scale(1)}:host(.md-search--open) .md-search__icon--resting{opacity:0;transform:rotate(-90deg) scale(0.6)}.md-search__icon--open{opacity:0;transform:rotate(90deg) scale(0.6) scaleX(var(--_open-glyph-mirror))}:host(.md-search--open) .md-search__icon--open{opacity:1;transform:rotate(0deg) scale(1) scaleX(var(--_open-glyph-mirror))}:host([dir="rtl"]),:host-context([dir="rtl"]){--_open-glyph-mirror:-1}::slotted([slot='leading']),::slotted([slot='trailing']){display:inline-flex;align-items:center}::slotted(md-avatar[slot='trailing']),::slotted([slot='trailing'][role='img']),::slotted(img[slot='trailing']){inline-size:var(--_avatar-size);block-size:var(--_avatar-size)}.md-search__input{flex:1 1 auto;min-inline-size:0;border:0;outline:0;background:transparent;color:var(--_input-color);font-family:var(--_input-font-family);font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:var(--_input-line-height);letter-spacing:var(--_input-letter-spacing);padding-inline:0;position:relative;z-index:1}.md-search__input::placeholder{color:var(--_placeholder-color);opacity:1;font-family:var(--_input-font-family);font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:var(--_input-line-height);letter-spacing:var(--_input-letter-spacing)}.md-search__input:disabled{cursor:not-allowed}.md-search__input::-webkit-search-cancel-button,.md-search__input::-webkit-search-decoration{display:none}.md-search__panel{visibility:hidden;opacity:0;pointer-events:none;box-sizing:border-box;background-color:transparent;color:var(--_input-color);display:flex;flex-direction:column;overflow:hidden;min-block-size:0;transition:opacity var(--_motion-duration) var(--_motion-easing),     transform var(--_motion-duration) var(--_motion-easing),     visibility 0s linear var(--_motion-duration)}.md-search__panel-body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}.md-search__results-host{display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;overflow:hidden}.md-search__results-host .md-search__results-scroll{flex:1 1 auto;min-block-size:0}.md-search__results-scroll{flex:1 1 auto;min-block-size:0;overflow-block:auto;overflow-inline:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #cac4d0) transparent}.md-search__results-scroll::-webkit-scrollbar{inline-size:8px}.md-search__results-scroll::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #cac4d0);border-radius:4px}.md-search__empty{flex:0 0 auto;margin:0;padding-block:var(--md-search-empty-padding-block, var(--md-sys-spacing-inset-xl, 24px));padding-inline:var(--md-search-empty-padding-inline, var(--md-sys-spacing-inset-lg, 16px));text-align:center;color:var(     --md-search-empty-color,     var(--md-sys-color-on-surface-variant, #49454f)   );font-family:var(     --md-sys-typescale-body-medium-font,     Roboto,     system-ui,     sans-serif   );font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);letter-spacing:var(--md-sys-typescale-body-medium-tracking, 0.25px)}.md-search__panel-body--empty .md-search__results-host{display:none}.md-search__panel--docked{position:absolute;inset-inline:var(--_expand-inset-focused);inset-block-start:calc(var(--_container-height) + var(--_panel-offset));block-size:fit-content;min-block-size:var(--_panel-min-block-size);max-block-size:var(--_max-block-size, var(--_panel-max-block-size));transform:translateY(-4px);z-index:var(--md-sys-z-index-popup, 1100)}.md-search__panel--docked.md-search__panel--open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity var(--_motion-duration) var(--_motion-easing),     transform var(--_motion-duration) var(--_motion-easing),     visibility 0s}.md-search__panel--full-screen{opacity:0;transform:translateY(30px);will-change:opacity, transform;transition:opacity var(--_fs-collapse-duration) var(--_fs-collapse-easing),     transform var(--_fs-collapse-duration) var(--_fs-collapse-easing),     visibility 0s linear var(--_fs-collapse-duration)}.md-search__panel--full-screen.md-search__panel--open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity var(--_fs-expand-duration) var(--_fs-expand-easing),     transform var(--_fs-expand-duration) var(--_fs-expand-easing),     visibility 0s}.md-search__divider{display:none;block-size:var(--_divider-thickness);background-color:var(--_divider-color);flex:0 0 auto}:host(.md-search--divided.md-search--panel-content) .md-search__divider{display:block}:host(.md-search--divided.md-search--full-screen.md-search--open.md-search--panel-content) .md-search__bar{border-radius:0}:host(.md-search--divided) .md-search__panel--docked{inset-block-start:var(--_container-height)}:host(.md-search--divided.md-search--docked) .md-search__bar{transition:inline-size var(--_expand-duration) var(--_expand-easing),     background-color var(--_motion-duration) var(--_motion-easing),     box-shadow var(--_motion-duration) var(--_motion-easing)}:host(.md-search--divided.md-search--docked.md-search--open.md-search--panel-content) .md-search__bar{border-radius:var(--_resting-corner-shape) var(--_resting-corner-shape) 0 0;background-color:var(--_container-color);overflow:hidden}:host(.md-search--divided.md-search--docked.md-search--open.md-search--panel-content) .md-search__panel--docked{background-color:var(--_container-color);border-radius:0 0 var(--_resting-corner-shape) var(--_resting-corner-shape);overflow:hidden}:host(.md-search--contained.md-search--docked.md-search--open.md-search--panel-content) .md-search__panel--docked{border-radius:var(--_docked-panel-shape);background-color:var(--_container-color)}::slotted([slot='results']){display:block;--md-list-container-color:transparent;--md-list-item-container-color:transparent;--md-list-padding-block:0px}:host(.md-search--disabled) .md-search__input,:host(.md-search--disabled) .md-search__icon,:host(.md-search--disabled) .md-search__icon-button,:host(.md-search--disabled) .md-search__leading-button{pointer-events:none;color:color-mix(     in srgb,     var(--md-sys-color-on-surface, #1D1B20) 38%,     transparent   )}@media (prefers-reduced-motion: reduce){.md-search__bar,.md-search__panel,.md-search__state-layer,.md-search__icon-button,.md-search__leading-button,.md-search__leading-state-layer,.md-search__leading-button .md-search__icon,.md-search__trailing-morph>.md-search__loading,.md-search__trailing-morph>.md-search__clear{transition-duration:0.01ms !important}.md-search__voice--listening::before{animation: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 l=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdInput=t(this,"mdInput",7);this.mdSearch=t(this,"mdSearch",7);this.mdSubmit=t(this,"mdSubmit",7);this.mdChange=t(this,"mdChange",7);this.mdOpen=t(this,"mdOpen",7);this.mdClose=t(this,"mdClose",7);this.mdClear=t(this,"mdClear",7);this.mdVoice=t(this,"mdVoice",7);this.mdLeadingIconClick=t(this,"mdLeadingIconClick",7);this.mdTrailingIconClick=t(this,"mdTrailingIconClick",7);this.variant="contained";this.layout="full-screen";this.triggerIcon="search";this.triggerFor="";this.fullWidth=false;this.value="";this.placeholder="Search";this.open=false;this.disabled=false;this.elevation=0;this.leadingIcon="search";this.showClearButton=true;this.voiceSearch=false;this.escapeCloses=true;this.dismissOnOutsideClick=true;this.scrollShadow=true;this.maxBlockSize="";this.inputAriaLabel="";this.initialFocus="auto";this.announceResults=true;this.resultsLabel="{count} results available";this.noResultsLabel="No results available";this.loading=false;this.debounce=0;this.throttle=0;this.loadingLabel="Searching";this.density=0;this.focused=false;this.hasSlottedLeading=false;this.hasSlottedTrailing=false;this.hasSlottedTrigger=false;this.resultsStatus="";this.barExpanded=false;this.panelVisible=false;this.showFocusRing=false;this.listening=false;this.loadingMorphMounted=false;this.loadingMorphIn=false;this.keyboardModality=false;this.previousFocus=null;this.valueOnFocus="";this.pendingFullScreenReveal=false;this.pendingSearchValue=null;this.lastEmittedSearch=null;this.wiredTrigger=null;this.handleExternalTriggerClick=e=>{if(this.disabled)return;e.stopPropagation();this.open=!this.open};this.handleTriggerActivate=()=>{if(this.disabled)return;if(!this.open)this.open=true};this.handleTriggerClick=e=>{e.stopPropagation();this.handleTriggerActivate()};this.handleTriggerKeyDown=e=>{if(e.key!=="Enter"&&e.key!==" ")return;e.preventDefault();this.handleTriggerActivate()};this.handleBarClick=e=>{if(this.disabled)return;const i=e.target;if(i.closest('[part="trailing"]'))return;if(!this.open)this.open=true;this.input?.focus()};this.handleLeadingClick=e=>{if(this.disabled)return;const i=this.hasSlottedLeading;const t=!i&&this.open;if(!i&&!t)return;this.mdLeadingIconClick.emit({value:this.value,open:this.open});if(t){e.stopPropagation();this.open=false}};this.handleTrailingClick=e=>{if(this.disabled)return;const i=typeof e.composedPath==="function"?e.composedPath():[];const t=i.length?i:[e.target];const s=t.some((e=>{const i=e?.classList;return!!i?.contains?.("md-search__clear")||!!i?.contains?.("md-search__voice")}));if(s)return;const a=this.trailingSlotEl?.assignedElements?.()??[];if(a.length===0)return;const r=t[0];const n=a.some((e=>e===r||(r?e.contains(r):false)));if(!n)return;e.stopPropagation();this.mdTrailingIconClick.emit({value:this.value,open:this.open})};this.handleClearClick=e=>{e.stopPropagation();if(this.disabled)return;this.value="";this.input?.focus();this.mdInput.emit({value:""});this.pendingSearchValue="";this.flushSearch();this.mdClear.emit()};this.handleVoiceClick=e=>{e.stopPropagation();if(this.disabled)return;if(this.listening){this.stopVoice()}else{this.startVoice()}};this.handleVoiceResult=e=>{let i="";let t=false;const s=e.results;for(let e=0;e<s.length;e++){i+=s[e][0].transcript;if(s[e].isFinal)t=true}i=i.replace(/^\s+/,"");this.value=i;if(!this.open)this.open=true;this.mdInput.emit({value:i});this.scheduleSearch(i);this.mdVoice.emit({value:i,final:t});if(t){this.pendingSearchValue=i;this.flushSearch();this.stopVoice()}};this.handleVoiceEnd=()=>{this.listening=false;this.recognition=undefined};this.handleInput=e=>{const i=e.target.value;this.value=i;if(!this.open&&!this.disabled)this.open=true;this.mdInput.emit({value:i});this.scheduleSearch(i)};this.trackKeyboardModality=()=>{this.keyboardModality=true};this.trackPointerModality=()=>{this.keyboardModality=false};this.handleInputFocus=()=>{this.focused=true;this.showFocusRing=this.keyboardModality;this.valueOnFocus=this.value};this.handleInputBlur=()=>{this.focused=false;this.showFocusRing=false;if(this.value!==this.valueOnFocus){this.mdChange.emit({value:this.value})}};this.handleInputKeyDown=e=>{if(this.disabled)return;if(!this.open){if(e.key==="Enter"||e.key===" "){e.preventDefault();this.open=true}return}if(e.key==="Enter"){this.pendingSearchValue=this.value;this.flushSearch();this.mdSubmit.emit({value:this.value})}}}async show(){this.open=true}async close(){this.open=false}async toggle(){this.open=!this.open}async focusInput(){this.input?.focus()}connectedCallback(){if(typeof document!=="undefined"){document.addEventListener("keydown",this.trackKeyboardModality,true);document.addEventListener("pointerdown",this.trackPointerModality,true)}}componentWillLoad(){this.barExpanded=this.open;this.panelVisible=this.open;this.loadingMorphMounted=this.loading;this.loadingMorphIn=this.loading;this.lastEmittedSearch=this.value.trim();this.updateResultsStatus()}componentDidLoad(){this.wireExternalTrigger();const e=this.el.shadowRoot;if(!e)return;const i=e.querySelector('slot[name="leading"]');const t=e.querySelector('slot[name="trailing"]');this.trailingSlotEl=t??undefined;i?.addEventListener("slotchange",(()=>{this.hasSlottedLeading=i.assignedElements().length>0}));t?.addEventListener("slotchange",(()=>{this.hasSlottedTrailing=t.assignedElements().length>0}));const s=e.querySelector('slot[name="results"]');s?.addEventListener("slotchange",(()=>this.updateResultsStatus()));const a=e.querySelector('slot[name="trigger"]');a?.addEventListener("slotchange",(()=>{this.hasSlottedTrigger=a.assignedElements().length>0}));this.hasSlottedTrigger=(a?.assignedElements().length??0)>0;this.measureRippleExtend();this.observeHostResize();if(this.open)this.applyOpenSideEffects()}onExternalTriggerChange(){this.wireExternalTrigger()}disconnectedCallback(){this.unwireExternalTrigger();this.clearCloseTimer();this.cancelReveal();this.clearSearchTimers();this.stopVoice();this.clearLoadingMorphTimers();this.removeOutsideClickHandler();this.resizeObserver?.disconnect();this.resizeObserver=undefined;if(typeof document!=="undefined"){document.removeEventListener("keydown",this.trackKeyboardModality,true);document.removeEventListener("pointerdown",this.trackPointerModality,true)}if(this.layout==="full-screen"&&typeof document!=="undefined"){document.body.style.removeProperty("overflow")}}get effectiveTrigger(){if(this.hasExternalTrigger)return"icon";if(this.trigger!=null)return this.trigger;return this.layout==="full-screen"?"icon":"bar"}get hasExternalTrigger(){return Boolean(this.triggerFor||this.triggerElement)}get usesIconTrigger(){return this.effectiveTrigger==="icon"}resolveExternalTrigger(){if(this.triggerElement)return this.triggerElement;if(!this.triggerFor||typeof document==="undefined")return null;const e=this.triggerFor.trim();if(!e)return null;try{return document.querySelector(e)}catch{if(typeof console!=="undefined"){console.warn("[md-search] `trigger-for` is not a valid selector:",this.triggerFor)}return null}}wireExternalTrigger(){const e=this.resolveExternalTrigger();if(e===this.wiredTrigger){this.syncExternalTriggerAria();return}this.unwireExternalTrigger();if(!e)return;e.addEventListener("click",this.handleExternalTriggerClick);this.wiredTrigger=e;this.syncExternalTriggerAria()}unwireExternalTrigger(){this.wiredTrigger?.removeEventListener("click",this.handleExternalTriggerClick);this.wiredTrigger?.removeAttribute("aria-expanded");this.wiredTrigger=null}syncExternalTriggerAria(){const e=this.wiredTrigger;if(!e)return;e.setAttribute("aria-haspopup","dialog");e.setAttribute("aria-expanded",String(this.open))}get showBar(){return!this.usesIconTrigger||this.barExpanded}measureRippleExtend(){if(!this.showBar)return;const e=this.rippleEl;if(!e)return;if(this.layout==="full-screen"&&typeof window!=="undefined"){const i=this.el.shadowRoot?.querySelector(".md-search__bar");const t=i?.getBoundingClientRect().width??0;const s=window.innerWidth-t;if(s>1){e.style.setProperty("--md-ripple-extend-inline",`${s}px`);return}}const i=this.insetProbeEl;if(!i)return;const t=i.getBoundingClientRect().width;if(!Number.isFinite(t)||t<=0){e.style.removeProperty("--md-ripple-extend-inline");return}e.style.setProperty("--md-ripple-extend-inline",`${t}px`)}observeHostResize(){if(typeof ResizeObserver==="undefined")return;this.resizeObserver=new ResizeObserver((()=>{if(this.barExpanded)return;this.measureRippleExtend()}));this.resizeObserver.observe(this.el)}onOpenChange(i,t){if(i===t)return;this.clearCloseTimer();this.cancelReveal();if(i){this.barExpanded=true;if(this.layout==="full-screen"){this.pendingFullScreenReveal=true}else{this.panelVisible=true}this.applyOpenSideEffects();this.updateResultsStatus();this.syncExternalTriggerAria();this.mdOpen.emit()}else{this.pendingFullScreenReveal=false;this.panelVisible=false;this.stopVoice();this.removeOutsideClickHandler();this.updateResultsStatus();this.mdClose.emit();this.syncExternalTriggerAria();this.closeTimer=setTimeout((()=>{this.barExpanded=false;this.finishCloseSideEffects();if(this.wiredTrigger&&typeof document!=="undefined"){const e=document.activeElement;const i=e===this.el||this.el.contains(e);if(e===document.body||i)this.wiredTrigger.focus?.()}this.closeTimer=undefined}),e.PANEL_CLOSE_MS)}}onLoadingChange(e){this.updateResultsStatus();this.updateLoadingMorph(e)}updateLoadingMorph(i){this.clearLoadingMorphTimers();if(i){this.loadingMorphMounted=true;if(typeof requestAnimationFrame==="undefined"){this.loadingMorphIn=true;return}this.loadingMorphInRaf=requestAnimationFrame((()=>{this.loadingMorphInRaf=undefined;if(this.loading)this.loadingMorphIn=true}))}else{this.loadingMorphIn=false;this.loadingMorphTimer=setTimeout((()=>{this.loadingMorphTimer=undefined;if(!this.loading)this.loadingMorphMounted=false}),e.MORPH_MS)}}clearLoadingMorphTimers(){if(this.loadingMorphTimer){clearTimeout(this.loadingMorphTimer);this.loadingMorphTimer=undefined}if(this.loadingMorphInRaf!==undefined&&typeof cancelAnimationFrame!=="undefined"){cancelAnimationFrame(this.loadingMorphInRaf);this.loadingMorphInRaf=undefined}}componentDidRender(){if(!this.pendingFullScreenReveal)return;this.pendingFullScreenReveal=false;if(typeof requestAnimationFrame==="undefined"){this.panelVisible=true;return}this.revealRaf=requestAnimationFrame((()=>{this.revealRaf=undefined;if(this.open)this.panelVisible=true}))}cancelReveal(){if(this.revealRaf!==undefined&&typeof cancelAnimationFrame!=="undefined"){cancelAnimationFrame(this.revealRaf)}this.revealRaf=undefined}clearCloseTimer(){if(this.closeTimer===undefined)return;clearTimeout(this.closeTimer);this.closeTimer=undefined}applyOpenSideEffects(){if(typeof document==="undefined")return;this.previousFocus=document.activeElement??null;if(this.layout==="full-screen"){const e=window.innerWidth-document.documentElement.clientWidth;if(e>0){document.body.style.paddingInlineEnd=`${e}px`}document.body.style.overflow="hidden"}this.attachOutsideClickHandler();if(typeof requestAnimationFrame!=="undefined"){requestAnimationFrame((()=>this.focusInitialTarget()))}else{this.focusInitialTarget()}}focusInitialTarget(){const e=this.resolveInitialFocusTarget();e?.focus?.({preventScroll:true})}resolveInitialFocusTarget(){if(this.initialFocus==="leading"){return this.leadingFocusTarget()??this.input}return this.input}leadingFocusTarget(){const e='button, a[href], input, select, textarea, md-icon-button, md-button, [tabindex]:not([tabindex="-1"])';const i=this.el.querySelector('[slot="leading"]');if(i){if(typeof i.focus==="function"&&i.getAttribute("tabindex")!=="-1"){if(i.matches(e))return i}const t=i.querySelector(e);if(t)return t;return i}const t=this.el.shadowRoot?.querySelector(".md-search__leading-button");if(t&&t.getAttribute("tabindex")!=="-1")return t;return undefined}finishCloseSideEffects(){if(typeof document!=="undefined"&&this.layout==="full-screen"){document.body.style.removeProperty("overflow");document.body.style.removeProperty("padding-inline-end")}this.previousFocus?.focus?.();this.previousFocus=null}attachOutsideClickHandler(){if(!this.dismissOnOutsideClick||typeof document==="undefined")return;this.outsideClickHandler=e=>{const i=e.target;if(!i)return;const t=e.composedPath?e.composedPath():[];if(t.includes(this.el))return;if(this.el.contains(i))return;const s=this.wiredTrigger;if(s&&(t.includes(s)||s.contains(i)))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}getSpeechRecognitionCtor(){if(typeof window==="undefined")return undefined;const e=window;return e.SpeechRecognition||e.webkitSpeechRecognition}isVoiceSupported(){return!!this.getSpeechRecognitionCtor()}resolveVoiceLang(){if(typeof document!=="undefined"){const e=this.el.getAttribute("lang")||document.documentElement.lang;if(e)return e}return"en-US"}async startVoice(){this.startVoiceInternal()}async stopVoice(){this.listening=false;if(this.recognition){try{this.recognition.stop()}catch{}}}startVoiceInternal(){const e=this.getSpeechRecognitionCtor();if(!e||this.disabled||this.listening)return;if(this.recognition){try{this.recognition.abort()}catch{}this.recognition=undefined}const i=new e;i.lang=this.resolveVoiceLang();i.interimResults=true;i.continuous=false;i.maxAlternatives=1;i.onresult=this.handleVoiceResult;i.onerror=this.handleVoiceEnd;i.onend=this.handleVoiceEnd;this.recognition=i;if(!this.open)this.open=true;this.input?.focus();this.listening=true;try{i.start()}catch{this.listening=false;this.recognition=undefined}}scheduleSearch(e){this.pendingSearchValue=e;const i=Math.max(0,Number(this.debounce)||0);const t=Math.max(0,Number(this.throttle)||0);if(i===0&&t===0){this.flushSearch();return}if(this.searchDebounceTimer)clearTimeout(this.searchDebounceTimer);this.searchDebounceTimer=setTimeout((()=>this.flushSearch()),i);if(t>0&&this.searchMaxWaitTimer===undefined){this.searchMaxWaitTimer=setTimeout((()=>this.flushSearch()),t)}}flushSearch(){this.clearSearchTimers();if(this.pendingSearchValue===null)return;const e=this.pendingSearchValue;this.pendingSearchValue=null;const i=e.trim();if(i===this.lastEmittedSearch)return;this.lastEmittedSearch=i;this.mdSearch.emit({value:i})}clearSearchTimers(){if(this.searchDebounceTimer){clearTimeout(this.searchDebounceTimer);this.searchDebounceTimer=undefined}if(this.searchMaxWaitTimer){clearTimeout(this.searchMaxWaitTimer);this.searchMaxWaitTimer=undefined}}handleWindowKeyDown(e){if(!this.open)return;if(e.key==="Escape"&&this.escapeCloses){e.preventDefault();this.open=false;return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){if(this.moveResultFocus(e.key==="ArrowDown"?1:-1)){e.preventDefault()}return}if(this.layout!=="full-screen"||e.key!=="Tab")return;const i=this.collectFocusables();if(i.length===0)return;const t=i[0];const s=i[i.length-1];const a=this.el.shadowRoot?.activeElement??document.activeElement;if(e.shiftKey&&a===t){e.preventDefault();s.focus()}else if(!e.shiftKey&&a===s){e.preventDefault();t.focus()}}collectFocusables(){const e=this.el.shadowRoot;if(!e)return[];const i='a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]), md-icon-button, md-button';const t=Array.from(e.querySelectorAll(i));const s=Array.from(this.el.querySelectorAll(i));return[...t,...s].filter((e=>{if(e.hasAttribute("disabled"))return false;const i=e.getAttribute("tabindex");return i!=="-1"}))}countResults(){const e=Array.from(this.el.querySelectorAll('[slot="results"]'));const i='md-list-item, [role="option"], li, [data-search-result]';const t=new Set;for(const s of e){if(s.matches(i))t.add(s);s.querySelectorAll(i).forEach((e=>t.add(e)))}return t.size>0?t.size:e.length}resultItems(){const e='md-list-item, [role="option"], [role="menuitem"], [data-search-result], li';const i=Array.from(this.el.querySelectorAll('[slot="results"]'));const t=new Set;for(const s of i){if(s.matches(e))t.add(s);s.querySelectorAll(e).forEach((e=>t.add(e)))}return Array.from(t)}moveResultFocus(e){const i=this.resultItems();if(i.length===0)return false;const t=this.el.shadowRoot?.activeElement??(typeof document!=="undefined"?document.activeElement:null);const s=t?i.findIndex((e=>e===t||e.contains(t))):-1;if(e>0){const e=s<0?0:Math.min(s+1,i.length-1);this.focusResultItem(i[e]);return true}if(s<=0){this.input?.focus();return true}this.focusResultItem(i[s-1]);return true}focusResultItem(e){if(e.getAttribute("tabindex")===null){e.setAttribute("tabindex","-1")}e.focus?.()}updateResultsStatus(){if(!this.announceResults||!this.open){this.resultsStatus="";return}if(this.loading){this.resultsStatus=this.loadingLabel;return}const e=this.countResults();if(e>0){this.resultsStatus=this.resultsLabel.replace("{count}",String(e))}else if(this.shouldShowVisibleEmptyState()){this.resultsStatus=""}else{this.resultsStatus=this.value.trim()?this.noResultsLabel:""}}shouldShowVisibleEmptyState(){return this.panelVisible&&!this.loading&&this.countResults()===0&&this.value.trim().length>0}shouldShowResultsChrome(){if(!this.panelVisible||this.loading)return false;if(this.countResults()>0)return true;return this.shouldShowVisibleEmptyState()}isPanelRevealed(){if(this.layout==="full-screen"){return this.panelVisible&&this.barExpanded}return this.shouldShowResultsChrome()}effectiveLabel(){return this.inputAriaLabel||this.placeholder||"Search"}resolveOpenLeadingIcon(){if(this.openLeadingIcon)return this.openLeadingIcon;return this.variant==="contained"?"chevron_left":"arrow_back"}renderTrigger(){if(!this.usesIconTrigger||this.barExpanded)return null;if(this.hasExternalTrigger)return null;return s("div",{class:"md-search__trigger",part:"trigger"},s("slot",{name:"trigger"},s("md-icon-button",{class:"md-search__trigger-button",part:"trigger-button",icon:this.triggerIcon,variant:"standard",size:"md",disabled:this.disabled,"aria-label":this.effectiveLabel(),onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown})))}renderLeading(){const e=this.barExpanded;const i=e?"Close search":"Search";const t=this.resolveOpenLeadingIcon();return s("span",{class:{"md-search__leading":true,"md-search__leading--button":e},part:"leading",onClick:this.handleLeadingClick},s("slot",{name:"leading"},s("button",{type:"button",class:"md-search__leading-button","aria-label":i,tabIndex:e?0:-1,disabled:this.disabled},s("span",{class:"md-search__leading-state-layer",part:"leading-state-layer","aria-hidden":"true"}),s("span",{class:"md-search__icon md-search__icon--resting material-symbols-outlined","aria-hidden":"true"},this.leadingIcon),s("span",{class:"md-search__icon md-search__icon--open material-symbols-outlined","aria-hidden":"true"},t))))}renderClearButton(){if(!this.showClearButton||!this.value)return null;return s("button",{type:"button",class:"md-search__icon-button md-search__clear",part:"clear-button","aria-label":"Clear search",onClick:this.handleClearClick},s("span",{class:"md-search__icon material-symbols-outlined","aria-hidden":"true"},"close"))}renderVoiceButton(){return s("button",{type:"button",class:{"md-search__icon-button":true,"md-search__voice":true,"md-search__voice--listening":this.listening},part:"voice-button","aria-label":this.listening?"Stop voice search":"Search by voice","aria-pressed":this.listening?"true":"false",disabled:this.disabled,onClick:this.handleVoiceClick},s("span",{class:"md-search__icon material-symbols-outlined","aria-hidden":"true"},"mic"))}renderTrailing(){const e=this.showClearButton&&this.value.length>0;const i=e||this.loadingMorphMounted;const t=this.voiceSearch&&this.isVoiceSupported();return s("span",{class:"md-search__trailing",part:"trailing",onClick:this.handleTrailingClick},i&&s("span",{class:{"md-search__trailing-morph":true,"md-search__trailing-morph--loading":this.loadingMorphIn}},this.loadingMorphMounted&&s("slot",{name:"loader"},s("md-loading-indicator",{class:"md-search__loading",part:"loading",exportparts:"shape:loading-shape",label:this.loadingLabel})),e&&this.renderClearButton()),t&&this.renderVoiceButton(),s("slot",{name:"trailing"}))}render(){const e=this.layout==="full-screen";const i={};if(this.maxBlockSize){i["--_max-block-size"]=this.maxBlockSize}return s(a,{key:"a1917af311741dbe519c61dbccc2444d2f7d1471",class:{"md-search":true,[`md-search--${this.variant}`]:true,[`md-search--${this.layout}`]:true,[`md-search--trigger-${this.effectiveTrigger}`]:true,"md-search--open":this.barExpanded,"md-search--panel-content":this.layout==="full-screen"?this.isPanelRevealed():this.shouldShowResultsChrome(),"md-search--closed":!this.barExpanded,"md-search--has-slotted-trigger":this.hasSlottedTrigger,"md-search--disabled":this.disabled,"md-search--focused":this.focused,"md-search--has-value":this.value.length>0,"md-search--has-slotted-leading":this.hasSlottedLeading,"md-search--has-slotted-trailing":this.hasSlottedTrailing,"md-search--full-width":this.fullWidth,[`md-search--elevation-${this.elevation}`]:true},style:Object.keys(i).length>0?i:undefined},s("span",{key:"fbe5d4a8afd52543bb6605dd7949ffcf007d40eb",class:"md-search__inset-probe",ref:e=>this.insetProbeEl=e,"aria-hidden":"true"}),s("div",{key:"2dbe27e3953c8ee2ca91e05027ca4036d76e4a4b",class:"md-search__a11y-status",part:"status",role:"status","aria-live":"polite","aria-atomic":"true"},this.resultsStatus),this.renderTrigger(),this.showBar&&s("div",{key:"e888147bb5f685e91b4e6be63811d183a84f8105",class:{"md-search__bar":true,"md-search__bar--focused":this.focused,"md-search__bar--focus-ring":this.showFocusRing},part:"bar",onClick:this.handleBarClick},!this.disabled&&s("md-ripple",{key:"9c34671fb64625f5d72ce562328f0c22ffefd9f9",ref:e=>this.rippleEl=e}),s("span",{key:"4a2e71d470ec5a5597f8c302b7ffb2ed0a664618",class:"md-search__state-layer",part:"state-layer","aria-hidden":"true"}),this.renderLeading(),s("input",{key:"ed5b32d0d9d6500cd005902f6286d3091e21c943",ref:e=>this.input=e,class:"md-search__input",part:"input",type:"search",role:"combobox",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-label":this.effectiveLabel(),"aria-expanded":this.open?"true":"false","aria-controls":"md-search-panel","aria-autocomplete":"list",autocomplete:"off",spellcheck:false,onInput:this.handleInput,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyDown:this.handleInputKeyDown}),this.renderTrailing()),s("div",{key:"b263a0d7de44094b5202238f64fa333f82c17b34",id:"md-search-panel",class:{"md-search__panel":true,[`md-search__panel--${this.layout}`]:true,"md-search__panel--open":this.isPanelRevealed()},part:"panel",role:"dialog","aria-modal":e&&this.isPanelRevealed()?"true":"false","aria-hidden":this.isPanelRevealed()?"false":"true","aria-label":this.effectiveLabel()},this.variant==="divided"&&this.isPanelRevealed()&&s("div",{key:"7267d71b9e43dee8d24652d1f5896282bb471be8",class:"md-search__divider",part:"divider","aria-hidden":"true"}),s("div",{key:"91137bdaeb1e35d9dde52c1ffd92298b8a78b9ff",class:{"md-search__panel-body":true,"md-search__panel-body--empty":this.shouldShowVisibleEmptyState()},part:"panel-body"},this.shouldShowVisibleEmptyState()&&s("p",{key:"3df90324a512cb06038c1488ef72f71a82796e7d",class:"md-search__empty",part:"empty",role:"status","aria-live":"polite"},this.noResultsLabel),s("div",{key:"76e88f72feeb9c6fba5ff3870cd1492a8679e9cd",class:"md-search__results-host",part:"results-host",hidden:this.shouldShowVisibleEmptyState()?true:undefined,"aria-hidden":this.shouldShowVisibleEmptyState()?"true":undefined},s("div",{key:"9a6d7f652aefe09ed382805822e8e0247294ff2c",class:"md-search__results-scroll",part:"results-viewport"},s("slot",{key:"fdfd7c5b6b18dcb0bd1f6404d42e9da7ee3b417b",name:"results"}))))))}get el(){return this}static get watchers(){return{triggerFor:[{onExternalTriggerChange:0}],triggerElement:[{onExternalTriggerChange:0}],open:[{onOpenChange:0}],loading:[{onLoadingChange:0}]}}static get style(){return d()}},[257,"md-search",{variant:[513],layout:[513],trigger:[513],triggerIcon:[1,"trigger-icon"],triggerFor:[1,"trigger-for"],triggerElement:[16],fullWidth:[516,"full-width"],value:[1537],placeholder:[1],open:[1540],disabled:[516],elevation:[514],leadingIcon:[1,"leading-icon"],openLeadingIcon:[1,"open-leading-icon"],showClearButton:[4,"show-clear-button"],voiceSearch:[4,"voice-search"],escapeCloses:[4,"escape-closes"],dismissOnOutsideClick:[4,"dismiss-on-outside-click"],scrollShadow:[516,"scroll-shadow"],maxBlockSize:[1,"max-block-size"],inputAriaLabel:[1,"input-aria-label"],initialFocus:[1,"initial-focus"],announceResults:[4,"announce-results"],resultsLabel:[1,"results-label"],noResultsLabel:[1,"no-results-label"],loading:[1540],debounce:[2],throttle:[2],loadingLabel:[1,"loading-label"],density:[514],focused:[32],hasSlottedLeading:[32],hasSlottedTrailing:[32],hasSlottedTrigger:[32],resultsStatus:[32],barExpanded:[32],panelVisible:[32],showFocusRing:[32],listening:[32],loadingMorphMounted:[32],loadingMorphIn:[32],show:[64],close:[64],toggle:[64],focusInput:[64],startVoice:[64],stopVoice:[64]},[[8,"keydown","handleWindowKeyDown"]],{triggerFor:[{onExternalTriggerChange:0}],triggerElement:[{onExternalTriggerChange:0}],open:[{onOpenChange:0}],loading:[{onLoadingChange:0}]}]);l.PANEL_CLOSE_MS=300;l.MORPH_MS=300;function h(){if(typeof customElements==="undefined"){return}const e=["md-search","md-icon-button","md-loading-indicator","md-ripple"];e.forEach((e=>{switch(e){case"md-search":if(!customElements.get(r(e))){customElements.define(r(e),l)}break;case"md-icon-button":if(!customElements.get(r(e))){n()}break;case"md-loading-indicator":if(!customElements.get(r(e))){o()}break;case"md-ripple":if(!customElements.get(r(e))){c()}break}}))}h();const m=l;const u=h;export{m as MdSearch,u as defineCustomElement};
+import{p as e,H as i,c as t,h as s,d as a,t as r}from"./p-BR6gfOQH.js";import{L as n}from"./p-DPqGg8C1.js";import{d as o}from"./p-zMR3UIR_.js";import{d as c}from"./p-De3E5Q8v.js";const d=()=>`:host{--_container-color:var(     --md-search-container-color,     var(--md-sys-color-surface-container-high, #ECE6F0)   );--_container-shape:var(     --md-search-container-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_container-height:var(--md-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_resting-corner-shape:min(     var(--_container-shape),     calc(var(--_container-height) / 2)   );--_docked-panel-shape:var(--md-search-docked-panel-shape, var(--md-sys-shape-corner-large, 16px));--_divided-fullscreen-bar-height:var(--md-search-divided-fullscreen-bar-height, max(48px, calc(72px + var(--md-sys-density-scale, 0) * 4px)));--_leading-icon-label-gap:var(--md-search-leading-icon-label-gap, 4px);--_trailing-icon-label-gap:var(--md-search-trailing-icon-label-gap, 4px);--_icon-button-size:var(--md-search-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_container-min-inline-size:var(--md-search-container-min-inline-size, 360px);--_container-max-inline-size:var(--md-search-container-max-inline-size, 720px);--_container-padding-inline:var(--md-search-container-padding-inline, 0px);--_container-padding-inline-focused:var(     --md-search-container-padding-inline-focused,     var(--_container-padding-inline)   );--_leading-padding-inline:var(--md-search-leading-padding-inline, 4px);--_trailing-padding-inline:var(--md-search-trailing-padding-inline, 8px);--_expand-inset:var(--md-search-expand-inset, 24px);--_expand-inset-focused:var(--md-search-expand-focused-inset, 12px);--_expand-duration:var(     --md-search-expand-duration,     var(--md-sys-motion-duration-medium4, 400ms)   );--_expand-easing:var(     --md-search-expand-easing,     cubic-bezier(0.34, 1.56, 0.64, 1)   );--_input-color:var(     --md-search-input-color,     var(--md-sys-color-on-surface, #1D1B20)   );--_input-font-family:var(     --md-search-input-font-family,     var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif)   );--_input-font-size:var(     --md-search-input-font-size,     max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px))   );--_input-line-height:var(     --md-search-input-line-height,     var(--md-sys-typescale-body-large-line-height, 24px)   );--_input-font-weight:var(     --md-search-input-font-weight,     var(--md-sys-typescale-body-large-font-weight, 400)   );--_input-letter-spacing:var(     --md-search-input-letter-spacing,     var(--md-sys-typescale-body-large-letter-spacing, 0.5px)   );--_placeholder-color:var(     --md-search-placeholder-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_leading-icon-color:var(     --md-search-leading-icon-color,     var(--md-sys-color-on-surface, #1D1B20)   );--_trailing-icon-color:var(     --md-search-trailing-icon-color,     var(       --md-search-icon-color,       var(--md-sys-color-on-surface-variant, #49454F)     )   );--_icon-size:var(--md-search-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_loading-color:var(     --md-search-loading-color,     var(--md-sys-color-primary, #6750A4)   );--_open-glyph-mirror:1;--_contained-background-color:var(     --md-search-contained-background-color,     var(--md-sys-color-surface-container-low, #F7F2FA)   );--_container-elevation-level:0px 0px 0px 0px transparent;--_container-elevation:var(     --md-search-container-elevation,     var(--_container-elevation-level)   );--_state-layer-color:var(     --md-search-state-layer-color,     var(--md-sys-color-on-surface, #1D1B20)   );--_hover-state-layer-opacity:var(     --md-search-hover-state-layer-opacity,     var(--md-sys-state-hover-state-layer-opacity, 0.08)   );--_pressed-state-layer-opacity:var(     --md-search-pressed-state-layer-opacity,     0.1   );--_focus-indicator-color:var(     --md-search-focus-indicator-color,     var(--md-sys-color-secondary, #625B71)   );--_focus-indicator-thickness:var(--md-search-focus-indicator-thickness, 3px);--_focus-indicator-offset:var(--md-search-focus-indicator-offset, 2px);--_avatar-size:var(--md-search-avatar-size, 40px);--_panel-min-block-size:var(--md-search-panel-min-block-size, 0px);--_panel-max-block-size:var(--md-search-panel-max-block-size, min(400px, 60vh));--_max-block-size:var(--md-search-max-block-size);--_panel-offset:var(     --md-search-panel-offset,     calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness) + 3px)   );--_bar-fullscreen-color:var(     --md-search-bar-fullscreen-color,     var(--md-sys-color-surface-container-low, #F7F2FA)   );--_fullscreen-results-color:var(     --md-search-fullscreen-results-color,     var(--md-sys-color-surface-container-low, #F7F2FA)   );--_divider-color:var(     --md-search-divider-color,     var(--md-sys-color-outline, #79747E)   );--_divider-thickness:var(--md-search-divider-thickness, 1px);--_fullscreen-bar-offset-block-start:var(     --md-search-fullscreen-bar-offset-block-start,     max(16px, env(safe-area-inset-block-start, 0px))   );--_fullscreen-bar-offset-inline:var(     --md-search-fullscreen-bar-offset-inline,     max(0px, env(safe-area-inset-inline-start, 0px))   );--_fullscreen-bar-panel-gap:var(--md-search-fullscreen-bar-panel-gap, 0px);--_panel-padding-block-start:var(--md-search-panel-padding-block-start, 0px);--_motion-duration:var(     --md-search-panel-motion-duration,     var(--md-sys-motion-duration-medium2, 250ms)   );--_motion-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_fs-expand-duration:var(     --md-search-fullscreen-expand-duration,     var(--md-sys-motion-duration-medium2, 300ms)   );--_fs-expand-easing:var(     --md-search-fullscreen-expand-easing,     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))   );--_fs-collapse-duration:var(     --md-search-fullscreen-collapse-duration,     var(--md-sys-motion-duration-medium2, 300ms)   );--_fs-collapse-easing:var(     --md-search-fullscreen-collapse-easing,     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))   );display:block;position:relative;inline-size:100%;min-inline-size:var(--_container-min-inline-size);max-inline-size:var(--_container-max-inline-size);margin-inline:auto;min-block-size:var(--_container-height);font-family:var(--_input-font-family);color:var(--_input-color);box-sizing:border-box}:host([hidden]){display:none}:host(.md-search--trigger-icon.md-search--closed){display:inline-flex;flex-direction:column;align-items:center;justify-content:center;inline-size:fit-content;block-size:fit-content;min-inline-size:0;max-inline-size:none;min-block-size:0;margin-inline:0;overflow:visible}:host(.md-search--trigger-icon.md-search--closed) .md-search__panel,:host(.md-search--trigger-icon.md-search--closed) .md-search__inset-probe{display:none}:host(.md-search--trigger-icon.md-search--open) .md-search__trigger{display:none}.md-search__trigger{display:contents}:host(.md-search--trigger-icon) .md-search__trigger-button{--md-icon-button-container-width:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));--md-icon-button-icon-color:var(     --md-search-leading-icon-color,     var(--md-sys-color-on-surface, #1d1b20)   )}:host(.md-search--contained.md-search--docked){--_panel-offset:var(     --md-search-contained-docked-panel-offset,     calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness) + 3px)   )}:host(.md-search--full-screen){--_expand-inset:0px;--_expand-inset-focused:0px}:host(.md-search--full-width){--_expand-inset:0px;--_expand-inset-focused:0px}:host(.md-search--contained.md-search--full-screen){--_fullscreen-bar-offset-inline:var(     --md-search-fullscreen-bar-offset-inline,     max(8px, env(safe-area-inset-inline-start, 0px))   );--_fullscreen-bar-panel-gap:var(     --md-search-fullscreen-bar-panel-gap,     calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness) + 3px)   )}:host(.md-search--divided.md-search--full-screen.md-search--open){--_container-height:var(--_divided-fullscreen-bar-height);--_fullscreen-bar-offset-block-start:max(0px, env(safe-area-inset-block-start, 0px));--_fullscreen-bar-offset-inline:max(0px, env(safe-area-inset-inline-start, 0px))}:host(.md-search--full-screen.md-search--open){position:fixed;inset:0;display:block;inline-size:100%;block-size:100dvh;max-inline-size:none;min-inline-size:0;margin:0;min-block-size:0;z-index:var(--md-sys-z-index-modal, 1300);box-sizing:border-box}:host(.md-search--trigger-icon.md-search--full-screen.md-search--open){display:block;inline-size:100%;block-size:100dvh;max-inline-size:none;min-inline-size:0;min-block-size:0;align-items:stretch;justify-content:flex-start}:host(.md-search--full-screen.md-search--open) .md-search__bar{position:fixed;inset-block-start:var(--_fullscreen-bar-offset-block-start);inset-inline:var(--_fullscreen-bar-offset-inline);inline-size:auto;margin-inline:0;z-index:2}:host(.md-search--full-screen.md-search--open) .md-search__bar--focus-ring{z-index:2}:host(.md-search--full-screen.md-search--open) .md-search__panel--full-screen{position:fixed;inset:0;margin:0;padding-block-start:calc(     var(--_fullscreen-bar-offset-block-start) + var(--_container-height) +       var(--_fullscreen-bar-panel-gap) + var(--_panel-padding-block-start)   );padding-inline:0;max-block-size:var(--_max-block-size, 100dvh);z-index:1;background-color:var(--_fullscreen-results-color)}:host(.md-search--contained.md-search--open) .md-search__leading-button{margin-inline-start:0}.md-search__bar{position:relative;display:flex;align-items:center;box-sizing:border-box;gap:0;inline-size:calc(100% - calc(var(--_expand-inset) * 2));min-inline-size:0;max-inline-size:100%;margin-inline:auto;block-size:var(--_container-height);padding-inline:var(--_container-padding-inline);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);cursor:text;overflow:hidden;transition:inline-size var(--_expand-duration) var(--_expand-easing),     background-color var(--_motion-duration) var(--_motion-easing),     box-shadow var(--_motion-duration) var(--_motion-easing),     border-radius var(--_motion-duration) var(--_motion-easing)}:host(.md-search--elevation-0){--_container-elevation-level:0px 0px 0px 0px transparent}:host(.md-search--elevation-1){--_container-elevation-level:var(--md-sys-elevation-1)}:host(.md-search--elevation-2){--_container-elevation-level:var(--md-sys-elevation-2)}:host(.md-search--elevation-3){--_container-elevation-level:var(--md-sys-elevation-3)}:host(.md-search--elevation-4){--_container-elevation-level:var(--md-sys-elevation-4)}:host(.md-search--elevation-5){--_container-elevation-level:var(--md-sys-elevation-5)}.md-search__bar--focused,:host(.md-search--open) .md-search__bar{inline-size:calc(100% - calc(var(--_expand-inset-focused) * 2));padding-inline:var(--_container-padding-inline-focused)}:host(.md-search--disabled) .md-search__bar{cursor:not-allowed;opacity:0.38}:host(.md-search--full-screen) .md-search__bar{transition:opacity var(--_fs-collapse-duration) var(--_fs-collapse-easing),     transform var(--_fs-collapse-duration) var(--_fs-collapse-easing),     background-color var(--_motion-duration) var(--_motion-easing),     border-radius var(--_motion-duration) var(--_motion-easing)}:host(.md-search--full-screen.md-search--open) .md-search__bar{opacity:0;transform:translateY(30px);pointer-events:none}:host(.md-search--full-screen.md-search--open.md-search--panel-content) .md-search__bar{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity var(--_fs-expand-duration) var(--_fs-expand-easing),     transform var(--_fs-expand-duration) var(--_fs-expand-easing),     background-color var(--_motion-duration) var(--_motion-easing),     border-radius var(--_motion-duration) var(--_motion-easing)}:host(.md-search--divided.md-search--full-screen.md-search--open) .md-search__bar{border-radius:0;background-color:var(--_bar-fullscreen-color);padding-inline:var(--_container-padding-inline-focused)}:host(.md-search--contained.md-search--full-screen.md-search--open) .md-search__bar{border-radius:var(--_container-shape);background-color:var(--_container-color);padding-inline:var(--_container-padding-inline-focused)}.md-search__bar>md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--md-ripple-grow-duration:var(--_expand-duration);--md-ripple-grow-easing:var(--_expand-easing)}.md-search__inset-probe{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:max(0px, calc(var(--_expand-inset) - var(--_expand-inset-focused)));block-size:0;visibility:hidden;pointer-events:none;opacity:0}.md-search__a11y-status{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.md-search__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-search__bar:hover .md-search__state-layer{opacity:var(--_hover-state-layer-opacity)}.md-search__bar--focus-ring .md-search__state-layer{opacity:0}.md-search__bar--focus-ring{box-shadow:var(--_container-elevation),     0 0 0 var(--_focus-indicator-offset) var(--_container-color),     0 0 0       calc(var(--_focus-indicator-offset) + var(--_focus-indicator-thickness))       var(--_focus-indicator-color)}.md-search__bar:active .md-search__state-layer{opacity:var(--_pressed-state-layer-opacity)}.md-search__bar:hover .md-search__input::placeholder,.md-search__bar:active .md-search__input::placeholder{color:var(--_placeholder-color)}:host(.md-search--disabled) .md-search__state-layer{display:none}.md-search__leading,.md-search__trailing{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-gap-xs, 4px);flex:0 0 auto;position:relative;z-index:1;box-sizing:border-box}.md-search__leading{padding-inline-start:var(--_leading-padding-inline);padding-inline-end:var(--_leading-icon-label-gap)}.md-search__trailing{margin-inline-start:auto;padding-inline-start:var(--_trailing-icon-label-gap);padding-inline-end:var(--_trailing-padding-inline)}.md-search__leading .md-search__icon,.md-search__leading-button{color:var(--_leading-icon-color)}.md-search__trailing .md-search__icon{color:var(--_trailing-icon-color)}.md-search__icon{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);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;user-select:none}.md-search__icon-button{appearance:none;background:transparent;border:0;margin:0;padding:0;cursor:pointer;inline-size:var(--_icon-button-size);block-size:var(--_icon-button-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--_trailing-icon-color);position:relative;transition:background-color var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-search__icon-button:hover{background-color:color-mix(     in srgb,     var(--_trailing-icon-color) 8%,     transparent   )}.md-search__loading{--md-loading-indicator-size:var(--_icon-button-size);--md-loading-indicator-shape-size:var(--_icon-size);--md-loading-indicator-color:var(--_loading-color);flex:0 0 auto;pointer-events:none}.md-search__trailing-morph{position:relative;flex:0 0 auto;inline-size:var(--_icon-button-size);block-size:var(--_icon-button-size)}.md-search__trailing-morph>.md-search__loading,.md-search__trailing-morph>.md-search__clear{position:absolute;inset:0;margin:auto;transition:opacity var(--md-sys-motion-duration-medium1, 250ms)       var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     transform var(--md-sys-motion-duration-medium1, 250ms)       var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1))}.md-search__trailing-morph>.md-search__clear{opacity:1;transform:scale(1) rotate(0deg)}.md-search__trailing-morph>.md-search__loading{opacity:0;transform:scale(0.6) rotate(-90deg)}.md-search__trailing-morph--loading>.md-search__clear{opacity:0;transform:scale(0.6) rotate(90deg);pointer-events:none}.md-search__trailing-morph--loading>.md-search__loading{opacity:1;transform:scale(1) rotate(0deg)}.md-search__voice{flex:0 0 auto;color:var(--_trailing-icon-color)}.md-search__voice .md-search__icon{position:relative;z-index:1}.md-search__voice--listening{color:var(--md-sys-color-primary, #6750A4)}.md-search__voice--listening::before{content:'';position:absolute;inset:0;border-radius:50%;background-color:color-mix(     in srgb,     var(--md-sys-color-primary, #6750A4) 16%,     transparent   );animation:md-search-voice-pulse 1.4s     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)) infinite}@keyframes md-search-voice-pulse{0%,100%{transform:scale(0.82);opacity:0.55}50%{transform:scale(1.12);opacity:0.2}}.md-search__icon-button:focus-visible{outline:var(--_focus-indicator-thickness) solid var(--_focus-indicator-color);outline-offset:calc(-1 * var(--_focus-indicator-thickness))}.md-search__leading-button{appearance:none;background:transparent;border:0;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--_icon-button-size);block-size:var(--_icon-button-size);border-radius:50%;cursor:text;pointer-events:none;transition:background-color var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-search--open) .md-search__leading-button{cursor:pointer;pointer-events:auto}.md-search__leading-state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_leading-icon-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-search--open) .md-search__leading-button:hover .md-search__leading-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-search--open) .md-search__leading-button:active .md-search__leading-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.md-search__leading-button:focus-visible{outline:var(--_focus-indicator-thickness) solid var(--_focus-indicator-color);outline-offset:calc(-1 * var(--_focus-indicator-thickness));border-radius:50%}.md-search__leading-button:disabled{cursor:not-allowed}.md-search__leading-button .md-search__icon{position:absolute;inset:0;margin:auto;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);transition:opacity var(--_motion-duration) var(--_motion-easing),     transform var(--_motion-duration) var(--_motion-easing)}.md-search__icon--resting{opacity:1;transform:rotate(0deg) scale(1)}:host(.md-search--open) .md-search__icon--resting{opacity:0;transform:rotate(-90deg) scale(0.6)}.md-search__icon--open{opacity:0;transform:rotate(90deg) scale(0.6) scaleX(var(--_open-glyph-mirror))}:host(.md-search--open) .md-search__icon--open{opacity:1;transform:rotate(0deg) scale(1) scaleX(var(--_open-glyph-mirror))}:host([dir="rtl"]),:host-context([dir="rtl"]){--_open-glyph-mirror:-1}::slotted([slot='leading']),::slotted([slot='trailing']){display:inline-flex;align-items:center}::slotted(md-avatar[slot='trailing']),::slotted([slot='trailing'][role='img']),::slotted(img[slot='trailing']){inline-size:var(--_avatar-size);block-size:var(--_avatar-size)}.md-search__input{flex:1 1 auto;min-inline-size:0;border:0;outline:0;background:transparent;color:var(--_input-color);font-family:var(--_input-font-family);font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:var(--_input-line-height);letter-spacing:var(--_input-letter-spacing);padding-inline:0;position:relative;z-index:1}.md-search__input::placeholder{color:var(--_placeholder-color);opacity:1;font-family:var(--_input-font-family);font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:var(--_input-line-height);letter-spacing:var(--_input-letter-spacing)}.md-search__input:disabled{cursor:not-allowed}.md-search__input::-webkit-search-cancel-button,.md-search__input::-webkit-search-decoration{display:none}.md-search__panel{visibility:hidden;opacity:0;pointer-events:none;box-sizing:border-box;background-color:transparent;color:var(--_input-color);display:flex;flex-direction:column;overflow:hidden;min-block-size:0;transition:opacity var(--_motion-duration) var(--_motion-easing),     transform var(--_motion-duration) var(--_motion-easing),     visibility 0s linear var(--_motion-duration)}.md-search__panel-body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}.md-search__results-host{display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;overflow:hidden}.md-search__results-host .md-search__results-scroll{flex:1 1 auto;min-block-size:0}.md-search__results-scroll{flex:1 1 auto;min-block-size:0;overflow-block:auto;overflow-inline:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #cac4d0) transparent}.md-search__results-scroll::-webkit-scrollbar{inline-size:8px}.md-search__results-scroll::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #cac4d0);border-radius:4px}.md-search__empty{flex:0 0 auto;margin:0;padding-block:var(--md-search-empty-padding-block, var(--md-sys-spacing-inset-xl, 24px));padding-inline:var(--md-search-empty-padding-inline, var(--md-sys-spacing-inset-lg, 16px));text-align:center;color:var(     --md-search-empty-color,     var(--md-sys-color-on-surface-variant, #49454f)   );font-family:var(     --md-sys-typescale-body-medium-font,     Roboto,     system-ui,     sans-serif   );font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);letter-spacing:var(--md-sys-typescale-body-medium-tracking, 0.25px)}.md-search__panel-body--empty .md-search__results-host{display:none}.md-search__panel--docked{position:absolute;inset-inline:var(--_expand-inset-focused);inset-block-start:calc(var(--_container-height) + var(--_panel-offset));block-size:fit-content;min-block-size:var(--_panel-min-block-size);max-block-size:var(--_max-block-size, var(--_panel-max-block-size));transform:translateY(-4px);z-index:var(--md-sys-z-index-popup, 1100)}.md-search__panel--docked.md-search__panel--open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity var(--_motion-duration) var(--_motion-easing),     transform var(--_motion-duration) var(--_motion-easing),     visibility 0s}.md-search__panel--full-screen{opacity:0;transform:translateY(30px);will-change:opacity, transform;transition:opacity var(--_fs-collapse-duration) var(--_fs-collapse-easing),     transform var(--_fs-collapse-duration) var(--_fs-collapse-easing),     visibility 0s linear var(--_fs-collapse-duration)}.md-search__panel--full-screen.md-search__panel--open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity var(--_fs-expand-duration) var(--_fs-expand-easing),     transform var(--_fs-expand-duration) var(--_fs-expand-easing),     visibility 0s}.md-search__divider{display:none;block-size:var(--_divider-thickness);background-color:var(--_divider-color);flex:0 0 auto}:host(.md-search--divided.md-search--panel-content) .md-search__divider{display:block}:host(.md-search--divided.md-search--full-screen.md-search--open.md-search--panel-content) .md-search__bar{border-radius:0}:host(.md-search--divided) .md-search__panel--docked{inset-block-start:var(--_container-height)}:host(.md-search--divided.md-search--docked) .md-search__bar{transition:inline-size var(--_expand-duration) var(--_expand-easing),     background-color var(--_motion-duration) var(--_motion-easing),     box-shadow var(--_motion-duration) var(--_motion-easing)}:host(.md-search--divided.md-search--docked.md-search--open.md-search--panel-content) .md-search__bar{border-radius:var(--_resting-corner-shape) var(--_resting-corner-shape) 0 0;background-color:var(--_container-color);overflow:hidden}:host(.md-search--divided.md-search--docked.md-search--open.md-search--panel-content) .md-search__panel--docked{background-color:var(--_container-color);border-radius:0 0 var(--_resting-corner-shape) var(--_resting-corner-shape);overflow:hidden}:host(.md-search--contained.md-search--docked.md-search--open.md-search--panel-content) .md-search__panel--docked{border-radius:var(--_docked-panel-shape);background-color:var(--_container-color)}::slotted([slot='results']){display:block;--md-list-container-color:transparent;--md-list-item-container-color:transparent;--md-list-padding-block:0px}:host(.md-search--disabled) .md-search__input,:host(.md-search--disabled) .md-search__icon,:host(.md-search--disabled) .md-search__icon-button,:host(.md-search--disabled) .md-search__leading-button{pointer-events:none;color:color-mix(     in srgb,     var(--md-sys-color-on-surface, #1D1B20) 38%,     transparent   )}@media (prefers-reduced-motion: reduce){.md-search__bar,.md-search__panel,.md-search__state-layer,.md-search__icon-button,.md-search__leading-button,.md-search__leading-state-layer,.md-search__leading-button .md-search__icon,.md-search__trailing-morph>.md-search__loading,.md-search__trailing-morph>.md-search__clear{transition-duration:0.01ms !important}.md-search__voice--listening::before{animation: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 l=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdInput=t(this,"mdInput",7);this.mdSearch=t(this,"mdSearch",7);this.mdSubmit=t(this,"mdSubmit",7);this.mdChange=t(this,"mdChange",7);this.mdOpen=t(this,"mdOpen",7);this.mdClose=t(this,"mdClose",7);this.mdClear=t(this,"mdClear",7);this.mdVoice=t(this,"mdVoice",7);this.mdLeadingIconClick=t(this,"mdLeadingIconClick",7);this.mdTrailingIconClick=t(this,"mdTrailingIconClick",7);this.variant="contained";this.layout="full-screen";this.triggerIcon="search";this.triggerFor="";this.fullWidth=false;this.value="";this.placeholder="Search";this.open=false;this.disabled=false;this.elevation=0;this.leadingIcon="search";this.showClearButton=true;this.voiceSearch=false;this.escapeCloses=true;this.dismissOnOutsideClick=true;this.scrollShadow=true;this.maxBlockSize="";this.inputAriaLabel="";this.initialFocus="auto";this.announceResults=true;this.resultsLabel="{count} results available";this.noResultsLabel="No results available";this.loading=false;this.debounce=0;this.throttle=0;this.loadingLabel="Searching";this.density=0;this.focused=false;this.hasSlottedLeading=false;this.hasSlottedTrailing=false;this.hasSlottedTrigger=false;this.resultsStatus="";this.barExpanded=false;this.panelVisible=false;this.showFocusRing=false;this.listening=false;this.loadingMorphMounted=false;this.loadingMorphIn=false;this.keyboardModality=false;this.previousFocus=null;this.valueOnFocus="";this.pendingFullScreenReveal=false;this.pendingSearchValue=null;this.lastEmittedSearch=null;this.wiredTrigger=null;this.handleExternalTriggerClick=e=>{if(this.disabled)return;e.stopPropagation();this.open=!this.open};this.handleTriggerActivate=()=>{if(this.disabled)return;if(!this.open)this.open=true};this.handleTriggerClick=e=>{e.stopPropagation();this.handleTriggerActivate()};this.handleTriggerKeyDown=e=>{if(e.key!=="Enter"&&e.key!==" ")return;e.preventDefault();this.handleTriggerActivate()};this.handleBarClick=e=>{if(this.disabled)return;const i=e.target;if(i.closest('[part="trailing"]'))return;if(!this.open)this.open=true;this.input?.focus()};this.handleLeadingClick=e=>{if(this.disabled)return;const i=this.hasSlottedLeading;const t=!i&&this.open;if(!i&&!t)return;this.mdLeadingIconClick.emit({value:this.value,open:this.open});if(t){e.stopPropagation();this.open=false}};this.handleTrailingClick=e=>{if(this.disabled)return;const i=typeof e.composedPath==="function"?e.composedPath():[];const t=i.length?i:[e.target];const s=t.some((e=>{const i=e?.classList;return!!i?.contains?.("md-search__clear")||!!i?.contains?.("md-search__voice")}));if(s)return;const a=this.trailingSlotEl?.assignedElements?.()??[];if(a.length===0)return;const r=t[0];const n=a.some((e=>e===r||(r?e.contains(r):false)));if(!n)return;e.stopPropagation();this.mdTrailingIconClick.emit({value:this.value,open:this.open})};this.handleClearClick=e=>{e.stopPropagation();if(this.disabled)return;this.value="";this.input?.focus();this.mdInput.emit({value:""});this.pendingSearchValue="";this.flushSearch();this.mdClear.emit()};this.handleVoiceClick=e=>{e.stopPropagation();if(this.disabled)return;if(this.listening){this.stopVoice()}else{this.startVoice()}};this.handleVoiceResult=e=>{let i="";let t=false;const s=e.results;for(let e=0;e<s.length;e++){i+=s[e][0].transcript;if(s[e].isFinal)t=true}i=i.replace(/^\s+/,"");this.value=i;if(!this.open)this.open=true;this.mdInput.emit({value:i});this.scheduleSearch(i);this.mdVoice.emit({value:i,final:t});if(t){this.pendingSearchValue=i;this.flushSearch();this.stopVoice()}};this.handleVoiceEnd=()=>{this.listening=false;this.recognition=undefined};this.handleInput=e=>{const i=e.target.value;this.value=i;if(!this.open&&!this.disabled)this.open=true;this.mdInput.emit({value:i});this.scheduleSearch(i)};this.trackKeyboardModality=()=>{this.keyboardModality=true};this.trackPointerModality=()=>{this.keyboardModality=false};this.handleInputFocus=()=>{this.focused=true;this.showFocusRing=this.keyboardModality;this.valueOnFocus=this.value};this.handleInputBlur=()=>{this.focused=false;this.showFocusRing=false;if(this.value!==this.valueOnFocus){this.mdChange.emit({value:this.value})}};this.handleInputKeyDown=e=>{if(this.disabled)return;if(!this.open){if(e.key==="Enter"||e.key===" "){e.preventDefault();this.open=true}return}if(e.key==="Enter"){this.pendingSearchValue=this.value;this.flushSearch();this.mdSubmit.emit({value:this.value})}}}async show(){this.open=true}async close(){this.open=false}async toggle(){this.open=!this.open}async focusInput(){this.input?.focus()}connectedCallback(){if(typeof document!=="undefined"){document.addEventListener("keydown",this.trackKeyboardModality,true);document.addEventListener("pointerdown",this.trackPointerModality,true)}}componentWillLoad(){this.barExpanded=this.open;this.panelVisible=this.open;this.loadingMorphMounted=this.loading;this.loadingMorphIn=this.loading;this.lastEmittedSearch=this.value.trim();this.updateResultsStatus()}componentDidLoad(){this.wireExternalTrigger();const e=this.el.shadowRoot;if(!e)return;const i=e.querySelector('slot[name="leading"]');const t=e.querySelector('slot[name="trailing"]');this.trailingSlotEl=t??undefined;i?.addEventListener("slotchange",(()=>{this.hasSlottedLeading=i.assignedElements().length>0}));t?.addEventListener("slotchange",(()=>{this.hasSlottedTrailing=t.assignedElements().length>0}));const s=e.querySelector('slot[name="results"]');s?.addEventListener("slotchange",(()=>this.updateResultsStatus()));const a=e.querySelector('slot[name="trigger"]');a?.addEventListener("slotchange",(()=>{this.hasSlottedTrigger=a.assignedElements().length>0}));this.hasSlottedTrigger=(a?.assignedElements().length??0)>0;this.measureRippleExtend();this.observeHostResize();if(this.open)this.applyOpenSideEffects()}onExternalTriggerChange(){this.wireExternalTrigger()}disconnectedCallback(){this.unwireExternalTrigger();this.clearCloseTimer();this.cancelReveal();this.clearSearchTimers();this.stopVoice();this.clearLoadingMorphTimers();this.removeOutsideClickHandler();this.resizeObserver?.disconnect();this.resizeObserver=undefined;if(typeof document!=="undefined"){document.removeEventListener("keydown",this.trackKeyboardModality,true);document.removeEventListener("pointerdown",this.trackPointerModality,true)}if(this.layout==="full-screen"&&typeof document!=="undefined"){document.body.style.removeProperty("overflow")}}get effectiveTrigger(){if(this.hasExternalTrigger)return"icon";if(this.trigger!=null)return this.trigger;return this.layout==="full-screen"?"icon":"bar"}get hasExternalTrigger(){return Boolean(this.triggerFor||this.triggerElement)}get usesIconTrigger(){return this.effectiveTrigger==="icon"}resolveExternalTrigger(){if(this.triggerElement)return this.triggerElement;if(!this.triggerFor||typeof document==="undefined")return null;const e=this.triggerFor.trim();if(!e)return null;try{return document.querySelector(e)}catch{if(typeof console!=="undefined"){console.warn("[md-search] `trigger-for` is not a valid selector:",this.triggerFor)}return null}}wireExternalTrigger(){const e=this.resolveExternalTrigger();if(e===this.wiredTrigger){this.syncExternalTriggerAria();return}this.unwireExternalTrigger();if(!e)return;e.addEventListener("click",this.handleExternalTriggerClick);this.wiredTrigger=e;this.syncExternalTriggerAria()}unwireExternalTrigger(){this.wiredTrigger?.removeEventListener("click",this.handleExternalTriggerClick);this.wiredTrigger?.removeAttribute("aria-expanded");this.wiredTrigger=null}syncExternalTriggerAria(){const e=this.wiredTrigger;if(!e)return;e.setAttribute("aria-haspopup","dialog");e.setAttribute("aria-expanded",String(this.open))}get showBar(){return!this.usesIconTrigger||this.barExpanded}measureRippleExtend(){if(!this.showBar)return;const e=this.rippleEl;if(!e)return;if(this.layout==="full-screen"&&typeof window!=="undefined"){const i=this.el.shadowRoot?.querySelector(".md-search__bar");const t=i?.getBoundingClientRect().width??0;const s=window.innerWidth-t;if(s>1){e.style.setProperty("--md-ripple-extend-inline",`${s}px`);return}}const i=this.insetProbeEl;if(!i)return;const t=i.getBoundingClientRect().width;if(!Number.isFinite(t)||t<=0){e.style.removeProperty("--md-ripple-extend-inline");return}e.style.setProperty("--md-ripple-extend-inline",`${t}px`)}observeHostResize(){if(typeof ResizeObserver==="undefined")return;this.resizeObserver=new ResizeObserver((()=>{if(this.barExpanded)return;this.measureRippleExtend()}));this.resizeObserver.observe(this.el)}onOpenChange(i,t){if(i===t)return;this.clearCloseTimer();this.cancelReveal();if(i){this.barExpanded=true;if(this.layout==="full-screen"){this.pendingFullScreenReveal=true}else{this.panelVisible=true}this.applyOpenSideEffects();this.updateResultsStatus();this.syncExternalTriggerAria();this.mdOpen.emit()}else{this.pendingFullScreenReveal=false;this.panelVisible=false;this.stopVoice();this.removeOutsideClickHandler();this.updateResultsStatus();this.mdClose.emit();this.syncExternalTriggerAria();this.closeTimer=setTimeout((()=>{this.barExpanded=false;this.finishCloseSideEffects();if(this.wiredTrigger&&typeof document!=="undefined"){const e=document.activeElement;const i=e===this.el||this.el.contains(e);if(e===document.body||i)this.wiredTrigger.focus?.()}this.closeTimer=undefined}),e.PANEL_CLOSE_MS)}}onLoadingChange(e){this.updateResultsStatus();this.updateLoadingMorph(e)}updateLoadingMorph(i){this.clearLoadingMorphTimers();if(i){this.loadingMorphMounted=true;if(typeof requestAnimationFrame==="undefined"){this.loadingMorphIn=true;return}this.loadingMorphInRaf=requestAnimationFrame((()=>{this.loadingMorphInRaf=undefined;if(this.loading)this.loadingMorphIn=true}))}else{this.loadingMorphIn=false;this.loadingMorphTimer=setTimeout((()=>{this.loadingMorphTimer=undefined;if(!this.loading)this.loadingMorphMounted=false}),e.MORPH_MS)}}clearLoadingMorphTimers(){if(this.loadingMorphTimer){clearTimeout(this.loadingMorphTimer);this.loadingMorphTimer=undefined}if(this.loadingMorphInRaf!==undefined&&typeof cancelAnimationFrame!=="undefined"){cancelAnimationFrame(this.loadingMorphInRaf);this.loadingMorphInRaf=undefined}}componentDidRender(){if(!this.pendingFullScreenReveal)return;this.pendingFullScreenReveal=false;if(typeof requestAnimationFrame==="undefined"){this.panelVisible=true;return}this.revealRaf=requestAnimationFrame((()=>{this.revealRaf=undefined;if(this.open)this.panelVisible=true}))}cancelReveal(){if(this.revealRaf!==undefined&&typeof cancelAnimationFrame!=="undefined"){cancelAnimationFrame(this.revealRaf)}this.revealRaf=undefined}clearCloseTimer(){if(this.closeTimer===undefined)return;clearTimeout(this.closeTimer);this.closeTimer=undefined}applyOpenSideEffects(){if(typeof document==="undefined")return;this.previousFocus=document.activeElement??null;if(this.layout==="full-screen"){const e=window.innerWidth-document.documentElement.clientWidth;if(e>0){document.body.style.paddingInlineEnd=`${e}px`}document.body.style.overflow="hidden"}this.attachOutsideClickHandler();if(typeof requestAnimationFrame!=="undefined"){requestAnimationFrame((()=>this.focusInitialTarget()))}else{this.focusInitialTarget()}}focusInitialTarget(){const e=this.resolveInitialFocusTarget();e?.focus?.({preventScroll:true})}resolveInitialFocusTarget(){if(this.initialFocus==="leading"){return this.leadingFocusTarget()??this.input}return this.input}leadingFocusTarget(){const e='button, a[href], input, select, textarea, md-icon-button, md-button, [tabindex]:not([tabindex="-1"])';const i=this.el.querySelector('[slot="leading"]');if(i){if(typeof i.focus==="function"&&i.getAttribute("tabindex")!=="-1"){if(i.matches(e))return i}const t=i.querySelector(e);if(t)return t;return i}const t=this.el.shadowRoot?.querySelector(".md-search__leading-button");if(t&&t.getAttribute("tabindex")!=="-1")return t;return undefined}finishCloseSideEffects(){if(typeof document!=="undefined"&&this.layout==="full-screen"){document.body.style.removeProperty("overflow");document.body.style.removeProperty("padding-inline-end")}this.previousFocus?.focus?.();this.previousFocus=null}attachOutsideClickHandler(){if(!this.dismissOnOutsideClick||typeof document==="undefined")return;this.outsideClickHandler=e=>{const i=e.target;if(!i)return;const t=e.composedPath?e.composedPath():[];if(t.includes(this.el))return;if(this.el.contains(i))return;const s=this.wiredTrigger;if(s&&(t.includes(s)||s.contains(i)))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}getSpeechRecognitionCtor(){if(typeof window==="undefined")return undefined;const e=window;return e.SpeechRecognition||e.webkitSpeechRecognition}isVoiceSupported(){return!!this.getSpeechRecognitionCtor()}resolveVoiceLang(){if(typeof document!=="undefined"){const e=this.el.getAttribute("lang")||document.documentElement.lang;if(e)return e}return"en-US"}async startVoice(){this.startVoiceInternal()}async stopVoice(){this.listening=false;if(this.recognition){try{this.recognition.stop()}catch{}}}startVoiceInternal(){const e=this.getSpeechRecognitionCtor();if(!e||this.disabled||this.listening)return;if(this.recognition){try{this.recognition.abort()}catch{}this.recognition=undefined}const i=new e;i.lang=this.resolveVoiceLang();i.interimResults=true;i.continuous=false;i.maxAlternatives=1;i.onresult=this.handleVoiceResult;i.onerror=this.handleVoiceEnd;i.onend=this.handleVoiceEnd;this.recognition=i;if(!this.open)this.open=true;this.input?.focus();this.listening=true;try{i.start()}catch{this.listening=false;this.recognition=undefined}}scheduleSearch(e){this.pendingSearchValue=e;const i=Math.max(0,Number(this.debounce)||0);const t=Math.max(0,Number(this.throttle)||0);if(i===0&&t===0){this.flushSearch();return}if(this.searchDebounceTimer)clearTimeout(this.searchDebounceTimer);this.searchDebounceTimer=setTimeout((()=>this.flushSearch()),i);if(t>0&&this.searchMaxWaitTimer===undefined){this.searchMaxWaitTimer=setTimeout((()=>this.flushSearch()),t)}}flushSearch(){this.clearSearchTimers();if(this.pendingSearchValue===null)return;const e=this.pendingSearchValue;this.pendingSearchValue=null;const i=e.trim();if(i===this.lastEmittedSearch)return;this.lastEmittedSearch=i;this.mdSearch.emit({value:i})}clearSearchTimers(){if(this.searchDebounceTimer){clearTimeout(this.searchDebounceTimer);this.searchDebounceTimer=undefined}if(this.searchMaxWaitTimer){clearTimeout(this.searchMaxWaitTimer);this.searchMaxWaitTimer=undefined}}handleWindowKeyDown(e){if(!this.open)return;if(e.key==="Escape"&&this.escapeCloses){e.preventDefault();this.open=false;return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){if(this.moveResultFocus(e.key==="ArrowDown"?1:-1)){e.preventDefault()}return}if(this.layout!=="full-screen"||e.key!=="Tab")return;const i=this.collectFocusables();if(i.length===0)return;const t=i[0];const s=i[i.length-1];const a=this.el.shadowRoot?.activeElement??document.activeElement;if(e.shiftKey&&a===t){e.preventDefault();s.focus()}else if(!e.shiftKey&&a===s){e.preventDefault();t.focus()}}collectFocusables(){const e=this.el.shadowRoot;if(!e)return[];const i='a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]), md-icon-button, md-button';const t=Array.from(e.querySelectorAll(i));const s=Array.from(this.el.querySelectorAll(i));return[...t,...s].filter((e=>{if(e.hasAttribute("disabled"))return false;const i=e.getAttribute("tabindex");return i!=="-1"}))}countResults(){const e=Array.from(this.el.querySelectorAll('[slot="results"]'));const i='md-list-item, [role="option"], li, [data-search-result]';const t=new Set;for(const s of e){if(s.matches(i))t.add(s);s.querySelectorAll(i).forEach((e=>t.add(e)))}return t.size>0?t.size:e.length}resultItems(){const e='md-list-item, [role="option"], [role="menuitem"], [data-search-result], li';const i=Array.from(this.el.querySelectorAll('[slot="results"]'));const t=new Set;for(const s of i){if(s.matches(e))t.add(s);s.querySelectorAll(e).forEach((e=>t.add(e)))}return Array.from(t)}moveResultFocus(e){const i=this.resultItems();if(i.length===0)return false;const t=this.el.shadowRoot?.activeElement??(typeof document!=="undefined"?document.activeElement:null);const s=t?i.findIndex((e=>e===t||e.contains(t))):-1;if(e>0){const e=s<0?0:Math.min(s+1,i.length-1);this.focusResultItem(i[e]);return true}if(s<=0){this.input?.focus();return true}this.focusResultItem(i[s-1]);return true}focusResultItem(e){if(e.getAttribute("tabindex")===null){e.setAttribute("tabindex","-1")}e.focus?.()}updateResultsStatus(){if(!this.announceResults||!this.open){this.resultsStatus="";return}if(this.loading){this.resultsStatus=this.loadingLabel;return}const e=this.countResults();if(e>0){this.resultsStatus=this.resultsLabel.replace("{count}",String(e))}else if(this.shouldShowVisibleEmptyState()){this.resultsStatus=""}else{this.resultsStatus=this.value.trim()?this.noResultsLabel:""}}shouldShowVisibleEmptyState(){return this.panelVisible&&!this.loading&&this.countResults()===0&&this.value.trim().length>0}shouldShowResultsChrome(){if(!this.panelVisible||this.loading)return false;if(this.countResults()>0)return true;return this.shouldShowVisibleEmptyState()}isPanelRevealed(){if(this.layout==="full-screen"){return this.panelVisible&&this.barExpanded}return this.shouldShowResultsChrome()}effectiveLabel(){return this.inputAriaLabel||this.placeholder||"Search"}resolveOpenLeadingIcon(){if(this.openLeadingIcon)return this.openLeadingIcon;return this.variant==="contained"?"chevron_left":"arrow_back"}renderTrigger(){if(!this.usesIconTrigger||this.barExpanded)return null;if(this.hasExternalTrigger)return null;return s("div",{class:"md-search__trigger",part:"trigger"},s("slot",{name:"trigger"},s("md-icon-button",{class:"md-search__trigger-button",part:"trigger-button",icon:this.triggerIcon,variant:"standard",size:"md",disabled:this.disabled,"aria-label":this.effectiveLabel(),onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown})))}renderLeading(){const e=this.barExpanded;const i=e?"Close search":"Search";const t=this.resolveOpenLeadingIcon();return s("span",{class:{"md-search__leading":true,"md-search__leading--button":e},part:"leading",onClick:this.handleLeadingClick},s("slot",{name:"leading"},s("button",{type:"button",class:"md-search__leading-button","aria-label":i,tabIndex:e?0:-1,disabled:this.disabled},s("span",{class:"md-search__leading-state-layer",part:"leading-state-layer","aria-hidden":"true"}),s("span",{class:"md-search__icon md-search__icon--resting material-symbols-outlined","aria-hidden":"true"},this.leadingIcon),s("span",{class:"md-search__icon md-search__icon--open material-symbols-outlined","aria-hidden":"true"},t))))}renderClearButton(){if(!this.showClearButton||!this.value)return null;return s("button",{type:"button",class:"md-search__icon-button md-search__clear",part:"clear-button","aria-label":"Clear search",onClick:this.handleClearClick},s("span",{class:"md-search__icon material-symbols-outlined","aria-hidden":"true"},"close"))}renderVoiceButton(){return s("button",{type:"button",class:{"md-search__icon-button":true,"md-search__voice":true,"md-search__voice--listening":this.listening},part:"voice-button","aria-label":this.listening?"Stop voice search":"Search by voice","aria-pressed":this.listening?"true":"false",disabled:this.disabled,onClick:this.handleVoiceClick},s("span",{class:"md-search__icon material-symbols-outlined","aria-hidden":"true"},"mic"))}renderTrailing(){const e=this.showClearButton&&this.value.length>0;const i=e||this.loadingMorphMounted;const t=this.voiceSearch&&this.isVoiceSupported();return s("span",{class:"md-search__trailing",part:"trailing",onClick:this.handleTrailingClick},i&&s("span",{class:{"md-search__trailing-morph":true,"md-search__trailing-morph--loading":this.loadingMorphIn}},this.loadingMorphMounted&&s("slot",{name:"loader"},s(n,{class:"md-search__loading",part:"loading",exportparts:"shape:loading-shape",label:this.loadingLabel})),e&&this.renderClearButton()),t&&this.renderVoiceButton(),s("slot",{name:"trailing"}))}render(){const e=this.layout==="full-screen";const i={};if(this.maxBlockSize){i["--_max-block-size"]=this.maxBlockSize}return s(a,{key:"76ac5836c8203ebef26524ca009c55f263a29a53",class:{"md-search":true,[`md-search--${this.variant}`]:true,[`md-search--${this.layout}`]:true,[`md-search--trigger-${this.effectiveTrigger}`]:true,"md-search--open":this.barExpanded,"md-search--panel-content":this.layout==="full-screen"?this.isPanelRevealed():this.shouldShowResultsChrome(),"md-search--closed":!this.barExpanded,"md-search--has-slotted-trigger":this.hasSlottedTrigger,"md-search--disabled":this.disabled,"md-search--focused":this.focused,"md-search--has-value":this.value.length>0,"md-search--has-slotted-leading":this.hasSlottedLeading,"md-search--has-slotted-trailing":this.hasSlottedTrailing,"md-search--full-width":this.fullWidth,[`md-search--elevation-${this.elevation}`]:true},style:Object.keys(i).length>0?i:undefined},s("span",{key:"07c31817339fccd674a4255abfaf4c1ba97844b0",class:"md-search__inset-probe",ref:e=>this.insetProbeEl=e,"aria-hidden":"true"}),s("div",{key:"b4c34966fadb4171ebc5993d812bf86d8d63b2c1",class:"md-search__a11y-status",part:"status",role:"status","aria-live":"polite","aria-atomic":"true"},this.resultsStatus),this.renderTrigger(),this.showBar&&s("div",{key:"7a15527ed9539e965909e26ca334d3ba364e6951",class:{"md-search__bar":true,"md-search__bar--focused":this.focused,"md-search__bar--focus-ring":this.showFocusRing},part:"bar",onClick:this.handleBarClick},!this.disabled&&s("md-ripple",{key:"bc64e49c6b6d1821162402ab1b4dce19e52fb29d",ref:e=>this.rippleEl=e}),s("span",{key:"cefd6fcf4fdad156227987eff4907da85bbc6577",class:"md-search__state-layer",part:"state-layer","aria-hidden":"true"}),this.renderLeading(),s("input",{key:"7c0507ef8bcf5ee8149bf1eab0fa1f281f91c91b",ref:e=>this.input=e,class:"md-search__input",part:"input",type:"search",role:"combobox",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-label":this.effectiveLabel(),"aria-expanded":this.open?"true":"false","aria-controls":"md-search-panel","aria-autocomplete":"list",autocomplete:"off",spellcheck:false,onInput:this.handleInput,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyDown:this.handleInputKeyDown}),this.renderTrailing()),s("div",{key:"82a31127eb5cdd537368c5a39441ee5de76f8fce",id:"md-search-panel",class:{"md-search__panel":true,[`md-search__panel--${this.layout}`]:true,"md-search__panel--open":this.isPanelRevealed()},part:"panel",role:"dialog","aria-modal":e&&this.isPanelRevealed()?"true":"false","aria-hidden":this.isPanelRevealed()?"false":"true","aria-label":this.effectiveLabel()},this.variant==="divided"&&this.isPanelRevealed()&&s("div",{key:"8012f07b88bf161cd807648d922956cba050b2a8",class:"md-search__divider",part:"divider","aria-hidden":"true"}),s("div",{key:"5d65f89b9f627b3e3724847d045bf12ebfeaebe7",class:{"md-search__panel-body":true,"md-search__panel-body--empty":this.shouldShowVisibleEmptyState()},part:"panel-body"},this.shouldShowVisibleEmptyState()&&s("p",{key:"8ed70a0a101d7d3d7417f3f3d8e3d3b3bdbe3206",class:"md-search__empty",part:"empty",role:"status","aria-live":"polite"},this.noResultsLabel),s("div",{key:"ca153e2149bc5eb04d2501a8ce9145003371f465",class:"md-search__results-host",part:"results-host",hidden:this.shouldShowVisibleEmptyState()?true:undefined,"aria-hidden":this.shouldShowVisibleEmptyState()?"true":undefined},s("div",{key:"cf8048a6c67403fbc4791cbc181c30ce066bfc31",class:"md-search__results-scroll",part:"results-viewport"},s("slot",{key:"33e6f9eeaee028a2a15ee1925867230f8cf8da14",name:"results"}))))))}get el(){return this}static get watchers(){return{triggerFor:[{onExternalTriggerChange:0}],triggerElement:[{onExternalTriggerChange:0}],open:[{onOpenChange:0}],loading:[{onLoadingChange:0}]}}static get style(){return d()}},[257,"md-search",{variant:[513],layout:[513],trigger:[513],triggerIcon:[1,"trigger-icon"],triggerFor:[1,"trigger-for"],triggerElement:[16],fullWidth:[516,"full-width"],value:[1537],placeholder:[1],open:[1540],disabled:[516],elevation:[514],leadingIcon:[1,"leading-icon"],openLeadingIcon:[1,"open-leading-icon"],showClearButton:[4,"show-clear-button"],voiceSearch:[4,"voice-search"],escapeCloses:[4,"escape-closes"],dismissOnOutsideClick:[4,"dismiss-on-outside-click"],scrollShadow:[516,"scroll-shadow"],maxBlockSize:[1,"max-block-size"],inputAriaLabel:[1,"input-aria-label"],initialFocus:[1,"initial-focus"],announceResults:[4,"announce-results"],resultsLabel:[1,"results-label"],noResultsLabel:[1,"no-results-label"],loading:[1540],debounce:[2],throttle:[2],loadingLabel:[1,"loading-label"],density:[514],focused:[32],hasSlottedLeading:[32],hasSlottedTrailing:[32],hasSlottedTrigger:[32],resultsStatus:[32],barExpanded:[32],panelVisible:[32],showFocusRing:[32],listening:[32],loadingMorphMounted:[32],loadingMorphIn:[32],show:[64],close:[64],toggle:[64],focusInput:[64],startVoice:[64],stopVoice:[64]},[[8,"keydown","handleWindowKeyDown"]],{triggerFor:[{onExternalTriggerChange:0}],triggerElement:[{onExternalTriggerChange:0}],open:[{onOpenChange:0}],loading:[{onLoadingChange:0}]}]);l.PANEL_CLOSE_MS=300;l.MORPH_MS=300;function h(){if(typeof customElements==="undefined"){return}const e=["md-search","md-icon-button","md-ripple"];e.forEach((e=>{switch(e){case"md-search":if(!customElements.get(r(e))){customElements.define(r(e),l)}break;case"md-icon-button":if(!customElements.get(r(e))){o()}break;case"md-ripple":if(!customElements.get(r(e))){c()}break}}))}h();const m=l;const u=h;export{m as MdSearch,u as defineCustomElement};
 //# sourceMappingURL=md-search.js.map