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

package/dist/md3/{p-ac8762e5.entry.js → p-96c06b24.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as i,H as r,a as t}from"./p-DTaX19_O.js";const n=()=>`:host{--_container-color:var(--md-app-bar-container-color, var(--md-sys-color-surface));--_container-color-scrolled:var(     --md-app-bar-container-color-scrolled,     var(--md-sys-color-surface-container)   );--_container-shape:var(--md-app-bar-container-shape, var(--md-sys-shape-corner-none));--_headline-color:var(--md-app-bar-headline-color, var(--md-sys-color-on-surface));--_subtitle-color:var(--md-app-bar-subtitle-color, var(--md-sys-color-on-surface-variant));--_leading-icon-color:var(--md-app-bar-leading-icon-color, var(--md-sys-color-on-surface));--_trailing-icon-color:var(--md-app-bar-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_container-elevation:var(--md-app-bar-container-elevation, var(--md-sys-elevation-0));--_padding-inline-start:var(     --md-app-bar-padding-inline-start,     var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))   );--_padding-inline-end:var(     --md-app-bar-padding-inline-end,     var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))   );--_icon-gap:var(--md-app-bar-icon-gap, 0px);--_row-height:var(--md-app-bar-row-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_icon-button-size:var(--md-app-bar-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_trailing-icon-touch-size:var(--md-app-bar-trailing-icon-touch-size, var(--_icon-button-size));--_trailing-gap:var(--md-app-bar-trailing-gap, 2px);--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 0px);--_icon-size:var(--md-app-bar-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_icon-size-handoff:var(--_icon-size);--_avatar-size:var(--md-app-bar-avatar-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_expanded-padding-inline:var(--md-app-bar-expanded-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_expanded-padding-block-end:var(--md-app-bar-expanded-padding-block-end, var(--md-sys-spacing-inset-xl, 24px));--_search-container-color:var(     --md-app-bar-search-container-color,     var(--md-sys-color-surface-container-highest)   );--_search-container-color-scrolled:var(     --md-app-bar-search-container-color-scrolled,     var(--md-sys-color-surface-container)   );--_search-container-shape:var(     --md-app-bar-search-container-shape,     var(--md-sys-shape-corner-full)   );--_search-container-height:var(--md-app-bar-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_search-padding-inline-start:var(--md-app-bar-search-padding-inline-start, var(--md-sys-spacing-inset-xl, 24px));--_search-padding-inline-end:var(--md-app-bar-search-padding-inline-end, var(--md-sys-spacing-inset-sm, 8px));--_search-row-gap:var(--md-app-bar-search-row-gap, var(--md-sys-spacing-gap-sm, 8px));--_search-trailing-gap:var(--md-app-bar-search-trailing-gap, var(--md-sys-spacing-gap-xs, 4px));--_search-field-trailing-gap:var(--md-app-bar-search-field-trailing-gap, 6px);--_trailing-touch-size:var(--md-app-bar-trailing-touch-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_search-placeholder-color:var(     --md-app-bar-search-placeholder-color,     var(--md-sys-color-on-surface-variant)   );--_search-input-color:var(     --md-app-bar-search-input-color,     var(--md-sys-color-on-surface)   );--_search-trailing-icon-color:var(     --md-app-bar-search-trailing-icon-color,     var(--md-sys-color-on-surface-variant)   );display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box;border-radius:var(--_container-shape);background-color:var(--_container-color);color:var(--_headline-color);box-shadow:var(--_container-elevation);z-index:var(--md-sys-z-index-app-bar, 100);position:sticky;inset-block-start:0;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),     box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}: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-app-bar--scrolled){background-color:var(--_container-color-scrolled)}:host(.md-app-bar--scrolled) .md-app-bar__search{background-color:var(--_search-container-color-scrolled)}:host(.md-app-bar--flexible){display:flex;flex-direction:column;min-block-size:var(--_flex-expanded-height)}:host(.md-app-bar--medium){--_flex-expanded-height:var(--md-app-bar-medium-height, calc(112px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:var(--md-sys-spacing-inset-xl, 24px)}:host(.md-app-bar--medium.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-medium-height-with-subtitle, calc(136px + var(--md-sys-density-scale, 0) * 4px))}:host(.md-app-bar--large){--_flex-expanded-height:var(--md-app-bar-large-height, calc(120px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:28px}:host(.md-app-bar--large:not(.md-app-bar--search)){--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 20px)}:host(.md-app-bar--large.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-large-height-with-subtitle, calc(152px + var(--md-sys-density-scale, 0) * 4px))}.md-app-bar__row{display:flex;align-items:center;flex-shrink:0;block-size:var(--_row-height);min-block-size:var(--_row-height);padding-inline-start:var(--_padding-inline-start);padding-inline-end:var(--_padding-inline-end);padding-block-start:var(--_row-padding-block-start);gap:var(--_icon-gap)}:host(.md-app-bar--large:not(.md-app-bar--search)) .md-app-bar__row{align-items:flex-start}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__row{display:grid;grid-template-columns:minmax(var(--_icon-button-size), 1fr) minmax(0, auto) minmax(       var(--_icon-button-size),       1fr     );align-items:center;column-gap:var(--_icon-gap)}.md-app-bar__leading,.md-app-bar__trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:0;color:var(--_leading-icon-color)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__leading{justify-self:start}.md-app-bar__trailing{color:var(--_trailing-icon-color);margin-inline-start:auto;gap:var(--_trailing-gap)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__trailing{justify-self:end;margin-inline-start:0}.md-app-bar__headline-inline{display:flex;flex-direction:column;justify-content:center;flex:1;min-inline-size:0;padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-app-bar--center) .md-app-bar__headline-inline{flex:unset;justify-self:center;align-items:center;text-align:center;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-app-bar--flexible) .md-app-bar__headline-inline{opacity:0;pointer-events:none}.md-app-bar__title{min-inline-size:0;font-family:var(--md-sys-typescale-title-large-font-family);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_headline-color)}.md-app-bar__expanded{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-inline:var(--_expanded-padding-inline);padding-block-end:var(--_expanded-padding-block-end);min-block-size:0;overflow:hidden}:host(.md-app-bar--center) .md-app-bar__expanded{align-items:center;text-align:center}:host(.md-app-bar--medium) .md-app-bar__expanded-headline,:host(.md-app-bar--large) .md-app-bar__expanded-headline{font-family:var(--md-sys-typescale-headline-medium-font-family);font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing);color:var(--_headline-color)}.md-app-bar__subtitle{margin-block-start:2px;font-family:var(--md-sys-typescale-label-large-font-family);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);color:var(--_subtitle-color)}:host(.md-app-bar--large) .md-app-bar__expanded .md-app-bar__subtitle{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}:host(.md-app-bar--search){container-type:inline-size}.md-app-bar__row--search{flex-shrink:0;gap:var(--_search-row-gap)}:host(.md-app-bar--search) .md-app-bar__leading{min-inline-size:var(--_icon-button-size)}:host(.md-app-bar--search) .md-app-bar__trailing{margin-inline-start:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:var(--_trailing-touch-size);min-block-size:var(--_trailing-touch-size)}:host(.md-app-bar--search) .md-app-bar__search-input,:host(.md-app-bar--search) .md-app-bar__search-content{text-align:start}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field:has(.md-app-bar__search-input){padding-inline-start:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-field{padding-inline-start:0;padding-inline-end:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input::placeholder{text-align:center}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:max(12px, var(--_search-padding-inline-start))}.md-app-bar__search-host{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;align-self:stretch;justify-content:center;overflow:visible}.md-app-bar__search{position:relative;display:flex;align-items:center;box-sizing:border-box;flex:1 1 auto;inline-size:100%;min-inline-size:0;margin-inline:0;align-self:center;block-size:var(--_search-container-height);padding-inline-start:0;padding-inline-end:0;gap:var(--_icon-gap);border-radius:var(--_search-container-shape);background-color:var(--_search-container-color);color:var(--_search-input-color);cursor:text;overflow:hidden;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),     box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md-app-bar__search:focus-within{overflow:visible}.md-app-bar__search>md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--md-ripple-grow-duration:var(--md-sys-motion-duration-short2);--md-ripple-grow-easing:var(--md-sys-motion-easing-standard);--md-ripple-extend-inline:0px}.md-app-bar__search-state-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--_search-input-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1) var(--md-sys-motion-easing-standard)}.md-app-bar__search:hover .md-app-bar__search-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md-app-bar__search:active .md-app-bar__search-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-app-bar__search--focus-ring{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-app-bar__search-field{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:1;padding-inline:0}.md-app-bar__search-input{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;border:0;outline:0;background:transparent;color:var(--_search-input-color);font-family:var(--md-sys-typescale-body-large-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing);padding-block:0;padding-inline-end:0;padding-inline-start:0;margin:0;text-indent:0;box-sizing:border-box;appearance:none}.md-app-bar__search-input::placeholder{color:var(--_search-placeholder-color);opacity:1}.md-app-bar__search-input:disabled{cursor:not-allowed}.md-app-bar__search-content{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}::slotted([slot='search']){inline-size:100%;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}.md-app-bar__search-trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--_search-trailing-gap);color:var(--_search-trailing-icon-color);position:relative;z-index:2;padding-inline:0;margin-inline:0}:host(.md-app-bar--with-search-trailing) .md-app-bar__search{padding-inline-end:var(--_search-padding-inline-end)}:host(.md-app-bar--with-search-trailing) .md-app-bar__search-trailing{margin-inline-start:var(--_search-field-trailing-gap)}::slotted([slot='search-trailing']){color:var(--_search-trailing-icon-color)}:host(.md-app-bar--search) ::slotted([slot='trailing']){color:var(--_trailing-icon-color)}:host(.md-app-bar--search-disabled) .md-app-bar__search,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled){cursor:not-allowed;opacity:0.38}:host(.md-app-bar--search-disabled) .md-app-bar__search-state-layer,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled) .md-app-bar__search-state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-app-bar__search{transition-duration:0.01ms !important}}@container (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@container (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}@media (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@media (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}.md-app-bar__leading-button{flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size);--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='leading']),::slotted([slot='trailing']),::slotted([slot='search-trailing']){flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size)}::slotted([slot='leading']){--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='trailing']){--md-icon-button-icon-color:var(--_trailing-icon-color);--md-icon-button-state-layer-color:var(--_trailing-icon-color);--md-avatar-size:var(--_avatar-size)}::slotted([slot='trailing'][hidden]){display:none !important}::slotted([slot='search-trailing']){--md-icon-button-icon-color:var(--_search-trailing-icon-color);--md-icon-button-state-layer-color:var(--_search-trailing-icon-color)}:host-context([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host-context([dir='rtl']) .md-app-bar__leading-button[data-directional],:host([dir='rtl']) .md-app-bar__leading-button[data-directional]{transform:scaleX(-1)}`;const s=class{constructor(i){a(this,i);this.mdLeadingClick=e(this,"mdLeadingClick",7);this.mdSearchActivate=e(this,"mdSearchActivate",7);this.mdSearchInput=e(this,"mdSearchInput",7);this.variant="small";this.titleAlignment="start";this.searchPlaceholder="Search";this.searchValue="";this.searchAriaLabel="";this.searchDisabled=false;this.headline="";this.subtitle="";this.scrolled=false;this.density=0;this.leadingIcon="";this.leadingIconLabel="";this.hasSlottedLeading=false;this.hasSlottedHeadline=false;this.hasSlottedSubtitle=false;this.hasSlottedSearch=false;this.hasSlottedSearchTrailing=false;this.searchFocused=false;this.searchKeyboardModality=false;this.trackSearchKeyboardModality=()=>{this.searchKeyboardModality=true};this.trackSearchPointerModality=()=>{this.searchKeyboardModality=false};this.handleSearchContainerClick=()=>{if(this.searchDisabled)return;this.searchInput?.focus()};this.handleSearchInput=a=>{const e=a.target.value;this.searchValue=e;this.mdSearchInput.emit({value:e})};this.handleSearchFocus=()=>{if(this.searchDisabled)return;this.searchFocused=true;this.emitSearchActivate()};this.handleSearchBlur=()=>{this.searchFocused=false};this.handleSearchKeyDown=a=>{if(this.searchDisabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();this.emitSearchActivate()}}}connectedCallback(){if(typeof document==="undefined")return;document.addEventListener("keydown",this.trackSearchKeyboardModality,true);document.addEventListener("pointerdown",this.trackSearchPointerModality,true)}disconnectedCallback(){if(typeof document==="undefined")return;document.removeEventListener("keydown",this.trackSearchKeyboardModality,true);document.removeEventListener("pointerdown",this.trackSearchPointerModality,true)}componentWillLoad(){this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null;this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null;this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null;this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null;this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="leading"]');const i=a.querySelector('slot[name="headline"]');const r=a.querySelector('slot[name="subtitle"]');const t=a.querySelector('slot[name="search"]');const n=a.querySelector('slot[name="search-trailing"]');const s=a.querySelector('slot[name="trailing"]');const d=()=>{this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null||(e?.assignedElements().length??0)>0};const l=()=>{this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null||(i?.assignedElements().length??0)>0};const o=()=>{this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null||(r?.assignedElements().length??0)>0};const p=()=>{this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null||(t?.assignedElements().length??0)>0};const c=()=>{this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null||(n?.assignedElements().length??0)>0};const h=()=>this.enforceTrailingSlotLimit(s);e?.addEventListener("slotchange",d);i?.addEventListener("slotchange",l);r?.addEventListener("slotchange",o);t?.addEventListener("slotchange",p);n?.addEventListener("slotchange",c);s?.addEventListener("slotchange",h);h()}enforceTrailingSlotLimit(a){const e=a?.assignedElements({flatten:true})??[];if(e.length>s.MAX_TRAILING_ICONS){console.warn(`[md-app-bar] The trailing slot supports at most ${s.MAX_TRAILING_ICONS} action icons; `+`${e.length} were provided. Icons beyond the limit are hidden.`)}e.forEach(((a,e)=>{const i=a;if(e>=s.MAX_TRAILING_ICONS){i.hidden=true}else if(i.hidden){i.hidden=false}}))}isFlexible(){return this.variant==="medium"||this.variant==="large"}isSearchVariant(){return this.variant==="search"}hasHeadlineContent(){return Boolean(this.headline)||this.hasSlottedHeadline}effectiveSearchLabel(){return this.searchAriaLabel||this.searchPlaceholder||"Search"}emitSearchActivate(){if(this.searchDisabled)return;this.mdSearchActivate.emit({value:this.searchValue})}hasSubtitleContent(){return Boolean(this.subtitle)||this.hasSlottedSubtitle}renderLeadingFallback(){const a=Boolean(this.leadingIcon)&&!this.hasSlottedLeading;if(!a)return null;return i("md-icon-button",{class:"md-app-bar__leading-button",exportparts:"icon, state-layer",part:"leading-icon",icon:this.leadingIcon,variant:"standard",size:"md",buttonWidth:"narrow","aria-label":this.leadingIconLabel||undefined,onClick:a=>this.mdLeadingClick.emit(a)})}renderInlineHeadline(){const a=this.isFlexible();const e=this.headline?i("span",{class:"md-app-bar__title",part:"title"},this.headline):a?null:this.hasSlottedHeadline?i("span",{class:"md-app-bar__title",part:"title"},i("slot",{name:"headline"})):null;const r=!this.hasSubtitleContent()?null:this.subtitle?i("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},this.subtitle):a?null:i("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},i("slot",{name:"subtitle"}));if(!e&&!r)return null;return i("span",{class:"md-app-bar__headline-inline","aria-hidden":a?"true":null},e,r)}renderExpandedHeadline(){if(this.headline){return i("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},this.headline)}return i("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},i("slot",{name:"headline"}))}renderExpandedSubtitle(){if(this.subtitle){return i("span",{class:"md-app-bar__subtitle",part:"subtitle"},this.subtitle)}return i("span",{class:"md-app-bar__subtitle",part:"subtitle"},i("slot",{name:"subtitle"}))}renderSearchField(){return i("div",{class:"md-app-bar__search-host",part:"search-host"},i("div",{class:{"md-app-bar__search":true,"md-app-bar__search--focused":this.searchFocused,"md-app-bar__search--focus-ring":this.searchFocused&&this.searchKeyboardModality},part:"search",onClick:this.handleSearchContainerClick},!this.searchDisabled&&i("md-ripple",{disabled:this.searchDisabled}),i("span",{class:"md-app-bar__search-state-layer",part:"search-state-layer","aria-hidden":"true"}),this.hasSlottedSearch?i("span",{class:"md-app-bar__search-field",part:"search-field"},i("span",{class:"md-app-bar__search-content",part:"search-content"},i("slot",{name:"search"}))):i("span",{class:"md-app-bar__search-field",part:"search-field"},i("input",{ref:a=>this.searchInput=a,class:"md-app-bar__search-input",part:"search-input",type:"text",inputMode:"search",enterKeyHint:"search",role:"searchbox",value:this.searchValue,placeholder:this.searchPlaceholder,disabled:this.searchDisabled,"aria-label":this.effectiveSearchLabel(),autocomplete:"off",spellcheck:false,onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown})),i("span",{class:"md-app-bar__search-trailing",part:"search-trailing"},i("slot",{name:"search-trailing"}))))}renderSearchTop(){return i("div",{class:"md-app-bar__row md-app-bar__row--search",part:"row"},i("span",{class:"md-app-bar__leading",part:"leading"},i("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderSearchField(),i("span",{class:"md-app-bar__trailing",part:"trailing"},i("slot",{name:"trailing"})))}renderTop(){if(this.isSearchVariant()){return this.renderSearchTop()}const a=this.isFlexible();return[i("div",{class:"md-app-bar__row",part:"row"},i("span",{class:"md-app-bar__leading",part:"leading"},i("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderInlineHeadline(),i("span",{class:"md-app-bar__trailing",part:"trailing"},i("slot",{name:"trailing"}))),a&&i("div",{class:"md-app-bar__expanded",part:"expanded"},this.renderExpandedHeadline(),this.hasSubtitleContent()&&this.renderExpandedSubtitle())]}render(){const a=this.isFlexible();const e=this.isSearchVariant();const t=this.titleAlignment==="center";return i(r,{key:"28769a5568a4a6be2949cefef62b2cc2a9fa3a75",class:{"md-app-bar":true,[`md-app-bar--${this.variant}`]:true,"md-app-bar--flexible":a,"md-app-bar--center":t,"md-app-bar--search":e,"md-app-bar--with-subtitle":!e&&this.hasSubtitleContent(),"md-app-bar--search-focused":e&&this.searchFocused,"md-app-bar--search-disabled":e&&this.searchDisabled,"md-app-bar--with-search-trailing":e&&this.hasSlottedSearchTrailing,"md-app-bar--scrolled":this.scrolled,[`md-app-bar--density${this.density}`]:this.density!==0},role:"banner"},this.renderTop())}get el(){return t(this)}};s.MAX_TRAILING_ICONS=3;s.style=n();export{s as md_app_bar};
-//# sourceMappingURL=p-ac8762e5.entry.js.map
+import{r as a,c as e,h as i,H as r,g as t}from"./p-WmvQpZnM.js";const n=()=>`:host{--_container-color:var(--md-app-bar-container-color, var(--md-sys-color-surface));--_container-color-scrolled:var(     --md-app-bar-container-color-scrolled,     var(--md-sys-color-surface-container)   );--_container-shape:var(--md-app-bar-container-shape, var(--md-sys-shape-corner-none));--_headline-color:var(--md-app-bar-headline-color, var(--md-sys-color-on-surface));--_subtitle-color:var(--md-app-bar-subtitle-color, var(--md-sys-color-on-surface-variant));--_leading-icon-color:var(--md-app-bar-leading-icon-color, var(--md-sys-color-on-surface));--_trailing-icon-color:var(--md-app-bar-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_container-elevation:var(--md-app-bar-container-elevation, var(--md-sys-elevation-0));--_padding-inline-start:var(     --md-app-bar-padding-inline-start,     var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))   );--_padding-inline-end:var(     --md-app-bar-padding-inline-end,     var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))   );--_icon-gap:var(--md-app-bar-icon-gap, 0px);--_row-height:var(--md-app-bar-row-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_icon-button-size:var(--md-app-bar-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_trailing-icon-touch-size:var(--md-app-bar-trailing-icon-touch-size, var(--_icon-button-size));--_trailing-gap:var(--md-app-bar-trailing-gap, 2px);--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 0px);--_icon-size:var(--md-app-bar-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_icon-size-handoff:var(--_icon-size);--_avatar-size:var(--md-app-bar-avatar-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_expanded-padding-inline:var(--md-app-bar-expanded-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_expanded-padding-block-end:var(--md-app-bar-expanded-padding-block-end, var(--md-sys-spacing-inset-xl, 24px));--_search-container-color:var(     --md-app-bar-search-container-color,     var(--md-sys-color-surface-container-highest)   );--_search-container-color-scrolled:var(     --md-app-bar-search-container-color-scrolled,     var(--md-sys-color-surface-container)   );--_search-container-shape:var(     --md-app-bar-search-container-shape,     var(--md-sys-shape-corner-full)   );--_search-container-height:var(--md-app-bar-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_search-padding-inline-start:var(--md-app-bar-search-padding-inline-start, var(--md-sys-spacing-inset-xl, 24px));--_search-padding-inline-end:var(--md-app-bar-search-padding-inline-end, var(--md-sys-spacing-inset-sm, 8px));--_search-row-gap:var(--md-app-bar-search-row-gap, var(--md-sys-spacing-gap-sm, 8px));--_search-trailing-gap:var(--md-app-bar-search-trailing-gap, var(--md-sys-spacing-gap-xs, 4px));--_search-field-trailing-gap:var(--md-app-bar-search-field-trailing-gap, 6px);--_trailing-touch-size:var(--md-app-bar-trailing-touch-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_search-placeholder-color:var(     --md-app-bar-search-placeholder-color,     var(--md-sys-color-on-surface-variant)   );--_search-input-color:var(     --md-app-bar-search-input-color,     var(--md-sys-color-on-surface)   );--_search-trailing-icon-color:var(     --md-app-bar-search-trailing-icon-color,     var(--md-sys-color-on-surface-variant)   );display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box;border-radius:var(--_container-shape);background-color:var(--_container-color);color:var(--_headline-color);box-shadow:var(--_container-elevation);z-index:var(--md-sys-z-index-app-bar, 100);position:sticky;inset-block-start:0;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),     box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}: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-app-bar--scrolled){background-color:var(--_container-color-scrolled)}:host(.md-app-bar--scrolled) .md-app-bar__search{background-color:var(--_search-container-color-scrolled)}:host(.md-app-bar--flexible){display:flex;flex-direction:column;min-block-size:var(--_flex-expanded-height)}:host(.md-app-bar--medium){--_flex-expanded-height:var(--md-app-bar-medium-height, calc(112px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:var(--md-sys-spacing-inset-xl, 24px)}:host(.md-app-bar--medium.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-medium-height-with-subtitle, calc(136px + var(--md-sys-density-scale, 0) * 4px))}:host(.md-app-bar--large){--_flex-expanded-height:var(--md-app-bar-large-height, calc(120px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:28px}:host(.md-app-bar--large:not(.md-app-bar--search)){--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 20px)}:host(.md-app-bar--large.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-large-height-with-subtitle, calc(152px + var(--md-sys-density-scale, 0) * 4px))}.md-app-bar__row{display:flex;align-items:center;flex-shrink:0;block-size:var(--_row-height);min-block-size:var(--_row-height);padding-inline-start:var(--_padding-inline-start);padding-inline-end:var(--_padding-inline-end);padding-block-start:var(--_row-padding-block-start);gap:var(--_icon-gap)}:host(.md-app-bar--large:not(.md-app-bar--search)) .md-app-bar__row{align-items:flex-start}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__row{display:grid;grid-template-columns:minmax(var(--_icon-button-size), 1fr) minmax(0, auto) minmax(       var(--_icon-button-size),       1fr     );align-items:center;column-gap:var(--_icon-gap)}.md-app-bar__leading,.md-app-bar__trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:0;color:var(--_leading-icon-color)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__leading{justify-self:start}.md-app-bar__trailing{color:var(--_trailing-icon-color);margin-inline-start:auto;gap:var(--_trailing-gap)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__trailing{justify-self:end;margin-inline-start:0}.md-app-bar__headline-inline{display:flex;flex-direction:column;justify-content:center;flex:1;min-inline-size:0;padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-app-bar--center) .md-app-bar__headline-inline{flex:unset;justify-self:center;align-items:center;text-align:center;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-app-bar--flexible) .md-app-bar__headline-inline{opacity:0;pointer-events:none}.md-app-bar__title{min-inline-size:0;font-family:var(--md-sys-typescale-title-large-font-family);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_headline-color)}.md-app-bar__expanded{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-inline:var(--_expanded-padding-inline);padding-block-end:var(--_expanded-padding-block-end);min-block-size:0;overflow:hidden}:host(.md-app-bar--center) .md-app-bar__expanded{align-items:center;text-align:center}:host(.md-app-bar--medium) .md-app-bar__expanded-headline,:host(.md-app-bar--large) .md-app-bar__expanded-headline{font-family:var(--md-sys-typescale-headline-medium-font-family);font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing);color:var(--_headline-color)}.md-app-bar__subtitle{margin-block-start:2px;font-family:var(--md-sys-typescale-label-large-font-family);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);color:var(--_subtitle-color)}:host(.md-app-bar--large) .md-app-bar__expanded .md-app-bar__subtitle{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}:host(.md-app-bar--search){container-type:inline-size}.md-app-bar__row--search{flex-shrink:0;gap:var(--_search-row-gap)}:host(.md-app-bar--search) .md-app-bar__leading{min-inline-size:var(--_icon-button-size)}:host(.md-app-bar--search) .md-app-bar__trailing{margin-inline-start:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:var(--_trailing-touch-size);min-block-size:var(--_trailing-touch-size)}:host(.md-app-bar--search) .md-app-bar__search-input,:host(.md-app-bar--search) .md-app-bar__search-content{text-align:start}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field:has(.md-app-bar__search-input){padding-inline-start:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-field{padding-inline-start:0;padding-inline-end:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input::placeholder{text-align:center}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:max(12px, var(--_search-padding-inline-start))}.md-app-bar__search-host{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;align-self:stretch;justify-content:center;overflow:visible}.md-app-bar__search{position:relative;display:flex;align-items:center;box-sizing:border-box;flex:1 1 auto;inline-size:100%;min-inline-size:0;margin-inline:0;align-self:center;block-size:var(--_search-container-height);padding-inline-start:0;padding-inline-end:0;gap:var(--_icon-gap);border-radius:var(--_search-container-shape);background-color:var(--_search-container-color);color:var(--_search-input-color);cursor:text;overflow:hidden;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),     box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md-app-bar__search:focus-within{overflow:visible}.md-app-bar__search>md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--md-ripple-grow-duration:var(--md-sys-motion-duration-short2);--md-ripple-grow-easing:var(--md-sys-motion-easing-standard);--md-ripple-extend-inline:0px}.md-app-bar__search-state-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--_search-input-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1) var(--md-sys-motion-easing-standard)}.md-app-bar__search:hover .md-app-bar__search-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md-app-bar__search:active .md-app-bar__search-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-app-bar__search--focus-ring{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-app-bar__search-field{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:1;padding-inline:0}.md-app-bar__search-input{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;border:0;outline:0;background:transparent;color:var(--_search-input-color);font-family:var(--md-sys-typescale-body-large-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing);padding-block:0;padding-inline-end:0;padding-inline-start:0;margin:0;text-indent:0;box-sizing:border-box;appearance:none}.md-app-bar__search-input::placeholder{color:var(--_search-placeholder-color);opacity:1}.md-app-bar__search-input:disabled{cursor:not-allowed}.md-app-bar__search-content{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}::slotted([slot='search']){inline-size:100%;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}.md-app-bar__search-trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--_search-trailing-gap);color:var(--_search-trailing-icon-color);position:relative;z-index:2;padding-inline:0;margin-inline:0}:host(.md-app-bar--with-search-trailing) .md-app-bar__search{padding-inline-end:var(--_search-padding-inline-end)}:host(.md-app-bar--with-search-trailing) .md-app-bar__search-trailing{margin-inline-start:var(--_search-field-trailing-gap)}::slotted([slot='search-trailing']){color:var(--_search-trailing-icon-color)}:host(.md-app-bar--search) ::slotted([slot='trailing']){color:var(--_trailing-icon-color)}:host(.md-app-bar--search-disabled) .md-app-bar__search,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled){cursor:not-allowed;opacity:0.38}:host(.md-app-bar--search-disabled) .md-app-bar__search-state-layer,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled) .md-app-bar__search-state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-app-bar__search{transition-duration:0.01ms !important}}@container (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@container (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}@media (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@media (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}.md-app-bar__leading-button{flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size);--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='leading']),::slotted([slot='trailing']),::slotted([slot='search-trailing']){flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size)}::slotted([slot='leading']){--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='trailing']){--md-icon-button-icon-color:var(--_trailing-icon-color);--md-icon-button-state-layer-color:var(--_trailing-icon-color);--md-avatar-size:var(--_avatar-size)}::slotted([slot='trailing'][hidden]){display:none !important}::slotted([slot='search-trailing']){--md-icon-button-icon-color:var(--_search-trailing-icon-color);--md-icon-button-state-layer-color:var(--_search-trailing-icon-color)}:host-context([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host-context([dir='rtl']) .md-app-bar__leading-button[data-directional],:host([dir='rtl']) .md-app-bar__leading-button[data-directional]{transform:scaleX(-1)}`;const s=class{constructor(i){a(this,i);this.mdLeadingClick=e(this,"mdLeadingClick",7);this.mdSearchActivate=e(this,"mdSearchActivate",7);this.mdSearchInput=e(this,"mdSearchInput",7);this.variant="small";this.titleAlignment="start";this.searchPlaceholder="Search";this.searchValue="";this.searchAriaLabel="";this.searchDisabled=false;this.headline="";this.subtitle="";this.scrolled=false;this.density=0;this.leadingIcon="";this.leadingIconLabel="";this.hasSlottedLeading=false;this.hasSlottedHeadline=false;this.hasSlottedSubtitle=false;this.hasSlottedSearch=false;this.hasSlottedSearchTrailing=false;this.searchFocused=false;this.searchKeyboardModality=false;this.trackSearchKeyboardModality=()=>{this.searchKeyboardModality=true};this.trackSearchPointerModality=()=>{this.searchKeyboardModality=false};this.handleSearchContainerClick=()=>{if(this.searchDisabled)return;this.searchInput?.focus()};this.handleSearchInput=a=>{const e=a.target.value;this.searchValue=e;this.mdSearchInput.emit({value:e})};this.handleSearchFocus=()=>{if(this.searchDisabled)return;this.searchFocused=true;this.emitSearchActivate()};this.handleSearchBlur=()=>{this.searchFocused=false};this.handleSearchKeyDown=a=>{if(this.searchDisabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();this.emitSearchActivate()}}}connectedCallback(){if(typeof document==="undefined")return;document.addEventListener("keydown",this.trackSearchKeyboardModality,true);document.addEventListener("pointerdown",this.trackSearchPointerModality,true)}disconnectedCallback(){if(typeof document==="undefined")return;document.removeEventListener("keydown",this.trackSearchKeyboardModality,true);document.removeEventListener("pointerdown",this.trackSearchPointerModality,true)}componentWillLoad(){this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null;this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null;this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null;this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null;this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="leading"]');const i=a.querySelector('slot[name="headline"]');const r=a.querySelector('slot[name="subtitle"]');const t=a.querySelector('slot[name="search"]');const n=a.querySelector('slot[name="search-trailing"]');const s=a.querySelector('slot[name="trailing"]');const d=()=>{this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null||(e?.assignedElements().length??0)>0};const l=()=>{this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null||(i?.assignedElements().length??0)>0};const o=()=>{this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null||(r?.assignedElements().length??0)>0};const p=()=>{this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null||(t?.assignedElements().length??0)>0};const c=()=>{this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null||(n?.assignedElements().length??0)>0};const h=()=>this.enforceTrailingSlotLimit(s);e?.addEventListener("slotchange",d);i?.addEventListener("slotchange",l);r?.addEventListener("slotchange",o);t?.addEventListener("slotchange",p);n?.addEventListener("slotchange",c);s?.addEventListener("slotchange",h);h()}enforceTrailingSlotLimit(a){const e=a?.assignedElements({flatten:true})??[];if(e.length>s.MAX_TRAILING_ICONS){console.warn(`[md-app-bar] The trailing slot supports at most ${s.MAX_TRAILING_ICONS} action icons; `+`${e.length} were provided. Icons beyond the limit are hidden.`)}e.forEach(((a,e)=>{const i=a;if(e>=s.MAX_TRAILING_ICONS){i.hidden=true}else if(i.hidden){i.hidden=false}}))}isFlexible(){return this.variant==="medium"||this.variant==="large"}isSearchVariant(){return this.variant==="search"}hasHeadlineContent(){return Boolean(this.headline)||this.hasSlottedHeadline}effectiveSearchLabel(){return this.searchAriaLabel||this.searchPlaceholder||"Search"}emitSearchActivate(){if(this.searchDisabled)return;this.mdSearchActivate.emit({value:this.searchValue})}hasSubtitleContent(){return Boolean(this.subtitle)||this.hasSlottedSubtitle}renderLeadingFallback(){const a=Boolean(this.leadingIcon)&&!this.hasSlottedLeading;if(!a)return null;return i("md-icon-button",{class:"md-app-bar__leading-button",exportparts:"icon, state-layer",part:"leading-icon",icon:this.leadingIcon,variant:"standard",size:"md",buttonWidth:"narrow","aria-label":this.leadingIconLabel||undefined,onClick:a=>this.mdLeadingClick.emit(a)})}renderInlineHeadline(){const a=this.isFlexible();const e=this.headline?i("span",{class:"md-app-bar__title",part:"title"},this.headline):a?null:this.hasSlottedHeadline?i("span",{class:"md-app-bar__title",part:"title"},i("slot",{name:"headline"})):null;const r=!this.hasSubtitleContent()?null:this.subtitle?i("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},this.subtitle):a?null:i("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},i("slot",{name:"subtitle"}));if(!e&&!r)return null;return i("span",{class:"md-app-bar__headline-inline","aria-hidden":a?"true":null},e,r)}renderExpandedHeadline(){if(this.headline){return i("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},this.headline)}return i("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},i("slot",{name:"headline"}))}renderExpandedSubtitle(){if(this.subtitle){return i("span",{class:"md-app-bar__subtitle",part:"subtitle"},this.subtitle)}return i("span",{class:"md-app-bar__subtitle",part:"subtitle"},i("slot",{name:"subtitle"}))}renderSearchField(){return i("div",{class:"md-app-bar__search-host",part:"search-host"},i("div",{class:{"md-app-bar__search":true,"md-app-bar__search--focused":this.searchFocused,"md-app-bar__search--focus-ring":this.searchFocused&&this.searchKeyboardModality},part:"search",onClick:this.handleSearchContainerClick},!this.searchDisabled&&i("md-ripple",{disabled:this.searchDisabled}),i("span",{class:"md-app-bar__search-state-layer",part:"search-state-layer","aria-hidden":"true"}),this.hasSlottedSearch?i("span",{class:"md-app-bar__search-field",part:"search-field"},i("span",{class:"md-app-bar__search-content",part:"search-content"},i("slot",{name:"search"}))):i("span",{class:"md-app-bar__search-field",part:"search-field"},i("input",{ref:a=>this.searchInput=a,class:"md-app-bar__search-input",part:"search-input",type:"text",inputMode:"search",enterKeyHint:"search",role:"searchbox",value:this.searchValue,placeholder:this.searchPlaceholder,disabled:this.searchDisabled,"aria-label":this.effectiveSearchLabel(),autocomplete:"off",spellcheck:false,onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown})),i("span",{class:"md-app-bar__search-trailing",part:"search-trailing"},i("slot",{name:"search-trailing"}))))}renderSearchTop(){return i("div",{class:"md-app-bar__row md-app-bar__row--search",part:"row"},i("span",{class:"md-app-bar__leading",part:"leading"},i("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderSearchField(),i("span",{class:"md-app-bar__trailing",part:"trailing"},i("slot",{name:"trailing"})))}renderTop(){if(this.isSearchVariant()){return this.renderSearchTop()}const a=this.isFlexible();return[i("div",{class:"md-app-bar__row",part:"row"},i("span",{class:"md-app-bar__leading",part:"leading"},i("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderInlineHeadline(),i("span",{class:"md-app-bar__trailing",part:"trailing"},i("slot",{name:"trailing"}))),a&&i("div",{class:"md-app-bar__expanded",part:"expanded"},this.renderExpandedHeadline(),this.hasSubtitleContent()&&this.renderExpandedSubtitle())]}render(){const a=this.isFlexible();const e=this.isSearchVariant();const t=this.titleAlignment==="center";return i(r,{key:"28769a5568a4a6be2949cefef62b2cc2a9fa3a75",class:{"md-app-bar":true,[`md-app-bar--${this.variant}`]:true,"md-app-bar--flexible":a,"md-app-bar--center":t,"md-app-bar--search":e,"md-app-bar--with-subtitle":!e&&this.hasSubtitleContent(),"md-app-bar--search-focused":e&&this.searchFocused,"md-app-bar--search-disabled":e&&this.searchDisabled,"md-app-bar--with-search-trailing":e&&this.hasSlottedSearchTrailing,"md-app-bar--scrolled":this.scrolled,[`md-app-bar--density${this.density}`]:this.density!==0},role:"banner"},this.renderTop())}get el(){return t(this)}};s.MAX_TRAILING_ICONS=3;s.style=n();export{s as md_app_bar};
+//# sourceMappingURL=p-96c06b24.entry.js.map

package/dist/md3/p-9b9677cc.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as s,g as a}from"./p-WmvQpZnM.js";import{t as n}from"./p-DYBUr7K_.js";import{s as r,S as o,a as l}from"./p-BjYKc1Ge.js";const d=()=>`:host{--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_container-shape:var(--md-list-item-container-shape, 0px);--_container-shape-start-start:var(--md-list-item-container-shape-start-start, var(--_container-shape));--_container-shape-start-end:var(--md-list-item-container-shape-start-end, var(--_container-shape));--_container-shape-end-start:var(--md-list-item-container-shape-end-start, var(--_container-shape));--_container-shape-end-end:var(--md-list-item-container-shape-end-end, var(--_container-shape));--_hover-container-shape:var(--md-list-item-hover-container-shape,    var(--md-list-item-active-container-shape, 0px));--_focus-container-shape:calc(var(--md-list-item-focus-container-shape,    var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_pressed-container-shape:calc(var(--md-list-item-pressed-container-shape,  var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_selected-container-shape:calc(var(--md-list-item-selected-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_dragged-container-shape:var(--md-list-item-dragged-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px)));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_label-text-font:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(--md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-font:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size:var(--md-list-item-leading-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_leading-icon-expressive-size:var(--md-list-item-leading-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-trailing-icon-color:var(--md-list-item-unselected-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-expressive-size:var(--md-list-item-trailing-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_leading-avatar-color:var(--md-list-item-leading-avatar-color, var(--md-sys-color-primary-container, #eaddff));--_leading-avatar-label-color:var(--md-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container, #21005d));--_leading-avatar-size:var(--md-list-item-leading-avatar-size, 40px);--_leading-avatar-shape:var(--md-list-item-leading-avatar-shape, var(--md-sys-shape-corner-full, 9999px));--_leading-image-width:var(--md-list-item-leading-image-width, 56px);--_leading-image-height:var(--md-list-item-leading-image-height, 56px);--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--md-sys-shape-corner-none, 0px));--_leading-image-expressive-shape:var(--md-list-item-leading-image-expressive-shape, var(--md-sys-shape-corner-small, 8px));--_leading-image-selection-scrim-color:var(     --md-list-item-leading-image-selection-scrim-color,     color-mix(in srgb, var(--md-sys-color-scrim, #000000) 32%, transparent)   );--_leading-image-selection-circle-color:var(     --md-list-item-leading-image-selection-circle-color,     color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 60%, transparent)   );--_leading-image-selection-icon-color:var(     --md-list-item-leading-image-selection-icon-color,     var(--md-sys-color-surface, #fef7ff)   );--_leading-image-selection-icon-size:var(--md-list-item-leading-image-selection-icon-size, 24px);--_leading-video-width:var(--md-list-item-leading-video-width, 100px);--_leading-video-height:var(--md-list-item-leading-video-height, 56px);--_leading-video-shape:var(--md-list-item-leading-video-shape, var(--md-sys-shape-corner-small, 8px));--_selected-container-color:var(--md-list-item-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-label-text-color:var(--md-list-item-selected-label-text-color, var(--md-sys-color-on-secondary-container, #4a4458));--_selected-active-icon-color:var(--md-list-item-selected-active-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-color:var(     --md-list-item-selected-disabled-container-color,     color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 12%, transparent)   );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_hover-state-layer-opacity:var(--md-list-item-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 0.08));--_focus-state-layer-opacity:var(--md-list-item-focus-state-layer-opacity, 0.1);--_pressed-state-layer-opacity:var(--md-list-item-pressed-state-layer-opacity, 0.1);--_dragged-state-layer-opacity:var(--md-list-item-dragged-state-layer-opacity, 0.16);--_disabled-state-layer-opacity:var(--md-list-item-disabled-state-layer-opacity, 0);--_leading-space:var(--md-list-item-leading-space, var(--md-sys-spacing-inset-lg, 16px));--_trailing-space:var(--md-list-item-trailing-space, var(--md-sys-spacing-inset-lg, 16px));--_top-space:var(--md-list-item-top-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_bottom-space:var(--md-list-item-bottom-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_between-space:var(--md-list-item-between-space, max(8px, var(--md-sys-spacing-gap-md, 12px)));--_three-line-top-space:var(--md-list-item-three-line-top-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_three-line-bottom-space:var(--md-list-item-three-line-bottom-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_density-delta:calc(var(--md-sys-density-scale, 0) * 4px);--_density-delta-multi:calc(var(--md-sys-density-scale, 0) * 6px);--_dragged-container-elevation:var(--md-list-item-dragged-container-elevation, var(--md-sys-elevation-4, 0px 6px 10px 4px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.3)));--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f));--_expand-duration:var(--md-list-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-list-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms));--_expand-easing:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_expanded-panel-padding-block:var(--md-list-item-expanded-panel-padding-block, 0px);--_expanded-panel-padding-inline:var(--md-list-item-expanded-panel-padding-inline, 0px);--_expanded-panel-padding-inline-start:var(     --md-list-item-expanded-panel-padding-inline-start,     var(--md-list-item-expanded-panel-padding-inline, 0px)   );--_expanded-panel-background:var(--md-list-item-expanded-panel-background, transparent);display:block;position:relative;background-color:var(--_container-color);color:var(--_label-text-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;overflow:clip;transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}.md-list-item__row{display:flex;align-items:center;position:relative;min-block-size:calc(56px + var(--_density-delta));padding-block-start:var(--_top-space);padding-block-end:var(--_bottom-space);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);gap:var(--_between-space);box-sizing:border-box;overflow:hidden;transition:border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-list-item--interactive) .md-list-item__row{cursor:pointer;user-select:none}:host(.md-list-item--type-text:not(.md-list-item--selection-mode):not(.md-list-item--expandable)) .md-list-item__row{cursor:default}.md-list-item__primary{display:flex;align-items:center;flex:1 1 auto;min-inline-size:0;gap:var(--_between-space);appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:inherit;outline:none;-webkit-tap-highlight-color:transparent}:host(.md-list-item--3-line) .md-list-item__primary{align-items:flex-start;align-self:stretch}:host(.md-list-item--1-line) .md-list-item__row{min-block-size:calc(56px + var(--_density-delta))}:host(.md-list-item--2-line) .md-list-item__row{min-block-size:calc(72px + var(--_density-delta-multi))}:host(.md-list-item--3-line) .md-list-item__row{min-block-size:calc(88px + var(--_density-delta-multi));padding-block-start:var(--_three-line-top-space);padding-block-end:var(--_three-line-bottom-space);align-items:flex-start}:host(.md-list-item--with-video){--_top-space:var(--md-list-item-leading-video-top-space, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_bottom-space:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-list-item--3-line) .md-list-item__leading{align-self:flex-start;}:host(.md-list-item--3-line.md-list-item--with-avatar) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line:has(md-avatar[slot='leading'])) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line) .md-list-item__trailing{align-self:stretch;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:0}:host(.md-list-item--3-line) .md-list-item__trailing-icon{margin-block:auto}:host-context(.md-list--standard),:host-context(.md-list--segmented){--_leading-icon-size:var(--md-list-item-leading-icon-size, var(--_leading-icon-expressive-size));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, var(--_trailing-icon-expressive-size));--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--_leading-image-expressive-shape))}:host-context(.md-list--standard):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list-item--expandable.md-list-item--expanded){--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px}:host-context(.md-list--segmented){--_container-shape:var(--md-list-item-container-shape, var(--md-sys-shape-corner-extra-small, 4px))}:host-context(.md-list--segmented):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}.md-list-item__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.md-list-item--interactive) .md-list-item__row:hover .md-list-item__state-layer{opacity:var(--_hover-state-layer-opacity)}:host(.md-list-item--interactive:focus-visible) .md-list-item__state-layer,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive) .md-list-item__row:active .md-list-item__state-layer,:host(.md-list-item--pressed) .md-list-item__state-layer{opacity:var(--_pressed-state-layer-opacity)}:host(.md-list-item--dragged) .md-list-item__state-layer{opacity:var(--_dragged-state-layer-opacity)}:host(.md-list-item--dragged) md-ripple{display:none}:host(.md-list-item--dragged){box-shadow:var(--_dragged-container-elevation);z-index:1}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--dragged:focus-visible){box-shadow:var(--_dragged-container-elevation),     inset 0 0 0 3px var(--md-sys-color-secondary, #625b71)}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected),:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged){transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row,:host(.md-list-item--selected) .md-list-item__row,:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{transition:border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_focus-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_focus-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_focus-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_focus-container-shape))}:host(.md-list-item--selected),:host(.md-list-item--selected) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_selected-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_selected-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_selected-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_selected-container-shape))}:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged),:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_pressed-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_pressed-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_pressed-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_pressed-container-shape))}:host(.md-list-item--dragged),:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_dragged-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_dragged-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_dragged-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_dragged-container-shape))}:host(.md-list-item--selected){--_container-color:var(--_selected-container-color);--_label-text-color:var(--_selected-label-text-color);--_supporting-text-color:var(--_selected-label-text-color);--_overline-color:var(--_selected-label-text-color);--_leading-icon-color:var(--_selected-label-text-color);--_trailing-icon-color:var(--_selected-label-text-color);--_trailing-supporting-text-color:var(--_selected-label-text-color);--_state-layer-color:var(--_selected-label-text-color);--_expand-chevron-color:var(--_selected-label-text-color)}:host(.md-list-item--selection-mode:not(.md-list-item--selected)){--_trailing-icon-color:var(--_unselected-trailing-icon-color)}:host(.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--selected.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--selected.md-list-item--dragged){--_leading-icon-color:var(--_selected-active-icon-color);--_trailing-icon-color:var(--_selected-active-icon-color)}:host(.md-list-item--expandable),:host(.md-list-item--expandable[selected]),:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--dragged){--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(     --md-list-item-trailing-supporting-text-color,     var(--md-sys-color-on-surface-variant, #49454f)   );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f))}:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected) .md-list-item__row{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(.md-list-item--disabled){cursor:default;pointer-events:none;--_label-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_overline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_leading-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_expand-chevron-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-list-item--disabled) .md-list-item__state-layer{opacity:var(--_disabled-state-layer-opacity)}:host(.md-list-item--selected.md-list-item--disabled){--_container-color:var(--_selected-disabled-container-color)}:host([soft-disabled]){pointer-events:auto}:host([soft-disabled]) .md-list-item__row{cursor:default}:host([soft-disabled]) .md-list-item__state-layer{display:none}.md-list-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:24px;color:var(--_leading-icon-color)}.md-list-item__leading--empty,.md-list-item__overline--empty,.md-list-item__supporting-text--empty,.md-list-item__trailing-text--empty{display:none}.md-list-item__icon{font-size:var(--_leading-icon-size);inline-size:var(--_leading-icon-size);block-size:var(--_leading-icon-size);line-height:1;color:var(--_leading-icon-color);font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--expanded) .md-list-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}md-avatar.md-list-item__avatar{--md-avatar-size:var(--_leading-avatar-size);--md-avatar-container-shape:var(--_leading-avatar-shape);--md-avatar-container-color:var(--_leading-avatar-color);--md-avatar-label-color:var(--_leading-avatar-label-color)}.md-list-item__image-wrap{position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--_leading-image-width);block-size:var(--_leading-image-height);border-radius:var(--_leading-image-shape);overflow:hidden}.md-list-item__image{inline-size:100%;block-size:100%;object-fit:cover}.md-list-item__image-selection-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--_leading-image-selection-scrim-color);pointer-events:none;opacity:0;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--selected) .md-list-item__image-selection-indicator{opacity:1}.md-list-item__image-selection-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--_leading-image-selection-icon-size);block-size:var(--_leading-image-selection-icon-size);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_leading-image-selection-circle-color);transform:scale(0);opacity:0}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:md-list-item-image-selection-in var(--md-sys-motion-duration-medium2, 250ms)     var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)) both}@keyframes md-list-item-image-selection-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}.md-list-item__image-selection-check.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--_leading-image-selection-icon-size) * 0.667);block-size:calc(var(--_leading-image-selection-icon-size) * 0.667);font-size:calc(var(--_leading-image-selection-icon-size) * 0.667);line-height:1;color:var(--_leading-image-selection-icon-color);font-weight:normal;font-variation-settings:'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24}::slotted([slot="leading"]){display:inline-flex;align-items:center;justify-content:center;color:var(--_leading-icon-color);fill:currentColor}::slotted(video[slot="leading"]){inline-size:var(--_leading-video-width);block-size:var(--_leading-video-height);border-radius:var(--_leading-video-shape);object-fit:cover}.md-list-item__content{flex:1;display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;gap:0}.md-list-item__overline{font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);color:var(--_overline-color);contain:inline-size;min-inline-size:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:uppercase;transition:none}.md-list-item__headline{font-family:var(--_label-text-font);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--_label-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}.md-list-item__supporting-text{font-family:var(--_supporting-text-font);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_supporting-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}:host(.md-list-item--3-line) .md-list-item__supporting-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}md-tooltip.md-list-item__headline-tooltip,md-tooltip.md-list-item__supporting-tooltip{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden;--md-tooltip-plain-max-inline-size:320px}md-tooltip.md-list-item__supporting-tooltip--empty{display:none}.md-list-item__trailing{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--_trailing-icon-color)}.md-list-item__trailing-text{font-family:var(--_trailing-supporting-text-font);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);color:var(--_trailing-supporting-text-color);white-space:nowrap}.md-list-item__trailing-icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--_trailing-icon-size);inline-size:var(--_trailing-icon-size);block-size:var(--_trailing-icon-size);line-height:1;color:var(--_trailing-icon-color)}::slotted([slot="trailing"]:not(md-badge)){display:inline-flex;align-items:center;justify-content:center;color:var(--_trailing-icon-color);fill:currentColor;pointer-events:auto}::slotted(md-badge[slot="trailing"]){display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;position:static;inset-block-start:auto;inset-inline-end:auto;transform:none;flex-shrink:0}:host(.md-list-item--3-line) ::slotted(md-badge[slot="trailing"]){margin-block:auto}.md-list-item__drag-handle.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;font-size:22px;line-height:1;color:var(--_trailing-icon-color);opacity:0.55;cursor:grab;touch-action:none;pointer-events:auto;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-list-item__drag-handle.material-symbols-outlined:hover{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);transform:scale(1.08)}.md-list-item__drag-handle.material-symbols-outlined:active{cursor:grabbing}:host(.md-list-item--dragged) .md-list-item__drag-handle{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);cursor:grabbing}:host(.md-list-item--shifting){transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));will-change:transform}.md-list-item__expand-button{flex-shrink:0;--md-icon-button-container-width:var(--md-list-item-expand-button-size, 32px);--md-icon-button-container-height:var(--md-list-item-expand-button-size, 32px);--md-icon-button-icon-size:var(--md-list-item-expand-chevron-size, 24px);--md-icon-button-icon-color:var(--_expand-chevron-color);--md-icon-button-state-layer-color:var(--_expand-chevron-color);margin-inline-end:-4px}.md-list-item__expand-button--expanded{--md-icon-button-container-color:var(--md-sys-color-primary, #6750a4);--md-icon-button-icon-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-state-layer-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-outline-color:transparent}.md-list-item__expand-button::part(icon){transition:transform var(--md-sys-motion-duration-medium2, 250ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));transform-origin:center}.md-list-item__expand-button--expanded::part(icon){transform:rotate(180deg)}.md-list-item__expanded-panel{display:grid;grid-template-rows:0fr;opacity:0;background-color:var(--_expanded-panel-background);transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing),     opacity var(--_collapse-duration) var(--_collapse-easing)}:host(.md-list-item--expanded) .md-list-item__expanded-panel{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--_expand-duration) var(--_expand-easing),     opacity var(--_expand-duration) var(--_expand-easing)}.md-list-item__expanded-panel-inner{min-block-size:0;overflow:hidden;transform:translateY(-8px);transition:transform var(--_collapse-duration) var(--_collapse-easing);padding-block:var(--_expanded-panel-padding-block);padding-inline-start:var(--_expanded-panel-padding-inline-start);padding-inline-end:var(--_expanded-panel-padding-inline)}:host(.md-list-item--expanded) .md-list-item__expanded-panel-inner{transform:translateY(0);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-list-item--expandable) ::slotted(md-list-item[slot="expanded-content"]){--md-list-item-container-shape:0px;--md-list-item-container-shape-start-start:0px;--md-list-item-container-shape-start-end:0px;--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px;display:block;inline-size:100%;box-sizing:border-box}:host-context(.md-list--standard):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type),:host-context(.md-list--segmented):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}::slotted(md-divider[slot="expanded-content"]){display:block}::slotted([slot="expanded-content"]){display:block}.md-list-item__expanded-panel[hidden]{display:grid}@media (prefers-reduced-motion: reduce){:host{transition-property:box-shadow}.md-list-item__row,.md-list-item__expanded-panel,.md-list-item__expanded-panel-inner,.md-list-item__drag-handle{transition:none}.md-list-item__drag-handle.material-symbols-outlined:hover{transform:none}.md-list-item__expand-button::part(icon){transition:none}.md-list-item__image-selection-indicator{transition:none}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:none;transform:scale(1);opacity:1}}.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;pointer-events:none}:host([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror],:host-context([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror]{transform:scaleX(-1)}:host(.md-list-item--with-image) .md-list-item__row{padding-inline-start:16px}: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 c=class{constructor(i){t(this,i);this.mdClick=e(this,"mdClick",7);this.mdItemClick=e(this,"mdItemClick",7);this.mdItemSelect=e(this,"mdItemSelect",7);this.mdRequestActivation=e(this,"mdRequestActivation",7);this.mdItemRequestReorder=e(this,"mdItemRequestReorder",7);this.mdExpand=e(this,"mdExpand",7);this.type="text";this.headline="";this.overline="";this.supportingText="";this.trailingSupportingText="";this.leadingIcon="";this.trailingIcon="";this.leadingAvatar="";this.leadingAvatarAlt="";this.leadingAvatarName="";this.leadingAvatarLabel="";this.leadingImage="";this.leadingImageAlt="";this.lines=1;this.href="";this.target="_self";this.disabled=false;this.softDisabled=false;this.selected=false;this.expandable=false;this.expanded=false;this.tabbable=true;this.rovingFocusVisible=false;this.selectionMode="none";this.interactionMode="single-action";this.containerRole="";this.reorderable=false;this.density=0;this.hasSlottedLeading=false;this.hasSlottedTrailing=false;this.hasSlottedHeadline=false;this.hasSlottedOverline=false;this.hasSlottedSupportingText=false;this.hasSlottedTrailingSupportingText=false;this.hasSlottedExpandedContent=false;this.hasExpandedListItemChildren=false;this.hasLeadingVideo=false;this.pressed=false;this.hostedByList=false;this.observer=null;this.expandedPanelId=`md-list-item-panel-${++m}`;this.resizeObserver=null;this.truncationRaf=0;this.truncationDebounceTimer=0;this.headlineTruncated=false;this.supportingTruncated=false;this.handleCaretToggle=t=>{t.stopPropagation();this.toggleExpanded()};this.handleClick=t=>{if(!this.isInteractive)return;if(this.isEffectivelyDisabled){t.preventDefault();return}if(this.isDragHandleTarget(t))return;if(this.isTrailingActionTarget(t))return;if(this.isExpandButtonTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.expandable){this.expanded=!this.expanded;const t=r(this.href);if(this.type==="link"&&t&&!this.hasPrimaryAction){window.open(t,this.target,o)}this.mdClick.emit({item:this.el});return}const e=r(this.href);if(this.type==="link"&&e&&!this.hasPrimaryAction){window.open(e,this.target,o)}this.mdClick.emit({item:this.el});this.mdItemClick.emit({index:this.computeIndex(),selected:this.selected})};this.handleKeyDown=t=>{if(this.reorderable&&!this.isEffectivelyDisabled&&t.altKey&&(t.key==="ArrowUp"||t.key==="ArrowDown")){t.preventDefault();this.mdItemRequestReorder.emit({direction:t.key==="ArrowUp"?"up":"down",from:this.computeIndex()});return}if(!this.isInteractive)return;if(this.expandable&&!this.isEffectivelyDisabled){if(t.key==="ArrowRight"&&!this.expanded){t.preventDefault();this.expanded=true;return}if(t.key==="ArrowLeft"&&this.expanded){t.preventDefault();this.expanded=false;return}}if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isEffectivelyDisabled){this.pressed=true;n(this.el);if(this.type==="link"&&this.primaryEl){this.primaryEl.click()}else{this.el.click()}window.setTimeout((()=>{this.pressed=false}),150)}}};this.handlePointerDown=t=>{if(this.isExpandButtonTarget(t)||this.isTrailingActionTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.isInteractive&&!this.isEffectivelyDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false};this.handleFocus=()=>{if(this.hostedByList&&this.isInteractive){this.mdRequestActivation.emit()}};this.scheduleTruncationCheck=()=>{if(this.truncationDebounceTimer)clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=typeof setTimeout!=="undefined"?setTimeout((()=>{this.truncationDebounceTimer=0;this.runTruncationCheck()}),100):0};this.runTruncationCheck=()=>{const t=()=>{this.truncationRaf=0;this.applyTooltipToggle(this.headlineEl,this.headlineTooltipEl,"headlineTruncated",false);this.applyTooltipToggle(this.supportingEl,this.supportingTooltipEl,"supportingTruncated",this.effectiveLines===3)};if(typeof requestAnimationFrame==="function"){if(this.truncationRaf)cancelAnimationFrame(this.truncationRaf);this.truncationRaf=requestAnimationFrame(t)}else{t()}}}get inSelectionMode(){return this.selectionMode!=="none"}get isExpandedContentSlotted(){return this.el.getAttribute("slot")==="expanded-content"}get participatesInSelection(){return this.inSelectionMode&&!this.expandable&&!this.isExpandedContentSlotted}get isMultiAction(){return this.interactionMode==="multi-action"}get isEffectivelyDisabled(){return this.disabled||this.softDisabled}get isInteractive(){return!this.disabled&&(this.type!=="text"||this.inSelectionMode||this.expandable)}get isMenuContext(){return this.containerRole==="menu"||this.containerRole==="menubar"}get hasPrimaryAction(){return!this.participatesInSelection&&!this.reorderable&&!this.isMenuContext&&(this.type==="button"||this.type==="link")}get hasLeadingContent(){return!!this.leadingIcon||!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName||!!this.leadingImage||this.hasSlottedLeading}get hasTrailingContent(){return!!this.trailingIcon||!!this.trailingSupportingText||this.hasSlottedTrailing||this.hasSlottedTrailingSupportingText||this.expandable||this.reorderable}get effectiveLines(){if(this.lines!==1)return this.lines;const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;if(t&&e)return 3;if(t||e)return 2;return 1}componentWillLoad(){const t=this.el.parentElement;this.hostedByList=!!t&&t.tagName==="MD-LIST";if(this.expandable&&this.selected){this.selected=false}if(this.selectionMode==="none"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}}if(this.interactionMode==="single-action"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}}this.detectSlottedFromLightDom();if(this.expandable&&this.selected){this.selected=false}}detectSlottedFromLightDom(){if(!this.el||!this.el.children)return;const t=Array.from(this.el.children);const e=e=>t.some((t=>t.getAttribute("slot")===e));const i=e("trailing");if(i!==this.hasSlottedTrailing)this.hasSlottedTrailing=i;const s=e("trailing-supporting-text");if(s!==this.hasSlottedTrailingSupportingText){this.hasSlottedTrailingSupportingText=s}const a=e("headline");if(a!==this.hasSlottedHeadline)this.hasSlottedHeadline=a;const n=e("supporting-text");if(n!==this.hasSlottedSupportingText)this.hasSlottedSupportingText=n;const r=e("overline");if(r!==this.hasSlottedOverline)this.hasSlottedOverline=r;const o=e("leading");if(o!==this.hasSlottedLeading)this.hasSlottedLeading=o;const l=t.some((t=>t.tagName==="VIDEO"&&t.getAttribute("slot")==="leading"));if(l!==this.hasLeadingVideo)this.hasLeadingVideo=l;const d=t.some((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"));if(d!==this.hasExpandedListItemChildren){this.hasExpandedListItemChildren=d}}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=(e,i,s)=>{const a=t.querySelector(`slot[name="${e}"]`);if(!a)return;const n=()=>{try{i(a.assignedElements().length>0)}catch{}s?.()};a.addEventListener("slotchange",n);n()};e("leading",(t=>this.hasSlottedLeading=t));e("trailing",(t=>this.hasSlottedTrailing=t));e("headline",(t=>this.hasSlottedHeadline=t),(()=>this.scheduleTruncationCheck()));e("overline",(t=>this.hasSlottedOverline=t));e("supporting-text",(t=>this.hasSlottedSupportingText=t),(()=>this.scheduleTruncationCheck()));e("trailing-supporting-text",(t=>this.hasSlottedTrailingSupportingText=t));e("expanded-content",(t=>this.hasSlottedExpandedContent=t));if(typeof MutationObserver!=="undefined"){this.observer=new MutationObserver((t=>{let e=false;for(const i of t){if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-selection-mode"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}else if(!t){this.selectionMode="none"}}if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-interaction-mode"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}else if(!t){this.interactionMode="single-action"}}if(i.type==="childList")e=true;if(i.type==="attributes"&&i.attributeName==="slot"&&i.target!==this.el){e=true}}if(e){this.detectSlottedFromLightDom();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}}));this.observer.observe(this.el,{attributes:true,attributeFilter:["data-selection-mode","data-interaction-mode","slot"],childList:true,subtree:true})}if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>this.scheduleTruncationCheck()));this.resizeObserver.observe(this.el)}this.runTruncationCheck();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}disconnectedCallback(){this.observer?.disconnect();this.observer=null;this.resizeObserver?.disconnect();this.resizeObserver=null;if(this.truncationDebounceTimer){clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=0}if(this.truncationRaf&&typeof cancelAnimationFrame==="function"){cancelAnimationFrame(this.truncationRaf);this.truncationRaf=0}}onSelectedChange(t){if(this.expandable&&t){this.selected=false}}onExpandableChange(){if(this.expandable&&this.selected){this.selected=false}this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}onSelectionModeChange(){this.syncExpandedContentSelectionMode()}onExpandedChange(t,e){if(t!==e){this.mdExpand.emit(this.buildExpandDetail(t))}}onHeadlineChange(){this.scheduleTruncationCheck()}onSupportingTextChange(){this.scheduleTruncationCheck()}resolveFocusTarget(){if(this.hasPrimaryAction&&this.primaryEl)return this.primaryEl;return this.el}async setFocus(t){const e=this.resolveFocusTarget();if(!e)return;if(e.getAttribute("tabindex")===null){e.setAttribute("tabindex",this.tabbable?"0":"-1")}e.focus(t)}async focusItem(){await this.setFocus()}async toggle(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}async expand(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=true}async collapse(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=false}isTrailingActionTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];for(const t of e){if(!t||t===this.el||!this.isElementLike(t))continue;let e=t;while(e&&e!==this.el){if(e.getAttribute("slot")==="trailing"&&this.isInteractiveTrailingElement(e)){return true}e=e.parentElement}}return false}isElementLike(t){return typeof t.getAttribute==="function"}isInteractiveTrailingElement(t){const e=t.tagName;const i=new Set(["MD-ICON-BUTTON","MD-SWITCH","MD-CHECKBOX","MD-BUTTON","MD-FAB","BUTTON","A","INPUT","SELECT","TEXTAREA"]);if(i.has(e))return true;const s=t;if(typeof s.tabIndex==="number"&&s.tabIndex>=0)return true;const a=t.getAttribute("role");if(a==="button"||a==="switch"||a==="checkbox"||a==="menuitem"){return true}return false}isDragHandleTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.listDragHandle==="true"))}getExpandedContentItems(){return Array.from(this.el.children).filter((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"))}isExpandedContentChild(t){return t.parentElement===this.el&&t.getAttribute("slot")==="expanded-content"}syncExpandedContentSelectionMode(){if(!this.expandable)return;const t=this.selectionMode;this.getExpandedContentItems().forEach((e=>{e.selectionMode=t;if(t==="none"){e.removeAttribute("data-selection-mode")}else{e.setAttribute("data-selection-mode",t)}}))}syncExpandedContentDividers(){if(!this.expandable)return;Array.from(this.el.children).forEach((t=>{if(t.tagName==="MD-DIVIDER"&&t.getAttribute("slot")==="expanded-content"){t.setAttribute("aria-hidden","true")}}))}isExpandedContentTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];const i=Array.from(this.el.children).filter((t=>t.getAttribute("slot")==="expanded-content"));for(const t of e){if(!t||t===this.el)continue;for(const e of i){if(t===e)return true;if(t instanceof Node&&e.contains(t))return true}}return false}isExpandButtonTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.expandToggle==="true"))}toggleExpanded(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}expandToggleLabel(){const t=this.expanded?"Collapse":"Expand";const e=this.headlineFullText();return e?`${t} ${e}`:t}onExpandedChildItemClick(t){if(!this.expandable||this.selectionMode==="none")return;const e=t.composedPath().find((t=>t?.tagName==="MD-LIST-ITEM"));if(!e||e===this.el||!this.isExpandedContentChild(e))return;t.stopPropagation();const i=this.getExpandedContentItems();if(this.selectionMode==="single-select"){i.forEach((t=>{t.selected=t===e}))}else if(this.selectionMode==="multi-select"){e.selected=!e.selected}const s=i.indexOf(e);this.mdItemSelect.emit({index:s,value:e.headline||(e.textContent??"").trim(),selected:e.selected,item:e})}computeIndex(){const t=this.el.parentElement;if(!t)return 0;const e=Array.from(t.children).filter((t=>t.tagName==="MD-LIST-ITEM"));return e.indexOf(this.el)}buildExpandDetail(t){const e=this.el;const i=this.computeIndex();const s=this.headlineFullText();return{expanded:t,...i>=0?{index:i}:{},...s?{value:s}:{},item:e}}getSlottedText(t){const e=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);if(!e)return"";try{return e.assignedNodes().map((t=>t.textContent||"")).join("").trim()}catch{return""}}getDefaultSlotText(){return Array.from(this.el.children).filter((t=>!t.hasAttribute("slot"))).map((t=>t.textContent||"")).join("").trim()}headlineFullText(){return this.hasSlottedHeadline?this.getSlottedText("headline"):this.headline||this.getDefaultSlotText()}supportingFullText(){return this.hasSlottedSupportingText?this.getSlottedText("supporting-text"):this.supportingText}applyTooltipToggle(t,e,i,s){if(!t||!e)return;if(typeof t.scrollWidth!=="number")return;const a=t.scrollWidth>t.clientWidth||s&&t.scrollHeight>t.clientHeight;if(a===this[i])return;this[i]=a;e.disabled=!a}renderLeading(){return i("span",{class:{"md-list-item__leading":true,"md-list-item__leading--empty":!this.hasLeadingContent},part:"leading"},i("slot",{name:"leading"},this.leadingAvatar||this.leadingAvatarLabel||this.leadingAvatarName?i("md-avatar",{class:"md-list-item__avatar",exportparts:"image: avatar-image, initials: avatar-initials, icon: avatar-icon",part:"avatar",src:this.leadingAvatar||undefined,alt:this.leadingAvatarAlt||undefined,name:this.leadingAvatarName||undefined,initials:this.leadingAvatarLabel||undefined,size:"medium",shape:"circle"}):this.leadingImage?i("span",{class:"md-list-item__image-wrap",part:"image-wrap"},i("img",{class:"md-list-item__image",part:"image",src:this.leadingImage,alt:this.leadingImageAlt||"","aria-hidden":!this.leadingImageAlt?"true":null}),i("span",{class:"md-list-item__image-selection-indicator",part:"image-selection-indicator","aria-hidden":"true"},i("span",{class:"md-list-item__image-selection-circle",part:"image-selection-circle"},i("span",{class:"md-list-item__image-selection-check material-symbols-outlined",part:"image-selection-check","aria-hidden":"true"},"check")))):this.leadingIcon?i("span",{class:"md-list-item__icon material-symbols-outlined",part:"leading-icon","aria-hidden":"true"},this.leadingIcon):null))}renderContent(){const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;return i("span",{class:"md-list-item__content",part:"content"},i("span",{class:{"md-list-item__overline":true,"md-list-item__overline--empty":!t},part:"overline"},i("slot",{name:"overline"},this.overline)),i("md-tooltip",{class:"md-list-item__headline-tooltip",variant:"plain",text:this.headlineFullText()||undefined,disabled:!this.headlineTruncated,exportparts:"popup: headline-tooltip-popup",ref:t=>this.headlineTooltipEl=t},i("span",{class:"md-list-item__headline",part:"headline",ref:t=>this.headlineEl=t},i("slot",{name:"headline"},this.headline||i("slot",null)))),i("md-tooltip",{class:{"md-list-item__supporting-tooltip":true,"md-list-item__supporting-tooltip--empty":!e},variant:"plain",text:this.supportingFullText()||undefined,disabled:!this.supportingTruncated,exportparts:"popup: supporting-tooltip-popup",ref:t=>this.supportingTooltipEl=t},i("span",{class:{"md-list-item__supporting-text":true,"md-list-item__supporting-text--empty":!e},part:"supporting-text",ref:t=>this.supportingEl=t},i("slot",{name:"supporting-text"},this.supportingText))))}renderTrailing(){if(!this.hasTrailingContent)return null;const t=!!this.trailingSupportingText||this.hasSlottedTrailingSupportingText;return i("span",{class:"md-list-item__trailing",part:"trailing"},i("slot",{name:"trailing"},t&&i("span",{class:"md-list-item__trailing-text",part:"trailing-supporting-text"},i("slot",{name:"trailing-supporting-text"},this.trailingSupportingText)),this.trailingIcon&&i("span",{class:"md-list-item__trailing-icon material-symbols-outlined",part:"trailing-icon","aria-hidden":"true"},this.trailingIcon)),this.expandable&&i("md-icon-button",{class:{"md-list-item__expand-button":true,"md-list-item__expand-button--expanded":this.expanded},part:"expand-button",exportparts:"state-layer:expand-button-state-layer,icon:expand-button-icon","data-expand-toggle":"true",variant:"standard",size:"xs",buttonWidth:"narrow",icon:"expand_more",selected:this.expanded,disabled:this.isEffectivelyDisabled,"aria-expanded":this.expanded?"true":"false","aria-controls":this.expandedPanelId,"aria-label":this.expandToggleLabel(),onMdClick:this.handleCaretToggle}),this.reorderable&&i("span",{class:"md-list-item__drag-handle material-symbols-outlined",part:"drag-handle","data-list-drag-handle":"true","aria-hidden":"true"},"drag_indicator"))}renderPrimary(t){const e=t=>this.primaryEl=t;if(this.type==="link"){const s=r(this.href);return i("a",{class:"md-list-item__primary",part:"primary",role:"link",href:s,target:s?this.target:undefined,rel:s&&this.target?l:undefined,tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}return i("span",{class:"md-list-item__primary",part:"primary",role:"button",tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}render(){const t=this.effectiveLines;const e=this.isInteractive;const a=this.hasPrimaryAction;const n=this.isMenuContext&&!this.participatesInSelection&&(this.type==="button"||this.type==="link");let r;if(this.participatesInSelection){r="option"}else if(n){r="menuitem"}else{r="listitem"}const o=this.expandable&&!this.participatesInSelection&&this.type==="text";const l=this.participatesInSelection?this.selected?"true":"false":null;const d=e&&!o||this.reorderable;const m=d?this.tabbable?"0":"-1":null;const c=a?null:m;const h=a?m:null;const p=this.hasExpandedListItemChildren?"list":this.inSelectionMode?"group":"region";const v=p==="region"?undefined:this.headlineFullText()||undefined;return i(s,{key:"2b9d333fcd78fa67fa3811c61a02ac01b382363d",class:{"md-list-item":true,[`md-list-item--${t}-line`]:true,[`md-list-item--type-${this.type}`]:true,"md-list-item--selection-mode":this.participatesInSelection,"md-list-item--multi-action":this.isMultiAction,"md-list-item--interactive":e,"md-list-item--disabled":this.disabled||this.softDisabled,"md-list-item--soft-disabled":this.softDisabled,"md-list-item--selected":this.selected&&!this.expandable,"md-list-item--pressed":this.pressed,"md-list-item--with-leading":this.hasLeadingContent,"md-list-item--with-trailing":this.hasTrailingContent,"md-list-item--with-avatar":!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName,"md-list-item--with-image":!!this.leadingImage,"md-list-item--with-video":this.hasLeadingVideo,"md-list-item--expandable":this.expandable,"md-list-item--expanded":this.expandable&&this.expanded,"md-list-item--reorderable":this.reorderable,"md-list-item--roving-focus-visible":this.rovingFocusVisible},role:r,"aria-disabled":this.isEffectivelyDisabled?"true":null,"aria-selected":l,tabindex:c,onClick:e?this.handleClick:undefined,onKeyDown:e||this.reorderable?this.handleKeyDown:undefined,onPointerDown:e?this.handlePointerDown:undefined,onPointerUp:e?this.handlePointerUp:undefined,onPointerLeave:e?this.handlePointerUp:undefined,onPointerCancel:e?this.handlePointerUp:undefined,onFocus:e&&!a?this.handleFocus:undefined},i("span",{key:"f1a9a1759c9282ca6a44cbf2a8db81c6e3c04330",class:"md-list-item__row",part:"row"},e&&i("md-ripple",{key:"9c1564542b14116edfcfc5c15606d5d0ee5b4437",disabled:this.isEffectivelyDisabled}),e&&i("span",{key:"a8c98bdc60fabdfc1bb6e3f8c7812a4721e87cc4",class:"md-list-item__state-layer",part:"state-layer","aria-hidden":"true"}),a&&this.renderPrimary(h),!a&&this.renderLeading(),!a&&this.renderContent(),this.renderTrailing()),this.expandable&&i("span",{key:"3eda42f27457a61543b6799c13222806f39cfb17",class:"md-list-item__expanded-panel",part:"expanded-panel",id:this.expandedPanelId,role:p,"aria-label":v,hidden:!this.expanded},i("span",{key:"3c763ff80f6a06f40bfa6ab3c6799fe8362fa626",class:"md-list-item__expanded-panel-inner",part:"expanded-panel-inner"},i("slot",{key:"78b2439caef1c7f3c5dd0c70b0330ee1d7280405",name:"expanded-content"}))))}get el(){return a(this)}static get watchers(){return{selected:[{onSelectedChange:0}],expandable:[{onExpandableChange:0}],selectionMode:[{onSelectionModeChange:0}],expanded:[{onExpandedChange:0}],headline:[{onHeadlineChange:0}],supportingText:[{onSupportingTextChange:0}]}}};c.style=d();export{c as md_list_item};
+//# sourceMappingURL=p-9b9677cc.entry.js.map