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

package/dist/components/md-multi-select.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as e,f as s,h as l,d as r,t as a}from"./p-MWBNn6Lj.js";import{V as n,i as o,n as c,r as h,c as d}from"./p-BEWIC0pC.js";import{s as m,g as u,c as p,r as f}from"./p-DWxN44zD.js";import{p as g}from"./p-CxhZdOPw.js";import{d as b}from"./p-DXXUoRSH.js";import{d as v}from"./p-uTEkf0sE.js";import{d as _}from"./p-BwXpiUsu.js";import{d as y}from"./p-B0Opn6dK.js";import{d as x}from"./p-7fN_yCXW.js";import{d as w}from"./p-e2HRV63Y.js";import{d as k}from"./p-stybaFzj.js";import{d as z}from"./p-B3MWYEEJ.js";const C=()=>`:host{--md-text-field-padding-inline-end:var(--md-sys-spacing-inset-lg, 16px);--_min-width:var(--md-multi-select-min-width, 200px);--_chip-gap:var(--md-multi-select-chip-gap, var(--md-sys-spacing-gap-xs, 4px));--_chip-radius:var(--md-multi-select-chip-radius, 8px);--_caret-color:var(--md-multi-select-caret-color, var(--md-sys-color-on-surface-variant));--_clear-color:var(--md-multi-select-clear-color, var(--md-sys-color-on-surface-variant));--_option-icon-size:var(--md-multi-select-option-icon-size, 20px);font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);display:inline-block;inline-size:var(--md-multi-select-width, 100%);min-inline-size:var(--_min-width);box-sizing:border-box;vertical-align:bottom;position:relative}.md-multi-select__field{display:block;inline-size:100%;cursor:pointer;--md-text-field-cursor:pointer}.md-multi-select__field::part(input){cursor:pointer}:host(.md-multi-select--display-text) .md-multi-select__field::part(input){text-overflow:ellipsis}:host(.md-multi-select--disabled) .md-multi-select__field,:host(.md-multi-select--soft-disabled) .md-multi-select__field{cursor:not-allowed;--md-text-field-cursor:not-allowed}:host(.md-multi-select--disabled) .md-multi-select__field::part(input),:host(.md-multi-select--soft-disabled) .md-multi-select__field::part(input){cursor:not-allowed}.md-multi-select__frame{display:flex;flex-direction:column;gap:var(--md-multi-select-frame-gap, max(6px, calc(8px + var(--md-sys-density-scale, 0) * 0.5px)))}:host(.md-multi-select--chips-top) .md-multi-select__frame{flex-direction:column-reverse;gap:var(--md-multi-select-frame-gap, max(6px, calc(16px + var(--md-sys-density-scale, 0) * 2.5px)))}:host(.md-multi-select--chips-left) .md-multi-select__frame,:host(.md-multi-select--chips-right) .md-multi-select__frame{flex-flow:row nowrap;align-items:center;justify-content:flex-start}:host(.md-multi-select--chips-left) .md-multi-select__chips{order:-1}:host(.md-multi-select--chips-left) .md-multi-select__field,:host(.md-multi-select--chips-right) .md-multi-select__field{inline-size:var(--md-multi-select-trigger-width, max-content);flex:0 0 auto}:host(.md-multi-select--chips-left) ::slotted([slot='trigger']),:host(.md-multi-select--chips-right) ::slotted([slot='trigger']){inline-size:var(--md-multi-select-trigger-width, max-content);flex:0 0 auto}:host(.md-multi-select--chips-left) .md-multi-select__chips,:host(.md-multi-select--chips-right) .md-multi-select__chips{flex:0 1 auto;min-inline-size:0}.md-multi-select__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_chip-gap);max-inline-size:100%}:host(.md-multi-select--chips-bottom) .md-multi-select__chips,:host(.md-multi-select--chips-top) .md-multi-select__chips{contain:inline-size}.md-multi-select__chips md-chip{--md-chip-container-shape:var(--_chip-radius)}.md-multi-select__button{flex:0 0 auto}.md-multi-select__button-desc{padding-block-start:4px;padding-inline:16px;font:var(--md-sys-typescale-body-small, 400 12px/16px Roboto, sans-serif);color:var(--md-sys-color-on-surface-variant, #49454f)}.md-multi-select__button-desc--error{color:var(--md-sys-color-error, #b3261e)}.md-multi-select__sr-live{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.md-multi-select__inline-chips{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--_chip-gap);min-inline-size:0;max-inline-size:100%;flex:1 1 auto;position:relative;overflow:hidden;}.md-multi-select__inline-chips--wrap{flex-wrap:wrap;overflow:visible;padding-block-start:var(--md-multi-select-inline-chips-block-start, var(--md-sys-spacing-gap-xs, 4px));row-gap:var(--_chip-gap)}.md-multi-select__inline-chips md-chip,.md-multi-select__inline-measure md-chip{--md-chip-container-shape:var(--_chip-radius);flex-shrink:0}.md-multi-select__measure-clip{position:absolute;inline-size:0;block-size:0;overflow:hidden;pointer-events:none}.md-multi-select__inline-measure{position:absolute;inset-block-start:0;inset-inline-start:0;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--_chip-gap);inline-size:max-content;visibility:hidden;pointer-events:none;white-space:nowrap}.md-multi-select__overflow-chip{flex-shrink:0;display:inline-flex;align-items:center;block-size:var(--md-multi-select-chip-height, 32px);padding-inline:12px;border:1px solid var(--md-multi-select-chip-outline, var(--md-sys-color-outline-variant, #CAC4D0));border-radius:var(--_chip-radius);background:transparent;color:var(--md-sys-color-on-surface-variant, #49454F);font:500 var(--md-sys-typescale-label-large-size, 14px) / var(--md-sys-typescale-label-large-line-height, 20px)     var(--md-sys-typescale-label-large-font, Roboto, sans-serif);white-space:nowrap;cursor:pointer}.md-multi-select__overflow-chip:hover:not(:disabled){background:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 8%, transparent)}.md-multi-select__overflow-chip:focus-visible{outline:2px solid var(--md-sys-color-primary, #6750A4);outline-offset:2px}.md-multi-select__clear{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--md-multi-select-clear-size, 28px);block-size:var(--md-multi-select-clear-size, 28px);padding:0;background:var(--md-multi-select-clear-bg, transparent);border:0;border-radius:var(--md-multi-select-clear-radius, 50%);color:var(--_clear-color);cursor:pointer;font-size:var(--md-multi-select-clear-icon-size, 18px);transition:background var(--md-sys-motion-duration-short2, 100ms) ease}.md-multi-select__clear:hover{background:var(--md-multi-select-clear-hover-bg,     color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent))}.md-multi-select__clear:focus-visible{outline-width:var(--md-multi-select-clear-focus-ring-width, 2px);outline-style:solid;outline-color:var(--md-multi-select-clear-focus-ring-color, var(--md-sys-color-primary));outline-offset:var(--md-multi-select-clear-focus-ring-offset, 1px)}.md-multi-select__clear .material-symbols-outlined{font-size:var(--md-multi-select-clear-icon-size, 18px)}.md-multi-select__field .md-multi-select__caret-box{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto}.md-multi-select__caret{color:var(--_caret-color);font-size:var(--md-multi-select-caret-size, 24px);line-height:1;transition:transform var(--md-sys-motion-duration-short4, 200ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));display:inline-flex;align-items:center;justify-content:center;inline-size:var(--md-multi-select-caret-box-size, 24px);block-size:var(--md-multi-select-caret-box-size, 24px)}:host(.md-multi-select--open) .md-multi-select__caret{transform:rotate(180deg)}.md-multi-select__loader{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--md-multi-select-loader-size, 24px);block-size:var(--md-multi-select-loader-size, 24px);--md-loading-indicator-size:var(--md-multi-select-spinner-size, 22px);--md-loading-indicator-shape-size:var(--md-multi-select-spinner-size, 22px)}.md-multi-select__loading{display:flex;align-items:center;padding-block:var(--md-multi-select-loading-padding, var(--md-sys-spacing-inset-lg, 16px));padding-inline:var(--md-multi-select-loading-padding, var(--md-sys-spacing-inset-lg, 16px))}.md-multi-select__loading md-progress-indicator{inline-size:100%}.md-multi-select__empty{display:flex;justify-content:center;padding:var(--md-multi-select-empty-padding, var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px));color:var(--md-multi-select-empty-color, var(--md-sys-color-on-surface-variant, #49454f));text-align:center;font:var(--md-multi-select-empty-font, var(--md-sys-typescale-body-medium, 400 14px/20px Roboto, sans-serif))}.md-multi-select__select-all{display:block;border-block-end:var(--md-multi-select-select-all-divider-width, 1px) solid     var(--md-multi-select-select-all-divider-color, var(--md-sys-color-outline-variant, #cac4d0))}md-menu::part(empty-text){display:block;padding:var(--md-multi-select-empty-padding, var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px));color:var(--md-multi-select-empty-color, var(--md-sys-color-on-surface-variant));text-align:center}.md-multi-select__option-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--md-multi-select-option-icon-color, var(--md-sys-color-on-surface-variant, #49454f));font-size:var(--_option-icon-size);inline-size:var(--_option-icon-size);block-size:var(--_option-icon-size);line-height:1}@media (prefers-reduced-motion: reduce){.md-multi-select__caret,.md-multi-select__clear{transition:none}}@media (forced-colors: active){.md-multi-select__caret{color:CanvasText}.md-multi-select__clear:focus-visible{outline-color:Highlight}}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.md-multi-select__vspacer{display:block;flex:none;pointer-events:none}.md-multi-select__search-wrap{position:relative;display:block}.md-multi-select__search{box-sizing:border-box;width:100%;border:none;outline:none;padding:var(--md-multi-select-search-padding, 12px 44px 12px 16px);font:inherit;color:var(--md-multi-select-search-color, var(--md-sys-color-on-surface, #1d1b20));background:var(--md-multi-select-search-bg, var(--md-sys-color-surface-container, #f3edf7));border-bottom:var(--md-multi-select-search-border-width, 1px) solid     var(--md-multi-select-search-border-color, var(--md-sys-color-outline-variant, #cac4d0))}.md-multi-select__search::placeholder{color:var(--md-multi-select-search-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f))}.md-multi-select__search-spinner{position:absolute;inset-block-start:50%;inset-inline-end:12px;margin-block-start:-12px;--md-loading-indicator-size:var(--md-multi-select-search-spinner-size, 24px);--md-loading-indicator-shape-size:18px;pointer-events: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}`;let M=0;const O=200;const T=180;const S=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=e(this,"mdChange",7);this.mdOpen=e(this,"mdOpen",7);this.mdClose=e(this,"mdClose",7);this.mdRemove=e(this,"mdRemove",7);this.mdClear=e(this,"mdClear",7);this.mdValidityChange=e(this,"mdValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please select at least one option";this.reserveSupportingSpace=false;this.customValidityMessage="";this.variant="outlined";this.label="";this.placeholder="";this.supportingText="";this.error=false;this.errorText="";this.disabled=false;this.softDisabled=false;this.required=false;this.density=0;this.options=[];this.virtualize="auto";this.filterable=false;this.filterMode="substring";this.value=[];this.maxSelected=0;this.showSelectAll=false;this.selectAllLabel="Select all";this.placement="bottom-start";this.matchTriggerWidth=true;this.displayMode="chips";this.chipOverflow="count";this.chipPosition="bottom";this.trigger="field";this.triggerIcon="add";this.triggerLabel="";this.searchPlaceholder="Search…";this.filterLabel="";this.noResultsText="No results";this.noOptionsText="No options";this.searchingLabel="Searching";this.loadingText="Loading…";this.loading=false;this.clearable=false;this.clearIcon="close";this.clearLabel="Clear selection";this.dropdownIcon="arrow_drop_down";this.name="";this.open=false;this.optionsData=[];this.triggerId=`md-multi-select-${++M}`;this.hasTriggerLeading=false;this.hasTriggerTrailing=false;this.liveMessage="";this.hasSlottedTrigger=false;this.query="";this.inlineVisibleCount=Number.POSITIVE_INFINITY;this.inlineOverflowCount=0;this.wiredTrigger=null;this._needsReposition=false;this._focusChipAfterRender=null;this.vc=new n({queryItem:t=>this.el.shadowRoot?.querySelector(`md-menu-item[data-vindex="${t}"]`)??null,requestRender:()=>s(this)});this.providerSet=false;this.selectedLabelMap=new Map;this.searching=false;this.queryText=null;this.defaultValue=[];this.onTriggerSlotChange=()=>{this.computeSlottedTrigger();this.wireSlottedTrigger()};this.lastValidityKey=null;this.loadSeq=0;this._syncGuard=false;this._lastEmit=null;this.toggleOpen=()=>{if(this.isDisabled)return;this.open=!this.open};this.isSelected=t=>this.value.includes(t);this.toggleValue=(t,i)=>{i?.stopPropagation();if(this.isDisabled)return;const e=this.isSelected(t);const s=!e&&this.maxSelected>0&&this.value.length>=this.maxSelected;if(s){const t=i?.target;if(t)t.selected=false;return}const l=e?this.value.filter((i=>i!==t)):[...this.value,t];this.value=l;this.mdChange.emit([...l])};this.removeValue=t=>i=>{i.stopPropagation();if("preventDefault"in i)i.preventDefault();if(this.isDisabled||!this.isSelected(t))return;const e=this.selectedOptions().findIndex((i=>i.value===t));this.value=this.value.filter((i=>i!==t));this.mdRemove.emit(t);this.mdChange.emit([...this.value]);const s=this.selectedOptions().length;this._focusChipAfterRender=s===0?"trigger":Math.min(e,s-1)};this.clearValue=t=>{t.stopPropagation();if(this.isDisabled||this.value.length===0)return;this.value=[];this.mdChange.emit([]);this.mdClear.emit();this.fieldEl?.focus?.()};this.toggleSelectAll=t=>{t?.stopPropagation();if(this.isDisabled)return;const i=this.optionsData.filter((t=>!t.disabled)).map((t=>t.value));const e=i.length>0&&i.every((t=>this.value.includes(t)));this.value=e?[]:i.slice(0,this.maxSelected>0?this.maxSelected:undefined);this.mdChange.emit([...this.value]);const s=t?.target;if(s){const t=i.length>0&&i.every((t=>this.value.includes(t)));s.selected=t;s.indeterminate=!t&&i.some((t=>this.value.includes(t)))}};this.vpWired=false;this.handleMenuOpen=()=>{this._syncGuard=true;this.open=true;this._syncGuard=false;if(this._lastEmit!=="open"){this._lastEmit="open";this.mdOpen.emit()}if(this.vc.active){this.wireViewport()}if(this.filterable){requestAnimationFrame((()=>{const t=this.el.shadowRoot?.querySelector(".md-multi-select__search");t?.focus();void this.menuEl?.setComboboxElement?.(t)}))}};this.handleMenuClose=()=>{this._syncGuard=true;this.open=false;this._syncGuard=false;if(this._lastEmit!=="close"){this._lastEmit="close";this.mdClose.emit()}void this.menuEl?.setComboboxElement?.(null);this.vc.detachViewport();this.vpWired=false;if(this.query){this.query="";const t=this.el.shadowRoot?.querySelector(".md-multi-select__search");if(t)t.value=""}};this.onSearchInput=t=>{const i=t.target.value;this.queryText=null;if(!this.vc.active){this.query=i;return}if(!this.searching){this.searching=true;s(this)}clearTimeout(this.searchDebounce);this.searchDebounce=setTimeout((()=>{this.vc.setQuery(i);this.searching=false;s(this)}),T)};this.renderValueChip=t=>l("md-chip",{key:t.value,part:"chip",exportparts:"remove:chip-remove,label:chip-label",variant:"input",selectable:false,label:t.label,disabled:this.isDisabled,removable:!this.isDisabled,onMdRemove:this.removeValue(t.value),onClick:t=>t.stopPropagation()});this.recomputeInlineOverflow=()=>{if(this.trigger!=="field"||this.displayMode!=="chips-inline"||this.chipOverflow!=="count")return;const t=this.inlineDisplayEl;const i=this.inlineMeasureEl;const e=this.selectedOptions().length;if(!t||!i||e===0)return;const s=t.clientWidth;if(s<=0)return;const l=getComputedStyle(i).columnGap||getComputedStyle(i).gap;const r=parseFloat(l)||4;const a=Array.from(i.querySelectorAll("md-chip"));const n=a.slice(0,e).map((t=>t.getBoundingClientRect().width));if(n.some((t=>t<=0)))return;const o=i.querySelector(".md-multi-select__overflow-chip");const c=o?o.getBoundingClientRect().width:44;let h=0;for(let t=0;t<e;t++)h+=n[t]+(t>0?r:0);let d;if(h<=s+.5){d=e}else{const t=s-c-r;let i=0;d=0;for(let s=0;s<e;s++){const e=n[s]+(s>0?r:0);if(i+e<=t){i+=e;d++}else break}}if(d!==this.inlineVisibleCount||e-d!==this.inlineOverflowCount){this.inlineVisibleCount=d;this.inlineOverflowCount=e-d}}}get optionList(){return g(this.options,"md-multi-select","options")}get isDisabled(){return this.disabled||this.softDisabled}async show(){if(this.isDisabled)return;this.open=true}async close(){this.open=false}async focusTrigger(){this.fieldEl?.focus?.()}async reset(){if(this.value.length===0)return;this.value=[];this.mdChange.emit([])}async loadOptions(t){if(this.virtualize==="never"||!o()){this.loadSeq++;this.vc.reset();this.optionsData=c(h(t));return}const i=++this.loadSeq;this.optionsData=[];this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);const e=await this.vc.load(t);if(i!==this.loadSeq)return;if(!e){this.vc.reset();this.optionsData=c(h(t))}else{this.updateSelectedLabels()}s(this)}async setQuery(t){this.vc.setQuery(t);if(!this.vc.active)this.query=t;this.queryText=t;this.syncSearchField();s(this)}syncSearchField(){if(this.queryText===null)return;const t=this.el.shadowRoot?.querySelector(".md-multi-select__search");if(!t)return;t.value=this.queryText;this.queryText=null}async getLabels(t){return Object.fromEntries(this.vc.getLabels(t))}componentDidLoad(){this.wireSlottedTrigger();if(this.open&&!this.isDisabled){this.menuEl?.show?.({autoFocus:false})}if(typeof ResizeObserver!=="undefined"&&this.frameEl){this._frameRO=new ResizeObserver((()=>{if(this.open)void this.menuEl?.reposition?.()}));this._frameRO.observe(this.frameEl)}}componentWillLoad(){this.refreshOptions();if(this.value.length===0){const t=this.optionsData.filter((t=>t.selected&&!t.disabled)).map((t=>t.value));if(t.length)this.value=t}this.defaultValue=[...this.value];this.syncFormValue();this.hasTriggerLeading=!!this.el.querySelector('[slot="trigger-leading"]');this.hasTriggerTrailing=!!this.el.querySelector('[slot="trigger-trailing"]');this.computeSlottedTrigger()}computeSlottedTrigger(){this.hasSlottedTrigger=this.el.querySelector('[slot="trigger"]')!==null}wireSlottedTrigger(){const t=this.el.querySelector('[slot="trigger"]');if(!t){this.wiredTrigger?.removeEventListener("click",this.toggleOpen);this.wiredTrigger=null;return}if(t!==this.wiredTrigger){this.wiredTrigger?.removeEventListener("click",this.toggleOpen);t.addEventListener("click",this.toggleOpen);this.wiredTrigger=t}if(!t.id)t.id=this.triggerId;else if(t.id!==this.triggerId)this.triggerId=t.id;t.setAttribute("aria-haspopup","listbox");this.fieldEl=t}formResetCallback(){this.value=[...this.defaultValue]}syncFormValue(){this.updateSelectedLabels();this.updateValidity();this.liveMessage=this.value.length?`${this.value.length} selected`:"None selected";this._needsReposition=true;if(!this.value.length){m(this.internals,null);return}const t=new FormData;const i=this.name||"";for(const e of this.value)t.append(i,e);m(this.internals,t)}updateValidity(){if(!this.internals?.setValidity)return;if(this.customValidityMessage){this.internals.setValidity({customError:true},this.customValidityMessage,this.fieldEl??this.el)}else if(this.required&&this.value.length===0){this.internals.setValidity({valueMissing:true},this.errorText||this.valueMissingLabel,this.fieldEl??this.el)}else{this.internals.setValidity({})}this.emitValidityChange()}async getValidity(){return u(this.internals)}emitValidityChange(){const t=u(this.internals);const i=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===i)return;const e=this.lastValidityKey!==null;this.lastValidityKey=i;if(e)this.mdValidityChange.emit(t)}async checkValidity(){return p(this.internals)}async reportValidity(){return f(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.updateValidity()}refreshOptions(){const t=d(this.el,this.optionList);const i=this.virtualize==="always"||this.virtualize==="auto"&&t.length>O;if(i&&o()&&t.length>0){const i=++this.loadSeq;this.optionsData=[];this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);void this.vc.load(t).then((e=>{if(i!==this.loadSeq)return;if(!e){this.optionsData=t;s(this)}else{this.updateSelectedLabels()}}))}else{this.loadSeq++;this.vc.reset();this.optionsData=t}}updateSelectedLabels(){if(this.vc.active&&this.value.length){this.selectedLabelMap=this.vc.getLabels(this.value)}else{this.selectedLabelMap=new Map}s(this)}onOptionChange(t){t.stopPropagation();this.refreshOptions()}syncMenu(t){if(this._syncGuard||!this.menuEl)return;if(t)this.menuEl.show?.({autoFocus:!this.filterable});else this.menuEl.close?.()}handleKeyDown(t){if(this.isDisabled)return;if(!this.open&&(t.key==="ArrowDown"||t.key==="ArrowUp"||t.key==="Enter"||t.key===" ")){t.preventDefault();this.open=true}else if(this.open&&t.key==="Escape"){t.preventDefault();this.open=false;this.fieldEl?.focus?.()}}wireViewport(){void(async()=>{const t=await(this.menuEl?.getScrollViewport?.())??null;if(!t||this.vpWired)return;this.vpWired=true;await this.vc.attachViewport((async()=>t))})()}componentDidRender(){this.syncSearchField();if(!this.menuEl)return;if(this.vc.active&&!this.providerSet){void this.menuEl.setVirtualProvider?.(this.vc.provider);this.providerSet=true;if(this.open&&this.filterable){const t=this.el.shadowRoot?.querySelector(".md-multi-select__search");void this.menuEl?.setComboboxElement?.(t)}}else if(!this.vc.active&&this.providerSet){void this.menuEl.setVirtualProvider?.(null);this.providerSet=false}if(this.open&&this.vc.active&&!this.vpWired)this.wireViewport();if(this._needsReposition){this._needsReposition=false;if(this.open)requestAnimationFrame((()=>void this.menuEl?.reposition?.()))}if(this._focusChipAfterRender!==null){const t=this._focusChipAfterRender;this._focusChipAfterRender=null;requestAnimationFrame((()=>{if(t==="trigger"){this.fieldEl?.focus?.();return}const i=this.el.shadowRoot?.querySelectorAll(".md-multi-select__chips md-chip, .md-multi-select__inline-chips > md-chip");const e=i?.[t];const s=e?.shadowRoot?.querySelector('[part="remove"]');(s??e??this.fieldEl)?.focus?.()}))}if(this.trigger==="field"&&this.displayMode==="chips-inline"&&this.chipOverflow==="count"){if(typeof ResizeObserver!=="undefined"){if(!this._inlineRO)this._inlineRO=new ResizeObserver(this.recomputeInlineOverflow);this._inlineRO.disconnect();if(this.inlineDisplayEl)this._inlineRO.observe(this.inlineDisplayEl);if(this.inlineMeasureEl)this._inlineRO.observe(this.inlineMeasureEl)}requestAnimationFrame(this.recomputeInlineOverflow)}else{this._inlineRO?.disconnect()}}disconnectedCallback(){this.wiredTrigger?.removeEventListener("click",this.toggleOpen);this.wiredTrigger=null;clearTimeout(this.searchDebounce);this.vc.detachViewport();this._frameRO?.disconnect();this._frameRO=undefined;this._inlineRO?.disconnect();this._inlineRO=undefined}selectedOptions(){if(this.vc.active){return this.value.map((t=>({value:t,label:this.selectedLabelMap.get(t)??t,disabled:false})))}return this.value.map((t=>this.optionsData.find((i=>i.value===t)))).filter((t=>!!t))}countText(){const t=this.value.length;if(t===0)return"";return this.countFormatter?this.countFormatter(t):`${t} selected`}renderTrigger(){return[l("slot",{name:"trigger",onSlotchange:this.onTriggerSlotChange}),this.hasSlottedTrigger?this.renderTriggerMessage():this.trigger==="button"?this.renderButtonTrigger():this.renderFieldTrigger()]}renderFieldTrigger(){const t=this.selectedOptions();const i=t.length>0;const e=this.displayMode==="chips-inline";const s=e?"":this.displayMode==="text"&&i?t.map((t=>t.label)).join(", "):i?this.countText():"";return l("md-text-field",{ref:t=>this.fieldEl=t,id:this.triggerId,class:"md-multi-select__field",part:"field",exportparts:"container:field-container,input:field-input,label:field-label",variant:this.variant,label:this.label,placeholder:i?"":this.placeholder,value:s,readOnly:true,disabled:this.disabled,error:this.error,errorText:this.errorText,reserveSupportingSpace:this.reserveSupportingSpace,supportingText:this.supportingText,required:this.required,density:this.chipPosition==="left"||this.chipPosition==="right"?-3:this.density,appearFocused:this.open,chipsWrap:e&&this.chipOverflow==="wrap",onClick:this.toggleOpen},this.hasTriggerLeading&&l("slot",{name:"trigger-leading",slot:"leading-icon"}),e&&this.renderInlineChips(),this.hasTriggerTrailing&&l("slot",{name:"trigger-trailing",slot:"trailing-icon"}),this.loading?l("span",{slot:"trailing-icon",class:"md-multi-select__loader",part:"loading-spinner"},l("slot",{name:"loader"},l("md-loading-indicator",{label:this.loadingText}))):[this.clearable&&i&&!this.isDisabled&&l("button",{type:"button",slot:"trailing-icon",class:"md-multi-select__clear",part:"clear","aria-label":this.clearLabel,onClick:this.clearValue},l("span",{class:"material-symbols-outlined","aria-hidden":"true"},this.clearIcon)),l("span",{slot:"trailing-icon",class:"md-multi-select__caret-box",part:"caret-box","aria-hidden":"true"},l("span",{class:"md-multi-select__caret material-symbols-outlined",part:"caret"},l("slot",{name:"dropdown-icon"},this.dropdownIcon)))])}renderButtonTrigger(){const t=this.error&&this.errorText?this.errorText:this.supportingText;const i=t?`${this.triggerId}-desc`:undefined;return[l("md-button",{ref:t=>this.fieldEl=t,id:this.triggerId,class:"md-multi-select__button",part:"field button",variant:"outlined",size:"xs",icon:this.triggerIcon,loading:this.loading,disabled:this.isDisabled,"aria-haspopup":"listbox","aria-expanded":String(this.open),"aria-controls":this.listboxRendered?`${this.triggerId}-listbox`:undefined,"aria-invalid":this.error?"true":undefined,"aria-describedby":i,onMdClick:this.toggleOpen},this.triggerLabel||this.label),this.renderTriggerMessage()]}renderTriggerMessage(){const t=this.error&&this.errorText?this.errorText:this.supportingText;if(!t)return null;return l("div",{id:this.hasSlottedTrigger?undefined:`${this.triggerId}-desc`,class:{"md-multi-select__button-desc":true,"md-multi-select__button-desc--error":this.error&&!!this.errorText},part:"button-desc",role:this.error?"alert":undefined},t)}get listboxRendered(){return this.open&&!this.loading&&(this.vc.active||this.optionsData.length>0)}renderInlineChips(){const t=this.selectedOptions();if(t.length===0)return null;const i=this.chipOverflow==="wrap";const e=i?t.length:Math.min(t.length,this.inlineVisibleCount);const s=i?0:t.length-e;return l("div",{slot:"chips",class:{"md-multi-select__inline-chips":true,"md-multi-select__inline-chips--wrap":i},part:"chips",role:"group","aria-label":this.label?`${this.label} — selected`:"Selected",ref:t=>this.inlineDisplayEl=t},t.slice(0,e).map(this.renderValueChip),s>0&&l("button",{type:"button",class:"md-multi-select__overflow-chip",part:"overflow-chip","aria-label":`${s} more selected — open to manage`,onClick:t=>{t.stopPropagation();this.toggleOpen()}},"+",s))}renderInlineMeasure(){if(this.trigger!=="field"||this.displayMode!=="chips-inline"||this.chipOverflow!=="count")return null;const t=this.selectedOptions();if(t.length===0)return null;return l("div",{class:"md-multi-select__measure-clip","aria-hidden":"true"},l("div",{class:"md-multi-select__inline-measure",ref:t=>this.inlineMeasureEl=t},t.map(this.renderValueChip),l("span",{class:"md-multi-select__overflow-chip"},"+",t.length)))}renderChips(){if(this.trigger!=="button"&&!this.hasSlottedTrigger&&this.displayMode!=="chips")return null;const t=this.selectedOptions();if(t.length===0)return null;return l("div",{class:"md-multi-select__chips",part:"chips",role:"group","aria-label":this.label?`${this.label} — selected`:"Selected"},t.map((t=>l("md-chip",{key:t.value,part:"chip",exportparts:"remove:chip-remove,label:chip-label",variant:"input",selectable:false,label:t.label,disabled:this.isDisabled,removable:!this.isDisabled,onMdRemove:this.removeValue(t.value),onClick:t=>t.stopPropagation()}))))}renderVirtualOptions(){return l("div",{class:"md-multi-select__listbox",part:"listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-multiselectable":"true","aria-label":this.label||"Options"},l("div",{class:"md-multi-select__vspacer",style:{height:`${this.vc.topPad}px`},"aria-hidden":"true"}),this.vc.windowRows.map(((t,i)=>{const e=this.vc.windowStart+i;const s=this.isSelected(t.value);return l("md-menu-item",{key:t.index,id:`${this.triggerId}-opt-${e}`,"data-vindex":e,presentation:"option",type:"checkbox","check-position":"start","keep-open":true,part:s?"option option-selected":"option",disabled:t.disabled,selected:s,headline:t.label,"supporting-text":t.supportingText||"","aria-setsize":this.vc.filteredLength,"aria-posinset":e+1,onMdClick:i=>this.toggleValue(t.value,i)},t.icon?l("span",{slot:"leading-icon",part:"option-icon",class:"material-symbols-outlined md-multi-select__option-icon","aria-hidden":"true"},t.icon):null)})),l("div",{class:"md-multi-select__vspacer",style:{height:`${this.vc.bottomPad}px`},"aria-hidden":"true"}))}renderEmpty(t,i){return l("div",{class:"md-multi-select__empty",part:"empty",role:"status"},l("slot",{name:t},i))}renderMenu(){const t=this.vc.active;const i=this.optionsData.filter((t=>!t.disabled));const e=i.length>0&&i.every((t=>this.value.includes(t.value)));const s=!e&&i.some((t=>this.value.includes(t.value)));const r=this.filterable&&!t?this.query.trim().toLowerCase():"";const a=r?this.optionsData.filter((t=>t.label.toLowerCase().includes(r)||(t.supportingText||"").toLowerCase().includes(r))):this.optionsData;const n=!this.loading&&(t&&this.vc.filteredLength===0||!t&&!!r&&a.length===0);const o=!this.loading&&!t&&!r&&this.optionsData.length===0;const c=t?this.maxHeight??320:this.maxHeight;return l("md-menu",{ref:t=>this.menuEl=t,anchor:this.triggerId,placement:this.placement,"match-anchor-width":this.matchTriggerWidth,"max-height":c,"auto-focus":!this.filterable,"empty-text":"",listbox:true,"list-label":this.label||"Options",part:"menu",exportparts:"surface:menu-surface,empty-text",onMdOpen:this.handleMenuOpen,onMdClose:this.handleMenuClose},l("div",{slot:"header",part:"menu-header",class:"md-multi-select__menu-header"},l("slot",{name:"menu-header"})),this.filterable&&!this.loading&&l("div",{slot:"header",class:"md-multi-select__search-wrap",part:"search-wrap"},l("input",{class:"md-multi-select__search",part:"search",type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":String(this.open),"aria-controls":`${this.triggerId}-listbox`,"aria-autocomplete":"list",autocomplete:"off",placeholder:this.searchPlaceholder,"aria-label":this.filterLabel||(this.label?`Filter ${this.label}`:"Filter options"),onInput:this.onSearchInput,onClick:t=>t.stopPropagation()}),this.searching&&l("md-loading-indicator",{class:"md-multi-select__search-spinner",part:"search-spinner",label:this.searchingLabel,"aria-hidden":"true"})),this.showSelectAll&&!t&&!this.loading&&this.optionsData.length>0&&l("div",{slot:"header",class:"md-multi-select__select-all",part:"select-all"},l("md-menu-item",{type:"checkbox","check-position":"start",part:"select-all-item","role-override":"checkbox","keep-open":true,headline:this.selectAllLabel,selected:e,indeterminate:s,disabled:this.isDisabled,onMdClick:t=>this.toggleSelectAll(t)})),this.loading?l("div",{class:"md-multi-select__loading",part:"loading-bar",role:"status","aria-label":this.loadingText},l("slot",{name:"menu-loader"},l("md-progress-indicator",{variant:"linear",indeterminate:true,wave:true,part:"loading-progress",label:this.loadingText}))):t?[this.renderVirtualOptions(),n?this.renderEmpty("no-results",this.noResultsText):null]:o?this.renderEmpty("no-options",this.noOptionsText):[l("div",{class:"md-multi-select__listbox",part:"listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-multiselectable":"true","aria-label":this.label||"Options"},a.map(((t,i)=>{const e=this.isSelected(t.value);return l("md-menu-item",{key:t.value,id:`${this.triggerId}-opt-${i}`,presentation:"option",type:"checkbox","check-position":"start","keep-open":true,part:e?"option option-selected":"option",disabled:t.disabled,selected:e,headline:t.label,"supporting-text":t.supportingText||"",onMdClick:i=>this.toggleValue(t.value,i)},t.icon?l("span",{slot:"leading-icon",part:"option-icon",class:"material-symbols-outlined md-multi-select__option-icon",style:t.iconColor?{color:t.iconColor}:undefined,"aria-hidden":"true"},t.icon):null)}))),n?this.renderEmpty("no-results",this.noResultsText):null])}render(){return l(r,{key:"727566ee17b4c8007345fa27ee2fd1315d6af128",class:{"md-multi-select":true,[`md-multi-select--${this.variant}`]:true,"md-multi-select--open":this.open,"md-multi-select--disabled":this.disabled,"md-multi-select--soft-disabled":this.softDisabled,"md-multi-select--loading":this.loading,[`md-multi-select--display-${this.displayMode}`]:true,"md-multi-select--button":this.trigger==="button"&&!this.hasSlottedTrigger,"md-multi-select--slotted-trigger":this.hasSlottedTrigger,[`md-multi-select--chips-${this.chipPosition}`]:this.trigger==="button"||this.hasSlottedTrigger||this.displayMode==="chips"},"aria-haspopup":"listbox","aria-busy":this.loading?"true":undefined},l("div",{key:"b7451455e24cf345b609f878a3c4af7c598262e1",class:"md-multi-select__frame",part:"frame",ref:t=>this.frameEl=t},this.renderTrigger(),this.renderChips()),this.renderInlineMeasure(),this.renderMenu(),l("div",{key:"528396f650beec0a7718d9217afd9dafc08288b1",class:"md-multi-select__sr-live",part:"live-region",role:"status","aria-live":"polite","aria-atomic":"true"},this.liveMessage),l("div",{key:"0ff0bf3c847d24cd8a66ea48e26679d3c82e49f8",class:"md-multi-select__options",hidden:true},l("slot",{key:"c6171dbffffbf80dc23fab363790d72037b1630e",onSlotchange:()=>this.refreshOptions()})))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}],options:[{refreshOptions:0}],open:[{syncMenu:0}]}}static get style(){return C()}},[321,"md-multi-select",{valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],variant:[513],label:[1],placeholder:[1],supportingText:[1,"supporting-text"],error:[516],errorText:[1,"error-text"],disabled:[516],softDisabled:[516,"soft-disabled"],required:[516],density:[514],options:[1],virtualize:[1],filterable:[4],filterMode:[1,"filter-mode"],rowHeight:[2,"row-height"],value:[1040],maxSelected:[2,"max-selected"],showSelectAll:[516,"show-select-all"],selectAllLabel:[1,"select-all-label"],placement:[1],maxHeight:[2,"max-height"],matchTriggerWidth:[516,"match-trigger-width"],displayMode:[513,"display-mode"],chipOverflow:[513,"chip-overflow"],chipPosition:[513,"chip-position"],trigger:[513],triggerIcon:[1,"trigger-icon"],triggerLabel:[1,"trigger-label"],countFormatter:[16],searchPlaceholder:[1,"search-placeholder"],filterLabel:[1,"filter-label"],noResultsText:[1,"no-results-text"],noOptionsText:[1,"no-options-text"],searchingLabel:[1,"searching-label"],loadingText:[1,"loading-text"],loading:[516],clearable:[516],clearIcon:[1,"clear-icon"],clearLabel:[1,"clear-label"],dropdownIcon:[1,"dropdown-icon"],name:[513],open:[1540],optionsData:[32],triggerId:[32],hasTriggerLeading:[32],hasTriggerTrailing:[32],liveMessage:[32],hasSlottedTrigger:[32],query:[32],inlineVisibleCount:[32],inlineOverflowCount:[32],show:[64],close:[64],focusTrigger:[64],reset:[64],loadOptions:[64],setQuery:[64],getLabels:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[0,"mdSelectOptionChange","onOptionChange"],[0,"keydown","handleKeyDown"]],{value:[{syncFormValue:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}],options:[{refreshOptions:0}],open:[{syncMenu:0}]}]);function $(){if(typeof customElements==="undefined"){return}const t=["md-multi-select","md-button","md-chip","md-loading-indicator","md-menu","md-menu-item","md-progress-indicator","md-ripple","md-text-field"];t.forEach((t=>{switch(t){case"md-multi-select":if(!customElements.get(a(t))){customElements.define(a(t),S)}break;case"md-button":if(!customElements.get(a(t))){b()}break;case"md-chip":if(!customElements.get(a(t))){v()}break;case"md-loading-indicator":if(!customElements.get(a(t))){_()}break;case"md-menu":if(!customElements.get(a(t))){y()}break;case"md-menu-item":if(!customElements.get(a(t))){x()}break;case"md-progress-indicator":if(!customElements.get(a(t))){w()}break;case"md-ripple":if(!customElements.get(a(t))){k()}break;case"md-text-field":if(!customElements.get(a(t))){z()}break}}))}$();const V=S;const j=$;export{V as MdMultiSelect,j as defineCustomElement};
+import{p as t,H as i,c as e,f as s,h as l,d as r,t as a}from"./p-BR6gfOQH.js";import{V as n,i as o,n as c,r as h,c as d}from"./p-Bz-JaJcA.js";import{s as m,g as u,c as p,r as f}from"./p-DWxN44zD.js";import{p as g}from"./p-CxhZdOPw.js";import{d as b}from"./p-BADA63mI.js";import{d as v}from"./p-B-JfuA2g.js";import{d as _}from"./p-B-iHDK5h.js";import{d as y}from"./p-CCMritCA.js";import{d as x}from"./p-D8oM1Kr3.js";import{d as w}from"./p-tSoecrcz.js";import{d as k}from"./p-CTC8XAB6.js";import{d as z}from"./p-CtVItLby.js";const C=()=>`:host{--md-text-field-padding-inline-end:var(--md-sys-spacing-inset-lg, 16px);--_min-width:var(--md-multi-select-min-width, 200px);--_chip-gap:var(--md-multi-select-chip-gap, var(--md-sys-spacing-gap-xs, 4px));--_chip-radius:var(--md-multi-select-chip-radius, 8px);--_caret-color:var(--md-multi-select-caret-color, var(--md-sys-color-on-surface-variant));--_clear-color:var(--md-multi-select-clear-color, var(--md-sys-color-on-surface-variant));--_option-icon-size:var(--md-multi-select-option-icon-size, 20px);font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);display:inline-block;inline-size:var(--md-multi-select-width, 100%);min-inline-size:var(--_min-width);box-sizing:border-box;vertical-align:bottom;position:relative}.md-multi-select__field{display:block;inline-size:100%;cursor:pointer;--md-text-field-cursor:pointer}.md-multi-select__field::part(input){cursor:pointer}:host(.md-multi-select--display-text) .md-multi-select__field::part(input){text-overflow:ellipsis}:host(.md-multi-select--disabled) .md-multi-select__field,:host(.md-multi-select--soft-disabled) .md-multi-select__field{cursor:not-allowed;--md-text-field-cursor:not-allowed}:host(.md-multi-select--disabled) .md-multi-select__field::part(input),:host(.md-multi-select--soft-disabled) .md-multi-select__field::part(input){cursor:not-allowed}.md-multi-select__frame{display:flex;flex-direction:column;gap:var(--md-multi-select-frame-gap, max(6px, calc(8px + var(--md-sys-density-scale, 0) * 0.5px)))}:host(.md-multi-select--chips-top) .md-multi-select__frame{flex-direction:column-reverse;gap:var(--md-multi-select-frame-gap, max(6px, calc(16px + var(--md-sys-density-scale, 0) * 2.5px)))}:host(.md-multi-select--chips-left) .md-multi-select__frame,:host(.md-multi-select--chips-right) .md-multi-select__frame{flex-flow:row nowrap;align-items:center;justify-content:flex-start}:host(.md-multi-select--chips-left) .md-multi-select__chips{order:-1}:host(.md-multi-select--chips-left) .md-multi-select__field,:host(.md-multi-select--chips-right) .md-multi-select__field{inline-size:var(--md-multi-select-trigger-width, max-content);flex:0 0 auto}:host(.md-multi-select--chips-left) ::slotted([slot='trigger']),:host(.md-multi-select--chips-right) ::slotted([slot='trigger']){inline-size:var(--md-multi-select-trigger-width, max-content);flex:0 0 auto}:host(.md-multi-select--chips-left) .md-multi-select__chips,:host(.md-multi-select--chips-right) .md-multi-select__chips{flex:0 1 auto;min-inline-size:0}.md-multi-select__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_chip-gap);max-inline-size:100%}:host(.md-multi-select--chips-bottom) .md-multi-select__chips,:host(.md-multi-select--chips-top) .md-multi-select__chips{contain:inline-size}.md-multi-select__chips md-chip{--md-chip-container-shape:var(--_chip-radius)}.md-multi-select__button{flex:0 0 auto}.md-multi-select__button-desc{padding-block-start:4px;padding-inline:16px;font:var(--md-sys-typescale-body-small, 400 12px/16px Roboto, sans-serif);color:var(--md-sys-color-on-surface-variant, #49454f)}.md-multi-select__button-desc--error{color:var(--md-sys-color-error, #b3261e)}.md-multi-select__sr-live{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.md-multi-select__inline-chips{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--_chip-gap);min-inline-size:0;max-inline-size:100%;flex:1 1 auto;position:relative;overflow:hidden;}.md-multi-select__inline-chips--wrap{flex-wrap:wrap;overflow:visible;padding-block-start:var(--md-multi-select-inline-chips-block-start, var(--md-sys-spacing-gap-xs, 4px));row-gap:var(--_chip-gap)}.md-multi-select__inline-chips md-chip,.md-multi-select__inline-measure md-chip{--md-chip-container-shape:var(--_chip-radius);flex-shrink:0}.md-multi-select__measure-clip{position:absolute;inline-size:0;block-size:0;overflow:hidden;pointer-events:none}.md-multi-select__inline-measure{position:absolute;inset-block-start:0;inset-inline-start:0;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--_chip-gap);inline-size:max-content;visibility:hidden;pointer-events:none;white-space:nowrap}.md-multi-select__overflow-chip{flex-shrink:0;display:inline-flex;align-items:center;block-size:var(--md-multi-select-chip-height, 32px);padding-inline:12px;border:1px solid var(--md-multi-select-chip-outline, var(--md-sys-color-outline-variant, #CAC4D0));border-radius:var(--_chip-radius);background:transparent;color:var(--md-sys-color-on-surface-variant, #49454F);font:500 var(--md-sys-typescale-label-large-size, 14px) / var(--md-sys-typescale-label-large-line-height, 20px)     var(--md-sys-typescale-label-large-font, Roboto, sans-serif);white-space:nowrap;cursor:pointer}.md-multi-select__overflow-chip:hover:not(:disabled){background:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 8%, transparent)}.md-multi-select__overflow-chip:focus-visible{outline:2px solid var(--md-sys-color-primary, #6750A4);outline-offset:2px}.md-multi-select__clear{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--md-multi-select-clear-size, 28px);block-size:var(--md-multi-select-clear-size, 28px);padding:0;background:var(--md-multi-select-clear-bg, transparent);border:0;border-radius:var(--md-multi-select-clear-radius, 50%);color:var(--_clear-color);cursor:pointer;font-size:var(--md-multi-select-clear-icon-size, 18px);transition:background var(--md-sys-motion-duration-short2, 100ms) ease}.md-multi-select__clear:hover{background:var(--md-multi-select-clear-hover-bg,     color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent))}.md-multi-select__clear:focus-visible{outline-width:var(--md-multi-select-clear-focus-ring-width, 2px);outline-style:solid;outline-color:var(--md-multi-select-clear-focus-ring-color, var(--md-sys-color-primary));outline-offset:var(--md-multi-select-clear-focus-ring-offset, 1px)}.md-multi-select__clear .material-symbols-outlined{font-size:var(--md-multi-select-clear-icon-size, 18px)}.md-multi-select__field .md-multi-select__caret-box{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto}.md-multi-select__caret{color:var(--_caret-color);font-size:var(--md-multi-select-caret-size, 24px);line-height:1;transition:transform var(--md-sys-motion-duration-short4, 200ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));display:inline-flex;align-items:center;justify-content:center;inline-size:var(--md-multi-select-caret-box-size, 24px);block-size:var(--md-multi-select-caret-box-size, 24px)}:host(.md-multi-select--open) .md-multi-select__caret{transform:rotate(180deg)}.md-multi-select__loader{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--md-multi-select-loader-size, 24px);block-size:var(--md-multi-select-loader-size, 24px);--md-loading-indicator-size:var(--md-multi-select-spinner-size, 22px);--md-loading-indicator-shape-size:var(--md-multi-select-spinner-size, 22px)}.md-multi-select__loading{display:flex;align-items:center;padding-block:var(--md-multi-select-loading-padding, var(--md-sys-spacing-inset-lg, 16px));padding-inline:var(--md-multi-select-loading-padding, var(--md-sys-spacing-inset-lg, 16px))}.md-multi-select__loading md-progress-indicator{inline-size:100%}.md-multi-select__empty{display:flex;justify-content:center;padding:var(--md-multi-select-empty-padding, var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px));color:var(--md-multi-select-empty-color, var(--md-sys-color-on-surface-variant, #49454f));text-align:center;font:var(--md-multi-select-empty-font, var(--md-sys-typescale-body-medium, 400 14px/20px Roboto, sans-serif))}.md-multi-select__select-all{display:block;border-block-end:var(--md-multi-select-select-all-divider-width, 1px) solid     var(--md-multi-select-select-all-divider-color, var(--md-sys-color-outline-variant, #cac4d0))}md-menu::part(empty-text){display:block;padding:var(--md-multi-select-empty-padding, var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px));color:var(--md-multi-select-empty-color, var(--md-sys-color-on-surface-variant));text-align:center}.md-multi-select__option-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--md-multi-select-option-icon-color, var(--md-sys-color-on-surface-variant, #49454f));font-size:var(--_option-icon-size);inline-size:var(--_option-icon-size);block-size:var(--_option-icon-size);line-height:1}@media (prefers-reduced-motion: reduce){.md-multi-select__caret,.md-multi-select__clear{transition:none}}@media (forced-colors: active){.md-multi-select__caret{color:CanvasText}.md-multi-select__clear:focus-visible{outline-color:Highlight}}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.md-multi-select__vspacer{display:block;flex:none;pointer-events:none}.md-multi-select__search-wrap{position:relative;display:block}.md-multi-select__search{box-sizing:border-box;width:100%;border:none;outline:none;padding:var(--md-multi-select-search-padding, 12px 44px 12px 16px);font:inherit;color:var(--md-multi-select-search-color, var(--md-sys-color-on-surface, #1d1b20));background:var(--md-multi-select-search-bg, var(--md-sys-color-surface-container, #f3edf7));border-bottom:var(--md-multi-select-search-border-width, 1px) solid     var(--md-multi-select-search-border-color, var(--md-sys-color-outline-variant, #cac4d0))}.md-multi-select__search::placeholder{color:var(--md-multi-select-search-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f))}.md-multi-select__search-spinner{position:absolute;inset-block-start:50%;inset-inline-end:12px;margin-block-start:-12px;--md-loading-indicator-size:var(--md-multi-select-search-spinner-size, 24px);--md-loading-indicator-shape-size:18px;pointer-events: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}`;let M=0;const O=200;const T=180;const S=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=e(this,"mdChange",7);this.mdOpen=e(this,"mdOpen",7);this.mdClose=e(this,"mdClose",7);this.mdRemove=e(this,"mdRemove",7);this.mdClear=e(this,"mdClear",7);this.mdValidityChange=e(this,"mdValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please select at least one option";this.reserveSupportingSpace=false;this.customValidityMessage="";this.variant="outlined";this.label="";this.placeholder="";this.supportingText="";this.error=false;this.errorText="";this.disabled=false;this.softDisabled=false;this.required=false;this.density=0;this.options=[];this.virtualize="auto";this.filterable=false;this.filterMode="substring";this.value=[];this.maxSelected=0;this.showSelectAll=false;this.selectAllLabel="Select all";this.placement="bottom-start";this.matchTriggerWidth=true;this.displayMode="chips";this.chipOverflow="count";this.chipPosition="bottom";this.trigger="field";this.triggerIcon="add";this.triggerLabel="";this.searchPlaceholder="Search…";this.filterLabel="";this.noResultsText="No results";this.noOptionsText="No options";this.searchingLabel="Searching";this.loadingText="Loading…";this.loading=false;this.clearable=false;this.clearIcon="close";this.clearLabel="Clear selection";this.dropdownIcon="arrow_drop_down";this.name="";this.open=false;this.optionsData=[];this.triggerId=`md-multi-select-${++M}`;this.hasTriggerLeading=false;this.hasTriggerTrailing=false;this.liveMessage="";this.hasSlottedTrigger=false;this.query="";this.inlineVisibleCount=Number.POSITIVE_INFINITY;this.inlineOverflowCount=0;this.wiredTrigger=null;this._needsReposition=false;this._focusChipAfterRender=null;this.vc=new n({queryItem:t=>this.el.shadowRoot?.querySelector(`md-menu-item[data-vindex="${t}"]`)??null,requestRender:()=>s(this)});this.providerSet=false;this.selectedLabelMap=new Map;this.searching=false;this.queryText=null;this.defaultValue=[];this.onTriggerSlotChange=()=>{this.computeSlottedTrigger();this.wireSlottedTrigger()};this.lastValidityKey=null;this.loadSeq=0;this._syncGuard=false;this._lastEmit=null;this.toggleOpen=()=>{if(this.isDisabled)return;this.open=!this.open};this.isSelected=t=>this.value.includes(t);this.toggleValue=(t,i)=>{i?.stopPropagation();if(this.isDisabled)return;const e=this.isSelected(t);const s=!e&&this.maxSelected>0&&this.value.length>=this.maxSelected;if(s){const t=i?.target;if(t)t.selected=false;return}const l=e?this.value.filter((i=>i!==t)):[...this.value,t];this.value=l;this.mdChange.emit([...l])};this.removeValue=t=>i=>{i.stopPropagation();if("preventDefault"in i)i.preventDefault();if(this.isDisabled||!this.isSelected(t))return;const e=this.selectedOptions().findIndex((i=>i.value===t));this.value=this.value.filter((i=>i!==t));this.mdRemove.emit(t);this.mdChange.emit([...this.value]);const s=this.selectedOptions().length;this._focusChipAfterRender=s===0?"trigger":Math.min(e,s-1)};this.clearValue=t=>{t.stopPropagation();if(this.isDisabled||this.value.length===0)return;this.value=[];this.mdChange.emit([]);this.mdClear.emit();this.fieldEl?.focus?.()};this.toggleSelectAll=t=>{t?.stopPropagation();if(this.isDisabled)return;const i=this.optionsData.filter((t=>!t.disabled)).map((t=>t.value));const e=i.length>0&&i.every((t=>this.value.includes(t)));this.value=e?[]:i.slice(0,this.maxSelected>0?this.maxSelected:undefined);this.mdChange.emit([...this.value]);const s=t?.target;if(s){const t=i.length>0&&i.every((t=>this.value.includes(t)));s.selected=t;s.indeterminate=!t&&i.some((t=>this.value.includes(t)))}};this.vpWired=false;this.handleMenuOpen=()=>{this._syncGuard=true;this.open=true;this._syncGuard=false;if(this._lastEmit!=="open"){this._lastEmit="open";this.mdOpen.emit()}if(this.vc.active){this.wireViewport()}if(this.filterable){requestAnimationFrame((()=>{const t=this.el.shadowRoot?.querySelector(".md-multi-select__search");t?.focus();void this.menuEl?.setComboboxElement?.(t)}))}};this.handleMenuClose=()=>{this._syncGuard=true;this.open=false;this._syncGuard=false;if(this._lastEmit!=="close"){this._lastEmit="close";this.mdClose.emit()}void this.menuEl?.setComboboxElement?.(null);this.vc.detachViewport();this.vpWired=false;if(this.query){this.query="";const t=this.el.shadowRoot?.querySelector(".md-multi-select__search");if(t)t.value=""}};this.onSearchInput=t=>{const i=t.target.value;this.queryText=null;if(!this.vc.active){this.query=i;return}if(!this.searching){this.searching=true;s(this)}clearTimeout(this.searchDebounce);this.searchDebounce=setTimeout((()=>{this.vc.setQuery(i);this.searching=false;s(this)}),T)};this.renderValueChip=t=>l("md-chip",{key:t.value,part:"chip",exportparts:"remove:chip-remove,label:chip-label",variant:"input",selectable:false,label:t.label,disabled:this.isDisabled,removable:!this.isDisabled,onMdRemove:this.removeValue(t.value),onClick:t=>t.stopPropagation()});this.recomputeInlineOverflow=()=>{if(this.trigger!=="field"||this.displayMode!=="chips-inline"||this.chipOverflow!=="count")return;const t=this.inlineDisplayEl;const i=this.inlineMeasureEl;const e=this.selectedOptions().length;if(!t||!i||e===0)return;const s=t.clientWidth;if(s<=0)return;const l=getComputedStyle(i).columnGap||getComputedStyle(i).gap;const r=parseFloat(l)||4;const a=Array.from(i.querySelectorAll("md-chip"));const n=a.slice(0,e).map((t=>t.getBoundingClientRect().width));if(n.some((t=>t<=0)))return;const o=i.querySelector(".md-multi-select__overflow-chip");const c=o?o.getBoundingClientRect().width:44;let h=0;for(let t=0;t<e;t++)h+=n[t]+(t>0?r:0);let d;if(h<=s+.5){d=e}else{const t=s-c-r;let i=0;d=0;for(let s=0;s<e;s++){const e=n[s]+(s>0?r:0);if(i+e<=t){i+=e;d++}else break}}if(d!==this.inlineVisibleCount||e-d!==this.inlineOverflowCount){this.inlineVisibleCount=d;this.inlineOverflowCount=e-d}}}get optionList(){return g(this.options,"md-multi-select","options")}get isDisabled(){return this.disabled||this.softDisabled}async show(){if(this.isDisabled)return;this.open=true}async close(){this.open=false}async focusTrigger(){this.fieldEl?.focus?.()}async reset(){if(this.value.length===0)return;this.value=[];this.mdChange.emit([])}async loadOptions(t){if(this.virtualize==="never"||!o()){this.loadSeq++;this.vc.reset();this.optionsData=c(h(t));return}const i=++this.loadSeq;this.optionsData=[];this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);const e=await this.vc.load(t);if(i!==this.loadSeq)return;if(!e){this.vc.reset();this.optionsData=c(h(t))}else{this.updateSelectedLabels()}s(this)}async setQuery(t){this.vc.setQuery(t);if(!this.vc.active)this.query=t;this.queryText=t;this.syncSearchField();s(this)}syncSearchField(){if(this.queryText===null)return;const t=this.el.shadowRoot?.querySelector(".md-multi-select__search");if(!t)return;t.value=this.queryText;this.queryText=null}async getLabels(t){return Object.fromEntries(this.vc.getLabels(t))}componentDidLoad(){this.wireSlottedTrigger();if(this.open&&!this.isDisabled){this.menuEl?.show?.({autoFocus:false})}if(typeof ResizeObserver!=="undefined"&&this.frameEl){this._frameRO=new ResizeObserver((()=>{if(this.open)void this.menuEl?.reposition?.()}));this._frameRO.observe(this.frameEl)}}componentWillLoad(){this.refreshOptions();if(this.value.length===0){const t=this.optionsData.filter((t=>t.selected&&!t.disabled)).map((t=>t.value));if(t.length)this.value=t}this.defaultValue=[...this.value];this.syncFormValue();this.hasTriggerLeading=!!this.el.querySelector('[slot="trigger-leading"]');this.hasTriggerTrailing=!!this.el.querySelector('[slot="trigger-trailing"]');this.computeSlottedTrigger()}computeSlottedTrigger(){this.hasSlottedTrigger=this.el.querySelector('[slot="trigger"]')!==null}wireSlottedTrigger(){const t=this.el.querySelector('[slot="trigger"]');if(!t){this.wiredTrigger?.removeEventListener("click",this.toggleOpen);this.wiredTrigger=null;return}if(t!==this.wiredTrigger){this.wiredTrigger?.removeEventListener("click",this.toggleOpen);t.addEventListener("click",this.toggleOpen);this.wiredTrigger=t}if(!t.id)t.id=this.triggerId;else if(t.id!==this.triggerId)this.triggerId=t.id;t.setAttribute("aria-haspopup","listbox");this.fieldEl=t}formResetCallback(){this.value=[...this.defaultValue]}syncFormValue(){this.updateSelectedLabels();this.updateValidity();this.liveMessage=this.value.length?`${this.value.length} selected`:"None selected";this._needsReposition=true;if(!this.value.length){m(this.internals,null);return}const t=new FormData;const i=this.name||"";for(const e of this.value)t.append(i,e);m(this.internals,t)}updateValidity(){if(!this.internals?.setValidity)return;if(this.customValidityMessage){this.internals.setValidity({customError:true},this.customValidityMessage,this.fieldEl??this.el)}else if(this.required&&this.value.length===0){this.internals.setValidity({valueMissing:true},this.errorText||this.valueMissingLabel,this.fieldEl??this.el)}else{this.internals.setValidity({})}this.emitValidityChange()}async getValidity(){return u(this.internals)}emitValidityChange(){const t=u(this.internals);const i=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===i)return;const e=this.lastValidityKey!==null;this.lastValidityKey=i;if(e)this.mdValidityChange.emit(t)}async checkValidity(){return p(this.internals)}async reportValidity(){return f(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.updateValidity()}refreshOptions(){const t=d(this.el,this.optionList);const i=this.virtualize==="always"||this.virtualize==="auto"&&t.length>O;if(i&&o()&&t.length>0){const i=++this.loadSeq;this.optionsData=[];this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);void this.vc.load(t).then((e=>{if(i!==this.loadSeq)return;if(!e){this.optionsData=t;s(this)}else{this.updateSelectedLabels()}}))}else{this.loadSeq++;this.vc.reset();this.optionsData=t}}updateSelectedLabels(){if(this.vc.active&&this.value.length){this.selectedLabelMap=this.vc.getLabels(this.value)}else{this.selectedLabelMap=new Map}s(this)}onOptionChange(t){t.stopPropagation();this.refreshOptions()}syncMenu(t){if(this._syncGuard||!this.menuEl)return;if(t)this.menuEl.show?.({autoFocus:!this.filterable});else this.menuEl.close?.()}handleKeyDown(t){if(this.isDisabled)return;if(!this.open&&(t.key==="ArrowDown"||t.key==="ArrowUp"||t.key==="Enter"||t.key===" ")){t.preventDefault();this.open=true}else if(this.open&&t.key==="Escape"){t.preventDefault();this.open=false;this.fieldEl?.focus?.()}}wireViewport(){void(async()=>{const t=await(this.menuEl?.getScrollViewport?.())??null;if(!t||this.vpWired)return;this.vpWired=true;await this.vc.attachViewport((async()=>t))})()}componentDidRender(){this.syncSearchField();if(!this.menuEl)return;if(this.vc.active&&!this.providerSet){void this.menuEl.setVirtualProvider?.(this.vc.provider);this.providerSet=true;if(this.open&&this.filterable){const t=this.el.shadowRoot?.querySelector(".md-multi-select__search");void this.menuEl?.setComboboxElement?.(t)}}else if(!this.vc.active&&this.providerSet){void this.menuEl.setVirtualProvider?.(null);this.providerSet=false}if(this.open&&this.vc.active&&!this.vpWired)this.wireViewport();if(this._needsReposition){this._needsReposition=false;if(this.open)requestAnimationFrame((()=>void this.menuEl?.reposition?.()))}if(this._focusChipAfterRender!==null){const t=this._focusChipAfterRender;this._focusChipAfterRender=null;requestAnimationFrame((()=>{if(t==="trigger"){this.fieldEl?.focus?.();return}const i=this.el.shadowRoot?.querySelectorAll(".md-multi-select__chips md-chip, .md-multi-select__inline-chips > md-chip");const e=i?.[t];const s=e?.shadowRoot?.querySelector('[part="remove"]');(s??e??this.fieldEl)?.focus?.()}))}if(this.trigger==="field"&&this.displayMode==="chips-inline"&&this.chipOverflow==="count"){if(typeof ResizeObserver!=="undefined"){if(!this._inlineRO)this._inlineRO=new ResizeObserver(this.recomputeInlineOverflow);this._inlineRO.disconnect();if(this.inlineDisplayEl)this._inlineRO.observe(this.inlineDisplayEl);if(this.inlineMeasureEl)this._inlineRO.observe(this.inlineMeasureEl)}requestAnimationFrame(this.recomputeInlineOverflow)}else{this._inlineRO?.disconnect()}}disconnectedCallback(){this.wiredTrigger?.removeEventListener("click",this.toggleOpen);this.wiredTrigger=null;clearTimeout(this.searchDebounce);this.vc.detachViewport();this._frameRO?.disconnect();this._frameRO=undefined;this._inlineRO?.disconnect();this._inlineRO=undefined}selectedOptions(){if(this.vc.active){return this.value.map((t=>({value:t,label:this.selectedLabelMap.get(t)??t,disabled:false})))}return this.value.map((t=>this.optionsData.find((i=>i.value===t)))).filter((t=>!!t))}countText(){const t=this.value.length;if(t===0)return"";return this.countFormatter?this.countFormatter(t):`${t} selected`}renderTrigger(){return[l("slot",{name:"trigger",onSlotchange:this.onTriggerSlotChange}),this.hasSlottedTrigger?this.renderTriggerMessage():this.trigger==="button"?this.renderButtonTrigger():this.renderFieldTrigger()]}renderFieldTrigger(){const t=this.selectedOptions();const i=t.length>0;const e=this.displayMode==="chips-inline";const s=e?"":this.displayMode==="text"&&i?t.map((t=>t.label)).join(", "):i?this.countText():"";return l("md-text-field",{ref:t=>this.fieldEl=t,id:this.triggerId,class:"md-multi-select__field",part:"field",exportparts:"container:field-container,input:field-input,label:field-label",variant:this.variant,label:this.label,placeholder:i?"":this.placeholder,value:s,readOnly:true,disabled:this.disabled,error:this.error,errorText:this.errorText,reserveSupportingSpace:this.reserveSupportingSpace,supportingText:this.supportingText,required:this.required,density:this.chipPosition==="left"||this.chipPosition==="right"?-3:this.density,appearFocused:this.open,chipsWrap:e&&this.chipOverflow==="wrap",onClick:this.toggleOpen},this.hasTriggerLeading&&l("slot",{name:"trigger-leading",slot:"leading-icon"}),e&&this.renderInlineChips(),this.hasTriggerTrailing&&l("slot",{name:"trigger-trailing",slot:"trailing-icon"}),this.loading?l("span",{slot:"trailing-icon",class:"md-multi-select__loader",part:"loading-spinner"},l("slot",{name:"loader"},l("md-loading-indicator",{label:this.loadingText}))):[this.clearable&&i&&!this.isDisabled&&l("button",{type:"button",slot:"trailing-icon",class:"md-multi-select__clear",part:"clear","aria-label":this.clearLabel,onClick:this.clearValue},l("span",{class:"material-symbols-outlined","aria-hidden":"true"},this.clearIcon)),l("span",{slot:"trailing-icon",class:"md-multi-select__caret-box",part:"caret-box","aria-hidden":"true"},l("span",{class:"md-multi-select__caret material-symbols-outlined",part:"caret"},l("slot",{name:"dropdown-icon"},this.dropdownIcon)))])}renderButtonTrigger(){const t=this.error&&this.errorText?this.errorText:this.supportingText;const i=t?`${this.triggerId}-desc`:undefined;return[l("md-button",{ref:t=>this.fieldEl=t,id:this.triggerId,class:"md-multi-select__button",part:"field button",variant:"outlined",size:"xs",icon:this.triggerIcon,loading:this.loading,disabled:this.isDisabled,"aria-haspopup":"listbox","aria-expanded":String(this.open),"aria-controls":this.listboxRendered?`${this.triggerId}-listbox`:undefined,"aria-invalid":this.error?"true":undefined,"aria-describedby":i,onMdClick:this.toggleOpen},this.triggerLabel||this.label),this.renderTriggerMessage()]}renderTriggerMessage(){const t=this.error&&this.errorText?this.errorText:this.supportingText;if(!t)return null;return l("div",{id:this.hasSlottedTrigger?undefined:`${this.triggerId}-desc`,class:{"md-multi-select__button-desc":true,"md-multi-select__button-desc--error":this.error&&!!this.errorText},part:"button-desc",role:this.error?"alert":undefined},t)}get listboxRendered(){return this.open&&!this.loading&&(this.vc.active||this.optionsData.length>0)}renderInlineChips(){const t=this.selectedOptions();if(t.length===0)return null;const i=this.chipOverflow==="wrap";const e=i?t.length:Math.min(t.length,this.inlineVisibleCount);const s=i?0:t.length-e;return l("div",{slot:"chips",class:{"md-multi-select__inline-chips":true,"md-multi-select__inline-chips--wrap":i},part:"chips",role:"group","aria-label":this.label?`${this.label} — selected`:"Selected",ref:t=>this.inlineDisplayEl=t},t.slice(0,e).map(this.renderValueChip),s>0&&l("button",{type:"button",class:"md-multi-select__overflow-chip",part:"overflow-chip","aria-label":`${s} more selected — open to manage`,onClick:t=>{t.stopPropagation();this.toggleOpen()}},"+",s))}renderInlineMeasure(){if(this.trigger!=="field"||this.displayMode!=="chips-inline"||this.chipOverflow!=="count")return null;const t=this.selectedOptions();if(t.length===0)return null;return l("div",{class:"md-multi-select__measure-clip","aria-hidden":"true"},l("div",{class:"md-multi-select__inline-measure",ref:t=>this.inlineMeasureEl=t},t.map(this.renderValueChip),l("span",{class:"md-multi-select__overflow-chip"},"+",t.length)))}renderChips(){if(this.trigger!=="button"&&!this.hasSlottedTrigger&&this.displayMode!=="chips")return null;const t=this.selectedOptions();if(t.length===0)return null;return l("div",{class:"md-multi-select__chips",part:"chips",role:"group","aria-label":this.label?`${this.label} — selected`:"Selected"},t.map((t=>l("md-chip",{key:t.value,part:"chip",exportparts:"remove:chip-remove,label:chip-label",variant:"input",selectable:false,label:t.label,disabled:this.isDisabled,removable:!this.isDisabled,onMdRemove:this.removeValue(t.value),onClick:t=>t.stopPropagation()}))))}renderVirtualOptions(){return l("div",{class:"md-multi-select__listbox",part:"listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-multiselectable":"true","aria-label":this.label||"Options"},l("div",{class:"md-multi-select__vspacer",style:{height:`${this.vc.topPad}px`},"aria-hidden":"true"}),this.vc.windowRows.map(((t,i)=>{const e=this.vc.windowStart+i;const s=this.isSelected(t.value);return l("md-menu-item",{key:t.index,id:`${this.triggerId}-opt-${e}`,"data-vindex":e,presentation:"option",type:"checkbox","check-position":"start","keep-open":true,part:s?"option option-selected":"option",disabled:t.disabled,selected:s,headline:t.label,"supporting-text":t.supportingText||"","aria-setsize":this.vc.filteredLength,"aria-posinset":e+1,onMdClick:i=>this.toggleValue(t.value,i)},t.icon?l("span",{slot:"leading-icon",part:"option-icon",class:"material-symbols-outlined md-multi-select__option-icon","aria-hidden":"true"},t.icon):null)})),l("div",{class:"md-multi-select__vspacer",style:{height:`${this.vc.bottomPad}px`},"aria-hidden":"true"}))}renderEmpty(t,i){return l("div",{class:"md-multi-select__empty",part:"empty",role:"status"},l("slot",{name:t},i))}renderMenu(){const t=this.vc.active;const i=this.optionsData.filter((t=>!t.disabled));const e=i.length>0&&i.every((t=>this.value.includes(t.value)));const s=!e&&i.some((t=>this.value.includes(t.value)));const r=this.filterable&&!t?this.query.trim().toLowerCase():"";const a=r?this.optionsData.filter((t=>t.label.toLowerCase().includes(r)||(t.supportingText||"").toLowerCase().includes(r))):this.optionsData;const n=!this.loading&&(t&&this.vc.filteredLength===0||!t&&!!r&&a.length===0);const o=!this.loading&&!t&&!r&&this.optionsData.length===0;const c=t?this.maxHeight??320:this.maxHeight;return l("md-menu",{ref:t=>this.menuEl=t,anchor:this.triggerId,placement:this.placement,"match-anchor-width":this.matchTriggerWidth,"max-height":c,"auto-focus":!this.filterable,"empty-text":"",listbox:true,"list-label":this.label||"Options",part:"menu",exportparts:"surface:menu-surface,empty-text",onMdOpen:this.handleMenuOpen,onMdClose:this.handleMenuClose},l("div",{slot:"header",part:"menu-header",class:"md-multi-select__menu-header"},l("slot",{name:"menu-header"})),this.filterable&&!this.loading&&l("div",{slot:"header",class:"md-multi-select__search-wrap",part:"search-wrap"},l("input",{class:"md-multi-select__search",part:"search",type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":String(this.open),"aria-controls":`${this.triggerId}-listbox`,"aria-autocomplete":"list",autocomplete:"off",placeholder:this.searchPlaceholder,"aria-label":this.filterLabel||(this.label?`Filter ${this.label}`:"Filter options"),onInput:this.onSearchInput,onClick:t=>t.stopPropagation()}),this.searching&&l("md-loading-indicator",{class:"md-multi-select__search-spinner",part:"search-spinner",label:this.searchingLabel,"aria-hidden":"true"})),this.showSelectAll&&!t&&!this.loading&&this.optionsData.length>0&&l("div",{slot:"header",class:"md-multi-select__select-all",part:"select-all"},l("md-menu-item",{type:"checkbox","check-position":"start",part:"select-all-item","role-override":"checkbox","keep-open":true,headline:this.selectAllLabel,selected:e,indeterminate:s,disabled:this.isDisabled,onMdClick:t=>this.toggleSelectAll(t)})),this.loading?l("div",{class:"md-multi-select__loading",part:"loading-bar",role:"status","aria-label":this.loadingText},l("slot",{name:"menu-loader"},l("md-progress-indicator",{variant:"linear",indeterminate:true,wave:true,part:"loading-progress",label:this.loadingText}))):t?[this.renderVirtualOptions(),n?this.renderEmpty("no-results",this.noResultsText):null]:o?this.renderEmpty("no-options",this.noOptionsText):[l("div",{class:"md-multi-select__listbox",part:"listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-multiselectable":"true","aria-label":this.label||"Options"},a.map(((t,i)=>{const e=this.isSelected(t.value);return l("md-menu-item",{key:t.value,id:`${this.triggerId}-opt-${i}`,presentation:"option",type:"checkbox","check-position":"start","keep-open":true,part:e?"option option-selected":"option",disabled:t.disabled,selected:e,headline:t.label,"supporting-text":t.supportingText||"",onMdClick:i=>this.toggleValue(t.value,i)},t.icon?l("span",{slot:"leading-icon",part:"option-icon",class:"material-symbols-outlined md-multi-select__option-icon",style:t.iconColor?{color:t.iconColor}:undefined,"aria-hidden":"true"},t.icon):null)}))),n?this.renderEmpty("no-results",this.noResultsText):null])}render(){return l(r,{key:"727566ee17b4c8007345fa27ee2fd1315d6af128",class:{"md-multi-select":true,[`md-multi-select--${this.variant}`]:true,"md-multi-select--open":this.open,"md-multi-select--disabled":this.disabled,"md-multi-select--soft-disabled":this.softDisabled,"md-multi-select--loading":this.loading,[`md-multi-select--display-${this.displayMode}`]:true,"md-multi-select--button":this.trigger==="button"&&!this.hasSlottedTrigger,"md-multi-select--slotted-trigger":this.hasSlottedTrigger,[`md-multi-select--chips-${this.chipPosition}`]:this.trigger==="button"||this.hasSlottedTrigger||this.displayMode==="chips"},"aria-haspopup":"listbox","aria-busy":this.loading?"true":undefined},l("div",{key:"b7451455e24cf345b609f878a3c4af7c598262e1",class:"md-multi-select__frame",part:"frame",ref:t=>this.frameEl=t},this.renderTrigger(),this.renderChips()),this.renderInlineMeasure(),this.renderMenu(),l("div",{key:"528396f650beec0a7718d9217afd9dafc08288b1",class:"md-multi-select__sr-live",part:"live-region",role:"status","aria-live":"polite","aria-atomic":"true"},this.liveMessage),l("div",{key:"0ff0bf3c847d24cd8a66ea48e26679d3c82e49f8",class:"md-multi-select__options",hidden:true},l("slot",{key:"c6171dbffffbf80dc23fab363790d72037b1630e",onSlotchange:()=>this.refreshOptions()})))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}],options:[{refreshOptions:0}],open:[{syncMenu:0}]}}static get style(){return C()}},[321,"md-multi-select",{valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],variant:[513],label:[1],placeholder:[1],supportingText:[1,"supporting-text"],error:[516],errorText:[1,"error-text"],disabled:[516],softDisabled:[516,"soft-disabled"],required:[516],density:[514],options:[1],virtualize:[1],filterable:[4],filterMode:[1,"filter-mode"],rowHeight:[2,"row-height"],value:[1040],maxSelected:[2,"max-selected"],showSelectAll:[516,"show-select-all"],selectAllLabel:[1,"select-all-label"],placement:[1],maxHeight:[2,"max-height"],matchTriggerWidth:[516,"match-trigger-width"],displayMode:[513,"display-mode"],chipOverflow:[513,"chip-overflow"],chipPosition:[513,"chip-position"],trigger:[513],triggerIcon:[1,"trigger-icon"],triggerLabel:[1,"trigger-label"],countFormatter:[16],searchPlaceholder:[1,"search-placeholder"],filterLabel:[1,"filter-label"],noResultsText:[1,"no-results-text"],noOptionsText:[1,"no-options-text"],searchingLabel:[1,"searching-label"],loadingText:[1,"loading-text"],loading:[516],clearable:[516],clearIcon:[1,"clear-icon"],clearLabel:[1,"clear-label"],dropdownIcon:[1,"dropdown-icon"],name:[513],open:[1540],optionsData:[32],triggerId:[32],hasTriggerLeading:[32],hasTriggerTrailing:[32],liveMessage:[32],hasSlottedTrigger:[32],query:[32],inlineVisibleCount:[32],inlineOverflowCount:[32],show:[64],close:[64],focusTrigger:[64],reset:[64],loadOptions:[64],setQuery:[64],getLabels:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[0,"mdSelectOptionChange","onOptionChange"],[0,"keydown","handleKeyDown"]],{value:[{syncFormValue:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}],options:[{refreshOptions:0}],open:[{syncMenu:0}]}]);function $(){if(typeof customElements==="undefined"){return}const t=["md-multi-select","md-button","md-chip","md-loading-indicator","md-menu","md-menu-item","md-progress-indicator","md-ripple","md-text-field"];t.forEach((t=>{switch(t){case"md-multi-select":if(!customElements.get(a(t))){customElements.define(a(t),S)}break;case"md-button":if(!customElements.get(a(t))){b()}break;case"md-chip":if(!customElements.get(a(t))){v()}break;case"md-loading-indicator":if(!customElements.get(a(t))){_()}break;case"md-menu":if(!customElements.get(a(t))){y()}break;case"md-menu-item":if(!customElements.get(a(t))){x()}break;case"md-progress-indicator":if(!customElements.get(a(t))){w()}break;case"md-ripple":if(!customElements.get(a(t))){k()}break;case"md-text-field":if(!customElements.get(a(t))){z()}break}}))}$();const V=S;const j=$;export{V as MdMultiSelect,j as defineCustomElement};
 //# sourceMappingURL=md-multi-select.js.map

package/dist/components/md-navigation-bar.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as e,h as a,d as s,t as n}from"./p-MWBNn6Lj.js";const r=()=>`:host{--_container-color:var(     --md-navigation-bar-container-color,     var(--md-sys-color-surface-container, #F3EDF7)   );--_container-height:var(--md-navigation-bar-container-height, 64px);--_container-shape:var(--md-navigation-bar-container-shape, 0);--_container-elevation:var(--md-navigation-bar-container-elevation, none);--_divider-color:var(--md-navigation-bar-divider-color, transparent);--_divider-width:var(--md-navigation-bar-divider-width, 0);--_z-index:var(--md-navigation-bar-z-index, var(--md-sys-z-index-navigation, 200));display:block;inline-size:100%;box-sizing:border-box;background-color:var(--_container-color);border-radius:var(--_container-shape);border-block-start:var(--_divider-width) solid var(--_divider-color);box-shadow:var(--_container-elevation);color:var(--md-sys-color-on-surface, #1C1B1F);z-index:var(--_z-index);position:relative}.md-navigation-bar__container{display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;inline-size:100%;min-block-size:max(48px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));block-size:max(48px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));box-sizing:border-box}::slotted(md-navigation-tab){flex:1 1 0;min-inline-size:64px}@media (forced-colors: active){:host{--_container-color:Canvas;--_divider-color:CanvasText;--_divider-width:1px}}: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 o=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=e(this,"mdChange",7);this.activeIndex=0;this.labelBehavior="always";this.manualActivation=false;this.density=0;this.tabs=[];this.previousIndex=-1}componentDidLoad(){this.syncTabs();this.applyActiveState(this.activeIndex,false);this.previousIndex=this.activeIndex}disconnectedCallback(){this.slotObserver?.disconnect()}onActiveIndexChange(t,i){const e=this.clampToEnabled(t);if(e!==t){this.activeIndex=e;return}this.applyActiveState(e,true,i)}onLabelBehaviorChange(){this.tabs.forEach((t=>this.propagateLabelBehavior(t)))}async select(t){const i=this.clampToEnabled(t);if(i===this.activeIndex)return;this.activeIndex=i}async focusTab(t){const i=this.tabs[t];if(!i||this.isHardDisabled(i))return;i.focus()}syncTabs(){const t=this.el.shadowRoot;if(!t)return;const i=t.querySelector("slot");if(!i)return;this.tabs=i.assignedElements().filter((t=>t.tagName==="MD-NAVIGATION-TAB"));if(this.tabs.length>0){this.el.setAttribute("data-tab-count",String(this.tabs.length))}else{this.el.removeAttribute("data-tab-count")}this.tabs.forEach((t=>this.propagateLabelBehavior(t)));this.applyActiveState(this.activeIndex,false)}propagateLabelBehavior(t){if(!t.hasAttribute("label-behavior")){t.labelBehavior=this.labelBehavior;t.setAttribute("data-md-inherited-label-behavior",this.labelBehavior)}}isDisabled(t){return t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"}isHardDisabled(t){return t.hasAttribute("disabled")}clampToEnabled(t){if(this.tabs.length===0)return-1;const i=Math.max(0,Math.min(t,this.tabs.length-1));if(!this.isDisabled(this.tabs[i]))return i;for(let t=i+1;t<this.tabs.length;t++){if(!this.isDisabled(this.tabs[t]))return t}for(let t=i-1;t>=0;t--){if(!this.isDisabled(this.tabs[t]))return t}return-1}applyActiveState(t,i,e){this.tabs.forEach(((i,e)=>{if(e===t){if(!i.hasAttribute("active"))i.setAttribute("active","");i.setAttribute("tabindex","0");i.setAttribute("aria-selected","true")}else{if(i.hasAttribute("active"))i.removeAttribute("active");i.setAttribute("tabindex","-1");i.setAttribute("aria-selected","false")}}));if(i){const i=e??this.previousIndex;this.previousIndex=t;this.mdChange.emit({index:t,previousIndex:i})}else{this.previousIndex=t}}handleTabClick(t){t.stopPropagation();const i=t.target;if(!i)return;if(this.isDisabled(i))return;const e=this.tabs.indexOf(i);if(e<0)return;if(e===this.activeIndex)return;this.activeIndex=e}handleKeyDown(t){if(this.tabs.length===0)return;const i=document.activeElement;const e=t.composedPath()[0]??i;const a=this.tabs.findIndex((t=>t===e||t.contains(e)));if(a===-1)return;let s=null;const n=getComputedStyle(this.el).direction==="rtl";const r=n?"ArrowLeft":"ArrowRight";const o=n?"ArrowRight":"ArrowLeft";switch(t.key){case r:t.preventDefault();s=this.nextEnabled(a,1);break;case o:t.preventDefault();s=this.nextEnabled(a,-1);break;case"Home":t.preventDefault();s=this.firstEnabled();break;case"End":t.preventDefault();s=this.lastEnabled();break}if(s===null||s===a)return;this.tabs[s].focus();if(!this.manualActivation&&!this.isDisabled(this.tabs[s])){this.activeIndex=s}}nextEnabled(t,i){const e=this.tabs.length;let a=t;for(let t=0;t<e;t++){a=(a+i+e)%e;if(!this.isHardDisabled(this.tabs[a]))return a}return t}firstEnabled(){for(let t=0;t<this.tabs.length;t++){if(!this.isHardDisabled(this.tabs[t]))return t}return 0}lastEnabled(){for(let t=this.tabs.length-1;t>=0;t--){if(!this.isHardDisabled(this.tabs[t]))return t}return this.tabs.length-1}render(){return a(s,{key:"325e851ac4a7042b130860220da50841a056e1c4",role:"navigation"},a("div",{key:"ad48829d543d990abc77b4fe0f4acbfcf4761690",class:"md-navigation-bar__container",part:"container",role:"tablist","aria-orientation":"horizontal"},a("slot",{key:"cd8ef24df338375bd3a40a24ad39cb7b92ab3a59",onSlotchange:()=>this.syncTabs()})))}get el(){return this}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}],labelBehavior:[{onLabelBehaviorChange:0}]}}static get style(){return r()}},[257,"md-navigation-bar",{activeIndex:[1538,"active-index"],labelBehavior:[1,"label-behavior"],manualActivation:[4,"manual-activation"],density:[514],select:[64],focusTab:[64]},[[0,"mdTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{activeIndex:[{onActiveIndexChange:0}],labelBehavior:[{onLabelBehaviorChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["md-navigation-bar"];t.forEach((t=>{switch(t){case"md-navigation-bar":if(!customElements.get(n(t))){customElements.define(n(t),o)}break}}))}c();const h=o;const d=c;export{h as MdNavigationBar,d as defineCustomElement};
+import{p as t,H as i,c as e,h as a,d as s,t as n}from"./p-BR6gfOQH.js";const r=()=>`:host{--_container-color:var(     --md-navigation-bar-container-color,     var(--md-sys-color-surface-container, #F3EDF7)   );--_container-height:var(--md-navigation-bar-container-height, 64px);--_container-shape:var(--md-navigation-bar-container-shape, 0);--_container-elevation:var(--md-navigation-bar-container-elevation, none);--_divider-color:var(--md-navigation-bar-divider-color, transparent);--_divider-width:var(--md-navigation-bar-divider-width, 0);--_z-index:var(--md-navigation-bar-z-index, var(--md-sys-z-index-navigation, 200));display:block;inline-size:100%;box-sizing:border-box;background-color:var(--_container-color);border-radius:var(--_container-shape);border-block-start:var(--_divider-width) solid var(--_divider-color);box-shadow:var(--_container-elevation);color:var(--md-sys-color-on-surface, #1C1B1F);z-index:var(--_z-index);position:relative}.md-navigation-bar__container{display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;inline-size:100%;min-block-size:max(48px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));block-size:max(48px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));box-sizing:border-box}::slotted(md-navigation-tab){flex:1 1 0;min-inline-size:64px}@media (forced-colors: active){:host{--_container-color:Canvas;--_divider-color:CanvasText;--_divider-width:1px}}: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 o=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=e(this,"mdChange",7);this.activeIndex=0;this.labelBehavior="always";this.manualActivation=false;this.density=0;this.tabs=[];this.previousIndex=-1}componentDidLoad(){this.syncTabs();this.applyActiveState(this.activeIndex,false);this.previousIndex=this.activeIndex}disconnectedCallback(){this.slotObserver?.disconnect()}onActiveIndexChange(t,i){const e=this.clampToEnabled(t);if(e!==t){this.activeIndex=e;return}this.applyActiveState(e,true,i)}onLabelBehaviorChange(){this.tabs.forEach((t=>this.propagateLabelBehavior(t)))}async select(t){const i=this.clampToEnabled(t);if(i===this.activeIndex)return;this.activeIndex=i}async focusTab(t){const i=this.tabs[t];if(!i||this.isHardDisabled(i))return;i.focus()}syncTabs(){const t=this.el.shadowRoot;if(!t)return;const i=t.querySelector("slot");if(!i)return;this.tabs=i.assignedElements().filter((t=>t.tagName==="MD-NAVIGATION-TAB"));if(this.tabs.length>0){this.el.setAttribute("data-tab-count",String(this.tabs.length))}else{this.el.removeAttribute("data-tab-count")}this.tabs.forEach((t=>this.propagateLabelBehavior(t)));this.applyActiveState(this.activeIndex,false)}propagateLabelBehavior(t){if(!t.hasAttribute("label-behavior")){t.labelBehavior=this.labelBehavior;t.setAttribute("data-md-inherited-label-behavior",this.labelBehavior)}}isDisabled(t){return t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"}isHardDisabled(t){return t.hasAttribute("disabled")}clampToEnabled(t){if(this.tabs.length===0)return-1;const i=Math.max(0,Math.min(t,this.tabs.length-1));if(!this.isDisabled(this.tabs[i]))return i;for(let t=i+1;t<this.tabs.length;t++){if(!this.isDisabled(this.tabs[t]))return t}for(let t=i-1;t>=0;t--){if(!this.isDisabled(this.tabs[t]))return t}return-1}applyActiveState(t,i,e){this.tabs.forEach(((i,e)=>{if(e===t){if(!i.hasAttribute("active"))i.setAttribute("active","");i.setAttribute("tabindex","0");i.setAttribute("aria-selected","true")}else{if(i.hasAttribute("active"))i.removeAttribute("active");i.setAttribute("tabindex","-1");i.setAttribute("aria-selected","false")}}));if(i){const i=e??this.previousIndex;this.previousIndex=t;this.mdChange.emit({index:t,previousIndex:i})}else{this.previousIndex=t}}handleTabClick(t){t.stopPropagation();const i=t.target;if(!i)return;if(this.isDisabled(i))return;const e=this.tabs.indexOf(i);if(e<0)return;if(e===this.activeIndex)return;this.activeIndex=e}handleKeyDown(t){if(this.tabs.length===0)return;const i=document.activeElement;const e=t.composedPath()[0]??i;const a=this.tabs.findIndex((t=>t===e||t.contains(e)));if(a===-1)return;let s=null;const n=getComputedStyle(this.el).direction==="rtl";const r=n?"ArrowLeft":"ArrowRight";const o=n?"ArrowRight":"ArrowLeft";switch(t.key){case r:t.preventDefault();s=this.nextEnabled(a,1);break;case o:t.preventDefault();s=this.nextEnabled(a,-1);break;case"Home":t.preventDefault();s=this.firstEnabled();break;case"End":t.preventDefault();s=this.lastEnabled();break}if(s===null||s===a)return;this.tabs[s].focus();if(!this.manualActivation&&!this.isDisabled(this.tabs[s])){this.activeIndex=s}}nextEnabled(t,i){const e=this.tabs.length;let a=t;for(let t=0;t<e;t++){a=(a+i+e)%e;if(!this.isHardDisabled(this.tabs[a]))return a}return t}firstEnabled(){for(let t=0;t<this.tabs.length;t++){if(!this.isHardDisabled(this.tabs[t]))return t}return 0}lastEnabled(){for(let t=this.tabs.length-1;t>=0;t--){if(!this.isHardDisabled(this.tabs[t]))return t}return this.tabs.length-1}render(){return a(s,{key:"325e851ac4a7042b130860220da50841a056e1c4",role:"navigation"},a("div",{key:"ad48829d543d990abc77b4fe0f4acbfcf4761690",class:"md-navigation-bar__container",part:"container",role:"tablist","aria-orientation":"horizontal"},a("slot",{key:"cd8ef24df338375bd3a40a24ad39cb7b92ab3a59",onSlotchange:()=>this.syncTabs()})))}get el(){return this}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}],labelBehavior:[{onLabelBehaviorChange:0}]}}static get style(){return r()}},[257,"md-navigation-bar",{activeIndex:[1538,"active-index"],labelBehavior:[1,"label-behavior"],manualActivation:[4,"manual-activation"],density:[514],select:[64],focusTab:[64]},[[0,"mdTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{activeIndex:[{onActiveIndexChange:0}],labelBehavior:[{onLabelBehaviorChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["md-navigation-bar"];t.forEach((t=>{switch(t){case"md-navigation-bar":if(!customElements.get(n(t))){customElements.define(n(t),o)}break}}))}c();const h=o;const d=c;export{h as MdNavigationBar,d as defineCustomElement};
 //# sourceMappingURL=md-navigation-bar.js.map

package/dist/components/md-navigation-rail-tab.js

@@ -1,2 +1,2 @@
-import{p as a,H as i,c as t,h as n,d as o,t as e}from"./p-MWBNn6Lj.js";import{t as r}from"./p-DYBUr7K_.js";import{s,S as l}from"./p-BdEoSBtL.js";import{d}from"./p-stybaFzj.js";const c=()=>`:host{--_icon-color:var(     --md-navigation-rail-tab-icon-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-icon-color:var(     --md-navigation-rail-tab-active-icon-color,     var(--md-sys-color-on-secondary-container, #4A4458)   );--_label-color:var(     --md-navigation-rail-tab-label-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-label-color:var(     --md-navigation-rail-tab-active-label-color,     var(--md-sys-color-secondary, #625B71)   );--_indicator-color:var(     --md-navigation-rail-tab-indicator-color,     var(--md-sys-color-secondary-container, #E8DEF8)   );--_indicator-shape:var(     --md-navigation-rail-tab-indicator-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_indicator-width:var(--md-navigation-rail-tab-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-height:var(--md-navigation-rail-tab-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_icon-size:var(--md-navigation-rail-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_min-height:var(--md-navigation-rail-tab-min-height, 56px);--_badge-color:var(     --md-navigation-rail-tab-badge-color,     var(--md-sys-color-error, #B3261E)   );--_badge-content-color:var(     --md-navigation-rail-tab-badge-content-color,     var(--md-sys-color-on-error, #FFFFFF)   );--_focus-ring-color:var(     --md-navigation-rail-tab-focus-ring-color,     var(--md-sys-color-secondary, #625B71)   );--_state-layer-color:var(     --md-navigation-rail-tab-state-layer-color,     var(--md-sys-color-on-secondary-container, #4A4458)   );--_motion-duration:var(--md-sys-motion-spring-effects-fast-duration, 150ms);--_motion-easing:var(     --md-sys-motion-spring-effects-fast-easing,     cubic-bezier(0.31, 0.94, 0.34, 1)   );--_motion-spatial-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);--_motion-spatial-easing:var(     --md-sys-motion-spring-spatial-fast-easing,     cubic-bezier(0.42, 1.67, 0.21, 0.9)   );--_hover-opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08);--_focus-opacity:var(--md-navigation-rail-tab-focus-state-layer-opacity, 0.10);--_press-opacity:var(--md-navigation-rail-tab-press-state-layer-opacity, 0.10);--_disabled-opacity:var(--md-sys-state-disabled-content-opacity, 0.38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;min-block-size:max(48px, calc(var(--_min-height) + var(--md-sys-density-scale, 0) * 4px));padding-block:max(0px, calc(2px + var(--md-sys-density-scale, 0) * 0.5px));padding-inline:0;box-sizing:border-box;cursor:pointer;user-select:none;position:relative;outline:none;-webkit-tap-highlight-color:transparent;color:var(--_icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-rail-tab--disabled){cursor:default;pointer-events:none;color:color-mix(     in srgb,     var(--md-sys-color-on-surface, #1C1B1F) calc(var(--_disabled-opacity) * 100%),     transparent   )}:host(:focus-visible){outline:none}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid var(--_focus-ring-color);outline-offset:2px}:host(.md-navigation-rail-tab--expanded:focus-visible) .md-navigation-rail-tab__indicator{outline-offset:-3px}md-ripple{border-radius:inherit}.md-navigation-rail-tab__indicator{position:absolute;inset-block-start:max(2px, calc(2px + var(--md-sys-density-scale, 0) * -0.5px));inset-inline:0;margin-inline:auto;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);border-radius:var(--_indicator-shape);background-color:transparent;pointer-events:none;overflow:hidden;transition:background-color var(--_motion-duration) var(--_motion-easing),     inline-size var(--_motion-spatial-duration) var(--_motion-spatial-easing);z-index:0}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--labels-none:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator,:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator{inset-block:0;margin-block:auto}.md-navigation-rail-tab__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing);border-radius:inherit}:host(:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_hover-opacity)}:host(:focus-visible:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_focus-opacity)}:host(:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_press-opacity)}.md-navigation-rail-tab__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);z-index:1;pointer-events:none}.md-navigation-rail-tab__icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md-navigation-rail-tab__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;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_motion-duration) var(--_motion-easing);color:inherit}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__icon{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted([slot='icon']){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:currentColor;fill:currentColor;pointer-events:none}.md-navigation-rail-tab__label{position:relative;z-index:1;font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);text-align:center;color:var(--_label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%;transition:color var(--_motion-duration) var(--_motion-easing),     font-weight var(--_motion-duration) var(--_motion-easing),     opacity var(--_motion-duration) var(--_motion-easing);padding-inline:var(--md-sys-spacing-inset-xs, 4px);box-sizing:border-box}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{color:var(--_active-label-color);font-weight:var(--md-sys-typescale-label-medium-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{max-block-size:1.25rem;transition:color var(--_motion-duration) var(--_motion-easing),     font-weight var(--_motion-duration) var(--_motion-easing),     opacity var(--_motion-duration) var(--_motion-easing),     max-block-size var(--_motion-duration) var(--_motion-easing),     margin-block-start var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{opacity:0;max-block-size:0;margin-block-start:-4px}:host(.md-navigation-rail-tab--labels-selected.md-navigation-rail-tab--expanded:not(.md-navigation-rail-tab--active)) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--expanded){flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);padding-block:0;inline-size:fit-content;min-block-size:max(48px, calc(56px + var(--md-sys-density-scale, 0) * 4px));border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__indicator{position:absolute;inset:0;transform:none;inline-size:auto;block-size:auto;border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__icon-wrapper{inline-size:var(--_icon-size);block-size:var(--_icon-size);flex:0 0 auto}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__label{text-align:start;flex:1 1 auto;min-inline-size:0;display:inline-block;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{font-weight:var(--md-sys-typescale-label-large-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}.md-navigation-rail-tab__badge{position:absolute;background-color:var(--_badge-color);color:var(--_badge-content-color);border-radius:var(--md-sys-shape-corner-full, 9999px);line-height:1;box-sizing:border-box;pointer-events:none;z-index:2}.md-navigation-rail-tab__badge--dot{inline-size:6px;block-size:6px;inset-block-start:-2px;inset-inline-end:-2px}.md-navigation-rail-tab__badge--large{min-inline-size:16px;block-size:16px;padding-inline:4px;inset-block-start:-6px;inset-inline-end:-6px;font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center}.md-navigation-rail-tab__anchor{display:contents;color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail-tab__indicator,.md-navigation-rail-tab__state-layer,.md-navigation-rail-tab__icon,.md-navigation-rail-tab__label{transition:none}}@media (forced-colors: active){:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:Highlight;forced-color-adjust:none}:host(.md-navigation-rail-tab--active){color:HighlightText}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid CanvasText}}: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}:host([data-orientation='horizontal']){block-size:100%}:host([data-orientation='horizontal']) .md-navigation-rail-tab__indicator,:host([data-orientation='horizontal']) .md-navigation-rail-tab__state-layer{display:none}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{border-radius:var(--_indicator-shape);background-color:transparent;transition:background-color var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal'].md-navigation-rail-tab--active) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper::after{content:'';position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal']:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_hover-opacity)}:host([data-orientation='horizontal']:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_press-opacity)}:host([data-orientation='horizontal']:focus-visible) .md-navigation-rail-tab__icon-wrapper{outline:3px solid var(--_focus-ring-color);outline-offset:2px}.md-navigation-rail-tab__caret{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px));line-height:1;vertical-align:middle;margin-inline-start:2px;transition:transform     var(--md-navigation-rail-tab-caret-duration, var(--md-sys-motion-duration-medium2, 300ms))     var(       --md-sys-motion-easing-emphasized,       cubic-bezier(0.2, 0, 0, 1)     )}:host([aria-expanded='true']) .md-navigation-rail-tab__caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.md-navigation-rail-tab__caret{transition-duration:1ms}}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected[data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__icon,:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__label{color:var(--_active-icon-color)}`;const m=a(class a extends i{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdTabClick=t(this,"mdTabClick",7);this.mdSubmenuToggle=t(this,"mdSubmenuToggle",7);this.icon="";this.label="";this.active=false;this.disabled=false;this.badge=false;this.badgeValue="";this.href="";this.target="";this.value="";this.labelVisibility="all";this.expanded=false;this.density=0;this.iconFirst=null;this.pendingTransition=false;this.submenuOpen=false;this.hasSubmenu=false;this.submenuHasSelection=false;this.handleSubmenuClick=a=>{const i=a.target?.closest?.("md-menu-item");const t=this.submenu;if(!i||!t||!t.contains(i))return;t.querySelectorAll("md-menu-item[selected]").forEach((a=>{if(a!==i)a.removeAttribute("selected")}));i.setAttribute("selected","");this.syncSubmenuSelection();this.mdTabClick.emit({value:this.value})};this.handleClick=a=>{if(this.disabled){a.preventDefault();a.stopImmediatePropagation();return}if(this.submenu){a.preventDefault();this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value})};this.handleKeyDown=a=>{if(this.disabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();r(this.el);if(this.submenu){this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value});if(this.href){const a=this.el.shadowRoot?.querySelector("a.md-navigation-rail-tab__anchor");a?.click()}}}}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){this.warnMissingAccessibleName()}this.ensureSubmenuAnchor();const a=this.submenu;this.hasSubmenu=!!a;if(a){a.addEventListener("mdOpen",(()=>{this.submenuOpen=true;this.mdSubmenuToggle.emit({open:true})}));a.addEventListener("mdClose",(()=>{this.submenuOpen=false;this.syncSubmenuSelection();this.mdSubmenuToggle.emit({open:false})}));a.addEventListener("mdClick",(a=>this.handleSubmenuClick(a)));this.syncSubmenuSelection()}}onExpandedChange(){if(this.prefersReducedMotion())return;this.iconFirst=this.iconCentre();this.pendingTransition=true}componentDidRender(){if(!this.pendingTransition)return;this.pendingTransition=false;this.playTransition()}prefersReducedMotion(){return typeof window!=="undefined"&&!!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches}iconCentre(){const a=this.el.shadowRoot?.querySelector(".md-navigation-rail-tab__icon-wrapper");if(!a)return null;const i=a.getBoundingClientRect();return{cx:i.left+i.width/2,cy:i.top+i.height/2}}motionDuration(){const a=getComputedStyle(this.el).getPropertyValue("--md-sys-motion-duration-short4").trim();if(a.endsWith("ms"))return parseFloat(a)||200;if(a.endsWith("s"))return(parseFloat(a)||.2)*1e3;return 200}playTransition(){const a=this.el.shadowRoot;if(!a)return;const i=this.motionDuration();const t=a.querySelector(".md-navigation-rail-tab__icon-wrapper");if(t&&this.iconFirst){const a=t.getBoundingClientRect();const n=this.iconFirst.cx-(a.left+a.width/2);const o=this.iconFirst.cy-(a.top+a.height/2);if(Math.abs(n)>.5||Math.abs(o)>.5){t.animate([{transform:`translate(${n}px, ${o}px)`},{transform:"translate(0, 0)"}],{duration:i,easing:getComputedStyle(this.el).getPropertyValue("--md-sys-motion-easing-standard").trim()||"cubic-bezier(0.2, 0, 0, 1)",fill:"none"})}}this.iconFirst=null;const n=a.querySelector(".md-navigation-rail-tab__label");if(n){n.animate([{opacity:0},{opacity:0,offset:.15},{opacity:1}],{duration:i,easing:"ease-out",fill:"none"})}}warnMissingAccessibleName(){const a=this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby");if(!this.label&&!a){console.warn("[md-navigation-rail-tab] WCAG 1.1.1 / 2.4.4: destination is missing a label. "+"Add a `label` attribute or aria-label.",this.el)}}get submenu(){return this.el.querySelector('[slot="submenu"]')}ensureSubmenuAnchor(){const a=this.submenu;if(!a)return;if(!this.el.id){this.generatedId=this.generatedId??`md-rail-tab-${Math.random().toString(36).slice(2,9)}`;this.el.id=this.generatedId}if(a.getAttribute("anchor")!==this.el.id)a.setAttribute("anchor",this.el.id);if(!a.hasAttribute("placement"))a.setAttribute("placement","bottom-start")}async clearSubmenuSelection(){const a=this.submenu;a?.querySelectorAll("md-menu-item[selected]").forEach((a=>{a.removeAttribute("selected")}));this.submenuHasSelection=false}syncSubmenuSelection(){const a=this.submenu;this.submenuHasSelection=!!a?.querySelector('md-menu-item[selected], md-menu-item[aria-checked="true"]')}toggleSubmenu(){const a=this.submenu;if(!a)return;if(a.open)void a.close();else void a.show()}get displayBadgeValue(){if(!this.badgeValue)return"";const a=Number(this.badgeValue);if(Number.isFinite(a)&&a>999)return"999+";return this.badgeValue}renderIcon(){const a=!!this.icon;return n("slot",{name:"icon"},a&&n("span",{class:"md-navigation-rail-tab__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon))}renderBadge(){const a=!!this.badgeValue;const i=this.badge&&!a;if(!a&&!i)return null;return n("span",{class:{"md-navigation-rail-tab__badge":true,"md-navigation-rail-tab__badge--dot":i,"md-navigation-rail-tab__badge--large":a},part:i?"badge badge-dot":"badge badge-large",role:"status","aria-label":a?`${this.displayBadgeValue} new notifications`:"new notifications"},a&&this.displayBadgeValue)}renderInner(){return[n("span",{class:"md-navigation-rail-tab__indicator",part:"indicator","aria-hidden":"true"},n("span",{class:"md-navigation-rail-tab__state-layer",part:"state-layer","aria-hidden":"true"})),n("md-ripple",{disabled:this.disabled}),n("span",{class:"md-navigation-rail-tab__icon-wrapper",part:"icon-wrapper"},n("span",{class:"md-navigation-rail-tab__icon-box"},this.renderIcon(),this.renderBadge())),this.label&&n("span",{class:"md-navigation-rail-tab__label",part:"label"},this.label,this.hasSubmenu&&n("span",{class:"md-navigation-rail-tab__caret material-symbols-outlined",part:"caret","aria-hidden":"true"},"arrow_drop_down")),n("slot",{name:"submenu"})]}render(){const a=s(this.href);const i=!!a&&!this.disabled;const t=this.disabled?"true":null;const e=this.active&&i?"page":null;const r=i?null:this.active?"true":"false";const d=i?"link":"tab";const c=this.el.getAttribute("aria-label")??undefined;const m=i?this.label||c:!this.label?c:undefined;return n(o,{key:"f7f616314485ebf51d0cc79a5a91c949a98045de",class:{"md-navigation-rail-tab":true,"md-navigation-rail-tab--active":this.active,"md-navigation-rail-tab--child-selected":this.submenuHasSelection&&!this.active,"md-navigation-rail-tab--disabled":this.disabled,"md-navigation-rail-tab--has-label":!!this.label,[`md-navigation-rail-tab--labels-${this.labelVisibility}`]:true,"md-navigation-rail-tab--expanded":this.expanded},role:d,"aria-selected":r,"aria-current":e,"aria-disabled":t,"aria-label":m,tabindex:this.disabled?"-1":this.active?"0":"-1","aria-haspopup":this.submenu?"menu":undefined,"aria-expanded":this.submenu?this.submenuOpen?"true":"false":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i?n("a",{class:"md-navigation-rail-tab__anchor",href:a,target:this.target||undefined,rel:this.target?l:undefined,tabIndex:-1,"aria-hidden":"true",part:"anchor"},this.renderInner()):this.renderInner())}get el(){return this}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return c()}},[257,"md-navigation-rail-tab",{icon:[1],label:[1],active:[1540],disabled:[516],badge:[4],badgeValue:[1,"badge-value"],href:[1],target:[1],value:[1],labelVisibility:[513,"label-visibility"],expanded:[516],density:[514],submenuOpen:[32],hasSubmenu:[32],submenuHasSelection:[32],clearSubmenuSelection:[64]},undefined,{expanded:[{onExpandedChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const a=["md-navigation-rail-tab","md-ripple"];a.forEach((a=>{switch(a){case"md-navigation-rail-tab":if(!customElements.get(e(a))){customElements.define(e(a),m)}break;case"md-ripple":if(!customElements.get(e(a))){d()}break}}))}v();const b=m;const g=v;export{b as MdNavigationRailTab,g as defineCustomElement};
+import{p as a,H as i,c as t,h as n,d as o,t as e}from"./p-BR6gfOQH.js";import{t as r}from"./p-DYBUr7K_.js";import{s,S as l}from"./p-BdEoSBtL.js";import{d}from"./p-CTC8XAB6.js";const c=()=>`:host{--_icon-color:var(     --md-navigation-rail-tab-icon-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-icon-color:var(     --md-navigation-rail-tab-active-icon-color,     var(--md-sys-color-on-secondary-container, #4A4458)   );--_label-color:var(     --md-navigation-rail-tab-label-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-label-color:var(     --md-navigation-rail-tab-active-label-color,     var(--md-sys-color-secondary, #625B71)   );--_indicator-color:var(     --md-navigation-rail-tab-indicator-color,     var(--md-sys-color-secondary-container, #E8DEF8)   );--_indicator-shape:var(     --md-navigation-rail-tab-indicator-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_indicator-width:var(--md-navigation-rail-tab-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-height:var(--md-navigation-rail-tab-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_icon-size:var(--md-navigation-rail-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_min-height:var(--md-navigation-rail-tab-min-height, 56px);--_badge-color:var(     --md-navigation-rail-tab-badge-color,     var(--md-sys-color-error, #B3261E)   );--_badge-content-color:var(     --md-navigation-rail-tab-badge-content-color,     var(--md-sys-color-on-error, #FFFFFF)   );--_focus-ring-color:var(     --md-navigation-rail-tab-focus-ring-color,     var(--md-sys-color-secondary, #625B71)   );--_state-layer-color:var(     --md-navigation-rail-tab-state-layer-color,     var(--md-sys-color-on-secondary-container, #4A4458)   );--_motion-duration:var(--md-sys-motion-spring-effects-fast-duration, 150ms);--_motion-easing:var(     --md-sys-motion-spring-effects-fast-easing,     cubic-bezier(0.31, 0.94, 0.34, 1)   );--_motion-spatial-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);--_motion-spatial-easing:var(     --md-sys-motion-spring-spatial-fast-easing,     cubic-bezier(0.42, 1.67, 0.21, 0.9)   );--_hover-opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08);--_focus-opacity:var(--md-navigation-rail-tab-focus-state-layer-opacity, 0.10);--_press-opacity:var(--md-navigation-rail-tab-press-state-layer-opacity, 0.10);--_disabled-opacity:var(--md-sys-state-disabled-content-opacity, 0.38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;min-block-size:max(48px, calc(var(--_min-height) + var(--md-sys-density-scale, 0) * 4px));padding-block:max(0px, calc(2px + var(--md-sys-density-scale, 0) * 0.5px));padding-inline:0;box-sizing:border-box;cursor:pointer;user-select:none;position:relative;outline:none;-webkit-tap-highlight-color:transparent;color:var(--_icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-rail-tab--disabled){cursor:default;pointer-events:none;color:color-mix(     in srgb,     var(--md-sys-color-on-surface, #1C1B1F) calc(var(--_disabled-opacity) * 100%),     transparent   )}:host(:focus-visible){outline:none}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid var(--_focus-ring-color);outline-offset:2px}:host(.md-navigation-rail-tab--expanded:focus-visible) .md-navigation-rail-tab__indicator{outline-offset:-3px}md-ripple{border-radius:inherit}.md-navigation-rail-tab__indicator{position:absolute;inset-block-start:max(2px, calc(2px + var(--md-sys-density-scale, 0) * -0.5px));inset-inline:0;margin-inline:auto;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);border-radius:var(--_indicator-shape);background-color:transparent;pointer-events:none;overflow:hidden;transition:background-color var(--_motion-duration) var(--_motion-easing),     inline-size var(--_motion-spatial-duration) var(--_motion-spatial-easing);z-index:0}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--labels-none:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator,:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator{inset-block:0;margin-block:auto}.md-navigation-rail-tab__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing);border-radius:inherit}:host(:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_hover-opacity)}:host(:focus-visible:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_focus-opacity)}:host(:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_press-opacity)}.md-navigation-rail-tab__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);z-index:1;pointer-events:none}.md-navigation-rail-tab__icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md-navigation-rail-tab__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;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_motion-duration) var(--_motion-easing);color:inherit}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__icon{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted([slot='icon']){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:currentColor;fill:currentColor;pointer-events:none}.md-navigation-rail-tab__label{position:relative;z-index:1;font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);text-align:center;color:var(--_label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%;transition:color var(--_motion-duration) var(--_motion-easing),     font-weight var(--_motion-duration) var(--_motion-easing),     opacity var(--_motion-duration) var(--_motion-easing);padding-inline:var(--md-sys-spacing-inset-xs, 4px);box-sizing:border-box}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{color:var(--_active-label-color);font-weight:var(--md-sys-typescale-label-medium-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{max-block-size:1.25rem;transition:color var(--_motion-duration) var(--_motion-easing),     font-weight var(--_motion-duration) var(--_motion-easing),     opacity var(--_motion-duration) var(--_motion-easing),     max-block-size var(--_motion-duration) var(--_motion-easing),     margin-block-start var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{opacity:0;max-block-size:0;margin-block-start:-4px}:host(.md-navigation-rail-tab--labels-selected.md-navigation-rail-tab--expanded:not(.md-navigation-rail-tab--active)) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--expanded){flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);padding-block:0;inline-size:fit-content;min-block-size:max(48px, calc(56px + var(--md-sys-density-scale, 0) * 4px));border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__indicator{position:absolute;inset:0;transform:none;inline-size:auto;block-size:auto;border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__icon-wrapper{inline-size:var(--_icon-size);block-size:var(--_icon-size);flex:0 0 auto}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__label{text-align:start;flex:1 1 auto;min-inline-size:0;display:inline-block;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{font-weight:var(--md-sys-typescale-label-large-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}.md-navigation-rail-tab__badge{position:absolute;background-color:var(--_badge-color);color:var(--_badge-content-color);border-radius:var(--md-sys-shape-corner-full, 9999px);line-height:1;box-sizing:border-box;pointer-events:none;z-index:2}.md-navigation-rail-tab__badge--dot{inline-size:6px;block-size:6px;inset-block-start:-2px;inset-inline-end:-2px}.md-navigation-rail-tab__badge--large{min-inline-size:16px;block-size:16px;padding-inline:4px;inset-block-start:-6px;inset-inline-end:-6px;font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center}.md-navigation-rail-tab__anchor{display:contents;color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail-tab__indicator,.md-navigation-rail-tab__state-layer,.md-navigation-rail-tab__icon,.md-navigation-rail-tab__label{transition:none}}@media (forced-colors: active){:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:Highlight;forced-color-adjust:none}:host(.md-navigation-rail-tab--active){color:HighlightText}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid CanvasText}}: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}:host([data-orientation='horizontal']){block-size:100%}:host([data-orientation='horizontal']) .md-navigation-rail-tab__indicator,:host([data-orientation='horizontal']) .md-navigation-rail-tab__state-layer{display:none}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{border-radius:var(--_indicator-shape);background-color:transparent;transition:background-color var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal'].md-navigation-rail-tab--active) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper::after{content:'';position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal']:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_hover-opacity)}:host([data-orientation='horizontal']:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_press-opacity)}:host([data-orientation='horizontal']:focus-visible) .md-navigation-rail-tab__icon-wrapper{outline:3px solid var(--_focus-ring-color);outline-offset:2px}.md-navigation-rail-tab__caret{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px));line-height:1;vertical-align:middle;margin-inline-start:2px;transition:transform     var(--md-navigation-rail-tab-caret-duration, var(--md-sys-motion-duration-medium2, 300ms))     var(       --md-sys-motion-easing-emphasized,       cubic-bezier(0.2, 0, 0, 1)     )}:host([aria-expanded='true']) .md-navigation-rail-tab__caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.md-navigation-rail-tab__caret{transition-duration:1ms}}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected[data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__icon,:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__label{color:var(--_active-icon-color)}`;const m=a(class a extends i{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdTabClick=t(this,"mdTabClick",7);this.mdSubmenuToggle=t(this,"mdSubmenuToggle",7);this.icon="";this.label="";this.active=false;this.disabled=false;this.badge=false;this.badgeValue="";this.href="";this.target="";this.value="";this.labelVisibility="all";this.expanded=false;this.density=0;this.iconFirst=null;this.pendingTransition=false;this.submenuOpen=false;this.hasSubmenu=false;this.submenuHasSelection=false;this.handleSubmenuClick=a=>{const i=a.target?.closest?.("md-menu-item");const t=this.submenu;if(!i||!t||!t.contains(i))return;t.querySelectorAll("md-menu-item[selected]").forEach((a=>{if(a!==i)a.removeAttribute("selected")}));i.setAttribute("selected","");this.syncSubmenuSelection();this.mdTabClick.emit({value:this.value})};this.handleClick=a=>{if(this.disabled){a.preventDefault();a.stopImmediatePropagation();return}if(this.submenu){a.preventDefault();this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value})};this.handleKeyDown=a=>{if(this.disabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();r(this.el);if(this.submenu){this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value});if(this.href){const a=this.el.shadowRoot?.querySelector("a.md-navigation-rail-tab__anchor");a?.click()}}}}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){this.warnMissingAccessibleName()}this.ensureSubmenuAnchor();const a=this.submenu;this.hasSubmenu=!!a;if(a){a.addEventListener("mdOpen",(()=>{this.submenuOpen=true;this.mdSubmenuToggle.emit({open:true})}));a.addEventListener("mdClose",(()=>{this.submenuOpen=false;this.syncSubmenuSelection();this.mdSubmenuToggle.emit({open:false})}));a.addEventListener("mdClick",(a=>this.handleSubmenuClick(a)));this.syncSubmenuSelection()}}onExpandedChange(){if(this.prefersReducedMotion())return;this.iconFirst=this.iconCentre();this.pendingTransition=true}componentDidRender(){if(!this.pendingTransition)return;this.pendingTransition=false;this.playTransition()}prefersReducedMotion(){return typeof window!=="undefined"&&!!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches}iconCentre(){const a=this.el.shadowRoot?.querySelector(".md-navigation-rail-tab__icon-wrapper");if(!a)return null;const i=a.getBoundingClientRect();return{cx:i.left+i.width/2,cy:i.top+i.height/2}}motionDuration(){const a=getComputedStyle(this.el).getPropertyValue("--md-sys-motion-duration-short4").trim();if(a.endsWith("ms"))return parseFloat(a)||200;if(a.endsWith("s"))return(parseFloat(a)||.2)*1e3;return 200}playTransition(){const a=this.el.shadowRoot;if(!a)return;const i=this.motionDuration();const t=a.querySelector(".md-navigation-rail-tab__icon-wrapper");if(t&&this.iconFirst){const a=t.getBoundingClientRect();const n=this.iconFirst.cx-(a.left+a.width/2);const o=this.iconFirst.cy-(a.top+a.height/2);if(Math.abs(n)>.5||Math.abs(o)>.5){t.animate([{transform:`translate(${n}px, ${o}px)`},{transform:"translate(0, 0)"}],{duration:i,easing:getComputedStyle(this.el).getPropertyValue("--md-sys-motion-easing-standard").trim()||"cubic-bezier(0.2, 0, 0, 1)",fill:"none"})}}this.iconFirst=null;const n=a.querySelector(".md-navigation-rail-tab__label");if(n){n.animate([{opacity:0},{opacity:0,offset:.15},{opacity:1}],{duration:i,easing:"ease-out",fill:"none"})}}warnMissingAccessibleName(){const a=this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby");if(!this.label&&!a){console.warn("[md-navigation-rail-tab] WCAG 1.1.1 / 2.4.4: destination is missing a label. "+"Add a `label` attribute or aria-label.",this.el)}}get submenu(){return this.el.querySelector('[slot="submenu"]')}ensureSubmenuAnchor(){const a=this.submenu;if(!a)return;if(!this.el.id){this.generatedId=this.generatedId??`md-rail-tab-${Math.random().toString(36).slice(2,9)}`;this.el.id=this.generatedId}if(a.getAttribute("anchor")!==this.el.id)a.setAttribute("anchor",this.el.id);if(!a.hasAttribute("placement"))a.setAttribute("placement","bottom-start")}async clearSubmenuSelection(){const a=this.submenu;a?.querySelectorAll("md-menu-item[selected]").forEach((a=>{a.removeAttribute("selected")}));this.submenuHasSelection=false}syncSubmenuSelection(){const a=this.submenu;this.submenuHasSelection=!!a?.querySelector('md-menu-item[selected], md-menu-item[aria-checked="true"]')}toggleSubmenu(){const a=this.submenu;if(!a)return;if(a.open)void a.close();else void a.show()}get displayBadgeValue(){if(!this.badgeValue)return"";const a=Number(this.badgeValue);if(Number.isFinite(a)&&a>999)return"999+";return this.badgeValue}renderIcon(){const a=!!this.icon;return n("slot",{name:"icon"},a&&n("span",{class:"md-navigation-rail-tab__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon))}renderBadge(){const a=!!this.badgeValue;const i=this.badge&&!a;if(!a&&!i)return null;return n("span",{class:{"md-navigation-rail-tab__badge":true,"md-navigation-rail-tab__badge--dot":i,"md-navigation-rail-tab__badge--large":a},part:i?"badge badge-dot":"badge badge-large",role:"status","aria-label":a?`${this.displayBadgeValue} new notifications`:"new notifications"},a&&this.displayBadgeValue)}renderInner(){return[n("span",{class:"md-navigation-rail-tab__indicator",part:"indicator","aria-hidden":"true"},n("span",{class:"md-navigation-rail-tab__state-layer",part:"state-layer","aria-hidden":"true"})),n("md-ripple",{disabled:this.disabled}),n("span",{class:"md-navigation-rail-tab__icon-wrapper",part:"icon-wrapper"},n("span",{class:"md-navigation-rail-tab__icon-box"},this.renderIcon(),this.renderBadge())),this.label&&n("span",{class:"md-navigation-rail-tab__label",part:"label"},this.label,this.hasSubmenu&&n("span",{class:"md-navigation-rail-tab__caret material-symbols-outlined",part:"caret","aria-hidden":"true"},"arrow_drop_down")),n("slot",{name:"submenu"})]}render(){const a=s(this.href);const i=!!a&&!this.disabled;const t=this.disabled?"true":null;const e=this.active&&i?"page":null;const r=i?null:this.active?"true":"false";const d=i?"link":"tab";const c=this.el.getAttribute("aria-label")??undefined;const m=i?this.label||c:!this.label?c:undefined;return n(o,{key:"f7f616314485ebf51d0cc79a5a91c949a98045de",class:{"md-navigation-rail-tab":true,"md-navigation-rail-tab--active":this.active,"md-navigation-rail-tab--child-selected":this.submenuHasSelection&&!this.active,"md-navigation-rail-tab--disabled":this.disabled,"md-navigation-rail-tab--has-label":!!this.label,[`md-navigation-rail-tab--labels-${this.labelVisibility}`]:true,"md-navigation-rail-tab--expanded":this.expanded},role:d,"aria-selected":r,"aria-current":e,"aria-disabled":t,"aria-label":m,tabindex:this.disabled?"-1":this.active?"0":"-1","aria-haspopup":this.submenu?"menu":undefined,"aria-expanded":this.submenu?this.submenuOpen?"true":"false":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i?n("a",{class:"md-navigation-rail-tab__anchor",href:a,target:this.target||undefined,rel:this.target?l:undefined,tabIndex:-1,"aria-hidden":"true",part:"anchor"},this.renderInner()):this.renderInner())}get el(){return this}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return c()}},[257,"md-navigation-rail-tab",{icon:[1],label:[1],active:[1540],disabled:[516],badge:[4],badgeValue:[1,"badge-value"],href:[1],target:[1],value:[1],labelVisibility:[513,"label-visibility"],expanded:[516],density:[514],submenuOpen:[32],hasSubmenu:[32],submenuHasSelection:[32],clearSubmenuSelection:[64]},undefined,{expanded:[{onExpandedChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const a=["md-navigation-rail-tab","md-ripple"];a.forEach((a=>{switch(a){case"md-navigation-rail-tab":if(!customElements.get(e(a))){customElements.define(e(a),m)}break;case"md-ripple":if(!customElements.get(e(a))){d()}break}}))}v();const b=m;const g=v;export{b as MdNavigationRailTab,g as defineCustomElement};
 //# sourceMappingURL=md-navigation-rail-tab.js.map

package/dist/components/md-navigation-rail.js

@@ -1,2 +1,2 @@
-import{p as i,H as a,c as n,h as t,d as e,t as o}from"./p-MWBNn6Lj.js";import{d as s}from"./p-6wZSqm_2.js";import{d as r}from"./p-B0Opn6dK.js";import{d}from"./p-7fN_yCXW.js";import{d as l}from"./p-stybaFzj.js";const c=()=>`:host{--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface, #FFFBFE)   );--_container-width:var(--md-navigation-rail-container-width, max(56px, calc(80px + var(--md-sys-density-scale, 0) * 4px)));--_expanded-width:var(--md-navigation-rail-expanded-width, max(140px, calc(220px + var(--md-sys-density-scale, 0) * 20px)));--_expanded-max-width:var(--md-navigation-rail-expanded-max-width, 360px);--_container-shape:var(--md-navigation-rail-container-shape, 0px);--_container-elevation:var(--md-navigation-rail-container-elevation, none);--_padding-block:var(--md-navigation-rail-padding-block, max(24px, calc(44px + var(--md-sys-density-scale, 0) * 4px)));--_padding-inline:var(--md-navigation-rail-padding-inline, 0px);--_gap:var(--md-navigation-rail-gap, var(--md-sys-spacing-gap-md, 12px));--_header-space:var(--md-navigation-rail-header-space, max(20px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_destinations-gap:var(--md-navigation-rail-destinations-gap, max(0px, calc(8px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(     --md-navigation-rail-content-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_logo-icon-size:var(--md-navigation-rail-logo-icon-size, 24px);--_motion-duration:var(--md-sys-motion-duration-short4, 200ms);--_motion-easing:var(     --md-sys-motion-easing-standard,     cubic-bezier(0.2, 0, 0, 1)   );--_motion-effects-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_motion-effects-easing:var(     --md-sys-motion-spring-effects-default-easing,     cubic-bezier(0.34, 0.8, 0.34, 1)   );display:flex;flex-direction:column;box-sizing:border-box;inline-size:var(--_container-width);min-inline-size:var(--_container-width);max-inline-size:var(--_container-width);block-size:100%;min-block-size:100%;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);background-color:var(--_container-color);color:var(--_content-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);position:relative;isolation:isolate;transition:inline-size var(--_motion-duration) var(--_motion-easing),     min-inline-size var(--_motion-duration) var(--_motion-easing),     max-inline-size var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-effects-duration) var(--_motion-effects-easing);font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif)}:host(.md-navigation-rail--full-height){block-size:100dvh;min-block-size:100dvh}:host(.md-navigation-rail--expanded){inline-size:var(--_expanded-width);min-inline-size:var(--_expanded-width);max-inline-size:var(--_expanded-max-width);--_padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-navigation-rail--modal){position:static;isolation:auto;background-color:transparent;box-shadow:none;padding:0}:host(.md-navigation-rail--modal.md-navigation-rail--expanded){--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface-container, #F3EDF7)   );--_container-shape:var(     --md-navigation-rail-container-shape,     var(--md-sys-shape-corner-large, 16px)   );--_container-elevation:var(     --md-navigation-rail-container-elevation,     var(--md-sys-elevation-3, 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15))   );inline-size:var(--_container-width);min-inline-size:var(--_container-width);max-inline-size:var(--_container-width)}.md-navigation-rail__scrim{position:absolute;inset:0;background-color:var(--md-sys-color-scrim, #000000);opacity:0;pointer-events:none;z-index:2;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail--modal.md-navigation-rail--expanded) .md-navigation-rail__scrim{opacity:0.32;pointer-events:auto}:host(.md-navigation-rail--modal) .md-navigation-rail__container{position:absolute;inset-block-start:0;inset-inline-start:0;box-sizing:border-box;inline-size:var(--_container-width);block-size:100%;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);background-color:var(--_container-color);box-shadow:var(--_container-elevation);border-start-end-radius:var(--_container-shape);border-end-end-radius:var(--_container-shape);z-index:3;overflow:hidden;transition:inline-size var(--_motion-duration) var(--_motion-easing),     inset-block-start var(--_motion-duration) var(--_motion-easing),     inset-inline-start var(--_motion-duration) var(--_motion-easing),     block-size var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-effects-duration) var(--_motion-effects-easing),     box-shadow var(--_motion-effects-duration) var(--_motion-effects-easing),     border-radius var(--_motion-effects-duration) var(--_motion-effects-easing)}:host(.md-navigation-rail--modal.md-navigation-rail--expanded) .md-navigation-rail__container{inline-size:var(--_expanded-width);max-inline-size:var(--_expanded-max-width);inset-block-start:16px;inset-inline-start:16px;block-size:calc(100% - 32px);border-radius:var(--_container-shape)}.md-navigation-rail__container{display:flex;flex-direction:column;block-size:100%;gap:var(--_gap);inline-size:100%}.md-navigation-rail__logo{position:relative;inline-size:100%;min-block-size:48px}.md-navigation-rail__logo[hidden]{display:none}.md-navigation-rail__logo-contracted,.md-navigation-rail__logo-expanded{position:absolute;inset-block:0;inset-inline-start:0;inset-inline-end:0;display:flex;align-items:center;justify-content:flex-start;padding-inline-start:calc((var(--_container-width) - var(--_logo-icon-size)) / 2);transition:opacity var(--_motion-effects-duration) var(--_motion-effects-easing)}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-contracted,:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-expanded{margin-inline-start:calc(-1 * var(--_padding-inline))}.md-navigation-rail__logo-contracted{opacity:1}.md-navigation-rail__logo-expanded{opacity:0;pointer-events:none}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-contracted{opacity:0;pointer-events:none}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-expanded{opacity:1;pointer-events:auto}:host(.md-navigation-rail--expanded:not(.md-navigation-rail--with-logo-expanded)) .md-navigation-rail__logo-contracted{opacity:1;pointer-events:auto}.md-navigation-rail__toggle{display:flex;align-items:center;justify-content:flex-start;inline-size:100%;min-block-size:48px;padding-inline-start:calc((var(--_container-width) - 40px) / 2)}:host(.md-navigation-rail--expanded) .md-navigation-rail__toggle{padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__header{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:100%;min-block-size:56px;padding-block-end:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-navigation-rail--expanded) .md-navigation-rail__header{align-items:flex-start;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__header[hidden]{display:none}.md-navigation-rail__fab{display:flex;align-items:center;justify-content:center;inline-size:100%;padding-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-navigation-rail--expanded) .md-navigation-rail__fab{justify-content:flex-start;padding-inline-start:var(--md-sys-spacing-inset-md, 12px)}.md-navigation-rail__fab[hidden]{display:none}.md-navigation-rail__destinations{display:flex;flex-direction:column;gap:var(--_destinations-gap);inline-size:100%;flex:1 1 auto;min-block-size:0;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;scrollbar-width:thin;padding-block:5px}:host(.md-navigation-rail--with-header) .md-navigation-rail__destinations,:host(.md-navigation-rail--with-fab) .md-navigation-rail__destinations{padding-block-start:calc(var(--_header-space) - var(--_gap))}:host(.md-navigation-rail--align-top) .md-navigation-rail__destinations{justify-content:flex-start}:host(.md-navigation-rail--align-middle) .md-navigation-rail__destinations{justify-content:center}:host(.md-navigation-rail--align-bottom) .md-navigation-rail__destinations{justify-content:flex-end}.md-navigation-rail__footer{display:flex;flex-direction:column;align-items:stretch;inline-size:100%;gap:var(--_destinations-gap);padding-block-start:var(--md-sys-spacing-inset-sm, 8px);margin-block-start:auto;}.md-navigation-rail__footer ::slotted(md-icon-button){align-self:center}:host(.md-navigation-rail--expanded) .md-navigation-rail__footer ::slotted(md-icon-button){align-self:flex-start}:host(.md-navigation-rail--expanded) .md-navigation-rail__footer{padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__footer[hidden]{display:none}::slotted(md-navigation-rail-tab){inline-size:var(--_container-width)}:host(.md-navigation-rail--tabs-expanded) ::slotted(md-navigation-rail-tab){inline-size:fit-content}::slotted(md-fab),::slotted(md-icon-button){flex:0 0 auto}::slotted(md-fab){box-shadow:none}::slotted([data-section-header]){display:none}:host(.md-navigation-rail--tabs-expanded) ::slotted([data-section-header]){display:block;flex:0 0 auto;padding-block:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);margin:0;color:var(--md-sys-color-on-surface-variant, #49454F);font-family:var(--md-sys-typescale-title-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-title-small-font-size, 14px);font-weight:var(--md-sys-typescale-title-small-font-weight, 500);line-height:var(--md-sys-typescale-title-small-line-height, 20px);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, 0.1px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail__toggle,.md-navigation-rail__fab,.md-navigation-rail__scrim,:host(.md-navigation-rail--modal) .md-navigation-rail__container{transition:none}}:host([data-theme='dark']),:host-context([data-theme='dark']){--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface, #1C1B1F)   )}@media (forced-colors: active){:host{border-inline-end:1px solid CanvasText}}: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}:host(.md-navigation-rail--horizontal){flex-direction:row;inline-size:100%;min-inline-size:0;max-inline-size:none;block-size:auto;min-block-size:var(     --md-navigation-rail-horizontal-height,     max(64px, calc(72px + var(--md-sys-density-scale, 0) * 4px))   );padding-block:var(--md-navigation-rail-horizontal-padding-block, 0px);padding-inline:var(--md-navigation-rail-horizontal-padding-inline, var(--md-sys-spacing-inset-md, 12px))}:host(.md-navigation-rail--horizontal) .md-navigation-rail__container{flex-direction:row;align-items:stretch;block-size:auto}:host(.md-navigation-rail--horizontal) .md-navigation-rail__destinations{flex-direction:row;align-items:stretch;inline-size:auto;min-inline-size:0;block-size:auto;min-block-size:0;overflow-x:auto;overflow-y:clip;padding-block:0;padding-inline:5px;justify-content:center}:host(.md-navigation-rail--horizontal.md-navigation-rail--with-header) .md-navigation-rail__destinations,:host(.md-navigation-rail--horizontal.md-navigation-rail--with-fab) .md-navigation-rail__destinations{padding-block-start:0;padding-inline-start:calc(var(--_header-space) - var(--_gap))}:host(.md-navigation-rail--horizontal) ::slotted(md-navigation-rail-tab){inline-size:auto;min-inline-size:var(--_container-width);flex-shrink:0}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo{inline-size:auto;min-block-size:0;flex:0 0 auto;display:flex;align-items:center}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-contracted,:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-expanded{position:static;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-expanded{display:none}:host(.md-navigation-rail--horizontal) .md-navigation-rail__fab{flex:0 0 auto}:host(.md-navigation-rail--horizontal) .md-navigation-rail__footer{flex-direction:row;align-items:center;inline-size:auto;padding-block-start:0;padding-inline-start:var(--md-sys-spacing-inset-sm, 8px);margin-block-start:0;margin-inline-start:auto}:host(.md-navigation-rail--horizontal) ::slotted([data-section-header]){display:none}:host(.md-navigation-rail--submenu-open){isolation:auto;z-index:3}::slotted(md-navigation-rail-tab[data-overflowed]){display:none}.md-navigation-rail__overflow{position:relative;display:flex;flex:0 0 auto;justify-content:center}.md-navigation-rail__overflow-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;inline-size:100%;min-block-size:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 2px));padding:0 var(--md-sys-spacing-inset-sm, 8px);border:none;background:none;color:var(--_content-color);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.md-navigation-rail__overflow-trigger:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:var(--md-sys-shape-corner-small, 8px)}.md-navigation-rail__overflow-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1}.md-navigation-rail__overflow-label{font:var(--md-sys-typescale-label-medium, 500 12px/16px Roboto, sans-serif);white-space:nowrap}:host(.md-navigation-rail--label-visibility-none) .md-navigation-rail__overflow-label{display:none}:host(.md-navigation-rail--horizontal) .md-navigation-rail__overflow-trigger{inline-size:auto;min-inline-size:var(--_container-width)}.md-navigation-rail__overflow md-menu-item .material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted(md-menu[slot='submenu']){position:absolute}`;const m=i(class i extends a{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.mdTabChange=n(this,"mdTabChange",7);this.mdExpand=n(this,"mdExpand",7);this.mdCollapse=n(this,"mdCollapse",7);this.variant="standard";this.modal=false;this.fullHeight=false;this.alignment="top";this.expandable=false;this.toggleLabel="Toggle navigation";this.labelVisibility="all";this.activeIndex=-1;this.label="Navigation";this.disableFocusManagement=false;this.density=0;this.hasLogo=false;this.hasLogoExpanded=false;this.hasHeader=false;this.hasFab=false;this.hasFooter=false;this.hasLinkDestinations=false;this.overflowCount=0;this.submenuOpen=false;this.tabsExpanded=false;this.orientation="vertical";this.overflowLabel="More";this.overflowIcon="more_horiz";this.wiredMenus=new WeakSet;this.handleSlottedMenuOpen=()=>{this.submenuOpen=true};this.handleSlottedMenuClose=()=>{this.submenuOpen=this.anyMenuOpen()};this.overflowId=`md-rail-overflow-${Math.random().toString(36).slice(2,9)}`;this.toggleOverflow=()=>{const i=this.overflowMenu();if(!i)return;if(i.open)void i.close();else void i.show()};this.handleKeyDown=i=>{if(i.key==="Escape"&&this.modal&&this.variant==="expanded"){i.preventDefault();this.collapse();this.focusToggle();return}if(this.disableFocusManagement)return;const n=this.getTabs().filter((i=>!this.isTabDisabled(i)));if(n.length===0)return;const t=i.composedPath().find((i=>i instanceof a&&n.includes(i)));const e=t?n.indexOf(t):-1;let o=null;const s=this.orientation==="horizontal"&&this.resolveDirection()==="rtl";const r=i=>i==="ArrowDown"||(s?i==="ArrowLeft":i==="ArrowRight");const d=i=>i==="ArrowUp"||(s?i==="ArrowRight":i==="ArrowLeft");switch(true){case r(i.key):o=e<0?0:(e+1)%n.length;break;case d(i.key):o=e<0?n.length-1:(e-1+n.length)%n.length;break;case i.key==="Home":o=0;break;case i.key==="End":o=n.length-1;break;default:return}i.preventDefault();const l=n[o];if(!l)return;const c=this.getTabs();this.setRovingTabindex(c.indexOf(l));l.focus()};this.handleToggleClick=()=>{this.toggle()};this.handleScrimClick=()=>{if(this.modal&&this.variant==="expanded"){this.collapse();this.focusToggle()}};this.handleSlotChange=()=>{this.syncTabs()};this.handleLogoSlotChange=i=>{this.hasLogo=i.target.assignedElements().length>0};this.handleLogoExpandedSlotChange=i=>{this.hasLogoExpanded=i.target.assignedElements().length>0};this.handleHeaderSlotChange=i=>{this.hasHeader=i.target.assignedElements().length>0};this.handleFabSlotChange=i=>{this.hasFab=i.target.assignedElements().length>0;this.syncFab()};this.handleFooterSlotChange=i=>{this.hasFooter=i.target.assignedElements().length>0;this.wireSlottedMenus()}}async expand(){if(this.variant!=="expanded"){this.variant="expanded"}}async collapse(){if(this.variant!=="standard"){this.variant="standard"}}async toggle(){this.variant=this.variant==="expanded"?"standard":"expanded"}async focusTab(i){const a=this.getTabs();const n=a[i];if(n){this.setRovingTabindex(i);n.focus()}}componentWillLoad(){this.tabsExpanded=this.variant==="expanded";if(this.activeIndex<0){const i=Array.from(this.el.children).filter((i=>i.tagName.toLowerCase()==="md-navigation-rail-tab"));const a=i.findIndex((i=>i.hasAttribute("active")));if(a>=0)this.activeIndex=a}}componentDidLoad(){this.syncTabs();this.syncFab();this.wireSlottedMenus()}onVariantChange(i,a){if(i===a)return;if(i==="expanded")this.mdExpand.emit();else this.mdCollapse.emit();this.tabsExpanded=i==="expanded";this.syncTabs();this.syncFab()}syncFab(){const i=this.el.shadowRoot?.querySelector('slot[name="fab"]');i?.assignedElements().forEach((i=>{this.setProp(i,"extended",this.variant==="expanded")}))}onLabelVisibilityChange(){this.syncTabs()}onActiveIndexChange(){this.syncTabs()}handleTabClick(i){const a=i.target;if(!a)return;const n=this.getTabs();const t=n.indexOf(a);if(t<0)return;if(this.isTabDisabled(a)){i.stopPropagation();return}const e=t!==this.activeIndex;this.activeIndex=t;this.setRovingTabindex(t);this.clearOtherSubmenuSelections(a);if(e){this.mdTabChange.emit({index:t,value:i.detail?.value??""})}}clearOtherSubmenuSelections(i){this.getTabs().forEach((a=>{if(a===i)return;const n=a.clearSubmenuSelection;if(typeof n==="function")void n.call(a)}))}isTabDisabled(i){return i.hasAttribute("disabled")||i.getAttribute("aria-disabled")==="true"||i.hasAttribute("data-overflowed")}getTabs(){const i=this.el.shadowRoot?.querySelector("slot:not([name])");if(!i)return[];return i.assignedElements().filter((i=>i.tagName.toLowerCase()==="md-navigation-rail-tab"))}syncTabs(){const i=this.getTabs();this.hasLinkDestinations=i.some((i=>!!i.href||!!i.getAttribute("href")));i.forEach(((a,n)=>{const t=n===this.activeIndex;this.setProp(a,"active",t);this.setProp(a,"labelVisibility",this.labelVisibility);this.setProp(a,"expanded",this.tabsExpanded);a.setAttribute("data-orientation",this.orientation);if(!this.disableFocusManagement){const e=!this.isTabDisabled(a);const o=this.activeIndex>=0&&t||this.activeIndex<0&&n===i.findIndex((i=>!this.isTabDisabled(i)));a.tabIndex=e&&o?0:-1}}));this.applyOverflow()}setProp(i,a,n){try{i[a]=n}catch{}}setRovingTabindex(i){if(this.disableFocusManagement)return;const a=this.getTabs();a.forEach(((a,n)=>{a.tabIndex=n===i&&!this.isTabDisabled(a)?0:-1}))}resolveDirection(){let i=this.el;while(i){const a=i.getAttribute?.("dir");if(a==="rtl"||a==="ltr")return a;i=i.parentElement}return"ltr"}onDescendantSubmenuToggle(i){this.submenuOpen=i.detail?.open?true:this.anyMenuOpen()}wireSlottedMenus(){this.el.querySelectorAll("md-menu").forEach((i=>{if(this.wiredMenus.has(i))return;this.wiredMenus.add(i);i.addEventListener("mdOpen",this.handleSlottedMenuOpen);i.addEventListener("mdClose",this.handleSlottedMenuClose)}))}anyMenuOpen(){return Array.from(this.el.querySelectorAll("md-menu")).some((i=>i.open))}get overflowedTabs(){const i=this.maxVisible;const a=this.getTabs();if(!i||i<1||a.length<=i)return[];return a.slice(i)}applyOverflow(){const i=this.overflowedTabs;const a=new Set(i);this.getTabs().forEach((i=>{if(a.has(i))i.setAttribute("data-overflowed","");else i.removeAttribute("data-overflowed")}));this.overflowCount=i.length}onMaxVisibleChange(){this.applyOverflow()}overflowMenu(){return this.el.shadowRoot?.querySelector("md-menu")}selectOverflowed(i){const a=this.getTabs().indexOf(i);if(a<0)return;const n=a!==this.activeIndex;this.activeIndex=a;this.setRovingTabindex(a);this.clearOtherSubmenuSelections(i);if(n){this.mdTabChange.emit({index:a,value:i.getAttribute("value")??""})}void this.overflowMenu()?.close()}focusToggle(){const i=this.el.shadowRoot?.querySelector(".md-navigation-rail__toggle-button");i?.focus()}render(){return t(e,{key:"3d3929306bacef8acfbd8f686a4b7c3a0a1c7d04",class:{"md-navigation-rail":true,[`md-navigation-rail--${this.variant}`]:true,"md-navigation-rail--tabs-expanded":this.tabsExpanded,"md-navigation-rail--horizontal":this.orientation==="horizontal","md-navigation-rail--submenu-open":this.submenuOpen,"md-navigation-rail--modal":this.modal,"md-navigation-rail--full-height":this.fullHeight,[`md-navigation-rail--align-${this.alignment}`]:true,[`md-navigation-rail--labels-${this.labelVisibility}`]:true,"md-navigation-rail--with-logo":this.hasLogo||this.hasLogoExpanded,"md-navigation-rail--with-logo-expanded":this.hasLogoExpanded,"md-navigation-rail--with-header":this.hasHeader,"md-navigation-rail--with-fab":this.hasFab,"md-navigation-rail--with-footer":this.hasFooter},role:"navigation","aria-label":this.label,onKeyDown:this.handleKeyDown},t("div",{key:"c92433602e7747f3302be5769ebcd491b48fc6a7",class:"md-navigation-rail__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),t("div",{key:"d70f14a5d4c57e49ce91818919765204277fb2b1",class:"md-navigation-rail__container",part:"container"},t("div",{key:"59344703c915d15a79e44e8c6287db111b3cc1e5",class:"md-navigation-rail__logo",part:"logo",hidden:!this.hasLogo&&!this.hasLogoExpanded},t("span",{key:"e1d8cee7cccd8ed977c980f998d77faa544b8ea3",class:"md-navigation-rail__logo-contracted",part:"logo-contracted"},t("slot",{key:"c92ecdf05c7ae1faac015ccc2b77011607ec2400",name:"logo",onSlotchange:this.handleLogoSlotChange})),t("span",{key:"059d6e0eadec6398d1626ed44667231ad65d846c",class:"md-navigation-rail__logo-expanded",part:"logo-expanded"},t("slot",{key:"7bf0cf2e55ef500ab9d7f1689c44faffd35a907b",name:"logo-expanded",onSlotchange:this.handleLogoExpandedSlotChange}))),this.expandable&&this.orientation==="vertical"&&t("div",{key:"573b13d0e600e20286a1cb77a0243661d5995443",class:"md-navigation-rail__toggle",part:"toggle"},t("md-icon-button",{key:"64ace22b44d1da34bb84c7114ed5977d0c7597a0",class:"md-navigation-rail__toggle-button",icon:this.variant==="expanded"?"menu_open":"menu","aria-label":this.toggleLabel,"aria-expanded":this.variant==="expanded"?"true":"false",onClick:this.handleToggleClick})),t("div",{key:"dc3991334f2711aa0ca7a56b7c51a5302b22577a",class:"md-navigation-rail__header",part:"header",hidden:!this.hasHeader},t("slot",{key:"f4d839f52101b0c6d7fda026763c6fc16e1d065b",name:"header",onSlotchange:this.handleHeaderSlotChange})),t("div",{key:"fa32e9e3b98308e9cb2c94a53a9b804565833a44",class:"md-navigation-rail__fab",part:"fab",hidden:!this.hasFab},t("slot",{key:"58ec6681efb826b3aa5e88c4f8dd07607b0d0e17",name:"fab",onSlotchange:this.handleFabSlotChange})),t("div",{key:"47ad4dcc7900c2dcc5b686db218492b44d783cc9",class:"md-navigation-rail__destinations",part:"destinations",role:this.hasLinkDestinations?undefined:"tablist","aria-orientation":this.hasLinkDestinations?undefined:this.orientation,"aria-label":this.hasLinkDestinations?undefined:this.label},t("slot",{key:"c7e9b32b3285e15d1fd5898b2e75e6c588abf434",onSlotchange:this.handleSlotChange})),this.overflowCount>0&&t("div",{key:"d9918f2d696971906868c0410a3ff7fa13b108bf",class:"md-navigation-rail__overflow",part:"overflow"},t("button",{key:"16a274e2898cea6e9c912ada3b811ea32d2c4d5a",id:this.overflowId,type:"button",class:"md-navigation-rail__overflow-trigger",part:"overflow-trigger","aria-haspopup":"menu","aria-label":this.overflowLabel,onClick:this.toggleOverflow},t("span",{key:"b52e99255604616dca34eed531c8d8b738e0a183",class:"material-symbols-outlined md-navigation-rail__overflow-icon","aria-hidden":"true"},this.overflowIcon),t("span",{key:"29c312daad50206e6cde02edd1f3d20025465823",class:"md-navigation-rail__overflow-label"},this.overflowLabel)),t("md-menu",{key:"4aeb58bb954bd30673330f7c3a9aa4e9111f3330",anchor:this.overflowId,placement:this.orientation==="horizontal"?"bottom-end":"top-start"},this.overflowedTabs.map((i=>t("md-menu-item",{key:i.getAttribute("value")||i.getAttribute("label")||"",headline:i.getAttribute("label")||"",onClick:()=>this.selectOverflowed(i)},i.getAttribute("icon")&&t("span",{slot:"leading-icon",class:"material-symbols-outlined"},i.getAttribute("icon"))))))),t("div",{key:"4a5edb00ca0ed470ded1aebf24fd43ba44f5a400",class:"md-navigation-rail__footer",part:"footer",hidden:!this.hasFooter},t("slot",{key:"47ef388857f60eab7941467abad8461ee0349387",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return this}static get watchers(){return{variant:[{onVariantChange:0}],labelVisibility:[{onLabelVisibilityChange:0}],activeIndex:[{onActiveIndexChange:0}],maxVisible:[{onMaxVisibleChange:0}]}}static get style(){return c()}},[257,"md-navigation-rail",{variant:[1537],modal:[516],fullHeight:[516,"full-height"],alignment:[513],expandable:[516],toggleLabel:[1,"toggle-label"],labelVisibility:[513,"label-visibility"],activeIndex:[1538,"active-index"],label:[1],disableFocusManagement:[4,"disable-focus-management"],density:[514],orientation:[513],maxVisible:[2,"max-visible"],overflowLabel:[1,"overflow-label"],overflowIcon:[1,"overflow-icon"],hasLogo:[32],hasLogoExpanded:[32],hasHeader:[32],hasFab:[32],hasFooter:[32],hasLinkDestinations:[32],overflowCount:[32],submenuOpen:[32],tabsExpanded:[32],expand:[64],collapse:[64],toggle:[64],focusTab:[64]},[[0,"mdTabClick","handleTabClick"],[0,"mdSubmenuToggle","onDescendantSubmenuToggle"]],{variant:[{onVariantChange:0}],labelVisibility:[{onLabelVisibilityChange:0}],activeIndex:[{onActiveIndexChange:0}],maxVisible:[{onMaxVisibleChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const i=["md-navigation-rail","md-icon-button","md-menu","md-menu-item","md-ripple"];i.forEach((i=>{switch(i){case"md-navigation-rail":if(!customElements.get(o(i))){customElements.define(o(i),m)}break;case"md-icon-button":if(!customElements.get(o(i))){s()}break;case"md-menu":if(!customElements.get(o(i))){r()}break;case"md-menu-item":if(!customElements.get(o(i))){d()}break;case"md-ripple":if(!customElements.get(o(i))){l()}break}}))}h();const g=m;const v=h;export{g as MdNavigationRail,v as defineCustomElement};
+import{p as i,H as a,c as n,h as t,d as e,t as o}from"./p-BR6gfOQH.js";import{d as s}from"./p-DYL-8C5C.js";import{d as r}from"./p-CCMritCA.js";import{d}from"./p-D8oM1Kr3.js";import{d as l}from"./p-CTC8XAB6.js";const c=()=>`:host{--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface, #FFFBFE)   );--_container-width:var(--md-navigation-rail-container-width, max(56px, calc(80px + var(--md-sys-density-scale, 0) * 4px)));--_expanded-width:var(--md-navigation-rail-expanded-width, max(140px, calc(220px + var(--md-sys-density-scale, 0) * 20px)));--_expanded-max-width:var(--md-navigation-rail-expanded-max-width, 360px);--_container-shape:var(--md-navigation-rail-container-shape, 0px);--_container-elevation:var(--md-navigation-rail-container-elevation, none);--_padding-block:var(--md-navigation-rail-padding-block, max(24px, calc(44px + var(--md-sys-density-scale, 0) * 4px)));--_padding-inline:var(--md-navigation-rail-padding-inline, 0px);--_gap:var(--md-navigation-rail-gap, var(--md-sys-spacing-gap-md, 12px));--_header-space:var(--md-navigation-rail-header-space, max(20px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_destinations-gap:var(--md-navigation-rail-destinations-gap, max(0px, calc(8px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(     --md-navigation-rail-content-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_logo-icon-size:var(--md-navigation-rail-logo-icon-size, 24px);--_motion-duration:var(--md-sys-motion-duration-short4, 200ms);--_motion-easing:var(     --md-sys-motion-easing-standard,     cubic-bezier(0.2, 0, 0, 1)   );--_motion-effects-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_motion-effects-easing:var(     --md-sys-motion-spring-effects-default-easing,     cubic-bezier(0.34, 0.8, 0.34, 1)   );display:flex;flex-direction:column;box-sizing:border-box;inline-size:var(--_container-width);min-inline-size:var(--_container-width);max-inline-size:var(--_container-width);block-size:100%;min-block-size:100%;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);background-color:var(--_container-color);color:var(--_content-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);position:relative;isolation:isolate;transition:inline-size var(--_motion-duration) var(--_motion-easing),     min-inline-size var(--_motion-duration) var(--_motion-easing),     max-inline-size var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-effects-duration) var(--_motion-effects-easing);font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif)}:host(.md-navigation-rail--full-height){block-size:100dvh;min-block-size:100dvh}:host(.md-navigation-rail--expanded){inline-size:var(--_expanded-width);min-inline-size:var(--_expanded-width);max-inline-size:var(--_expanded-max-width);--_padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-navigation-rail--modal){position:static;isolation:auto;background-color:transparent;box-shadow:none;padding:0}:host(.md-navigation-rail--modal.md-navigation-rail--expanded){--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface-container, #F3EDF7)   );--_container-shape:var(     --md-navigation-rail-container-shape,     var(--md-sys-shape-corner-large, 16px)   );--_container-elevation:var(     --md-navigation-rail-container-elevation,     var(--md-sys-elevation-3, 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15))   );inline-size:var(--_container-width);min-inline-size:var(--_container-width);max-inline-size:var(--_container-width)}.md-navigation-rail__scrim{position:absolute;inset:0;background-color:var(--md-sys-color-scrim, #000000);opacity:0;pointer-events:none;z-index:2;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail--modal.md-navigation-rail--expanded) .md-navigation-rail__scrim{opacity:0.32;pointer-events:auto}:host(.md-navigation-rail--modal) .md-navigation-rail__container{position:absolute;inset-block-start:0;inset-inline-start:0;box-sizing:border-box;inline-size:var(--_container-width);block-size:100%;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);background-color:var(--_container-color);box-shadow:var(--_container-elevation);border-start-end-radius:var(--_container-shape);border-end-end-radius:var(--_container-shape);z-index:3;overflow:hidden;transition:inline-size var(--_motion-duration) var(--_motion-easing),     inset-block-start var(--_motion-duration) var(--_motion-easing),     inset-inline-start var(--_motion-duration) var(--_motion-easing),     block-size var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-effects-duration) var(--_motion-effects-easing),     box-shadow var(--_motion-effects-duration) var(--_motion-effects-easing),     border-radius var(--_motion-effects-duration) var(--_motion-effects-easing)}:host(.md-navigation-rail--modal.md-navigation-rail--expanded) .md-navigation-rail__container{inline-size:var(--_expanded-width);max-inline-size:var(--_expanded-max-width);inset-block-start:16px;inset-inline-start:16px;block-size:calc(100% - 32px);border-radius:var(--_container-shape)}.md-navigation-rail__container{display:flex;flex-direction:column;block-size:100%;gap:var(--_gap);inline-size:100%}.md-navigation-rail__logo{position:relative;inline-size:100%;min-block-size:48px}.md-navigation-rail__logo[hidden]{display:none}.md-navigation-rail__logo-contracted,.md-navigation-rail__logo-expanded{position:absolute;inset-block:0;inset-inline-start:0;inset-inline-end:0;display:flex;align-items:center;justify-content:flex-start;padding-inline-start:calc((var(--_container-width) - var(--_logo-icon-size)) / 2);transition:opacity var(--_motion-effects-duration) var(--_motion-effects-easing)}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-contracted,:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-expanded{margin-inline-start:calc(-1 * var(--_padding-inline))}.md-navigation-rail__logo-contracted{opacity:1}.md-navigation-rail__logo-expanded{opacity:0;pointer-events:none}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-contracted{opacity:0;pointer-events:none}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-expanded{opacity:1;pointer-events:auto}:host(.md-navigation-rail--expanded:not(.md-navigation-rail--with-logo-expanded)) .md-navigation-rail__logo-contracted{opacity:1;pointer-events:auto}.md-navigation-rail__toggle{display:flex;align-items:center;justify-content:flex-start;inline-size:100%;min-block-size:48px;padding-inline-start:calc((var(--_container-width) - 40px) / 2)}:host(.md-navigation-rail--expanded) .md-navigation-rail__toggle{padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__header{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:100%;min-block-size:56px;padding-block-end:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-navigation-rail--expanded) .md-navigation-rail__header{align-items:flex-start;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__header[hidden]{display:none}.md-navigation-rail__fab{display:flex;align-items:center;justify-content:center;inline-size:100%;padding-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-navigation-rail--expanded) .md-navigation-rail__fab{justify-content:flex-start;padding-inline-start:var(--md-sys-spacing-inset-md, 12px)}.md-navigation-rail__fab[hidden]{display:none}.md-navigation-rail__destinations{display:flex;flex-direction:column;gap:var(--_destinations-gap);inline-size:100%;flex:1 1 auto;min-block-size:0;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;scrollbar-width:thin;padding-block:5px}:host(.md-navigation-rail--with-header) .md-navigation-rail__destinations,:host(.md-navigation-rail--with-fab) .md-navigation-rail__destinations{padding-block-start:calc(var(--_header-space) - var(--_gap))}:host(.md-navigation-rail--align-top) .md-navigation-rail__destinations{justify-content:flex-start}:host(.md-navigation-rail--align-middle) .md-navigation-rail__destinations{justify-content:center}:host(.md-navigation-rail--align-bottom) .md-navigation-rail__destinations{justify-content:flex-end}.md-navigation-rail__footer{display:flex;flex-direction:column;align-items:stretch;inline-size:100%;gap:var(--_destinations-gap);padding-block-start:var(--md-sys-spacing-inset-sm, 8px);margin-block-start:auto;}.md-navigation-rail__footer ::slotted(md-icon-button){align-self:center}:host(.md-navigation-rail--expanded) .md-navigation-rail__footer ::slotted(md-icon-button){align-self:flex-start}:host(.md-navigation-rail--expanded) .md-navigation-rail__footer{padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__footer[hidden]{display:none}::slotted(md-navigation-rail-tab){inline-size:var(--_container-width)}:host(.md-navigation-rail--tabs-expanded) ::slotted(md-navigation-rail-tab){inline-size:fit-content}::slotted(md-fab),::slotted(md-icon-button){flex:0 0 auto}::slotted(md-fab){box-shadow:none}::slotted([data-section-header]){display:none}:host(.md-navigation-rail--tabs-expanded) ::slotted([data-section-header]){display:block;flex:0 0 auto;padding-block:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);margin:0;color:var(--md-sys-color-on-surface-variant, #49454F);font-family:var(--md-sys-typescale-title-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-title-small-font-size, 14px);font-weight:var(--md-sys-typescale-title-small-font-weight, 500);line-height:var(--md-sys-typescale-title-small-line-height, 20px);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, 0.1px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail__toggle,.md-navigation-rail__fab,.md-navigation-rail__scrim,:host(.md-navigation-rail--modal) .md-navigation-rail__container{transition:none}}:host([data-theme='dark']),:host-context([data-theme='dark']){--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface, #1C1B1F)   )}@media (forced-colors: active){:host{border-inline-end:1px solid CanvasText}}: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}:host(.md-navigation-rail--horizontal){flex-direction:row;inline-size:100%;min-inline-size:0;max-inline-size:none;block-size:auto;min-block-size:var(     --md-navigation-rail-horizontal-height,     max(64px, calc(72px + var(--md-sys-density-scale, 0) * 4px))   );padding-block:var(--md-navigation-rail-horizontal-padding-block, 0px);padding-inline:var(--md-navigation-rail-horizontal-padding-inline, var(--md-sys-spacing-inset-md, 12px))}:host(.md-navigation-rail--horizontal) .md-navigation-rail__container{flex-direction:row;align-items:stretch;block-size:auto}:host(.md-navigation-rail--horizontal) .md-navigation-rail__destinations{flex-direction:row;align-items:stretch;inline-size:auto;min-inline-size:0;block-size:auto;min-block-size:0;overflow-x:auto;overflow-y:clip;padding-block:0;padding-inline:5px;justify-content:center}:host(.md-navigation-rail--horizontal.md-navigation-rail--with-header) .md-navigation-rail__destinations,:host(.md-navigation-rail--horizontal.md-navigation-rail--with-fab) .md-navigation-rail__destinations{padding-block-start:0;padding-inline-start:calc(var(--_header-space) - var(--_gap))}:host(.md-navigation-rail--horizontal) ::slotted(md-navigation-rail-tab){inline-size:auto;min-inline-size:var(--_container-width);flex-shrink:0}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo{inline-size:auto;min-block-size:0;flex:0 0 auto;display:flex;align-items:center}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-contracted,:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-expanded{position:static;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-expanded{display:none}:host(.md-navigation-rail--horizontal) .md-navigation-rail__fab{flex:0 0 auto}:host(.md-navigation-rail--horizontal) .md-navigation-rail__footer{flex-direction:row;align-items:center;inline-size:auto;padding-block-start:0;padding-inline-start:var(--md-sys-spacing-inset-sm, 8px);margin-block-start:0;margin-inline-start:auto}:host(.md-navigation-rail--horizontal) ::slotted([data-section-header]){display:none}:host(.md-navigation-rail--submenu-open){isolation:auto;z-index:3}::slotted(md-navigation-rail-tab[data-overflowed]){display:none}.md-navigation-rail__overflow{position:relative;display:flex;flex:0 0 auto;justify-content:center}.md-navigation-rail__overflow-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;inline-size:100%;min-block-size:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 2px));padding:0 var(--md-sys-spacing-inset-sm, 8px);border:none;background:none;color:var(--_content-color);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.md-navigation-rail__overflow-trigger:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:var(--md-sys-shape-corner-small, 8px)}.md-navigation-rail__overflow-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1}.md-navigation-rail__overflow-label{font:var(--md-sys-typescale-label-medium, 500 12px/16px Roboto, sans-serif);white-space:nowrap}:host(.md-navigation-rail--label-visibility-none) .md-navigation-rail__overflow-label{display:none}:host(.md-navigation-rail--horizontal) .md-navigation-rail__overflow-trigger{inline-size:auto;min-inline-size:var(--_container-width)}.md-navigation-rail__overflow md-menu-item .material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted(md-menu[slot='submenu']){position:absolute}`;const m=i(class i extends a{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.mdTabChange=n(this,"mdTabChange",7);this.mdExpand=n(this,"mdExpand",7);this.mdCollapse=n(this,"mdCollapse",7);this.variant="standard";this.modal=false;this.fullHeight=false;this.alignment="top";this.expandable=false;this.toggleLabel="Toggle navigation";this.labelVisibility="all";this.activeIndex=-1;this.label="Navigation";this.disableFocusManagement=false;this.density=0;this.hasLogo=false;this.hasLogoExpanded=false;this.hasHeader=false;this.hasFab=false;this.hasFooter=false;this.hasLinkDestinations=false;this.overflowCount=0;this.submenuOpen=false;this.tabsExpanded=false;this.orientation="vertical";this.overflowLabel="More";this.overflowIcon="more_horiz";this.wiredMenus=new WeakSet;this.handleSlottedMenuOpen=()=>{this.submenuOpen=true};this.handleSlottedMenuClose=()=>{this.submenuOpen=this.anyMenuOpen()};this.overflowId=`md-rail-overflow-${Math.random().toString(36).slice(2,9)}`;this.toggleOverflow=()=>{const i=this.overflowMenu();if(!i)return;if(i.open)void i.close();else void i.show()};this.handleKeyDown=i=>{if(i.key==="Escape"&&this.modal&&this.variant==="expanded"){i.preventDefault();this.collapse();this.focusToggle();return}if(this.disableFocusManagement)return;const n=this.getTabs().filter((i=>!this.isTabDisabled(i)));if(n.length===0)return;const t=i.composedPath().find((i=>i instanceof a&&n.includes(i)));const e=t?n.indexOf(t):-1;let o=null;const s=this.orientation==="horizontal"&&this.resolveDirection()==="rtl";const r=i=>i==="ArrowDown"||(s?i==="ArrowLeft":i==="ArrowRight");const d=i=>i==="ArrowUp"||(s?i==="ArrowRight":i==="ArrowLeft");switch(true){case r(i.key):o=e<0?0:(e+1)%n.length;break;case d(i.key):o=e<0?n.length-1:(e-1+n.length)%n.length;break;case i.key==="Home":o=0;break;case i.key==="End":o=n.length-1;break;default:return}i.preventDefault();const l=n[o];if(!l)return;const c=this.getTabs();this.setRovingTabindex(c.indexOf(l));l.focus()};this.handleToggleClick=()=>{this.toggle()};this.handleScrimClick=()=>{if(this.modal&&this.variant==="expanded"){this.collapse();this.focusToggle()}};this.handleSlotChange=()=>{this.syncTabs()};this.handleLogoSlotChange=i=>{this.hasLogo=i.target.assignedElements().length>0};this.handleLogoExpandedSlotChange=i=>{this.hasLogoExpanded=i.target.assignedElements().length>0};this.handleHeaderSlotChange=i=>{this.hasHeader=i.target.assignedElements().length>0};this.handleFabSlotChange=i=>{this.hasFab=i.target.assignedElements().length>0;this.syncFab()};this.handleFooterSlotChange=i=>{this.hasFooter=i.target.assignedElements().length>0;this.wireSlottedMenus()}}async expand(){if(this.variant!=="expanded"){this.variant="expanded"}}async collapse(){if(this.variant!=="standard"){this.variant="standard"}}async toggle(){this.variant=this.variant==="expanded"?"standard":"expanded"}async focusTab(i){const a=this.getTabs();const n=a[i];if(n){this.setRovingTabindex(i);n.focus()}}componentWillLoad(){this.tabsExpanded=this.variant==="expanded";if(this.activeIndex<0){const i=Array.from(this.el.children).filter((i=>i.tagName.toLowerCase()==="md-navigation-rail-tab"));const a=i.findIndex((i=>i.hasAttribute("active")));if(a>=0)this.activeIndex=a}}componentDidLoad(){this.syncTabs();this.syncFab();this.wireSlottedMenus()}onVariantChange(i,a){if(i===a)return;if(i==="expanded")this.mdExpand.emit();else this.mdCollapse.emit();this.tabsExpanded=i==="expanded";this.syncTabs();this.syncFab()}syncFab(){const i=this.el.shadowRoot?.querySelector('slot[name="fab"]');i?.assignedElements().forEach((i=>{this.setProp(i,"extended",this.variant==="expanded")}))}onLabelVisibilityChange(){this.syncTabs()}onActiveIndexChange(){this.syncTabs()}handleTabClick(i){const a=i.target;if(!a)return;const n=this.getTabs();const t=n.indexOf(a);if(t<0)return;if(this.isTabDisabled(a)){i.stopPropagation();return}const e=t!==this.activeIndex;this.activeIndex=t;this.setRovingTabindex(t);this.clearOtherSubmenuSelections(a);if(e){this.mdTabChange.emit({index:t,value:i.detail?.value??""})}}clearOtherSubmenuSelections(i){this.getTabs().forEach((a=>{if(a===i)return;const n=a.clearSubmenuSelection;if(typeof n==="function")void n.call(a)}))}isTabDisabled(i){return i.hasAttribute("disabled")||i.getAttribute("aria-disabled")==="true"||i.hasAttribute("data-overflowed")}getTabs(){const i=this.el.shadowRoot?.querySelector("slot:not([name])");if(!i)return[];return i.assignedElements().filter((i=>i.tagName.toLowerCase()==="md-navigation-rail-tab"))}syncTabs(){const i=this.getTabs();this.hasLinkDestinations=i.some((i=>!!i.href||!!i.getAttribute("href")));i.forEach(((a,n)=>{const t=n===this.activeIndex;this.setProp(a,"active",t);this.setProp(a,"labelVisibility",this.labelVisibility);this.setProp(a,"expanded",this.tabsExpanded);a.setAttribute("data-orientation",this.orientation);if(!this.disableFocusManagement){const e=!this.isTabDisabled(a);const o=this.activeIndex>=0&&t||this.activeIndex<0&&n===i.findIndex((i=>!this.isTabDisabled(i)));a.tabIndex=e&&o?0:-1}}));this.applyOverflow()}setProp(i,a,n){try{i[a]=n}catch{}}setRovingTabindex(i){if(this.disableFocusManagement)return;const a=this.getTabs();a.forEach(((a,n)=>{a.tabIndex=n===i&&!this.isTabDisabled(a)?0:-1}))}resolveDirection(){let i=this.el;while(i){const a=i.getAttribute?.("dir");if(a==="rtl"||a==="ltr")return a;i=i.parentElement}return"ltr"}onDescendantSubmenuToggle(i){this.submenuOpen=i.detail?.open?true:this.anyMenuOpen()}wireSlottedMenus(){this.el.querySelectorAll("md-menu").forEach((i=>{if(this.wiredMenus.has(i))return;this.wiredMenus.add(i);i.addEventListener("mdOpen",this.handleSlottedMenuOpen);i.addEventListener("mdClose",this.handleSlottedMenuClose)}))}anyMenuOpen(){return Array.from(this.el.querySelectorAll("md-menu")).some((i=>i.open))}get overflowedTabs(){const i=this.maxVisible;const a=this.getTabs();if(!i||i<1||a.length<=i)return[];return a.slice(i)}applyOverflow(){const i=this.overflowedTabs;const a=new Set(i);this.getTabs().forEach((i=>{if(a.has(i))i.setAttribute("data-overflowed","");else i.removeAttribute("data-overflowed")}));this.overflowCount=i.length}onMaxVisibleChange(){this.applyOverflow()}overflowMenu(){return this.el.shadowRoot?.querySelector("md-menu")}selectOverflowed(i){const a=this.getTabs().indexOf(i);if(a<0)return;const n=a!==this.activeIndex;this.activeIndex=a;this.setRovingTabindex(a);this.clearOtherSubmenuSelections(i);if(n){this.mdTabChange.emit({index:a,value:i.getAttribute("value")??""})}void this.overflowMenu()?.close()}focusToggle(){const i=this.el.shadowRoot?.querySelector(".md-navigation-rail__toggle-button");i?.focus()}render(){return t(e,{key:"3d3929306bacef8acfbd8f686a4b7c3a0a1c7d04",class:{"md-navigation-rail":true,[`md-navigation-rail--${this.variant}`]:true,"md-navigation-rail--tabs-expanded":this.tabsExpanded,"md-navigation-rail--horizontal":this.orientation==="horizontal","md-navigation-rail--submenu-open":this.submenuOpen,"md-navigation-rail--modal":this.modal,"md-navigation-rail--full-height":this.fullHeight,[`md-navigation-rail--align-${this.alignment}`]:true,[`md-navigation-rail--labels-${this.labelVisibility}`]:true,"md-navigation-rail--with-logo":this.hasLogo||this.hasLogoExpanded,"md-navigation-rail--with-logo-expanded":this.hasLogoExpanded,"md-navigation-rail--with-header":this.hasHeader,"md-navigation-rail--with-fab":this.hasFab,"md-navigation-rail--with-footer":this.hasFooter},role:"navigation","aria-label":this.label,onKeyDown:this.handleKeyDown},t("div",{key:"c92433602e7747f3302be5769ebcd491b48fc6a7",class:"md-navigation-rail__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),t("div",{key:"d70f14a5d4c57e49ce91818919765204277fb2b1",class:"md-navigation-rail__container",part:"container"},t("div",{key:"59344703c915d15a79e44e8c6287db111b3cc1e5",class:"md-navigation-rail__logo",part:"logo",hidden:!this.hasLogo&&!this.hasLogoExpanded},t("span",{key:"e1d8cee7cccd8ed977c980f998d77faa544b8ea3",class:"md-navigation-rail__logo-contracted",part:"logo-contracted"},t("slot",{key:"c92ecdf05c7ae1faac015ccc2b77011607ec2400",name:"logo",onSlotchange:this.handleLogoSlotChange})),t("span",{key:"059d6e0eadec6398d1626ed44667231ad65d846c",class:"md-navigation-rail__logo-expanded",part:"logo-expanded"},t("slot",{key:"7bf0cf2e55ef500ab9d7f1689c44faffd35a907b",name:"logo-expanded",onSlotchange:this.handleLogoExpandedSlotChange}))),this.expandable&&this.orientation==="vertical"&&t("div",{key:"573b13d0e600e20286a1cb77a0243661d5995443",class:"md-navigation-rail__toggle",part:"toggle"},t("md-icon-button",{key:"64ace22b44d1da34bb84c7114ed5977d0c7597a0",class:"md-navigation-rail__toggle-button",icon:this.variant==="expanded"?"menu_open":"menu","aria-label":this.toggleLabel,"aria-expanded":this.variant==="expanded"?"true":"false",onClick:this.handleToggleClick})),t("div",{key:"dc3991334f2711aa0ca7a56b7c51a5302b22577a",class:"md-navigation-rail__header",part:"header",hidden:!this.hasHeader},t("slot",{key:"f4d839f52101b0c6d7fda026763c6fc16e1d065b",name:"header",onSlotchange:this.handleHeaderSlotChange})),t("div",{key:"fa32e9e3b98308e9cb2c94a53a9b804565833a44",class:"md-navigation-rail__fab",part:"fab",hidden:!this.hasFab},t("slot",{key:"58ec6681efb826b3aa5e88c4f8dd07607b0d0e17",name:"fab",onSlotchange:this.handleFabSlotChange})),t("div",{key:"47ad4dcc7900c2dcc5b686db218492b44d783cc9",class:"md-navigation-rail__destinations",part:"destinations",role:this.hasLinkDestinations?undefined:"tablist","aria-orientation":this.hasLinkDestinations?undefined:this.orientation,"aria-label":this.hasLinkDestinations?undefined:this.label},t("slot",{key:"c7e9b32b3285e15d1fd5898b2e75e6c588abf434",onSlotchange:this.handleSlotChange})),this.overflowCount>0&&t("div",{key:"d9918f2d696971906868c0410a3ff7fa13b108bf",class:"md-navigation-rail__overflow",part:"overflow"},t("button",{key:"16a274e2898cea6e9c912ada3b811ea32d2c4d5a",id:this.overflowId,type:"button",class:"md-navigation-rail__overflow-trigger",part:"overflow-trigger","aria-haspopup":"menu","aria-label":this.overflowLabel,onClick:this.toggleOverflow},t("span",{key:"b52e99255604616dca34eed531c8d8b738e0a183",class:"material-symbols-outlined md-navigation-rail__overflow-icon","aria-hidden":"true"},this.overflowIcon),t("span",{key:"29c312daad50206e6cde02edd1f3d20025465823",class:"md-navigation-rail__overflow-label"},this.overflowLabel)),t("md-menu",{key:"4aeb58bb954bd30673330f7c3a9aa4e9111f3330",anchor:this.overflowId,placement:this.orientation==="horizontal"?"bottom-end":"top-start"},this.overflowedTabs.map((i=>t("md-menu-item",{key:i.getAttribute("value")||i.getAttribute("label")||"",headline:i.getAttribute("label")||"",onClick:()=>this.selectOverflowed(i)},i.getAttribute("icon")&&t("span",{slot:"leading-icon",class:"material-symbols-outlined"},i.getAttribute("icon"))))))),t("div",{key:"4a5edb00ca0ed470ded1aebf24fd43ba44f5a400",class:"md-navigation-rail__footer",part:"footer",hidden:!this.hasFooter},t("slot",{key:"47ef388857f60eab7941467abad8461ee0349387",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return this}static get watchers(){return{variant:[{onVariantChange:0}],labelVisibility:[{onLabelVisibilityChange:0}],activeIndex:[{onActiveIndexChange:0}],maxVisible:[{onMaxVisibleChange:0}]}}static get style(){return c()}},[257,"md-navigation-rail",{variant:[1537],modal:[516],fullHeight:[516,"full-height"],alignment:[513],expandable:[516],toggleLabel:[1,"toggle-label"],labelVisibility:[513,"label-visibility"],activeIndex:[1538,"active-index"],label:[1],disableFocusManagement:[4,"disable-focus-management"],density:[514],orientation:[513],maxVisible:[2,"max-visible"],overflowLabel:[1,"overflow-label"],overflowIcon:[1,"overflow-icon"],hasLogo:[32],hasLogoExpanded:[32],hasHeader:[32],hasFab:[32],hasFooter:[32],hasLinkDestinations:[32],overflowCount:[32],submenuOpen:[32],tabsExpanded:[32],expand:[64],collapse:[64],toggle:[64],focusTab:[64]},[[0,"mdTabClick","handleTabClick"],[0,"mdSubmenuToggle","onDescendantSubmenuToggle"]],{variant:[{onVariantChange:0}],labelVisibility:[{onLabelVisibilityChange:0}],activeIndex:[{onActiveIndexChange:0}],maxVisible:[{onMaxVisibleChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const i=["md-navigation-rail","md-icon-button","md-menu","md-menu-item","md-ripple"];i.forEach((i=>{switch(i){case"md-navigation-rail":if(!customElements.get(o(i))){customElements.define(o(i),m)}break;case"md-icon-button":if(!customElements.get(o(i))){s()}break;case"md-menu":if(!customElements.get(o(i))){r()}break;case"md-menu-item":if(!customElements.get(o(i))){d()}break;case"md-ripple":if(!customElements.get(o(i))){l()}break}}))}h();const g=m;const v=h;export{g as MdNavigationRail,v as defineCustomElement};
 //# sourceMappingURL=md-navigation-rail.js.map

package/dist/components/md-navigation-tab.js

@@ -1,2 +1,2 @@
-import{p as i,H as a,c as t,h as e,d as n,t as o}from"./p-MWBNn6Lj.js";import{t as s}from"./p-DYBUr7K_.js";import{s as r,a as l}from"./p-BdEoSBtL.js";import{d}from"./p-stybaFzj.js";const c=()=>`:host{--_indicator-color:var(     --md-navigation-tab-active-indicator-color,     var(--md-sys-color-secondary-container, #E8DEF8)   );--_indicator-w:var(--md-navigation-tab-active-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-h:var(--md-navigation-tab-active-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_indicator-shape:var(     --md-navigation-tab-active-indicator-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_active-icon-color:var(     --md-navigation-tab-active-icon-color,     var(--md-sys-color-on-secondary-container, #1E192B)   );--_inactive-icon-color:var(     --md-navigation-tab-inactive-icon-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-label-color:var(     --md-navigation-tab-active-label-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_inactive-label-color:var(     --md-navigation-tab-inactive-label-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_icon-size:var(--md-navigation-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_pad-top:var(--md-navigation-tab-padding-block-start, calc(5px + var(--md-sys-density-scale, 0) * 1px));--_pad-bottom:var(--md-navigation-tab-padding-block-end, calc(5px + var(--md-sys-density-scale, 0) * 1px));--_hover-color:var(     --md-navigation-tab-hover-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_focus-color:var(     --md-navigation-tab-focus-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_pressed-color:var(     --md-navigation-tab-pressed-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_badge-color:var(     --md-navigation-tab-badge-color,     var(--md-sys-color-error, #B3261E)   );--_badge-on-color:var(     --md-navigation-tab-badge-on-color,     var(--md-sys-color-on-error, #FFFFFF)   );--_disabled-opacity:var(--md-navigation-tab-disabled-opacity, 0.38);--_label-font:var(     --md-navigation-tab-label-font,     var(--md-sys-typescale-label-medium-font, 500 12px/16px Roboto, sans-serif)   );--_label-size:var(--md-navigation-tab-label-font-size, max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px)));--_label-weight-active:var(--md-navigation-tab-label-font-weight, 600);--_motion-duration:var(--md-sys-motion-duration-short4, 200ms);--_motion-easing:var(     --md-sys-motion-easing-emphasized-decelerate,     cubic-bezier(0.05, 0.7, 0.1, 1)   );display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;inline-size:100%;min-inline-size:48px;block-size:100%;padding-block:var(--_pad-top) var(--_pad-bottom);box-sizing:border-box;cursor:pointer;position:relative;outline:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--_inactive-icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-tab--disabled),:host(.md-navigation-tab--soft-disabled){cursor:not-allowed;opacity:var(--_disabled-opacity)}:host(.md-navigation-tab--disabled){pointer-events:none}.md-navigation-tab__state-layer{position:absolute;inset:0;background-color:currentColor;opacity:0;border-radius:inherit;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms) ease}:host(:hover:not(.md-navigation-tab--disabled):not(.md-navigation-tab--soft-disabled)) .md-navigation-tab__state-layer{background-color:var(--_hover-color);opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active:not(.md-navigation-tab--disabled):not(.md-navigation-tab--soft-disabled)) .md-navigation-tab__state-layer{background-color:var(--_pressed-color);opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible:not(.md-navigation-tab--disabled)) .md-navigation-tab__state-layer{background-color:var(--_focus-color);opacity:var(--md-navigation-tab-focus-state-layer-opacity, 0.1)}:host(:focus-visible:not(.md-navigation-tab--disabled)) .md-navigation-tab__icon-container::after{content:'';position:absolute;inset:-4px;border:3px solid var(--md-sys-color-secondary, #625B71);border-radius:var(--_indicator-shape, 9999px);box-sizing:border-box;pointer-events:none}.md-navigation-tab__container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:max(2px, calc(6px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;pointer-events:none;}.md-navigation-tab__indicator{position:absolute;inset-block-start:0;inline-size:var(--_indicator-w);block-size:var(--_indicator-h);border-radius:var(--_indicator-shape);background-color:var(--_indicator-color);transform:scale(0, 1);transform-origin:center center;opacity:0;transition:transform var(--_motion-duration) var(--_motion-easing),     opacity var(--md-sys-motion-duration-short2, 100ms) ease;pointer-events:none}.md-navigation-tab__indicator--active{transform:scale(1, 1);opacity:1}.md-navigation-tab__icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_indicator-w);block-size:var(--_indicator-h);pointer-events:none}.md-navigation-tab__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1;color:inherit;z-index:1;transition:font-variation-settings var(--md-sys-motion-duration-short2, 100ms) ease}.md-navigation-tab__icon ::slotted(*){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);line-height:1;font-family:var(--md-navigation-tab-slotted-icon-font, system-ui, sans-serif);color:inherit;object-fit:contain}.md-navigation-tab__icon--filled{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons'), sans-serif;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}.md-navigation-tab__badge{position:absolute;z-index:2;background-color:var(--_badge-color);color:var(--_badge-on-color);border-radius:var(--md-sys-shape-corner-full, 9999px);box-sizing:border-box;pointer-events:none;display:inline-flex;align-items:center;justify-content:center}.md-navigation-tab__badge--small{inset-block-start:2px;inset-inline-end:14px;inline-size:6px;block-size:6px}.md-navigation-tab__badge--large{inset-block-start:-2px;inset-inline-start:50%;margin-inline-start:4px;min-inline-size:16px;block-size:16px;padding-inline:4px;font:var(     --md-sys-typescale-label-small-font,     500 11px/16px Roboto, sans-serif   );letter-spacing:var(     --md-sys-typescale-label-small-letter-spacing,     0.5px   )}.md-navigation-tab__label{font:var(--_label-font);font-size:var(--_label-size);letter-spacing:var(     --md-sys-typescale-label-medium-letter-spacing,     0.5px   );color:var(--_inactive-label-color);max-inline-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;pointer-events:none;transition:color var(--md-sys-motion-duration-short2, 100ms) ease,     opacity var(--md-sys-motion-duration-short2, 100ms) ease}:host(.md-navigation-tab--active) .md-navigation-tab__label{color:var(--_active-label-color);font-weight:var(--_label-weight-active)}.md-navigation-tab__label--hidden{opacity:0;visibility:hidden}:host(.md-navigation-tab--label-hidden){--_pad-top:var(--md-sys-spacing-inset-lg, 16px);--_pad-bottom:var(--md-sys-spacing-inset-lg, 16px);justify-content:center}:host(.md-navigation-tab--label-hidden) .md-navigation-tab__container{justify-content:center}@media (forced-colors: active){:host{--_indicator-color:Highlight;--_active-icon-color:HighlightText;--_active-label-color:HighlightText;--_inactive-icon-color:ButtonText;--_inactive-label-color:ButtonText}:host(:focus-visible:not(.md-navigation-tab--disabled)){outline:2px solid CanvasText}}@media (prefers-reduced-motion: reduce){:host,.md-navigation-tab__state-layer,.md-navigation-tab__indicator,.md-navigation-tab__icon,.md-navigation-tab__label{transition:none !important}}: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 b=i(class i extends a{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.mdTabClick=t(this,"mdTabClick",7);this.active=false;this.disabled=false;this.softDisabled=false;this.label="";this.icon="";this.activeIcon="";this.badge=false;this.badgeValue="";this.badgeMax=999;this.href="";this.target="";this.labelBehavior="always";this.density=0;this.focusVisible=false;this.handleClick=i=>{if(this.interactionDisabled){i.preventDefault();i.stopPropagation();return}if(i.defaultPrevented)return;this.emitActivation();this.maybeFollowHref()};this.handleKeyDown=i=>{if(this.interactionDisabled)return;if(i.key==="Enter"||i.key===" "||i.key==="Spacebar"){i.preventDefault();s(this.el);this.el.click()}};this.handleFocus=()=>{this.focusVisible=this.el.matches(":focus-visible")};this.handleBlur=()=>{this.focusVisible=false}}onActiveChange(i){this.el.setAttribute("aria-selected",String(i))}onDisabledChange(){this.syncAriaDisabled()}onSoftDisabledChange(){this.syncAriaDisabled()}get interactionDisabled(){return this.disabled||this.softDisabled}syncAriaDisabled(){this.el.setAttribute("aria-disabled",String(this.interactionDisabled))}connectedCallback(){if(!this.el.hasAttribute("role"))this.el.setAttribute("role","tab");this.el.setAttribute("aria-selected",String(this.active));if(this.interactionDisabled)this.el.setAttribute("aria-disabled","true");if(!this.el.hasAttribute("tabindex")){this.el.setAttribute("tabindex",this.active?"0":"-1")}}async focusEl(){if(this.disabled)return;this.el.focus()}resolveIndex(){const i=this.el.parentElement;if(!i)return-1;const a=[];for(const t of Array.from(i.children)){if(t.tagName==="MD-NAVIGATION-TAB"){a.push(t)}}return a.indexOf(this.el)}emitActivation(){const i=this.resolveIndex();this.mdTabClick.emit({index:i})}maybeFollowHref(){const i=r(this.href);if(!i)return;if(typeof window==="undefined")return;if(this.target==="_blank"){window.open(i,"_blank",l)}else if(this.target){window.open(i,this.target,l)}else{window.location.assign(i)}}resolveLabelVisibility(){return this.labelBehavior}formatBadgeValue(){const i=(this.badgeValue??"").trim();if(!i)return"";if(this.badgeMax>0){const a=Number(i);if(!Number.isNaN(a)&&Number.isFinite(a)&&a>this.badgeMax){return`${this.badgeMax}+`}}return i}renderIcon(){const i=this.active&&(this.activeIcon||this.icon);const a=this.active;const t=i?this.activeIcon||this.icon:this.icon;return e("span",{class:"md-navigation-tab__icon-container",part:"icon-container"},e("span",{class:{"md-navigation-tab__icon":true,"material-symbols-outlined":true,"md-navigation-tab__icon--filled":a},part:"icon","aria-hidden":"true"},this.active?e("slot",{name:"active-icon"},t):e("slot",{name:"icon"},t)),this.renderBadge())}renderBadge(){if(!this.badge&&!this.badgeValue)return null;const i=this.formatBadgeValue();const a=i.length>0;return e("span",{class:{"md-navigation-tab__badge":true,"md-navigation-tab__badge--small":!a,"md-navigation-tab__badge--large":a},part:"badge",role:"status","aria-label":a?`${i} new`:"New"},a?i:"")}renderLabel(){const i=this.resolveLabelVisibility();if(i==="none")return null;return e("span",{class:{"md-navigation-tab__label":true,"md-navigation-tab__label--hidden":i==="selected"&&!this.active},part:"label"},e("slot",null,this.label))}render(){const i=this.label||undefined;const a=this.resolveLabelVisibility();const t=a==="none"?i:undefined;return e(n,{key:"b84f80a399f4fa30e3fd35d3c708f5a10c86fbc7",class:{"md-navigation-tab":true,"md-navigation-tab--active":this.active,"md-navigation-tab--disabled":this.disabled,"md-navigation-tab--soft-disabled":this.softDisabled&&!this.disabled,"md-navigation-tab--label-hidden":a==="none"},"aria-label":t,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur},e("md-ripple",{key:"83fec6cfe2db2bb364b91597f38263f9bc7ef919",disabled:this.interactionDisabled}),e("span",{key:"66d3e42b259170e7dfc2021521e8e5a06b049b6a",class:"md-navigation-tab__state-layer",part:"state-layer","aria-hidden":"true","data-focus-visible":this.focusVisible?"true":null}),e("span",{key:"66fefed1e19574db90dc10435c4d252f25858281",class:"md-navigation-tab__container",part:"container"},e("span",{key:"9107a93789b7b0d3f45df0d8af5f2fb18ef0de50",class:{"md-navigation-tab__indicator":true,"md-navigation-tab__indicator--active":this.active},part:"indicator","aria-hidden":"true"}),this.renderIcon(),this.renderLabel()))}get el(){return this}static get watchers(){return{active:[{onActiveChange:0}],disabled:[{onDisabledChange:0}],softDisabled:[{onSoftDisabledChange:0}]}}static get style(){return c()}},[257,"md-navigation-tab",{active:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],label:[1],icon:[1],activeIcon:[1,"active-icon"],badge:[516],badgeValue:[1,"badge-value"],badgeMax:[2,"badge-max"],href:[1],target:[1],labelBehavior:[1025,"label-behavior"],density:[514],focusVisible:[32],focusEl:[64]},undefined,{active:[{onActiveChange:0}],disabled:[{onDisabledChange:0}],softDisabled:[{onSoftDisabledChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const i=["md-navigation-tab","md-ripple"];i.forEach((i=>{switch(i){case"md-navigation-tab":if(!customElements.get(o(i))){customElements.define(o(i),b)}break;case"md-ripple":if(!customElements.get(o(i))){d()}break}}))}v();const m=b;const h=v;export{m as MdNavigationTab,h as defineCustomElement};
+import{p as i,H as a,c as t,h as e,d as n,t as o}from"./p-BR6gfOQH.js";import{t as s}from"./p-DYBUr7K_.js";import{s as r,a as l}from"./p-BdEoSBtL.js";import{d}from"./p-CTC8XAB6.js";const c=()=>`:host{--_indicator-color:var(     --md-navigation-tab-active-indicator-color,     var(--md-sys-color-secondary-container, #E8DEF8)   );--_indicator-w:var(--md-navigation-tab-active-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-h:var(--md-navigation-tab-active-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_indicator-shape:var(     --md-navigation-tab-active-indicator-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_active-icon-color:var(     --md-navigation-tab-active-icon-color,     var(--md-sys-color-on-secondary-container, #1E192B)   );--_inactive-icon-color:var(     --md-navigation-tab-inactive-icon-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-label-color:var(     --md-navigation-tab-active-label-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_inactive-label-color:var(     --md-navigation-tab-inactive-label-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_icon-size:var(--md-navigation-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_pad-top:var(--md-navigation-tab-padding-block-start, calc(5px + var(--md-sys-density-scale, 0) * 1px));--_pad-bottom:var(--md-navigation-tab-padding-block-end, calc(5px + var(--md-sys-density-scale, 0) * 1px));--_hover-color:var(     --md-navigation-tab-hover-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_focus-color:var(     --md-navigation-tab-focus-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_pressed-color:var(     --md-navigation-tab-pressed-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_badge-color:var(     --md-navigation-tab-badge-color,     var(--md-sys-color-error, #B3261E)   );--_badge-on-color:var(     --md-navigation-tab-badge-on-color,     var(--md-sys-color-on-error, #FFFFFF)   );--_disabled-opacity:var(--md-navigation-tab-disabled-opacity, 0.38);--_label-font:var(     --md-navigation-tab-label-font,     var(--md-sys-typescale-label-medium-font, 500 12px/16px Roboto, sans-serif)   );--_label-size:var(--md-navigation-tab-label-font-size, max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px)));--_label-weight-active:var(--md-navigation-tab-label-font-weight, 600);--_motion-duration:var(--md-sys-motion-duration-short4, 200ms);--_motion-easing:var(     --md-sys-motion-easing-emphasized-decelerate,     cubic-bezier(0.05, 0.7, 0.1, 1)   );display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;inline-size:100%;min-inline-size:48px;block-size:100%;padding-block:var(--_pad-top) var(--_pad-bottom);box-sizing:border-box;cursor:pointer;position:relative;outline:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--_inactive-icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-tab--disabled),:host(.md-navigation-tab--soft-disabled){cursor:not-allowed;opacity:var(--_disabled-opacity)}:host(.md-navigation-tab--disabled){pointer-events:none}.md-navigation-tab__state-layer{position:absolute;inset:0;background-color:currentColor;opacity:0;border-radius:inherit;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms) ease}:host(:hover:not(.md-navigation-tab--disabled):not(.md-navigation-tab--soft-disabled)) .md-navigation-tab__state-layer{background-color:var(--_hover-color);opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active:not(.md-navigation-tab--disabled):not(.md-navigation-tab--soft-disabled)) .md-navigation-tab__state-layer{background-color:var(--_pressed-color);opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible:not(.md-navigation-tab--disabled)) .md-navigation-tab__state-layer{background-color:var(--_focus-color);opacity:var(--md-navigation-tab-focus-state-layer-opacity, 0.1)}:host(:focus-visible:not(.md-navigation-tab--disabled)) .md-navigation-tab__icon-container::after{content:'';position:absolute;inset:-4px;border:3px solid var(--md-sys-color-secondary, #625B71);border-radius:var(--_indicator-shape, 9999px);box-sizing:border-box;pointer-events:none}.md-navigation-tab__container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:max(2px, calc(6px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;pointer-events:none;}.md-navigation-tab__indicator{position:absolute;inset-block-start:0;inline-size:var(--_indicator-w);block-size:var(--_indicator-h);border-radius:var(--_indicator-shape);background-color:var(--_indicator-color);transform:scale(0, 1);transform-origin:center center;opacity:0;transition:transform var(--_motion-duration) var(--_motion-easing),     opacity var(--md-sys-motion-duration-short2, 100ms) ease;pointer-events:none}.md-navigation-tab__indicator--active{transform:scale(1, 1);opacity:1}.md-navigation-tab__icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_indicator-w);block-size:var(--_indicator-h);pointer-events:none}.md-navigation-tab__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1;color:inherit;z-index:1;transition:font-variation-settings var(--md-sys-motion-duration-short2, 100ms) ease}.md-navigation-tab__icon ::slotted(*){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);line-height:1;font-family:var(--md-navigation-tab-slotted-icon-font, system-ui, sans-serif);color:inherit;object-fit:contain}.md-navigation-tab__icon--filled{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons'), sans-serif;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}.md-navigation-tab__badge{position:absolute;z-index:2;background-color:var(--_badge-color);color:var(--_badge-on-color);border-radius:var(--md-sys-shape-corner-full, 9999px);box-sizing:border-box;pointer-events:none;display:inline-flex;align-items:center;justify-content:center}.md-navigation-tab__badge--small{inset-block-start:2px;inset-inline-end:14px;inline-size:6px;block-size:6px}.md-navigation-tab__badge--large{inset-block-start:-2px;inset-inline-start:50%;margin-inline-start:4px;min-inline-size:16px;block-size:16px;padding-inline:4px;font:var(     --md-sys-typescale-label-small-font,     500 11px/16px Roboto, sans-serif   );letter-spacing:var(     --md-sys-typescale-label-small-letter-spacing,     0.5px   )}.md-navigation-tab__label{font:var(--_label-font);font-size:var(--_label-size);letter-spacing:var(     --md-sys-typescale-label-medium-letter-spacing,     0.5px   );color:var(--_inactive-label-color);max-inline-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;pointer-events:none;transition:color var(--md-sys-motion-duration-short2, 100ms) ease,     opacity var(--md-sys-motion-duration-short2, 100ms) ease}:host(.md-navigation-tab--active) .md-navigation-tab__label{color:var(--_active-label-color);font-weight:var(--_label-weight-active)}.md-navigation-tab__label--hidden{opacity:0;visibility:hidden}:host(.md-navigation-tab--label-hidden){--_pad-top:var(--md-sys-spacing-inset-lg, 16px);--_pad-bottom:var(--md-sys-spacing-inset-lg, 16px);justify-content:center}:host(.md-navigation-tab--label-hidden) .md-navigation-tab__container{justify-content:center}@media (forced-colors: active){:host{--_indicator-color:Highlight;--_active-icon-color:HighlightText;--_active-label-color:HighlightText;--_inactive-icon-color:ButtonText;--_inactive-label-color:ButtonText}:host(:focus-visible:not(.md-navigation-tab--disabled)){outline:2px solid CanvasText}}@media (prefers-reduced-motion: reduce){:host,.md-navigation-tab__state-layer,.md-navigation-tab__indicator,.md-navigation-tab__icon,.md-navigation-tab__label{transition:none !important}}: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 b=i(class i extends a{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.mdTabClick=t(this,"mdTabClick",7);this.active=false;this.disabled=false;this.softDisabled=false;this.label="";this.icon="";this.activeIcon="";this.badge=false;this.badgeValue="";this.badgeMax=999;this.href="";this.target="";this.labelBehavior="always";this.density=0;this.focusVisible=false;this.handleClick=i=>{if(this.interactionDisabled){i.preventDefault();i.stopPropagation();return}if(i.defaultPrevented)return;this.emitActivation();this.maybeFollowHref()};this.handleKeyDown=i=>{if(this.interactionDisabled)return;if(i.key==="Enter"||i.key===" "||i.key==="Spacebar"){i.preventDefault();s(this.el);this.el.click()}};this.handleFocus=()=>{this.focusVisible=this.el.matches(":focus-visible")};this.handleBlur=()=>{this.focusVisible=false}}onActiveChange(i){this.el.setAttribute("aria-selected",String(i))}onDisabledChange(){this.syncAriaDisabled()}onSoftDisabledChange(){this.syncAriaDisabled()}get interactionDisabled(){return this.disabled||this.softDisabled}syncAriaDisabled(){this.el.setAttribute("aria-disabled",String(this.interactionDisabled))}connectedCallback(){if(!this.el.hasAttribute("role"))this.el.setAttribute("role","tab");this.el.setAttribute("aria-selected",String(this.active));if(this.interactionDisabled)this.el.setAttribute("aria-disabled","true");if(!this.el.hasAttribute("tabindex")){this.el.setAttribute("tabindex",this.active?"0":"-1")}}async focusEl(){if(this.disabled)return;this.el.focus()}resolveIndex(){const i=this.el.parentElement;if(!i)return-1;const a=[];for(const t of Array.from(i.children)){if(t.tagName==="MD-NAVIGATION-TAB"){a.push(t)}}return a.indexOf(this.el)}emitActivation(){const i=this.resolveIndex();this.mdTabClick.emit({index:i})}maybeFollowHref(){const i=r(this.href);if(!i)return;if(typeof window==="undefined")return;if(this.target==="_blank"){window.open(i,"_blank",l)}else if(this.target){window.open(i,this.target,l)}else{window.location.assign(i)}}resolveLabelVisibility(){return this.labelBehavior}formatBadgeValue(){const i=(this.badgeValue??"").trim();if(!i)return"";if(this.badgeMax>0){const a=Number(i);if(!Number.isNaN(a)&&Number.isFinite(a)&&a>this.badgeMax){return`${this.badgeMax}+`}}return i}renderIcon(){const i=this.active&&(this.activeIcon||this.icon);const a=this.active;const t=i?this.activeIcon||this.icon:this.icon;return e("span",{class:"md-navigation-tab__icon-container",part:"icon-container"},e("span",{class:{"md-navigation-tab__icon":true,"material-symbols-outlined":true,"md-navigation-tab__icon--filled":a},part:"icon","aria-hidden":"true"},this.active?e("slot",{name:"active-icon"},t):e("slot",{name:"icon"},t)),this.renderBadge())}renderBadge(){if(!this.badge&&!this.badgeValue)return null;const i=this.formatBadgeValue();const a=i.length>0;return e("span",{class:{"md-navigation-tab__badge":true,"md-navigation-tab__badge--small":!a,"md-navigation-tab__badge--large":a},part:"badge",role:"status","aria-label":a?`${i} new`:"New"},a?i:"")}renderLabel(){const i=this.resolveLabelVisibility();if(i==="none")return null;return e("span",{class:{"md-navigation-tab__label":true,"md-navigation-tab__label--hidden":i==="selected"&&!this.active},part:"label"},e("slot",null,this.label))}render(){const i=this.label||undefined;const a=this.resolveLabelVisibility();const t=a==="none"?i:undefined;return e(n,{key:"b84f80a399f4fa30e3fd35d3c708f5a10c86fbc7",class:{"md-navigation-tab":true,"md-navigation-tab--active":this.active,"md-navigation-tab--disabled":this.disabled,"md-navigation-tab--soft-disabled":this.softDisabled&&!this.disabled,"md-navigation-tab--label-hidden":a==="none"},"aria-label":t,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur},e("md-ripple",{key:"83fec6cfe2db2bb364b91597f38263f9bc7ef919",disabled:this.interactionDisabled}),e("span",{key:"66d3e42b259170e7dfc2021521e8e5a06b049b6a",class:"md-navigation-tab__state-layer",part:"state-layer","aria-hidden":"true","data-focus-visible":this.focusVisible?"true":null}),e("span",{key:"66fefed1e19574db90dc10435c4d252f25858281",class:"md-navigation-tab__container",part:"container"},e("span",{key:"9107a93789b7b0d3f45df0d8af5f2fb18ef0de50",class:{"md-navigation-tab__indicator":true,"md-navigation-tab__indicator--active":this.active},part:"indicator","aria-hidden":"true"}),this.renderIcon(),this.renderLabel()))}get el(){return this}static get watchers(){return{active:[{onActiveChange:0}],disabled:[{onDisabledChange:0}],softDisabled:[{onSoftDisabledChange:0}]}}static get style(){return c()}},[257,"md-navigation-tab",{active:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],label:[1],icon:[1],activeIcon:[1,"active-icon"],badge:[516],badgeValue:[1,"badge-value"],badgeMax:[2,"badge-max"],href:[1],target:[1],labelBehavior:[1025,"label-behavior"],density:[514],focusVisible:[32],focusEl:[64]},undefined,{active:[{onActiveChange:0}],disabled:[{onDisabledChange:0}],softDisabled:[{onSoftDisabledChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const i=["md-navigation-tab","md-ripple"];i.forEach((i=>{switch(i){case"md-navigation-tab":if(!customElements.get(o(i))){customElements.define(o(i),b)}break;case"md-ripple":if(!customElements.get(o(i))){d()}break}}))}v();const m=b;const h=v;export{m as MdNavigationTab,h as defineCustomElement};
 //# sourceMappingURL=md-navigation-tab.js.map