@m3e/web 2.5.10 → 2.5.11

package/dist/all.min.js

@@ -3,7 +3,7 @@
  * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{__classPrivateFieldGet as e,__decorate as t,__classPrivateFieldSet as a}from"tslib";import{unsafeCSS as i,css as o,LitElement as r,html as s,nothing as n,isServer as l,noChange as c,svg as d}from"lit";import{query as h,property as m,queryAssignedElements as u,state as p}from"lit/decorators.js";import{DesignToken as v,HtmlFor as b,Role as f,hasAssignedNodes as g,debounce as y,customElement as $,MutationController as w,setCustomState as x,deleteCustomState as k,prefersReducedMotion as C,scrollIntoViewIfNeeded as S,forcedColorsActive as _,addCustomState as L,ActionElementBase as E,ReconnectedCallback as z,SuppressInitialAnimation as M,AttachInternals as P,VelocityTracker as T,ScrollLockController as I,InertController as D,ResizeController as A,focusWhenReady as W,hasCustomState as H,computeCssSize as O,registerStyleSheet as B,spaceSeparatedStringConverter as F,KeyboardClick as V,LinkButton as R,Focusable as q,Disabled as N,renderPseudoLink as U,FormSubmitter as j,DisabledInteractive as Y,FocusController as K,PressedController as Z,waitForUpgrade as X,isSelectedMixin as G,dateConverter as J,Labelled as Q,RequiredConstraintValidation as ee,Dirty as te,Touched as ae,Required as ie,ConstraintValidation as oe,CheckedIndeterminate as re,FormAssociated as se,HoverController as ne,formValue as le,isDisabledMixin as ce,isDisabledInteractiveMixin as de,isLinkButtonMixin as he,getTextContent as me,Vertical as ue,Selected as pe,getScrollbarWidth as ve,ScrollController as be,isReadOnlyMixin as fe,interceptProperty as ge,computeLineCount as ye,generateClipPaths as $e,Checked as we,resumeAnimation as xe,AnimationLoopController as ke,resolveFragmentUrl as Ce,safeStyleMap as Se,updateLabels as _e,guid as Le,IntersectionController as Ee,LongPressController as ze}from"@m3e/web/core";import{ListKeyManager as Me,M3eLiveAnnouncer as Pe,M3eInteractivityChecker as Te,isModifierAllowed as Ie,addAriaReferencedId as De,removeAriaReferencedId as Ae,selectionManager as We,SelectionManager as He,ListManager as Oe,RovingTabIndexManager as Be,M3eAriaDescriber as Fe,typeaheadLabel as Ve}from"@m3e/web/core/a11y";import{M3eOptGroupElement as Re}from"@m3e/web/option";import{M3eDirectionality as qe}from"@m3e/web/core/bidi";import{positionAnchor as Ne,M3eFloatingPanelElement as Ue}from"@m3e/web/core/anchoring";import{ifDefined as je}from"lit/directives/if-defined.js";import{classMap as Ye}from"lit/directives/class-map.js";import{M3eButtonElement as Ke}from"@m3e/web/button";import{M3eIconButtonElement as Ze}from"@m3e/web/icon-button";import"@m3e/web/tooltip";import{directive as Xe,Directive as Ge,PartType as Je}from"lit/directive.js";import{M3eBreakpointObserver as Qe,Breakpoint as et}from"@m3e/web/core/layout";import"@m3e/web/calendar";import{M3eNavBarElement as tt}from"@m3e/web/nav-bar";import"@m3e/web/form-field";import"@m3e/web/select";import"@m3e/web/button-group";import"@m3e/web/slide-group";import{M3ePlatform as at}from"@m3e/web/core/platform";const it={small:{containerHeight:i("var(--m3e-app-bar-small-container-height, 4rem)"),titleTextFontSize:i(`var(--m3e-app-bar-small-title-text-font-size, ${v.typescale.standard.title.large.fontSize})`),titleTextFontWeight:i(`var(--m3e-app-bar-small-title-text-font-weight, ${v.typescale.standard.title.large.fontWeight})`),titleTextLineHeight:i(`var(--m3e-app-bar-small-title-text-line-height, ${v.typescale.standard.title.large.lineHeight})`),titleTextTracking:i(`var(--m3e-app-bar-small-subtitle-text-tracking, ${v.typescale.standard.title.large.tracking})`),subtitleTextFontSize:i(`var(--m3e-app-bar-small-subtitle-text-font-size, ${v.typescale.standard.label.medium.fontSize})`),subtitleTextFontWeight:i(`var(--m3e-app-bar-small-subtitle-text-font-weight, ${v.typescale.standard.label.medium.fontWeight})`),subtitleTextLineHeight:i(`var(--m3e-app-bar-small-subtitle-text-line-height, ${v.typescale.standard.label.medium.lineHeight})`),subtitleTextTracking:i(`var(--m3e-app-bar-small-subtitle-text-tracking, ${v.typescale.standard.label.medium.tracking})`),headingPaddingLeft:i("var(--m3e-app-bar-small-heading-padding-left, 0.25rem)"),headingPaddingRight:i("var(--m3e-app-bar-small-heading-padding-right, 0.25rem)")},medium:{containerHeight:i("var(--m3e-app-bar-medium-container-height, 7rem)"),containerHeightWithSubtitle:i("var(--m3e-app-bar-medium-container-height-with-subtitle, 8.5rem)"),titleTextFontSize:i(`var(--m3e-app-bar-medium-title-text-font-size, ${v.typescale.standard.headline.medium.fontSize})`),titleTextFontWeight:i(`var(--m3e-app-bar-medium-title-text-font-weight, ${v.typescale.standard.headline.medium.fontWeight})`),titleTextLineHeight:i(`var(--m3e-app-bar-medium-title-text-line-height, ${v.typescale.standard.headline.medium.lineHeight})`),titleTextTracking:i(`var(--m3e-app-bar-medium-subtitle-text-tracking, ${v.typescale.standard.headline.medium.tracking})`),subtitleTextFontSize:i(`var(--m3e-app-bar-medium-subtitle-text-font-size, ${v.typescale.standard.title.small.fontSize})`),subtitleTextFontWeight:i(`var(--m3e-app-bar-medium-subtitle-text-font-weight, ${v.typescale.standard.title.small.fontWeight})`),subtitleTextLineHeight:i(`var(--m3e-app-bar-medium-subtitle-text-line-height, ${v.typescale.standard.title.small.lineHeight})`),subtitleTextTracking:i(`var(--m3e-app-bar-medium-subtitle-text-tracking, ${v.typescale.standard.title.small.tracking})`),headingPaddingLeft:i("var(--m3e-app-bar-medium-heading-padding-left, 1rem)"),headingPaddingRight:i("var(--m3e-app-bar-medium-heading-padding-right, 0.25rem)"),paddingTop:i("var(--m3e-app-bar-medium-padding-top, 0.5rem)"),paddingBottom:i("var(--m3e-app-bar-medium-padding-bottom, 0.75rem)"),titleMaxLines:i("var(--m3e-app-bar-medium-title-max-lines, 2)"),subtitleMaxLines:i("var(--m3e-app-bar-medium-subtitle-max-lines, 1)")},large:{containerHeight:i("var(--m3e-app-bar-large-container-height, 7.5rem)"),containerHeightWithSubtitle:i("var(--m3e-app-bar-large-container-height-with-subtitle, 9.5rem)"),titleTextFontSize:i(`var(--m3e-app-bar-large-title-text-font-size, ${v.typescale.standard.display.small.fontSize})`),titleTextFontWeight:i(`var(--m3e-app-bar-large-title-text-font-weight, ${v.typescale.standard.display.small.fontWeight})`),titleTextLineHeight:i(`var(--m3e-app-bar-large-title-text-line-height, ${v.typescale.standard.display.small.lineHeight})`),titleTextTracking:i(`var(--m3e-app-bar-large-subtitle-text-tracking, ${v.typescale.standard.display.small.tracking})`),subtitleTextFontSize:i(`var(--m3e-app-bar-large-subtitle-text-font-size, ${v.typescale.standard.title.medium.fontSize})`),subtitleTextFontWeight:i(`var(--m3e-app-bar-large-subtitle-text-font-weight, ${v.typescale.standard.title.medium.fontWeight})`),subtitleTextLineHeight:i(`var(--m3e-app-bar-large-subtitle-text-line-height, ${v.typescale.standard.title.medium.lineHeight})`),subtitleTextTracking:i(`var(--m3e-app-bar-large-subtitle-text-tracking, ${v.typescale.standard.title.medium.tracking})`),headingPaddingLeft:i("var(--m3e-app-bar-large-heading-padding-left, 1rem)"),headingPaddingRight:i("var(--m3e-app-bar-large-heading-padding-right, 0.25rem)"),paddingTop:i("var(--m3e-app-bar-large-padding-top, 0.5rem)"),paddingBottom:i("var(--m3e-app-bar-large-padding-bottom, 0.75rem)"),titleMaxLines:i("var(--m3e-app-bar-large-title-max-lines, 2)"),subtitleMaxLines:i("var(--m3e-app-bar-large-subtitle-max-lines, 1)")}};function ot(e){return o`:host([size="${i(e)}"]) .base:not(.with-subtitle) { min-height: ${it[e].containerHeight}; } :host([size="${i(e)}"]) .base.with-subtitle { min-height: ${it[e].containerHeightWithSubtitle??it[e].containerHeight}; } :host([size="${i(e)}"]) .title { font-size: ${it[e].titleTextFontSize}; font-weight: ${it[e].titleTextFontWeight}; line-height: ${it[e].titleTextLineHeight}; letter-spacing: ${it[e].titleTextTracking}; } :host([size="${i(e)}"]) .subtitle { font-size: ${it[e].subtitleTextFontSize}; font-weight: ${it[e].subtitleTextFontWeight}; line-height: ${it[e].subtitleTextLineHeight}; letter-spacing: ${it[e].subtitleTextTracking}; } :host(:not([centered])[size="${i(e)}"]) .label { padding-inline-start: ${it[e].headingPaddingLeft}; padding-inline-end: ${it[e].headingPaddingRight}; } :host([centered][size="${i(e)}"]) .label { padding-inline: ${it[e].headingPaddingLeft}; } :host([size="${i(e)}"]) .base { padding-block-start: ${it[e].paddingTop??i("unset")}; padding-block-end: ${it[e].paddingBottom??i("unset")}; } ${it[e].titleMaxLines?o`:host([size="${i(e)}"]) .title { display: -webkit-box; -webkit-line-clamp: ${it[e].titleMaxLines}; -webkit-box-orient: vertical; overflow: hidden; line-clamp: ${it[e].titleMaxLines}; }`:o``} ${it[e].subtitleMaxLines?o`:host([size="${i(e)}"]) .subtitle { display: -webkit-box; -webkit-line-clamp: ${it[e].subtitleMaxLines}; -webkit-box-orient: vertical; overflow: hidden; line-clamp: ${it[e].subtitleMaxLines}; }`:o``}`}const rt=[ot("small"),ot("medium"),ot("large")],st=i(`var(--m3e-app-bar-container-color, ${v.color.surface})`),nt=i(`var(--m3e-app-bar-container-color-on-scroll, ${v.color.surfaceContainer})`),lt=i(`var(--m3e-app-bar-container-elevation, ${v.elevation.level0})`),ct=i(`var(--m3e-app-bar-container-elevation-on-scroll, ${v.elevation.level1})`),dt=i(`var(--m3e-app-bar-title-text-color, ${v.color.onSurface})`),ht=i(`var(--m3e-app-bar-subtitle-text-color, ${v.color.onSurfaceVariant})`),mt=i("var(--m3e-app-bar-padding-left, 0.25rem)"),ut=i("var(--m3e-app-bar-padding-right, 0.25rem)"),pt=o`:host { display: block; flex: none; } :host([size="small"]) .base, :host(:not([size="small"]):not([centered])) .heading { padding-inline-start: ${mt}; padding-inline-end: ${ut}; } .base { box-sizing: border-box; display: flex; transition: ${i(`background-color ${v.motion.duration.medium1} ${v.motion.easing.standard},\n      box-shadow ${v.motion.duration.medium1} ${v.motion.easing.standard}`)}; } .base:not(.on-scroll) { background-color: ${st}; box-shadow: ${lt}; } .base.on-scroll { background-color: ${nt}; box-shadow: ${ct}; } .leading-icon, .trailing-icon { display: flex; flex: none; align-items: center; } .leading-icon { min-width: var(--_leading-icon-min-width); } .trailing-icon { min-width: var(--_trailing-icon-min-width); } .heading { display: flex; align-items: center; } :host([size="small"]) .heading { flex: 1 1 auto; } .spacer { flex: 1 1 auto; } .label { display: flex; flex-direction: column; flex: none; } .title { color: ${dt}; } .subtitle { color: ${ht}; } .base:not(.with-title) .title, .base:not(.with-subtitle) .subtitle, .base:not(.with-title):not(.with-subtitle) .label, .base:not(.with-trailing-icon) .trailing-icon { display: none; } :host([size="small"]) .base { align-items: center; } :host([size="small"]) .heading { min-width: 0; } :host([size="small"]) .label { flex: 1 1 auto; min-width: 0; } :host([size="small"]) .title, :host([size="small"]) .subtitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :host(:not([size="small"])) .base { flex-direction: column; } :host([centered]) .title, :host([centered]) .subtitle { text-align: center; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } .base:not(.on-scroll), .base.on-scroll { background-color: Canvas; box-shadow: unset; } .title { color: CanvasText; } .subtitle { color: FieldText; } }`;var vt,bt,ft,gt,yt,$t,wt,xt,kt,Ct,St,_t;let Lt=class extends(b(f(r,"banner"))){constructor(){super(...arguments),vt.add(this),bt.set(this,e=>this._updateScroll(e)),ft.set(this,()=>e(this,vt,"m",St).call(this)),this.centered=!1,this.size="small"}attach(t){super.attach(t),t instanceof HTMLIFrameElement?(t.addEventListener("load",e(this,ft,"f")),e(this,vt,"m",St).call(this)):t.addEventListener("scroll",e(this,bt,"f"),{passive:!0})}detach(){this.control instanceof HTMLIFrameElement&&(this.control.removeEventListener("load",e(this,ft,"f")),this.control.contentDocument?.removeEventListener("scroll",e(this,bt,"f"))),this.control&&this.control.removeEventListener("scroll",e(this,bt,"f")),super.detach()}updated(t){super.updated(t),(t.has("centered")||t.has("size"))&&(this.centered&&"small"===this.size?e(this,vt,"m",Ct).call(this):e(this,vt,"m",kt).call(this))}render(){return"small"===this.size?s`<div class="base"><div class="leading-icon"><slot name="leading" @slotchange="${e(this,vt,"m",$t)}"><slot name="leading-icon" @slotchange="${e(this,vt,"m",xt)}"></slot></slot></div><div class="heading"><div class="label"><div class="title"><slot name="title" @slotchange="${e(this,vt,"m",gt)}"></slot></div><div class="subtitle"><slot name="subtitle" @slotchange="${e(this,vt,"m",yt)}"></slot></div></div></div><div class="trailing-icon"><slot name="trailing" @slotchange="${e(this,vt,"m",wt)}"><slot name="trailing-icon" @slotchange="${e(this,vt,"m",xt)}"></slot></slot></div></div>`:s`<div class="base"><div class="heading"><div class="leading-icon"><slot name="leading" @slotchange="${e(this,vt,"m",$t)}"><slot name="leading-icon" @slotchange="${e(this,vt,"m",xt)}"></slot></slot></div><div class="spacer"></div><div class="trailing-icon"><slot name="trailing" @slotchange="${e(this,vt,"m",wt)}"><slot name="trailing-icon" @slotchange="${e(this,vt,"m",xt)}"></slot></slot></div></div><div class="spacer"></div><div class="label"><div class="title"><slot name="title" @slotchange="${e(this,vt,"m",gt)}"></slot></div><div class="subtitle"><slot name="subtitle" @slotchange="${e(this,vt,"m",yt)}"></slot></div></div></div>`}_updateScroll(t){let a=0;this.control instanceof HTMLIFrameElement?a=e(this,vt,"m",_t).call(this,this.control):t.target instanceof HTMLElement&&(a=t.target.scrollTop),this._base?.classList.toggle("on-scroll",a>0)}};var Et,zt,Mt,Pt,Tt,It,Dt,At,Wt,Ht,Ot,Bt,Ft,Vt,Rt,qt,Nt,Ut,jt,Yt,Kt,Zt,Xt,Gt,Jt,Qt,ea,ta,aa,ia,oa,ra,sa,na,la,ca,da,ha,ma,ua,pa,va,ba,fa,ga,ya,$a,wa,xa,ka,Ca,Sa,_a;bt=new WeakMap,ft=new WeakMap,vt=new WeakSet,gt=function(e){this._base?.classList.toggle("with-title",g(e.target))},yt=function(e){this._base?.classList.toggle("with-subtitle",g(e.target))},$t=function(t){this._base?.classList.toggle("with-leading-icon",g(t.target)),this.centered&&"small"===this.size&&setTimeout(()=>e(this,vt,"m",Ct).call(this),40)},wt=function(t){this._base?.classList.toggle("with-trailing-icon",g(t.target)),this.centered&&"small"===this.size&&setTimeout(()=>e(this,vt,"m",Ct).call(this),40)},xt=function(e){const t=e.target.name,a=t.replace("-icon","");console.warn(`[m3e-app-bar] Slot "${t}" is deprecated and will be removed in a future release. Use "${a}" instead.`)},kt=function(){this._base?.style.removeProperty("--_leading-icon-min-width"),this._base?.style.removeProperty("--_trailing-icon-min-width")},Ct=function(){e(this,vt,"m",kt).call(this);const t=this._leadingIcon?.getBoundingClientRect().width??0,a=this._trailingIcon?.getBoundingClientRect().width??0;t<a?this._base?.style.setProperty("--_leading-icon-min-width",`${a}px`):t>a&&this._base?.style.setProperty("--_trailing-icon-min-width",`${t}px`)},St=function(){this.control instanceof HTMLIFrameElement&&(this.control.contentDocument?.addEventListener("scroll",e(this,bt,"f"),{passive:!0}),this._base?.classList.toggle("on-scroll",e(this,vt,"m",_t).call(this,this.control)>0))},_t=function(e){return Math.max(e.contentDocument?.documentElement?.scrollTop??0,e.contentDocument?.body?.scrollTop??0)},Lt.styles=[pt,rt],t([h(".base")],Lt.prototype,"_base",void 0),t([h(".leading-icon")],Lt.prototype,"_leadingIcon",void 0),t([h(".trailing-icon")],Lt.prototype,"_trailingIcon",void 0),t([m({type:Boolean,reflect:!0})],Lt.prototype,"centered",void 0),t([m({reflect:!0})],Lt.prototype,"size",void 0),t([y(40)],Lt.prototype,"_updateScroll",null),Lt=t([$("m3e-app-bar")],Lt);let La=_a=class extends(b(r)){constructor(){super(),Et.add(this),zt.set(this,`m3e-autocomplete-${_a.__nextId}`),Mt.set(this,`${e(this,zt,"f")}-menu`),this._options=new Array,Pt.set(this,void 0),Tt.set(this,!1),It.set(this,void 0),Dt.set(this,!1),At.set(this,!1),Wt.set(this,!1),Ht.set(this,void 0),Ot.set(this,()=>e(this,Et,"m",aa).call(this)),Bt.set(this,()=>e(this,Et,"m",ia).call(this)),Ft.set(this,()=>e(this,Et,"m",oa).call(this)),Vt.set(this,()=>e(this,Et,"m",ra).call(this)),Rt.set(this,t=>e(this,Et,"m",la).call(this,t)),qt.set(this,t=>e(this,Et,"m",sa).call(this,t)),Nt.set(this,()=>e(this,Et,"m",na).call(this)),Ut.set(this,t=>e(this,Et,"m",ha).call(this,t)),jt.set(this,t=>e(this,Et,"m",ca).call(this,t)),Yt.set(this,t=>e(this,Et,"m",da).call(this,t)),Kt.set(this,void 0),this._listKeyManager=(new Me).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withSkipPredicate(e=>e.disabled||!0===e.hidden).onActiveItemChange(()=>{this._listKeyManager.activeItem&&e(this,Et,"m",fa).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.required=!1,this.autoActivate=!1,this.caseSensitive=!1,this.filter="contains",this.loading=!1,this.hideNoData=!1,this.hideLoading=!1,this.loadingLabel="Loading...",this.noDataLabel="No options",this.resultsLabel=e=>`${e} options`,this.panelClass="",new w(this,{config:{childList:!0,subtree:!0},callback:()=>e(this,Et,"m",ta).call(this)})}get options(){return this._options??[]}get selected(){return this.options.find(e=>e.selected)??null}get value(){const e=this.selected;return e&&!e.disabled?e.value:null}attach(t){t instanceof HTMLInputElement&&(super.attach(t),t.autocomplete="off",t.role="combobox",t.ariaAutoComplete="list",t.ariaExpanded="false",t.addEventListener("click",e(this,Ot,"f")),t.addEventListener("focus",e(this,Ft,"f")),t.addEventListener("blur",e(this,Vt,"f")),t.addEventListener("keydown",e(this,Rt,"f")),t.addEventListener("input",e(this,qt,"f")),t.addEventListener("change",e(this,Nt,"f")),e(this,Et,"a",ea)?.addEventListener("pointerdown",e(this,Bt,"f")))}detach(){this.control&&(e(this,Et,"a",ea)?.removeEventListener("pointerdown",e(this,Bt,"f")),this.control.role=null,this.control.ariaAutoComplete=null,this.control.ariaExpanded=null,this.control.removeEventListener("click",e(this,Ot,"f")),this.control.removeEventListener("focus",e(this,Ft,"f")),this.control.removeEventListener("blur",e(this,Vt,"f")),this.control.removeEventListener("keydown",e(this,Rt,"f")),this.control.removeEventListener("input",e(this,qt,"f")),this.control.removeEventListener("change",e(this,Nt,"f"))),super.detach()}clear(t=!1){e(this,Et,"a",Xt)&&(e(this,Et,"a",Xt).value="",e(this,Et,"m",xa).call(this)&&this.dispatchEvent(new Event("change",{bubbles:!0})),e(this,Et,"m",wa).call(this),t?e(this,Et,"a",Xt).focus():e(this,Et,"m",ba).call(this))}connectedCallback(){super.connectedCallback(),e(this,Et,"m",ta).call(this)}update(t){super.update(t),t.has("hideNoData")&&this.hideNoData&&e(this,It,"f")&&x(e(this,It,"f"),"--no-data",!1),t.has("loading")&&(this.loading?e(this,Wt,"f")&&(this.loadingLabel&&Pe.announce(this.loadingLabel,"polite"),!e(this,It,"f")&&e(this,Et,"a",Qt)&&e(this,Et,"m",ua).call(this)):e(this,It,"f")&&!e(this,Et,"a",Qt)?e(this,Et,"m",ba).call(this):e(this,It,"f")?k(e(this,It,"f"),"--loading"):e(this,Wt,"f")&&e(this,Et,"m",ua).call(this))}render(){return s`<div class="options" aria-hidden="true"><slot></slot></div>`}};zt=new WeakMap,Mt=new WeakMap,Pt=new WeakMap,Tt=new WeakMap,It=new WeakMap,Dt=new WeakMap,At=new WeakMap,Wt=new WeakMap,Ht=new WeakMap,Ot=new WeakMap,Bt=new WeakMap,Ft=new WeakMap,Vt=new WeakMap,Rt=new WeakMap,qt=new WeakMap,Nt=new WeakMap,Ut=new WeakMap,jt=new WeakMap,Yt=new WeakMap,Kt=new WeakMap,Et=new WeakSet,Zt=function(){return this._listKeyManager?.items??[]},Xt=function(){return this.control?this.control:null},Gt=function(){return null!==(e(this,Pt,"f")?.querySelector("[slot='no-data']")??null)},Jt=function(){return null!==(e(this,Pt,"f")?.querySelector("[slot='loading']")??null)},Qt=function(){return e(this,Et,"a",Zt).some(e=>!1===e.hidden)||this.loading&&!this.hideLoading&&this.loadingLabel.length>0||!this.loading&&!this.hideNoData&&this.noDataLabel.length>0},ea=function(){return this.control?.closest("m3e-form-field")??null},ta=async function(){e(this,Ht,"f")&&e(this,Ht,"f").abort();const t=new AbortController;a(this,Ht,t,"f");const i=[...this.querySelectorAll("m3e-option")];for(const e of i){if(t.signal.aborted)break;e.isUpdatePending&&await e.updateComplete}if(t.signal.aborted)return;this._options=i,a(this,Pt,this.cloneNode(!0),"f");const{added:o}=this._listKeyManager.setItems([...e(this,Pt,"f").querySelectorAll("m3e-option")]);if(o.forEach(t=>{t.id=t.id||`${e(this,zt,"f")}-option-${this._listKeyManager.items.indexOf(t)}`,x(t,"--hide-selection-indicator",this.hideSelectionIndicator)}),e(this,It,"f")){const t=e(this,Et,"m",wa).call(this);e(this,Et,"m",pa).call(this),e(this,Et,"a",Qt)?e(this,Et,"m",va).call(this,e(this,It,"f"),t):e(this,Et,"m",ba).call(this)}},aa=function(){a(this,Tt,!0,"f"),e(this,Et,"m",ua).call(this)},ia=function(){a(this,Dt,!0,"f")},oa=function(){a(this,Wt,!0,"f"),a(this,Tt,!0,"f"),0!=this.options.length||this.control.readOnly||this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,Et,"a",Xt)?.value??""},bubbles:!0,composed:!0})),e(this,Et,"m",ua).call(this)},ra=function(){a(this,Wt,!1,"f"),e(this,Dt,"f")||e(this,Et,"m",ba).call(this),a(this,Dt,!1,"f")},sa=function(t){if(e(this,Et,"a",Xt)&&!t.defaultPrevented){this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,Et,"a",Xt).value},bubbles:!0,composed:!0})),""===e(this,Et,"a",Xt).value&&e(this,Et,"m",xa).call(this)&&this.dispatchEvent(new Event("change",{bubbles:!0})),a(this,At,!0,"f");try{e(this,It,"f")?(e(this,Et,"m",wa).call(this),e(this,Et,"a",Qt)||e(this,Et,"m",ba).call(this)):e(this,Et,"m",ua).call(this)}finally{a(this,At,!1,"f"),e(this,Et,"a",ea)?.notifyControlStateChange(!0)}}},na=function(){if(e(this,Et,"a",Xt)){const t=this.selected;this.required?e(this,Et,"a",Xt).value=t?.label??"":t&&t.label!==e(this,Et,"a",Xt).value&&e(this,Et,"m",xa).call(this)&&this.dispatchEvent(new Event("change",{bubbles:!0}))}},la=function(t){if(!t.defaultPrevented)switch(a(this,Tt,!1,"f"),t.key){case"Backspace":case"Delete":e(this,Et,"a",Xt)&&!e(this,Et,"a",Xt).value&&e(this,Et,"m",ba).call(this);break;case"Enter":e(this,It,"f")&&this._listKeyManager.activeItem?(t.preventDefault(),e(this,Et,"m",ya).call(this,this._listKeyManager.activeItem),C()?e(this,Et,"m",ba).call(this):setTimeout(()=>e(this,Et,"m",ba).call(this),150)):e(this,It,"f")&&setTimeout(()=>{e(this,Et,"a",Xt)&&!e(this,Et,"a",Xt).value&&e(this,Et,"m",ba).call(this)});break;case"Escape":case"Tab":e(this,Et,"m",ba).call(this);break;case"Up":case"ArrowUp":t.altKey?e(this,Et,"m",ba).call(this):this._listKeyManager.onKeyDown(t);break;case"Down":case"ArrowDown":e(this,It,"f")?this._listKeyManager.onKeyDown(t):(e(this,Et,"m",ua).call(this),t.preventDefault());break;default:this._listKeyManager.onKeyDown(t)}},ca=function(e){if(a(this,Kt,void 0,"f"),2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const t=e.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);t&&!t.disabled&&a(this,Kt,t,"f")},da=function(t){const i=e(this,Kt,"f");if(a(this,Kt,void 0,"f"),2===t.button)return;if(!i)return;const o=t.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);o===i&&(this._listKeyManager.setActiveItem(o),e(this,Et,"m",ya).call(this,o)),C()?e(this,Et,"m",ba).call(this):setTimeout(()=>e(this,Et,"m",ba).call(this),150)},ha=function(t){if(e(this,It,"f"))if("closed"!==t.newState){const a=e(this,Et,"a",Zt).find(e=>e.selected&&!e.disabled);a?(this._listKeyManager.setActiveItem(a),S(a,e(this,It,"f"))):e(this,Et,"m",Ca).call(this),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState}))}else C()?e(this,Et,"m",ma).call(this,t):setTimeout(()=>e(this,Et,"m",ma).call(this,t),100)},ma=function(t){e(this,It,"f")&&(e(this,Pt,"f")?.replaceChildren(...e(this,It,"f").childNodes),e(this,It,"f").remove(),e(this,It,"f").removeEventListener("toggle",e(this,Ut,"f")),e(this,It,"f").removeEventListener("pointerdown",e(this,jt,"f")),e(this,It,"f").removeEventListener("pointerup",e(this,Yt,"f")),a(this,It,void 0,"f"),e(this,Et,"a",Xt)&&(e(this,Et,"a",Xt).ariaExpanded="false",e(this,Et,"a",Xt).removeAttribute("aria-controls"),e(this,Et,"a",Xt).removeAttribute("aria-owns"),e(this,Et,"a",Xt).removeAttribute("aria-activedescendant")),this.requestUpdate(),e(this,Et,"a",ea)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState})),"input"===e(this,Et,"a",Xt)?.slot&&"M3E-INPUT-CHIP-SET"===e(this,Et,"a",Xt).parentElement?.tagName&&e(this,Et,"m",xa).call(this))},ua=function(){if(e(this,It,"f")||!e(this,Et,"a",Xt)||e(this,Et,"a",Xt).readOnly||e(this,Et,"a",Xt).disabled)return;const t=e(this,Et,"m",wa).call(this);if(!e(this,Et,"a",Qt))return;if(a(this,It,document.createElement("m3e-option-panel"),"f"),e(this,It,"f").id=e(this,Mt,"f"),this.panelClass)for(const t of this.panelClass.split(/\s+/).map(e=>e.trim()).filter(Boolean))e(this,It,"f").classList.add(t);e(this,It,"f").style.overflowX="hidden",e(this,It,"f").scrollStrategy="reposition",e(this,It,"f").fitAnchorWidth=!0,e(this,It,"f").addEventListener("toggle",e(this,Ut,"f")),e(this,It,"f").addEventListener("pointerdown",e(this,jt,"f")),e(this,It,"f").addEventListener("pointerup",e(this,Yt,"f")),e(this,Et,"m",pa).call(this),e(this,Et,"m",va).call(this,e(this,It,"f"),t),(e(this,Et,"a",ea)??e(this,Et,"a",Xt)).insertAdjacentElement("afterend",e(this,It,"f")),e(this,Et,"a",Xt).setAttribute("aria-controls",e(this,Mt,"f")),e(this,Et,"a",Xt).setAttribute("aria-owns",e(this,Mt,"f")),e(this,Et,"a",ea)?.notifyControlStateChange(),this._listKeyManager.activeItem&&this.autoActivate&&e(this,Et,"m",fa).call(this,this._listKeyManager.activeItem,!0);const i=e(this,Et,"a",Xt);setTimeout(()=>e(this,It,"f")?.show(i,e(this,Et,"a",ea)?.menuAnchor))},pa=function(){if(!e(this,Pt,"f")||!e(this,It,"f"))return;const t=[...e(this,Pt,"f").childNodes];if(!e(this,Et,"a",Gt)&&this.noDataLabel){const e=document.createElement("span");e.slot="no-data",e.textContent=this.noDataLabel,t.push(e)}if(!e(this,Et,"a",Jt)&&this.loadingLabel){const e=document.createElement("span");e.slot="loading",e.textContent=this.loadingLabel,t.push(e)}e(this,It,"f").replaceChildren(...t)},va=function(e,t){x(e,"--loading",this.loading),x(e,"--no-data",0==t)},ba=function(){e(this,It,"f")?.hide()},fa=function(t,a=!1){if(e(this,Et,"a",Xt)&&(e(this,Et,"a",Xt).setAttribute("aria-activedescendant",t.id),e(this,It,"f"))){S(t,e(this,It,"f"),{block:"nearest",behavior:"instant"});const i=a||!e(this,Tt,"f")&&(e(this,Et,"a",Xt).matches(":focus-visible")||_());e(this,Et,"a",Zt).forEach(e=>{e===t&&i?(e.focusRing?.show(),e.stateLayer?.show("focused")):(e.focusRing?.hide(),e.stateLayer?.hide("focused"))})}},ga=async function(e){const t=this._options[this._listKeyManager.items.indexOf(e)];t&&(t.selected=e.selected,t.isUpdatePending&&await t.updateComplete)},ya=async function(t){t.selected||(t.selected=!0,await e(this,Et,"m",ga).call(this,t),t.isUpdatePending&&await t.updateComplete,this.requestUpdate(),this.isUpdatePending&&await this.updateComplete,e(this,Et,"a",Xt)&&(e(this,Et,"a",Xt).value=t.label),this.dispatchEvent(new Event("change",{bubbles:!0})),e(this,Et,"a",ea)?.notifyControlStateChange(!0))},$a=function(e,t,a,i){const o=this.caseSensitive?t.value:t.value.toLowerCase();switch(this.filter){case"starts-with":return e.term=i,e.highlightMode=this.filter,o.startsWith(a);case"ends-with":return e.term=i,e.highlightMode=this.filter,o.endsWith(a);case"contains":return e.term=i,e.highlightMode=this.filter,o.includes(a);case"none":return e.disableHighlight=!0,!0;default:return e.disableHighlight=!0,this.filter(t,i)}},wa=function(){if(!e(this,Et,"a",Xt))return 0;const t=e(this,Et,"a",Zt).filter(e=>!1===e.hidden).length,i=!this.loading&&e(this,At,"f");a(this,At,!1,"f");const o=e(this,Et,"a",Xt).value,r=this.caseSensitive?o:o.toLocaleLowerCase();let s,n=0,l=!1;for(let t=0;t<e(this,Et,"a",Zt).length;t++){const a=e(this,Et,"a",Zt)[t],i=this._options[t];a.hidden=!e(this,Et,"m",$a).call(this,a,i,r,o),!0===a.hidden?(e(this,Et,"m",Sa).call(this,a),k(a,"--first"),k(a,"--last")):(n++,l||a.parentElement instanceof Re?(k(a,"--first"),s&&k(s,"--last"),L(a,"--last"),s=a):(L(a,"--first"),l=!0,L(a,"--last"),s=a))}e(this,It,"f")&&e(this,Et,"m",va).call(this,e(this,It,"f"),n);const c=e(this,It,"f")?.querySelectorAll("m3e-optgroup")??e(this,Pt,"f")?.querySelectorAll("m3e-optgroup")??[];for(const e of c)e.hidden=[...e.querySelectorAll("m3e-option")].every(e=>!0===e.hidden);return i&&e(this,Et,"m",ka).call(this,t,n),e(this,Et,"m",Ca).call(this),n},xa=function(){const t=this._listKeyManager.items.filter(e=>e.selected);return t.length>0&&(t.forEach(t=>{t.selected=!1,e(this,Et,"m",ga).call(this,t)}),!0)},ka=function(t,a){if(e(this,Wt,"f"))if(0==a)t>0&&this.noDataLabel&&Pe.announce(this.noDataLabel,"polite");else if(t!=a){const e=this.resultsLabel instanceof Function?this.resultsLabel(a):this.resultsLabel;e&&Pe.announce(e,"polite")}},Ca=function(){if(this.autoActivate&&(!this._listKeyManager.activeItem||!this._listKeyManager.activeItem.selected)){const t=e(this,Et,"a",Zt).find(e=>!e.disabled&&!1===e.hidden);t&&(this._listKeyManager.setActiveItem(t),e(this,It,"f")&&S(t,e(this,It,"f"),{block:"nearest",behavior:"instant"}))}},Sa=function(t){t.focusRing?.hide(),t.stateLayer?.hide("focused"),t===this._listKeyManager.activeItem&&(this._listKeyManager.updateActiveItem(null),e(this,Et,"a",Xt)?.removeAttribute("aria-activedescendant"))},La.styles=o`:host { display: contents; } .options { display: none; }`,La.__nextId=0,t([m({attribute:"hide-selection-indicator",type:Boolean})],La.prototype,"hideSelectionIndicator",void 0),t([m({type:Boolean,reflect:!0})],La.prototype,"required",void 0),t([m({attribute:"auto-activate",type:Boolean})],La.prototype,"autoActivate",void 0),t([m({attribute:"case-sensitive",type:Boolean})],La.prototype,"caseSensitive",void 0),t([m({converter:{fromAttribute:e=>null===e?"contains":"starts-with"===e||"ends-with"===e||"contains"===e||"none"===e?e:"contains"}})],La.prototype,"filter",void 0),t([m({type:Boolean})],La.prototype,"loading",void 0),t([m({attribute:"hide-no-data",type:Boolean})],La.prototype,"hideNoData",void 0),t([m({attribute:"hide-loading",type:Boolean})],La.prototype,"hideLoading",void 0),t([m({attribute:"loading-label"})],La.prototype,"loadingLabel",void 0),t([m({attribute:"no-data-label"})],La.prototype,"noDataLabel",void 0),t([m({attribute:"results-label"})],La.prototype,"resultsLabel",void 0),t([m({attribute:"panel-class"})],La.prototype,"panelClass",void 0),La=_a=t([$("m3e-autocomplete")],La);let Ea=class extends r{render(){return s`<div class="base"><slot></slot></div>`}};var za,Ma,Pa,Ta,Ia,Da;Ea.styles=o`:host { display: inline-block; vertical-align: middle; aspect-ratio: 1 / 1; width: var(--m3e-avatar-size, 2.5rem); } .base { user-select: none; white-space: nowrap; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: var(--m3e-avatar-shape, ${v.shape.corner.full}); font-size: var(--m3e-avatar-font-size, ${v.typescale.standard.title.medium.fontSize}); font-weight: var(--m3e-avatar-font-weight, ${v.typescale.standard.title.medium.fontWeight}); line-height: var(--m3e-avatar-line-height, ${v.typescale.standard.title.medium.lineHeight}); letter-spacing: var(--m3e-avatar-tracking, ${v.typescale.standard.title.medium.tracking}); background-color: var(--m3e-avatar-color, ${v.color.primaryContainer}); color: var(--m3e-avatar-label-color, ${v.color.onPrimaryContainer}); } ::slotted(img) { display: block; margin: 0 auto; overflow: hidden; object-fit: cover; width: 100%; height: 100%; }`,Ea=t([$("m3e-avatar")],Ea);let Aa=class extends(b(r)){constructor(){super(...arguments),za.add(this),Ma.set(this,void 0),Pa.set(this,void 0),this.size="medium",this.position="above-after"}attach(t){super.attach(t),e(this,za,"m",Da).call(this)}detach(){super.detach(),e(this,za,"m",Ia).call(this)}connectedCallback(){super.connectedCallback(),a(this,Ma,qe.observe(()=>e(this,za,"m",Da).call(this)),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Ma,"f")?.call(this)}update(t){super.update(t),(t.has("position")||t.has("size")||t.has("htmlFor"))&&e(this,za,"m",Da).call(this)}render(){return s`<div class="base"><slot @slotchange="${e(this,za,"m",Ta)}"><span aria-hidden="true">&nbsp;</span></slot></div>`}};Ma=new WeakMap,Pa=new WeakMap,za=new WeakSet,Ta=function(){this.isConnected&&this.style.setProperty("--_badge-padding",this.textContent&&this.textContent.length>2?"0 "+("medium"===this.size?"0.25rem":"large"===this.size?"0.5rem":"0"):"")},Ia=function(){e(this,Pa,"f")?.call(this),a(this,Pa,void 0,"f")},Da=async function(){if(e(this,za,"m",Ia).call(this),!this.control)return;let t="top-end";switch(this.position){case"above":t="top";break;case"above-before":t="top-start";break;case"after":t="right";break;case"before":t="left";break;case"below":t="bottom";break;case"below-after":t="bottom-end";break;case"below-before":t="bottom-start"}a(this,Pa,await Ne(this,this.control,{position:t},(e,t)=>{this.position.includes("before")&&"before"!==this.position&&("rtl"===qe.current?e+=this.clientWidth:e-=this.clientWidth),this.position.includes("after")&&"after"!==this.position&&("rtl"===qe.current?e-=this.clientWidth:e+=this.clientWidth),this.style.left=`${e}px`,this.style.top=`${t}px`}),"f")},Aa.styles=o`:host { display: inline-block; vertical-align: baseline; } .base { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; vertical-align: baseline; box-sizing: border-box; user-select: none; padding: var(--_badge-padding); border-radius: var(--m3e-badge-shape, ${v.shape.corner.full}); color: var(--m3e-badge-color, ${v.color.onError}); background-color: var(--m3e-badge-container-color, ${v.color.error}); } :host([for]) { position: absolute; z-index: 1; } :host([for][position="above"]) { transform: translateY(var(--_badge-offset, 0px)); } :host([for][position="above-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="above-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="below"]) { transform: translateY(calc(0px - var(--_badge-offset, 0px))); } :host([for][position="below-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="before"]:not(:dir(rtl))), :host([for][position="after"]:dir(rtl)) { transform: translateX(var(--_badge-offset, 0px)); } :host([for][position="before"]:dir(rtl)), :host([for][position="after"]:not(:dir(rtl))) { transform: translateX(calc(0px - var(--_badge-offset, 0px))); } :host([size="small"]) { height: var(--m3e-badge-small-size, 0.375rem); max-height: var(--m3e-badge-small-size, 0.375rem); width: var(--m3e-badge-small-size, 0.375rem); min-width: var(--m3e-badge-small-size, 0.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.375rem); } :host([size="small"]) .base { font-size: 0; } :host([size="medium"]) { height: var(--m3e-badge-medium-size, 1.375rem); min-width: var(--m3e-badge-medium-size, 1.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.75rem); } :host([size="medium"]) .base { font-size: var(--m3e-badge-medium-font-size, ${v.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-badge-medium-font-weight, ${v.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-badge-medium-line-height, ${v.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-badge-medium-tracking, ${v.typescale.standard.label.small.tracking}); } :host([size="large"]) { height: var(--m3e-badge-large-size, 1.75rem); min-width: var(--m3e-badge-large-size, 1.75rem); --_badge-offset: var(--m3e-badge-small-offset, 1rem); } :host([size="large"]) .base { font-size: var(--m3e-badge-large-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-badge-large-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-badge-large-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-badge-large-tracking, ${v.typescale.standard.label.large.tracking}); } @media (forced-colors: active) { .base { background-color: ButtonFace; color: ButtonText; outline: 1px solid ButtonText; } }`,t([m({reflect:!0})],Aa.prototype,"size",void 0),t([m({reflect:!0})],Aa.prototype,"position",void 0),Aa=t([$("m3e-badge")],Aa);let Wa=class extends E{_onClick(){this.closest("m3e-bottom-sheet")?.hide()}};var Ha,Oa,Ba,Fa,Va,Ra,qa,Na,Ua,ja,Ya,Ka,Za,Xa,Ga,Ja,Qa,ei,ti,ai,ii,oi,ri,si,ni,li,ci,di,hi,mi,ui,pi,vi,bi,fi,gi,yi,$i;Wa=t([$("m3e-bottom-sheet-action")],Wa);let wi=$i=class extends(z(M(P(r)))){constructor(){super(...arguments),Ha.add(this),Oa.set(this,t=>e(this,Ha,"m",ii).call(this,t)),Ba.set(this,t=>e(this,Ha,"m",oi).call(this,t)),Fa.set(this,()=>e(this,Ha,"m",ri).call(this)),Va.set(this,new T),Ra.set(this,new I(this)),qa.set(this,new D(this)),Na.set(this,new A(this,{target:null,skipInitial:!0,callback:t=>e(this,Ha,"m",bi).call(this,t)})),Ua.set(this,null),ja.set(this,void 0),Ya.set(this,!1),Ka.set(this,0),Za.set(this,void 0),Xa.set(this,0),Ga.set(this,0),Ja.set(this,void 0),this.modal=!1,this.open=!1,this.handle=!1,this.handleLabel="Drag handle",this.detents=[],this.detent=0,this.hideable=!1,this.hideFriction=.5,this.overshootLimit=4}show(t=this.detent){this.open?void 0!==t&&e(this,Ka,"f")!==t&&e(this,Ha,"m",fi).call(this,t):(a(this,Za,t,"f"),this.open=!0)}hide(){this.open=!1}toggle(e){this.open?this.hide():this.show(e)}cycle(){var t;this.open?this.detents.length>0?e(this,Ka,"f")<this.detents.length-1?(a(this,Ka,(t=e(this,Ka,"f"),++t),"f"),e(this,Ha,"m",fi).call(this,e(this,Ka,"f"))):this.hideable&&this.hide():this.hide():this.show()}update(e){super.update(e),e.has("modal")&&(this.role=this.modal?"dialog":"region",this.ariaModal=this.modal?"true":null,this.popover=this.modal?"manual":null)}reconnectedCallback(){super.reconnectedCallback(),e(this,Ha,"m",Qa).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,Ha,"m",Qa).call(this)}updated(t){if(super.updated(t),t.has("open")){if(this.open){if(!this.dispatchEvent(new Event("opening",{cancelable:!0})))return void(this.open=!1);$i.__openSheet!==this&&$i.__openSheet?.hide(),$i.__openSheet=this,this.inert=!1,window.addEventListener("resize",e(this,Fa,"f")),this.detents.length>0?(a(this,Ka,Math.min(Math.max(0,e(this,Za,"f")??this.detent),this.detents.length-1),"f"),e(this,Ha,"m",yi).call(this,e(this,Ha,"m",hi).call(this,this.detents[e(this,Ka,"f")]))):e(this,Ha,"m",yi).call(this,Math.min(e(this,Ha,"m",hi).call(this,"fit"),e(this,Ha,"m",hi).call(this,"half"))),a(this,Za,void 0,"f")}else{if(!this.dispatchEvent(new Event("closing",{cancelable:!0})))return void(this.open=!0);requestAnimationFrame(()=>this.inert=!0),window.removeEventListener("resize",e(this,Fa,"f")),$i.__openSheet===this&&($i.__openSheet=void 0)}if(this.modal)if(this.open){a(this,Ua,document.activeElement,"f"),e(this,qa,"f").lock(),e(this,Ra,"f").lock(),this.showPopover(),requestAnimationFrame(()=>{document.addEventListener("click",e(this,Oa,"f")),document.addEventListener("keydown",e(this,Ba,"f"))});let t=this.querySelector("[autofocus]");t&&Te.isFocusable(t)||(t=this.shadowRoot?.querySelector(".handle")),t&&W(t)}else e(this,Ha,"m",gi).call(this,0).then(()=>{e(this,qa,"f").unlock(),e(this,Ra,"f").unlock(),document.removeEventListener("click",e(this,Oa,"f")),document.removeEventListener("keydown",e(this,Ba,"f")),this.hidePopover(),e(this,Ua,"f")instanceof HTMLElement&&e(this,Ua,"f").focus(),a(this,Ua,null,"f")});this.dispatchEvent(new Event(this.open?"opened":"closed"))}}render(){return s`<m3e-focus-trap ?disabled="${!this.modal}"><div class="base"><m3e-elevation class="elevation"></m3e-elevation><div class="header" @pointerdown="${e(this,Ha,"m",ei)}" @pointermove="${e(this,Ha,"m",ti)}" @pointerup="${e(this,Ha,"m",ai)}">${this.handle?s`<div class="handle-row"><div id="handle" class="handle" role="button" aria-label="${this.handleLabel}" tabindex="0" @click="${e(this,Ha,"m",si)}" @keydown="${e(this,Ha,"m",ni)}"><m3e-focus-ring class="focus-ring" for="handle"></m3e-focus-ring><div class="handle-touch" aria-hidden="true"></div></div></div>`:n}<slot name="header"></slot></div><div class="body"><div class="content"><slot></slot></div></div></div></m3e-focus-trap>`}};Oa=new WeakMap,Ba=new WeakMap,Fa=new WeakMap,Va=new WeakMap,Ra=new WeakMap,qa=new WeakMap,Na=new WeakMap,Ua=new WeakMap,ja=new WeakMap,Ya=new WeakMap,Ka=new WeakMap,Za=new WeakMap,Xa=new WeakMap,Ga=new WeakMap,Ja=new WeakMap,Ha=new WeakSet,Qa=function(){const t=this.shadowRoot?.querySelector(".content");t&&(a(this,Xa,t.clientHeight,"f"),e(this,Na,"f").observe(t));const i=this.shadowRoot?.querySelector(".header");i&&(a(this,Ga,i.clientHeight,"f"),e(this,Na,"f").observe(i))},ei=function(t){if(t.target instanceof HTMLElement&&Te.isFocusable(t.target))return;t.target.setPointerCapture(t.pointerId),t.target.style.cursor="grabbing",e(this,Va,"f").reset(),e(this,Va,"f").add(t.clientY);const i=e(this,Ha,"m",mi).call(this),o=this.detents.length>0?Math.max(...this.detents.map(t=>e(this,Ha,"m",hi).call(this,t))):i;a(this,ja,{startY:t.clientY,startHeight:this.clientHeight,effectiveMaxHeight:o,maxHeight:i,minHeight:e(this,Ha,"m",ui).call(this)},"f"),a(this,Ya,!1,"f")},ti=function(t){if(!e(this,ja,"f"))return;if(Math.abs(t.clientY-e(this,ja,"f").startY)<=8)return;(t.getCoalescedEvents?.()??[t]).forEach(a=>e(this,Va,"f").add(a.clientY,t.timeStamp));let i=e(this,ja,"f").startHeight-(t.clientY-e(this,ja,"f").startY);if(i<e(this,ja,"f").minHeight)if(this.hideable){const t=(e(this,ja,"f").minHeight-i)*this.hideFriction;i=e(this,ja,"f").minHeight-t}else{const t=e(this,ja,"f").minHeight-i,a=e(this,ja,"f").maxHeight*(this.overshootLimit/100),o=a*t/(t+a);i=e(this,ja,"f").minHeight-o}else if(i>e(this,ja,"f").effectiveMaxHeight){const t=i-e(this,ja,"f").effectiveMaxHeight,a=e(this,ja,"f").maxHeight*(this.overshootLimit/100),o=a*t/(t+a);i=e(this,ja,"f").effectiveMaxHeight+o}e(this,Ha,"m",yi).call(this,i),a(this,Ya,!0,"f")},ai=function(t){if(e(this,ja,"f"))try{if(t.target.releasePointerCapture(t.pointerId),t.target.style.cursor="",!e(this,Ya,"f"))return;const a="touch"===t.pointerType?1200:500,i=e(this,Va,"f").getVelocity();if(e(this,Va,"f").reset(),this.hideable&&i>=a)this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide();else if(Math.abs(i)>=a)if(this.detents.length>0){const t=e(this,Ha,"m",li).call(this);t!==e(this,Ka,"f")&&e(this,Ha,"m",fi).call(this,t)}else e(this,Ha,"m",gi).call(this,e(this,Ha,"m",hi).call(this,"full"));else{const t=20;if(this.hideable){const a=e(this,ja,"f").minHeight;if(this.clientHeight<a-t)return void this.hide()}this.detents.length>0?e(this,Ha,"m",fi).call(this,e(this,Ha,"m",di).call(this)):this.clientHeight<e(this,ja,"f").minHeight?e(this,Ha,"m",gi).call(this,e(this,ja,"f").minHeight):this.clientHeight>e(this,ja,"f").effectiveMaxHeight&&e(this,Ha,"m",gi).call(this,e(this,ja,"f").effectiveMaxHeight)}}finally{a(this,ja,void 0,"f")}},ii=function(e){this.open&&this.modal&&!e.composedPath().includes(this)&&this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide()},oi=function(e){this.open&&this.modal&&"Escape"===e.key&&!e.shiftKey&&!e.ctrlKey&&(e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},ri=function(){if(this.detents.length>0&&"half"===this.detents[e(this,Ka,"f")])return void e(this,Ha,"m",yi).call(this,e(this,Ha,"m",hi).call(this,"half"));const t=e(this,Ha,"m",mi).call(this);(H(this,"--full")||this.clientHeight>t)&&e(this,Ha,"m",yi).call(this,t)},si=function(){e(this,Ya,"f")||this.cycle(),a(this,Ya,!1,"f")},ni=function(t){if(!t.defaultPrevented&&Ie(t))switch(t.key){case"Up":case"ArrowUp":if(t.preventDefault(),this.detents.length>0){const t=e(this,Ha,"m",li).call(this);t!==e(this,Ka,"f")&&e(this,Ha,"m",fi).call(this,t)}else e(this,Ha,"m",gi).call(this,e(this,Ha,"m",hi).call(this,"full"));break;case"Down":case"ArrowDown":if(t.preventDefault(),this.detents.length>0){const t=e(this,Ha,"m",ci).call(this);t!==e(this,Ka,"f")?e(this,Ha,"m",fi).call(this,t):this.hideable&&this.hide()}else this.hideable&&this.hide()}},li=function(){const t=this.clientHeight;let a=1/0,i=e(this,Ka,"f");for(let o=0;o<this.detents.length;o++){if(o===e(this,Ka,"f"))continue;const r=e(this,Ha,"m",hi).call(this,this.detents[o]);r>t&&r<a&&(a=r,i=o)}return i},ci=function(){const t=this.clientHeight;let a=-1/0,i=e(this,Ka,"f");for(let o=0;o<this.detents.length;o++){if(o===e(this,Ka,"f"))continue;const r=e(this,Ha,"m",hi).call(this,this.detents[o]);r<t&&r>a&&(a=r,i=o)}return i},di=function(){const t=this.clientHeight;let a=e(this,Ka,"f"),i=1/0;for(let o=0;o<this.detents.length;o++){const r=e(this,Ha,"m",hi).call(this,this.detents[o]),s=Math.abs(t-r);s<i&&(i=s,a=o)}return a},hi=function(t){switch(t){case"collapsed":return e(this,Ha,"m",ui).call(this);case"half":return.5*e(this,Ha,"m",mi).call(this);case"full":return e(this,Ha,"m",mi).call(this);case"fit":return e(this,Ha,"m",vi).call(this)}return t.endsWith("%")?e(this,Ha,"m",mi).call(this)*(parseFloat(t)/100):t.endsWith("px")?parseFloat(t):e(this,Ha,"m",ui).call(this)},mi=function(){const e=this.shadowRoot?.querySelector(".base");return window.innerHeight-(e?O(e,"var(--_bottom-sheet-top-space)"):0)},ui=function(){return this.detents.includes("fit")&&!this.detents.includes("collapsed")?e(this,Ha,"m",vi).call(this):e(this,Ha,"m",pi).call(this)},pi=function(){const t=this.shadowRoot?.querySelector(".base");return e(this,Ga,"f")+(t?O(t,"var(--_bottom-sheet-peek-height)"):0)},vi=function(){const t=this.shadowRoot?.querySelector(".body");if(!t)return 0;const a=getComputedStyle(t);return e(this,Ga,"f")+e(this,Xa,"f")+parseFloat(a.paddingBlockStart)+parseFloat(a.paddingBlockEnd)},bi=function(t){const i=e(this,Xa,"f"),o=e(this,Ga,"f");for(const e of t)e.target.classList.contains("content")?a(this,Xa,(Array.isArray(e.borderBoxSize)?e.borderBoxSize[0]:e.borderBoxSize).blockSize,"f"):e.target.classList.contains("header")&&a(this,Ga,(Array.isArray(e.borderBoxSize)?e.borderBoxSize[0]:e.borderBoxSize).blockSize,"f");if(this.open&&this.detents.length>0&&(i!==e(this,Xa,"f")||o!==e(this,Ga,"f")))switch(this.detents[e(this,Ka,"f")]){case"fit":e(this,Ha,"m",yi).call(this,e(this,Ha,"m",vi).call(this));break;case"collapsed":e(this,Ha,"m",yi).call(this,e(this,Ha,"m",ui).call(this))}},fi=function(t){t>=0&&t<this.detents.length&&(a(this,Ka,t,"f"),e(this,Ha,"m",gi).call(this,e(this,Ha,"m",hi).call(this,this.detents[t])))},gi=async function(t){e(this,Ja,"f")&&(e(this,Ha,"m",yi).call(this,this.clientHeight),e(this,Ja,"f")?.cancel(),a(this,Ja,void 0,"f")),C()?e(this,Ha,"m",yi).call(this,t):(a(this,Ja,this.animate([{"--_bottom-sheet-height":`${this.clientHeight}px`},{"--_bottom-sheet-height":`${t}px`}],{duration:250,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"}),"f"),e(this,Ja,"f").onfinish=()=>{e(this,Ha,"m",yi).call(this,t),a(this,Ja,void 0,"f")},await e(this,Ja,"f").finished)},yi=function(t){this.style.setProperty("--_bottom-sheet-height",`${t}px`),x(this,"--full",t===e(this,Ha,"m",mi).call(this));const a=this.shadowRoot?.querySelector(".content");a&&(a.inert=t<=e(this,Ha,"m",pi).call(this))},B(o`@property --_bottom-sheet-height { syntax: "<length>"; inherits: false; initial-value: 50vh; } m3e-bottom-sheet > [slot="header"] { margin-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); margin-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); }</length>`),wi.styles=o`:host { display: block; position: fixed; left: 50%; top: calc(100vh - var(--_bottom-sheet-height)); margin: 0; padding: 0; outline: none; overflow: hidden; border: none; box-sizing: border-box; width: var(--m3e-bottom-sheet-width, 100%); max-width: var(--m3e-bottom-sheet-max-width, 40rem); height: var(--_bottom-sheet-height); color: var(--m3e-bottom-sheet-color, ${v.color.onSurface}); background-color: var(--m3e-bottom-sheet-container-color, ${v.color.surfaceContainerLow}); } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`transform ${v.motion.duration.medium2} ${v.motion.easing.standardDecelerate},\n        border-radius ${v.motion.duration.medium2} ${v.motion.easing.standard}`)}; } :host(:not([modal]):not(:is(:state(--full), :--full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-elevation, ${v.elevation.level1}); } :host([modal]:not(:is(:state(--full), :--full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-modal-elevation, ${v.elevation.level1}); } :host(:is(:state(--full), :--full)) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-full-elevation, ${v.elevation.level1}); } :host(:not([modal])) { z-index: var(--m3e-bottom-sheet-z-index, 10); } :host(:not([modal]):not([open])), :host([modal]:not(:popover-open)) { border-radius: var(--m3e-bottom-sheet-minimized-container-shape, ${v.shape.corner.none}); transform: translateX(-50%) translateY(100%); } :host(:not([modal])[open]:not(:is(:state(--full), :--full))), :host([modal]:not(:is(:state(--full), :--full)):popover-open) { border-radius: var(--m3e-bottom-sheet-container-shape, ${v.shape.corner.extraLargeTop}); } :host(:not([modal])[open]:is(:state(--full), :--full)), :host([modal]:is(:state(--full), :--full):popover-open) { border-radius: var(--m3e-bottom-sheet-full-container-shape, ${v.shape.corner.extraLargeTop}); } :host(:not([modal])[open]), :host([modal]:popover-open) { transform: translateX(-50%) translateY(0); } :host([modal]:not(:is(:state(--no-animate), :--no-animate)))::backdrop { transition: ${i(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${v.color.scrim}) var(--m3e-bottom-sheet-scrim-opacity, 32%), transparent ); } :host([modal]:popover-open:not(:is(:state(--no-animate), :--no-animate)))::backdrop { transition: ${i(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${v.color.scrim}) 0%, transparent ); } } .base { display: flex; border-radius: inherit; flex-direction: column; height: 100%; --_bottom-sheet-peek-height: var(--m3e-bottom-sheet-peek-height, 0); --_bottom-sheet-top-space: var(--m3e-bottom-sheet-compact-top-space, 4.5rem); } @media (max-height: 640px) { .base { --_bottom-sheet-top-space: var(--m3e-bottom-sheet-top-space, 3.5rem); } } .body { flex: 1 1 auto; overflow-y: auto; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; padding-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); padding-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); font-size: var(--m3e-bottom-sheet-content-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var( --m3e-bottom-sheet-content-font-weight, ${v.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-bottom-sheet-content-line-height, ${v.typescale.standard.body.medium.lineHeight} ); letter-spacing: var(--m3e-bottom-sheet-content-tracking, ${v.typescale.standard.body.medium.tracking}); } .content { height: fit-content; } :host(:not([handle])) .header { display: none; } :host(:not([handle])) .body, .header { border-top-left-radius: inherit; border-top-right-radius: inherit; padding-block-start: var(--m3e-bottom-sheet-padding-block, 0.5rem); font-size: var(--m3e-bottom-sheet-header-font-size, ${v.typescale.standard.title.large.fontSize}); font-weight: var(--m3e-bottom-sheet-header-font-weight, ${v.typescale.standard.title.large.fontWeight}); line-height: var(--m3e-bottom-sheet-header-line-height, ${v.typescale.standard.title.large.lineHeight}); letter-spacing: var(--m3e-bottom-sheet-header-tracking, ${v.typescale.standard.title.large.tracking}); } .header { cursor: grab; touch-action: none; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; flex: none; display: flex; flex-direction: column; min-height: 3rem; --m3e-app-bar-container-color: var(--m3e-bottom-sheet-container-color, ${v.color.surfaceContainerLow}); } .handle-row { position: relative; flex: none; display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; height: var(--m3e-bottom-sheet-handle-container-height, 1.5rem); } :host(:not(:is(:state(--no-animate), :--no-animate))) .handle-row { transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard},\n        padding ${v.motion.duration.short3} ${v.motion.easing.standard},\n        height ${v.motion.duration.short3} ${v.motion.easing.standard},\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } .handle { position: relative; width: var(--m3e-bottom-sheet-handle-width, 2rem); height: var(--m3e-bottom-sheet-handle-height, 4px); border-radius: var(--m3e-bottom-sheet-handle-shape, ${v.shape.corner.full}); background-color: var(--m3e-bottom-sheet-handle-color, ${v.color.onSurfaceVariant}); } .handle-touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); right: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); top: calc( 0px - calc( calc(3rem - var(--m3e-bottom-sheet-handle-container-height, 1.5rem)) - calc( var(--m3e-bottom-sheet-handle-height, 4px) / 2 ) ) ); } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))), :host([modal]:not(:is(:state(--no-animate), :--no-animate)))::backdrop, :host([modal]:popover-open:not(:is(:state(--no-animate), :--no-animate)))::backdrop, :host(:not(:is(:state(--no-animate), :--no-animate))) .handle-row { transition: none; } } @media (forced-colors: active) { :host([modal]:not(:is(:state(--no-animate), :--no-animate)))::backdrop, :host([modal]:popover-open:not(:is(:state(--no-animate), :--no-animate)))::backdrop { transition: none; } .base { border-style: solid; border-width: 1px; border-color: CanvasText; } .handle { background-color: ButtonText; } }`,t([m({type:Boolean,reflect:!0})],wi.prototype,"modal",void 0),t([m({type:Boolean,reflect:!0})],wi.prototype,"open",void 0),t([m({type:Boolean})],wi.prototype,"handle",void 0),t([m({attribute:"handle-label"})],wi.prototype,"handleLabel",void 0),t([m({attribute:"detents",converter:F})],wi.prototype,"detents",void 0),t([m({type:Number})],wi.prototype,"detent",void 0),t([m({type:Boolean,reflect:!0})],wi.prototype,"hideable",void 0),t([m({attribute:"hide-friction",type:Number})],wi.prototype,"hideFriction",void 0),t([m({attribute:"overshoot-limit",type:Number})],wi.prototype,"overshootLimit",void 0),wi=$i=t([$("m3e-bottom-sheet")],wi);let xi=class extends(b(E)){constructor(){super(...arguments),this.secondary=!1}attach(e){e instanceof wi&&(super.attach(e),this.parentElement&&(e.modal?this.parentElement.ariaHasPopup="dialog":this.secondary||(this.parentElement.ariaExpanded="false",De(this.parentElement,"aria-controls",e.id),this.parentElement.id&&De(e,"aria-labelledby",this.parentElement.id))))}detach(){this.control&&this.parentElement&&!this.secondary&&Ae(this.parentElement,"aria-controls",this.control.id),super.detach()}_onClick(){this.control instanceof wi&&(this.control.modal?this.control.show(this.detent):(this.control.toggle(this.detent),!this.secondary&&this.parentElement&&(this.parentElement.ariaExpanded=`${this.control.open}`)))}};var ki,Ci,Si,_i,Li;t([m({type:Number})],xi.prototype,"detent",void 0),t([m({type:Boolean})],xi.prototype,"secondary",void 0),xi=t([$("m3e-bottom-sheet-trigger")],xi);let Ei=class extends(f(r,"navigation")){constructor(){super(...arguments),ki.add(this),Ci.set(this,[]),this.wrap=!1}render(){return s`<div class="base" role="list"><slot @slotchange="${e(this,ki,"m",Si)}"></slot><slot name="separator" @slotchange="${e(this,ki,"m",_i)}"></slot></div>`}};function zi(e){const t=e.assignedElements({flatten:!0});if(1===t.length){const e=t[0].getBoundingClientRect();return e.width<=28&&e.height<=28}return!1}var Mi,Pi,Ti,Ii;Ci=new WeakMap,ki=new WeakSet,Si=function(){const t=this.querySelectorAll("m3e-breadcrumb-item");for(let a=0;a<t.length;a++){const i=t[a];a<t.length-1?i.removeAttribute("current"):i.hasAttribute("current")||i.setAttribute("current","page"),e(this,ki,"m",Li).call(this,i)}},_i=function(t){a(this,Ci,t.target.assignedElements({flatten:!0}),"f"),this.querySelectorAll("m3e-breadcrumb-item").forEach(t=>e(this,ki,"m",Li).call(this,t))},Li=function(t){t._setSeparator(e(this,Ci,"f").map(e=>{const t=e.cloneNode(!0);return t.part="separator",t}))},Ei.styles=o`:host { display: block; } .base { display: flex; align-items: center; } :host([wrap]) .base { flex-wrap: wrap; } slot[name="separator"] { display: none; }`,t([m({type:Boolean,reflect:!0})],Ei.prototype,"wrap",void 0),Ei=t([$("m3e-breadcrumb")],Ei);let Di=class extends(V(R(q(N(P(f(r,"button"),!0)))))){constructor(){super(...arguments),Mi.add(this),Pi.set(this,t=>e(this,Mi,"m",Ii).call(this,t))}connectedCallback(){this.addEventListener("click",e(this,Pi,"f")),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Pi,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){super.update(e),(e.has("disabled")||e.has("current"))&&(this.ariaDisabled=this.disabled&&!this.current?"true":null),e.has("current")&&(this.current?this.role=null:this.hasAttribute("href")?this.role="link":this.role="button")}render(){return s`<div class="base" aria-current="${je(this.current)}">${this.current?n:s`<m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple>${this[U]()}`}<slot class="icon" name="icon" aria-hidden="true"></slot><m3e-text-overflow class="overflow"><slot @slotchange="${e(this,Mi,"m",Ti)}"></slot></m3e-text-overflow>${this.current?n:s`<div class="touch" aria-hidden="true"></div>`}</div>`}};var Ai,Wi,Hi,Oi,Bi,Fi;Pi=new WeakMap,Mi=new WeakSet,Ti=function(e){x(this,"--icon-only",zi(e.target))},Ii=function(e){this.current&&this.href&&e.preventDefault()},Di.styles=o`:host { display: block; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: flex; align-items: center; justify-content: center; position: relative; border-radius: var(--m3e-breadcrumb-item-shape, ${v.shape.corner.full}); height: calc(var(--m3e-breadcrumb-item-container-height, 2.5rem) + ${v.density.calc(-1)}); column-gap: var(--m3e-breadcrumb-item-icon-label-space, 0.5rem); } .icon { font-size: var(--m3e-breadcrumb-item--icon-size, 1.25rem); --m3e-icon-size: var(--m3e-breadcrumb-item--icon-size, 1.25rem); } ::slotted([slot="icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]) { width: 1em; height: 1em; } :host(:is(:state(--icon-only), :--icon-only)) .overflow { flex: none; } :host(:not(:is(:state(--icon-only), :--icon-only))), :host(:not(:is(:state(--icon-only), :--icon-only))) .base { min-width: 0; } :host(:is(:state(--icon-only), :--icon-only):not([current]):not(:disabled)) .base { color: var(--m3e-breadcrumb-item-icon-color, ${v.color.onSurfaceVariant}); } :host(:is(:state(--icon-only), :--icon-only)) .base { width: calc(var(--m3e-breadcrumb-item-container-height, 2.5rem) + ${v.density.calc(-1)}); padding-inline: var(--m3e-breadcrumb-item-icon-padding-inline, 0px); --m3e-state-layer-hover-color: var( --m3e-breadcrumb-item-icon-hover-state-layer-color, ${v.color.onSurface} ); --m3e-state-layer-focus-color: var( --m3e-breadcrumb-item-icon-focus-state-layer-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-breadcrumb-item-icon-pressed-state-layer-color, ${v.color.onSurface}); } :host(:not(:is(:state(--icon-only), :--icon-only)):not([current]):not(:disabled)) .base { color: var(--m3e-breadcrumb-item-label-color, ${v.color.primary}); } :host(:not(:is(:state(--icon-only), :--icon-only))) .base { font-size: var(--m3e-breadcrumb-item-label-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-breadcrumb-item-label-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-breadcrumb-item-label-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var(--m3e-breadcrumb-item-label-tracking, ${v.typescale.standard.label.large.tracking}); } :host(:not(:is(:state(--icon-only), :--icon-only))) .base { padding-inline: var(--m3e-breadcrumb-item-label-padding-inline, 0.75rem); --m3e-state-layer-hover-color: var( --m3e-breadcrumb-item-label-hover-state-layer-color, ${v.color.primary} ); --m3e-state-layer-focus-color: var( --m3e-breadcrumb-item-label-focus-state-layer-color, ${v.color.primary} ); --m3e-ripple-color: var(--m3e-breadcrumb-item-label-pressed-state-layer-color, ${v.color.primary}); } :host([current]) .base { color: var(--m3e-breadcrumb-item-last-color, ${v.color.onSurface}); } :host(:not(:disabled):not([current])) { cursor: pointer; user-select: none; } :host(:disabled:not([current])) .base { color: color-mix( in srgb, var(--m3e-breadcrumb-item-disabled-color, ${v.color.onSurface}) var(--m3e-breadcrumb-item-disabled-opacity, 38%), transparent ); } .touch { position: absolute; height: 3rem; width: max(3rem, 100%); margin: auto; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { :host(:is(:state(--icon-only), :--icon-only):not([current]):not(:disabled)) .base, :host(:not(:is(:state(--icon-only), :--icon-only)):not([current]):not(:disabled)) .base { color: LinkText; outline: 1px solid LinkText; } :host(:disabled) .base { color: GrayText; } }`,t([h(".focus-ring")],Di.prototype,"_focusRing",void 0),t([h(".state-layer")],Di.prototype,"_stateLayer",void 0),t([h(".ripple")],Di.prototype,"_ripple",void 0),t([m({reflect:!0})],Di.prototype,"current",void 0),Di=t([$("m3e-breadcrumb-item-button")],Di);let Vi=class extends(R(P(f(r,"listitem")),!0)){constructor(){super(...arguments),Ai.add(this),Wi.set(this,void 0),this.itemLabel="",this.disabled=!1}focus(e){this._button?.focus(e)}blur(){this._button?.blur()}click(){this._button?.click()}updated(t){super.updated(t),t.has("current")&&e(this,Ai,"m",Fi).call(this)}render(){return s`<div class="base"><m3e-breadcrumb-item-button class="button" aria-label="${je(this.itemLabel||void 0)}" ?disabled="${this.disabled}" current="${je(this.current)}" href="${je(this.href||void 0)}" target="${je(this.target||void 0)}" download="${je(this.download||void 0)}" rel="${je(this.rel||void 0)}"><slot name="icon" slot="icon" @slotchange="${e(this,Ai,"m",Oi)}"></slot><slot @slotchange="${e(this,Ai,"m",Bi)}"></slot></m3e-breadcrumb-item-button>${e(this,Ai,"m",Hi).call(this)}</div>`}_setSeparator(t){const i=this.shadowRoot?.querySelector(".separator");i&&(t.length>0?(!e(this,Wi,"f")&&i.firstElementChild&&a(this,Wi,i.firstElementChild,"f"),i.replaceChildren(...t)):e(this,Wi,"f")&&(i.replaceChildren(e(this,Wi,"f")),a(this,Wi,void 0,"f")))}};Wi=new WeakMap,Ai=new WeakSet,Hi=function(){return this.current?n:s`<div class="separator" aria-hidden="true"><svg class="separator-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg></div>`},Oi=function(){e(this,Ai,"m",Fi).call(this)},Bi=function(t){x(this,"--icon-only",zi(t.target)),e(this,Ai,"m",Fi).call(this)},Fi=function(){this.querySelectorAll("m3e-icon").forEach(e=>e.filled=void 0!==this.current&&null!==this.current)},Vi.styles=o`:host { display: block; } .base { display: flex; align-items: center; height: 100%; } :host(:not(:is(:state(--icon-only), :--icon-only))[current]), :host(:not(:is(:state(--icon-only), :--icon-only))[current]) .base { min-width: 0; } .button { flex: 1 1 auto; } .separator { flex: none; display: flex; justify-content: center; align-items: center; min-width: 0.5rem; --m3e-icon-size: var(--m3e-breadcrumb-separator-icon-size, 1.5rem); } .separator-icon { width: 1em; height: 1em; font-size: var(--m3e-icon-size); vertical-align: middle; }`,t([h(".button")],Vi.prototype,"_button",void 0),t([m({attribute:"item-label"})],Vi.prototype,"itemLabel",void 0),t([m({type:Boolean,reflect:!0})],Vi.prototype,"disabled",void 0),t([m({reflect:!0})],Vi.prototype,"current",void 0),Vi=t([$("m3e-breadcrumb-item")],Vi);const Ri={"extra-small":{containerHeight:i(`calc(var(--m3e-button-extra-small-container-height, var(--m3e-button-container-height, 2rem)) + ${v.density.calc(0)})`),outlineThickness:i("var(--m3e-button-extra-small-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:i(`var(--m3e-button-extra-small-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.label.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-extra-small-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-extra-small-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-extra-small-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.label.large.tracking}))`),iconSize:i("var(--m3e-button-extra-small-icon-size, var(--m3e-button-icon-size, 1.25rem))"),shapeRound:i(`var(--m3e-button-extra-small-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-extra-small-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.medium}))`),selectedShapeRound:i(`var(--m3e-button-extra-small-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.medium}))`),selectedShapeSquare:i(`var(--m3e-button-extra-small-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-extra-small-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.small}))`),leadingSpace:i("var(--m3e-button-extra-small-leading-space, var(--m3e-button-leading-space, 0.75rem))"),trailingSpace:i("var(--m3e-button-extra-small-trailing-space, var(--m3e-button-trailing-space, 0.75rem))"),iconLabelSpace:i("var(--m3e-button-extra-small-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},small:{containerHeight:i(`calc(var(--m3e-button-small-container-height, var(--m3e-button-container-height, 2.5rem)) + ${v.density.calc(-1)})`),outlineThickness:i("var(--m3e-button-small-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:i(`var(--m3e-button-small-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.label.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-small-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-small-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-small-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.label.large.tracking}))`),iconSize:i("var(--m3e-button-small-icon-size, var(--m3e-button-icon-size, 1.25rem))"),shapeRound:i(`var(--m3e-button-small-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-small-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.medium}))`),selectedShapeRound:i(`var(--m3e-button-small-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.medium}))`),selectedShapeSquare:i(`var(--m3e-button-small-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-small-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.small}))`),leadingSpace:i("var(--m3e-button-small-leading-space, var(--m3e-button-leading-space, 1rem))"),trailingSpace:i("var(--m3e-button-small-trailing-space, var(--m3e-button-trailing-space, 1rem))"),iconLabelSpace:i("var(--m3e-button-small-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},medium:{containerHeight:i(`calc(var(--m3e-button-medium-container-height, var(--m3e-button-container-height, 3.5rem)) + ${v.density.calc(-2)})`),outlineThickness:i("var(--m3e-button-medium-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:i(`var(--m3e-button-medium-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.body.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-medium-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.body.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-medium-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.body.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-medium-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.body.large.tracking}))`),iconSize:i("var(--m3e-button-medium-icon-size, var(--m3e-button-icon-size, 1.5rem))"),shapeRound:i(`var(--m3e-button-medium-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-medium-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.large}))`),selectedShapeRound:i(`var(--m3e-button-medium-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.large}))`),selectedShapeSquare:i(`var(--m3e-button-medium-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-medium-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.medium}))`),leadingSpace:i("var(--m3e-button-medium-leading-space, var(--m3e-button-leading-space, 1.5rem))"),trailingSpace:i("var(--m3e-button-medium-trailing-space, var(--m3e-button-trailing-space, 1.5rem))"),iconLabelSpace:i("var(--m3e-button-medium-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},large:{containerHeight:i(`calc(var(--m3e-button-large-container-height, var(--m3e-button-container-height, 6rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-button-large-outline-thickness, var(--m3e-button-outline-thickness, 2px))"),labelTextFontSize:i(`var(--m3e-button-large-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-large-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-large-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-large-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.headline.small.tracking}))`),iconSize:i("var(--m3e-button-large-icon-size, var(--m3e-button-icon-size, 2rem))"),shapeRound:i(`var(--m3e-button-large-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-large-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.extraLarge}))`),selectedShapeRound:i(`var(--m3e-button-large-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.extraLarge}))`),selectedShapeSquare:i(`var(--m3e-button-large-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-large-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.large}))`),leadingSpace:i("var(--m3e-button-large-leading-space, var(--m3e-button-leading-space, 3rem))"),trailingSpace:i("var(--m3e-button-large-trailing-space, var(--m3e-button-trailing-space, 3rem))"),iconLabelSpace:i("var(--m3e-button-large-icon-label-space, var(--m3e-button-icon-label-space, 0.75rem))")},"extra-large":{containerHeight:i(`calc(var(--m3e-button-extra-large-container-height, var(--m3e-button-container-height, 8.5rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-button-extra-large-outline-thickness, var(--m3e-button-outline-thickness, 3px))"),labelTextFontSize:i(`var(--m3e-button-extra-large-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.headline.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-extra-large-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.headline.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-extra-large-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.headline.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-extra-large-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.headline.large.tracking}))`),iconSize:i("var(--m3e-button-extra-large-icon-size, var(--m3e-button-icon-size, 2.5rem))"),shapeRound:i(`var(--m3e-button-extra-large-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-extra-large-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.extraLarge}))`),selectedShapeRound:i(`var(--m3e-button-extra-large-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.extraLarge}))`),selectedShapeSquare:i(`var(--m3e-button-extra-large-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-extra-large-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.large}))`),leadingSpace:i("var(--m3e-button-extra-large-leading-space, var(--m3e-button-leading-space, 4rem))"),trailingSpace:i("var(--m3e-button-extra-large-trailing-space, var(--m3e-button-trailing-space, 4rem))"),iconLabelSpace:i("var(--m3e-button-extra-large-icon-label-space, var(--m3e-button-icon-label-space, 1rem))")}};function qi(e){return o`:host([size="${i(e)}"]) .base { height: ${Ri[e].containerHeight}; } :host([size="${i(e)}"]) .wrapper { padding-inline-start: calc(${Ri[e].leadingSpace} - calc(var(--_adjacent-shrink, 0px) / 2)); padding-inline-end: calc(${Ri[e].trailingSpace} - calc(var(--_adjacent-shrink, 0px) / 2)); column-gap: ${Ri[e].iconLabelSpace}; } :host([size="${i(e)}"]) .label { font-size: ${Ri[e].labelTextFontSize}; font-weight: ${Ri[e].labelTextFontWeight}; line-height: ${Ri[e].labelTextLineHeight}; letter-spacing: ${Ri[e].labelTextTracking}; } :host([size="${i(e)}"]) .icon { font-size: ${Ri[e].iconSize}; --m3e-icon-size: ${Ri[e].iconSize}; } :host([size="${i(e)}"]) .base { outline-offset: calc(0px - ${Ri[e].outlineThickness}); outline-width: ${Ri[e].outlineThickness}; } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="rounded"]) .base { border-radius: var(--_button-shape, ${Ri[e].shapeRound}); } :host( :is(:state(--connected), :--connected)[size="${i(e)}"][shape="rounded"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Ri[e].shapeRound}); } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="rounded"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: ${Ri[e].selectedShapeRound}; } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="square"]) .base { border-radius: ${Ri[e].shapeSquare}; } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="square"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Ri[e].selectedShapeSquare}); } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"]:is(:state(--pressed), :--pressed)) .base { border-radius: ${Ri[e].shapePressedMorph}; } :host(:is(:state(--connected), :--connected)[size="${i(e)}"][shape="rounded"]:not([toggle][selected])) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Ri[e].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Ri[e].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Ri[e].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Ri[e].shapeRound}) ); } :host(:is(:state(--connected), :--connected)[size="${i(e)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${Ri[e].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${Ri[e].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${Ri[e].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${Ri[e].shapeSquare}); } :host( :is(:state(--connected), :--connected)[size="${i(e)}"][shape="square"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Ri[e].selectedShapeSquare}); } :host(:is(:state(--connected), :--connected)[size="${i(e)}"]:is(:state(--pressed), :--pressed)) .base { border-start-start-radius: var(--_button-start-shape-pressed-morph, ${Ri[e].shapePressedMorph}); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${Ri[e].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${Ri[e].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${Ri[e].shapePressedMorph}); }`}const Ni=[qi("extra-small"),qi("small"),qi("medium"),qi("large"),qi("extra-large")],Ui=o`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base { transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n          border-radius ${v.motion.spring.fastEffects}`)}; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; } .label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } ::slotted([slot="icon"]), ::slotted([slot="selected-icon"]), ::slotted([slot="trailing-icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]), ::slotted(svg[slot="selected-icon"]), ::slotted(svg[slot="trailing-icon"]) { width: 1em; height: 1em; } :host([toggle]:not([selected])) .base.with-selected-icon slot[name="selected-icon"], :host([toggle][selected]) .base.with-selected-icon slot[name="icon"] { display: none; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host(:is(:state(--grouped), :--grouped):is(:state(--connected), :--connected)) { flex: 1 1 auto; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) { transition: ${i(`width ${v.motion.spring.fastEffects}`)}; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) .wrapper { transition: ${i(`padding-inline ${v.motion.spring.fastEffects}`)}; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) { flex-shrink: 0; flex-grow: 0; } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):not( :is(:state(--pressed), :--pressed, :state(--adjacent-pressed), :--adjacent-pressed) ) ) { width: var(--_button-width); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):not( :is(:state(--pressed), :--pressed) ):is(:state(--adjacent-pressed), :--adjacent-pressed) ) { width: calc(var(--_button-width) - var(--_adjacent-shrink, 0px)); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):is( :state(--pressed), :--pressed ):not([disabled-interactive]):not(:disabled) ) { width: calc( var(--_button-width) + calc(var(--_button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15)) ); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):is( :state(--adjacent-pressed), :--adjacent-pressed ):not(:is(:state(--pressed), :--pressed)) ) .label { text-overflow: clip; } @media (forced-colors: active) { .base, .label, .icon { transition: none; } :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base { transition: ${i(`border-radius ${v.motion.spring.fastEffects}`)}; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .label, :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .label, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected]):focus) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon, :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected]):focus) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .base { background-color: ButtonText; outline: none; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .label, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle][selected]) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]:focus) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon, :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]:focus) .icon { forced-color-adjust: none; color: ButtonFace; background-color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .label, :host([variant][disabled-interactive]) .label, :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } .base { outline-style: solid; } :host([size="extra-small"]) .base { outline-offset: calc(0px - var(--m3e-button-extra-small-outline-thickness, 1px)); outline-width: var(--m3e-button-extra-small-outline-thickness, 1px); } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } :host([size="extra-large"]) .base { outline-offset: calc(0px - var(--m3e-button-extra-large-outline-thickness, 3px)); outline-width: var(--m3e-button-extra-large-outline-thickness, 3px); } } @media (prefers-reduced-motion) { :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))), :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) .wrapper, :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base, .base, .label, .icon { transition: none; } }`,ji={elevated:{labelTextColor:i(`var(--m3e-elevated-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.primary}))`),iconColor:i(`var(--m3e-elevated-button-icon-color, var(--m3e-button-icon-color, ${v.color.primary}))`),containerColor:i(`var(--m3e-elevated-button-container-color, var(--m3e-button-container-color, ${v.color.surfaceContainerLow}))`),containerElevation:i(`var(--m3e-elevated-button-container-elevation, var(--m3e-button-container-elevation, ${v.elevation.level1}))`),unselectedLabelTextColor:i(`var(--m3e-elevated-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-elevated-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.primary}))`),unselectedContainerColor:i(`var(--m3e-elevated-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${v.color.surfaceContainerLow}))`),selectedLabelTextColor:i(`var(--m3e-elevated-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.onPrimary}))`),selectedIconColor:i(`var(--m3e-elevated-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.onPrimary}))`),selectedContainerColor:i(`var(--m3e-elevated-button-selected-container-color, var(--m3e-button-selected-container-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-elevated-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-elevated-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-elevated-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-elevated-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-elevated-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-elevated-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-elevated-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-elevated-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-elevated-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${v.elevation.level2}))`),unselectedIconColor:i(`var(--m3e-elevated-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-elevated-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-elevated-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.onPrimary}))`)},focus:{iconColor:i(`var(--m3e-elevated-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-elevated-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${v.elevation.level1}))`),unselectedLabelTextColor:i(`var(--m3e-elevated-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-elevated-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-elevated-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.onPrimary}))`)},pressed:{iconColor:i(`var(--m3e-elevated-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-elevated-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${v.elevation.level1}))`),unselectedLabelTextColor:i(`var(--m3e-elevated-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-elevated-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-elevated-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.onPrimary}))`)}},outlined:{labelTextColor:i(`var(--m3e-outlined-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.onSurfaceVariant}))`),iconColor:i(`var(--m3e-outlined-button-icon-color, var(--m3e-button-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-button-outline-color, var(--m3e-button-outline-color, ${v.color.outlineVariant}))`),unselectedLabelTextColor:i(`var(--m3e-outlined-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedIconColor:i(`var(--m3e-outlined-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),selectedLabelTextColor:i(`var(--m3e-outlined-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.inverseOnSurface}))`),selectedIconColor:i(`var(--m3e-outlined-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedContainerColor:i(`var(--m3e-outlined-button-selected-container-color, var(--m3e-button-selected-container-color, ${v.color.inverseSurface}))`),disabled:{containerColor:i(`var(--m3e-outlined-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-outlined-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-outlined-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-outlined-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-outlined-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-outlined-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),outlineColor:i(`var(--m3e-outlined-button-disabled-outline-color, var(--m3e-button-disabled-outline-color, ${v.color.outlineVariant}))`)},hover:{iconColor:i(`var(--m3e-outlined-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.onSurfaceVariant}))`),labelTextColor:i(`var(--m3e-outlined-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-button-hover-outline-color, var(--m3e-button-hover-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-outlined-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedLabelTextColor:i(`var(--m3e-outlined-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.inverseOnSurface}))`)},focus:{iconColor:i(`var(--m3e-outlined-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.onSurfaceVariant}))`),labelTextColor:i(`var(--m3e-outlined-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-button-focus-outline-color, var(--m3e-button-focus-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-outlined-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedLabelTextColor:i(`var(--m3e-outlined-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.inverseOnSurface}))`)},pressed:{iconColor:i(`var(--m3e-outlined-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.onSurfaceVariant}))`),labelTextColor:i(`var(--m3e-outlined-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-button-pressed-outline-color, var(--m3e-button-pressed-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-outlined-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedLabelTextColor:i(`var(--m3e-outlined-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.inverseOnSurface}))`)}},filled:{labelTextColor:i(`var(--m3e-filled-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.onPrimary}))`),iconColor:i(`var(--m3e-filled-button-icon-color, var(--m3e-button-icon-color, ${v.color.onPrimary}))`),containerColor:i(`var(--m3e-filled-button-container-color, var(--m3e-button-container-color, ${v.color.primary}))`),containerElevation:i(`var(--m3e-filled-button-container-elevation, var(--m3e-button-container-elevation, ${v.elevation.level0}))`),unselectedLabelTextColor:i(`var(--m3e-filled-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedIconColor:i(`var(--m3e-filled-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedContainerColor:i(`var(--m3e-filled-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${v.color.surfaceContainer}))`),selectedLabelTextColor:i(`var(--m3e-filled-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.onPrimary}))`),selectedIconColor:i(`var(--m3e-filled-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.onPrimary}))`),selectedContainerColor:i(`var(--m3e-filled-button-selected-container-color, var(--m3e-button-selected-container-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-filled-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-filled-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-filled-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-filled-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-filled-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-filled-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-filled-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-filled-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-filled-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-filled-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-filled-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-filled-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.onPrimary}))`)},focus:{iconColor:i(`var(--m3e-filled-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-filled-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${v.elevation.level0}))`),unselectedIconColor:i(`var(--m3e-filled-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-filled-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-filled-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.onPrimary}))`)},pressed:{iconColor:i(`var(--m3e-filled-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-filled-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${v.elevation.level0}))`),unselectedIconColor:i(`var(--m3e-filled-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-filled-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-filled-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.onPrimary}))`)}},tonal:{labelTextColor:i(`var(--m3e-tonal-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.onSecondaryContainer}))`),iconColor:i(`var(--m3e-tonal-button-icon-color, var(--m3e-button-icon-color, ${v.color.onSecondaryContainer}))`),containerColor:i(`var(--m3e-tonal-button-container-color, var(--m3e-button-container-color, ${v.color.secondaryContainer}))`),containerElevation:i(`var(--m3e-tonal-button-container-elevation, var(--m3e-button-container-elevation, ${v.elevation.level0}))`),unselectedLabelTextColor:i(`var(--m3e-tonal-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.onSecondaryContainer}))`),unselectedIconColor:i(`var(--m3e-tonal-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedContainerColor:i(`var(--m3e-tonal-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${v.color.secondaryContainer}))`),selectedLabelTextColor:i(`var(--m3e-tonal-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.onSecondary}))`),selectedIconColor:i(`var(--m3e-tonal-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.onSecondary}))`),selectedContainerColor:i(`var(--m3e-tonal-button-selected-container-color, var(--m3e-button-selected-container-color, ${v.color.secondary}))`),disabled:{containerColor:i(`var(--m3e-tonal-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-tonal-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-tonal-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-tonal-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-tonal-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-tonal-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-tonal-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-tonal-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-tonal-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tonal-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-tonal-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedLabelTextColor:i(`var(--m3e-tonal-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.onSecondary}))`),selectedLabelTextColor:i(`var(--m3e-tonal-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.onSecondary}))`)},focus:{iconColor:i(`var(--m3e-tonal-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-tonal-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tonal-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${v.elevation.level0}))`),unselectedIconColor:i(`var(--m3e-tonal-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedLabelTextColor:i(`var(--m3e-tonal-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.onSecondary}))`),selectedLabelTextColor:i(`var(--m3e-tonal-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.onSecondary}))`)},pressed:{iconColor:i(`var(--m3e-tonal-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-tonal-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tonal-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${v.elevation.level0}))`),unselectedIconColor:i(`var(--m3e-tonal-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedLabelTextColor:i(`var(--m3e-tonal-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.onSecondary}))`),selectedLabelTextColor:i(`var(--m3e-tonal-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.onSecondary}))`)}},text:{labelTextColor:i(`var(--m3e-text-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.primary}))`),iconColor:i(`var(--m3e-text-button-icon-color, var(--m3e-button-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-text-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-text-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.primary}))`),selectedLabelTextColor:i(`var(--m3e-text-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-text-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-text-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-text-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-text-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-text-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-text-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-text-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))")},hover:{iconColor:i(`var(--m3e-text-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-text-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-text-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-text-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-text-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-text-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-text-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-text-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.primary}))`),selectedLabelTextColor:i(`var(--m3e-text-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-text-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.primary}))`)},focus:{iconColor:i(`var(--m3e-text-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-text-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-text-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-text-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-text-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-text-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-text-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-text-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.primary}))`),selectedLabelTextColor:i(`var(--m3e-text-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-text-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.primary}))`)},pressed:{iconColor:i(`var(--m3e-text-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-text-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-text-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-text-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-text-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-text-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-text-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-text-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.primary}))`),selectedLabelTextColor:i(`var(--m3e-text-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-text-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.primary}))`)}}};function Yi(e){return o`:host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${ji[e].containerColor??i("unset")}; --m3e-state-layer-hover-color: ${ji[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${ji[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${ji[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${ji[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${ji[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${ji[e].pressed.stateLayerOpacity}; --m3e-elevation-level: ${ji[e].containerElevation??i("unset")}; --m3e-elevation-hover-level: ${ji[e].hover.containerElevation??i("unset")}; --m3e-elevation-focus-level: ${ji[e].focus.containerElevation??i("unset")}; --m3e-elevation-pressed-level: ${ji[e].pressed.containerElevation??i("unset")}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${ji[e].unselectedContainerColor??i("unset")}; --m3e-state-layer-hover-color: ${ji[e].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${ji[e].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${ji[e].pressed.unselectedStateLayerColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${ji[e].selectedContainerColor??i("unset")}; --m3e-state-layer-hover-color: ${ji[e].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${ji[e].focus.selectedStateLayerColor}; --m3e-ripple-color: ${ji[e].pressed.selectedStateLayerColor}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${ji[e].outlineColor??i("unset")}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${ji[e].focus.outlineColor??i("unset")}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${ji[e].hover.outlineColor??i("unset")}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .base { outline-color: ${ji[e].pressed.outlineColor??i("unset")}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].labelTextColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].unselectedLabelTextColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].selectedLabelTextColor}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].focus.labelTextColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].focus.unselectedLabelTextColor}; } :host([variant="${i(e)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].focus.selectedLabelTextColor}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].hover.labelTextColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].hover.unselectedLabelTextColor}; } :host([variant="${i(e)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].hover.selectedLabelTextColor}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .label { color: ${ji[e].pressed.labelTextColor}; } :host( [variant="${i(e)}"][toggle]:not([selected]):is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .label { color: ${ji[e].pressed.unselectedLabelTextColor}; } :host( [variant="${i(e)}"][toggle][selected]:is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .label { color: ${ji[e].pressed.selectedLabelTextColor}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].selectedIconColor}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].focus.iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].focus.unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].focus.selectedIconColor}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].hover.iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].hover.unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].hover.selectedIconColor}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .icon { color: ${ji[e].pressed.iconColor}; } :host( [variant="${i(e)}"][toggle]:not([selected]):is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${ji[e].pressed.unselectedIconColor}; } :host( [variant="${i(e)}"][toggle][selected]:is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${ji[e].pressed.selectedIconColor}; } :host([variant="${i(e)}"]:disabled) .base, :host([variant="${i(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${ji[e].disabled.containerElevation??i("unset")}; outline-color: ${ji[e].disabled.outlineColor??i("unset")}; background-color: color-mix( in srgb, ${ji[e].disabled.containerColor} ${ji[e].disabled.containerOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .label, :host([variant="${i(e)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${ji[e].disabled.labelTextColor} ${ji[e].disabled.labelTextOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .icon, :host([variant="${i(e)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${ji[e].disabled.iconColor} ${ji[e].disabled.iconOpacity}, transparent ); }`}const Ki=[Yi("text"),Yi("elevated"),Yi("outlined"),Yi("filled"),Yi("tonal"),o`:host([variant="outlined"]:not([toggle][selected]):not(:disabled):not([disabled-interactive])) .base { outline-style: solid; }`];var Zi,Xi,Gi,Ji,Qi,eo,to;let ao=class extends(V(R(j(q(Y(N(P(f(r,"button"),!0)))))))){constructor(){super(),Zi.add(this),Xi.set(this,t=>e(this,Zi,"m",Gi).call(this,t)),this.variant="text",this.shape="rounded",this.size="small",this.toggle=!1,this.selected=!1,new A(this,{callback:()=>this._handleResize()}),new K(this,{callback:e=>{this.disabledInteractive||e||this.grouped||this._base?.style.removeProperty("--_button-shape")}}),new Z(this,{isPressedKey:e=>" "===e,minPressedDuration:150,callback:t=>{this.disabled||this.disabledInteractive||(t?(e(this,Zi,"m",Qi).call(this),e(this,Zi,"m",eo).call(this,!0)):e(this,Zi,"m",eo).call(this,!1))}})}get grouped(){return H(this,"--grouped")}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[U]()}<div class="wrapper">${this.toggle?s`<slot class="icon" name="selected-icon" aria-hidden="true" @slotchange="${e(this,Zi,"m",Ji)}"></slot>`:n}<slot class="icon" name="icon" aria-hidden="true"></slot><div class="label">${this.toggle&&this.selected?s`<slot name="selected"><slot></slot></slot>`:s`<slot></slot>`}</div><slot class="icon" name="trailing-icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Xi,"f"))}disconnectedCallback(){super.disconnectedCallback(),["--pressed","--resting","--grouped","--connected"].forEach(e=>k(this,e)),this._base?.style.removeProperty("--_button-shape"),this.style.removeProperty("--_button-width"),this.style.removeProperty("--_adjacent-shrink"),k(this,"--adjacent-pressed"),this.removeEventListener("click",e(this,Xi,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){if(super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(k(this,"--pressed"),k(this,"--resting")),(e.has("toggle")||e.has("selected"))&&(this.ariaPressed=this.toggle?`${this.selected}`:null,this.toggle))for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}_handleResize(){this.grouped&&!H(this,"--no-resize")&&this!==document.activeElement&&(this.style.setProperty("--_button-width",`${this.getBoundingClientRect().width}px`),e(this,Zi,"m",Qi).call(this,!0))}};var io,oo,ro,so,no,lo;Xi=new WeakMap,Zi=new WeakSet,Gi=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation()),this.toggle&&!e.defaultPrevented&&this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},Ji=function(e){this._base?.classList.toggle("with-selected-icon",g(e.target))},Qi=function(e=!1){if(!this._base)return;const t=parseFloat(getComputedStyle(this._base).borderRadius);if(!isNaN(t)||e){const a=this.clientHeight/2;(a<t||e)&&this._base?.style.setProperty("--_button-shape",`${a}px`)}},eo=function(t){const a=this.getBoundingClientRect().width,i=this.closest("m3e-button-group");if(i&&"standard"===i.variant){const o=[...i.querySelectorAll("m3e-button,m3e-icon-button")],r=o.indexOf(this);if(t){let e=a*parseFloat(getComputedStyle(this).getPropertyValue("--m3e-standard-button-group-width-multiplier")||"0.15");r>0&&r<o.length-1&&(e/=2);for(let t=0;t<o.length;t++)t==r-1||t==r+1?(L(o[t],"--no-resize"),o[t].style.setProperty("--_adjacent-shrink",`${e}px`),L(o[t],"--adjacent-pressed")):t==r?(L(o[t],"--no-resize"),o[t].style.removeProperty("--_adjacent-shrink"),k(o[t],"--adjacent-pressed")):(k(o[t],"--no-resize"),o[t].style.removeProperty("--_adjacent-shrink"),k(o[t],"--adjacent-pressed"))}else{for(let e=0;e<o.length;e++)e!=r-1&&e!=r+1||o[e].style.setProperty("--_adjacent-shrink","0px");C()?e(this,Zi,"m",to).call(this,o):this.addEventListener("transitionend",t=>{"width"===t.propertyName&&queueMicrotask(()=>{H(this,"--pressed")||e(this,Zi,"m",to).call(this,o)})},{once:!0})}}x(this,"--pressed",t),x(this,"--resting",!t)},to=function(e){for(const t of e)k(t,"--adjacent-pressed"),k(t,"--no-resize"),t.style.removeProperty("--_adjacent-shrink")},ao.styles=[Ni,Ki,Ui],t([h(".base")],ao.prototype,"_base",void 0),t([h(".elevation")],ao.prototype,"_elevation",void 0),t([h(".focus-ring")],ao.prototype,"_focusRing",void 0),t([h(".state-layer")],ao.prototype,"_stateLayer",void 0),t([h(".ripple")],ao.prototype,"_ripple",void 0),t([m({reflect:!0})],ao.prototype,"variant",void 0),t([m({reflect:!0})],ao.prototype,"shape",void 0),t([m({reflect:!0})],ao.prototype,"size",void 0),t([m({type:Boolean,reflect:!0})],ao.prototype,"toggle",void 0),t([m({type:Boolean,reflect:!0})],ao.prototype,"selected",void 0),t([y(40)],ao.prototype,"_handleResize",null),ao=t([$("m3e-button")],ao);let co=class extends(f(r,"group")){constructor(){super(...arguments),io.add(this),oo.set(this,new Z(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:t=>e(this,io,"m",no).call(this,t)})),this.variant="standard",this.size="small",this.multi=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("disable-role")&&(this.role=null)}disconnectedCallback(){super.disconnectedCallback(),this._base?.style.removeProperty("--_button-group-width"),this._base?.classList.remove("pressed")}update(t){super.update(t),(t.has("multi")||t.has("variant"))&&e(this,io,"m",ro).call(this),t.has("variant")&&this._base?.style.removeProperty("--_button-group-width")}render(){return s`<div class="base"><slot @slotchange="${e(this,io,"m",ro)}" @change="${e(this,io,"m",so)}"></slot></div>`}};function ho(e,t,a){const i=new Date;return i.setFullYear(e,t,a),i.setHours(0,0,0,0),i}function mo(e,t){return ho(e.getFullYear(),e.getMonth(),e.getDate()+t)}function uo(e,t){let a=ho(e.getFullYear(),e.getMonth()+t,e.getDate());return a.getMonth()!=((e.getMonth()+t)%12+12)%12&&(a=ho(a.getFullYear(),a.getMonth(),0)),a}function po(e,t){return uo(e,12*t)}function vo(e,t){return e.getFullYear()-t.getFullYear()||e.getMonth()-t.getMonth()||e.getDate()-t.getDate()}function bo(e,t){return e&&t?0==vo(e,t):e==t}function fo(e,t,a){return i=e.getFullYear()-function(e,t){return t?t.getFullYear()-wo+1:e?e.getFullYear():0}(t,a),(i%(o=wo)+o)%o;var i,o}function go(e,t,a){return e.getFullYear()-fo(e,t,a)}function yo(e,t,a){return go(e,t,a)+wo-1}function $o(e,t,a){return t&&vo(e,t)<0?t:a&&vo(e,a)>0?a:e}oo=new WeakMap,io=new WeakSet,ro=async function(){const t=this.buttons;for(const t of e(this,oo,"f").targets)e(this,oo,"f").unobserve(t);for(const e of this.buttons)await X(e),e.isUpdatePending&&await e.updateComplete;const a=[...t].some(e=>e.toggle);this.hasAttribute("disable-role")||(this.role=a&&!this.multi?"radiogroup":"group");const i="radiogroup"===this.role?"radio":"button";t.forEach((a,o)=>{if(e(this,oo,"f").observe(a),x(a,"--connected","connected"===this.variant),L(a,"--grouped"),x(a,"--first",0==o),x(a,"--last",o==t.length-1),!this.hasAttribute("disable-role")&&a.role!==i&&a.toggle){const e=a.toggle?a.selected?"true":"false":null;a.role=i,"button"===a.role?(a.ariaPressed=e,a.ariaChecked=null):(a.ariaChecked=e,a.ariaPressed=null)}})},so=function(e){if(!this.multi&&e.target instanceof HTMLElement&&("M3E-BUTTON"===e.target.tagName||"M3E-ICON-BUTTON"===e.target.tagName)){if(!G(e.target)||!e.target.selected)return;for(const t of this.buttons)t!==e.target&&t.selected&&(t.selected=!1)}},no=function(t){const a=this._base;if(a)if(t&&"connected"!==this.variant)a.classList.add("pressed"),a.style.setProperty("--_button-group-width",`${a.getBoundingClientRect().width}px`);else{const t=this.buttons.find(e=>e===document.activeElement);!C()&&t?t.addEventListener("transitionend",()=>queueMicrotask(()=>{H(t,"--pressed")||e(this,io,"m",lo).call(this,a)}),{once:!0}):e(this,io,"m",lo).call(this,a)}},lo=function(e){e.style.removeProperty("--_button-group-width"),e.classList.remove("pressed")},co.styles=o`:host { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } .base { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } :host([variant="standard"]) { justify-content: center; } :host([variant="connected"]) .base { flex: 1 1 auto; } :host([variant="standard"]) .base { width: fit-content; flex: none; } :host([variant="standard"]) .base.pressed { justify-content: space-between; width: var(--_button-group-width); } :host([variant="standard"][size="extra-small"]) .base { column-gap: var(--m3e-standard-button-group-extra-small-spacing, 1.125rem); } :host([variant="standard"][size="small"]) .base { column-gap: var(--m3e-standard-button-group-small-spacing, 0.75rem); } :host([variant="standard"][size="medium"]).base { column-gap: var(--m3e-standard-button-group-medium-spacing, 0.5rem); } :host([variant="standard"][size="large"]) .base { column-gap: var(--m3e-standard-button-group-large-spacing, 0.5rem); } :host([variant="standard"][size="extra-large"]) .base { column-gap: var(--m3e-standard-button-group-extra-large-spacing, 0.5rem); } :host([variant="connected"]) .base { column-gap: var(--m3e-connected-button-group-spacing, 0.125rem); } :host([variant="connected"][size="extra-small"]) ::slotted(:is(:state(--first), :--first)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="extra-small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${v.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${v.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="extra-small"]) ::slotted(:is(:state(--last), :--last)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="extra-small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${v.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${v.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:is(:state(--first), :--first)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${v.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${v.shape.corner.small} ); --_button-end-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:is(:state(--last), :--last)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${v.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${v.shape.corner.small} ); --_button-start-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:is(:state(--first), :--first)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="medium"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${v.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${v.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:is(:state(--last), :--last)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="medium"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${v.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${v.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="large"]) ::slotted(:is(:state(--first), :--first)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${v.shape.corner.large} ); --_button-square-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${v.shape.corner.large} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${v.shape.corner.medium} ); } :host([variant="connected"][size="large"]) ::slotted(:is(:state(--last), :--last)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${v.shape.corner.large} ); --_button-square-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${v.shape.corner.large} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${v.shape.corner.medium} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:is(:state(--first), :--first)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="extra-large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${v.shape.corner.largeIncreased} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${v.shape.corner.largeIncreased} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${v.shape.corner.large} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:is(:state(--last), :--last)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="extra-large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${v.shape.corner.largeIncreased} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${v.shape.corner.largeIncreased} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${v.shape.corner.large} ); }`,t([h(".base")],co.prototype,"_base",void 0),t([m({reflect:!0})],co.prototype,"variant",void 0),t([m({reflect:!0})],co.prototype,"size",void 0),t([m({type:Boolean})],co.prototype,"multi",void 0),t([u({slot:"",selector:"m3e-button,m3e-icon-button",flatten:!0})],co.prototype,"buttons",void 0),co=t([$("m3e-button-group")],co);const wo=15;class xo extends r{constructor(){super(...arguments),this.today=new Date,this.date=null,this.activeDate=new Date,this.minDate=null,this.maxDate=null}async focusActiveCell(){this.isUpdatePending&&await this.updateComplete,this._activeItem&&await W(this._activeItem)}_changeActiveDate(e){bo(e=$o(e,this.minDate,this.maxDate),this.activeDate)||(this._activeItem?.style.setProperty("--m3e-state-layer-duration","0ms"),this._activeItem?.blur(),this._activeItem?.style.removeProperty("--m3e-state-layer-duration"),this.activeDate=e,this.dispatchEvent(new Event("active-change",{bubbles:!1})))}}
+import{__classPrivateFieldGet as e,__decorate as t,__classPrivateFieldSet as a}from"tslib";import{unsafeCSS as i,css as o,LitElement as r,html as s,nothing as n,isServer as l,noChange as c,svg as d}from"lit";import{query as h,property as m,queryAssignedElements as u,state as p}from"lit/decorators.js";import{DesignToken as v,HtmlFor as b,Role as f,hasAssignedNodes as g,debounce as y,customElement as $,MutationController as w,setCustomState as x,deleteCustomState as k,prefersReducedMotion as C,scrollIntoViewIfNeeded as S,forcedColorsActive as _,addCustomState as L,ActionElementBase as E,ReconnectedCallback as z,SuppressInitialAnimation as M,AttachInternals as P,VelocityTracker as T,ScrollLockController as I,InertController as D,ResizeController as A,focusWhenReady as W,hasCustomState as H,computeCssSize as O,registerStyleSheet as B,spaceSeparatedStringConverter as F,KeyboardClick as V,LinkButton as R,Focusable as q,Disabled as N,renderPseudoLink as U,FormSubmitter as j,DisabledInteractive as Y,FocusController as K,PressedController as Z,waitForUpgrade as X,isSelectedMixin as G,dateConverter as J,Labelled as Q,RequiredConstraintValidation as ee,Dirty as te,Touched as ae,Required as ie,ConstraintValidation as oe,CheckedIndeterminate as re,FormAssociated as se,HoverController as ne,formValue as le,isDisabledMixin as ce,isDisabledInteractiveMixin as de,isLinkButtonMixin as he,getTextContent as me,Vertical as ue,Selected as pe,getScrollbarWidth as ve,ScrollController as be,isReadOnlyMixin as fe,interceptProperty as ge,computeLineCount as ye,generateClipPaths as $e,Checked as we,resumeAnimation as xe,AnimationLoopController as ke,resolveFragmentUrl as Ce,safeStyleMap as Se,updateLabels as _e,guid as Le,IntersectionController as Ee,LongPressController as ze}from"@m3e/web/core";import{ListKeyManager as Me,M3eLiveAnnouncer as Pe,M3eInteractivityChecker as Te,isModifierAllowed as Ie,addAriaReferencedId as De,removeAriaReferencedId as Ae,selectionManager as We,SelectionManager as He,ListManager as Oe,RovingTabIndexManager as Be,M3eAriaDescriber as Fe,typeaheadLabel as Ve}from"@m3e/web/core/a11y";import{M3eOptGroupElement as Re}from"@m3e/web/option";import{M3eDirectionality as qe}from"@m3e/web/core/bidi";import{positionAnchor as Ne,M3eFloatingPanelElement as Ue}from"@m3e/web/core/anchoring";import{ifDefined as je}from"lit/directives/if-defined.js";import{classMap as Ye}from"lit/directives/class-map.js";import{M3eButtonElement as Ke}from"@m3e/web/button";import{M3eIconButtonElement as Ze}from"@m3e/web/icon-button";import"@m3e/web/tooltip";import{directive as Xe,Directive as Ge,PartType as Je}from"lit/directive.js";import{M3eBreakpointObserver as Qe,Breakpoint as et}from"@m3e/web/core/layout";import"@m3e/web/calendar";import{M3eNavBarElement as tt}from"@m3e/web/nav-bar";import"@m3e/web/form-field";import"@m3e/web/select";import"@m3e/web/button-group";import"@m3e/web/slide-group";import{M3ePlatform as at}from"@m3e/web/core/platform";const it={small:{containerHeight:i("var(--m3e-app-bar-small-container-height, 4rem)"),titleTextFontSize:i(`var(--m3e-app-bar-small-title-text-font-size, ${v.typescale.standard.title.large.fontSize})`),titleTextFontWeight:i(`var(--m3e-app-bar-small-title-text-font-weight, ${v.typescale.standard.title.large.fontWeight})`),titleTextLineHeight:i(`var(--m3e-app-bar-small-title-text-line-height, ${v.typescale.standard.title.large.lineHeight})`),titleTextTracking:i(`var(--m3e-app-bar-small-subtitle-text-tracking, ${v.typescale.standard.title.large.tracking})`),subtitleTextFontSize:i(`var(--m3e-app-bar-small-subtitle-text-font-size, ${v.typescale.standard.label.medium.fontSize})`),subtitleTextFontWeight:i(`var(--m3e-app-bar-small-subtitle-text-font-weight, ${v.typescale.standard.label.medium.fontWeight})`),subtitleTextLineHeight:i(`var(--m3e-app-bar-small-subtitle-text-line-height, ${v.typescale.standard.label.medium.lineHeight})`),subtitleTextTracking:i(`var(--m3e-app-bar-small-subtitle-text-tracking, ${v.typescale.standard.label.medium.tracking})`),headingPaddingLeft:i("var(--m3e-app-bar-small-heading-padding-left, 0.25rem)"),headingPaddingRight:i("var(--m3e-app-bar-small-heading-padding-right, 0.25rem)")},medium:{containerHeight:i("var(--m3e-app-bar-medium-container-height, 7rem)"),containerHeightWithSubtitle:i("var(--m3e-app-bar-medium-container-height-with-subtitle, 8.5rem)"),titleTextFontSize:i(`var(--m3e-app-bar-medium-title-text-font-size, ${v.typescale.standard.headline.medium.fontSize})`),titleTextFontWeight:i(`var(--m3e-app-bar-medium-title-text-font-weight, ${v.typescale.standard.headline.medium.fontWeight})`),titleTextLineHeight:i(`var(--m3e-app-bar-medium-title-text-line-height, ${v.typescale.standard.headline.medium.lineHeight})`),titleTextTracking:i(`var(--m3e-app-bar-medium-subtitle-text-tracking, ${v.typescale.standard.headline.medium.tracking})`),subtitleTextFontSize:i(`var(--m3e-app-bar-medium-subtitle-text-font-size, ${v.typescale.standard.title.small.fontSize})`),subtitleTextFontWeight:i(`var(--m3e-app-bar-medium-subtitle-text-font-weight, ${v.typescale.standard.title.small.fontWeight})`),subtitleTextLineHeight:i(`var(--m3e-app-bar-medium-subtitle-text-line-height, ${v.typescale.standard.title.small.lineHeight})`),subtitleTextTracking:i(`var(--m3e-app-bar-medium-subtitle-text-tracking, ${v.typescale.standard.title.small.tracking})`),headingPaddingLeft:i("var(--m3e-app-bar-medium-heading-padding-left, 1rem)"),headingPaddingRight:i("var(--m3e-app-bar-medium-heading-padding-right, 0.25rem)"),paddingTop:i("var(--m3e-app-bar-medium-padding-top, 0.5rem)"),paddingBottom:i("var(--m3e-app-bar-medium-padding-bottom, 0.75rem)"),titleMaxLines:i("var(--m3e-app-bar-medium-title-max-lines, 2)"),subtitleMaxLines:i("var(--m3e-app-bar-medium-subtitle-max-lines, 1)")},large:{containerHeight:i("var(--m3e-app-bar-large-container-height, 7.5rem)"),containerHeightWithSubtitle:i("var(--m3e-app-bar-large-container-height-with-subtitle, 9.5rem)"),titleTextFontSize:i(`var(--m3e-app-bar-large-title-text-font-size, ${v.typescale.standard.display.small.fontSize})`),titleTextFontWeight:i(`var(--m3e-app-bar-large-title-text-font-weight, ${v.typescale.standard.display.small.fontWeight})`),titleTextLineHeight:i(`var(--m3e-app-bar-large-title-text-line-height, ${v.typescale.standard.display.small.lineHeight})`),titleTextTracking:i(`var(--m3e-app-bar-large-subtitle-text-tracking, ${v.typescale.standard.display.small.tracking})`),subtitleTextFontSize:i(`var(--m3e-app-bar-large-subtitle-text-font-size, ${v.typescale.standard.title.medium.fontSize})`),subtitleTextFontWeight:i(`var(--m3e-app-bar-large-subtitle-text-font-weight, ${v.typescale.standard.title.medium.fontWeight})`),subtitleTextLineHeight:i(`var(--m3e-app-bar-large-subtitle-text-line-height, ${v.typescale.standard.title.medium.lineHeight})`),subtitleTextTracking:i(`var(--m3e-app-bar-large-subtitle-text-tracking, ${v.typescale.standard.title.medium.tracking})`),headingPaddingLeft:i("var(--m3e-app-bar-large-heading-padding-left, 1rem)"),headingPaddingRight:i("var(--m3e-app-bar-large-heading-padding-right, 0.25rem)"),paddingTop:i("var(--m3e-app-bar-large-padding-top, 0.5rem)"),paddingBottom:i("var(--m3e-app-bar-large-padding-bottom, 0.75rem)"),titleMaxLines:i("var(--m3e-app-bar-large-title-max-lines, 2)"),subtitleMaxLines:i("var(--m3e-app-bar-large-subtitle-max-lines, 1)")}};function ot(e){return o`:host([size="${i(e)}"]) .base:not(.with-subtitle) { min-height: ${it[e].containerHeight}; } :host([size="${i(e)}"]) .base.with-subtitle { min-height: ${it[e].containerHeightWithSubtitle??it[e].containerHeight}; } :host([size="${i(e)}"]) .title { font-size: ${it[e].titleTextFontSize}; font-weight: ${it[e].titleTextFontWeight}; line-height: ${it[e].titleTextLineHeight}; letter-spacing: ${it[e].titleTextTracking}; } :host([size="${i(e)}"]) .subtitle { font-size: ${it[e].subtitleTextFontSize}; font-weight: ${it[e].subtitleTextFontWeight}; line-height: ${it[e].subtitleTextLineHeight}; letter-spacing: ${it[e].subtitleTextTracking}; } :host(:not([centered])[size="${i(e)}"]) .label { padding-inline-start: ${it[e].headingPaddingLeft}; padding-inline-end: ${it[e].headingPaddingRight}; } :host([centered][size="${i(e)}"]) .label { padding-inline: ${it[e].headingPaddingLeft}; } :host([size="${i(e)}"]) .base { padding-block-start: ${it[e].paddingTop??i("unset")}; padding-block-end: ${it[e].paddingBottom??i("unset")}; } ${it[e].titleMaxLines?o`:host([size="${i(e)}"]) .title { display: -webkit-box; -webkit-line-clamp: ${it[e].titleMaxLines}; -webkit-box-orient: vertical; overflow: hidden; line-clamp: ${it[e].titleMaxLines}; }`:o``} ${it[e].subtitleMaxLines?o`:host([size="${i(e)}"]) .subtitle { display: -webkit-box; -webkit-line-clamp: ${it[e].subtitleMaxLines}; -webkit-box-orient: vertical; overflow: hidden; line-clamp: ${it[e].subtitleMaxLines}; }`:o``}`}const rt=[ot("small"),ot("medium"),ot("large")],st=i(`var(--m3e-app-bar-container-color, ${v.color.surface})`),nt=i(`var(--m3e-app-bar-container-color-on-scroll, ${v.color.surfaceContainer})`),lt=i(`var(--m3e-app-bar-container-elevation, ${v.elevation.level0})`),ct=i(`var(--m3e-app-bar-container-elevation-on-scroll, ${v.elevation.level1})`),dt=i(`var(--m3e-app-bar-title-text-color, ${v.color.onSurface})`),ht=i(`var(--m3e-app-bar-subtitle-text-color, ${v.color.onSurfaceVariant})`),mt=i("var(--m3e-app-bar-padding-left, 0.25rem)"),ut=i("var(--m3e-app-bar-padding-right, 0.25rem)"),pt=o`:host { display: block; flex: none; } :host([size="small"]) .base, :host(:not([size="small"]):not([centered])) .heading { padding-inline-start: ${mt}; padding-inline-end: ${ut}; } .base { box-sizing: border-box; display: flex; transition: ${i(`background-color ${v.motion.duration.medium1} ${v.motion.easing.standard},\n      box-shadow ${v.motion.duration.medium1} ${v.motion.easing.standard}`)}; } .base:not(.on-scroll) { background-color: ${st}; box-shadow: ${lt}; } .base.on-scroll { background-color: ${nt}; box-shadow: ${ct}; } .leading-icon, .trailing-icon { display: flex; flex: none; align-items: center; } .leading-icon { min-width: var(--_leading-icon-min-width); } .trailing-icon { min-width: var(--_trailing-icon-min-width); } .heading { display: flex; align-items: center; } :host([size="small"]) .heading { flex: 1 1 auto; } .spacer { flex: 1 1 auto; } .label { display: flex; flex-direction: column; flex: none; } .title { color: ${dt}; } .subtitle { color: ${ht}; } .base:not(.with-title) .title, .base:not(.with-subtitle) .subtitle, .base:not(.with-title):not(.with-subtitle) .label, .base:not(.with-trailing-icon) .trailing-icon { display: none; } :host([size="small"]) .base { align-items: center; } :host([size="small"]) .heading { min-width: 0; } :host([size="small"]) .label { flex: 1 1 auto; min-width: 0; } :host([size="small"]) .title, :host([size="small"]) .subtitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :host(:not([size="small"])) .base { flex-direction: column; } :host([centered]) .title, :host([centered]) .subtitle { text-align: center; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } .base:not(.on-scroll), .base.on-scroll { background-color: Canvas; box-shadow: unset; } .title { color: CanvasText; } .subtitle { color: FieldText; } }`;var vt,bt,ft,gt,yt,$t,wt,xt,kt,Ct,St,_t;let Lt=class extends(b(f(r,"banner"))){constructor(){super(...arguments),vt.add(this),bt.set(this,e=>this._updateScroll(e)),ft.set(this,()=>e(this,vt,"m",St).call(this)),this.centered=!1,this.size="small"}attach(t){super.attach(t),t instanceof HTMLIFrameElement?(t.addEventListener("load",e(this,ft,"f")),e(this,vt,"m",St).call(this)):t.addEventListener("scroll",e(this,bt,"f"),{passive:!0})}detach(){this.control instanceof HTMLIFrameElement&&(this.control.removeEventListener("load",e(this,ft,"f")),this.control.contentDocument?.removeEventListener("scroll",e(this,bt,"f"))),this.control&&this.control.removeEventListener("scroll",e(this,bt,"f")),super.detach()}updated(t){super.updated(t),(t.has("centered")||t.has("size"))&&(this.centered&&"small"===this.size?e(this,vt,"m",Ct).call(this):e(this,vt,"m",kt).call(this))}render(){return"small"===this.size?s`<div class="base"><div class="leading-icon"><slot name="leading" @slotchange="${e(this,vt,"m",$t)}"><slot name="leading-icon" @slotchange="${e(this,vt,"m",xt)}"></slot></slot></div><div class="heading"><div class="label"><div class="title"><slot name="title" @slotchange="${e(this,vt,"m",gt)}"></slot></div><div class="subtitle"><slot name="subtitle" @slotchange="${e(this,vt,"m",yt)}"></slot></div></div></div><div class="trailing-icon"><slot name="trailing" @slotchange="${e(this,vt,"m",wt)}"><slot name="trailing-icon" @slotchange="${e(this,vt,"m",xt)}"></slot></slot></div></div>`:s`<div class="base"><div class="heading"><div class="leading-icon"><slot name="leading" @slotchange="${e(this,vt,"m",$t)}"><slot name="leading-icon" @slotchange="${e(this,vt,"m",xt)}"></slot></slot></div><div class="spacer"></div><div class="trailing-icon"><slot name="trailing" @slotchange="${e(this,vt,"m",wt)}"><slot name="trailing-icon" @slotchange="${e(this,vt,"m",xt)}"></slot></slot></div></div><div class="spacer"></div><div class="label"><div class="title"><slot name="title" @slotchange="${e(this,vt,"m",gt)}"></slot></div><div class="subtitle"><slot name="subtitle" @slotchange="${e(this,vt,"m",yt)}"></slot></div></div></div>`}_updateScroll(t){let a=0;this.control instanceof HTMLIFrameElement?a=e(this,vt,"m",_t).call(this,this.control):t.target instanceof HTMLElement&&(a=t.target.scrollTop),this._base?.classList.toggle("on-scroll",a>0)}};var Et,zt,Mt,Pt,Tt,It,Dt,At,Wt,Ht,Ot,Bt,Ft,Vt,Rt,qt,Nt,Ut,jt,Yt,Kt,Zt,Xt,Gt,Jt,Qt,ea,ta,aa,ia,oa,ra,sa,na,la,ca,da,ha,ma,ua,pa,va,ba,fa,ga,ya,$a,wa,xa,ka,Ca,Sa,_a;bt=new WeakMap,ft=new WeakMap,vt=new WeakSet,gt=function(e){this._base?.classList.toggle("with-title",g(e.target))},yt=function(e){this._base?.classList.toggle("with-subtitle",g(e.target))},$t=function(t){this._base?.classList.toggle("with-leading-icon",g(t.target)),this.centered&&"small"===this.size&&setTimeout(()=>e(this,vt,"m",Ct).call(this),40)},wt=function(t){this._base?.classList.toggle("with-trailing-icon",g(t.target)),this.centered&&"small"===this.size&&setTimeout(()=>e(this,vt,"m",Ct).call(this),40)},xt=function(e){const t=e.target.name,a=t.replace("-icon","");console.warn(`[m3e-app-bar] Slot "${t}" is deprecated and will be removed in a future release. Use "${a}" instead.`)},kt=function(){this._base?.style.removeProperty("--_leading-icon-min-width"),this._base?.style.removeProperty("--_trailing-icon-min-width")},Ct=function(){e(this,vt,"m",kt).call(this);const t=this._leadingIcon?.getBoundingClientRect().width??0,a=this._trailingIcon?.getBoundingClientRect().width??0;t<a?this._base?.style.setProperty("--_leading-icon-min-width",`${a}px`):t>a&&this._base?.style.setProperty("--_trailing-icon-min-width",`${t}px`)},St=function(){this.control instanceof HTMLIFrameElement&&(this.control.contentDocument?.addEventListener("scroll",e(this,bt,"f"),{passive:!0}),this._base?.classList.toggle("on-scroll",e(this,vt,"m",_t).call(this,this.control)>0))},_t=function(e){return Math.max(e.contentDocument?.documentElement?.scrollTop??0,e.contentDocument?.body?.scrollTop??0)},Lt.styles=[pt,rt],t([h(".base")],Lt.prototype,"_base",void 0),t([h(".leading-icon")],Lt.prototype,"_leadingIcon",void 0),t([h(".trailing-icon")],Lt.prototype,"_trailingIcon",void 0),t([m({type:Boolean,reflect:!0})],Lt.prototype,"centered",void 0),t([m({reflect:!0})],Lt.prototype,"size",void 0),t([y(40)],Lt.prototype,"_updateScroll",null),Lt=t([$("m3e-app-bar")],Lt);let La=_a=class extends(b(r)){constructor(){super(),Et.add(this),zt.set(this,`m3e-autocomplete-${_a.__nextId}`),Mt.set(this,`${e(this,zt,"f")}-menu`),this._options=new Array,Pt.set(this,void 0),Tt.set(this,!1),It.set(this,void 0),Dt.set(this,!1),At.set(this,!1),Wt.set(this,!1),Ht.set(this,void 0),Ot.set(this,()=>e(this,Et,"m",aa).call(this)),Bt.set(this,()=>e(this,Et,"m",ia).call(this)),Ft.set(this,()=>e(this,Et,"m",oa).call(this)),Vt.set(this,()=>e(this,Et,"m",ra).call(this)),Rt.set(this,t=>e(this,Et,"m",la).call(this,t)),qt.set(this,t=>e(this,Et,"m",sa).call(this,t)),Nt.set(this,()=>e(this,Et,"m",na).call(this)),Ut.set(this,t=>e(this,Et,"m",ha).call(this,t)),jt.set(this,t=>e(this,Et,"m",ca).call(this,t)),Yt.set(this,t=>e(this,Et,"m",da).call(this,t)),Kt.set(this,void 0),this._listKeyManager=(new Me).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withSkipPredicate(e=>e.disabled||!0===e.hidden).onActiveItemChange(()=>{this._listKeyManager.activeItem&&e(this,Et,"m",fa).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.required=!1,this.autoActivate=!1,this.caseSensitive=!1,this.filter="contains",this.loading=!1,this.hideNoData=!1,this.hideLoading=!1,this.loadingLabel="Loading...",this.noDataLabel="No options",this.resultsLabel=e=>`${e} options`,this.panelClass="",new w(this,{config:{childList:!0,subtree:!0},callback:()=>e(this,Et,"m",ta).call(this)})}get options(){return this._options??[]}get selected(){return this.options.find(e=>e.selected)??null}get value(){const e=this.selected;return e&&!e.disabled?e.value:null}attach(t){t instanceof HTMLInputElement&&(super.attach(t),t.autocomplete="off",t.role="combobox",t.ariaAutoComplete="list",t.ariaExpanded="false",t.addEventListener("click",e(this,Ot,"f")),t.addEventListener("focus",e(this,Ft,"f")),t.addEventListener("blur",e(this,Vt,"f")),t.addEventListener("keydown",e(this,Rt,"f")),t.addEventListener("input",e(this,qt,"f")),t.addEventListener("change",e(this,Nt,"f")),e(this,Et,"a",ea)?.addEventListener("pointerdown",e(this,Bt,"f")))}detach(){this.control&&(e(this,Et,"a",ea)?.removeEventListener("pointerdown",e(this,Bt,"f")),this.control.role=null,this.control.ariaAutoComplete=null,this.control.ariaExpanded=null,this.control.removeEventListener("click",e(this,Ot,"f")),this.control.removeEventListener("focus",e(this,Ft,"f")),this.control.removeEventListener("blur",e(this,Vt,"f")),this.control.removeEventListener("keydown",e(this,Rt,"f")),this.control.removeEventListener("input",e(this,qt,"f")),this.control.removeEventListener("change",e(this,Nt,"f"))),super.detach()}clear(t=!1){e(this,Et,"a",Xt)&&(e(this,Et,"a",Xt).value="",e(this,Et,"m",xa).call(this)&&this.dispatchEvent(new Event("change",{bubbles:!0})),e(this,Et,"m",wa).call(this),t?e(this,Et,"a",Xt).focus():e(this,Et,"m",ba).call(this))}connectedCallback(){super.connectedCallback(),e(this,Et,"m",ta).call(this)}update(t){super.update(t),t.has("hideNoData")&&this.hideNoData&&e(this,It,"f")&&x(e(this,It,"f"),"--no-data",!1),t.has("loading")&&(this.loading?e(this,Wt,"f")&&(this.loadingLabel&&Pe.announce(this.loadingLabel,"polite"),!e(this,It,"f")&&e(this,Et,"a",Qt)&&e(this,Et,"m",ua).call(this)):e(this,It,"f")&&!e(this,Et,"a",Qt)?e(this,Et,"m",ba).call(this):e(this,It,"f")?k(e(this,It,"f"),"--loading"):e(this,Wt,"f")&&e(this,Et,"m",ua).call(this))}render(){return s`<div class="options" aria-hidden="true"><slot></slot></div>`}};zt=new WeakMap,Mt=new WeakMap,Pt=new WeakMap,Tt=new WeakMap,It=new WeakMap,Dt=new WeakMap,At=new WeakMap,Wt=new WeakMap,Ht=new WeakMap,Ot=new WeakMap,Bt=new WeakMap,Ft=new WeakMap,Vt=new WeakMap,Rt=new WeakMap,qt=new WeakMap,Nt=new WeakMap,Ut=new WeakMap,jt=new WeakMap,Yt=new WeakMap,Kt=new WeakMap,Et=new WeakSet,Zt=function(){return this._listKeyManager?.items??[]},Xt=function(){return this.control?this.control:null},Gt=function(){return null!==(e(this,Pt,"f")?.querySelector("[slot='no-data']")??null)},Jt=function(){return null!==(e(this,Pt,"f")?.querySelector("[slot='loading']")??null)},Qt=function(){return e(this,Et,"a",Zt).some(e=>!1===e.hidden)||this.loading&&!this.hideLoading&&this.loadingLabel.length>0||!this.loading&&!this.hideNoData&&this.noDataLabel.length>0},ea=function(){return this.control?.closest("m3e-form-field")??null},ta=async function(){e(this,Ht,"f")&&e(this,Ht,"f").abort();const t=new AbortController;a(this,Ht,t,"f");const i=[...this.querySelectorAll("m3e-option")];for(const e of i){if(t.signal.aborted)break;e.isUpdatePending&&await e.updateComplete}if(t.signal.aborted)return;this._options=i,a(this,Pt,this.cloneNode(!0),"f");const{added:o}=this._listKeyManager.setItems([...e(this,Pt,"f").querySelectorAll("m3e-option")]);if(o.forEach(t=>{t.id=t.id||`${e(this,zt,"f")}-option-${this._listKeyManager.items.indexOf(t)}`,x(t,"--hide-selection-indicator",this.hideSelectionIndicator)}),e(this,It,"f")){const t=e(this,Et,"m",wa).call(this);e(this,Et,"m",pa).call(this),e(this,Et,"a",Qt)?e(this,Et,"m",va).call(this,e(this,It,"f"),t):e(this,Et,"m",ba).call(this)}},aa=function(){a(this,Tt,!0,"f"),e(this,Et,"m",ua).call(this)},ia=function(){a(this,Dt,!0,"f")},oa=function(){a(this,Wt,!0,"f"),a(this,Tt,!0,"f"),0!=this.options.length||this.control.readOnly||this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,Et,"a",Xt)?.value??""},bubbles:!0,composed:!0})),e(this,Et,"m",ua).call(this)},ra=function(){a(this,Wt,!1,"f"),e(this,Dt,"f")||e(this,Et,"m",ba).call(this),a(this,Dt,!1,"f")},sa=function(t){if(e(this,Et,"a",Xt)&&!t.defaultPrevented){this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,Et,"a",Xt).value},bubbles:!0,composed:!0})),""===e(this,Et,"a",Xt).value&&e(this,Et,"m",xa).call(this)&&this.dispatchEvent(new Event("change",{bubbles:!0})),a(this,At,!0,"f");try{e(this,It,"f")?(e(this,Et,"m",wa).call(this),e(this,Et,"a",Qt)||e(this,Et,"m",ba).call(this)):e(this,Et,"m",ua).call(this)}finally{a(this,At,!1,"f"),e(this,Et,"a",ea)?.notifyControlStateChange(!0)}}},na=function(){if(e(this,Et,"a",Xt)){const t=this.selected;this.required?e(this,Et,"a",Xt).value=t?.label??"":t&&t.label!==e(this,Et,"a",Xt).value&&e(this,Et,"m",xa).call(this)&&this.dispatchEvent(new Event("change",{bubbles:!0}))}},la=function(t){if(!t.defaultPrevented)switch(a(this,Tt,!1,"f"),t.key){case"Backspace":case"Delete":e(this,Et,"a",Xt)&&!e(this,Et,"a",Xt).value&&e(this,Et,"m",ba).call(this);break;case"Enter":e(this,It,"f")&&this._listKeyManager.activeItem?(t.preventDefault(),e(this,Et,"m",ya).call(this,this._listKeyManager.activeItem),C()?e(this,Et,"m",ba).call(this):setTimeout(()=>e(this,Et,"m",ba).call(this),150)):e(this,It,"f")&&setTimeout(()=>{e(this,Et,"a",Xt)&&!e(this,Et,"a",Xt).value&&e(this,Et,"m",ba).call(this)});break;case"Escape":case"Tab":e(this,Et,"m",ba).call(this);break;case"Up":case"ArrowUp":t.altKey?e(this,Et,"m",ba).call(this):this._listKeyManager.onKeyDown(t);break;case"Down":case"ArrowDown":e(this,It,"f")?this._listKeyManager.onKeyDown(t):(e(this,Et,"m",ua).call(this),t.preventDefault());break;default:this._listKeyManager.onKeyDown(t)}},ca=function(e){if(a(this,Kt,void 0,"f"),2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const t=e.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);t&&!t.disabled&&a(this,Kt,t,"f")},da=function(t){const i=e(this,Kt,"f");if(a(this,Kt,void 0,"f"),2===t.button)return;if(!i)return;const o=t.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);o===i&&(this._listKeyManager.setActiveItem(o),e(this,Et,"m",ya).call(this,o)),C()?e(this,Et,"m",ba).call(this):setTimeout(()=>e(this,Et,"m",ba).call(this),150)},ha=function(t){if(e(this,It,"f"))if("closed"!==t.newState){const a=e(this,Et,"a",Zt).find(e=>e.selected&&!e.disabled);a?(this._listKeyManager.setActiveItem(a),S(a,e(this,It,"f"))):e(this,Et,"m",Ca).call(this),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState}))}else C()?e(this,Et,"m",ma).call(this,t):setTimeout(()=>e(this,Et,"m",ma).call(this,t),100)},ma=function(t){e(this,It,"f")&&(e(this,Pt,"f")?.replaceChildren(...e(this,It,"f").childNodes),e(this,It,"f").remove(),e(this,It,"f").removeEventListener("toggle",e(this,Ut,"f")),e(this,It,"f").removeEventListener("pointerdown",e(this,jt,"f")),e(this,It,"f").removeEventListener("pointerup",e(this,Yt,"f")),a(this,It,void 0,"f"),e(this,Et,"a",Xt)&&(e(this,Et,"a",Xt).ariaExpanded="false",e(this,Et,"a",Xt).removeAttribute("aria-controls"),e(this,Et,"a",Xt).removeAttribute("aria-owns"),e(this,Et,"a",Xt).removeAttribute("aria-activedescendant")),this.requestUpdate(),e(this,Et,"a",ea)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState})),"input"===e(this,Et,"a",Xt)?.slot&&"M3E-INPUT-CHIP-SET"===e(this,Et,"a",Xt).parentElement?.tagName&&e(this,Et,"m",xa).call(this))},ua=function(){if(e(this,It,"f")||!e(this,Et,"a",Xt)||e(this,Et,"a",Xt).readOnly||e(this,Et,"a",Xt).disabled)return;const t=e(this,Et,"m",wa).call(this);if(!e(this,Et,"a",Qt))return;if(a(this,It,document.createElement("m3e-option-panel"),"f"),e(this,It,"f").id=e(this,Mt,"f"),this.panelClass)for(const t of this.panelClass.split(/\s+/).map(e=>e.trim()).filter(Boolean))e(this,It,"f").classList.add(t);e(this,It,"f").style.overflowX="hidden",e(this,It,"f").scrollStrategy="reposition",e(this,It,"f").fitAnchorWidth=!0,e(this,It,"f").addEventListener("toggle",e(this,Ut,"f")),e(this,It,"f").addEventListener("pointerdown",e(this,jt,"f")),e(this,It,"f").addEventListener("pointerup",e(this,Yt,"f")),e(this,Et,"m",pa).call(this),e(this,Et,"m",va).call(this,e(this,It,"f"),t),(e(this,Et,"a",ea)??e(this,Et,"a",Xt)).insertAdjacentElement("afterend",e(this,It,"f")),e(this,Et,"a",Xt).setAttribute("aria-controls",e(this,Mt,"f")),e(this,Et,"a",Xt).setAttribute("aria-owns",e(this,Mt,"f")),e(this,Et,"a",ea)?.notifyControlStateChange(),this._listKeyManager.activeItem&&this.autoActivate&&e(this,Et,"m",fa).call(this,this._listKeyManager.activeItem,!0);const i=e(this,Et,"a",Xt);setTimeout(()=>e(this,It,"f")?.show(i,e(this,Et,"a",ea)?.menuAnchor))},pa=function(){if(!e(this,Pt,"f")||!e(this,It,"f"))return;const t=[...e(this,Pt,"f").childNodes];if(!e(this,Et,"a",Gt)&&this.noDataLabel){const e=document.createElement("span");e.slot="no-data",e.textContent=this.noDataLabel,t.push(e)}if(!e(this,Et,"a",Jt)&&this.loadingLabel){const e=document.createElement("span");e.slot="loading",e.textContent=this.loadingLabel,t.push(e)}e(this,It,"f").replaceChildren(...t)},va=function(e,t){x(e,"--loading",this.loading),x(e,"--no-data",0==t)},ba=function(){e(this,It,"f")?.hide()},fa=function(t,a=!1){if(e(this,Et,"a",Xt)&&(e(this,Et,"a",Xt).setAttribute("aria-activedescendant",t.id),e(this,It,"f"))){S(t,e(this,It,"f"),{block:"nearest",behavior:"instant"});const i=a||!e(this,Tt,"f")&&(e(this,Et,"a",Xt).matches(":focus-visible")||_());e(this,Et,"a",Zt).forEach(e=>{e===t&&i?(e.focusRing?.show(),e.stateLayer?.show("focused")):(e.focusRing?.hide(),e.stateLayer?.hide("focused"))})}},ga=async function(e){const t=this._options[this._listKeyManager.items.indexOf(e)];t&&(t.selected=e.selected,t.isUpdatePending&&await t.updateComplete)},ya=async function(t){t.selected||(t.selected=!0,await e(this,Et,"m",ga).call(this,t),t.isUpdatePending&&await t.updateComplete,this.requestUpdate(),this.isUpdatePending&&await this.updateComplete,e(this,Et,"a",Xt)&&(e(this,Et,"a",Xt).value=t.label),this.dispatchEvent(new Event("change",{bubbles:!0})),e(this,Et,"a",ea)?.notifyControlStateChange(!0))},$a=function(e,t,a,i){const o=this.caseSensitive?t.value:t.value.toLowerCase();switch(this.filter){case"starts-with":return e.term=i,e.highlightMode=this.filter,o.startsWith(a);case"ends-with":return e.term=i,e.highlightMode=this.filter,o.endsWith(a);case"contains":return e.term=i,e.highlightMode=this.filter,o.includes(a);case"none":return e.disableHighlight=!0,!0;default:return e.disableHighlight=!0,this.filter(t,i)}},wa=function(){if(!e(this,Et,"a",Xt))return 0;const t=e(this,Et,"a",Zt).filter(e=>!1===e.hidden).length,i=!this.loading&&e(this,At,"f");a(this,At,!1,"f");const o=e(this,Et,"a",Xt).value,r=this.caseSensitive?o:o.toLocaleLowerCase();let s,n=0,l=!1;for(let t=0;t<e(this,Et,"a",Zt).length;t++){const a=e(this,Et,"a",Zt)[t],i=this._options[t];a.hidden=!e(this,Et,"m",$a).call(this,a,i,r,o),!0===a.hidden?(e(this,Et,"m",Sa).call(this,a),k(a,"--first"),k(a,"--last")):(n++,l||a.parentElement instanceof Re?(k(a,"--first"),s&&k(s,"--last"),L(a,"--last"),s=a):(L(a,"--first"),l=!0,L(a,"--last"),s=a))}e(this,It,"f")&&e(this,Et,"m",va).call(this,e(this,It,"f"),n);const c=e(this,It,"f")?.querySelectorAll("m3e-optgroup")??e(this,Pt,"f")?.querySelectorAll("m3e-optgroup")??[];for(const e of c)e.hidden=[...e.querySelectorAll("m3e-option")].every(e=>!0===e.hidden);return i&&e(this,Et,"m",ka).call(this,t,n),e(this,Et,"m",Ca).call(this),n},xa=function(){const t=this._listKeyManager.items.filter(e=>e.selected);return t.length>0&&(t.forEach(t=>{t.selected=!1,e(this,Et,"m",ga).call(this,t)}),!0)},ka=function(t,a){if(e(this,Wt,"f"))if(0==a)t>0&&this.noDataLabel&&Pe.announce(this.noDataLabel,"polite");else if(t!=a){const e=this.resultsLabel instanceof Function?this.resultsLabel(a):this.resultsLabel;e&&Pe.announce(e,"polite")}},Ca=function(){if(this.autoActivate&&(!this._listKeyManager.activeItem||!this._listKeyManager.activeItem.selected)){const t=e(this,Et,"a",Zt).find(e=>!e.disabled&&!1===e.hidden);t&&(this._listKeyManager.setActiveItem(t),e(this,It,"f")&&S(t,e(this,It,"f"),{block:"nearest",behavior:"instant"}))}},Sa=function(t){t.focusRing?.hide(),t.stateLayer?.hide("focused"),t===this._listKeyManager.activeItem&&(this._listKeyManager.updateActiveItem(null),e(this,Et,"a",Xt)?.removeAttribute("aria-activedescendant"))},La.styles=o`:host { display: contents; } .options { display: none; }`,La.__nextId=0,t([m({attribute:"hide-selection-indicator",type:Boolean})],La.prototype,"hideSelectionIndicator",void 0),t([m({type:Boolean,reflect:!0})],La.prototype,"required",void 0),t([m({attribute:"auto-activate",type:Boolean})],La.prototype,"autoActivate",void 0),t([m({attribute:"case-sensitive",type:Boolean})],La.prototype,"caseSensitive",void 0),t([m({converter:{fromAttribute:e=>null===e?"contains":"starts-with"===e||"ends-with"===e||"contains"===e||"none"===e?e:"contains"}})],La.prototype,"filter",void 0),t([m({type:Boolean})],La.prototype,"loading",void 0),t([m({attribute:"hide-no-data",type:Boolean})],La.prototype,"hideNoData",void 0),t([m({attribute:"hide-loading",type:Boolean})],La.prototype,"hideLoading",void 0),t([m({attribute:"loading-label"})],La.prototype,"loadingLabel",void 0),t([m({attribute:"no-data-label"})],La.prototype,"noDataLabel",void 0),t([m({attribute:"results-label"})],La.prototype,"resultsLabel",void 0),t([m({attribute:"panel-class"})],La.prototype,"panelClass",void 0),La=_a=t([$("m3e-autocomplete")],La);let Ea=class extends r{render(){return s`<div class="base"><slot></slot></div>`}};var za,Ma,Pa,Ta,Ia,Da;Ea.styles=o`:host { display: inline-block; vertical-align: middle; aspect-ratio: 1 / 1; width: var(--m3e-avatar-size, 2.5rem); } .base { user-select: none; white-space: nowrap; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: var(--m3e-avatar-shape, ${v.shape.corner.full}); font-size: var(--m3e-avatar-font-size, ${v.typescale.standard.title.medium.fontSize}); font-weight: var(--m3e-avatar-font-weight, ${v.typescale.standard.title.medium.fontWeight}); line-height: var(--m3e-avatar-line-height, ${v.typescale.standard.title.medium.lineHeight}); letter-spacing: var(--m3e-avatar-tracking, ${v.typescale.standard.title.medium.tracking}); background-color: var(--m3e-avatar-color, ${v.color.primaryContainer}); color: var(--m3e-avatar-label-color, ${v.color.onPrimaryContainer}); } ::slotted(img) { display: block; margin: 0 auto; overflow: hidden; object-fit: cover; width: 100%; height: 100%; }`,Ea=t([$("m3e-avatar")],Ea);let Aa=class extends(b(r)){constructor(){super(...arguments),za.add(this),Ma.set(this,void 0),Pa.set(this,void 0),this.size="medium",this.position="above-after"}attach(t){super.attach(t),e(this,za,"m",Da).call(this)}detach(){super.detach(),e(this,za,"m",Ia).call(this)}connectedCallback(){super.connectedCallback(),a(this,Ma,qe.observe(()=>e(this,za,"m",Da).call(this)),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Ma,"f")?.call(this)}update(t){super.update(t),(t.has("position")||t.has("size")||t.has("htmlFor"))&&e(this,za,"m",Da).call(this)}render(){return s`<div class="base"><slot @slotchange="${e(this,za,"m",Ta)}"><span aria-hidden="true">&nbsp;</span></slot></div>`}};Ma=new WeakMap,Pa=new WeakMap,za=new WeakSet,Ta=function(){this.isConnected&&this.style.setProperty("--_badge-padding",this.textContent&&this.textContent.length>2?"0 "+("medium"===this.size?"0.25rem":"large"===this.size?"0.5rem":"0"):"")},Ia=function(){e(this,Pa,"f")?.call(this),a(this,Pa,void 0,"f")},Da=async function(){if(e(this,za,"m",Ia).call(this),!this.control)return;let t="top-end";switch(this.position){case"above":t="top";break;case"above-before":t="top-start";break;case"after":t="right";break;case"before":t="left";break;case"below":t="bottom";break;case"below-after":t="bottom-end";break;case"below-before":t="bottom-start"}a(this,Pa,await Ne(this,this.control,{position:t},(e,t)=>{this.position.includes("before")&&"before"!==this.position&&("rtl"===qe.current?e+=this.clientWidth:e-=this.clientWidth),this.position.includes("after")&&"after"!==this.position&&("rtl"===qe.current?e-=this.clientWidth:e+=this.clientWidth),this.style.left=`${e}px`,this.style.top=`${t}px`}),"f")},Aa.styles=o`:host { display: inline-block; vertical-align: baseline; } .base { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; vertical-align: baseline; box-sizing: border-box; user-select: none; padding: var(--_badge-padding); border-radius: var(--m3e-badge-shape, ${v.shape.corner.full}); color: var(--m3e-badge-color, ${v.color.onError}); background-color: var(--m3e-badge-container-color, ${v.color.error}); } :host([for]) { position: absolute; z-index: 1; } :host([for][position="above"]) { transform: translateY(var(--_badge-offset, 0px)); } :host([for][position="above-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="above-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="below"]) { transform: translateY(calc(0px - var(--_badge-offset, 0px))); } :host([for][position="below-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="before"]:not(:dir(rtl))), :host([for][position="after"]:dir(rtl)) { transform: translateX(var(--_badge-offset, 0px)); } :host([for][position="before"]:dir(rtl)), :host([for][position="after"]:not(:dir(rtl))) { transform: translateX(calc(0px - var(--_badge-offset, 0px))); } :host([size="small"]) { height: var(--m3e-badge-small-size, 0.375rem); max-height: var(--m3e-badge-small-size, 0.375rem); width: var(--m3e-badge-small-size, 0.375rem); min-width: var(--m3e-badge-small-size, 0.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.375rem); } :host([size="small"]) .base { font-size: 0; } :host([size="medium"]) { height: var(--m3e-badge-medium-size, 1.375rem); min-width: var(--m3e-badge-medium-size, 1.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.75rem); } :host([size="medium"]) .base { font-size: var(--m3e-badge-medium-font-size, ${v.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-badge-medium-font-weight, ${v.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-badge-medium-line-height, ${v.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-badge-medium-tracking, ${v.typescale.standard.label.small.tracking}); } :host([size="large"]) { height: var(--m3e-badge-large-size, 1.75rem); min-width: var(--m3e-badge-large-size, 1.75rem); --_badge-offset: var(--m3e-badge-small-offset, 1rem); } :host([size="large"]) .base { font-size: var(--m3e-badge-large-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-badge-large-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-badge-large-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-badge-large-tracking, ${v.typescale.standard.label.large.tracking}); } @media (forced-colors: active) { .base { background-color: ButtonFace; color: ButtonText; outline: 1px solid ButtonText; } }`,t([m({reflect:!0})],Aa.prototype,"size",void 0),t([m({reflect:!0})],Aa.prototype,"position",void 0),Aa=t([$("m3e-badge")],Aa);let Wa=class extends E{_onClick(){this.closest("m3e-bottom-sheet")?.hide()}};var Ha,Oa,Ba,Fa,Va,Ra,qa,Na,Ua,ja,Ya,Ka,Za,Xa,Ga,Ja,Qa,ei,ti,ai,ii,oi,ri,si,ni,li,ci,di,hi,mi,ui,pi,vi,bi,fi,gi,yi,$i;Wa=t([$("m3e-bottom-sheet-action")],Wa);let wi=$i=class extends(z(M(P(r)))){constructor(){super(...arguments),Ha.add(this),Oa.set(this,t=>e(this,Ha,"m",ii).call(this,t)),Ba.set(this,t=>e(this,Ha,"m",oi).call(this,t)),Fa.set(this,()=>e(this,Ha,"m",ri).call(this)),Va.set(this,new T),Ra.set(this,new I(this)),qa.set(this,new D(this)),Na.set(this,new A(this,{target:null,skipInitial:!0,callback:t=>e(this,Ha,"m",bi).call(this,t)})),Ua.set(this,null),ja.set(this,void 0),Ya.set(this,!1),Ka.set(this,0),Za.set(this,void 0),Xa.set(this,0),Ga.set(this,0),Ja.set(this,void 0),this.modal=!1,this.open=!1,this.handle=!1,this.handleLabel="Drag handle",this.detents=[],this.detent=0,this.hideable=!1,this.hideFriction=.5,this.overshootLimit=4}show(t=this.detent){this.open?void 0!==t&&e(this,Ka,"f")!==t&&e(this,Ha,"m",fi).call(this,t):(a(this,Za,t,"f"),this.open=!0)}hide(){this.open=!1}toggle(e){this.open?this.hide():this.show(e)}cycle(){var t;this.open?this.detents.length>0?e(this,Ka,"f")<this.detents.length-1?(a(this,Ka,(t=e(this,Ka,"f"),++t),"f"),e(this,Ha,"m",fi).call(this,e(this,Ka,"f"))):this.hideable&&this.hide():this.hide():this.show()}update(e){super.update(e),e.has("modal")&&(this.role=this.modal?"dialog":"region",this.ariaModal=this.modal?"true":null,this.popover=this.modal?"manual":null)}reconnectedCallback(){super.reconnectedCallback(),e(this,Ha,"m",Qa).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,Ha,"m",Qa).call(this)}updated(t){if(super.updated(t),t.has("open")){if(this.open){if(!this.dispatchEvent(new Event("opening",{cancelable:!0})))return void(this.open=!1);$i.__openSheet!==this&&$i.__openSheet?.hide(),$i.__openSheet=this,this.inert=!1,window.addEventListener("resize",e(this,Fa,"f")),this.detents.length>0?(a(this,Ka,Math.min(Math.max(0,e(this,Za,"f")??this.detent),this.detents.length-1),"f"),e(this,Ha,"m",yi).call(this,e(this,Ha,"m",hi).call(this,this.detents[e(this,Ka,"f")]))):e(this,Ha,"m",yi).call(this,Math.min(e(this,Ha,"m",hi).call(this,"fit"),e(this,Ha,"m",hi).call(this,"half"))),a(this,Za,void 0,"f")}else{if(!this.dispatchEvent(new Event("closing",{cancelable:!0})))return void(this.open=!0);requestAnimationFrame(()=>this.inert=!0),window.removeEventListener("resize",e(this,Fa,"f")),$i.__openSheet===this&&($i.__openSheet=void 0)}if(this.modal)if(this.open){a(this,Ua,document.activeElement,"f"),e(this,qa,"f").lock(),e(this,Ra,"f").lock(),this.showPopover(),requestAnimationFrame(()=>{document.addEventListener("click",e(this,Oa,"f")),document.addEventListener("keydown",e(this,Ba,"f"))});let t=this.querySelector("[autofocus]");t&&Te.isFocusable(t)||(t=this.shadowRoot?.querySelector(".handle")),t&&W(t)}else e(this,Ha,"m",gi).call(this,0).then(()=>{e(this,qa,"f").unlock(),e(this,Ra,"f").unlock(),document.removeEventListener("click",e(this,Oa,"f")),document.removeEventListener("keydown",e(this,Ba,"f")),this.hidePopover(),e(this,Ua,"f")instanceof HTMLElement&&e(this,Ua,"f").focus(),a(this,Ua,null,"f")});this.dispatchEvent(new Event(this.open?"opened":"closed"))}}render(){return s`<m3e-focus-trap ?disabled="${!this.modal}"><div class="base"><m3e-elevation class="elevation"></m3e-elevation><div class="header" @pointerdown="${e(this,Ha,"m",ei)}" @pointermove="${e(this,Ha,"m",ti)}" @pointerup="${e(this,Ha,"m",ai)}">${this.handle?s`<div class="handle-row"><div id="handle" class="handle" role="button" aria-label="${this.handleLabel}" tabindex="0" @click="${e(this,Ha,"m",si)}" @keydown="${e(this,Ha,"m",ni)}"><m3e-focus-ring class="focus-ring" for="handle"></m3e-focus-ring><div class="handle-touch" aria-hidden="true"></div></div></div>`:n}<slot name="header"></slot></div><div class="body"><div class="content"><slot></slot></div></div></div></m3e-focus-trap>`}};Oa=new WeakMap,Ba=new WeakMap,Fa=new WeakMap,Va=new WeakMap,Ra=new WeakMap,qa=new WeakMap,Na=new WeakMap,Ua=new WeakMap,ja=new WeakMap,Ya=new WeakMap,Ka=new WeakMap,Za=new WeakMap,Xa=new WeakMap,Ga=new WeakMap,Ja=new WeakMap,Ha=new WeakSet,Qa=function(){const t=this.shadowRoot?.querySelector(".content");t&&(a(this,Xa,t.clientHeight,"f"),e(this,Na,"f").observe(t));const i=this.shadowRoot?.querySelector(".header");i&&(a(this,Ga,i.clientHeight,"f"),e(this,Na,"f").observe(i))},ei=function(t){if(t.target instanceof HTMLElement&&Te.isFocusable(t.target))return;t.target.setPointerCapture(t.pointerId),t.target.style.cursor="grabbing",e(this,Va,"f").reset(),e(this,Va,"f").add(t.clientY);const i=e(this,Ha,"m",mi).call(this),o=this.detents.length>0?Math.max(...this.detents.map(t=>e(this,Ha,"m",hi).call(this,t))):i;a(this,ja,{startY:t.clientY,startHeight:this.clientHeight,effectiveMaxHeight:o,maxHeight:i,minHeight:e(this,Ha,"m",ui).call(this)},"f"),a(this,Ya,!1,"f")},ti=function(t){if(!e(this,ja,"f"))return;if(Math.abs(t.clientY-e(this,ja,"f").startY)<=8)return;(t.getCoalescedEvents?.()??[t]).forEach(a=>e(this,Va,"f").add(a.clientY,t.timeStamp));let i=e(this,ja,"f").startHeight-(t.clientY-e(this,ja,"f").startY);if(i<e(this,ja,"f").minHeight)if(this.hideable){const t=(e(this,ja,"f").minHeight-i)*this.hideFriction;i=e(this,ja,"f").minHeight-t}else{const t=e(this,ja,"f").minHeight-i,a=e(this,ja,"f").maxHeight*(this.overshootLimit/100),o=a*t/(t+a);i=e(this,ja,"f").minHeight-o}else if(i>e(this,ja,"f").effectiveMaxHeight){const t=i-e(this,ja,"f").effectiveMaxHeight,a=e(this,ja,"f").maxHeight*(this.overshootLimit/100),o=a*t/(t+a);i=e(this,ja,"f").effectiveMaxHeight+o}e(this,Ha,"m",yi).call(this,i),a(this,Ya,!0,"f")},ai=function(t){if(e(this,ja,"f"))try{if(t.target.releasePointerCapture(t.pointerId),t.target.style.cursor="",!e(this,Ya,"f"))return;const a="touch"===t.pointerType?1200:500,i=e(this,Va,"f").getVelocity();if(e(this,Va,"f").reset(),this.hideable&&i>=a)this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide();else if(Math.abs(i)>=a)if(this.detents.length>0){const t=e(this,Ha,"m",li).call(this);t!==e(this,Ka,"f")&&e(this,Ha,"m",fi).call(this,t)}else e(this,Ha,"m",gi).call(this,e(this,Ha,"m",hi).call(this,"full"));else{const t=20;if(this.hideable){const a=e(this,ja,"f").minHeight;if(this.clientHeight<a-t)return void this.hide()}this.detents.length>0?e(this,Ha,"m",fi).call(this,e(this,Ha,"m",di).call(this)):this.clientHeight<e(this,ja,"f").minHeight?e(this,Ha,"m",gi).call(this,e(this,ja,"f").minHeight):this.clientHeight>e(this,ja,"f").effectiveMaxHeight&&e(this,Ha,"m",gi).call(this,e(this,ja,"f").effectiveMaxHeight)}}finally{a(this,ja,void 0,"f")}},ii=function(e){this.open&&this.modal&&!e.composedPath().includes(this)&&this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide()},oi=function(e){this.open&&this.modal&&"Escape"===e.key&&!e.shiftKey&&!e.ctrlKey&&(e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},ri=function(){if(this.detents.length>0&&"half"===this.detents[e(this,Ka,"f")])return void e(this,Ha,"m",yi).call(this,e(this,Ha,"m",hi).call(this,"half"));const t=e(this,Ha,"m",mi).call(this);(H(this,"--full")||this.clientHeight>t)&&e(this,Ha,"m",yi).call(this,t)},si=function(){e(this,Ya,"f")||this.cycle(),a(this,Ya,!1,"f")},ni=function(t){if(!t.defaultPrevented&&Ie(t))switch(t.key){case"Up":case"ArrowUp":if(t.preventDefault(),this.detents.length>0){const t=e(this,Ha,"m",li).call(this);t!==e(this,Ka,"f")&&e(this,Ha,"m",fi).call(this,t)}else e(this,Ha,"m",gi).call(this,e(this,Ha,"m",hi).call(this,"full"));break;case"Down":case"ArrowDown":if(t.preventDefault(),this.detents.length>0){const t=e(this,Ha,"m",ci).call(this);t!==e(this,Ka,"f")?e(this,Ha,"m",fi).call(this,t):this.hideable&&this.hide()}else this.hideable&&this.hide()}},li=function(){const t=this.clientHeight;let a=1/0,i=e(this,Ka,"f");for(let o=0;o<this.detents.length;o++){if(o===e(this,Ka,"f"))continue;const r=e(this,Ha,"m",hi).call(this,this.detents[o]);r>t&&r<a&&(a=r,i=o)}return i},ci=function(){const t=this.clientHeight;let a=-1/0,i=e(this,Ka,"f");for(let o=0;o<this.detents.length;o++){if(o===e(this,Ka,"f"))continue;const r=e(this,Ha,"m",hi).call(this,this.detents[o]);r<t&&r>a&&(a=r,i=o)}return i},di=function(){const t=this.clientHeight;let a=e(this,Ka,"f"),i=1/0;for(let o=0;o<this.detents.length;o++){const r=e(this,Ha,"m",hi).call(this,this.detents[o]),s=Math.abs(t-r);s<i&&(i=s,a=o)}return a},hi=function(t){switch(t){case"collapsed":return e(this,Ha,"m",ui).call(this);case"half":return.5*e(this,Ha,"m",mi).call(this);case"full":return e(this,Ha,"m",mi).call(this);case"fit":return e(this,Ha,"m",vi).call(this)}return t.endsWith("%")?e(this,Ha,"m",mi).call(this)*(parseFloat(t)/100):t.endsWith("px")?parseFloat(t):e(this,Ha,"m",ui).call(this)},mi=function(){const e=this.shadowRoot?.querySelector(".base");return window.innerHeight-(e?O(e,"var(--_bottom-sheet-top-space)"):0)},ui=function(){return this.detents.includes("fit")&&!this.detents.includes("collapsed")?e(this,Ha,"m",vi).call(this):e(this,Ha,"m",pi).call(this)},pi=function(){const t=this.shadowRoot?.querySelector(".base");return e(this,Ga,"f")+(t?O(t,"var(--_bottom-sheet-peek-height)"):0)},vi=function(){const t=this.shadowRoot?.querySelector(".body");if(!t)return 0;const a=getComputedStyle(t);return e(this,Ga,"f")+e(this,Xa,"f")+parseFloat(a.paddingBlockStart)+parseFloat(a.paddingBlockEnd)},bi=function(t){const i=e(this,Xa,"f"),o=e(this,Ga,"f");for(const e of t)e.target.classList.contains("content")?a(this,Xa,(Array.isArray(e.borderBoxSize)?e.borderBoxSize[0]:e.borderBoxSize).blockSize,"f"):e.target.classList.contains("header")&&a(this,Ga,(Array.isArray(e.borderBoxSize)?e.borderBoxSize[0]:e.borderBoxSize).blockSize,"f");if(this.open&&this.detents.length>0&&(i!==e(this,Xa,"f")||o!==e(this,Ga,"f")))switch(this.detents[e(this,Ka,"f")]){case"fit":e(this,Ha,"m",yi).call(this,e(this,Ha,"m",vi).call(this));break;case"collapsed":e(this,Ha,"m",yi).call(this,e(this,Ha,"m",ui).call(this))}},fi=function(t){t>=0&&t<this.detents.length&&(a(this,Ka,t,"f"),e(this,Ha,"m",gi).call(this,e(this,Ha,"m",hi).call(this,this.detents[t])))},gi=async function(t){e(this,Ja,"f")&&(e(this,Ha,"m",yi).call(this,this.clientHeight),e(this,Ja,"f")?.cancel(),a(this,Ja,void 0,"f")),C()?e(this,Ha,"m",yi).call(this,t):(a(this,Ja,this.animate([{"--_bottom-sheet-height":`${this.clientHeight}px`},{"--_bottom-sheet-height":`${t}px`}],{duration:250,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"}),"f"),e(this,Ja,"f").onfinish=()=>{e(this,Ha,"m",yi).call(this,t),a(this,Ja,void 0,"f")},await e(this,Ja,"f").finished)},yi=function(t){this.style.setProperty("--_bottom-sheet-height",`${t}px`),x(this,"--full",t===e(this,Ha,"m",mi).call(this));const a=this.shadowRoot?.querySelector(".content");a&&(a.inert=t<=e(this,Ha,"m",pi).call(this))},B(o`@property --_bottom-sheet-height { syntax: "<length>"; inherits: false; initial-value: 50vh; } m3e-bottom-sheet > [slot="header"] { margin-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); margin-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); }</length>`),wi.styles=o`:host { display: block; position: fixed; left: 50%; top: calc(100vh - var(--_bottom-sheet-height)); margin: 0; padding: 0; outline: none; overflow: hidden; border: none; box-sizing: border-box; width: var(--m3e-bottom-sheet-width, 100%); max-width: var(--m3e-bottom-sheet-max-width, 40rem); height: var(--_bottom-sheet-height); color: var(--m3e-bottom-sheet-color, ${v.color.onSurface}); background-color: var(--m3e-bottom-sheet-container-color, ${v.color.surfaceContainerLow}); } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`transform ${v.motion.duration.medium2} ${v.motion.easing.standardDecelerate},\n        border-radius ${v.motion.duration.medium2} ${v.motion.easing.standard}`)}; } :host(:not([modal]):not(:is(:state(--full), :--full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-elevation, ${v.elevation.level1}); } :host([modal]:not(:is(:state(--full), :--full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-modal-elevation, ${v.elevation.level1}); } :host(:is(:state(--full), :--full)) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-full-elevation, ${v.elevation.level1}); } :host(:not([modal])) { z-index: var(--m3e-bottom-sheet-z-index, 10); } :host(:not([modal]):not([open])), :host([modal]:not(:popover-open)) { border-radius: var(--m3e-bottom-sheet-minimized-container-shape, ${v.shape.corner.none}); transform: translateX(-50%) translateY(100%); } :host(:not([modal])[open]:not(:is(:state(--full), :--full))), :host([modal]:not(:is(:state(--full), :--full)):popover-open) { border-radius: var(--m3e-bottom-sheet-container-shape, ${v.shape.corner.extraLargeTop}); } :host(:not([modal])[open]:is(:state(--full), :--full)), :host([modal]:is(:state(--full), :--full):popover-open) { border-radius: var(--m3e-bottom-sheet-full-container-shape, ${v.shape.corner.extraLargeTop}); } :host(:not([modal])[open]), :host([modal]:popover-open) { transform: translateX(-50%) translateY(0); } :host([modal]:not(:is(:state(--no-animate), :--no-animate)))::backdrop { transition: ${i(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${v.color.scrim}) var(--m3e-bottom-sheet-scrim-opacity, 32%), transparent ); } :host([modal]:popover-open:not(:is(:state(--no-animate), :--no-animate)))::backdrop { transition: ${i(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${v.color.scrim}) 0%, transparent ); } } .base { display: flex; border-radius: inherit; flex-direction: column; height: 100%; --_bottom-sheet-peek-height: var(--m3e-bottom-sheet-peek-height, 0); --_bottom-sheet-top-space: var(--m3e-bottom-sheet-compact-top-space, 4.5rem); } @media (max-height: 640px) { .base { --_bottom-sheet-top-space: var(--m3e-bottom-sheet-top-space, 3.5rem); } } .body { flex: 1 1 auto; overflow-y: auto; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; padding-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); padding-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); font-size: var(--m3e-bottom-sheet-content-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var( --m3e-bottom-sheet-content-font-weight, ${v.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-bottom-sheet-content-line-height, ${v.typescale.standard.body.medium.lineHeight} ); letter-spacing: var(--m3e-bottom-sheet-content-tracking, ${v.typescale.standard.body.medium.tracking}); } .content { height: fit-content; } :host(:not([handle])) .header { display: none; } :host(:not([handle])) .body, .header { border-top-left-radius: inherit; border-top-right-radius: inherit; padding-block-start: var(--m3e-bottom-sheet-padding-block, 0.5rem); font-size: var(--m3e-bottom-sheet-header-font-size, ${v.typescale.standard.title.large.fontSize}); font-weight: var(--m3e-bottom-sheet-header-font-weight, ${v.typescale.standard.title.large.fontWeight}); line-height: var(--m3e-bottom-sheet-header-line-height, ${v.typescale.standard.title.large.lineHeight}); letter-spacing: var(--m3e-bottom-sheet-header-tracking, ${v.typescale.standard.title.large.tracking}); } .header { cursor: grab; touch-action: none; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; flex: none; display: flex; flex-direction: column; min-height: 3rem; --m3e-app-bar-container-color: var(--m3e-bottom-sheet-container-color, ${v.color.surfaceContainerLow}); } .handle-row { position: relative; flex: none; display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; height: var(--m3e-bottom-sheet-handle-container-height, 1.5rem); } :host(:not(:is(:state(--no-animate), :--no-animate))) .handle-row { transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard},\n        padding ${v.motion.duration.short3} ${v.motion.easing.standard},\n        height ${v.motion.duration.short3} ${v.motion.easing.standard},\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } .handle { position: relative; width: var(--m3e-bottom-sheet-handle-width, 2rem); height: var(--m3e-bottom-sheet-handle-height, 4px); border-radius: var(--m3e-bottom-sheet-handle-shape, ${v.shape.corner.full}); background-color: var(--m3e-bottom-sheet-handle-color, ${v.color.onSurfaceVariant}); } .handle-touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); right: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); top: calc( 0px - calc( calc(3rem - var(--m3e-bottom-sheet-handle-container-height, 1.5rem)) - calc( var(--m3e-bottom-sheet-handle-height, 4px) / 2 ) ) ); } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))), :host([modal]:not(:is(:state(--no-animate), :--no-animate)))::backdrop, :host([modal]:popover-open:not(:is(:state(--no-animate), :--no-animate)))::backdrop, :host(:not(:is(:state(--no-animate), :--no-animate))) .handle-row { transition: none; } } @media (forced-colors: active) { :host([modal]:not(:is(:state(--no-animate), :--no-animate)))::backdrop, :host([modal]:popover-open:not(:is(:state(--no-animate), :--no-animate)))::backdrop { transition: none; } .base { border-style: solid; border-width: 1px; border-color: CanvasText; } .handle { background-color: ButtonText; } }`,t([m({type:Boolean,reflect:!0})],wi.prototype,"modal",void 0),t([m({type:Boolean,reflect:!0})],wi.prototype,"open",void 0),t([m({type:Boolean})],wi.prototype,"handle",void 0),t([m({attribute:"handle-label"})],wi.prototype,"handleLabel",void 0),t([m({attribute:"detents",converter:F})],wi.prototype,"detents",void 0),t([m({type:Number})],wi.prototype,"detent",void 0),t([m({type:Boolean,reflect:!0})],wi.prototype,"hideable",void 0),t([m({attribute:"hide-friction",type:Number})],wi.prototype,"hideFriction",void 0),t([m({attribute:"overshoot-limit",type:Number})],wi.prototype,"overshootLimit",void 0),wi=$i=t([$("m3e-bottom-sheet")],wi);let xi=class extends(b(E)){constructor(){super(...arguments),this.secondary=!1}attach(e){e instanceof wi&&(super.attach(e),this.parentElement&&(e.modal?this.parentElement.ariaHasPopup="dialog":this.secondary||(this.parentElement.ariaExpanded="false",De(this.parentElement,"aria-controls",e.id),this.parentElement.id&&De(e,"aria-labelledby",this.parentElement.id))))}detach(){this.control&&this.parentElement&&!this.secondary&&Ae(this.parentElement,"aria-controls",this.control.id),super.detach()}_onClick(){this.control instanceof wi&&(this.control.modal?this.control.show(this.detent):(this.control.toggle(this.detent),!this.secondary&&this.parentElement&&(this.parentElement.ariaExpanded=`${this.control.open}`)))}};var ki,Ci,Si,_i,Li;t([m({type:Number})],xi.prototype,"detent",void 0),t([m({type:Boolean})],xi.prototype,"secondary",void 0),xi=t([$("m3e-bottom-sheet-trigger")],xi);let Ei=class extends(f(r,"navigation")){constructor(){super(...arguments),ki.add(this),Ci.set(this,[]),this.wrap=!1}render(){return s`<div class="base" role="list"><slot @slotchange="${e(this,ki,"m",Si)}"></slot><slot name="separator" @slotchange="${e(this,ki,"m",_i)}"></slot></div>`}};function zi(e){const t=e.assignedElements({flatten:!0});if(1===t.length){const e=t[0].getBoundingClientRect();return e.width<=28&&e.height<=28}return!1}var Mi,Pi,Ti,Ii;Ci=new WeakMap,ki=new WeakSet,Si=function(){const t=this.querySelectorAll("m3e-breadcrumb-item");for(let a=0;a<t.length;a++){const i=t[a];a<t.length-1?i.removeAttribute("current"):i.hasAttribute("current")||i.setAttribute("current","page"),e(this,ki,"m",Li).call(this,i)}},_i=function(t){a(this,Ci,t.target.assignedElements({flatten:!0}),"f"),this.querySelectorAll("m3e-breadcrumb-item").forEach(t=>e(this,ki,"m",Li).call(this,t))},Li=function(t){t._setSeparator(e(this,Ci,"f").map(e=>{const t=e.cloneNode(!0);return t.part="separator",t}))},Ei.styles=o`:host { display: block; } .base { display: flex; align-items: center; } :host([wrap]) .base { flex-wrap: wrap; } slot[name="separator"] { display: none; }`,t([m({type:Boolean,reflect:!0})],Ei.prototype,"wrap",void 0),Ei=t([$("m3e-breadcrumb")],Ei);let Di=class extends(V(R(q(N(P(f(r,"button"),!0)))))){constructor(){super(...arguments),Mi.add(this),Pi.set(this,t=>e(this,Mi,"m",Ii).call(this,t))}connectedCallback(){this.addEventListener("click",e(this,Pi,"f")),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Pi,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){super.update(e),(e.has("disabled")||e.has("current"))&&(this.ariaDisabled=this.disabled&&!this.current?"true":null),e.has("current")&&(this.current?this.role=null:this.hasAttribute("href")?this.role="link":this.role="button")}render(){return s`<div class="base" aria-current="${je(this.current)}">${this.current?n:s`<m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple>${this[U]()}`}<slot class="icon" name="icon" aria-hidden="true"></slot><m3e-text-overflow class="overflow"><slot @slotchange="${e(this,Mi,"m",Ti)}"></slot></m3e-text-overflow>${this.current?n:s`<div class="touch" aria-hidden="true"></div>`}</div>`}};var Ai,Wi,Hi,Oi,Bi,Fi;Pi=new WeakMap,Mi=new WeakSet,Ti=function(e){x(this,"--icon-only",zi(e.target))},Ii=function(e){this.current&&this.href&&e.preventDefault()},Di.styles=o`:host { display: block; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: flex; align-items: center; justify-content: center; position: relative; border-radius: var(--m3e-breadcrumb-item-shape, ${v.shape.corner.full}); height: calc(var(--m3e-breadcrumb-item-container-height, 2.5rem) + ${v.density.calc(-3)}); column-gap: var(--m3e-breadcrumb-item-icon-label-space, 0.5rem); } .icon { font-size: var(--m3e-breadcrumb-item--icon-size, 1.25rem); --m3e-icon-size: var(--m3e-breadcrumb-item--icon-size, 1.25rem); } ::slotted([slot="icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]) { width: 1em; height: 1em; } :host(:is(:state(--icon-only), :--icon-only)) .overflow { flex: none; } :host(:not(:is(:state(--icon-only), :--icon-only))), :host(:not(:is(:state(--icon-only), :--icon-only))) .base { min-width: 0; } :host(:is(:state(--icon-only), :--icon-only):not([current]):not(:disabled)) .base { color: var(--m3e-breadcrumb-item-icon-color, ${v.color.onSurfaceVariant}); } :host(:is(:state(--icon-only), :--icon-only)) .base { width: calc(var(--m3e-breadcrumb-item-container-height, 2.5rem) + ${v.density.calc(-3)}); padding-inline: var(--m3e-breadcrumb-item-icon-padding-inline, 0px); --m3e-state-layer-hover-color: var( --m3e-breadcrumb-item-icon-hover-state-layer-color, ${v.color.onSurface} ); --m3e-state-layer-focus-color: var( --m3e-breadcrumb-item-icon-focus-state-layer-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-breadcrumb-item-icon-pressed-state-layer-color, ${v.color.onSurface}); } :host(:not(:is(:state(--icon-only), :--icon-only)):not([current]):not(:disabled)) .base { color: var(--m3e-breadcrumb-item-label-color, ${v.color.primary}); } :host(:not(:is(:state(--icon-only), :--icon-only))) .base { font-size: var(--m3e-breadcrumb-item-label-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-breadcrumb-item-label-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-breadcrumb-item-label-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var(--m3e-breadcrumb-item-label-tracking, ${v.typescale.standard.label.large.tracking}); } :host(:not(:is(:state(--icon-only), :--icon-only))) .base { padding-inline: var(--m3e-breadcrumb-item-label-padding-inline, 0.75rem); --m3e-state-layer-hover-color: var( --m3e-breadcrumb-item-label-hover-state-layer-color, ${v.color.primary} ); --m3e-state-layer-focus-color: var( --m3e-breadcrumb-item-label-focus-state-layer-color, ${v.color.primary} ); --m3e-ripple-color: var(--m3e-breadcrumb-item-label-pressed-state-layer-color, ${v.color.primary}); } :host([current]) .base { color: var(--m3e-breadcrumb-item-last-color, ${v.color.onSurface}); } :host(:not(:disabled):not([current])) { cursor: pointer; user-select: none; } :host(:disabled:not([current])) .base { color: color-mix( in srgb, var(--m3e-breadcrumb-item-disabled-color, ${v.color.onSurface}) var(--m3e-breadcrumb-item-disabled-opacity, 38%), transparent ); } .touch { position: absolute; height: 3rem; width: max(3rem, 100%); margin: auto; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { :host(:is(:state(--icon-only), :--icon-only):not([current]):not(:disabled)) .base, :host(:not(:is(:state(--icon-only), :--icon-only)):not([current]):not(:disabled)) .base { color: LinkText; outline: 1px solid LinkText; } :host(:disabled) .base { color: GrayText; } }`,t([h(".focus-ring")],Di.prototype,"_focusRing",void 0),t([h(".state-layer")],Di.prototype,"_stateLayer",void 0),t([h(".ripple")],Di.prototype,"_ripple",void 0),t([m({reflect:!0})],Di.prototype,"current",void 0),Di=t([$("m3e-breadcrumb-item-button")],Di);let Vi=class extends(R(P(f(r,"listitem")),!0)){constructor(){super(...arguments),Ai.add(this),Wi.set(this,void 0),this.itemLabel="",this.disabled=!1}focus(e){this._button?.focus(e)}blur(){this._button?.blur()}click(){this._button?.click()}updated(t){super.updated(t),t.has("current")&&e(this,Ai,"m",Fi).call(this)}render(){return s`<div class="base"><m3e-breadcrumb-item-button class="button" aria-label="${je(this.itemLabel||void 0)}" ?disabled="${this.disabled}" current="${je(this.current)}" href="${je(this.href||void 0)}" target="${je(this.target||void 0)}" download="${je(this.download||void 0)}" rel="${je(this.rel||void 0)}"><slot name="icon" slot="icon" @slotchange="${e(this,Ai,"m",Oi)}"></slot><slot @slotchange="${e(this,Ai,"m",Bi)}"></slot></m3e-breadcrumb-item-button>${e(this,Ai,"m",Hi).call(this)}</div>`}_setSeparator(t){const i=this.shadowRoot?.querySelector(".separator");i&&(t.length>0?(!e(this,Wi,"f")&&i.firstElementChild&&a(this,Wi,i.firstElementChild,"f"),i.replaceChildren(...t)):e(this,Wi,"f")&&(i.replaceChildren(e(this,Wi,"f")),a(this,Wi,void 0,"f")))}};Wi=new WeakMap,Ai=new WeakSet,Hi=function(){return this.current?n:s`<div class="separator" aria-hidden="true"><svg class="separator-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg></div>`},Oi=function(){e(this,Ai,"m",Fi).call(this)},Bi=function(t){x(this,"--icon-only",zi(t.target)),e(this,Ai,"m",Fi).call(this)},Fi=function(){this.querySelectorAll("m3e-icon").forEach(e=>e.filled=void 0!==this.current&&null!==this.current)},Vi.styles=o`:host { display: block; } .base { display: flex; align-items: center; height: 100%; } :host(:not(:is(:state(--icon-only), :--icon-only))[current]), :host(:not(:is(:state(--icon-only), :--icon-only))[current]) .base { min-width: 0; } .button { flex: 1 1 auto; } .separator { flex: none; display: flex; justify-content: center; align-items: center; min-width: 0.5rem; --m3e-icon-size: var(--m3e-breadcrumb-separator-icon-size, 1.5rem); } .separator-icon { width: 1em; height: 1em; font-size: var(--m3e-icon-size); vertical-align: middle; }`,t([h(".button")],Vi.prototype,"_button",void 0),t([m({attribute:"item-label"})],Vi.prototype,"itemLabel",void 0),t([m({type:Boolean,reflect:!0})],Vi.prototype,"disabled",void 0),t([m({reflect:!0})],Vi.prototype,"current",void 0),Vi=t([$("m3e-breadcrumb-item")],Vi);const Ri={"extra-small":{containerHeight:i(`calc(var(--m3e-button-extra-small-container-height, var(--m3e-button-container-height, 2rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-button-extra-small-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:i(`var(--m3e-button-extra-small-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.label.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-extra-small-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-extra-small-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-extra-small-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.label.large.tracking}))`),iconSize:i("var(--m3e-button-extra-small-icon-size, var(--m3e-button-icon-size, 1.25rem))"),shapeRound:i(`var(--m3e-button-extra-small-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-extra-small-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.medium}))`),selectedShapeRound:i(`var(--m3e-button-extra-small-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.medium}))`),selectedShapeSquare:i(`var(--m3e-button-extra-small-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-extra-small-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.small}))`),leadingSpace:i("var(--m3e-button-extra-small-leading-space, var(--m3e-button-leading-space, 0.75rem))"),trailingSpace:i("var(--m3e-button-extra-small-trailing-space, var(--m3e-button-trailing-space, 0.75rem))"),iconLabelSpace:i("var(--m3e-button-extra-small-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},small:{containerHeight:i(`calc(var(--m3e-button-small-container-height, var(--m3e-button-container-height, 2.5rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-button-small-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:i(`var(--m3e-button-small-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.label.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-small-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-small-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-small-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.label.large.tracking}))`),iconSize:i("var(--m3e-button-small-icon-size, var(--m3e-button-icon-size, 1.25rem))"),shapeRound:i(`var(--m3e-button-small-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-small-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.medium}))`),selectedShapeRound:i(`var(--m3e-button-small-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.medium}))`),selectedShapeSquare:i(`var(--m3e-button-small-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-small-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.small}))`),leadingSpace:i("var(--m3e-button-small-leading-space, var(--m3e-button-leading-space, 1rem))"),trailingSpace:i("var(--m3e-button-small-trailing-space, var(--m3e-button-trailing-space, 1rem))"),iconLabelSpace:i("var(--m3e-button-small-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},medium:{containerHeight:i(`calc(var(--m3e-button-medium-container-height, var(--m3e-button-container-height, 3.5rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-button-medium-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:i(`var(--m3e-button-medium-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.body.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-medium-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.body.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-medium-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.body.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-medium-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.body.large.tracking}))`),iconSize:i("var(--m3e-button-medium-icon-size, var(--m3e-button-icon-size, 1.5rem))"),shapeRound:i(`var(--m3e-button-medium-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-medium-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.large}))`),selectedShapeRound:i(`var(--m3e-button-medium-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.large}))`),selectedShapeSquare:i(`var(--m3e-button-medium-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-medium-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.medium}))`),leadingSpace:i("var(--m3e-button-medium-leading-space, var(--m3e-button-leading-space, 1.5rem))"),trailingSpace:i("var(--m3e-button-medium-trailing-space, var(--m3e-button-trailing-space, 1.5rem))"),iconLabelSpace:i("var(--m3e-button-medium-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},large:{containerHeight:i(`calc(var(--m3e-button-large-container-height, var(--m3e-button-container-height, 6rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-button-large-outline-thickness, var(--m3e-button-outline-thickness, 2px))"),labelTextFontSize:i(`var(--m3e-button-large-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-large-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-large-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-large-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.headline.small.tracking}))`),iconSize:i("var(--m3e-button-large-icon-size, var(--m3e-button-icon-size, 2rem))"),shapeRound:i(`var(--m3e-button-large-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-large-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.extraLarge}))`),selectedShapeRound:i(`var(--m3e-button-large-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.extraLarge}))`),selectedShapeSquare:i(`var(--m3e-button-large-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-large-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.large}))`),leadingSpace:i("var(--m3e-button-large-leading-space, var(--m3e-button-leading-space, 3rem))"),trailingSpace:i("var(--m3e-button-large-trailing-space, var(--m3e-button-trailing-space, 3rem))"),iconLabelSpace:i("var(--m3e-button-large-icon-label-space, var(--m3e-button-icon-label-space, 0.75rem))")},"extra-large":{containerHeight:i(`calc(var(--m3e-button-extra-large-container-height, var(--m3e-button-container-height, 8.5rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-button-extra-large-outline-thickness, var(--m3e-button-outline-thickness, 3px))"),labelTextFontSize:i(`var(--m3e-button-extra-large-label-text-font-size, var(--m3e-button-label-text-font-size, ${v.typescale.standard.headline.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-button-extra-large-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${v.typescale.standard.headline.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-button-extra-large-label-text-line-height, var(--m3e-button-label-text-line-height, ${v.typescale.standard.headline.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-button-extra-large-label-text-tracking, var(--m3e-button-label-text-tracking, ${v.typescale.standard.headline.large.tracking}))`),iconSize:i("var(--m3e-button-extra-large-icon-size, var(--m3e-button-icon-size, 2.5rem))"),shapeRound:i(`var(--m3e-button-extra-large-shape-round, var(--m3e-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-button-extra-large-shape-square, var(--m3e-button-shape-square, ${v.shape.corner.extraLarge}))`),selectedShapeRound:i(`var(--m3e-button-extra-large-selected-shape-round, var(--m3e-button-selected-shape-round, ${v.shape.corner.extraLarge}))`),selectedShapeSquare:i(`var(--m3e-button-extra-large-selected-shape-square, var(--m3e-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-button-extra-large-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${v.shape.corner.large}))`),leadingSpace:i("var(--m3e-button-extra-large-leading-space, var(--m3e-button-leading-space, 4rem))"),trailingSpace:i("var(--m3e-button-extra-large-trailing-space, var(--m3e-button-trailing-space, 4rem))"),iconLabelSpace:i("var(--m3e-button-extra-large-icon-label-space, var(--m3e-button-icon-label-space, 1rem))")}};function qi(e){return o`:host([size="${i(e)}"]) .base { height: ${Ri[e].containerHeight}; } :host([size="${i(e)}"]) .wrapper { padding-inline-start: calc(${Ri[e].leadingSpace} - calc(var(--_adjacent-shrink, 0px) / 2)); padding-inline-end: calc(${Ri[e].trailingSpace} - calc(var(--_adjacent-shrink, 0px) / 2)); column-gap: ${Ri[e].iconLabelSpace}; } :host([size="${i(e)}"]) .label { font-size: ${Ri[e].labelTextFontSize}; font-weight: ${Ri[e].labelTextFontWeight}; line-height: ${Ri[e].labelTextLineHeight}; letter-spacing: ${Ri[e].labelTextTracking}; } :host([size="${i(e)}"]) .icon { font-size: ${Ri[e].iconSize}; --m3e-icon-size: ${Ri[e].iconSize}; } :host([size="${i(e)}"]) .base { outline-offset: calc(0px - ${Ri[e].outlineThickness}); outline-width: ${Ri[e].outlineThickness}; } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="rounded"]) .base { border-radius: var(--_button-shape, ${Ri[e].shapeRound}); } :host( :is(:state(--connected), :--connected)[size="${i(e)}"][shape="rounded"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Ri[e].shapeRound}); } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="rounded"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: ${Ri[e].selectedShapeRound}; } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="square"]) .base { border-radius: ${Ri[e].shapeSquare}; } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="square"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Ri[e].selectedShapeSquare}); } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"]:is(:state(--pressed), :--pressed)) .base { border-radius: ${Ri[e].shapePressedMorph}; } :host(:is(:state(--connected), :--connected)[size="${i(e)}"][shape="rounded"]:not([toggle][selected])) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Ri[e].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Ri[e].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Ri[e].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Ri[e].shapeRound}) ); } :host(:is(:state(--connected), :--connected)[size="${i(e)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${Ri[e].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${Ri[e].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${Ri[e].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${Ri[e].shapeSquare}); } :host( :is(:state(--connected), :--connected)[size="${i(e)}"][shape="square"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Ri[e].selectedShapeSquare}); } :host(:is(:state(--connected), :--connected)[size="${i(e)}"]:is(:state(--pressed), :--pressed)) .base { border-start-start-radius: var(--_button-start-shape-pressed-morph, ${Ri[e].shapePressedMorph}); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${Ri[e].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${Ri[e].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${Ri[e].shapePressedMorph}); }`}const Ni=[qi("extra-small"),qi("small"),qi("medium"),qi("large"),qi("extra-large")],Ui=o`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base { transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n          border-radius ${v.motion.spring.fastEffects}`)}; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; } .label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } ::slotted([slot="icon"]), ::slotted([slot="selected-icon"]), ::slotted([slot="trailing-icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]), ::slotted(svg[slot="selected-icon"]), ::slotted(svg[slot="trailing-icon"]) { width: 1em; height: 1em; } :host([toggle]:not([selected])) .base.with-selected-icon slot[name="selected-icon"], :host([toggle][selected]) .base.with-selected-icon slot[name="icon"] { display: none; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host(:is(:state(--grouped), :--grouped):is(:state(--connected), :--connected)) { flex: 1 1 auto; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) { transition: ${i(`width ${v.motion.spring.fastEffects}`)}; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) .wrapper { transition: ${i(`padding-inline ${v.motion.spring.fastEffects}`)}; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) { flex-shrink: 0; flex-grow: 0; } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):not( :is(:state(--pressed), :--pressed, :state(--adjacent-pressed), :--adjacent-pressed) ) ) { width: var(--_button-width); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):not( :is(:state(--pressed), :--pressed) ):is(:state(--adjacent-pressed), :--adjacent-pressed) ) { width: calc(var(--_button-width) - var(--_adjacent-shrink, 0px)); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):is( :state(--pressed), :--pressed ):not([disabled-interactive]):not(:disabled) ) { width: calc( var(--_button-width) + calc(var(--_button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15)) ); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):is( :state(--adjacent-pressed), :--adjacent-pressed ):not(:is(:state(--pressed), :--pressed)) ) .label { text-overflow: clip; } @media (forced-colors: active) { .base, .label, .icon { transition: none; } :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base { transition: ${i(`border-radius ${v.motion.spring.fastEffects}`)}; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .label, :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .label, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected]):focus) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon, :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected]):focus) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .base { background-color: ButtonText; outline: none; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .label, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle][selected]) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]:focus) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon, :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]:focus) .icon { forced-color-adjust: none; color: ButtonFace; background-color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .label, :host([variant][disabled-interactive]) .label, :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } .base { outline-style: solid; } :host([size="extra-small"]) .base { outline-offset: calc(0px - var(--m3e-button-extra-small-outline-thickness, 1px)); outline-width: var(--m3e-button-extra-small-outline-thickness, 1px); } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } :host([size="extra-large"]) .base { outline-offset: calc(0px - var(--m3e-button-extra-large-outline-thickness, 3px)); outline-width: var(--m3e-button-extra-large-outline-thickness, 3px); } } @media (prefers-reduced-motion) { :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))), :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) .wrapper, :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base, .base, .label, .icon { transition: none; } }`,ji={elevated:{labelTextColor:i(`var(--m3e-elevated-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.primary}))`),iconColor:i(`var(--m3e-elevated-button-icon-color, var(--m3e-button-icon-color, ${v.color.primary}))`),containerColor:i(`var(--m3e-elevated-button-container-color, var(--m3e-button-container-color, ${v.color.surfaceContainerLow}))`),containerElevation:i(`var(--m3e-elevated-button-container-elevation, var(--m3e-button-container-elevation, ${v.elevation.level1}))`),unselectedLabelTextColor:i(`var(--m3e-elevated-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-elevated-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.primary}))`),unselectedContainerColor:i(`var(--m3e-elevated-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${v.color.surfaceContainerLow}))`),selectedLabelTextColor:i(`var(--m3e-elevated-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.onPrimary}))`),selectedIconColor:i(`var(--m3e-elevated-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.onPrimary}))`),selectedContainerColor:i(`var(--m3e-elevated-button-selected-container-color, var(--m3e-button-selected-container-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-elevated-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-elevated-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-elevated-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-elevated-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-elevated-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-elevated-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-elevated-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-elevated-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-elevated-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${v.elevation.level2}))`),unselectedIconColor:i(`var(--m3e-elevated-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-elevated-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-elevated-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.onPrimary}))`)},focus:{iconColor:i(`var(--m3e-elevated-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-elevated-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${v.elevation.level1}))`),unselectedLabelTextColor:i(`var(--m3e-elevated-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-elevated-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-elevated-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.onPrimary}))`)},pressed:{iconColor:i(`var(--m3e-elevated-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-elevated-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${v.elevation.level1}))`),unselectedLabelTextColor:i(`var(--m3e-elevated-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-elevated-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-elevated-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.onPrimary}))`)}},outlined:{labelTextColor:i(`var(--m3e-outlined-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.onSurfaceVariant}))`),iconColor:i(`var(--m3e-outlined-button-icon-color, var(--m3e-button-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-button-outline-color, var(--m3e-button-outline-color, ${v.color.outlineVariant}))`),unselectedLabelTextColor:i(`var(--m3e-outlined-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedIconColor:i(`var(--m3e-outlined-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),selectedLabelTextColor:i(`var(--m3e-outlined-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.inverseOnSurface}))`),selectedIconColor:i(`var(--m3e-outlined-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedContainerColor:i(`var(--m3e-outlined-button-selected-container-color, var(--m3e-button-selected-container-color, ${v.color.inverseSurface}))`),disabled:{containerColor:i(`var(--m3e-outlined-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-outlined-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-outlined-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-outlined-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-outlined-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-outlined-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),outlineColor:i(`var(--m3e-outlined-button-disabled-outline-color, var(--m3e-button-disabled-outline-color, ${v.color.outlineVariant}))`)},hover:{iconColor:i(`var(--m3e-outlined-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.onSurfaceVariant}))`),labelTextColor:i(`var(--m3e-outlined-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-button-hover-outline-color, var(--m3e-button-hover-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-outlined-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedLabelTextColor:i(`var(--m3e-outlined-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.inverseOnSurface}))`)},focus:{iconColor:i(`var(--m3e-outlined-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.onSurfaceVariant}))`),labelTextColor:i(`var(--m3e-outlined-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-button-focus-outline-color, var(--m3e-button-focus-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-outlined-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedLabelTextColor:i(`var(--m3e-outlined-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.inverseOnSurface}))`)},pressed:{iconColor:i(`var(--m3e-outlined-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.onSurfaceVariant}))`),labelTextColor:i(`var(--m3e-outlined-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-button-pressed-outline-color, var(--m3e-button-pressed-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-outlined-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedLabelTextColor:i(`var(--m3e-outlined-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.inverseOnSurface}))`)}},filled:{labelTextColor:i(`var(--m3e-filled-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.onPrimary}))`),iconColor:i(`var(--m3e-filled-button-icon-color, var(--m3e-button-icon-color, ${v.color.onPrimary}))`),containerColor:i(`var(--m3e-filled-button-container-color, var(--m3e-button-container-color, ${v.color.primary}))`),containerElevation:i(`var(--m3e-filled-button-container-elevation, var(--m3e-button-container-elevation, ${v.elevation.level0}))`),unselectedLabelTextColor:i(`var(--m3e-filled-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedIconColor:i(`var(--m3e-filled-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedContainerColor:i(`var(--m3e-filled-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${v.color.surfaceContainer}))`),selectedLabelTextColor:i(`var(--m3e-filled-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.onPrimary}))`),selectedIconColor:i(`var(--m3e-filled-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.onPrimary}))`),selectedContainerColor:i(`var(--m3e-filled-button-selected-container-color, var(--m3e-button-selected-container-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-filled-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-filled-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-filled-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-filled-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-filled-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-filled-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-filled-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-filled-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-filled-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-filled-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-filled-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-filled-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.onPrimary}))`)},focus:{iconColor:i(`var(--m3e-filled-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-filled-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${v.elevation.level0}))`),unselectedIconColor:i(`var(--m3e-filled-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-filled-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-filled-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.onPrimary}))`)},pressed:{iconColor:i(`var(--m3e-filled-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-filled-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${v.elevation.level0}))`),unselectedIconColor:i(`var(--m3e-filled-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedLabelTextColor:i(`var(--m3e-filled-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.onPrimary}))`),selectedLabelTextColor:i(`var(--m3e-filled-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.onPrimary}))`)}},tonal:{labelTextColor:i(`var(--m3e-tonal-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.onSecondaryContainer}))`),iconColor:i(`var(--m3e-tonal-button-icon-color, var(--m3e-button-icon-color, ${v.color.onSecondaryContainer}))`),containerColor:i(`var(--m3e-tonal-button-container-color, var(--m3e-button-container-color, ${v.color.secondaryContainer}))`),containerElevation:i(`var(--m3e-tonal-button-container-elevation, var(--m3e-button-container-elevation, ${v.elevation.level0}))`),unselectedLabelTextColor:i(`var(--m3e-tonal-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.onSecondaryContainer}))`),unselectedIconColor:i(`var(--m3e-tonal-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedContainerColor:i(`var(--m3e-tonal-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${v.color.secondaryContainer}))`),selectedLabelTextColor:i(`var(--m3e-tonal-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.onSecondary}))`),selectedIconColor:i(`var(--m3e-tonal-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.onSecondary}))`),selectedContainerColor:i(`var(--m3e-tonal-button-selected-container-color, var(--m3e-button-selected-container-color, ${v.color.secondary}))`),disabled:{containerColor:i(`var(--m3e-tonal-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-tonal-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-tonal-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-tonal-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-tonal-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-tonal-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-tonal-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-tonal-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-tonal-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tonal-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-tonal-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedLabelTextColor:i(`var(--m3e-tonal-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.onSecondary}))`),selectedLabelTextColor:i(`var(--m3e-tonal-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.onSecondary}))`)},focus:{iconColor:i(`var(--m3e-tonal-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-tonal-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tonal-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${v.elevation.level0}))`),unselectedIconColor:i(`var(--m3e-tonal-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedLabelTextColor:i(`var(--m3e-tonal-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.onSecondary}))`),selectedLabelTextColor:i(`var(--m3e-tonal-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.onSecondary}))`)},pressed:{iconColor:i(`var(--m3e-tonal-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-tonal-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tonal-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${v.elevation.level0}))`),unselectedIconColor:i(`var(--m3e-tonal-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedLabelTextColor:i(`var(--m3e-tonal-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.onSecondary}))`),selectedLabelTextColor:i(`var(--m3e-tonal-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.onSecondary}))`)}},text:{labelTextColor:i(`var(--m3e-text-button-label-text-color, var(--m3e-button-label-text-color, ${v.color.primary}))`),iconColor:i(`var(--m3e-text-button-icon-color, var(--m3e-button-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-text-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-text-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${v.color.primary}))`),selectedLabelTextColor:i(`var(--m3e-text-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-text-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-text-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-text-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-text-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-text-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-text-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-text-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))")},hover:{iconColor:i(`var(--m3e-text-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-text-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-text-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-text-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-text-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-text-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-text-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-text-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${v.color.primary}))`),selectedLabelTextColor:i(`var(--m3e-text-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-text-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${v.color.primary}))`)},focus:{iconColor:i(`var(--m3e-text-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-text-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-text-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-text-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-text-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-text-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-text-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-text-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${v.color.primary}))`),selectedLabelTextColor:i(`var(--m3e-text-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-text-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${v.color.primary}))`)},pressed:{iconColor:i(`var(--m3e-text-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-text-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-text-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-text-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-text-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${v.color.primary}))`),unselectedLabelTextColor:i(`var(--m3e-text-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-text-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-text-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${v.color.primary}))`),selectedLabelTextColor:i(`var(--m3e-text-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-text-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${v.color.primary}))`)}}};function Yi(e){return o`:host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${ji[e].containerColor??i("unset")}; --m3e-state-layer-hover-color: ${ji[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${ji[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${ji[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${ji[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${ji[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${ji[e].pressed.stateLayerOpacity}; --m3e-elevation-level: ${ji[e].containerElevation??i("unset")}; --m3e-elevation-hover-level: ${ji[e].hover.containerElevation??i("unset")}; --m3e-elevation-focus-level: ${ji[e].focus.containerElevation??i("unset")}; --m3e-elevation-pressed-level: ${ji[e].pressed.containerElevation??i("unset")}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${ji[e].unselectedContainerColor??i("unset")}; --m3e-state-layer-hover-color: ${ji[e].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${ji[e].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${ji[e].pressed.unselectedStateLayerColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${ji[e].selectedContainerColor??i("unset")}; --m3e-state-layer-hover-color: ${ji[e].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${ji[e].focus.selectedStateLayerColor}; --m3e-ripple-color: ${ji[e].pressed.selectedStateLayerColor}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${ji[e].outlineColor??i("unset")}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${ji[e].focus.outlineColor??i("unset")}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${ji[e].hover.outlineColor??i("unset")}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .base { outline-color: ${ji[e].pressed.outlineColor??i("unset")}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].labelTextColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].unselectedLabelTextColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].selectedLabelTextColor}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].focus.labelTextColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].focus.unselectedLabelTextColor}; } :host([variant="${i(e)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].focus.selectedLabelTextColor}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].hover.labelTextColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].hover.unselectedLabelTextColor}; } :host([variant="${i(e)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .label { color: ${ji[e].hover.selectedLabelTextColor}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .label { color: ${ji[e].pressed.labelTextColor}; } :host( [variant="${i(e)}"][toggle]:not([selected]):is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .label { color: ${ji[e].pressed.unselectedLabelTextColor}; } :host( [variant="${i(e)}"][toggle][selected]:is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .label { color: ${ji[e].pressed.selectedLabelTextColor}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].selectedIconColor}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].focus.iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].focus.unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].focus.selectedIconColor}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].hover.iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].hover.unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${ji[e].hover.selectedIconColor}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .icon { color: ${ji[e].pressed.iconColor}; } :host( [variant="${i(e)}"][toggle]:not([selected]):is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${ji[e].pressed.unselectedIconColor}; } :host( [variant="${i(e)}"][toggle][selected]:is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${ji[e].pressed.selectedIconColor}; } :host([variant="${i(e)}"]:disabled) .base, :host([variant="${i(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${ji[e].disabled.containerElevation??i("unset")}; outline-color: ${ji[e].disabled.outlineColor??i("unset")}; background-color: color-mix( in srgb, ${ji[e].disabled.containerColor} ${ji[e].disabled.containerOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .label, :host([variant="${i(e)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${ji[e].disabled.labelTextColor} ${ji[e].disabled.labelTextOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .icon, :host([variant="${i(e)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${ji[e].disabled.iconColor} ${ji[e].disabled.iconOpacity}, transparent ); }`}const Ki=[Yi("text"),Yi("elevated"),Yi("outlined"),Yi("filled"),Yi("tonal"),o`:host([variant="outlined"]:not([toggle][selected]):not(:disabled):not([disabled-interactive])) .base { outline-style: solid; }`];var Zi,Xi,Gi,Ji,Qi,eo,to;let ao=class extends(V(R(j(q(Y(N(P(f(r,"button"),!0)))))))){constructor(){super(),Zi.add(this),this._adjacentPressedTimeout=-1,Xi.set(this,t=>e(this,Zi,"m",Gi).call(this,t)),this.variant="text",this.shape="rounded",this.size="small",this.toggle=!1,this.selected=!1,new A(this,{callback:()=>this._handleResize()}),new K(this,{callback:e=>{this.disabledInteractive||e||this.grouped||this._base?.style.removeProperty("--_button-shape")}}),new Z(this,{isPressedKey:e=>" "===e,minPressedDuration:150,callback:t=>{this.disabled||this.disabledInteractive||(t?(e(this,Zi,"m",Qi).call(this),e(this,Zi,"m",eo).call(this,!0)):e(this,Zi,"m",eo).call(this,!1))}})}get grouped(){return H(this,"--grouped")}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[U]()}<div class="wrapper">${this.toggle?s`<slot class="icon" name="selected-icon" aria-hidden="true" @slotchange="${e(this,Zi,"m",Ji)}"></slot>`:n}<slot class="icon" name="icon" aria-hidden="true"></slot><div class="label">${this.toggle&&this.selected?s`<slot name="selected"><slot></slot></slot>`:s`<slot></slot>`}</div><slot class="icon" name="trailing-icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Xi,"f"))}disconnectedCallback(){super.disconnectedCallback(),["--pressed","--resting","--grouped","--connected"].forEach(e=>k(this,e)),this._base?.style.removeProperty("--_button-shape"),this.style.removeProperty("--_button-width"),this.style.removeProperty("--_adjacent-shrink"),k(this,"--adjacent-pressed"),this.removeEventListener("click",e(this,Xi,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){if(super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(k(this,"--pressed"),k(this,"--resting")),(e.has("toggle")||e.has("selected"))&&(this.ariaPressed=this.toggle?`${this.selected}`:null,this.toggle))for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}_handleResize(){this.grouped&&!H(this,"--no-resize")&&this!==document.activeElement&&(this.style.setProperty("--_button-width",`${this.getBoundingClientRect().width}px`),e(this,Zi,"m",Qi).call(this,!0))}};var io,oo,ro,so,no,lo;Xi=new WeakMap,Zi=new WeakSet,Gi=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation()),this.toggle&&!e.defaultPrevented&&this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},Ji=function(e){this._base?.classList.toggle("with-selected-icon",g(e.target))},Qi=function(e=!1){if(!this._base)return;const t=parseFloat(getComputedStyle(this._base).borderRadius);if(!isNaN(t)||e){const a=this.clientHeight/2;(a<t||e)&&this._base?.style.setProperty("--_button-shape",`${a}px`)}},eo=function(t){const a=this.getBoundingClientRect().width,i=this.closest("m3e-button-group");if(i&&"standard"===i.variant){const o=[...i.querySelectorAll("m3e-button,m3e-icon-button")];for(const e of o)clearTimeout(e._adjacentPressedTimeout),e._adjacentPressedTimeout=-1;const r=o.indexOf(this);if(t){let e=a*parseFloat(getComputedStyle(this).getPropertyValue("--m3e-standard-button-group-width-multiplier")||"0.15");r>0&&r<o.length-1&&(e/=2);for(let t=0;t<o.length;t++)t==r-1||t==r+1?(L(o[t],"--no-resize"),o[t].style.setProperty("--_adjacent-shrink",`${e}px`),L(o[t],"--adjacent-pressed")):t==r?(L(o[t],"--no-resize"),o[t].style.removeProperty("--_adjacent-shrink"),k(o[t],"--adjacent-pressed")):(k(o[t],"--no-resize"),o[t].style.removeProperty("--_adjacent-shrink"),k(o[t],"--adjacent-pressed"))}else{for(let e=0;e<o.length;e++)e!=r-1&&e!=r+1||o[e].style.setProperty("--_adjacent-shrink","0px");C()?e(this,Zi,"m",to).call(this,o):this.addEventListener("transitionend",t=>{"width"===t.propertyName&&(this._adjacentPressedTimeout=setTimeout(()=>{this._adjacentPressedTimeout>-1&&e(this,Zi,"m",to).call(this,o)},600))},{once:!0})}}x(this,"--pressed",t),x(this,"--resting",!t)},to=function(e){for(const t of e)k(t,"--adjacent-pressed"),k(t,"--no-resize"),t.style.removeProperty("--_adjacent-shrink")},ao.styles=[Ni,Ki,Ui],t([h(".base")],ao.prototype,"_base",void 0),t([h(".elevation")],ao.prototype,"_elevation",void 0),t([h(".focus-ring")],ao.prototype,"_focusRing",void 0),t([h(".state-layer")],ao.prototype,"_stateLayer",void 0),t([h(".ripple")],ao.prototype,"_ripple",void 0),t([m({reflect:!0})],ao.prototype,"variant",void 0),t([m({reflect:!0})],ao.prototype,"shape",void 0),t([m({reflect:!0})],ao.prototype,"size",void 0),t([m({type:Boolean,reflect:!0})],ao.prototype,"toggle",void 0),t([m({type:Boolean,reflect:!0})],ao.prototype,"selected",void 0),t([y(40)],ao.prototype,"_handleResize",null),ao=t([$("m3e-button")],ao);let co=class extends(f(r,"group")){constructor(){super(...arguments),io.add(this),oo.set(this,new Z(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:t=>e(this,io,"m",no).call(this,t)})),this.variant="standard",this.size="small",this.multi=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("disable-role")&&(this.role=null)}disconnectedCallback(){super.disconnectedCallback(),this._base?.style.removeProperty("--_button-group-width"),this._base?.classList.remove("pressed")}update(t){super.update(t),(t.has("multi")||t.has("variant"))&&e(this,io,"m",ro).call(this),t.has("variant")&&this._base?.style.removeProperty("--_button-group-width")}render(){return s`<div class="base"><slot @slotchange="${e(this,io,"m",ro)}" @change="${e(this,io,"m",so)}"></slot></div>`}};function ho(e,t,a){const i=new Date;return i.setFullYear(e,t,a),i.setHours(0,0,0,0),i}function mo(e,t){return ho(e.getFullYear(),e.getMonth(),e.getDate()+t)}function uo(e,t){let a=ho(e.getFullYear(),e.getMonth()+t,e.getDate());return a.getMonth()!=((e.getMonth()+t)%12+12)%12&&(a=ho(a.getFullYear(),a.getMonth(),0)),a}function po(e,t){return uo(e,12*t)}function vo(e,t){return e.getFullYear()-t.getFullYear()||e.getMonth()-t.getMonth()||e.getDate()-t.getDate()}function bo(e,t){return e&&t?0==vo(e,t):e==t}function fo(e,t,a){return i=e.getFullYear()-function(e,t){return t?t.getFullYear()-wo+1:e?e.getFullYear():0}(t,a),(i%(o=wo)+o)%o;var i,o}function go(e,t,a){return e.getFullYear()-fo(e,t,a)}function yo(e,t,a){return go(e,t,a)+wo-1}function $o(e,t,a){return t&&vo(e,t)<0?t:a&&vo(e,a)>0?a:e}oo=new WeakMap,io=new WeakSet,ro=async function(){const t=this.buttons;for(const t of e(this,oo,"f").targets)e(this,oo,"f").unobserve(t);for(const e of this.buttons)await X(e),e.isUpdatePending&&await e.updateComplete;const a=[...t].some(e=>e.toggle);this.hasAttribute("disable-role")||(this.role=a&&!this.multi?"radiogroup":"group");const i="radiogroup"===this.role?"radio":"button";t.forEach((a,o)=>{if(e(this,oo,"f").observe(a),x(a,"--connected","connected"===this.variant),L(a,"--grouped"),x(a,"--first",0==o),x(a,"--last",o==t.length-1),!this.hasAttribute("disable-role")&&a.role!==i&&a.toggle){const e=a.toggle?a.selected?"true":"false":null;a.role=i,"button"===a.role?(a.ariaPressed=e,a.ariaChecked=null):(a.ariaChecked=e,a.ariaPressed=null)}})},so=function(e){if(!this.multi&&e.target instanceof HTMLElement&&("M3E-BUTTON"===e.target.tagName||"M3E-ICON-BUTTON"===e.target.tagName)){if(!G(e.target)||!e.target.selected)return;for(const t of this.buttons)t!==e.target&&t.selected&&(t.selected=!1)}},no=function(t){const a=this._base;if(a)if(t&&"connected"!==this.variant)a.classList.add("pressed"),a.style.setProperty("--_button-group-width",`${a.getBoundingClientRect().width}px`);else{const t=this.buttons.find(e=>e===document.activeElement);!C()&&t?t.addEventListener("transitionend",()=>queueMicrotask(()=>{H(t,"--pressed")||e(this,io,"m",lo).call(this,a)}),{once:!0}):e(this,io,"m",lo).call(this,a)}},lo=function(e){e.style.removeProperty("--_button-group-width"),e.classList.remove("pressed")},co.styles=o`:host { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } .base { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } :host([variant="standard"]) { justify-content: center; } :host([variant="connected"]) .base { flex: 1 1 auto; } :host([variant="standard"]) .base { width: fit-content; flex: none; } :host([variant="standard"]) .base.pressed { justify-content: space-between; width: var(--_button-group-width); } :host([variant="standard"][size="extra-small"]) .base { column-gap: var(--m3e-standard-button-group-extra-small-spacing, 1.125rem); } :host([variant="standard"][size="small"]) .base { column-gap: var(--m3e-standard-button-group-small-spacing, 0.75rem); } :host([variant="standard"][size="medium"]).base { column-gap: var(--m3e-standard-button-group-medium-spacing, 0.5rem); } :host([variant="standard"][size="large"]) .base { column-gap: var(--m3e-standard-button-group-large-spacing, 0.5rem); } :host([variant="standard"][size="extra-large"]) .base { column-gap: var(--m3e-standard-button-group-extra-large-spacing, 0.5rem); } :host([variant="connected"]) .base { column-gap: var(--m3e-connected-button-group-spacing, 0.125rem); } :host([variant="connected"][size="extra-small"]) ::slotted(:is(:state(--first), :--first)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="extra-small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${v.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${v.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="extra-small"]) ::slotted(:is(:state(--last), :--last)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="extra-small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${v.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${v.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:is(:state(--first), :--first)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${v.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${v.shape.corner.small} ); --_button-end-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:is(:state(--last), :--last)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${v.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${v.shape.corner.small} ); --_button-start-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:is(:state(--first), :--first)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="medium"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${v.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${v.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:is(:state(--last), :--last)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="medium"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${v.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${v.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${v.shape.corner.extraSmall} ); } :host([variant="connected"][size="large"]) ::slotted(:is(:state(--first), :--first)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${v.shape.corner.large} ); --_button-square-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${v.shape.corner.large} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${v.shape.corner.medium} ); } :host([variant="connected"][size="large"]) ::slotted(:is(:state(--last), :--last)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${v.shape.corner.large} ); --_button-square-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${v.shape.corner.large} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${v.shape.corner.medium} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:is(:state(--first), :--first)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="extra-large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${v.shape.corner.largeIncreased} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${v.shape.corner.largeIncreased} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${v.shape.corner.large} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:is(:state(--last), :--last)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:is(:state(--first), :--first)):not(:is(:state(--last), :--last))[size="extra-large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${v.shape.corner.largeIncreased} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${v.shape.corner.largeIncreased} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${v.shape.corner.large} ); }`,t([h(".base")],co.prototype,"_base",void 0),t([m({reflect:!0})],co.prototype,"variant",void 0),t([m({reflect:!0})],co.prototype,"size",void 0),t([m({type:Boolean})],co.prototype,"multi",void 0),t([u({slot:"",selector:"m3e-button,m3e-icon-button",flatten:!0})],co.prototype,"buttons",void 0),co=t([$("m3e-button-group")],co);const wo=15;class xo extends r{constructor(){super(...arguments),this.today=new Date,this.date=null,this.activeDate=new Date,this.minDate=null,this.maxDate=null}async focusActiveCell(){this.isUpdatePending&&await this.updateComplete,this._activeItem&&await W(this._activeItem)}_changeActiveDate(e){bo(e=$o(e,this.minDate,this.maxDate),this.activeDate)||(this._activeItem?.style.setProperty("--m3e-state-layer-duration","0ms"),this._activeItem?.blur(),this._activeItem?.style.removeProperty("--m3e-state-layer-duration"),this.activeDate=e,this.dispatchEvent(new Event("active-change",{bubbles:!1})))}}
 /**
  * Adapted from Angular Material Datepicker
  * Source: https://github.com/angular/components/blob/main/src/material/datepicker/month-view.ts
@@ -39,7 +39,7 @@ var Ho,Oo,Bo,Fo;To=new WeakSet,Io=function(t){const a=new Intl.DateTimeFormat(na
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-var Ro,qo,No,Uo,jo,Yo,Ko,Zo,Xo,Go;Ho=new WeakSet,Oo=function(t){const a=this.activeDate.getFullYear()===t.date.getFullYear()&&this.activeDate.getMonth()===t.date.getMonth(),i=this.date?.getFullYear()===t.date.getFullYear()&&this.date?.getMonth()===t.date.getMonth(),o=this.today.getFullYear()===t.date.getFullYear()&&this.today.getMonth()===t.date.getMonth(),r=this.minDate&&(t.date.getFullYear()<this.minDate.getFullYear()||t.date.getFullYear()===this.minDate.getFullYear()&&t.date.getMonth()<this.minDate.getMonth())||this.maxDate&&(t.date.getFullYear()>this.maxDate.getFullYear()||t.date.getFullYear()===this.maxDate.getFullYear()&&t.date.getMonth()>this.maxDate.getMonth()),n=`month-${t.date.getMonth()}`;return s`<td role="gridcell" class="${Ye({current:o,selected:i,active:a})}"><div id="${n}" class="item" role="button" tabindex="${a?"0":"-1"}" data-value="${t.date.toISOString()}" aria-disabled="${je(r||void 0)}" aria-current="${je(o?"date":void 0)}" aria-pressed="${i}" @click="${e(this,Ho,"m",Bo)}" @keydown="${e(this,Ho,"m",Fo)}"><m3e-focus-ring class="focus-ring" for="${n}"></m3e-focus-ring><m3e-state-layer class="state-layer" for="${n}" ?disable-hover="${r}"></m3e-state-layer><m3e-ripple class="ripple" centered for="${n}" ?disabled="${r}"></m3e-ripple><div class="touch"></div><span class="visually-hidden">${t.long}</span> <span aria-hidden="true">${t.narrow}</span></div></td>`},Bo=function(e){const t=e.currentTarget;"true"!==t.ariaDisabled&&t.dataset.value&&(this.activeDate=$o(new Date(t.dataset.value),this.minDate,this.maxDate),this.dispatchEvent(new Event("change",{bubbles:!1})))},Fo=function(e){let t=this.activeDate;switch(e.key){case" ":case"Enter":return e.preventDefault(),void e.currentTarget.click();case"ArrowLeft":case"Left":t=uo(t,"rtl"===qe.current?1:-1);break;case"ArrowRight":case"Right":t=uo(t,"rtl"===qe.current?-1:1);break;case"ArrowUp":case"Up":t=uo(t,-4);break;case"ArrowDown":case"Down":t=uo(t,4);break;case"Home":t=uo(t,-t.getMonth());break;case"End":t=uo(t,11-t.getMonth());break;case"PageUp":t=po(t,e.altKey?-10:-1);break;case"PageDown":t=po(t,e.altKey?10:1);break;default:return}e.preventDefault(),this._changeActiveDate(t)},Vo.styles=[xo.styles,o`.item { height: 2.25rem; } .touch { width: 100%; } th { height: 1rem; } td { padding-inline: 0.375rem; } tbody { font-size: var(--m3e-calendar-item-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-calendar-item-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-calendar-item-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-calendar-item-tracking, ${v.typescale.standard.body.medium.tracking}); }`],Vo=t([$("m3e-year-view")],Vo);let Jo=class extends r{constructor(){super(...arguments),Ro.add(this),qo.set(this,void 0),this._today=new Date,this._activeView="month",this._activeDate=new Date,this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years"}get periodLabel(){switch(this._activeView){case"month":return new Intl.DateTimeFormat(navigator.language,{month:"short",year:"numeric"}).format(this._activeDate);case"year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).format(new Date(this._activeDate.getFullYear(),0,1));case"multi-year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).formatRange(new Date(go(this._activeDate,this.minDate,this.maxDate),0,1),new Date(yo(this._activeDate,this.minDate,this.maxDate),0,1))}}get canMovePreviousPeriod(){if(!this.minDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth(),0)>=this.minDate;case"year":return new Date(this._activeDate.getFullYear()-1,12,1)>=this.minDate;case"multi-year":return new Date(go(this._activeDate,this.minDate,this.maxDate)-1,12,1)>=this.minDate}}get canMoveNextPeriod(){if(!this.maxDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth()+1,1)<=this.maxDate;case"year":return new Date(this._activeDate.getFullYear()+1,1,1)<=this.maxDate;case"multi-year":return new Date(yo(this._activeDate,this.minDate,this.maxDate)+1,12,1)<=this.maxDate}}async focusActiveCell(){this.isUpdatePending&&await this.updateComplete,await(this._view?.focusActiveCell())}updateTodayDate(){this._today=new Date}async movePreviousPeriod(){if(!this.canMovePreviousPeriod)return;if(C())return void(this._activeDate=e(this,Ro,"m",Xo).call(this,this._activeView));await e(this,qo,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,qo,new Promise(a=>{t[0].addEventListener("transitionend",()=>{this._activeDate=e(this,Ro,"m",Xo).call(this,this._activeView),t.forEach(e=>e.classList.add("no-animate")),t[1].classList.remove("after"),t[0].classList.add("before"),setTimeout(()=>{t.forEach(e=>e.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("after"),t[0].classList.remove("before"),await e(this,qo,"f"),this._body.style.overflow="")}async moveNextPeriod(){if(!this.canMoveNextPeriod)return;if(C())return void(this._activeDate=e(this,Ro,"m",Go).call(this,this._activeView));await e(this,qo,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,qo,new Promise(a=>{t[2].addEventListener("transitionend",()=>{this._activeDate=e(this,Ro,"m",Go).call(this,this._activeView),t.forEach(e=>e.classList.add("no-animate")),t[1].classList.remove("before"),t[2].classList.add("after"),setTimeout(()=>{t.forEach(e=>e.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("before"),t[2].classList.remove("after"),await e(this,qo,"f"),this._body.style.overflow="")}async togglePeriod(){await e(this,qo,"f"),this._activeView="month"===this._activeView?"multi-year":"month",await this.focusActiveCell()}willUpdate(e){super.willUpdate(e),e.has("date")&&(this._activeDate=new Date(this.date??this._today)),e.has("startAt")&&(this._activeDate=new Date(this.startAt??this.date??this._today)),e.has("rangeStart")&&this.rangeStart&&(this._activeDate=new Date(this.rangeStart),e.has("date")||(this.date=new Date(this.rangeStart))),e.has("rangeEnd")&&this.rangeEnd&&(this._activeDate=new Date(this.rangeEnd),e.has("date")||(this.date=new Date(this.rangeEnd))),e.has("startView")&&(this._activeView=this.startView)}updated(e){super.updated(e),this._view instanceof Po&&(e.has("specialDates")||e.has("blackoutDates"))&&this.shadowRoot?.querySelectorAll("m3e-month-view").forEach(e=>{e.specialDates=this.specialDates,e.blackoutDates=this.blackoutDates})}render(){return s`<div class="base"><slot name="header">${e(this,Ro,"m",No).call(this)}</slot><div class="body ${this._activeView}"><div class="row multi-year">${e(this,Ro,"m",Uo).call(this,"multi-year",-1)}${e(this,Ro,"m",Uo).call(this,"multi-year",0)}${e(this,Ro,"m",Uo).call(this,"multi-year",1)}</div><div class="row year">${e(this,Ro,"m",Uo).call(this,"year",-1)}${e(this,Ro,"m",Uo).call(this,"year",0)}${e(this,Ro,"m",Uo).call(this,"year",1)}</div><div class="row month">${e(this,Ro,"m",Uo).call(this,"month",-1)}${e(this,Ro,"m",Uo).call(this,"month",0)}${e(this,Ro,"m",Uo).call(this,"month",1)}</div></div></div>`}};qo=new WeakMap,Ro=new WeakSet,No=function(){return s`<div class="header"><m3e-button @click="${this.togglePeriod}">${this.periodLabel} <svg class="${Ye({rotate:"month"!==this._activeView})}" slot="trailing-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></m3e-button><div class="spacer"></div><m3e-icon-button ?disabled="${!this.canMovePreviousPeriod}" @click="${this.movePreviousPeriod}" aria-label="${"month"===this._activeView?this.previousMonthLabel:"year"===this._activeView?this.previousYearLabel:this.previousMultiYearLabel}">${"ltr"===qe.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`}</m3e-icon-button><m3e-icon-button ?disabled="${!this.canMoveNextPeriod}" @click="${this.moveNextPeriod}" aria-label="${"month"===this._activeView?this.nextMonthLabel:"year"===this._activeView?this.nextYearLabel:this.nextMultiYearLabel}">${"ltr"===qe.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`}</m3e-icon-button></div>`},Uo=function(t,a){const i=a<0?e(this,Ro,"m",Xo).call(this,t):a>0?e(this,Ro,"m",Go).call(this,t):new Date(this._activeDate);switch(t){case"month":return s`<m3e-month-view class="view ${Ye({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${je(this.date?.toISOString())}" active-date="${i.toISOString()}" min-date="${je(this.minDate?.toISOString())}" max-date="${je(this.maxDate?.toISOString())}" range-start="${je(this.rangeStart?.toISOString())}" range-end="${je(this.rangeEnd?.toISOString())}" @active-change="${0===a?e(this,Ro,"m",Zo):void 0}" @change="${0===a?e(this,Ro,"m",jo):void 0}"></m3e-month-view>`;case"year":return s`<m3e-year-view class="view ${Ye({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${je(this.date?.toISOString())}" active-date="${i.toISOString()}" min-date="${je(this.minDate?.toISOString())}" max-date="${je(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,Ro,"m",Zo):void 0}" @change="${0===a?e(this,Ro,"m",Yo):void 0}"></m3e-year-view>`;case"multi-year":return s`<m3e-multi-year-view class="view ${Ye({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${je(this.date?.toISOString())}" active-date="${i.toISOString()}" min-date="${je(this.minDate?.toISOString())}" max-date="${je(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,Ro,"m",Zo):void 0}" @change="${0===a?e(this,Ro,"m",Ko):void 0}"></m3e-multi-year-view>`}},jo=function(e){const t=e.currentTarget;this._activeDate=new Date(t.activeDate),this.rangeStart=t.rangeStart,this.rangeEnd=t.rangeEnd,this.date=new Date(this._activeDate),this.dispatchEvent(new Event("change",{bubbles:!0}))},Yo=async function(e){this._activeDate=new Date(e.currentTarget.activeDate),this._activeView="month",this.focusActiveCell()},Ko=function(e){this._activeDate=new Date(e.currentTarget.activeDate),this._activeView="year",this.focusActiveCell()},Zo=async function(e){this._view instanceof Po&&(this._view._suppressFocusHighlight=!1),this._activeDate=new Date(e.currentTarget.activeDate),await this.focusActiveCell(),this._view instanceof Po&&(this._view._suppressFocusHighlight=!1)},Xo=function(e){const t=new Date(this._activeDate);switch(e){case"month":for(t.setMonth(this._activeDate.getMonth()-1);t.getMonth()===this._activeDate.getMonth();)t.setDate(t.getDate()-1);break;case"year":t.setFullYear(this._activeDate.getFullYear()-1);break;case"multi-year":t.setDate(1),t.setFullYear(go(this._activeDate,this.minDate,this.maxDate)-1)}return t},Go=function(e){const t=new Date(this._activeDate);switch(e){case"month":for(t.setMonth(this._activeDate.getMonth()+1);t.getMonth()===this._activeDate.getMonth();)t.setDate(t.getDate()+1);break;case"year":t.setFullYear(this._activeDate.getFullYear()+1);break;case"multi-year":t.setDate(1),t.setFullYear(yo(this._activeDate,this.minDate,this.maxDate)+1)}return t},Jo.styles=o`:host { display: inline-block; vertical-align: top; width: fit-content; height: fit-content; } .base { display: flex; flex-direction: column; width: fit-content; overflow: hidden; padding: var(--m3e-calendar-padding, 0.5rem); background-color: var(--m3e-calendar-container-color); box-shadow: var(--m3e-calendar-container-elevation); border-radius: var(--m3e-calendar-container-shape); } .header { display: flex; align-items: center; --m3e-text-button-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-hover-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-focus-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-pressed-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); } .spacer { flex: 1 1 auto; } svg { transition: transform ${v.motion.spring.fastEffects}; } svg.rotate { transform: rotate(-180deg); } .body { position: relative; } .view:not(.no-animate) { transition: ${i(`margin var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard},\n        visibility var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .view.before, .view.after { visibility: hidden; position: absolute; } .view.before { margin-inline-start: -100%; } .view.after { margin-inline-start: 100%; } .view:not(.before):not(.after) { visibility: visible; position: relative; left: 0; margin-inline-start: 0; } .row { opacity: 1; transform: translateY(0); } .row.multi-year { transition: ${i(`transform var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete,\n        opacity var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .row:not(.multi-year) { transition: ${i(`opacity var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .body.month > .row:not(.month), .body.year > .row:not(.year), .body.multi-year > .row:not(.multi-year) { visibility: hidden; position: absolute; transform: translateY(-10%); opacity: 0; } .body.month > .row:not(.month) .view:not(.before):not(.after), .body.year > .row:not(.year) .view:not(.before):not(.after), .body.multi-year > .row:not(.multi-year) .view:not(.before):not(.after) { visibility: hidden; transition: none; } @media (prefers-reduced-motion) { .row:not(.multi-year), .row.multi-year, .view:not(.no-animate), svg { transition: none; } }`,t([p()],Jo.prototype,"_today",void 0),t([p()],Jo.prototype,"_activeView",void 0),t([p()],Jo.prototype,"_activeDate",void 0),t([h(".active")],Jo.prototype,"_view",void 0),t([h(".body")],Jo.prototype,"_body",void 0),t([m({attribute:"start-view"})],Jo.prototype,"startView",void 0),t([m({converter:J})],Jo.prototype,"date",void 0),t([m({attribute:"start-at",converter:J})],Jo.prototype,"startAt",void 0),t([m({attribute:"min-date",converter:J})],Jo.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],Jo.prototype,"maxDate",void 0),t([m({attribute:"range-start",converter:J})],Jo.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],Jo.prototype,"rangeEnd",void 0),t([m({attribute:!1})],Jo.prototype,"blackoutDates",void 0),t([m({attribute:!1})],Jo.prototype,"specialDates",void 0),t([m({attribute:"previous-month-label"})],Jo.prototype,"previousMonthLabel",void 0),t([m({attribute:"previous-year-label"})],Jo.prototype,"previousYearLabel",void 0),t([m({attribute:"previous-multi-year-label"})],Jo.prototype,"previousMultiYearLabel",void 0),t([m({attribute:"next-month-label"})],Jo.prototype,"nextMonthLabel",void 0),t([m({attribute:"next-year-label"})],Jo.prototype,"nextYearLabel",void 0),t([m({attribute:"next-multi-year-label"})],Jo.prototype,"nextMultiYearLabel",void 0),Jo=t([$("m3e-calendar")],Jo);const Qo=i("var(--m3e-card-padding, 1rem)"),er=i(`var(--m3e-card-shape, ${v.shape.corner.medium});`),tr={filled:{textColor:i(`var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:i(`var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${v.color.surfaceContainerHighest}))`),containerElevation:i(`var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level0}))`),disabled:{textColor:i(`var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:i("var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:i("var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:i(`var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${v.color.surfaceVariant}))`),containerElevation:i(`var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level0}))`),containerElevationColor:i(`var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:i("var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:i("var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:i(`var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level1}))`)},focus:{textColor:i(`var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level0}))`)},pressed:{textColor:i(`var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level0}))`)}},elevated:{textColor:i(`var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:i(`var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${v.color.surfaceContainerLow}))`),containerElevation:i(`var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level1}))`),disabled:{textColor:i(`var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:i("var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:i("var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:i(`var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${v.color.surface}))`),containerElevation:i(`var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level1}))`),containerElevationColor:i(`var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:i("var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:i("var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:i(`var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level2}))`)},focus:{textColor:i(`var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level1}))`)},pressed:{textColor:i(`var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level1}))`)}},outlined:{textColor:i(`var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:i(`var(--m3e-outlined-card-container-color, var(--m3e-card-container-color, ${v.color.surface}))`),containerElevation:i(`var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level0}))`),outlineColor:i(`var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${v.color.outlineVariant}))`),outlineThickness:i("var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))"),disabled:{textColor:i(`var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:i("var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:i("var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerElevation:i(`var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level0}))`),containerElevationColor:i(`var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:i("var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),outlineColor:i(`var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${v.color.outline}))`),outlineOpacity:i("var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))")},hover:{textColor:i(`var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level1}))`),outlineColor:i(`var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${v.color.outlineVariant}))`)},focus:{textColor:i(`var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level0}))`),outlineColor:i(`var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${v.color.onSurface}))`)},pressed:{textColor:i(`var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level0}))`),outlineColor:i(`var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${v.color.outlineVariant}))`)}}},ar=o`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${er}; } :host([actionable]) .base { transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n      border-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${er}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${Qo}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${Qo}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${Qo}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${Qo}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${Qo}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${Qo}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${Qo}; margin-block-start: ${Qo}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${Qo}; margin-block: ${Qo}; } .has-actions slot[name="actions"] { margin-inline: ${Qo}; margin-block: ${Qo}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${Qo}; margin-block-end: ${Qo}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${Qo}; margin-inline-end: ${Qo}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { :host([actionable]) .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${tr.outlined.outlineThickness??i("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { :host([actionable]) .base { transition: none; } }`;function ir(e){return o`:host([variant="${i(e)}"]) .base { background-color: ${tr[e].containerColor??i("unset")}; box-shadow: ${tr[e].containerElevation??i("unset")}; border-width: ${tr[e].outlineThickness??i("unset")}; } :host([actionable][variant="${i(e)}"]) .base { --m3e-state-layer-hover-color: ${tr[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${tr[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${tr[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${tr[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${tr[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${tr[e].pressed.stateLayerOpacity}; --m3e-elevation-level: ${tr[e].containerElevation??i("unset")}; --m3e-elevation-hover-level: ${tr[e].hover.containerElevation??i("unset")}; --m3e-elevation-focus-level: ${tr[e].focus.containerElevation??i("unset")}; --m3e-elevation-pressed-level: ${tr[e].pressed.containerElevation??i("unset")}; } :host([variant="${i(e)}"]) .base { border-color: ${tr[e].outlineColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:focus .base) { border-color: ${tr[e].focus.outlineColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:hover .base) { border-color: ${tr[e].hover.outlineColor??i("unset")}; } :host([actionable][variant="${i(e)}"]) .base.pressed { border-color: ${tr[e].pressed.outlineColor??i("unset")}; } :host([variant="${i(e)}"]) .base { color: ${tr[e].textColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:focus) .base { color: ${tr[e].focus.textColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:hover) .base { color: ${tr[e].hover.textColor??i("unset")}; } :host([actionable][variant="${i(e)}"]) .base.pressed { color: ${tr[e].pressed.textColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:disabled) .base, :host([actionable][variant="${i(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${tr[e].disabled.containerElevation??i("unset")}; --m3e-elevation-color: color-mix( in srgb, ${tr[e].disabled.containerElevationColor} ${tr[e].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${tr[e].disabled.textColor} ${tr[e].disabled.textOpacity}, transparent ); background-color: ${tr[e].disabled.containerColor&&tr[e].disabled.containerOpacity?i(`color-mix(\n        in srgb,\n        ${tr[e].disabled.containerColor} ${tr[e].disabled.containerOpacity},\n        transparent\n      )`):i("unset")}; border-color: ${tr[e].disabled.outlineColor&&tr[e].disabled.outlineOpacity?i(`color-mix(\n        in srgb,\n        ${tr[e].disabled.outlineColor} ${tr[e].disabled.outlineOpacity},\n        transparent\n      )`):i("unset")}; } :host([actionable][variant="${i(e)}"]:disabled) ::slotted(img), :host([actionable][variant="${i(e)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${i(e)}"]:disabled) ::slotted(video), :host([actionable][variant="${i(e)}"][disabled-interactive]) ::slotted(video) { opacity: ${tr[e].disabled.imageOpacity}; }`}const or=[ir("filled"),ir("elevated"),ir("outlined")];var rr,sr,nr,lr,cr,dr,hr,mr;let ur=class extends(V(R(j(q(Y(N(P(r),!0))))))){constructor(){super(),rr.add(this),sr.set(this,t=>e(this,rr,"m",mr).call(this,t)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new Z(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",e(this,sr,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",e(this,sr,"f"))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[U]()}<slot name="header" @slotchange="${e(this,rr,"m",nr)}"></slot><slot name="content" @slotchange="${e(this,rr,"m",lr)}"><slot @slotchange="${e(this,rr,"m",cr)}"></slot></slot><slot name="actions" @slotchange="${e(this,rr,"m",dr)}"></slot><slot name="footer" @slotchange="${e(this,rr,"m",hr)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};var pr,vr,br,fr,gr,yr;sr=new WeakMap,rr=new WeakSet,nr=function(e){const t=e.target.assignedNodes({flatten:!0}),a=this.shadowRoot?.querySelector(".base");a?.classList.toggle("has-header",t.length>0),a?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},lr=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},cr=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",g(e.target)&&null===this.querySelector("[slot='content']"))},dr=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",g(e.target))},hr=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",g(e.target))},mr=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},ur.styles=[or,ar],t([h(".base")],ur.prototype,"_base",void 0),t([h(".elevation")],ur.prototype,"_elevation",void 0),t([h(".focus-ring")],ur.prototype,"_focusRing",void 0),t([h(".state-layer")],ur.prototype,"_stateLayer",void 0),t([h(".ripple")],ur.prototype,"_ripple",void 0),t([m({type:Boolean,reflect:!0})],ur.prototype,"inline",void 0),t([m({type:Boolean,reflect:!0})],ur.prototype,"actionable",void 0),t([m({reflect:!0})],ur.prototype,"variant",void 0),t([m({reflect:!0})],ur.prototype,"orientation",void 0),ur=t([$("m3e-card")],ur);let $r=class extends(Q(ee(te(ae(ie(oe(re(se(V(q(N(P(f(r,"checkbox")))),!1)))))))))){constructor(){super(...arguments),pr.add(this),vr.set(this,t=>e(this,pr,"m",yr).call(this,t)),br.set(this,new ne(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),fr.set(this,new Z(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(vr=new WeakMap,br=new WeakMap,fr=new WeakMap,pr=new WeakSet,le)](){return!this.checked||this.disabled||this.indeterminate?null:this.value}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,vr,"f"));for(const t of this.labels)e(this,br,"f").observe(t),e(this,fr,"f").observe(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,vr,"f"));for(const t of this.labels)e(this,br,"f").unobserve(t),e(this,fr,"f").unobserve(t)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${e(this,pr,"m",gr).call(this)}</div></div>`}};var wr,xr,kr,Cr,Sr,_r,Lr;gr=function(){return this.indeterminate?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:n},yr=function(e){e.defaultPrevented||(this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.checked=!this.checked,this.indeterminate=!1,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))),this.closest("label")&&e.preventDefault())},$r.styles=o`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${v.density.calc(-3)}); height: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${v.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 0.125rem); } :host(:not([checked]):not([indeterminate])) .wrapper { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host( :not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not([indeterminate]):not([checked]) ) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-checkbox-unselected-ripple-color, ${v.color.onSurface}); } :host(:not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[checked]) .base, :host(:not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-hover-color, ${v.color.primary}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-focus-color, ${v.color.primary}); --m3e-ripple-color: var(--m3e-checkbox-selected-ripple-color, ${v.color.primary}); } :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[checked] ) .wrapper, :host( :not([aria-disabled="true"]):not( :is(:state(--touched), :--touched):is(:state(--invalid), :--invalid) )[indeterminate] ) .wrapper { background-color: var(--m3e-checkbox-selected-container-color, ${v.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${v.color.onPrimary}); } :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not( [checked] ):not([indeterminate]):not(:hover) ) .wrapper { border-color: var(--m3e-checkbox-unselected-outline-color, ${v.color.onSurfaceVariant}); } :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not( [checked] ):not([indeterminate]):hover ) .wrapper { border-color: var(--m3e-checkbox-unselected-hover-outline-color, ${v.color.onSurface}); } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${v.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${v.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${v.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); } :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid):not( [checked] ):not([indeterminate]) ) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-error-hover-color, ${v.color.error}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-error-focus-color, ${v.color.error}); --m3e-ripple-color: var(--m3e-checkbox-unselected-error-ripple-color, ${v.color.error}); } :host(:not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)[checked]) .base, :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)[indeterminate] ) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-error-hover-color, ${v.color.onError}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-error-focus-color, ${v.color.onError}); --m3e-ripple-color: var(--m3e-checkbox-selected-error-ripple-color, ${v.color.onError}); } :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid):not( [checked] ):not([indeterminate]) ) .wrapper { border-color: var(--m3e-checkbox-unselected-error-outline-color, ${v.color.error}); } @media (forced-colors: active) { :host( :not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not([indeterminate]):not([checked]) ) .base, :host(:not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[checked]) .base, :host(:not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: CanvasText; --m3e-state-layer-focus-color: CanvasText; --m3e-ripple-color: CanvasText; } :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not( [checked] ):not([indeterminate]):not(:hover) ) .wrapper, :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not( [checked] ):not([indeterminate]):hover ) .wrapper { border-color: CanvasText; } :host( :not([aria-disabled="true"]):not( :is(:state(--touched), :--touched):is(:state(--invalid), :--invalid) )[checked] ) .wrapper, :host( :not([aria-disabled="true"]):not( :is(:state(--touched), :--touched):is(:state(--invalid), :--invalid) )[indeterminate] ) .wrapper { background-color: CanvasText; color: Canvas; } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: GrayText; } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: GrayText; color: Canvas; } :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid):not( [checked] ):not([indeterminate]) ) .wrapper { border-color: Highlight; } :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid):not( [checked] ):not([indeterminate]) ) .base, :host(:not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)[checked]) .base, :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is( :state(--invalid), :--invalid )[indeterminate] ) .base { --m3e-state-layer-hover-color: Highlight; --m3e-state-layer-focus-color: Highlight; --m3e-ripple-color: Highlight; } }`,t([h(".focus-ring")],$r.prototype,"_focusRing",void 0),t([h(".state-layer")],$r.prototype,"_stateLayer",void 0),t([h(".ripple")],$r.prototype,"_ripple",void 0),t([m()],$r.prototype,"value",void 0),$r=t([$("m3e-checkbox")],$r);let Er=class extends(P(r)){constructor(){super(...arguments),wr.add(this),xr.set(this,void 0),kr.set(this,""),this.variant="outlined"}get value(){return e(this,xr,"f")??e(this,kr,"f")}set value(e){a(this,xr,e,"f")}get label(){return e(this,kr,"f")}firstUpdated(e){super.firstUpdated(e),"listitem"===this.role&&this.removeAttribute("tabindex"),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>{e?.htmlFor||e?.attach(this)})}render(){const t=!ce(this)||this.disabled,a=de(this)&&this.disabledInteractive;return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${t||a}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${t||a}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${t}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${t||a}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${he(this)?this[U]():n}<div class="wrapper">${e(this,wr,"m",Cr).call(this)}</div></div>`}_renderIcon(){return s`<slot name="icon" aria-hidden="true" @slotchange="${e(this,wr,"m",Sr)}"></slot>`}_renderTrailingIcon(){return s`<slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,wr,"m",_r)}"></slot>`}_renderSlot(){return s`<slot @slotchange="${e(this,wr,"m",Lr)}"></slot>`}};xr=new WeakMap,kr=new WeakMap,wr=new WeakSet,Cr=function(){return s`${this._renderIcon()}<div class="label">${this._renderSlot()}</div>${this._renderTrailingIcon()}`},Sr=function(e){x(this,"--with-icon",g(e.target))},_r=function(e){x(this,"--with-trailing-icon",g(e.target))},Lr=function(e){a(this,kr,me(e.target),"f")},Er.styles=o`:host { display: inline-block; vertical-align: middle; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; border-radius: var(--m3e-chip-container-shape, ${v.shape.corner.small}); height: calc(var(--m3e-chip-container-height, 2rem) + ${v.density.calc(-2)}); font-size: var(--m3e-chip-label-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-chip-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-chip-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-chip-label-text-tracking, ${v.typescale.standard.label.large.tracking}); } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host(:not(m3e-chip):not(:disabled)[disabled-interactive]) { cursor: not-allowed; } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) .base { user-select: none; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; column-gap: var(--m3e-chip-spacing, 0.5rem); } .label { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host([variant="elevated"]) .base { background-color: var(--m3e-elevated-chip-container-color, ${v.color.surfaceContainerLow}); --m3e-elevation-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); --m3e-elevation-hover-level: var(--m3e-elevated-chip-hover-elevation, ${v.elevation.level2}); --m3e-elevation-focus-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); --m3e-elevation-pressed-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); } :host([variant="outlined"]) .base { outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-style: solid; outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: var(--m3e-outlined-chip-outline-color, ${v.color.outlineVariant}); } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: color-mix( in srgb, var(--m3e-outlined-chip-disabled-outline-color, ${v.color.onSurface}) var(--m3e-outlined-chip-disabled-outline-opacity, 12%), transparent ); } :host(:is(:state(--with-icon), :--with-icon)) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } :host(:not(:is(:state(--with-icon), :--with-icon))) .wrapper { padding-inline-start: var(--m3e-chip-padding-start, 1rem); } :host(:is(:state(--with-trailing-icon), :--with-trailing-icon)) .wrapper { padding-inline-end: var(--m3e-chip-with-icon-padding-end, 0.5rem); } :host(:not(:is(:state(--with-trailing-icon), :--with-trailing-icon))) .wrapper { padding-inline-end: var(--m3e-chip-padding-end, 1rem); } ::slotted([slot="icon"]), ::slotted([slot="trailing-icon"]) { flex: none; width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem) !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-label-text-color, ${v.color.onSurface}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-icon-color, ${v.color.primary}); } :host(:disabled) .base, :host([disabled-interactive]) .base { color: color-mix( in srgb, var(--m3e-chip-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-chip-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: color-mix( in srgb, var(--m3e-chip-disabled-icon-color, ${v.color.onSurface}) var(--m3e-chip-disabled-icon-opacity, 38%), transparent ); } :host([variant="elevated"]:disabled) .base, :host([variant="elevated"][disabled-interactive]) .base { background-color: color-mix( in srgb, var(--m3e-elevated-chip-disabled-container-color, ${v.color.onSurface}) var(--m3e-elevated-chip-disabled-container-opacity, 12%), transparent ); --m3e-elevation-level: var(--m3e-elevated-chip-disabled-elevation, ${v.elevation.level0}); } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: CanvasText; } :host(:disabled) .base, :host([disabled-interactive]) .base, :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: GrayText; } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: GrayText; } }`,t([h(".elevation")],Er.prototype,"_elevation",void 0),t([h(".focus-ring")],Er.prototype,"_focusRing",void 0),t([h(".state-layer")],Er.prototype,"_stateLayer",void 0),t([h(".ripple")],Er.prototype,"_ripple",void 0),t([m({reflect:!0})],Er.prototype,"variant",void 0),t([m()],Er.prototype,"value",null),Er=t([$("m3e-chip")],Er);let zr=class extends(j(R(V(q(Y(N(f(Er,"button")))))))){_renderTrailingIcon(){return n}};zr.formAssociated=!0,zr=t([$("m3e-assist-chip")],zr);let Mr=class extends(ue(r)){render(){return s`<slot></slot>`}};var Pr,Tr,Ir;Mr.styles=o`:host { display: inline-flex; flex-wrap: wrap; vertical-align: middle; gap: var(--m3e-chip-set-spacing, 0.5rem); outline: none; } :host([vertical]) { flex-direction: column; }`,Mr=t([$("m3e-chip-set")],Mr);let Dr=class extends(pe(V(q(Y(N(f(Er,"radio"))))))){constructor(){super(...arguments),Pr.add(this),Tr.set(this,t=>e(this,Pr,"m",Ir).call(this,t))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Tr,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Tr,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-filter-chip-set")?.[We].notifySelectionChange(this)}_renderIcon(){return s`<div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg> ${super._renderIcon()}</div>`}};var Ar,Wr,Hr,Or,Br,Fr,Vr;Tr=new WeakMap,Pr=new WeakSet,Ir=function(e){e.defaultPrevented||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!this.selected,this.closest("m3e-filter-chip-set")?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},Dr.formAssociated=!0,Dr.styles=[Er.styles,o`:host([selected]:not(:is(:state(--hide-selection), :--hide-selection))) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } .icon { display: flex; align-items: center; justify-content: center; } .check { width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem); } :host(:not(:disabled):not([disabled-interactive])) .check { color: var(--m3e-chip-selected-leading-icon-color, ${v.color.onSecondaryContainer}); } :host(:not([selected])) .check, :host(:is(:state(--hide-selection), :--hide-selection)) .check, :host(:is(:state(--hide-selection), :--hide-selection):not(:is(:state(--with-icon), :--with-icon))) .icon { display: none; } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-chip-with-icon-padding-start, 0.5rem)); transition: margin-inline-start ${v.motion.spring.fastEffects}; } :host([selected]) .icon { margin-inline-start: 0; } :host([selected]:not(:is(:state(--hide-selection), :--hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-unselected-label-text-color, ${v.color.onSurfaceVariant}); --m3e-ripple-color: var(--m3e-chip-unselected-ripple-color, ${v.color.onSurfaceVariant}); --m3e-state-layer-focus-color: var( --m3e-chip-unselected-state-layer-focus-color, ${v.color.onSurfaceVariant} ); --m3e-state-layer-hover-color: var( --m3e-chip-unselected-state-layer-hover-color, ${v.color.onSurfaceVariant} ); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]) { color: var(--m3e-chip-unselected-leading-icon-color, ${v.color.primary}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-unselected-trailing-icon-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: unset; outline-width: var(--m3e-chip-selected-outline-thickness, 0); color: var(--m3e-chip-selected-label-text-color, ${v.color.onSecondaryContainer}); background-color: var(--m3e-chip-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-chip-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-chip-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-elevation-hover-level: var(--m3e-chip-selected-hover-elevation, ${v.elevation.level1}); --m3e-ripple-color: var(--m3e-chip-selected-ripple-color, ${v.color.onSecondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-chip-selected-state-layer-focus-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-chip-selected-state-layer-hover-color, ${v.color.onSecondaryContainer} ); } :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]) { color: var(--m3e-chip-selected-leading-icon-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-selected-trailing-icon-color, ${v.color.onSecondaryContainer}); } @media (prefers-reduced-motion) { .base, :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { transition: none; } } @media (forced-colors: active) { :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base, :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="trailing-icon"]), :host(:not(:disabled):not([disabled-interactive])) .check { color: ButtonText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-color: ButtonText; } }`],Dr=t([$("m3e-filter-chip")],Dr);let Rr=class extends(Q(te(ae(se(N(P(f(Mr,"radiogroup")))))))){constructor(){super(...arguments),Ar.add(this),Wr.set(this,void 0),this[Vr]=(new He).onActiveItemChange(()=>this[We].activeItem?.focus()).withWrap().withDirectionality(qe.current),this.multi=!1,this.hideSelectionIndicator=!1}get chips(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Wr=new WeakMap,Ar=new WeakSet,Vr=We,le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}connectedCallback(){super.connectedCallback(),a(this,Wr,qe.observe(()=>this[We].directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Wr,"f")?.call(this)}update(t){super.update(t),t.has("vertical")&&(this[We].vertical=this.vertical),t.has("disabled")&&(void 0!==t.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled),t.has("multi")&&(this.role=this.multi?"group":"radiogroup",e(this,Ar,"m",Fr).call(this),this[We].multi=this.multi,this[We].disableRovingTabIndex(this.multi)),(t.has("multi")||t.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),t.has("hideSelectionIndicator")&&this.chips.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator))}render(){return s`<slot @slotchange="${e(this,Ar,"m",Hr)}" @keydown="${e(this,Ar,"m",Or)}" @change="${e(this,Ar,"m",Br)}"></slot>`}};var qr,Nr,Ur,jr;Hr=function(){const{added:t}=this[We].setItems([...this.querySelectorAll("m3e-filter-chip")]);t.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator)),e(this,Ar,"m",Fr).call(this)},Or=function(e){this.multi||this[We].onKeyDown(e)},Br=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Fr=function(){this.chips.forEach(e=>e.role=this.multi?"button":"radio")},t([m({type:Boolean})],Rr.prototype,"multi",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],Rr.prototype,"hideSelectionIndicator",void 0),Rr=t([$("m3e-filter-chip-set")],Rr);let Yr=class extends(Y(N(f(Er,"row")))){constructor(){super(...arguments),qr.add(this),this.removable=!1,this.removeLabel="Remove"}connectedCallback(){super.connectedCallback(),this.removeAttribute("tabindex")}update(e){super.update(e),this.removeAttribute("tabindex"),e.has("removable")&&x(this,"--with-trailing-icon",this.removable)}render(){return s`<div class="base"><m3e-elevation class="elevation" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" for="cell" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="wrapper"><div id="cell" class="cell" role="gridcell" tabindex="${je(this.disabled?void 0:"-1")}" @keydown="${e(this,qr,"m",jr)}"><slot name="avatar" @slotchange="${e(this,qr,"m",Nr)}"></slot>${this._renderIcon()}<div class="label">${this._renderSlot()}</div><div class="touch" aria-hidden="true"></div></div>${this._renderTrailingIcon()}</div></div>`}_renderTrailingIcon(){return this.removable?s`<span role="gridcell" class="remove"><m3e-icon-button class="remove-button" aria-label="${this.removeLabel}" size="extra-small" tabindex="-1" ?disabled="${this.disabled}" ?disabled-interactive="${this.disabledInteractive}" @click="${e(this,qr,"m",Ur)}"><slot name="remove-icon"><svg class="remove-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button></span>`:n}};var Kr,Zr,Xr,Gr,Jr,Qr,es,ts,as,is,os,rs,ss,ns,ls,cs,ds,hs,ms,us,ps,vs,bs,fs;qr=new WeakSet,Nr=function(e){x(this,"--with-avatar",g(e.target))},Ur=function(e){e.stopPropagation(),this.dispatchEvent(new Event("remove"))},jr=function(e){if(this.removable)switch(e.key){case"Backspace":case"Delete":this.dispatchEvent(new Event("remove"))}},Yr.formAssociated=!0,Yr.styles=[Er.styles,o`.cell { display: inline-flex; align-items: center; outline: none; column-gap: var(--m3e-chip-spacing, 0.5rem); min-width: 0; } .remove-button { --m3e-icon-button-extra-small-container-height: 1.5rem; --m3e-icon-button-extra-small-icon-size: var(--m3e-chip-icon-size, 1.125rem); width: 1.5rem; } .remove-icon { flex: none; width: var(--m3e-chip-icon-size, 1.125rem); height: var(--m3e-chip-icon-size, 1.125rem); } .touch { top: calc( 0px - calc(calc(3rem - calc(var(--m3e-chip-container-height, 2rem) + ${v.density.calc(-2)})) / 2) ); } .wrapper { height: 100%; overflow: visible; min-width: 0; } ::slotted([slot="avatar"]) { flex: none; font-size: var(--m3e-chip-avatar-size, 1.5rem); } ::slotted(m3e-avatar[slot="avatar"]) { --m3e-icon-size: var(--m3e-chip-avatar-icon-size, 1.125rem); --m3e-avatar-size: var(--m3e-chip-avatar-size, 1.5rem); --m3e-avatar-font-size: var( --m3e-chip-avatar-font-size, ${v.typescale.standard.title.small.fontSize} ); --m3e-avatar-font-weight: var( --m3e-chip-avatar-font-height, ${v.typescale.standard.title.small.fontWeight} ); --m3e-avatar-line-height: var( --m3e-chip-avatar-line-height, ${v.typescale.standard.title.small.lineHeight} ); --m3e-avatar-tracking: var(--m3e-chip-avatar-tracking, ${v.typescale.standard.title.small.tracking}); } :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { opacity: var(--m3e-chip-disabled-avatar-opacity, 38%); color: var(--m3e-chip-disabled-icon-color, ${v.color.onSurface}); } :host(:is(:state(--with-avatar), :--with-avatar)) ::slotted([slot="icon"]) { display: none; } :host(:is(:state(--with-avatar), :--with-avatar)) .wrapper { padding-inline-start: var(--m3e-chip-with-avatar-padding-start, 0.25rem); } @media (forced-colors: active) { :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { color: CanvasText; } }`],t([h(".cell")],Yr.prototype,"cell",void 0),t([h(".remove-button")],Yr.prototype,"removeButton",void 0),t([m({type:Boolean})],Yr.prototype,"removable",void 0),t([m({attribute:"remove-label"})],Yr.prototype,"removeLabel",void 0),Yr=t([$("m3e-input-chip")],Yr);let gs=class extends(ee(ie(oe(te(ae(se(N(P(f(Mr,"grid")))))))))){constructor(){super(...arguments),Kr.add(this),Zr.set(this,void 0),Xr.set(this,()=>e(this,Kr,"m",bs).call(this)),Gr.set(this,t=>e(this,Kr,"m",fs).call(this,t)),Jr.set(this,()=>e(this,Kr,"m",hs).call(this)),Qr.set(this,()=>e(this,Kr,"m",ms).call(this)),es.set(this,()=>e(this,Kr,"m",us).call(this)),ts.set(this,t=>e(this,Kr,"m",ps).call(this,t)),as.set(this,t=>e(this,Kr,"m",vs).call(this,t)),is.set(this,new Oe),os.set(this,(new Me).onActiveItemChange(()=>e(this,os,"f").activeItem?.focus()).withHomeAndEnd().withSkipPredicate(e=>!e.hasAttribute("tabindex")).withDirectionality(qe.current)),rs.set(this,!1),ss.set(this,null),ns.set(this,0)}get chips(){return[...this.querySelectorAll("m3e-input-chip")]}get value(){const e=this.chips.filter(e=>!e.disabled).map(e=>e.value);return 0==e.length?null:e}get[(Zr=new WeakMap,Xr=new WeakMap,Gr=new WeakMap,Jr=new WeakMap,Qr=new WeakMap,es=new WeakMap,ts=new WeakMap,as=new WeakMap,is=new WeakMap,os=new WeakMap,rs=new WeakMap,ss=new WeakMap,ns=new WeakMap,Kr=new WeakSet,le)](){const e=this.value;if(!e)return null;const t=new FormData;for(const a of e)t.append(this.name,a);return t}get shouldLabelFloat(){return this.chips.length>0}onContainerClick(){e(this,ss,"f")?.focus()}connectedCallback(){super.connectedCallback(),customElements.get("m3e-form-field")?this.closest("m3e-form-field")?.notifyControlStateChange():customElements.whenDefined("m3e-form-field").then(()=>{this.closest("m3e-form-field")?.notifyControlStateChange()}),a(this,ns,Number.parseInt(this.getAttribute("tabindex")??"0"),"f"),this.addEventListener("focus",e(this,Jr,"f")),this.addEventListener("focusin",e(this,Qr,"f")),this.addEventListener("focusout",e(this,es,"f")),a(this,Zr,qe.observe(()=>e(this,os,"f").directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",e(this,Jr,"f")),this.removeEventListener("focusin",e(this,Qr,"f")),this.removeEventListener("focusout",e(this,es,"f")),e(this,Zr,"f")?.call(this)}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${e(this,ns,"f")}`)}update(t){super.update(t),t.has("vertical")&&(this.ariaOrientation=null),t.has("disabled")&&(e(this,is,"f").items.forEach(e=>e.disabled=this.disabled),e(this,ss,"f")&&(e(this,ss,"f").disabled=this.disabled))}render(){return s`<slot @keydown="${e(this,Kr,"m",ls)}" @slotchange="${e(this,Kr,"m",cs)}"></slot><span role="row"><span role="gridcell"><slot name="input" @slotchange="${e(this,Kr,"m",ds)}"></slot></span></span>`}};ls=function(t){e(this,os,"f").onKeyDown(t)},cs=async function(){const{added:t,removed:a}=e(this,is,"f").setItems([...this.querySelectorAll("m3e-input-chip")]);for(const a of t)a.isUpdatePending&&await a.updateComplete,this.disabled&&(a.disabled=!0),a.addEventListener("remove",e(this,ts,"f")),a.cell.addEventListener("click",e(this,as,"f"));a.forEach(t=>{t.removeEventListener("remove",e(this,ts,"f")),t.cell.removeEventListener("click",e(this,as,"f"))}),e(this,os,"f").setItems(e(this,is,"f").items.flatMap(e=>e.removeButton?[e.cell,e.removeButton]:[e.cell])),e(this,os,"f").activeItem||e(this,os,"f").updateActiveItem(e(this,os,"f").items.find(e=>e.hasAttribute("tabindex")))},ds=function(){const t=this.querySelector("input");if(e(this,ss,"f")&&(e(this,ss,"f").removeEventListener("change",e(this,Xr,"f")),e(this,ss,"f").removeEventListener("keydown",e(this,Gr,"f"))),a(this,ss,t,"f"),e(this,ss,"f")){e(this,ss,"f").disabled=this.disabled,e(this,ss,"f").addEventListener("change",e(this,Xr,"f")),e(this,ss,"f").addEventListener("keydown",e(this,Gr,"f"));const a=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(t,"value",{get:()=>a.get?.call(t),set:i=>{a.set?.call(t,i),e(this,ss,"f")!==t||e(this,rs,"f")||e(this,Kr,"m",bs).call(this)}})}},hs=function(){setTimeout(()=>(e(this,os,"f").activeItem??e(this,ss,"f"))?.focus())},ms=function(){this.setAttribute("tabindex","-1")},us=function(){this.setAttribute("tabindex",`${e(this,ns,"f")}`)},ps=function(t){const a=t.target,i=e(this,is,"f").items.indexOf(a),o=e(this,is,"f").items.find((e,t)=>t>i&&!e.disabled&&e.removable);a.remove(),e(this,os,"f").setActiveItem(e(this,os,"f").items.find(e=>e===o?.removeButton)),e(this,os,"f").activeItem||e(this,ss,"f")?.focus(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"remove",value:a.value,chip:a}}))},vs=function(t){e(this,os,"f").updateActiveItem(t.composedPath().find(e=>e instanceof Yr)?.cell)},bs=async function(){const t=e(this,ss,"f")?.value;if(!t)return;const i=document.createElement("m3e-input-chip");if(i.removable=!0,i.appendChild(document.createTextNode(t)),this.appendChild(i),i.isUpdatePending&&await i.updateComplete,e(this,ss,"f"))try{a(this,rs,!0,"f"),e(this,ss,"f").value=""}finally{a(this,rs,!1,"f")}this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"add",value:t,chip:i}}))},fs=function(t){if("Backspace"===t.key&&!e(this,ss,"f")?.value){const t=[...e(this,is,"f").items].reverse().find(e=>!e.disabled&&!e.disabledInteractive&&e.removable);t&&t.dispatchEvent(new Event("remove"))}},B(o`m3e-input-chip-set [slot="input"]::placeholder { user-select: none; color: currentColor; transition: opacity ${v.motion.duration.extraLong1}; } m3e-input-chip-set:not(:focus-within) [slot="input"]::placeholder { opacity: 0; transition: 0s; } m3e-input-chip-set:hover [slot="input"]::placeholder { transition: 0s; } @media (prefers-reduced-motion) { m3e-input-chip-set [slot="input"]::placeholder { transition: none !important; } }`),gs.styles=[Mr.styles,o`::slotted([slot="input"]) { outline: unset; border: unset; background-color: transparent; box-shadow: none; font-family: inherit; font-size: inherit; line-height: initial; letter-spacing: inherit; color: var(--_form-field-input-color, inherit); flex: 1 1 auto; min-width: 0; padding: unset; } ::slotted(m3e-input-chip) { min-width: 0; } span[role="row"], span[role="gridcell"] { display: contents; }`],gs=t([$("m3e-input-chip-set")],gs);let ys=class extends(j(R(V(q(Y(N(f(Er,"button")))))))){_renderTrailingIcon(){return n}};var $s,ws;ys.formAssociated=!0,ys=t([$("m3e-suggestion-chip")],ys);let xs=class extends(z(r)){constructor(){super(...arguments),$s.add(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,$s,"m",ws).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,$s,"m",ws).call(this)}render(){return s`<div class="base"><div class="scroll-container"><slot></slot></div></div>`}};var ks,Cs,Ss,_s,Ls,Es,zs,Ms;$s=new WeakSet,ws=function(){const e=this.shadowRoot?.querySelector(".base");if(!e)return;const t=getComputedStyle(e).getPropertyValue("--m3e-scrollbar-thin-width"),a=t.endsWith("px")?parseFloat(t):ve(!t||"thin"===t);e.style.setProperty("--_scrollbar-width",`${a}px`)},xs.styles=o`:host { display: block; } .base { width: 100%; height: 100%; overflow: hidden; border-radius: var(--m3e-content-pane-container-shape, ${v.shape.corner.extraLarge}); background-color: var(--m3e-content-pane-container-color, ${v.color.surface}); transition: ${i(`border-radius ${v.motion.duration.medium2} ${v.motion.easing.standard}`)}; } .scroll-container { width: inherit; height: inherit; border-radius: inherit; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; outline: none; padding-block: var(--m3e-content-pane-container-padding, ${v.shape.corner.value.extraLarge}); padding-inline-start: var(--m3e-content-pane-container-padding, ${v.shape.corner.value.extraLarge}); padding-inline-end: calc( var(--m3e-content-pane-container-padding, ${v.shape.corner.value.extraLarge}) - var( --_scrollbar-width, 0px ) ); scrollbar-color: ${v.scrollbar.color}; scrollbar-width: ${v.scrollbar.thinWidth}; } @media (prefers-reduced-motion) { .base { transition: none; } }`,xs=t([$("m3e-content-pane")],xs);class Ps{constructor(t,i){ks.set(this,null),Cs.set(this,0),Ss.set(this,!1),_s.set(this,void 0),Ls.set(this,()=>{if(!e(this,Ss,"f"))return;const t=performance.now();e(this,_s,"f").call(this,(t-e(this,Cs,"f"))/1e3,t/1e3),a(this,Cs,t,"f"),a(this,ks,requestAnimationFrame(e(this,Ls,"f")),"f")}),a(this,_s,i,"f"),t.addController(this)}hostDisconnected(){this.stop()}start(){e(this,Ss,"f")||(a(this,Ss,!0,"f"),a(this,Cs,performance.now(),"f"),e(this,Ls,"f").call(this))}stop(){e(this,Ss,"f")&&(a(this,Ss,!1,"f"),null!==e(this,ks,"f")&&(cancelAnimationFrame(e(this,ks,"f")),a(this,ks,null,"f")))}}ks=new WeakMap,Cs=new WeakMap,Ss=new WeakMap,_s=new WeakMap,Ls=new WeakMap;class Ts{constructor(t,i){Es.set(this,void 0),zs.set(this,void 0),Ms.set(this,new Set),a(this,Es,t,"f"),a(this,zs,i.target,"f"),e(this,Es,"f").addController(this)}get targets(){return e(this,Ms,"f").values()}hostConnected(){null!==e(this,zs,"f")&&this.observe(e(this,zs,"f")??e(this,Es,"f"))}hostDisconnected(){e(this,Ms,"f").forEach(e=>this.unobserve(e)),e(this,Ms,"f").clear()}observe(t){e(this,Ms,"f").has(t)||(e(this,Ms,"f").add(t),this._observe(t))}isObserving(t){return e(this,Ms,"f").has(t)}unobserve(t){e(this,Ms,"f").delete(t)&&this._unobserve(t)}}function Is(e,t){if(!t)return 0;const a=document.createElement("div");a.style.all="inherit",a.style.width=t,a.style.position="absolute",a.style.visibility="hidden",a.style.pointerEvents="none",e.appendChild(a);try{return parseFloat(getComputedStyle(a).width)}finally{a.remove()}}function Ds(e){const t=parseFloat(getComputedStyle(e).lineHeight);return isNaN(t)||t<=0?0:Math.round(e.scrollHeight/t)}async function As(e,t=200){function a(e){const t=e.getRootNode();return t instanceof ShadowRoot?t.activeElement===e:document.activeElement===e}e.focus();const i=performance.now();for(;!a(e);){if(!e.isConnected||performance.now()-i>t)return!1;await new Promise(requestAnimationFrame),e.focus()}return!0}function Ws(){return!l&&matchMedia("(forced-colors: active)").matches}function Hs(e,t,a){return e+(t-e)*a}function Os(e,t,a,i){return{x:Math.pow(1-i,2)*e.x+2*(1-i)*i*t.x+Math.pow(i,2)*a.x,y:Math.pow(1-i,2)*e.y+2*(1-i)*i*t.y+Math.pow(i,2)*a.y}}function Bs(e,t,a,i,o){return{x:Math.pow(1-o,3)*e.x+3*Math.pow(1-o,2)*o*t.x+3*(1-o)*Math.pow(o,2)*a.x+Math.pow(o,3)*i.x,y:Math.pow(1-o,3)*e.y+3*Math.pow(1-o,2)*o*t.y+3*(1-o)*Math.pow(o,2)*a.y+Math.pow(o,3)*i.y}}function Fs(e,t){const a=function(e){return(e.match(/[a-zA-Z][^a-zA-Z]*/g)||[]).map(e=>({type:e[0],nums:e.slice(1).trim().split(/[\s,]+/).filter(Boolean).map(Number)}))}(e);let i={x:0,y:0},o={x:0,y:0};const r=[];for(const e of a)if("M"===e.type)i={x:e.nums[0],y:e.nums[1]},o=i;else if("L"===e.type){const t={x:e.nums[0],y:e.nums[1]},a=t.x-i.x,o=t.y-i.y;r.push({type:"L",pts:[i,t],length:Math.hypot(a,o)}),i=t}else if("H"===e.type){const t={x:e.nums[0],y:i.y},a=t.x-i.x;r.push({type:"L",pts:[i,t],length:Math.abs(a)}),i=t}else if("V"===e.type){const t={x:i.x,y:e.nums[0]},a=t.y-i.y;r.push({type:"L",pts:[i,t],length:Math.abs(a)}),i=t}else if("Q"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]};let o=0,s=i;const n=20;for(let e=1;e<=n;e++){const r=Os(i,t,a,e/n);o+=Math.hypot(r.x-s.x,r.y-s.y),s=r}r.push({type:"Q",pts:[i,t,a],length:o}),i=a}else if("C"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]},o={x:e.nums[4],y:e.nums[5]};let s=0,n=i;const l=20;for(let e=1;e<=l;e++){const r=Bs(i,t,a,o,e/l);s+=Math.hypot(r.x-n.x,r.y-n.y),n=r}r.push({type:"C",pts:[i,t,a,o],length:s}),i=o}else if("Z"===e.type){const e=o.x-i.x,t=o.y-i.y;r.push({type:"L",pts:[i,o],length:Math.hypot(e,t)}),i=o}const s=r.reduce((e,t)=>e+t.length,0)/(t-1),n=[];let l=0,c=0;for(let e=0;e<t;e++){const t=e*s;for(;c<r.length&&l+r[c].length<t;)l+=r[c].length,c++;const a=r[c];if(!a)break;const i=(t-l)/a.length;if("L"===a.type){const[e,t]=a.pts;n.push({x:Hs(e.x,t.x,i),y:Hs(e.y,t.y,i)})}else if("Q"===a.type){const[e,t,o]=a.pts;n.push(Os(e,t,o,i))}else if("C"===a.type){const[e,t,o,r]=a.pts;n.push(Bs(e,t,o,r,i))}}return n}function Vs(e,t,a){return Math.max(t,Math.min(a,e))}function Rs(e,t){const a=e.length,i=new Array(a);for(let o=0;o<a;o++)i[o]=e[(o+t)%a];return i}function qs(e,t){const a=Math.min(t.length,e.length);let i=0,o=1/0;for(let r=0;r<a;r++){let s=0;for(let i=0;i<a;i++){const n=t[(i+r)%a],l=e[i],c=n.x-l.x,d=n.y-l.y;if(s+=c*c+d*d,s>=o)break}s<o&&(o=s,i=r)}return i}function Ns(e){let t=0;const a=e.length;for(let i=0;i<a;i++){const o=e[i],r=e[(i+1)%a];t+=o.x*r.y-r.x*o.y}return t/2}function Us(e,t){return function(e){const t=e.map(e=>{const t=function(e){let t=1/0,a=1/0,i=-1/0,o=-1/0;for(const r of e)r.x<t&&(t=r.x),r.x>i&&(i=r.x),r.y<a&&(a=r.y),r.y>o&&(o=r.y);return{minX:t,minY:a,maxX:i,maxY:o,width:i-t,height:o-a}}(e),a=e.map(e=>({x:e.x-t.minX,y:e.y-t.minY})),i=Math.max(t.width,t.height)||1,o=a.map(e=>({x:e.x/i,y:e.y/i})),r=t.width/i,s=t.height/i,n=(1-r)/2,l=(1-s)/2;return o.map(e=>({x:e.x+n,y:e.y+l}))}),a=t[0],i=Math.sign(Ns(a));for(let e=1;e<t.length;e++){let o=t[e];const r=Math.sign(Ns(o));0!==r&&r!==i&&(o=o.slice().reverse());const s=qs(a,o);t[e]=Rs(o,s)}return t}(e.map(e=>Fs(e,t))).map(e=>`${e.map(e=>{const t=Vs(100*e.x,0,100),a=Vs(100*e.y,0,100);return`${t.toFixed(2)}% ${a.toFixed(2)}%`}).join(", ")}`)}Es=new WeakMap,zs=new WeakMap,Ms=new WeakMap;let js=null,Ys=null;function Ks(e=!1){if(e&&null!==Ys)return Ys;if(null!==js)return js;const t=document.createElement("div");t.style.visibility="hidden",t.style.overflow="scroll",e&&(t.style.scrollbarWidth="thin"),t.style.width="100px",t.style.position="absolute",t.style.top="-9999px",document.body.appendChild(t);const a=document.createElement("div");let i;return a.style.width="100%",t.appendChild(a),i=e?Ys=t.offsetWidth-a.offsetWidth:js=t.offsetWidth-a.offsetWidth,t.remove(),i}function Zs(e,t=!1){let a="";switch(e.nodeType){case Node.TEXT_NODE:a=e.nodeValue??"";break;case Node.ELEMENT_NODE:if(e instanceof HTMLSlotElement)for(const i of e.assignedNodes({flatten:!0}))a+=Zs(i,t);else for(const i of e.childNodes)a+=Zs(i,t)}return t&&(a=a.trim()),a}function Xs(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})}function Gs(e){return e.assignedNodes({flatten:!0}).length>0}function Js(e,t,a){const i=Object.getOwnPropertyDescriptor(e,t)??Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),t);if(!i)throw new Error(`Property ${String(t)} not found on target.`);const o=i.get?.bind(e),r=i.set?.bind(e);return Object.defineProperty(e,t,{configurable:!0,enumerable:i.enumerable,get:()=>a.get?a.get(()=>o?.()):o?.(),set(e){a.set?a.set(e,e=>r?.(e)):r?.(e)}}),()=>Object.defineProperty(e,t,i)}function Qs(){return l||matchMedia("(prefers-reduced-motion)").matches}function en(e){if("undefined"==typeof window)return;const t=new CSSStyleSheet;t.replaceSync(e.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,t]}function tn(e,t=document){return new Promise(a=>{const i=t.querySelector(`#${e}`);i?a(i):"complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",()=>a(t.querySelector(`#${e}`)),{once:!0}):a(t.querySelector(`#${e}`))})}function an(e){const t=document?.location??null;return`url(${t?(t.pathname+t.search).split("#")[0]:""}#${e})`}function on(e,t,a){const i=t.getBoundingClientRect(),o=e.getBoundingClientRect();(o.top<i.top||o.bottom>i.bottom)&&e.scrollIntoView(a)}var rn,sn,nn,ln,cn,dn,hn,mn,un,pn,vn,bn,fn,gn,yn,$n,wn,xn,kn,Cn,Sn,_n,Ln,En,zn,Mn,Pn,Tn,In,Dn,An,Wn,Hn,On,Bn,Fn,Vn,Rn,qn,Nn,Un,jn,Yn,Kn,Zn,Xn,Gn,Jn,Qn,el,tl,al,il,ol,rl,sl,nl,ll,cl,dl,hl,ml,ul,pl,vl,bl,fl,gl,yl;class $l{constructor(e=100){rn.set(this,[]),sn.set(this,void 0),a(this,sn,e,"f")}add(t,a=performance.now()){e(this,rn,"f").push({y:t,t:a});const i=a-e(this,sn,"f");for(;e(this,rn,"f").length>1&&e(this,rn,"f")[0].t<i;)e(this,rn,"f").shift()}getVelocity(){if(e(this,rn,"f").length<2)return 0;const t=e(this,rn,"f")[0],a=e(this,rn,"f")[e(this,rn,"f").length-1],i=a.y-t.y,o=(a.t-t.t)/1e3;return o>0?i/o:0}reset(){e(this,rn,"f").length=0}}async function wl(e){const t=e.tagName.toLowerCase();if(!t.includes("-"))return;customElements.get(t)||await customElements.whenDefined(t);const a=customElements.get(t);!a||e instanceof a||(await Promise.resolve(),e instanceof a||await Promise.resolve())}rn=new WeakMap,sn=new WeakMap;class xl extends Ts{constructor(t,i){super(t,i),nn.add(this),ln.set(this,!1),cn.set(this,void 0),dn.set(this,t=>e(this,nn,"m",gn).call(this,t)),hn.set(this,t=>e(this,nn,"m",yn).call(this,t)),mn.set(this,t=>e(this,nn,"m",$n).call(this,t)),un.set(this,()=>a(this,ln,!0,"f")),pn.set(this,()=>a(this,ln,!1,"f")),vn.set(this,!1),bn.set(this,()=>a(this,vn,!0,"f")),fn.set(this,()=>a(this,vn,!1,"f")),a(this,cn,i.callback,"f")}hostConnected(){super.hostConnected(),window?.addEventListener("keydown",e(this,bn,"f"),{capture:!0,passive:!0}),window?.addEventListener("pointerdown",e(this,fn,"f"),{capture:!0})}hostDisconnected(){super.hostDisconnected(),window?.removeEventListener("keydown",e(this,bn,"f"),{capture:!0}),window?.removeEventListener("pointerdown",e(this,fn,"f"),{capture:!0})}_observe(t){t.addEventListener("keydown",e(this,dn,"f")),t.addEventListener("focusin",e(this,hn,"f")),t.addEventListener("focusout",e(this,mn,"f")),t.addEventListener("touchstart",e(this,un,"f")),t.addEventListener("touchend",e(this,pn,"f")),t.addEventListener("touchcancel",e(this,pn,"f"))}_unobserve(t){t.removeEventListener("keydown",e(this,dn,"f")),t.removeEventListener("focusin",e(this,hn,"f")),t.removeEventListener("focusout",e(this,mn,"f")),t.removeEventListener("touchstart",e(this,un,"f")),t.removeEventListener("touchend",e(this,pn,"f")),t.removeEventListener("touchcancel",e(this,pn,"f"))}}ln=new WeakMap,cn=new WeakMap,dn=new WeakMap,hn=new WeakMap,mn=new WeakMap,un=new WeakMap,pn=new WeakMap,vn=new WeakMap,bn=new WeakMap,fn=new WeakMap,nn=new WeakSet,gn=function(t){t.currentTarget.matches(":focus-within")&&e(this,nn,"m",yn).call(this,t)},yn=function(t){if(e(this,ln,"f"))return;const a=t.currentTarget;e(this,cn,"f").call(this,!0,a.matches(":focus-visible")||e(this,vn,"f")||Ws(),a)},$n=function(t){e(this,ln,"f")||e(this,cn,"f").call(this,!1,!1,t.currentTarget)};class kl extends Ts{constructor(t,i){super(t,i),wn.add(this),xn.set(this,void 0),kn.set(this,new Map),Cn.set(this,new Map),Sn.set(this,t=>e(this,wn,"m",Mn).call(this,t)),_n.set(this,t=>e(this,wn,"m",Pn).call(this,t)),a(this,xn,i.callback,"f"),this.startDelay=i.startDelay??0,this.endDelay=i.endDelay??0}clearDelays(){for(const t of this.targets)e(this,wn,"m",Ln).call(this,t)}_observe(t){t.addEventListener("pointerenter",e(this,Sn,"f")),t.addEventListener("pointerleave",e(this,_n,"f")),t.addEventListener("touchend",e(this,_n,"f"))}_unobserve(t){t.removeEventListener("pointerenter",e(this,Sn,"f")),t.removeEventListener("pointerleave",e(this,_n,"f")),t.removeEventListener("touchend",e(this,_n,"f"))}}xn=new WeakMap,kn=new WeakMap,Cn=new WeakMap,Sn=new WeakMap,_n=new WeakMap,wn=new WeakSet,Ln=function(t){e(this,wn,"m",En).call(this,t),e(this,wn,"m",zn).call(this,t)},En=function(t){return!!e(this,kn,"f").has(t)&&(clearTimeout(e(this,kn,"f").get(t)),e(this,kn,"f").delete(t))},zn=function(t){return!!e(this,Cn,"f").has(t)&&(clearTimeout(e(this,Cn,"f").get(t)),e(this,Cn,"f").delete(t))},Mn=function(t){const a=t.target;e(this,wn,"m",zn).call(this,a),this.startDelay>0?(e(this,wn,"m",En).call(this,a),e(this,kn,"f").set(a,setTimeout(()=>{e(this,kn,"f").delete(a),e(this,xn,"f").call(this,!0,a)},this.startDelay))):e(this,xn,"f").call(this,!0,a)},Pn=function(t){const a=t.target;e(this,wn,"m",En).call(this,a)||(this.endDelay>0?(e(this,wn,"m",zn).call(this,a),e(this,Cn,"f").set(a,setTimeout(()=>{e(this,Cn,"f").delete(a),e(this,xn,"f").call(this,!1,a)},this.endDelay))):e(this,xn,"f").call(this,!1,a))};class Cl{constructor(e){Tn.set(this,void 0),In.set(this,new Array),a(this,Tn,e,"f"),e.addController(this)}lock(){this.unlock();for(let t=e(this,Tn,"f");t.parentNode&&t.parentNode!==document.documentElement;t=t.parentNode)for(const a of t.parentNode.children)a instanceof HTMLElement&&a!==t&&!a.inert&&(a.inert=!0,e(this,In,"f").push(a))}unlock(){e(this,In,"f").forEach(e=>e.inert=!1),e(this,In,"f").length=0}hostDisconnected(){this.unlock()}}Tn=new WeakMap,In=new WeakMap;class Sl extends Ts{constructor(t,i){super(t,i),Dn.set(this,void 0),An.set(this,!1),Wn.set(this,void 0),Hn.set(this,!0),a(this,Dn,i.callback,"f"),a(this,An,i.skipInitial??!1,"f"),l||(window.IntersectionObserver?a(this,Wn,new IntersectionObserver((t,a)=>{e(this,Dn,"f").call(this,t,a)},i.init),"f"):console.warn("IntersectionController error: the browser does not support IntersectionObserver."))}async hostUpdated(){e(this,Wn,"f")&&!e(this,An,"f")&&e(this,Hn,"f")&&e(this,Dn,"f").call(this,[],e(this,Wn,"f")),a(this,Hn,!1,"f")}_observe(t){e(this,Wn,"f")?.observe(t),a(this,Hn,!0,"f")}_unobserve(t){e(this,Wn,"f")?.unobserve(t)}}Dn=new WeakMap,An=new WeakMap,Wn=new WeakMap,Hn=new WeakMap;class _l extends Ts{constructor(t,i){super(t,i),On.add(this),Bn.set(this,void 0),Fn.set(this,void 0),Vn.set(this,new Set),Rn.set(this,new Map),qn.set(this,t=>e(this,On,"m",Un).call(this,t)),Nn.set(this,t=>e(this,On,"m",jn).call(this,t)),a(this,Bn,i.callback,"f"),a(this,Fn,i.threshold??500,"f")}_observe(t){t.addEventListener("touchstart",e(this,qn,"f"),{passive:!0}),t.addEventListener("touchend",e(this,Nn,"f")),t.addEventListener("touchcancel",e(this,Nn,"f"))}_unobserve(t){t.removeEventListener("touchstart",e(this,qn,"f")),t.removeEventListener("touchend",e(this,Nn,"f")),t.removeEventListener("touchcancel",e(this,Nn,"f"))}}Bn=new WeakMap,Fn=new WeakMap,Vn=new WeakMap,Rn=new WeakMap,qn=new WeakMap,Nn=new WeakMap,On=new WeakSet,Un=function(t){if(t.currentTarget instanceof HTMLElement&&this.isObserving(t.currentTarget)){const a=t.currentTarget;e(this,Rn,"f").set(a,setTimeout(()=>{e(this,Vn,"f").add(a),e(this,Rn,"f").delete(a),e(this,Bn,"f").call(this,!0,a)},e(this,Fn,"f")))}},jn=function(t){if(t.currentTarget instanceof HTMLElement&&this.isObserving(t.currentTarget)){const a=t.currentTarget;e(this,Vn,"f").has(a)&&(e(this,Bn,"f").call(this,!1,a),e(this,Vn,"f").delete(a)),e(this,Rn,"f").has(a)&&(clearTimeout(e(this,Rn,"f").get(a)),e(this,Rn,"f").delete(a))}};class Ll extends Ts{constructor(t,i){super(t,i),Yn.set(this,void 0),Kn.set(this,!1),Zn.set(this,void 0),Xn.set(this,void 0),Gn.set(this,!0),a(this,Yn,i.callback,"f"),a(this,Kn,i.skipInitial??!1,"f"),a(this,Zn,i.config,"f"),l||(window.MutationObserver?a(this,Xn,new MutationObserver((t,a)=>e(this,Yn,"f").call(this,t,a)),"f"):console.warn("MutationController error: the browser does not support MutationObserver."))}async hostUpdated(){if(e(this,Xn,"f")&&!e(this,Kn,"f")&&e(this,Gn,"f")){const t=e(this,Xn,"f").takeRecords();t.length>0&&e(this,Yn,"f").call(this,t,e(this,Xn,"f"))}a(this,Gn,!1,"f")}hostDisconnected(){super.hostDisconnected(),e(this,Xn,"f")?.disconnect()}_observe(t){e(this,Xn,"f")?.observe(t,e(this,Zn,"f")),a(this,Gn,!0,"f")}_unobserve(){e(this,Xn,"f")?.disconnect();for(const t of this.targets)e(this,Xn,"f")?.observe(t,e(this,Zn,"f"))}}Yn=new WeakMap,Kn=new WeakMap,Zn=new WeakMap,Xn=new WeakMap,Gn=new WeakMap;class El extends Ts{constructor(t,i){super(t,i),Jn.add(this),Qn.set(this,void 0),el.set(this,void 0),tl.set(this,void 0),al.set(this,new Map),il.set(this,void 0),ol.set(this,t=>e(this,Jn,"m",cl).call(this,t)),rl.set(this,t=>e(this,Jn,"m",dl).call(this,t)),sl.set(this,t=>e(this,Jn,"m",hl).call(this,t)),nl.set(this,t=>e(this,Jn,"m",ml).call(this,t)),ll.set(this,t=>e(this,Jn,"m",ul).call(this,t)),a(this,Qn,i.capture,"f"),a(this,el,i.callback,"f"),a(this,tl,i.isPressedKey,"f"),a(this,il,i.minPressedDuration??0,"f")}hostConnected(){document.addEventListener("pointerup",e(this,rl,"f"),{capture:e(this,Qn,"f")}),document.addEventListener("touchend",e(this,sl,"f"),{capture:e(this,Qn,"f")}),document.addEventListener("touchcancel",e(this,sl,"f"),{capture:e(this,Qn,"f")}),super.hostConnected()}hostDisconnected(){document.removeEventListener("pointerup",e(this,rl,"f"),{capture:e(this,Qn,"f")}),document.removeEventListener("touchend",e(this,sl,"f"),{capture:e(this,Qn,"f")}),document.removeEventListener("touchcancel",e(this,sl,"f"),{capture:e(this,Qn,"f")}),super.hostDisconnected(),e(this,al,"f").clear()}_observe(t){t.addEventListener("pointerdown",e(this,ol,"f"),{capture:e(this,Qn,"f")}),e(this,tl,"f")&&(t.addEventListener("keydown",e(this,nl,"f"),{capture:e(this,Qn,"f")}),t.addEventListener("keyup",e(this,ll,"f"),{capture:e(this,Qn,"f")}))}_unobserve(t){t.removeEventListener("pointerdown",e(this,ol,"f"),{capture:e(this,Qn,"f")}),e(this,tl,"f")&&(t.removeEventListener("keydown",e(this,nl,"f"),{capture:e(this,Qn,"f")}),t.removeEventListener("keyup",e(this,ll,"f"),{capture:e(this,Qn,"f")}))}}Qn=new WeakMap,el=new WeakMap,tl=new WeakMap,al=new WeakMap,il=new WeakMap,ol=new WeakMap,rl=new WeakMap,sl=new WeakMap,nl=new WeakMap,ll=new WeakMap,Jn=new WeakSet,cl=function(t){if(!("mouse"===t.pointerType&&t.button>1))for(const a of t.composedPath())if(a instanceof HTMLElement&&this.isObserving(a)){e(this,al,"f").has(a)||(e(this,al,"f").set(a,performance.now()),e(this,el,"f").call(this,!0,{x:t.x,y:t.y},a));break}},dl=function(t){"mouse"===t.pointerType&&t.button>1||e(this,Jn,"m",pl).call(this,t.x,t.y)},hl=function(t){e(this,Jn,"m",pl).call(this,t.changedTouches[0]?.clientX??0,t.changedTouches[0]?.clientY??0)},ml=function(t){if(t.target!==t.currentTarget)return;const a=t.currentTarget;if(e(this,tl,"f")?.call(this,t.key)&&(" "===t.key&&t.preventDefault(),!e(this,al,"f").has(a))){e(this,al,"f").set(a,performance.now());const t=a.getBoundingClientRect();e(this,el,"f").call(this,!0,{x:t.x+t.width/2,y:t.y+t.height/2},a)}},ul=function(t){const a=t.target;if(e(this,al,"f").has(a)&&e(this,tl,"f")?.call(this,t.key)){const t=e(this,il,"f")-(performance.now()-e(this,al,"f").get(a)),i=a.getBoundingClientRect();t>0?setTimeout(()=>{e(this,al,"f").delete(a),e(this,el,"f").call(this,!1,{x:i.x+i.width/2,y:i.y+i.height/2},a)},t):(e(this,al,"f").delete(a),e(this,el,"f").call(this,!1,{x:i.x+i.width/2,y:i.y+i.height/2},a))}},pl=function(t,a){for(const i of e(this,al,"f")){const o=e(this,il,"f")-(performance.now()-i[1]);o>0?setTimeout(()=>{e(this,al,"f").delete(i[0]),e(this,el,"f").call(this,!1,{x:t,y:a},i[0])},o):(e(this,al,"f").delete(i[0]),e(this,el,"f").call(this,!1,{x:t,y:a},i[0]))}};class zl extends Ts{constructor(t,i){super(t,i),vl.set(this,void 0),bl.set(this,void 0),fl.set(this,void 0),gl.set(this,void 0),yl.set(this,!0),a(this,vl,i.callback,"f"),a(this,bl,i.skipInitial??!1,"f"),a(this,fl,i.config,"f"),l||(window.ResizeObserver?a(this,gl,new ResizeObserver((t,a)=>e(this,vl,"f").call(this,t,a)),"f"):console.warn("ResizeController error: the browser does not support ResizeObserver."))}async hostUpdated(){e(this,gl,"f")&&!e(this,bl,"f")&&e(this,yl,"f")&&e(this,vl,"f").call(this,[],e(this,gl,"f")),a(this,yl,!1,"f")}_observe(t){e(this,gl,"f")?.observe(t,e(this,fl,"f")),a(this,yl,!0,"f")}_unobserve(t){e(this,gl,"f")?.unobserve(t)}}vl=new WeakMap,bl=new WeakMap,fl=new WeakMap,gl=new WeakMap,yl=new WeakMap;const Ml=e=>(t,a)=>{const i=()=>{"undefined"==typeof window||customElements.get(e)||customElements.define(e,t)};a?a.addInitializer(i):i()};function Pl(e){const t=Symbol("_id");return(a,i,o)=>{const r=o.value;return o.value=function(...a){clearTimeout(this[t]),this[t]=setTimeout(()=>r.apply(this,a),e)},o}}var Tl,Il,Dl,Al,Wl,Hl,Ol,Bl,Fl,Vl,Rl,ql,Nl,Ul,jl,Yl;class Kl extends Ts{constructor(t,i){super(t,i),Tl.add(this),Il.set(this,void 0),Dl.set(this,void 0),Al.set(this,t=>e(this,Tl,"m",Fl).call(this,t)),Wl.set(this,new Map),a(this,Il,!0===i.debounce,"f"),a(this,Dl,i.callback,"f")}getScrollContainers(t){return e(this,Wl,"f").get(t)}_observe(t){const a=e(this,Tl,"m",Bl).call(this,t);if(a.length>0){e(this,Wl,"f").set(t,a);for(const t of a)(t===document.documentElement?document:t).addEventListener("scroll",e(this,Al,"f"),{passive:!0})}}_unobserve(t){if(e(this,Wl,"f").has(t)){for(const a of e(this,Wl,"f").get(t))(a===document.documentElement?document:a).removeEventListener("scroll",e(this,Al,"f"));e(this,Wl,"f").delete(t)}}_debounceCallback(t){e(this,Dl,"f").call(this,t)}}Il=new WeakMap,Dl=new WeakMap,Al=new WeakMap,Wl=new WeakMap,Tl=new WeakSet,Hl=function(t){const a=t.shadowRoot;if(!a)return null;const i=document.createTreeWalker(a,NodeFilter.SHOW_ELEMENT);let o=i.currentNode;for(;o;){if(o instanceof Element&&e(this,Tl,"m",Ol).call(this,o))return o;o=i.nextNode()}return null},Ol=function(e){const t=getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowY+t.overflowX)},Bl=function(t){const a=new Array,i=e(this,Tl,"m",Hl).call(this,t);i&&a.push(i);let o=t;for(;o;)e(this,Tl,"m",Ol).call(this,o)&&a.push(o),o=o.parentElement;return a},Fl=function(t){const a=t.target===document?document.documentElement:t.target;e(this,Il,"f")?this._debounceCallback(a):e(this,Dl,"f").call(this,a)},t([Pl(40)],Kl.prototype,"_debounceCallback",null);class Zl{constructor(e){Vl.add(this),Rl.set(this,!1),ql.set(this,0),Nl.set(this,0),Ul.set(this,""),jl.set(this,""),e.addController(this)}lock(){e(this,Rl,"f")||(a(this,Rl,!0,"f"),a(this,ql,window.scrollY,"f"),a(this,Nl,window.scrollX,"f"),a(this,Ul,document.documentElement.style.overflow,"f"),a(this,jl,document.documentElement.style.scrollbarGutter,"f"),e(this,Vl,"m",Yl).call(this)&&(document.documentElement.style.scrollbarGutter="stable"),document.documentElement.style.overflow="hidden",window.scrollTo(e(this,Nl,"f"),e(this,ql,"f")))}unlock(){e(this,Rl,"f")&&(a(this,Rl,!1,"f"),document.documentElement.style.overflow=e(this,Ul,"f"),document.documentElement.style.scrollbarGutter=e(this,jl,"f"),window.scrollTo(e(this,Nl,"f"),e(this,ql,"f")))}hostDisconnected(){this.unlock()}}Rl=new WeakMap,ql=new WeakMap,Nl=new WeakMap,Ul=new WeakMap,jl=new WeakMap,Vl=new WeakSet,Yl=function(){return document.documentElement.scrollHeight>document.documentElement.clientHeight};const Xl={fromAttribute(e){if(!e)return null;const t=e.match(/^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}):(\d{2})(?:\.(\d{3}))?)?(Z|[+-]\d{2}:\d{2})?$/);if(!t)return null;const a=Number(t[1]),i=Number(t[2])-1,o=Number(t[3]),r=void 0!==t[4],s=r?Number(t[4]):0,n=r?Number(t[5]):0,l=r?Number(t[6]):0,c=r&&t[7]?Number(t[7]):0,d=t[8];if(!r&&!d)return new Date(a,i,o);if(r&&!d)return new Date(a,i,o,s,n,l,c);if("Z"===d)return new Date(Date.UTC(a,i,o,s,n,l,c));if(d&&/^[+-]\d{2}:\d{2}$/.test(d)){const e=d.startsWith("-")?-1:1,[t,r]=d.slice(1).split(":").map(Number),h=e*(60*t+r),m=Date.UTC(a,i,o,s,n,l,c);return new Date(m-6e4*h)}return null},toAttribute:e=>e?.toISOString()??null},Gl={fromAttribute:e=>e?e.split(/\s+/).map(e=>e.trim()).filter(Boolean):[],toAttribute:e=>e.join(" ")},Jl="important",Ql=" !"+Jl;const ec=Xe(class extends Ge{constructor(e){if(super(e),e.type!==Je.ATTRIBUTE||"style"!==e.name||e.strings?.length>2)throw new Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return n}update(e,[t]){const{style:a}=e.element;void 0===this._previousStyleProperties&&(this._previousStyleProperties=new Set(Object.keys(t)));for(const e of this._previousStyleProperties)null==t[e]&&(this._previousStyleProperties.delete(e),e.includes("-")?a.removeProperty(e):a[e]=null);for(const e in t){const i=t[e];if(null!=i){this._previousStyleProperties.add(e);const t="string"==typeof i&&i.endsWith(Ql);e.includes("-")||t?a.setProperty(e,t?i.slice(0,-11):i,t?Jl:""):a[e]=i}}return c}});function tc(e,...t){return"object"==typeof e&&null!==e&&t.every(t=>t in e)}const ac=Symbol("internals");function ic(e){return tc(e,ac)}const oc=Symbol("_internals"),rc=Symbol("_customState");function sc(e,t){var a;class i extends e{constructor(){super(...arguments),this[a]=new Set}get[(a=rc,ac)](){return this[oc]??(this[oc]=this.attachInternals())}}return i.formAssociated=t,i}function nc(e,t){return rc in e?e[rc].has(t):e[ac].states.has(t)}function lc(e,t){rc in e&&e[rc].add(t),e[ac]?.states.add(t),e[ac]?.states.has(t)}function cc(e,t){return rc in e&&e[rc].delete(t),!!e[ac]?.states.delete(t)&&(e[ac]?.states.has(t),!0)}function dc(e,t,a){a?lc(e,t):cc(e,t)}function hc(e){return tc(e,"checked")}function mc(e){class a extends e{constructor(){super(...arguments),this.checked=!1}update(e){super.update(e),e.has("checked")&&("button"===this.role?(this.ariaPressed=`${this.checked}`,this.ariaChecked=null):this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaChecked=`${this.checked}`,this.ariaPressed=null))}}return t([m({type:Boolean,reflect:!0})],a.prototype,"checked",void 0),a}function uc(e){return tc(e,"indeterminate")&&hc(e)}function pc(e){class a extends(mc(e)){constructor(){super(...arguments),this.indeterminate=!1}update(e){super.update(e),e.has("indeterminate")&&this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaChecked=!this.checked&&this.indeterminate?"mixed":`${this.checked}`)}}return t([m({type:Boolean,reflect:!0})],a.prototype,"indeterminate",void 0),a}function vc(e){return tc(e,"selected")}function bc(e){class a extends e{constructor(){super(...arguments),this.selected=!1}update(e){super.update(e),e.has("selected")&&("button"===this.role?(this.ariaPressed=`${this.selected}`,this.ariaSelected=null,this.ariaChecked=null):"radio"===this.role?(this.ariaChecked=`${this.selected}`,this.ariaSelected=null,this.ariaPressed=null):this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaSelected=`${this.selected}`,this.ariaPressed=null,this.ariaChecked=null))}}return t([m({type:Boolean,reflect:!0})],a.prototype,"selected",void 0),a}function fc(e){return hc(e)||vc(e)}function gc(e){return hc(e)&&e.checked||vc(e)&&e.selected}function yc(e,t){hc(e)?e.checked=t:e.selected=t}function $c(e){return tc(e,"dirty","pristine","markAsDirty","markAsPristine")}const wc=Symbol("_eventHandler");function xc(e){var t;return t=wc,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsDirty()}get dirty(){return nc(this,"--dirty")}get pristine(){return!this.dirty}connectedCallback(){this.markAsPristine(),super.connectedCallback(),this.addEventListener("change",this[wc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",this[wc])}markAsPristine(){cc(this,"--dirty")}markAsDirty(){lc(this,"--dirty")}}}function kc(e){return tc(e,"touched","untouched","markAsTouched","markAsUntouched")}const Cc=Symbol("_eventHandler");function Sc(e){var t;return t=Cc,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsTouched()}get touched(){return nc(this,"--touched")}get untouched(){return!this.touched}connectedCallback(){this.markAsUntouched(),super.connectedCallback(),this.addEventListener("focusout",this[Cc],{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[Cc],{capture:!0})}markAsTouched(){lc(this,"--touched")}markAsUntouched(){cc(this,"--touched")}}}const _c={primary:i("var(--md-sys-color-primary, #6750A4)"),onPrimary:i("var(--md-sys-color-on-primary, #FFFFFF)"),primaryContainer:i("var(--md-sys-color-primary-container, #EADDFF)"),onPrimaryContainer:i("var(--md-sys-color-on-primary-container, #4F378B)"),primaryFixed:i("var(--md-sys-color-primary-fixed, #EADDFF)"),primaryFixedDim:i("var(--md-sys-color-primary-fixed-dim, #D0BCFF)"),onPrimaryFixed:i("var(--md-sys-color-on-primary-fixed, #21005D)"),onPrimaryFixedVariant:i("var(--md-sys-color-on-primary-fixed-variant, #4F378B)"),secondary:i("var(--md-sys-color-secondary, #625B71)"),onSecondary:i("var(--md-sys-color-on-secondary, #FFFFFF)"),secondaryContainer:i("var(--md-sys-color-secondary-container, #E8DEF8)"),onSecondaryContainer:i("var(--md-sys-color-on-secondary-container, #4A4458)"),secondaryFixed:i("var(--md-sys-color-secondary-fixed, #E8DEF8)"),secondaryFixedDim:i("var(--md-sys-color-secondary-fixed-dim, #CCC2DC)"),onSecondaryFixed:i("var(--md-sys-color-on-secondary-fixed, #1D192B)"),onSecondaryFixedVariant:i("var(--md-sys-color-on-secondary-fixed-variant, #4A4458)"),tertiary:i("var(--md-sys-color-tertiary, #7D5260)"),onTertiary:i("var(--md-sys-color-on-tertiary, #FFFFFF)"),tertiaryContainer:i("var(--md-sys-color-tertiary-container, #FFD8E4)"),onTertiaryContainer:i("var(--md-sys-color-on-tertiary-container, #633B48)"),tertiaryFixed:i("var(--md-sys-color-tertiary-fixed, #FFD8E4)"),tertiaryFixedDim:i("var(--md-sys-color-tertiary-fixed-dim, #EFB8C8)"),onTertiaryFixed:i("var(--md-sys-color-on-tertiary-fixed, #31111D)"),onTertiaryFixedVariant:i("var(--md-sys-color-on-tertiary-fixed-variant, #633B48)"),error:i("var(--md-sys-color-error, #B3261E)"),onError:i("var(--md-sys-color-on-error, #FFFFFF)"),errorContainer:i("var(--md-sys-color-error-container, #F9DEDC)"),onErrorContainer:i("var(--md-sys-color-on-error-container, #8C1D18)"),surface:i("var(--md-sys-color-surface, #FEF7FF)"),onSurface:i("var(--md-sys-color-on-surface, #1D1B20)"),onSurfaceVariant:i("var(--md-sys-color-on-surface-variant, #49454F)"),surfaceContainerLowest:i("var(--md-sys-color-surface-container-lowest, #FFFFFF)"),surfaceContainerLow:i("var(--md-sys-color-surface-container-low, #F7F2FA)"),surfaceContainer:i("var(--md-sys-color-surface-container, #F3EDF7)"),surfaceContainerHigh:i("var(--md-sys-color-surface-container-high, #ECE6F0)"),surfaceContainerHighest:i("var(--md-sys-color-surface-container-highest, #E6E0E9)"),surfaceDim:i("var(--md-sys-color-surface-dim, #DED8E1)"),surfaceBright:i("var(--md-sys-color-surface-bright, #FEF7FF)"),surfaceVariant:i("var(--md-sys-color-surface-variant, #E7E0EC)"),inverseSurface:i("var(--md-sys-color-inverse-surface, #322F35)"),inverseOnSurface:i("var(--md-sys-color-inverse-on-surface, #F5EFF7)"),inversePrimary:i("var(--md-sys-color-inverse-primary, #D0BCFF)"),outline:i("var(--md-sys-color-outline, #79747E)"),outlineVariant:i("var(--md-sys-color-outline-variant, #CAC4D0)"),shadow:i("var(--md-sys-color-shadow, #000000)"),scrim:i("var(--md-sys-color-scrim, #000000)")},Lc={scale:i("var(--md-sys-density-scale, 0)"),size:i("var(--md-sys-density-size, 0.25rem)")},Ec={...Lc,calc:e=>i(`calc(max(${e}, ${Lc.scale}) * ${Lc.size})`)},zc=`color-mix(in srgb, var(--m3e-elevation-color, ${_c.shadow}) 20%, transparent)`,Mc=["0px 0px 0px 0px","0px 2px 1px -1px","0px 3px 1px -2px","0px 3px 3px -2px","0px 2px 4px -1px","0px 3px 5px -1px","0px 3px 5px -1px","0px 4px 5px -2px","0px 5px 5px -3px","0px 5px 6px -3px","0px 6px 6px -3px","0px 6px 7px -4px","0px 7px 8px -4px","0px 7px 8px -4px","0px 7px 9px -4px","0px 8px 9px -5px","0px 8px 10px -5px","0px 8px 11px -5px","0px 9px 11px -5px","0px 9px 12px -6px","0px 10px 13px -6px","0px 10px 13px -6px","0px 10px 14px -6px","0px 11px 14px -7px","0px 11px 15px -7px"],Pc=`color-mix(in srgb, var(--m3e-elevation-color, ${_c.shadow}) 14%, transparent)`,Tc=["0px 0px 0px 0px","0px 1px 1px 0px","0px 2px 2px 0px","0px 3px 4px 0px","0px 4px 5px 0px","0px 5px 8px 0px","0px 6px 10px 0px","0px 7px 10px 1px","0px 8px 10px 1px","0px 9px 12px 1px","0px 10px 14px 1px","0px 11px 15px 1px","0px 12px 17px 2px","0px 13px 19px 2px","0px 14px 21px 2px","0px 15px 22px 2px","0px 16px 24px 2px","0px 17px 26px 2px","0px 18px 28px 2px","0px 19px 29px 2px","0px 20px 31px 3px","0px 21px 33px 3px","0px 22px 35px 3px","0px 23px 36px 3px","0px 24px 38px 3px"],Ic=`color-mix(in srgb, var(--m3e-elevation-color, ${_c.shadow}) 12%, transparent)`,Dc=["0px 0px 0px 0px","0px 1px 3px 0px","0px 1px 5px 0px","0px 1px 8px 0px","0px 1px 10px 0px","0px 1px 14px 0px","0px 1px 18px 0px","0px 2px 16px 1px","0px 3px 14px 2px","0px 3px 16px 2px","0px 4px 18px 3px","0px 4px 20px 3px","0px 5px 22px 4px","0px 5px 24px 4px","0px 5px 26px 4px","0px 6px 28px 5px","0px 6px 30px 5px","0px 6px 32px 5px","0px 7px 34px 6px","0px 7px 36px 6px","0px 8px 38px 7px","0px 8px 40px 7px","0px 8px 42px 7px","0px 9px 44px 8px","0px 9px 46px 8px"];function Ac(e){return`${zc} ${Mc[e]},${Pc} ${Tc[e]},${Ic} ${Dc[e]}`}const Wc={level0:i(`var(--md-sys-elevation-level0, ${Ac(0)})`),level1:i(`var(--md-sys-elevation-level1, ${Ac(1)})`),level2:i(`var(--md-sys-elevation-level2, ${Ac(3)})`),level3:i(`var(--md-sys-elevation-level3, ${Ac(6)})`),level4:i(`var(--md-sys-elevation-level4, ${Ac(8)})`),level5:i(`var(--md-sys-elevation-level5, ${Ac(12)})`)},Hc={space0:i("var(--md-sys-measurement-space0, 0rem)"),space25:i("var(--md-sys-measurement-space25, 0.125rem)"),space50:i("var(--md-sys-measurement-space50, 0.25rem)"),space75:i("var(--md-sys-measurement-space75, 0.375rem)"),space100:i("var(--md-sys-measurement-space100, 0.5rem)"),space150:i("var(--md-sys-measurement-space150, 0.75rem)"),space200:i("var(--md-sys-measurement-space200, 1rem)"),space250:i("var(--md-sys-measurement-space250, 1.25rem)"),space300:i("var(--md-sys-measurement-space300, 2rem)"),space400:i("var(--md-sys-measurement-space400, 2.5rem)"),space500:i("var(--md-sys-measurement-space500, 3rem)"),space600:i("var(--md-sys-measurement-space600, 3.5rem)"),space700:i("var(--md-sys-measurement-space700, 4rem)"),space800:i("var(--md-sys-measurement-space800, 4.5rem)"),space900:i("var(--md-sys-measurement-space900, 6rem)")},Oc={emphasized:i("var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0.0, 0, 1.0))"),emphasizedDecelerate:i("var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1.0))"),emphasizedAccelerate:i("var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0.0, 0.8, 0.15))"),standard:i("var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0.0, 0, 1.0))"),standardDecelerate:i("var(--md-sys-motion-easing-standard-decelerate, cubic-bezier(0, 0, 0, 1))"),standardAccelerate:i("var(--md-sys-motion-easing-standard-accelerate, cubic-bezier(0.3, 0, 1, 1))")},Bc={fastSpatial:i("var(--md-sys-motion-spring-fast-spatial, 350ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),defaultSpatial:i("var(--md-sys-motion-spring-default-spatial, 500ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),slowSpatial:i("var(--md-sys-motion-spring-slow-spatial, 750ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),fastEffects:i("var(--md-sys-motion-spring-fast-effects, 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00))"),defaultEffects:i("var(--md-sys-motion-spring-default-effects, 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00))"),slowEffects:i("var(--md-sys-motion-spring-slow-effects, 200ms cubic-bezier(0.34, 0.88, 0.34, 1.00))")},Fc={easing:Oc,duration:{short1:i("var(--md-sys-motion-duration-short-1, 50ms)"),short2:i("var(--md-sys-motion-duration-short-2, 100ms)"),short3:i("var(--md-sys-motion-duration-short-3, 150ms)"),short4:i("var(--md-sys-motion-duration-short-4, 200ms)"),medium1:i("var(--md-sys-motion-duration-medium-1, 250ms)"),medium2:i("var(--md-sys-motion-duration-medium-2, 300ms)"),medium3:i("var(--md-sys-motion-duration-medium-3, 350ms)"),medium4:i("var(--md-sys-motion-duration-medium-4, 400ms)"),long1:i("var(--md-sys-motion-duration-long-1, 450ms)"),long2:i("var(--md-sys-motion-duration-long-2, 500ms)"),long3:i("var(--md-sys-motion-duration-long-3, 550ms)"),long4:i("var(--md-sys-motion-duration-long-4, 600ms)"),extraLong1:i("var(--md-sys-motion-duration-extra-long-1, 700ms)"),extraLong2:i("var(--md-sys-motion-duration-extra-long-2, 800ms)"),extraLong3:i("var(--md-sys-motion-duration-extra-long-3, 900ms)"),extraLong4:i("var(--md-sys-motion-duration-extra-long-4, 1000ms)")},spring:Bc},Vc={width:i("var(--m3e-scrollbar-width, auto)"),thinWidth:i("var(--m3e-scrollbar-thin-width, thin)"),color:i("var(--m3e-scrollbar-thumb-color, #938f94) var(--m3e-scrollbar-track-color, transparent)")},Rc={none:i("var(--md-sys-shape-corner-value-none, 0)"),extraSmall:i("var(--md-sys-shape-corner-value-extra-small, 0.25rem)"),small:i("var(--md-sys-shape-corner-value-small, 0.5rem)"),medium:i("var(--md-sys-shape-corner-value-medium, 0.75rem)"),large:i("var(--md-sys-shape-corner-value-large, 1rem)"),largeIncreased:i("var(--md-sys-shape-corner-value-large-increased, 1.25rem)"),extraLarge:i("var(--md-sys-shape-corner-value-extra-large, 1.75rem)"),extraLargeIncreased:i("var(--md-sys-shape-corner-value-extra-large-increased, 2rem)"),extraExtraLarge:i("var(--md-sys-shape-corner-value-extra-extra-large, 3rem)")},qc={color:_c,elevation:Wc,motion:Fc,shape:{corner:{full:i("var(--md-sys-shape-corner-full, 624.9375rem)"),extraLargeTop:i(`var(--md-sys-shape-corner-extra-large-top, ${Rc.extraLarge} ${Rc.extraLarge} ${Rc.none} ${Rc.none})`),extraLarge:i(`var(--md-sys-shape-corner-extra-large, ${Rc.extraLarge})`),extraLargeEnd:i(`${Rc.none} ${Rc.extraLarge} ${Rc.extraLarge} ${Rc.none}`),extraLargeStart:i(`${Rc.extraLarge} ${Rc.none} ${Rc.none} ${Rc.extraLarge}`),largeTop:i(`var(--md-sys-shape-corner-large-top, ${Rc.large} ${Rc.large} ${Rc.none} ${Rc.none})`),largeEnd:i(`var(--md-sys-shape-corner-large-end, ${Rc.none} ${Rc.large} ${Rc.large} ${Rc.none})`),largeStart:i(`var(--md-sys-shape-corner-large-end, ${Rc.large} ${Rc.none} ${Rc.none} ${Rc.large})`),large:i(`var(--md-sys-shape-corner-large, ${Rc.large})`),medium:i(`var(--md-sys-shape-corner-medium, ${Rc.medium})`),mediumTop:i(`${Rc.medium} ${Rc.medium} ${Rc.none} ${Rc.none}`),mediumEnd:i(`${Rc.none} ${Rc.medium} ${Rc.medium} ${Rc.none}`),mediumStart:i(`${Rc.medium} ${Rc.none} ${Rc.none} ${Rc.medium}`),small:i(`var(--md-sys-shape-corner-small, ${Rc.small})`),smallTop:i(`${Rc.small} ${Rc.small} ${Rc.none} ${Rc.none}`),smallEnd:i(`${Rc.none} ${Rc.small} ${Rc.small} ${Rc.none}`),smallStart:i(`${Rc.small} ${Rc.none} ${Rc.none} ${Rc.small}`),extraSmallTop:i(`var(--md-sys-shape-corner-extra-small-top, ${Rc.extraSmall} ${Rc.extraSmall} ${Rc.none} ${Rc.none})`),extraSmall:i(`var(--md-sys-shape-corner-extra-small, ${Rc.extraSmall})`),extraSmallEnd:i(`${Rc.none} ${Rc.extraSmall} ${Rc.extraSmall} ${Rc.none}`),extraSmallStart:i(`${Rc.extraSmall} ${Rc.none} ${Rc.none} ${Rc.extraSmall}`),extraSmallBottom:i(`${Rc.none} ${Rc.none} ${Rc.extraSmall} ${Rc.extraSmall}`),none:i(`var(--md-sys-shape-corner-none, ${Rc.none})`),largeIncreased:i(`var(--md-sys-shape-corner-large-increased, ${Rc.largeIncreased})`),extraLargeIncreased:i(`var(--md-sys-shape-corner-extra-large-increased, ${Rc.extraLargeIncreased})`),extraExtraLarge:i(`var(--md-sys-shape-corner-extra-extra-large, ${Rc.extraExtraLarge})`),value:Rc}},state:{focusStateLayerOpacity:i("var(--md-sys-state-focus-state-layer-opacity, 10%)"),hoverStateLayerOpacity:i("var(--md-sys-state-hover-state-layer-opacity, 8%)"),pressedStateLayerOpacity:i("var(--md-sys-state-pressed-state-layer-opacity, 10%)")},typescale:{standard:{display:{large:{fontSize:i("var(--md-sys-typescale-display-large-font-size, 3.5625rem)"),fontWeight:i("var(--md-sys-typescale-display-large-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-display-large-line-height, 4rem)"),tracking:i("var(--md-sys-typescale-display-large-tracking, 0.015625rem)")},medium:{fontSize:i("var(--md-sys-typescale-display-medium-font-size, 2.8125rem)"),fontWeight:i("var(--md-sys-typescale-display-medium-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-display-medium-line-height, 3.25rem)"),tracking:i("var(--md-sys-typescale-display-medium-tracking, 0)")},small:{fontSize:i("var(--md-sys-typescale-display-small-font-size, 2.25rem)"),fontWeight:i("var(--md-sys-typescale-display-small-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-display-small-line-height, 2.75rem)"),tracking:i("var(--md-sys-typescale-display-small-tracking, 0)")}},headline:{large:{fontSize:i("var(--md-sys-typescale-headline-large-font-size, 2rem)"),fontWeight:i("var(--md-sys-typescale-headline-large-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-headline-large-line-height, 2.5rem)"),tracking:i("var(--md-sys-typescale-headline-large-tracking, 0)")},medium:{fontSize:i("var(--md-sys-typescale-headline-medium-font-size, 1.75rem)"),fontWeight:i("var(--md-sys-typescale-headline-medium-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-headline-medium-line-height, 2.25rem)"),tracking:i("var(--md-sys-typescale-headline-medium-tracking, 0)")},small:{fontSize:i("var(--md-sys-typescale-headline-small-font-size, 1.5rem)"),fontWeight:i("var(--md-sys-typescale-headline-small-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-headline-small-line-height, 2rem)"),tracking:i("var(--md-sys-typescale-headline-small-tracking, 0)")}},title:{large:{fontSize:i("var(--md-sys-typescale-title-large-font-size, 1.375rem)"),fontWeight:i("var(--md-sys-typescale-title-large-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-title-large-line-height, 1.75rem)"),tracking:i("var(--md-sys-typescale-title-large-tracking, 0)")},medium:{fontSize:i("var(--md-sys-typescale-title-medium-font-size, 1rem)"),fontWeight:i("var(--md-sys-typescale-title-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-title-medium-line-height, 1.5rem)"),tracking:i("var(--md-sys-typescale-title-medium-tracking, 0.009375rem)")},small:{fontSize:i("var(--md-sys-typescale-title-small-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-title-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-title-small-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:i("var(--md-sys-typescale-body-large-font-size, 1rem)"),fontWeight:i("var(--md-sys-typescale-body-large-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-body-large-line-height, 1.5rem)"),tracking:i("var(--md-sys-typescale-body-large-tracking, 0.03125rem)")},medium:{fontSize:i("var(--md-sys-typescale-body-medium-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-body-medium-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-body-medium-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-body-medium-tracking, 0.015625rem)")},small:{fontSize:i("var(--md-sys-typescale-body-small-font-size, 0.75rem)"),fontWeight:i("var(--md-sys-typescale-body-small-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-body-small-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:i("var(--md-sys-typescale-label-large-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-label-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-label-large-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-label-large-tracking, 0.00625rem)")},medium:{fontSize:i("var(--md-sys-typescale-label-medium-font-size, 0.75rem)"),fontWeight:i("var(--md-sys-typescale-label-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-label-medium-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-label-medium-tracking, 0.03125rem)")},small:{fontSize:i("var(--md-sys-typescale-label-small-font-size, 0.6875rem)"),fontWeight:i("var(--md-sys-typescale-label-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-label-small-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-label-small-tracking, 0.03125rem)")}}},emphasized:{display:{large:{fontSize:i("var(--md-sys-typescale-emphasized-display-large-font-size, 3.5625rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-display-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-display-large-line-height, 4rem)"),tracking:i("var(--md-sys-typescale-emphasized-display-large-tracking, 0.015625rem)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-display-medium-font-size, 2.8125rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-display-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-display-medium-line-height, 3.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-display-medium-tracking, 0)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-display-small-font-size, 2.25rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-display-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-display-small-line-height, 2.75rem)"),tracking:i("var(--md-sys-typescale-emphasized-display-small-tracking, 0)")}},headline:{large:{fontSize:i("var(--md-sys-typescale-emphasized-headline-large-font-size, 2rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-headline-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-headline-large-line-height, 2.5rem)"),tracking:i("var(--md-sys-typescale-emphasized-headline-large-tracking, 0)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-headline-medium-font-size, 1.75rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-headline-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-headline-medium-line-height, 2.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-headline-medium-tracking, 0)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-headline-small-font-size, 1.5rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-headline-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-headline-small-line-height, 2rem)"),tracking:i("var(--md-sys-typescale-emphasized-headline-small-tracking, 0)")}},title:{large:{fontSize:i("var(--md-sys-typescale-emphasized-title-large-font-size, 1.375rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-title-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-title-large-line-height, 1.75rem)"),tracking:i("var(--md-sys-typescale-emphasized-title-large-tracking, 0)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-title-medium-font-size, 1rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-title-medium-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-title-medium-line-height, 3.5rem)"),tracking:i("var(--md-sys-typescale-emphasized-title-medium-tracking, 0.009375rem)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-title-small-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-title-small-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-title-small-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:i("var(--md-sys-typescale-emphasized-body-large-font-size, 1rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-body-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-body-large-line-height, 1.5rem)"),tracking:i("var(--md-sys-typescale-emphasized-body-large-tracking, 0.03125rem)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-body-medium-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-body-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-body-medium-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-body-medium-tracking, 0.015625rem)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-body-small-font-size, 0.75rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-body-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-body-small-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-emphasized-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:i("var(--md-sys-typescale-emphasized-label-large-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-label-large-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-label-large-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-label-large-tracking, 0.00625rem)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-label-medium-font-size, 0.75rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-label-medium-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-label-medium-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-emphasized-label-medium-tracking, 0.03125rem)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-label-small-font-size, 0.6875rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-label-small-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-label-small-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-emphasized-label-small-tracking, 0.03125rem)")}}}},scrollbar:Vc,density:Ec,measurement:Hc};function Nc(e){return tc(e,"disabled")}function Uc(e,a=!0){class i extends e{constructor(){super(...arguments),this.disabled=!1}update(e){super.update(e),e.has("disabled")&&this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaDisabled=this.disabled?"true":null)}}return t([m({type:Boolean,reflect:a})],i.prototype,"disabled",void 0),i}function jc(e){return tc(e,"disabledInteractive")&&Nc(e)}const Yc=["click","dblclick","auxclick","keydown","keyup"],Kc=["Tab","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Left","Up","Right","Down"],Zc=Symbol("_suppressedEventHandler");function Xc(e){var a;class i extends e{constructor(){super(...arguments),this[a]=e=>{if(this.disabledInteractive){if(e instanceof KeyboardEvent&&Kc.includes(e.key))return;e.stopImmediatePropagation(),e.preventDefault()}},this.disabledInteractive=!1}connectedCallback(){Yc.forEach(e=>this.addEventListener(e,this[Zc],!0)),super.connectedCallback()}disconnectedCallback(){Yc.forEach(e=>this.removeEventListener(e,this[Zc],!0)),super.disconnectedCallback()}update(e){super.update(e),(e.has("disabled")||e.has("disabledInteractive"))&&this.role&&"none"!==this.role&&"presentation"!==this.role&&"none"!==this.role&&(this.ariaDisabled=this.disabled||this.disabledInteractive?"true":null)}}return a=Zc,t([m({attribute:"disabled-interactive",type:Boolean,reflect:!0})],i.prototype,"disabledInteractive",void 0),i}const Gc=Symbol("updateLabels");function Jc(e){return tc(e,"labels")&&ic(e)}const Qc=Symbol("_eventHandler");function ed(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{e.defaultPrevented||this[Gc]()}}get labels(){return this[ac].labels}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this[Qc]),this.addEventListener("change",this[Qc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[Qc]),this.removeEventListener("change",this[Qc])}update(e){super.update(e),this[Gc]()}[(t=Qc,Gc)](){const e=this.hasAttribute("tabindex"),t=Nc(this)&&this.disabled||jc(this)&&this.disabledInteractive,a=kc(this)&&this.touched&&(this.ariaInvalid||nc(this,"--invalid"));for(const i of this.labels??[])i.style.userSelect=e?"none":"",i.style.cursor=!t&&e?"pointer":"",!t&&e?i.style.setProperty("-webkit-tap-highlight-color","rgba(0, 0, 0, 0)"):i.style.removeProperty("-webkit-tap-highlight-color"),i.style.color=t?`color-mix(in srgb, ${qc.color.onSurface} 38%, transparent)`:a?`${qc.color.error}`:""}}return a.formAssociated=!0,a}const td=Symbol("formValue"),ad=Symbol("defaultValue");function id(e){return tc(e,"disabled","form","name")&&Jc(e)&&ic(e)}const od=Symbol("_defaultValue"),rd=Symbol("_defaultIndeterminate"),sd=Symbol("_formDisabled");function nd(e){var a,i;class o extends e{constructor(){super(...arguments),this[a]=!1,this[i]=!1}get form(){return this[ac].form}get labels(){return this[ac].labels}get[(a=rd,i=sd,td)](){return null}get[ad](){return this[od]}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get disabled(){return super.disabled||this[sd]}set disabled(e){super.disabled=e}connectedCallback(){super.connectedCallback(),hc(this)?(this[od]=this.checked,uc(this)&&(this[rd]=this.indeterminate)):"value"in this&&(this[od]=this.value)}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[ac].setFormValue(this[td])}formDisabledCallback(e){const t=this.disabled;this[sd]=e,this.disabled!=t&&this.requestUpdate("disabled",t)}formResetCallback(){hc(this)?(this.checked=!0===this[od],uc(this)&&(this.indeterminate=this[rd])):"value"in this&&(this.value=this[ad]),$c(this)&&this.markAsPristine(),kc(this)&&this.markAsUntouched()}}return o.formAssociated=!0,t([m({noAccessor:!0})],o.prototype,"name",null),t([m({type:Boolean})],o.prototype,"disabled",null),o}const ld=Symbol("validate");function cd(e){return tc(e,"willValidate","validity","validationMessage","reportValidity","checkValidity","setCustomValidity")&&id(e)}const dd=Symbol("_updateValidity"),hd=Symbol("_validityMessage");function md(t){var a,i;class o extends t{constructor(){super(...arguments),a.add(this)}get willValidate(){return this[ac].willValidate}get validity(){return this[dd](),this[ac].validity}get validationMessage(){return this[dd](),this[ac].validationMessage}[(a=new WeakSet,ld)](){return this[hd]?{customError:!0}:void 0}reportValidity(){return kc(this)&&this.markAsTouched(),this[dd](),this[ac].reportValidity()}checkValidity(){return this[dd](),this[ac].checkValidity()}setCustomValidity(e){this[hd]=e||void 0,this[dd]()}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[dd]()}firstUpdated(e){super.firstUpdated(e),this[dd]()}[dd](){if(l||!this.isConnected)return;const t=this[ld](),o=t&&Object.keys(t).some(e=>!0===t[e]);let r=t?.customError?this[hd]:"";t&&!r&&(r=e(this,a,"m",i).call(this,t)),this[ac].setValidity(t,r),this.ariaInvalid=o?"true":null,dc(this,"--invalid",!0===o),Jc(this)&&this[Gc]?.()}}return i=function(e){const t=document.createElement("input");return t.type="text",e.valueMissing&&(t.required=!0,t.value=""),e.typeMismatch&&(t.type="email",t.value="not-an-email"),e.patternMismatch&&(t.pattern="[0-9]{4}",t.value="abcd"),e.tooShort&&(t.minLength=5,t.value="abc"),e.tooLong&&(t.maxLength=2,t.value="abcdef"),e.rangeUnderflow&&(t.type="number",t.min="10",t.value="5"),e.rangeOverflow&&(t.type="number",t.max="5",t.value="10"),e.stepMismatch&&(t.type="number",t.step="2",t.value="3"),e.badInput&&(t.type="number",t.value="abc"),t.setCustomValidity(""),t.checkValidity(),t.validationMessage},o}const ud=Symbol("_tabindex");function pd(e){var t;return t=ud,class extends e{constructor(){super(...arguments),this[t]=0}connectedCallback(){this[ud]=Number.parseInt(this.getAttribute("tabindex")??"0"),super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||e.has("disabled")||this.setAttribute("tabindex",`${this[ud]}`)}update(e){if(super.update(e),e.has("disabled"))if(this.disabled||"none"===this.role){const e=this.getAttribute("tabindex");e&&(this[ud]=Number.parseInt(e)),this.removeAttribute("tabindex")}else this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${this[ud]}`)}}}function vd(e){return tc(e,"name","type","value")&&ic(e)}const bd=Symbol("_clickHandler");function fd(e){var a;class i extends e{constructor(){super(...arguments),this.type="button",this[a]=async e=>{if(e.defaultPrevented||Nc(this)&&this.disabled||jc(this)&&this.disabledInteractive)return;const t=this[ac].form;if(t&&"button"!==this.type&&(await new Promise(e=>setTimeout(e)),!e.defaultPrevented))switch(this.type){case"reset":t.reset();break;case"submit":t.addEventListener("submit",e=>Object.defineProperty(e,"submitter",{configurable:!0,enumerable:!0,get:()=>this}),{capture:!0,once:!0}),this[ac].setFormValue(this.value),t.requestSubmit()}}}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get value(){return this.getAttribute("value")}set value(e){null!=e?this.setAttribute("value",e):this.removeAttribute("value")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this[bd])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[bd])}}return a=bd,i.formAssociated=!0,t([m()],i.prototype,"name",null),t([m()],i.prototype,"value",null),t([m()],i.prototype,"type",void 0),i}function gd(e){return tc(e,"htmlFor","control","attach","detach")}const yd=Symbol("_control"),$d=Symbol("_firstUpdated");function wd(e){var a;class i extends e{constructor(){super(...arguments),this[a]=!1,this.htmlFor=null}get control(){return this[yd]?.deref()??null}connectedCallback(){super.connectedCallback();const e=this[yd]?.deref();e&&this.attach(e)}disconnectedCallback(){super.disconnectedCallback();const e=this[yd];e&&(this.detach(),this[yd]=e)}firstUpdated(e){super.firstUpdated(e),this[$d]=!0}update(e){if(super.update(e),e.has("htmlFor"))if(this.htmlFor){const e=this.getRootNode();e&&tn(this.htmlFor,e).then(e=>{e!==this.control&&(this.control&&this.detach(),e instanceof HTMLElement&&this.attach(e))})}else this.control&&this[$d]&&this.detach()}attach(e){this[yd]=new WeakRef(e)}detach(){this[yd]=void 0}}return a=$d,t([m({attribute:"for"})],i.prototype,"htmlFor",void 0),i}function xd(t,i=!0){var o,r,s,n,l,c,d;return r=new WeakMap,s=new WeakMap,n=new WeakMap,l=new WeakMap,o=new WeakSet,c=function(e){e.target!==e.currentTarget||Nc(this)&&this.disabled||jc(this)&&this.disabledInteractive?a(this,r,!1,"f"):(" "===e.key||i&&"Enter"===e.key)&&a(this,r,!0,"f")},d=function(t){t.target!==t.currentTarget||Nc(this)&&this.disabled||jc(this)&&this.disabledInteractive||!e(this,r,"f")?a(this,r,!1,"f"):(a(this,r,!1,"f"),this.dispatchEvent(new MouseEvent("click",{cancelable:!0,bubbles:!0,composed:!0})))},class extends t{constructor(){super(...arguments),o.add(this),r.set(this,!1),s.set(this,t=>e(this,o,"m",c).call(this,t)),n.set(this,t=>e(this,o,"m",d).call(this,t)),l.set(this,()=>a(this,r,!1,"f"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,s,"f")),this.addEventListener("keyup",e(this,n,"f")),this.addEventListener("focusout",e(this,l,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,s,"f")),this.removeEventListener("keyup",e(this,n,"f")),this.removeEventListener("focusout",e(this,l,"f"))}}}const kd=Symbol("renderPseudoLink");function Cd(e){return tc(e,"download","href","rel","target")}const Sd=Symbol("_clickHandler");function _d(a,i=!1){var o,r,l,c,d;class h extends a{constructor(){super(...arguments),o.add(this),this[d]=async e=>{if(jc(this)&&this.disabledInteractive&&(e.preventDefault(),e.stopPropagation()),await new Promise(e=>e()),!e.defaultPrevented&&this.href){e.preventDefault(),e.stopImmediatePropagation();const t=document.createElement("a");t.href=this.href,t.rel=this.rel,t.target=this.target,null!=this.download&&(t.download=this.download),t.addEventListener("click",async()=>{await new Promise(e=>e()),t.remove()}),document.body.appendChild(t),t.click()}},this.href="",this.target="",this.rel=""}get download(){return this.getAttribute("download")}set download(e){const t=this.download;t!==e&&(e?this.setAttribute("download",e):this.removeAttribute("download"),this.requestUpdate("download",t))}connectedCallback(){super.connectedCallback(),i||this.addEventListener("click",this[Sd]),this.hasAttribute("href")&&"button"===this.role&&(this.role="link")}disconnectedCallback(){super.disconnectedCallback(),i||this.removeEventListener("click",this[Sd])}[(o=new WeakSet,d=Sd,kd)](){const t=Nc(this)&&this.disabled,a=jc(this)&&this.disabledInteractive;return t||a||!this.href?n:s`<a href="${this.href}" target="${je(this.target||void 0)}" rel="${je(this.rel||void 0)}" download="${je(this.download||void 0)}" tabindex="-1" aria-hidden="true" @pointerdown="${e(this,o,"m",r)}" @focus="${e(this,o,"m",l)}" @blur="${e(this,o,"m",c)}"></a>`}}return r=function(e){2!==e.button?(e.preventDefault(),e.stopImmediatePropagation(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))):e.target.removeAttribute("aria-hidden")},l=function(e){e.target.blur(),this.focus()},c=function(e){e.target.setAttribute("aria-hidden","true")},t([m()],h.prototype,"href",void 0),t([m()],h.prototype,"target",void 0),t([m()],h.prototype,"rel",void 0),t([m({reflect:!1})],h.prototype,"download",null),h}function Ld(e){return tc(e,"readOnly")}function Ed(e,a=!0){class i extends e{constructor(){super(...arguments),this.readOnly=!1}update(e){super.update(e),e.has("readOnly")&&(this.ariaReadOnly=this.readOnly?"true":null)}}return t([m({attribute:"readonly",type:Boolean,reflect:a})],i.prototype,"readOnly",void 0),i}const zd=Symbol("_wasConnected");function Md(e){var t;return t=zd,class extends e{constructor(){super(...arguments),this[t]=!1}reconnectedCallback(){}connectedCallback(){super.connectedCallback(),this[zd]&&this.reconnectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this[zd]=!0}}}function Pd(e){return tc(e,"required","optional")}function Td(e){class a extends e{constructor(){super(...arguments),this.required=!1}get optional(){return!this.required}update(e){super.update(e),e.has("required")&&(this.ariaRequired=`${this.required}`)}}return t([m({type:Boolean,reflect:!0})],a.prototype,"required",void 0),a}function Id(e){return Pd(e)&&cd(e)}function Dd(e){return class extends e{[ld](){const e=super[ld]();if(!e&&this.required){if(hc(this)&&!this.checked)return{valueMissing:!0};if(!this.value)return{valueMissing:!0}}return e}}}function Ad(e,t){return class extends e{connectedCallback(){this.role=this.role||t,super.connectedCallback()}}}const Wd=Symbol("resumeAnimation");function Hd(e){return class extends e{connectedCallback(){super.connectedCallback(),lc(this,"--no-animate"),this[Wd]()}[Wd](){requestAnimationFrame(()=>cc(this,"--no-animate"))}}}function Od(e){return tc(e,"vertical")}function Bd(e){class a extends e{constructor(){super(...arguments),this.vertical=!1}update(e){super.update(e),e.has("vertical")&&(this.ariaOrientation=this.vertical?"vertical":"horizontal")}}return t([m({type:Boolean,reflect:!0})],a.prototype,"vertical",void 0),a}var Fd,Vd,Rd,qd,Nd,Ud,jd,Yd;class Kd extends r{constructor(){super(...arguments),Fd.set(this,e=>{e.defaultPrevented||this._onClick(e)})}connectedCallback(){super.connectedCallback(),this.parentElement?.addEventListener("click",e(this,Fd,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.parentElement?.removeEventListener("click",e(this,Fd,"f"))}render(){return s`<slot></slot>`}}Fd=new WeakMap,Kd.styles=o`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;let Zd=class extends(sc(r)){constructor(){super(...arguments),Vd.add(this),Rd.set(this,!1),qd.set(this,!1),this.open=!1,this.orientation="vertical",this.noAnimate=!1}update(t){if(super.update(t),lc(this,"--no-animate"),!e(this,Rd,"f"))return this.open&&(a(this,qd,!0,"f"),e(this,Vd,"m",Ud).call(this)),void a(this,Rd,!0,"f");this.toggleAttribute("inert",!this.open),this.open?(a(this,qd,!0,"f"),Qs()||this.noAnimate||(e(this,Vd,"m",Ud).call(this),dc(this,"--overflows","vertical"===this.orientation?this.clientHeight<this.scrollHeight:this.clientWidth<this.scrollWidth),e(this,Vd,"m",jd).call(this)),cc(this,"--closing"),lc(this,"--opening"),this.dispatchEvent(new Event("opening")),e(this,Vd,"m",jd).call(this),cc(this,"--no-animate"),e(this,Vd,"m",Yd).call(this),Qs()||this.noAnimate?(e(this,Vd,"m",Ud).call(this),cc(this,"--opening"),this.dispatchEvent(new Event("opened"))):this.addEventListener("transitionend",()=>{this.open&&(e(this,Vd,"m",Ud).call(this),cc(this,"--opening"),this.dispatchEvent(new Event("opened")))},{once:!0})):(cc(this,"--opening"),lc(this,"--closing"),this.dispatchEvent(new Event("closing")),e(this,Vd,"m",Yd).call(this),e(this,qd,"f")&&cc(this,"--no-animate"),Qs()||this.noAnimate?(e(this,Vd,"m",jd).call(this),cc(this,"--closing"),this.dispatchEvent(new Event("closed"))):requestAnimationFrame(()=>{e(this,Vd,"m",jd).call(this),this.addEventListener("transitionend",()=>{this.open||(cc(this,"--closing"),this.dispatchEvent(new Event("closed")))},{once:!0})}))}render(){return s`<slot @slotchange="${e(this,Vd,"m",Nd)}"></slot>`}};Rd=new WeakMap,qd=new WeakMap,Vd=new WeakSet,Nd=function(){a(this,Rd,!0,"f")},Ud=function(){this.style["vertical"===this.orientation?"height":"width"]="auto"},jd=function(){this.style["vertical"===this.orientation?"height":"width"]=""},Yd=function(){"vertical"===this.orientation?this.style.height=`${this.scrollHeight}px`:this.style.width=`${this.scrollWidth}px`},Zd.styles=o`:host { display: block; overflow: hidden; } :host([orientation="vertical"]) { height: 0px; transition: ${i(`visibility var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        height var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        padding-top var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        padding-bottom var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard}`)}; } :host([orientation="horizontal"]) { width: 0px; transition: ${i(`visibility var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        width var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        padding-left var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        padding-right var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard}`)}; } :host(:not(:is(:state(--closing), :--closing)):not([open])) { visibility: hidden; } :host([orientation="vertical"]:not([open])) { min-height: unset !important; padding-top: 0px !important; padding-bottom: 0px !important; } :host([orientation="horizontal"]:not([open])) { min-width: unset !important; padding-left: 0px !important; padding-right: 0px !important; } :host([no-animate]), :host(:is(:state(--no-animate), :--no-animate)) { transition-duration: 0ms; } :host([orientation="vertical"]:is(:state(--opening), :--opening)), :host([orientation="vertical"]:is(:state(--closing), :--closing)) { overflow-y: hidden !important; } :host([orientation="horizontal"]:is(:state(--opening), :--opening)), :host([orientation="horizontal"]:is(:state(--closing), :--closing)) { overflow-x: hidden !important; } :host(:is(:state(--overflows), :--overflows)) { scrollbar-gutter: stable; } ::slotted(*) { --m3e-collapsible-animation-duration: initial; } @media (prefers-reduced-motion) { :host { transition: none; } }`,t([m({type:Boolean,reflect:!0})],Zd.prototype,"open",void 0),t([m({reflect:!0})],Zd.prototype,"orientation",void 0),t([m({attribute:"no-animate",type:Boolean,reflect:!0})],Zd.prototype,"noAnimate",void 0),Zd=t([Ml("m3e-collapsible")],Zd);const Xd=i(`var(--m3e-elevation-lift-duration, ${qc.motion.duration.short4})`),Gd=i(`var(--m3e-elevation-lift-easing, ${qc.motion.easing.standard})`),Jd=i(`var(--m3e-elevation-settle-duration, ${qc.motion.duration.short3})`),Qd=i(`var(--m3e-elevation-settle-easing, ${qc.motion.easing.standardAccelerate})`),eh=i(`var(--m3e-elevation-level, ${qc.elevation.level0})`),th=i(`var(--m3e-elevation-hover-level, ${qc.elevation.level0})`),ah=i(`var(--m3e-elevation-focus-level, ${qc.elevation.level0})`),ih=i(`var(--m3e-elevation-pressed-level, ${qc.elevation.level0})`);var oh,rh,sh,nh,lh,ch,dh;let hh=class extends(wd(Ad(r,"none"))){constructor(){super(...arguments),oh.add(this),rh.set(this,new kl(this,{target:null,callback:t=>e(this,oh,"m",lh).call(this,t)})),sh.set(this,new xl(this,{target:null,callback:t=>e(this,oh,"m",ch).call(this,t)})),nh.set(this,new El(this,{target:null,callback:t=>e(this,oh,"m",dh).call(this,t)})),this.disabled=!1,this.level=null}attach(t){super.attach(t),e(this,rh,"f").observe(t),e(this,sh,"f").observe(t),e(this,nh,"f").observe(t)}detach(){this.control&&(e(this,rh,"f").unobserve(this.control),e(this,sh,"f").unobserve(this.control),e(this,nh,"f").unobserve(this.control)),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._shadow?.classList.toggle("hover",!1),this._shadow?.classList.toggle("focus",!1),this._shadow?.classList.toggle("pressed",!1),this._shadow?.classList.toggle("resting",!1)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&(this._shadow?.classList.toggle("hover",!1),this._shadow?.classList.toggle("focus",!1),this._shadow?.classList.toggle("pressed",!1),this._shadow?.classList.toggle("resting",!0))}render(){return s`<div class="shadow"></div>`}};rh=new WeakMap,sh=new WeakMap,nh=new WeakMap,oh=new WeakSet,lh=function(e){this.disabled||(this._shadow?.classList.toggle("hover",e),this._shadow?.classList.toggle("resting",!e))},ch=function(e){this.disabled||this._shadow?.classList.toggle("focus",e)},dh=function(e){this.disabled||this._shadow?.classList.toggle("pressed",e)},hh.styles=o`:host { display: block; } :host, .shadow { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } .shadow.resting, .shadow.focus, .shadow.pressed { will-change: box-shadow; transition: ${i(`box-shadow ${Jd} ${Qd};`)}; } .shadow.hover { will-change: box-shadow; transition: ${i(`box-shadow ${Xd} ${Gd};`)}; } .shadow { box-shadow: ${eh}; } .shadow.focus { box-shadow: ${ah}; } .shadow.hover { box-shadow: ${th}; } .shadow.pressed { box-shadow: ${ih}; } :host([level="0"]) .shadow { --m3e-elevation-level: ${qc.elevation.level0}; --m3e-elevation-hover-level: ${qc.elevation.level1}; } :host([level="1"]) .shadow { --m3e-elevation-level: ${qc.elevation.level1}; --m3e-elevation-hover-level: ${qc.elevation.level2}; } :host([level="2"]) .shadow { --m3e-elevation-level: ${qc.elevation.level2}; --m3e-elevation-hover-level: ${qc.elevation.level3}; } :host([level="3"]) .shadow { --m3e-elevation-level: ${qc.elevation.level3}; --m3e-elevation-hover-level: ${qc.elevation.level4}; } :host([level="4"]) .shadow { --m3e-elevation-level: ${qc.elevation.level4}; --m3e-elevation-hover-level: ${qc.elevation.level5}; } :host([level="5"]) .shadow { --m3e-elevation-level: ${qc.elevation.level5}; --m3e-elevation-hover-level: ${eh}; } :host([level]) .shadow { --m3e-elevation-focus-level: ${eh}; --m3e-elevation-pressed-level: ${eh}; } @media (prefers-reduced-motion) { .shadow.resting, .shadow.pressed, .shadow.focus, .shadow.hover { transition: none; } } @media (forced-colors: active) { .shadow { display: none; } }`,t([h(".shadow")],hh.prototype,"_shadow",void 0),t([m({type:Boolean,reflect:!0})],hh.prototype,"disabled",void 0),t([m({type:Number,reflect:!0})],hh.prototype,"level",void 0),hh=t([Ml("m3e-elevation")],hh);const mh=i(`var(--m3e-focus-ring-color, ${qc.color.secondary})`),uh=i(`var(--m3e-focus-ring-duration, ${qc.motion.duration.long2})`),ph=i("var(--m3e-focus-ring-thickness, 3px)"),vh=i("var(--m3e-focus-ring-outward-offset, 2px)"),bh=i("var(--m3e-focus-ring-inward-offset, 0px)"),fh=i("var(--m3e-focus-ring-visibility, visible)"),gh=i("var(--m3e-focus-ring-growth-factor, 2)");var yh,$h,wh;let xh=class extends(wd(Ad(r,"none"))){constructor(){super(...arguments),yh.add(this),$h.set(this,new xl(this,{target:null,callback:(t,a)=>e(this,yh,"m",wh).call(this,a)})),this.inward=!1,this.disabled=!1}show(){this._outline?.classList.toggle("visible",!0)}hide(){this._outline?.classList.toggle("visible",!1)}attach(t){super.attach(t),e(this,$h,"f").observe(t)}detach(){this.control&&e(this,$h,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide()}render(){return s`<div class="outline"></div>`}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};$h=new WeakMap,yh=new WeakSet,wh=function(e){this.disabled||(e?this.show():this.hide())},xh.styles=o`:host { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; outline: none; } .outline { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; z-index: 1; outline-color: ${mh}; outline-width: ${ph}; visibility: ${fh}; } .outline.visible { outline-style: solid; } :host(:not([inward])) .outline { outline-offset: ${vh}; } :host([inward]) .outline { outline-offset: calc(${bh} - ${ph}); } :host(:not([inward])) .outline.visible { animation: grow-shrink ${uh}; } :host([inward]) .outline.visible { animation: shrink-grow ${uh}; } @keyframes grow-shrink { 50% { outline-width: calc(${ph} * ${gh}); } } @keyframes shrink-grow { 50% { outline-offset: calc( ${bh} - calc(${ph} * ${gh}) ); outline-width: calc(${ph} * ${gh}); } } @media (prefers-reduced-motion) { :host(:not([inward])) .outline.visible, :host([inward]) .outline.visible { animation: none; } } @media (forced-colors: active) { .outline { outline-color: Highlight; } }`,t([h(".outline")],xh.prototype,"_outline",void 0),t([m({type:Boolean,reflect:!0})],xh.prototype,"inward",void 0),t([m({type:Boolean,reflect:!0})],xh.prototype,"disabled",void 0),xh=t([Ml("m3e-focus-ring")],xh);let kh=class extends(pc(Uc(Ad(r,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return this.indeterminate?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:n}};kh.styles=o`:host { display: inline-block; vertical-align: middle; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 2px); box-sizing: border-box; flex: none; } :host(:not([checked]):not([indeterminate])) { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { background-color: var(--m3e-checkbox-selected-container-color, ${qc.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${qc.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${qc.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${qc.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${qc.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${qc.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); } svg { pointer-events: none; } @media (forced-colors: active) { :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { border-color: Highlight; background-color: Highlight; color: HighlightText; } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: CanvasText; background: Canvas; } :host([disabled]:not([checked]):not([indeterminate])) { border-color: GrayText; background-color: Canvas; } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: GrayText; color: Canvas; } }`,kh=t([Ml("m3e-pseudo-checkbox")],kh);let Ch=class extends(mc(Uc(Ad(r,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return s`<svg class="icon" viewBox="0 0 20 20"><mask id="cutout2"><rect width="100%" height="100%" fill="white"></rect><circle cx="10" cy="10" r="8" fill="black"></circle></mask><circle class="outer circle" cx="10" cy="10" r="10" mask="url(#cutout2)"></circle><circle class="inner circle" cx="10" cy="10" r="5"></circle></svg>`}};Ch.styles=o`:host { display: inline-block; vertical-align: middle; box-sizing: border-box; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); flex: none; } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) { color: var(--m3e-radio-unselected-icon-color, ${qc.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${qc.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${qc.color.onSurface}) 38%, transparent); } @media (forced-colors: active) { :host { border-radius: 50%; } :host(:not([checked])) { color: CanvasText; background-color: Canvas; } :host([checked]) { color: HighlightText; background-color: Highlight; } :host([disabled]) { color: GrayText; background-color: Canvas; } }`,Ch=t([Ml("m3e-pseudo-radio")],Ch);const Sh=i(`var(--m3e-ripple-color, ${qc.color.onSurface})`),_h=i(`var(--m3e-ripple-opacity, ${qc.state.pressedStateLayerOpacity})`),Lh=i(`var(--m3e-ripple-enter-duration, ${qc.motion.duration.long4})`),Eh=i(`var(--m3e-ripple-exit-duration, ${qc.motion.duration.short2})`),zh=i("var(--m3e-ripple-scale-factor, 2.5)");var Mh,Ph,Th,Ih,Dh,Ah;let Wh=class extends(wd(Ad(r,"none"))){constructor(){super(...arguments),Mh.add(this),Ph.set(this,null),Th.set(this,new El(this,{target:null,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(t,{x:a,y:i})=>e(this,Mh,"m",Ah).call(this,t,a,i)})),this.disabled=!1,this.centered=!1,this.unbounded=!1,this.radius=null}get visible(){return null!==e(this,Ph,"f")}show(t,i,o=!1){e(this,Mh,"m",Ih).call(this);const r=this.getBoundingClientRect();this.centered&&(t=r.left+r.width/2,i=r.top+r.height/2);let s=this.radius;if(!s||isNaN(s)){const e=Math.max(Math.abs(t-r.left),Math.abs(t-r.right)),a=Math.max(Math.abs(i-r.top),Math.abs(i-r.bottom));s=Math.sqrt(e*e+a*a)}const n=t-r.left,l=i-r.top;a(this,Ph,document.createElement("div"),"f"),e(this,Ph,"f").classList.add("ripple"),o&&e(this,Ph,"f").classList.add("persistent"),e(this,Ph,"f").style.left=n-s+"px",e(this,Ph,"f").style.top=l-s+"px",e(this,Ph,"f").style.width=2*s+"px",e(this,Ph,"f").style.height=2*s+"px",e(this,Ph,"f").addEventListener("animationend",()=>e(this,Mh,"m",Dh).call(this,o),{once:!0}),e(this,Ph,"f").addEventListener("transitionend",()=>e(this,Mh,"m",Ih).call(this),{once:!0}),this.shadowRoot?.appendChild(e(this,Ph,"f"))}hide(){e(this,Ph,"f")?.classList.add("exit")}attach(t){super.attach(t),e(this,Th,"f").observe(t)}detach(){this.control&&e(this,Th,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),e(this,Mh,"m",Ih).call(this)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};var Hh;Ph=new WeakMap,Th=new WeakMap,Mh=new WeakSet,Ih=function(){e(this,Ph,"f")?.remove(),a(this,Ph,null,"f")},Dh=function(t){t?e(this,Ph,"f")?.classList.add("pressed"):this.hide()},Ah=function(e,t,a){this.disabled||(e?this.show(t,a,!0):this.hide())},Wh.styles=o`:host { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } :host(:not([unbounded])) { overflow: hidden; } .ripple { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; transform: scale(0); border-radius: ${qc.shape.corner.full}; background-color: color-mix(in srgb, ${Sh} ${_h}, transparent); will-change: background-color, opacity; animation: ripple ${Lh} linear; } .ripple.persistent.pressed { transform: scale(${zh}); } .ripple.exit { transition: opacity ${Eh} cubic-bezier(0, 0, 0.2, 0.1); opacity: 0; } @keyframes ripple { to { transform: scale(${zh}); } } @media (prefers-reduced-motion) { .ripple { transform: scale(${zh}); animation-duration: 90ms; } .ripple.exit { transition-duration: 10ms; } } @media (forced-colors: active) { .ripple { display: none; } }`,t([m({type:Boolean,reflect:!0})],Wh.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],Wh.prototype,"centered",void 0),t([m({type:Boolean,reflect:!0})],Wh.prototype,"unbounded",void 0),t([m({type:Number})],Wh.prototype,"radius",void 0),Wh=t([Ml("m3e-ripple")],Wh);let Oh=class extends(sc(r)){constructor(){super(...arguments),Hh.set(this,()=>this._updateScroll()),this.dividers="above-below",this.thin=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",e(this,Hh,"f"))}update(t){super.update(t),t.has("dividers")&&(this.removeEventListener("scroll",e(this,Hh,"f")),"none"!==this.dividers&&this.addEventListener("scroll",e(this,Hh,"f"),{passive:!0}))}render(){return s`<slot @slotchange="${this._updateScroll}"></slot>`}_updateScroll(){const e=("above"===this.dividers||"above-below"===this.dividers)&&this.scrollTop>0,t=("below"===this.dividers||"above-below"===this.dividers)&&this.scrollHeight-this.scrollTop-this.clientHeight>1;dc(this,"--above",e),dc(this,"--below",t)}};var Bh,Fh,Vh,Rh;Hh=new WeakMap,Oh.styles=o`:host { display: block; overflow-y: auto; position: relative; box-sizing: border-box; scrollbar-color: ${qc.scrollbar.color}; border-top: var(--m3e-divider-thickness, 1px) solid transparent; border-bottom: var(--m3e-divider-thickness, 1px) solid transparent; outline-color: ${mh}; outline-width: ${ph}; outline-offset: ${vh}; } :host([thin]) { scrollbar-width: ${qc.scrollbar.thinWidth}; } :host(:not([thin])) { scrollbar-width: ${qc.scrollbar.width}; } :host(:not(:focus-visible):is(:state(--above), :--above)) { border-top-color: var(--m3e-divider-color, ${qc.color.outlineVariant}); } :host(:not(:focus-visible):is(:state(--below), :--below)) { border-bottom-color: var(--m3e-divider-color, ${qc.color.outlineVariant}); } :host(:focus-visible) { outline-style: solid; animation: grow-shrink ${uh}; } @keyframes grow-shrink { 50% { outline-width: calc(${ph} * ${gh}); } } @media (forced-colors: active) { :host { border-top: var(--m3e-divider-thickness, 1px) solid Canvas; border-bottom: var(--m3e-divider-thickness, 1px) solid Canvas; } :host(:not(:focus-visible):is(:state(--above), :--above)) { border-top-color: GrayText; } :host(:not(:focus-visible):is(:state(--below), :--below)) { border-bottom-color: GrayText; } } @media (prefers-reduced-motion) { :host(:focus-visible) { animation: none; } }`,t([m()],Oh.prototype,"dividers",void 0),t([m({type:Boolean,reflect:!0})],Oh.prototype,"thin",void 0),t([Pl(40)],Oh.prototype,"_updateScroll",null),Oh=t([Ml("m3e-scroll-container")],Oh);let qh=class extends(sc(r)){constructor(){super(...arguments),Bh.add(this),Fh.set(this,new Array),this.selectedIndex=null}connectedCallback(){super.connectedCallback(),lc(this,"--no-animate")}update(t){super.update(t),t.has("selectedIndex")&&(null===this.selectedIndex&&lc(this,"--no-animate"),e(this,Bh,"m",Rh).call(this),null!==this.selectedIndex&&nc(this,"--no-animate")&&requestAnimationFrame(()=>{null!==this.selectedIndex&&cc(this,"--no-animate")}))}render(){return s`<slot @slotchange="${e(this,Bh,"m",Vh)}"></slot>`}};Fh=new WeakMap,Bh=new WeakSet,Vh=function(t){const i=[...t.target.assignedElements({flatten:!0})];for(const t of e(this,Fh,"f").filter(e=>!i.includes(e)))t.classList.remove("-before"),t.classList.remove("-after"),t.removeAttribute("inert");a(this,Fh,i,"f"),e(this,Bh,"m",Rh).call(this)},Rh=function(){const t=this.selectedIndex??e(this,Fh,"f").length;for(let a=0;a<e(this,Fh,"f").length;a++){const i=e(this,Fh,"f")[a];i.classList.toggle("-before",a<t),i.classList.toggle("-after",a>t),i.toggleAttribute("inert",a!==t)}},qh.styles=o`:host { display: flex; position: relative; overflow: hidden; } ::slotted(*) { width: 100%; top: 0; transition: ${i(`inset-inline-start var(--m3e-slide-animation-duration, ${qc.motion.duration.long2}) ${qc.motion.easing.standard},\n        visibility var(--m3e-slide-animation-duration, ${qc.motion.duration.long2}) ${qc.motion.easing.standard} allow-discrete`)}; } ::slotted(.-before), ::slotted(.-after) { visibility: hidden; position: absolute; } ::slotted(.-before) { inset-inline-start: -100%; } ::slotted(.-after) { inset-inline-start: 100%; } ::slotted(:not(.-before):not(.-after)) { position: relative; inset-inline-start: 0; } :host(:is(:state(--no-animate), :--no-animate)) ::slotted(*) { transition: none; } @media (prefers-reduced-motion) { ::slotted(*) { transition: none; } }`,t([m({attribute:"selected-index",type:Number,reflect:!0})],qh.prototype,"selectedIndex",void 0),qh=t([Ml("m3e-slide")],qh);const Nh=i(`var(--m3e-state-layer-hover-color, ${qc.color.onSurface})`),Uh=i(`var(--m3e-state-layer-hover-opacity, ${qc.state.hoverStateLayerOpacity})`),jh=i(`var(--m3e-state-layer-focus-color, ${qc.color.onSurface})`),Yh=i(`var(--m3e-state-layer-focus-opacity, ${qc.state.focusStateLayerOpacity})`),Kh=i(`var(--m3e-state-layer-duration, ${qc.motion.duration.medium1})`),Zh=i(`var(--m3e-state-layer-easing, ${qc.motion.easing.standard})`);var Xh,Gh,Jh,Qh,em;let tm=class extends(wd(Ad(r,"none"))){constructor(){super(...arguments),Xh.add(this),Gh.set(this,new kl(this,{target:null,callback:t=>e(this,Xh,"m",Qh).call(this,t)})),Jh.set(this,new xl(this,{target:null,callback:(t,a)=>e(this,Xh,"m",em).call(this,a)})),this.disabled=!1,this.disableHover=!1}show(e){this._layer?.classList.toggle(e,!0)}hide(e){this._layer?.classList.toggle(e,!1)}attach(t){super.attach(t),e(this,Gh,"f").observe(t),e(this,Jh,"f").observe(t)}detach(){this.control&&(e(this,Gh,"f").unobserve(this.control),e(this,Jh,"f").unobserve(this.control)),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide("hover"),this.hide("focused")}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&(this.hide("hover"),this.hide("focused")),e.has("disableHover")&&this.disableHover&&this.hide("hover")}render(){return s`<div class="layer"></div>`}};var am,im,om,rm,sm,nm,lm,cm;Gh=new WeakMap,Jh=new WeakMap,Xh=new WeakSet,Qh=function(e){this.disabled||this.disableHover||(e?this.show("hover"):this.hide("hover"))},em=function(e){this.disabled||(e?this.show("focused"):this.hide("focused"))},tm.styles=o`:host { display: block; } :host, .layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } .layer { will-change: background-color; transition: ${i(`background-color ${Kh} ${Zh}`)}; } .layer.focused { background-color: color-mix(in srgb, ${jh} ${Yh}, transparent); } .layer.hover { background-color: color-mix(in srgb, ${Nh} ${Uh}, transparent); } @media (prefers-reduced-motion) { .layer { transition: none; } } @media (forced-colors: active) { .layer { display: none; } }`,t([h(".layer")],tm.prototype,"_layer",void 0),t([m({type:Boolean,reflect:!0})],tm.prototype,"disabled",void 0),t([m({attribute:"disable-hover",type:Boolean,reflect:!0})],tm.prototype,"disableHover",void 0),tm=t([Ml("m3e-state-layer")],tm);let dm=cm=class extends r{constructor(){super(),am.add(this),im.set(this,"m3e-text-highlight-"+cm.__nextId++),om.set(this,new Array),rm.set(this,null),this.disabled=!1,this.term="",this.caseSensitive=!1,this.mode="contains",this.isSupported&&(a(this,rm,new CSSStyleSheet,"f"),e(this,rm,"f").replaceSync(o`::highlight(${i(e(this,im,"f"))}) { background-color: var(--m3e-text-highlight-container-color, ${qc.color.secondaryContainer}); color: var(--m3e-text-highlight-color, ${qc.color.onSecondaryContainer}); text-decoration: var(--m3e-text-highlight-decoration); text-shadow: var(--m3e-text-highlight-shadow); }`.toString()))}get isSupported(){return!(l||!CSS.highlights)}get ranges(){return e(this,om,"f")}firstUpdated(t){super.firstUpdated(t),this.shadowRoot&&e(this,rm,"f")&&!this.shadowRoot.adoptedStyleSheets.includes(e(this,rm,"f"))&&this.shadowRoot.adoptedStyleSheets.push(e(this,rm,"f"))}updated(t){super.updated(t),(t.has("term")||t.has("caseSensitive")||t.has("disabled"))&&e(this,am,"m",lm).call(this)}render(){return s`<slot @slotchange="${e(this,am,"m",lm)}"></slot>`}};im=new WeakMap,om=new WeakMap,rm=new WeakMap,am=new WeakSet,sm=function(e){return!/^\s*$/.test(e.data)},nm=function t(a,i){a instanceof HTMLSlotElement?a.assignedNodes({flatten:!0}).forEach(a=>{switch(a.nodeType){case Node.TEXT_NODE:e(this,am,"m",sm).call(this,a)&&i.push(a);break;case Node.ELEMENT_NODE:e(this,am,"m",t).call(this,a,i)}}):a.childNodes.forEach(a=>{switch(a.nodeType){case Node.TEXT_NODE:e(this,am,"m",sm).call(this,a)&&i.push(a);break;case Node.ELEMENT_NODE:e(this,am,"m",t).call(this,a,i)}})},lm=function(){if(!this.isSupported||!this.isConnected)return;if(CSS.highlights.delete(e(this,im,"f")),e(this,om,"f").length=0,this.disabled)return;if(!this.term)return void this.dispatchEvent(new CustomEvent("highlight",{detail:[...e(this,om,"f")],bubbles:!1,composed:!1}));const t=new Array;if(e(this,am,"m",nm).call(this,this,t),t.length>0){const i=this.caseSensitive?this.term:this.term.toLowerCase();switch(this.mode){case"starts-with":{const a=t[0];if(((this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"").startsWith(i)){const t=new Range;t.setStart(a,0),t.setEnd(a,i.length),e(this,om,"f").push(t)}}break;case"ends-with":{const a=t[t.length-1],o=(this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"";if(o.endsWith(i)){const t=o.length-i.length,r=t+i.length,s=new Range;s.setStart(a,t),s.setEnd(a,r),e(this,om,"f").push(s)}}break;case"contains":a(this,om,t.map(e=>({el:e,text:(this.caseSensitive?e.textContent:e.textContent?.toLowerCase())??""})).map(({el:e,text:t})=>{const a=new Array;let o=0;for(;o<t.length;){const e=t.indexOf(i,o);if(-1===e)break;a.push(e),o=e+i.length}return a.map(t=>{const a=new Range;return a.setStart(e,t),a.setEnd(e,t+i.length),a})}).flat(),"f")}e(this,om,"f").length>0&&CSS.highlights.set(e(this,im,"f"),new Highlight(...e(this,om,"f")))}this.dispatchEvent(new CustomEvent("highlight",{detail:[...e(this,om,"f")],bubbles:!1,composed:!1}))},dm.styles=o`:host { display: contents; }`,dm.__nextId=0,t([m({type:Boolean,reflect:!0})],dm.prototype,"disabled",void 0),t([m()],dm.prototype,"term",void 0),t([m({attribute:"case-sensitive",type:Boolean})],dm.prototype,"caseSensitive",void 0),t([m()],dm.prototype,"mode",void 0),dm=cm=t([Ml("m3e-text-highlight")],dm);let hm=class extends r{render(){return s`<span class="base"><slot></slot></span>`}};var mm,um,pm,vm,bm,fm,gm,ym,$m,wm,xm,km,Cm,Sm,_m,Lm,Em,zm,Mm,Pm,Tm,Im,Dm;hm.styles=o`:host { flex: 1 1 auto; display: inline-flex; align-items: center; flex-wrap: nowrap; min-width: 0; } .base { flex: 1 1 auto; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }`,hm=t([Ml("m3e-text-overflow")],hm);let Am=Dm=class extends(M(z(P(f(r,"dialog"))))){constructor(){super(...arguments),mm.add(this),um.set(this,void 0),pm.set(this,void 0),vm.set(this,void 0),bm.set(this,void 0),fm.set(this,new I(this)),gm.set(this,new D(this)),ym.set(this,t=>e(this,mm,"m",km).call(this,t)),$m.set(this,t=>e(this,mm,"m",Em).call(this,t)),wm.set(this,t=>{"closed"===t.newState&&(e(this,mm,"m",Im).call(this),e(this,bm,"f")?.call(this),a(this,bm,void 0,"f"))}),this.variant="docked",this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.range=!1,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years",this.clearable=!1,this.clearLabel="Clear",this.confirmLabel="OK",this.dismissLabel="Cancel",this.label="Select date"}get isOpen(){return void 0!==e(this,pm,"f")}get currentVariant(){return this._variant??("modal"!==this.variant?"docked":"modal")}connectedCallback(){super.connectedCallback(),this.setAttribute("popover","manual"),this.addEventListener("toggle",e(this,wm,"f")),document.addEventListener("click",e(this,ym,"f")),document.addEventListener("keydown",e(this,$m,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._variant=void 0,e(this,um,"f")?.call(this),e(this,mm,"m",Tm).call(this),k(this,"--docked"),k(this,"--modal"),this.removeEventListener("toggle",e(this,wm,"f")),document.removeEventListener("click",e(this,ym,"f")),document.removeEventListener("keydown",e(this,$m,"f"))}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.variant&&e(this,mm,"m",zm).call(this)}async show(t,i){e(this,pm,"f")&&e(this,pm,"f")!==t&&this.hide(),"modal"===this.currentVariant&&(e(this,fm,"f").lock(),e(this,gm,"f").lock());const o=this._calendar;o.date=this.date,o.rangeStart=this.rangeStart,o.rangeEnd=this.rangeEnd,o.requestUpdate("startView"),o.isUpdatePending&&await o.updateComplete,a(this,pm,t,"f"),e(this,pm,"f").ariaExpanded="true",a(this,vm,i,"f"),await e(this,mm,"m",Pm).call(this),this.showPopover(),await this._calendar.focusActiveCell()}hide(t=!1){"modal"===this.currentVariant&&(e(this,fm,"f").unlock(),e(this,gm,"f").unlock()),this.hidePopover(),e(this,pm,"f")&&(e(this,pm,"f").ariaExpanded="false",t&&e(this,pm,"f").focus(),a(this,pm,void 0,"f"))}async toggle(t,a){e(this,pm,"f")?this.hide():await this.show(t,a)}render(){return s`<m3e-focus-trap>${e(this,mm,"m",xm).call(this)}<m3e-calendar class="calendar" start-view="${this.startView}" start-at="${je(this.startAt?.toISOString())}" min-date="${je(this.minDate?.toISOString())}" max-date="${je(this.maxDate?.toISOString())}" @change="${e(this,mm,"m",Cm)}"></m3e-calendar><div class="actions">${this.clearable?s`<m3e-button @click="${e(this,mm,"m",Sm)}">${this.clearLabel}</m3e-button>`:n}<div class="spacer" aria-hidden="true"></div><m3e-button @click="${e(this,mm,"m",_m)}">${this.dismissLabel}</m3e-button><m3e-button @click="${e(this,mm,"m",Lm)}">${this.confirmLabel}</m3e-button></div></m3e-focus-trap>`}willUpdate(t){super.willUpdate(t),["date","rangeStart","rangeEnd"].some(e=>t.has(e))&&e(this,mm,"m",Im).call(this),t.has("rangeStart")&&this.rangeStart&&(this.range=!0),t.has("rangeStart")&&this.rangeStart&&!t.has("date")&&(this.date=new Date(this.rangeStart)),t.has("rangeEnd")&&this.rangeEnd&&!t.has("date")&&(this.date=new Date(this.rangeEnd)),t.has("variant")&&(e(this,um,"f")?.call(this),"auto"===this.variant?e(this,mm,"m",zm).call(this):(this._variant=void 0,e(this,mm,"m",Mm).call(this)))}updated(e){super.updated(e),(e.has("specialDates")||e.has("blackoutDates"))&&(this._calendar.specialDates=this.specialDates,this._calendar.blackoutDates=this.blackoutDates)}};um=new WeakMap,pm=new WeakMap,vm=new WeakMap,bm=new WeakMap,fm=new WeakMap,gm=new WeakMap,ym=new WeakMap,$m=new WeakMap,wm=new WeakMap,mm=new WeakSet,xm=function(){if("docked"===this.currentVariant)return n;const e=this._rangeStart??this.rangeStart,t=this._rangeStart?this._rangeEnd:this._rangeEnd??this.rangeEnd,a=this._date??this.date;return s`<div class="supporting-text">${this.label}</div>${e?s`<div class="headline">${new Intl.DateTimeFormat(navigator.language,{month:"short",day:"numeric"}).format(e)+" – "+(t?new Intl.DateTimeFormat(navigator.language,{month:"short",day:"numeric"}).format(t):"")}</div>`:s`<div class="headline">${a?new Intl.DateTimeFormat(navigator.language,{weekday:"short",month:"short",day:"numeric"}).format(a):"––"}</div>`}<div class="divider"></div>`},km=function(t){t.composedPath().some(t=>t instanceof Dm||t===e(this,pm,"f")||t===e(this,vm,"f"))||this.hide()},Cm=function(){this._date=this._calendar.date,this._rangeStart=this._calendar.rangeStart,this._rangeEnd=this._calendar.rangeEnd,this.range&&!this._rangeStart&&this._date&&(this._rangeStart=new Date(this._date),this._calendar.rangeStart=this._rangeStart)},Sm=function(){this.date=null,this.rangeStart=null,this.rangeEnd=null,this.hide(!0),this.dispatchEvent(new Event("change",{bubbles:!0}))},_m=function(){this.hide(!0)},Lm=function(){this.date=this._date??this.date,this.rangeStart=void 0===this._rangeStart?this.rangeStart:this._rangeStart,this.rangeEnd=void 0===this._rangeEnd?this.rangeEnd:this._rangeEnd,this.hide(!0),this.dispatchEvent(new Event("change",{bubbles:!0}))},Em=function(e){!this.isOpen||"modal"!==this.currentVariant||"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.hide(!0))},zm=function(){a(this,um,Qe.observe([et.XSmall,et.Small],t=>{this._variant=t.get(et.XSmall)||t.get(et.Small)?"modal":"docked",e(this,mm,"m",Mm).call(this)}),"f")},Mm=function(){switch(this.currentVariant){case"docked":this.ariaModal=null,k(this,"--modal"),L(this,"--docked"),e(this,fm,"f").unlock(),e(this,gm,"f").unlock();break;case"modal":this.ariaModal="true",k(this,"--docked"),L(this,"--modal"),this.isOpen&&(e(this,fm,"f").lock(),e(this,gm,"f").lock())}this.isOpen&&e(this,mm,"m",Pm).call(this)},Pm=async function(){"docked"===this.currentVariant&&e(this,pm,"f")?(e(this,bm,"f")?.call(this),a(this,bm,await Ne(this,e(this,vm,"f")??e(this,pm,"f"),{position:"bottom-start",inline:!0,flip:!0,shift:"both"},(e,t,a)=>{x(this,"--top",a.includes("top")),x(this,"--bottom",a.includes("bottom")),"rtl"===qe.current?(this.style.right=window.innerWidth-e-this.clientWidth+"px",this.style.left=""):(this.style.left=`${e}px`,this.style.right=""),this.style.top=`${t}px`}),"f")):e(this,mm,"m",Tm).call(this)},Tm=function(){e(this,bm,"f")?.call(this),a(this,bm,void 0,"f"),this.style.left="",this.style.right="",this.style.top=""},Im=function(){this._date=this._rangeStart=this._rangeEnd=void 0},Am.styles=o`:host { flex-direction: column; margin: unset; border: unset; padding-block: var(--m3e-datepicker-container-padding-block, 0.75rem); padding-inline: var(--m3e-datepicker-container-padding-inline, 0.25rem); background-color: var(--m3e-datepicker-container-color, ${v.color.surfaceContainer}); box-shadow: var(--m3e-datepicker-container-elevation, ${v.elevation.level3}); opacity: 0; display: none; } .calendar { --m3e-calendar-container-color: transparent; --m3e-calendar-container-elevation: ${v.elevation.level0}; --m3e-calendar-container-shape: ${v.shape.corner.none}; } .headline { color: var(--m3e-datepicker-modal-headline-color, ${v.color.onSurfaceVariant}); font-size: var( --m3e-datepicker-modal-headline-font-size, ${v.typescale.standard.headline.large.fontSize} ); font-weight: var( --m3e-datepicker-modal-headline-font-weight, ${v.typescale.standard.headline.large.fontWeight} ); line-height: var( --m3e-datepicker-modal-headline-line-height, ${v.typescale.standard.headline.large.lineHeight} ); letter-spacing: var( --m3e-datepicker-modal-headline-tracking, ${v.typescale.standard.headline.large.tracking} ); margin-block-start: 2.25rem; margin-block-end: 0.75rem; margin-inline: 1.5rem; } .supporting-text { color: var(--m3e-datepicker-modal-supporting-text-color, ${v.color.onSurfaceVariant}); font-size: var( --m3e-datepicker-modal-supporting-text-font-size, ${v.typescale.standard.label.large.fontSize} ); font-weight: var( --m3e-datepicker-modal-supporting-text-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-datepicker-modal-supporting-text-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-datepicker-modal-supporting-text-tracking, ${v.typescale.standard.label.large.tracking} ); margin-block-start: 1rem; margin-inline: 1.5rem; } .divider { height: var(--m3e-divider-thickness, 1px); width: 100%; position: relative; } .divider::before { content: ""; box-sizing: border-box; position: absolute; border-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); height: inherit; left: -0.25rem; right: -0.25rem; } .actions { display: flex; align-items: center; column-gap: 0.5rem; padding-inline: var(--m3e-datepicker-actions-padding-inline, 0.5rem); } .spacer { flex: 1 1 auto; } :host(:is(:state(--docked), :--docked)) { position: absolute; background-color: var(--m3e-datepicker-docked-container-color, ${v.color.surfaceContainer}); border-radius: var(--m3e-datepicker-docked-container-shape, ${v.shape.corner.large}); } :host(:is(:state(--modal), :--modal)) { position: fixed; inset: 0; margin: auto; transform-origin: top; background-color: var(--m3e-datepicker-modal-container-color, ${v.color.surfaceContainerHigh}); border-radius: var(--m3e-datepicker-modal-container-shape, ${v.shape.corner.extraLarge}); } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`opacity ${v.motion.duration.short2} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short2} ${v.motion.easing.standard},\n        overlay ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n        display ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete`)}; } :host { transform: scaleY(0.8); } :host(:popover-open) { transform: scaleY(1); display: inline-flex; opacity: 1; } :host(:is(:state(--docked), :--docked))::backdrop { background-color: transparent; } :host(:is(:state(--modal), :--modal))::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); margin-inline-end: -20px; } :host(:is(:state(--modal), :--modal):not(:popover-open))::backdrop { transition: ${i(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--modal), :--modal):popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${i(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--bottom), :--bottom)) { transform-origin: top; } :host(:is(:state(--top), :--top)) { transform-origin: bottom; } @starting-style { :host(:popover-open) { transform: scaleY(0.8); } :host(:is(:state(--modal), :--modal):popover-open)::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); } } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: none; } } @media (forced-colors: active) { :host { background-color: Menu; color: MenuText; border: 1px solid CanvasText; } }`,t([p()],Am.prototype,"_date",void 0),t([p()],Am.prototype,"_rangeStart",void 0),t([p()],Am.prototype,"_rangeEnd",void 0),t([h("m3e-calendar")],Am.prototype,"_calendar",void 0),t([p()],Am.prototype,"_variant",void 0),t([m()],Am.prototype,"variant",void 0),t([m({attribute:"start-view"})],Am.prototype,"startView",void 0),t([m({converter:J})],Am.prototype,"date",void 0),t([m({attribute:"start-at",converter:J})],Am.prototype,"startAt",void 0),t([m({attribute:"min-date",converter:J})],Am.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],Am.prototype,"maxDate",void 0),t([m({type:Boolean})],Am.prototype,"range",void 0),t([m({attribute:"range-start",converter:J})],Am.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],Am.prototype,"rangeEnd",void 0),t([m({attribute:!1})],Am.prototype,"blackoutDates",void 0),t([m({attribute:!1})],Am.prototype,"specialDates",void 0),t([m({attribute:"previous-month-label"})],Am.prototype,"previousMonthLabel",void 0),t([m({attribute:"previous-year-label"})],Am.prototype,"previousYearLabel",void 0),t([m({attribute:"previous-multi-year-label"})],Am.prototype,"previousMultiYearLabel",void 0),t([m({attribute:"next-month-label"})],Am.prototype,"nextMonthLabel",void 0),t([m({attribute:"next-year-label"})],Am.prototype,"nextYearLabel",void 0),t([m({attribute:"next-multi-year-label"})],Am.prototype,"nextMultiYearLabel",void 0),t([m({type:Boolean})],Am.prototype,"clearable",void 0),t([m({attribute:"clear-label"})],Am.prototype,"clearLabel",void 0),t([m({attribute:"confirm-label"})],Am.prototype,"confirmLabel",void 0),t([m({attribute:"dismiss-label"})],Am.prototype,"dismissLabel",void 0),t([m()],Am.prototype,"label",void 0),Am=Dm=t([$("m3e-datepicker")],Am);let Wm=class extends(b(E)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof Am&&this.parentElement&&this.control.toggle(this.parentElement,this.closest("m3e-form-field")??void 0)}};Wm=t([$("m3e-datepicker-toggle")],Wm);let Hm=class extends E{constructor(){super(...arguments),this.returnValue=""}_onClick(){this.closest("m3e-dialog")?.hide(this.returnValue)}};var Om,Bm,Fm,Vm,Rm,qm,Nm,Um,jm,Ym,Km,Zm;t([m({attribute:"return-value"})],Hm.prototype,"returnValue",void 0),Hm=t([$("m3e-dialog-action")],Hm);let Xm=Zm=class extends(P(r)){constructor(){super(...arguments),Om.add(this),Bm.set(this,Zm.__nextId++),Fm.set(this,!1),Vm.set(this,!1),this._withActions=!1,Rm.set(this,new I(this)),this.alert=!1,this.dismissible=!1,this.disableClose=!1,this.noFocusTrap=!1,this.closeLabel="Close",this.returnValue=""}get open(){return e(this,Fm,"f")}set open(t){t!==e(this,Fm,"f")&&(a(this,Fm,t,"f"),e(this,Fm,"f")?this.show():this.hide())}async show(){if(await this.updateComplete,this._base.open)return;if(!this.dispatchEvent(new Event("opening",{cancelable:!0})))return void(this.open=!1);e(this,Rm,"f").lock(),this._base.showModal(),this._content.scrollTop=0;const t=this.querySelector("[autofocus]");t&&W(t),this.dispatchEvent(new Event("opened"))}async hide(t=this.returnValue){if(!this.isConnected)return void(this.open=!1);if(await this.updateComplete,e(this,Rm,"f").unlock(),!this._base.open)return void(this.open=!1);const a=this.returnValue;this.returnValue=t,this.dispatchEvent(new Event("closing",{cancelable:!0}))?(this.open=!1,this._base.close(t),this.dispatchEvent(new Event("closed"))):this.returnValue=a}render(){return s`<dialog class="base" role="${je(this.alert?"alertdialog":void 0)}" aria-labelledby="m3e-dialog-${e(this,Bm,"f")}-header" .returnvalue="${this.returnValue}" @close="${e(this,Om,"m",Nm)}" @cancel="${e(this,Om,"m",Um)}" @click="${e(this,Om,"m",jm)}" @keydown="${e(this,Om,"m",Ym)}"><m3e-elevation level="3"></m3e-elevation><m3e-focus-trap ?disabled="${this.noFocusTrap}"><div class="header"><slot name="header" id="m3e-dialog-${e(this,Bm,"f")}-header"></slot>${e(this,Om,"m",qm).call(this)}</div><m3e-scroll-container class="content" dividers="${this._withActions?"above-below":"above"}"><slot></slot></m3e-scroll-container><div class="actions"><slot name="actions" @slotchange="${e(this,Om,"m",Km)}"></slot></div></m3e-focus-trap></dialog>`}};Bm=new WeakMap,Fm=new WeakMap,Vm=new WeakMap,Rm=new WeakMap,Om=new WeakSet,qm=function(){return this.dismissible?s`<m3e-icon-button aria-label="${this.closeLabel}" class="close" @click="${this.hide}"><slot name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button>`:n},Nm=function(){e(this,Vm,"f")&&(a(this,Vm,!0,"f"),this._base?.dispatchEvent(new Event("cancel",{cancelable:!0})))},Um=function(e){e.target===this._base&&(a(this,Vm,!1,"f"),e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},jm=function(e){this.disableClose||e.target!==this._base||this.hide()},Ym=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.disableClose||this.hide())},Km=function(e){this._withActions=e.target.assignedNodes({flatten:!0}).length>0,x(this,"--with-actions",this._withActions)},Xm.styles=o`:host { display: contents; } .base { font: inherit; border: unset; outline: unset; padding: unset; display: flex; flex-direction: column; position: fixed; overflow: visible; border-radius: var(--m3e-dialog-shape, ${v.shape.corner.extraLarge}); min-width: var(--m3e-dialog-min-width, 17.5rem); max-width: var(--m3e-dialog-max-width, 35rem); color: var(--m3e-dialog-color, ${v.color.onSurface}); background-color: var(--m3e-dialog-container-color, ${v.color.surfaceContainerHigh}); visibility: hidden; opacity: 0; transform-origin: top; transform: translateY(-3.125rem) scaleY(0.8); } .base::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); margin-inline-end: -20px; } .base:not([open]) { visibility: hidden; opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.emphasized}, \n        transform ${v.motion.duration.short3} ${v.motion.easing.emphasized},\n        overlay ${v.motion.duration.short3} ${v.motion.easing.emphasized} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.emphasized} allow-discrete`)}; } .base[open] { visibility: visible; opacity: 1; transform: translateY(0) scaleY(1); transition: ${i(`opacity ${v.motion.duration.long2} ${v.motion.easing.emphasized}, \n        transform ${v.motion.duration.long2} ${v.motion.easing.emphasized},\n        overlay ${v.motion.duration.long2} ${v.motion.easing.emphasized} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.emphasized} allow-discrete`)}; } .base:not([open])::backdrop { transition: ${i(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } .base[open]::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${i(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { .base[open] { opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); } .base[open]::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); } } .header { flex: none; display: flex; align-items: center; padding: 1.5rem 1.5rem 1rem 1.5rem; background-color: var(--m3e-dialog-header-container-color, transparent); } ::slotted([slot="header"]) { margin: unset; flex: 1 1 auto; color: var(--m3e-dialog-header-color, inherit); font-size: var(--m3e-dialog-header-font-size, ${v.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-dialog-header-font-weight, ${v.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-dialog-header-line-height, ${v.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-dialog-header-tracking, ${v.typescale.standard.headline.small.tracking}); } .content { padding-inline: 1.5rem; color: var(--m3e-dialog-content-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-dialog-content-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-dialog-content-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-dialog-content-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-dialog-content-tracking, ${v.typescale.standard.body.medium.tracking}); } .actions { padding: 1.5rem; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; min-height: 1.5rem; column-gap: 0.5rem; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } :host(:not(:is(:state(--with-actions), :--with-actions))) .content { margin-bottom: 1.5rem; } :host(:not(:is(:state(--with-actions), :--with-actions))) .actions { display: none; } .close { margin-inline-start: 0.5rem; } ::slotted([slot="close-icon"]), .close-icon { width: 1em; font-size: var(--m3e-icon-button-icon-size, 1.5rem) !important; } @media (forced-colors: active) { .base:not([open])::backdrop, .base[open]::backdrop { transition: none; } .base { border-style: solid; border-width: 1px; border-color: CanvasText; } } @media (prefers-reduced-motion) { .base:not([open]), .base[open], .base:not([open])::backdrop, .base[open]::backdrop { transition: none; } }`,Xm.__nextId=0,t([p()],Xm.prototype,"_withActions",void 0),t([h(".base")],Xm.prototype,"_base",void 0),t([h(".content")],Xm.prototype,"_content",void 0),t([m({type:Boolean})],Xm.prototype,"alert",void 0),t([m({type:Boolean,reflect:!0})],Xm.prototype,"open",null),t([m({type:Boolean})],Xm.prototype,"dismissible",void 0),t([m({attribute:"disable-close",type:Boolean})],Xm.prototype,"disableClose",void 0),t([m({attribute:"no-focus-trap",type:Boolean})],Xm.prototype,"noFocusTrap",void 0),t([m({attribute:"close-label"})],Xm.prototype,"closeLabel",void 0),Xm=Zm=t([$("m3e-dialog")],Xm);let Gm=class extends(b(E)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof Xm&&this.control.show()}};Gm=t([$("m3e-dialog-trigger")],Gm);let Jm=class extends(f(r,"separator")){constructor(){super(...arguments),this.vertical=!1,this.inset=!1,this.insetStart=!1,this.insetEnd=!1}render(){return s`<div class="line"></div>`}};Jm.styles=o`:host { display: block; position: relative; } :host(:not([vertical])) { height: var(--m3e-divider-thickness, 1px); width: 100%; } :host([vertical]) { width: var(--m3e-divider-thickness, 1px); height: 100%; } .line { box-sizing: border-box; position: absolute; } :host(:not([vertical])) .line { border-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); height: inherit; } :host([vertical]) .line { border-right: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); width: inherit; } :host([vertical][inset]) .line, :host([vertical][inset-start]) .line { top: var(--m3e-divider-inset-start-size, var(--m3e-divider-inset-size, 1rem)); } :host(:not([vertical])[inset]) .line, :host(:not([vertical])[inset-start]) .line { left: var(--m3e-divider-inset-start-size, var(--m3e-divider-inset-size, 1rem)); } :host([vertical][inset]) .line, :host([vertical][inset-end]) .line { bottom: var(--m3e-divider-inset-end-size, var(--m3e-divider-inset-size, 1rem)); } :host(:not([vertical])[inset]) .line, :host(:not([vertical])[inset-end]) .line { right: var(--m3e-divider-inset-end-size, var(--m3e-divider-inset-size, 1rem)); } :host([vertical]:not([inset]):not([inset-start])) .line { top: 0; } :host(:not([vertical]):not([inset]):not([inset-start])) .line { left: 0; } :host([vertical]:not([inset]):not([inset-end])) .line { bottom: 0; } :host(:not([vertical]):not([inset]):not([inset-end])) .line { right: 0; } @media (forced-colors: active) { .line { border-color: GrayText; } }`,t([m({type:Boolean,reflect:!0})],Jm.prototype,"vertical",void 0),t([m({type:Boolean,reflect:!0})],Jm.prototype,"inset",void 0),t([m({attribute:"inset-start",type:Boolean,reflect:!0})],Jm.prototype,"insetStart",void 0),t([m({attribute:"inset-end",type:Boolean,reflect:!0})],Jm.prototype,"insetEnd",void 0),Jm=t([$("m3e-divider")],Jm);const Qm=i(`var(--m3e-drawer-container-color, ${v.color.surface})`),eu=i(`var(--m3e-drawer-container-elevation, ${v.elevation.level0})`),tu=i("var(--m3e-drawer-container-width, 22.5rem)"),au=i("var(--m3e-drawer-container-scrim-opacity, 32%)"),iu=i(`var(--m3e-modal-drawer-corner-shape, ${v.shape.corner.large})`),ou=i(`var(--m3e-modal-drawer-container-color, ${v.color.surfaceContainerLow})`),ru=i(`var(--m3e-modal-drawer-elevation, ${v.elevation.level1})`),su=i(`var(--m3e-drawer-divider-color, ${v.color.outline})`),nu=i("var(--m3e-drawer-divider-thickness, 1px)"),lu=o`:host { display: block; position: relative; overflow: hidden; flex: 1 1 auto; } .start, .end { position: absolute; top: 0; bottom: 0; z-index: 3; outline: none; overflow-x: hidden; overflow-y: auto; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; box-sizing: border-box; background-color: ${Qm}; box-shadow: ${eu}; transition: ${i(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete,\n      background-color ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      box-shadow ${v.motion.duration.medium4} ${v.motion.easing.standard}`)}; } .start { inset-inline-start: 0; } .end { inset-inline-end: 0; } :host(:not([start])) .start { visibility: hidden; } :host(:not([start]):not(:dir(rtl))) .start { margin-left: calc(0px - var(--_start-drawer-size, ${tu})); } :host(:not([start]):dir(rtl)) .start { margin-right: calc(0px - var(--_start-drawer-size, ${tu})); } :host([start]:not(:dir(rtl))) .start { margin-left: 0; } :host([start]:dir(rtl)) .start { margin-right: 0; } :host(:not([end])) .end { visibility: hidden; } :host(:not([end]):not(:dir(rtl))) .end { margin-right: calc(0px - var(--_end-drawer-size, ${tu})); } :host(:not([end]):dir(rtl)) .end { margin-left: calc(0px - var(--_end-drawer-size, ${tu})); } :host([end]:not(:dir(rtl))) .end { margin-right: 0; } :host([end]:dir(rtl)) .end { margin-left: 0; } ::slotted([slot="start"]), ::slotted([slot="end"]) { height: 100%; width: ${tu}; box-sizing: border-box; } .content { position: relative; height: 100%; overflow: auto; margin-left: 0; margin-right: 0; transition: ${i(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard}`)}; } :host(:is(:state(--start-push), :--start-push)[start]:not(:dir(rtl))) .content, :host(:is(:state(--start-side), :--start-side)[start]:not(:dir(rtl))) .content { margin-left: var(--_start-drawer-size, ${tu}); } :host(:is(:state(--start-push), :--start-push)[start]:dir(rtl)) .content, :host(:is(:state(--start-side), :--start-side)[start]:dir(rtl)) .content { margin-right: var(--_start-drawer-size, ${tu}); } :host(:is(:state(--end-push), :--end-push)[end]:not(:dir(rtl))) .content, :host(:is(:state(--end-side), :--end-side)[end]:not(:dir(rtl))) .content { margin-right: var(--_end-drawer-size, ${tu}); } :host(:is(:state(--end-push), :--end-push)[end]:dir(rtl)) .content, :host(:is(:state(--end-side), :--end-side)[end]:dir(rtl)) .content { margin-left: var(--_end-drawer-size, ${tu}); } .scrim { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: ${v.color.scrim}; opacity: 0; visibility: hidden; transition: ${i(`opacity ${v.motion.duration.medium4} ${v.motion.easing.standard}, \n        visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { .scrim { opacity: 0; } } :host(:is(:state(--start-push), :--start-push)[start]) .scrim, :host(:is(:state(--end-push), :--end-push)[end]) .scrim, :host(:is(:state(--start-over), :--start-over)[start]) .scrim, :host(:is(:state(--end-over), :--end-over)[end]) .scrim { visibility: visible; opacity: ${au}; } :host(:is(:state(--start-push), :--start-push)) .start, :host(:is(:state(--start-over), :--start-over)) .start { border-start-end-radius: ${iu}; border-end-end-radius: ${iu}; } :host(:is(:state(--end-push), :--end-push)) .end, :host(:is(:state(--end-over), :--end-over)) .end { border-start-start-radius: ${iu}; border-end-start-radius: ${iu}; } :host(:is(:state(--start-push), :--start-push)) .start, :host(:is(:state(--end-push), :--end-push)) .end, :host(:is(:state(--start-over), :--start-over)) .start, :host(:is(:state(--end-over), :--end-over)) .end { background-color: ${ou}; box-shadow: ${ru}; } :host([start-divider]) .start { border-inline-end-color: transparent; border-inline-end-width: ${nu}; border-inline-end-style: solid; box-sizing: border-box; } :host( [start-divider]:is(:state(--start-side), :--start-side)[start]:not(:is(:state(--end-push), :--end-push)[end]):not( :is(:state(--end-over), :--end-over)[end] ) ) .start { border-inline-end-color: ${su}; } :host([end-divider]) .end { border-inline-start-color: transparent; border-inline-start-width: ${nu}; border-inline-start-style: solid; box-sizing: border-box; } :host( [end-divider]:is(:state(--end-side), :--end-side)[end]:not(:is(:state(--start-push), :--start-push)[start]):not( :is(:state(--start-over), :--start-over)[start] ) ) .end { border-inline-start-color: ${su}; } :host(:is(:state(--no-animate), :--no-animate)) .start, :host(:is(:state(--no-animate), :--no-animate)) .end, :host(:is(:state(--no-animate), :--no-animate)) .content { transition: none; } @media (forced-colors: active) { .start, .end { background-color: Canvas; box-shadow: unset; transition: ${i(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--start-push), :--start-push)) .start, :host(:is(:state(--end-push), :--end-push)) .end, :host(:is(:state(--start-over), :--start-over)) .start, :host(:is(:state(--end-over), :--end-over)) .end { background-color: Canvas; box-shadow: unset; border-color: CanvasText; } .start, .end { border-style: solid; border-color: Canvas; border-width: 1px; } .start { border-inline-start-style: none; } .end { border-inline-end-style: none; } :host( [start-divider]:is(:state(--start-side), :--start-side)[start]:not( :is(:state(--end-push), :--end-push)[end] ):not(:is(:state(--end-over), :--end-over)[end]) ) .start { border-inline-end-color: GrayText; } :host( [end-divider]:is(:state(--end-side), :--end-side)[end]:not(:is(:state(--start-push), :--start-push)[start]):not( :is(:state(--start-over), :--start-over)[start] ) ) .end { border-inline-start-color: GrayText; } } @media (prefers-reduced-motion) { .start, .end, .content, .scrim { transition: none; } }`;var cu,du,hu,mu,uu,pu,vu,bu,fu,gu,yu,$u,wu;let xu=class extends(z(P(r))){constructor(){super(...arguments),cu.add(this),this._startMode="side",this._endMode="side",du.set(this,void 0),hu.set(this,!1),mu.set(this,!1),uu.set(this,new A(this,{target:null,skipInitial:!0,callback:t=>e(this,cu,"m",gu).call(this,t)})),this.start=!1,this.startMode="side",this.startDivider=!1,this.end=!1,this.endMode="side",this.endDivider=!1}connectedCallback(){super.connectedCallback(),L(this,"--no-animate")}disconnectedCallback(){super.disconnectedCallback(),e(this,du,"f")?.call(this),e(this,cu,"m",$u).call(this)}willUpdate(t){super.willUpdate(t),(t.has("startMode")||t.has("endMode"))&&(e(this,du,"f")?.call(this),"auto"===this.startMode||"auto"===this.endMode?e(this,cu,"m",yu).call(this):e(this,cu,"m",wu).call(this)),t.has("start")?this.start&&this.end&&"side"!==this._endMode&&(this.end=!1):t.has("end")&&this.end&&this.start&&"side"!==this._startMode&&(this.start=!1)}reconnectedCallback(){super.reconnectedCallback(),e(this,cu,"m",pu).call(this),"auto"!==this.startMode&&"auto"!==this.endMode||e(this,cu,"m",yu).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,cu,"m",pu).call(this)}render(){return s`<div class="start"><m3e-focus-trap ?disabled="${!this.start||"side"===this._startMode||e(this,hu,"f")}"><slot name="start" @slotchange="${e(this,cu,"m",bu)}"></slot></m3e-focus-trap></div><div class="content" .inert="${("side"!==this._startMode||"side"!==this._endMode)&&(this.start||this.end)}"><slot></slot></div><div class="scrim" @click="${e(this,cu,"m",vu)}"></div><div class="end"><m3e-focus-trap ?disabled="${!this.end||"side"===this._endMode||e(this,mu,"f")}"><slot name="end" @slotchange="${e(this,cu,"m",fu)}"></slot></m3e-focus-trap></div>`}};var ku,Cu,Su,_u,Lu,Eu;du=new WeakMap,hu=new WeakMap,mu=new WeakMap,uu=new WeakMap,cu=new WeakSet,pu=function(){let t=this.shadowRoot?.querySelector(".start");t&&e(this,uu,"f").observe(t),t=this.shadowRoot?.querySelector(".end"),t&&e(this,uu,"f").observe(t)},vu=function(){"side"!==this._startMode&&(this.start=!1),"side"!==this._endMode&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0}))},bu=function(e){a(this,hu,!g(e.target),"f")},fu=function(e){a(this,mu,!g(e.target),"f")},gu=function(e){for(const t of e){const e=Array.isArray(t.borderBoxSize)?t.borderBoxSize[0]:t.borderBoxSize;t.target.classList.contains("start")?this.style.setProperty("--_start-drawer-size",`${e.inlineSize}px`):t.target.classList.contains("end")&&this.style.setProperty("--_end-drawer-size",`${e.inlineSize}px`)}H(this,"--no-animate")&&(this.offsetTop,k(this,"--no-animate"))},yu=function(){a(this,du,Qe.observe([et.XSmall,et.Small],t=>e(this,cu,"m",wu).call(this,t,!0)),"f")},$u=function(){k(this,"--start-over"),k(this,"--start-push"),k(this,"--start-side"),k(this,"--end-over"),k(this,"--end-push"),k(this,"--end-side")},wu=async function(t,a=!1){let i=!1,o=!1;"auto"===this.startMode?t?.get(et.Medium)?this._startMode="side":t?.get(et.Small)?(i="side"===this._startMode&&this.start,this._startMode="push"):t?.get(et.XSmall)?(i="over"!==this._startMode&&this.start,this._startMode="over"):this._startMode="side":this._startMode=this.startMode,"auto"===this.endMode?t?.get(et.Medium)?this._endMode="side":t?.get(et.Small)?(o="side"===this._endMode&&this.end,this._endMode="push"):t?.get(et.XSmall)?(o="over"!==this._endMode&&this.end,this._endMode="over"):this._endMode="side":this._endMode=this.endMode,e(this,cu,"m",$u).call(this),L(this,`--start-${this._startMode}`),L(this,`--end-${this._endMode}`),a&&(i||o)&&(i&&(this.start=!1),o&&(this.end=!1),this.isUpdatePending&&await this.updateComplete,this.dispatchEvent(new Event("change",{bubbles:!0})))},xu.styles=lu,t([p()],xu.prototype,"_startMode",void 0),t([p()],xu.prototype,"_endMode",void 0),t([m({type:Boolean,reflect:!0})],xu.prototype,"start",void 0),t([m({attribute:"start-mode",reflect:!0})],xu.prototype,"startMode",void 0),t([m({attribute:"start-divider",type:Boolean,reflect:!0})],xu.prototype,"startDivider",void 0),t([m({type:Boolean,reflect:!0})],xu.prototype,"end",void 0),t([m({attribute:"end-mode",reflect:!0})],xu.prototype,"endMode",void 0),t([m({attribute:"end-divider",type:Boolean,reflect:!0})],xu.prototype,"endDivider",void 0),xu=t([$("m3e-drawer-container")],xu);let zu=class extends(b(E)){constructor(){super(...arguments),ku.add(this),Cu.set(this,()=>e(this,ku,"m",_u).call(this)),Su.set(this,!1)}attach(t){super.attach(t),this.htmlFor&&this.parentElement&&De(this.parentElement,"aria-controls",this.htmlFor);const a=t.closest("m3e-drawer-container");a&&(a.addEventListener("change",e(this,Cu,"f")),e(this,ku,"m",Eu).call(this,a,!0))}detach(){this.parentElement&&(this.htmlFor&&Ae(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),this.control?.closest("m3e-drawer-container")?.removeEventListener("change",e(this,Cu,"f")),super.detach()}_onClick(){e(this,ku,"m",Lu).call(this)}};var Mu,Pu,Tu,Iu;Cu=new WeakMap,Su=new WeakMap,ku=new WeakSet,_u=function(){if(this.control&&!e(this,Su,"f")){const t=this.control.closest("m3e-drawer-container");t&&e(this,ku,"m",Eu).call(this,t,!0)}},Lu=async function(){if(!this.parentElement||!this.control)return;const t=this.control.closest("m3e-drawer-container");if(t){a(this,Su,!0,"f");try{let a=!1;"start"===this.control.slot?(t.start=!t.start,a=!0):"end"===this.control.slot&&(t.end=!t.end,a=!0),t.isUpdatePending&&await t.updateComplete,a&&t.dispatchEvent(new Event("change",{bubbles:!0})),await e(this,ku,"m",Eu).call(this,t,!1)}finally{a(this,Su,!1,"f")}}},Eu=async function(e,t){if(!this.parentElement||!this.control)return;let a=!1;"start"===this.control.slot?a=e.start:"end"===this.control.slot&&(a=e.end),this.parentElement.ariaExpanded=`${a}`,t&&this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",a),this.parentElement instanceof r&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},zu=t([$("m3e-drawer-toggle")],zu);let Du=class extends r{constructor(){super(...arguments),Mu.add(this),Pu.set(this,[]),this.multi=!1}get panels(){return e(this,Pu,"f")}render(){return s`<slot @slotchange="${e(this,Mu,"m",Tu)}" @opening="${e(this,Mu,"m",Iu)}"></slot>`}};Pu=new WeakMap,Mu=new WeakSet,Tu=function(){if(a(this,Pu,[...this.querySelectorAll("m3e-expansion-panel")],"f"),this.multi)return;let t=!1;for(const a of e(this,Pu,"f").filter(e=>!e.open))t&&(a.open=!1),t=!0},Iu=function(t){if(!this.multi)for(const a of e(this,Pu,"f").filter(e=>e!==t.target&&e.open))a.open=!1},Du.styles=o`:host { display: block; } ::slotted(m3e-expansion-panel) { --m3e-expansion-panel-container-color: ${v.color.surface}; --m3e-expansion-panel-elevation: ${v.elevation.level2}; --m3e-expansion-panel-open-shape: ${v.shape.corner.medium}; --_expansion-panel-open-spacing: 1rem; } ::slotted(m3e-expansion-panel:first-of-type:last-of-type) { --m3e-expansion-panel-shape: ${v.shape.corner.medium}; } ::slotted(m3e-expansion-panel:first-of-type:not(:last-of-type)) { --m3e-expansion-panel-shape: ${v.shape.corner.value.medium} ${v.shape.corner.value.medium} ${v.shape.corner.value.none} ${v.shape.corner.value.none}; } ::slotted(m3e-expansion-panel:last-of-type:not(:first-of-type)) { --m3e-expansion-panel-shape: ${v.shape.corner.value.none} ${v.shape.corner.value.none} ${v.shape.corner.value.medium} ${v.shape.corner.value.medium}; }`,t([m({type:Boolean})],Du.prototype,"multi",void 0),Du=t([$("m3e-accordion")],Du);const Au=i("var(--m3e-expansion-header-collapsed-height, 3rem)"),Wu=i("var(--m3e-expansion-header-expanded-height, 4rem)"),Hu=i("var(--m3e-expansion-header-padding-left, 1.5rem)"),Ou=i("var(--m3e-expansion-header-padding-right, 1.5rem)"),Bu=i("var(--m3e-expansion-header-spacing, 0.5rem)"),Fu=i("var(--m3e-expansion-header-toggle-icon-size, 1.5rem)"),Vu=i(`var(--m3e-expansion-header-font-size, ${v.typescale.standard.title.medium.fontSize})`),Ru=i(`var(--m3e-expansion-header-font-weight, ${v.typescale.standard.title.medium.fontWeight})`),qu=i(`var(--m3e-expansion-header-line-height, ${v.typescale.standard.title.medium.lineHeight})`),Nu=i(`var(--m3e-expansion-header-tracking, ${v.typescale.standard.title.medium.tracking})`),Uu=o`:host { display: block; border-radius: inherit; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: ${i(`height var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } .base { box-sizing: border-box; width: 100%; height: 100%; display: flex; border-radius: inherit; outline: none; position: relative; padding-inline-start: ${Hu}; padding-inline-end: ${Ou}; font-size: ${Vu}; font-weight: ${Ru}; line-height: ${qu}; letter-spacing: ${Nu}; column-gap: ${Bu}; } :host(:not(:disabled)) { cursor: pointer; } :host(:not([aria-expanded="true"])) { height: ${Au}; } :host([aria-expanded="true"]) { height: ${Wu}; } :host(:not(:focus-visible)) .state-layer { --m3e-state-layer-focus-color: transparent; } :host([aria-expanded="true"]) .state-layer { --m3e-state-layer-hover-color: transparent; } :host([aria-expanded="true"]) [part="background"], .content { flex: 1 1 auto; display: flex; align-items: center; } .toggle { display: flex; align-items: center; justify-content: center; vertical-align: middle; font-size: ${Fu}; transition: ${i(`transform var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host([toggle-direction="vertical"][aria-expanded="true"]) .toggle { transform: rotate(180deg); } :host([toggle-direction="horizontal"][aria-expanded="true"]) .toggle { transform: rotate(var(--_expansion-header-horizontal-expanded-toggle-rotation, 90deg)); } :host([toggle-position="before"]) .toggle { margin-inline-start: calc(0px - ${Bu}); } :host([toggle-position="after"]) .toggle { margin-inline-end: calc(0px - ${Bu}); } :host([hide-toggle]) .toggle { display: none; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } @media (prefers-reduced-motion) { :host, .toggle { transition: none; } }`,ju=i(`var(--m3e-expansion-panel-text-color, ${v.color.onSurface})`),Yu=i(`var(--m3e-expansion-panel-disabled-text-color, ${v.color.onSurface})`),Ku=i("var(--m3e-expansion-panel-disabled-text-opacity, 38%)"),Zu=i("var(--m3e-expansion-panel-container-color)"),Xu=i("var(--m3e-expansion-panel-elevation)"),Gu=i("var(--m3e-expansion-panel-shape)"),Ju=i("var(--m3e-expansion-panel-open-elevation, var(--m3e-expansion-panel-elevation))"),Qu=i("var(--m3e-expansion-panel-open-shape, var(--m3e-expansion-panel-shape))"),ep=i("var(--_expansion-panel-open-spacing)"),tp=i("var(--m3e-expansion-panel-content-padding, 0 1.5rem 1rem 1.5rem)"),ap=i("var(--m3e-expansion-panel-actions-spacing, 0.5rem)"),ip=i("var(--m3e-expansion-panel-actions-padding, 1rem 1.5rem 1rem 1.5rem)"),op=i("var(--m3e-expansion-panel-actions-divider-thickness, var(--m3e-divider-thickness, 1px))"),rp=i(`var(--m3e-expansion-panel-actions-divider-color, var(--m3e-divider-color, ${v.color.outlineVariant}))`),sp=o`:host { display: block; } .base { background-color: ${Zu}; transition: ${i(`box-shadow var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) .base { color: ${ju}; } :host(:disabled) .base { color: color-mix( in srgb, ${Yu} ${Ku}, transparent ); } :host(:not([open])) .base { box-shadow: ${Xu}; border-radius: ${Gu}; } :host([open]) .base { box-shadow: ${Ju}; border-radius: ${Qu}; margin-block: ${ep}; } .toggle { display: flex; align-items: center; justify-content: center; font-size: ${Fu}; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } .toggle svg, ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } .content { padding: ${tp}; } :host(:not(:is(:state(--with-actions), :--with-actions))) .actions { display: none; } .actions { padding: ${ip}; border-top-style: solid; border-top-width: ${op}; border-top-color: ${rp}; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; column-gap: ${ap}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { border: 1px solid CanvasText; } :host(:disabled) .base { color: GrayText; } .actions { border-top-color: GrayText; } }`;var np,lp;let cp=class extends(V(q(N(P(f(r,"button"),!0))))){constructor(){super(...arguments),np.add(this),this.toggleDirection="vertical",this.togglePosition="after",this.hideToggle=!1}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer>${"before"===this.togglePosition?e(this,np,"m",lp).call(this):n}<div class="content"><slot></slot></div>${"after"===this.togglePosition?e(this,np,"m",lp).call(this):n}</div>`}};var dp,hp,mp,up,pp,vp,bp,fp,gp,yp,$p,wp;np=new WeakSet,lp=function(){return s`<div class="toggle" aria-hidden="true"><slot name="toggle-icon"></slot></div>`},cp.styles=Uu,t([h(".focus-ring")],cp.prototype,"_focusRing",void 0),t([h(".state-layer")],cp.prototype,"_stateLayer",void 0),t([m({attribute:"toggle-direction",reflect:!0})],cp.prototype,"toggleDirection",void 0),t([m({attribute:"toggle-position",reflect:!0})],cp.prototype,"togglePosition",void 0),t([m({attribute:"hide-toggle",type:Boolean,reflect:!0})],cp.prototype,"hideToggle",void 0),cp=t([$("m3e-expansion-header")],cp);let xp=wp=class extends(N(z(P(r,!0)))){constructor(){super(...arguments),dp.add(this),hp.set(this,wp.__nextId++),mp.set(this,`m3e-expansion-panel-${e(this,hp,"f")}-content`),up.set(this,`m3e-expansion-panel-${e(this,hp,"f")}-header`),pp.set(this,void 0),this.open=!1,this.toggleDirection="vertical",this.togglePosition="after",this.hideToggle=!1}focus(e){this._header?.focus(e)}blur(){this._header?.blur()}click(){this._header?.click()}connectedCallback(){super.connectedCallback(),a(this,pp,qe.observe(()=>{this.requestUpdate(),e(this,dp,"m",$p).call(this)}),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,pp,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,dp,"m",$p).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,dp,"m",$p).call(this)}render(){return s`<div class="base"><m3e-expansion-header id="${e(this,up,"f")}" toggle-direction="${this.toggleDirection}" toggle-position="${this.togglePosition}" ?hide-toggle="${this.hideToggle}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${e(this,mp,"f")}" @click="${e(this,dp,"m",bp)}" @keydown="${e(this,dp,"m",fp)}"><div slot="toggle-icon" class="toggle"><slot name="toggle-icon">${e(this,dp,"m",vp).call(this)}</slot></div><slot name="header"></slot></m3e-expansion-header><m3e-collapsible id="${e(this,mp,"f")}" role="region" aria-labelledby="${e(this,up,"f")}" ?open="${this.open}" @opening="${e(this,dp,"m",gp)}" @opened="${e(this,dp,"m",gp)}" @closing="${e(this,dp,"m",gp)}" @closed="${e(this,dp,"m",gp)}"><div class="content"><slot></slot></div><div class="actions"><slot name="actions" @slotchange="${e(this,dp,"m",yp)}"></slot></div></m3e-collapsible></div>`}};hp=new WeakMap,mp=new WeakMap,up=new WeakMap,pp=new WeakMap,dp=new WeakSet,vp=function(){return"vertical"===this.toggleDirection?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>`:"ltr"===qe.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`},bp=function(){this.open=!this.open},fp=function(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.closest("m3e-accordion");if(t){const e=[...t.panels].reverse(),a=e.indexOf(this);(e.find((e,t)=>!e.disabled&&t>a)??e.find((e,t)=>!e.disabled&&t<a))?._header?.focus()}else this.open=!1}break;case"ArrowDown":{e.preventDefault();const t=this.closest("m3e-accordion");if(t){const e=t.panels.indexOf(this);(t.panels.find((t,a)=>!t.disabled&&a>e)??t.panels.find((t,a)=>!t.disabled&&a<e))?._header?.focus()}else this.open=!0}}},gp=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},yp=function(e){x(this,"--with-actions",g(e.target))},$p=function(){"rtl"===qe.current?this._header?.style.setProperty("--_expansion-header-horizontal-expanded-toggle-rotation","-90deg"):this._header?.style.removeProperty("--_expansion-header-horizontal-expanded-toggle-rotation")},xp.styles=sp,xp.__nextId=0,t([h("m3e-expansion-header")],xp.prototype,"_header",void 0),t([m({type:Boolean,reflect:!0})],xp.prototype,"open",void 0),t([m({attribute:"toggle-direction",reflect:!0})],xp.prototype,"toggleDirection",void 0),t([m({attribute:"toggle-position",reflect:!0})],xp.prototype,"togglePosition",void 0),t([m({attribute:"hide-toggle",type:Boolean,reflect:!0})],xp.prototype,"hideToggle",void 0),xp=wp=t([$("m3e-expansion-panel")],xp);const kp=o`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; } .label { white-space: nowrap; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } .close-icon, ::slotted(:not([slot])), ::slotted([slot="close-icon"]) { font-size: inherit !important; flex: none; } .close-icon, ::slotted(svg:not([slot])), ::slotted(svg[slot="close-icon"]) { width: 1em; height: 1em; } .base.with-menu ::slotted([slot="label"]), .base:not(.with-menu) ::slotted([slot="close-icon"]), .base:not(.with-menu) .close-icon, :host([aria-expanded="true"]) .base.with-menu ::slotted(:not([slot])), :host([aria-expanded="false"]) .base.with-menu ::slotted([slot="close-icon"]), :host([aria-expanded="false"]) .base.with-menu .close-icon { display: none; } :host([aria-expanded="true"]) .base.with-menu { border-radius: var(--m3e-fab-menu-close-button-container-shape, ${v.shape.corner.full}); height: calc(var(--m3e-fab-menu-close-button-container-height, 3.5rem) + ${v.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .wrapper { padding-inline-start: calc(var(--m3e-fab-menu-close-button-leading-space, 1rem) + ${v.density.calc(-3)}); padding-inline-end: calc(var(--m3e-fab-menu-close-button-trailing-space, 1rem) + ${v.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .icon { font-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${v.density.calc(-3)}); --m3e-icon-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${v.density.calc(-3)}); } .base.with-menu { transition: height ${v.motion.spring.fastSpatial}; } .base.with-menu .wrapper { transition: padding ${v.motion.spring.fastSpatial}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base, .icon { transition: none; } .base { outline-style: solid; } :host([variant]:not(:disabled):not([disabled-interactive])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])) .label, :host([variant]:not(:disabled):not([disabled-interactive])) .icon { color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .label, :host([variant][disabled-interactive]) .label, :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } } @media (prefers-reduced-motion) { .base, .base.resting, .base.pressed, .label, .icon { transition: none; } }`,Cp={small:{containerHeight:i(`calc(var(--m3e-fab-small-container-height, var(--m3e-fab-container-height, 3.5rem)) + ${v.density.calc(-3)})`),labelTextFontSize:i(`var(--m3e-fab-small-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.title.medium.fontSize}))`),labelTextFontWeight:i(`var(--m3e-fab-small-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.title.medium.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-fab-small-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.title.medium.lineHeight}))`),labelTextTracking:i(`var(--m3e-fab-small-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.title.medium.tracking}))`),iconSize:i(`calc(var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem)) + ${v.density.calc(-3)})`),extendedIconSize:i("var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem))"),shape:i(`var(--m3e-fab-small-shape, var(--m3e-fab-shape, ${v.shape.corner.large}))`),leadingSpace:i(`calc(var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem)) + ${v.density.calc(-3)})`),trailingSpace:i(`calc(var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem)) + ${v.density.calc(-3)})`),iconLabelSpace:i("var(--m3e-fab-small-icon-label-space, var(--m3e-fab-icon-label-space, 0.5rem))"),extendedLeadingSpace:i("var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem))"),extendedTrailingSpace:i("var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem))")},medium:{containerHeight:i(`calc(var(--m3e-fab-medium-container-height, var(--m3e-fab-container-height, 5rem)) + ${v.density.calc(-3)})`),labelTextFontSize:i(`var(--m3e-fab-medium-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.title.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-fab-medium-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.title.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-fab-medium-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.title.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-fab-medium-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.title.large.tracking}))`),iconSize:i(`calc(var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem)) + ${v.density.calc(-3)})`),extendedIconSize:i("var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem))"),shape:i(`var(--m3e-fab-medium-shape, var(--m3e-fab-shape, ${v.shape.corner.largeIncreased}))`),leadingSpace:i(`calc(var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem)) + ${v.density.calc(-3)})`),trailingSpace:i(`calc(var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem)) + ${v.density.calc(-3)})`),iconLabelSpace:i("var(--m3e-fab-medium-icon-label-space, var(--m3e-fab-icon-label-space, 0.75rem))"),extendedLeadingSpace:i("var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem))"),extendedTrailingSpace:i("var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem))")},large:{containerHeight:i(`calc(var(--m3e-fab-large-container-height, var(--m3e-fab-container-height, 6rem)) + ${v.density.calc(-3)})`),labelTextFontSize:i(`var(--m3e-fab-large-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:i(`var(--m3e-fab-large-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-fab-large-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:i(`var(--m3e-fab-large-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.headline.small.tracking}))`),iconSize:i(`calc(var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem)) + ${v.density.calc(-3)})`),extendedIconSize:i("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),shape:i(`var(--m3e-fab-large-shape, var(--m3e-fab-shape, ${v.shape.corner.extraLarge}))`),leadingSpace:i(`calc(var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem)) + ${v.density.calc(-3)})`),trailingSpace:i(`calc(var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem)) + ${v.density.calc(-3)})`),iconLabelSpace:i("var(--m3e-fab-large-icon-label-space, var(--m3e-fab-icon-label-space, 1rem))"),extendedLeadingSpace:i("var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem))"),extendedTrailingSpace:i("var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem))")}};function Sp(e){return o`:host([size="${i(e)}"]) .base { height: ${Cp[e].containerHeight}; } :host([size="${i(e)}"]) .base { border-radius: ${Cp[e].shape}; } :host([size="${i(e)}"]) .label { font-size: ${Cp[e].labelTextFontSize}; font-weight: ${Cp[e].labelTextFontWeight}; line-height: ${Cp[e].labelTextLineHeight}; letter-spacing: ${Cp[e].labelTextTracking}; } :host([size="${i(e)}"]:not([extended])) .wrapper { padding-inline-start: ${Cp[e].leadingSpace}; padding-inline-end: ${Cp[e].trailingSpace}; } :host([size="${i(e)}"]:not([extended])) .icon { font-size: ${Cp[e].iconSize}; --m3e-icon-size: ${Cp[e].iconSize}; } :host([size="${i(e)}"][extended]) .wrapper { padding-inline-start: ${Cp[e].extendedLeadingSpace}; padding-inline-end: ${Cp[e].extendedTrailingSpace}; column-gap: ${Cp[e].iconLabelSpace}; } :host([size="${i(e)}"][extended]) .icon { font-size: ${Cp[e].extendedIconSize}; --m3e-icon-size: ${Cp[e].extendedIconSize}; }`}const _p=[Sp("small"),Sp("medium"),Sp("large")],Lp={primary:{labelTextColor:i(`var(--m3e-primary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onPrimary}))`),iconColor:i(`var(--m3e-primary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onPrimary}))`),containerColor:i(`var(--m3e-primary-fab-container-color, var(--m3e-fab-container-color, ${v.color.primary}))`),containerElevation:i(`var(--m3e-primary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-primary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-primary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-primary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-primary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-primary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-primary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-primary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-primary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-primary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-primary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-primary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-primary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-primary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-primary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-primary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-primary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-primary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-primary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-primary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},secondary:{labelTextColor:i(`var(--m3e-secondary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onSecondary}))`),iconColor:i(`var(--m3e-secondary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onSecondary}))`),containerColor:i(`var(--m3e-secondary-fab-container-color, var(--m3e-fab-container-color, ${v.color.secondary}))`),containerElevation:i(`var(--m3e-secondary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-secondary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-secondary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-secondary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-secondary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-secondary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-secondary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-secondary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-secondary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onSecondary}))`),labelTextColor:i(`var(--m3e-secondary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:i(`var(--m3e-secondary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:i(`var(--m3e-secondary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-secondary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onSecondary}))`),labelTextColor:i(`var(--m3e-secondary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:i(`var(--m3e-secondary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:i(`var(--m3e-secondary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-secondary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onSecondary}))`),labelTextColor:i(`var(--m3e-secondary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:i(`var(--m3e-secondary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:i(`var(--m3e-secondary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},tertiary:{labelTextColor:i(`var(--m3e-tertiary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onTertiary}))`),iconColor:i(`var(--m3e-tertiary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onTertiary}))`),containerColor:i(`var(--m3e-tertiary-fab-container-color, var(--m3e-fab-container-color, ${v.color.tertiary}))`),containerElevation:i(`var(--m3e-tertiary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-tertiary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-tertiary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-tertiary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-tertiary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-tertiary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-tertiary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-tertiary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-tertiary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onTertiary}))`),labelTextColor:i(`var(--m3e-tertiary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:i(`var(--m3e-tertiary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:i(`var(--m3e-tertiary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-tertiary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onTertiary}))`),labelTextColor:i(`var(--m3e-tertiary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:i(`var(--m3e-tertiary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:i(`var(--m3e-tertiary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-tertiary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onTertiary}))`),labelTextColor:i(`var(--m3e-tertiary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:i(`var(--m3e-tertiary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:i(`var(--m3e-tertiary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"primary-container":{labelTextColor:i(`var(--m3e-primary-container-fab-label-text-color, var(--m3e-primary-container-fab-label-text-color, ${v.color.onPrimaryContainer}))`),iconColor:i(`var(--m3e-primary-container-fab-icon-color, var(--m3e-primary-container-fab-icon-color, ${v.color.onPrimaryContainer}))`),containerColor:i(`var(--m3e-primary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.primaryContainer}))`),containerElevation:i(`var(--m3e-primary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-primary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-primary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-primary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-primary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-primary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-primary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-primary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-primary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:i(`var(--m3e-primary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:i(`var(--m3e-primary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:i(`var(--m3e-primary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-primary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:i(`var(--m3e-primary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:i(`var(--m3e-primary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:i(`var(--m3e-primary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-primary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:i(`var(--m3e-primary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:i(`var(--m3e-primary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:i(`var(--m3e-primary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"secondary-container":{labelTextColor:i(`var(--m3e-secondary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onSecondaryContainer}))`),iconColor:i(`var(--m3e-secondary-container-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onSecondaryContainer}))`),containerColor:i(`var(--m3e-secondary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.secondaryContainer}))`),containerElevation:i(`var(--m3e-secondary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-secondary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-secondary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-secondary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-secondary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-secondary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-secondary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-secondary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-secondary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-secondary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-secondary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-secondary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-secondary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-secondary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-secondary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-secondary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-secondary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-secondary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-secondary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-secondary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"tertiary-container":{labelTextColor:i(`var(--m3e-tertiary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onTertiaryContainer}))`),iconColor:i(`var(--m3e-tertiary-container-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onTertiaryContainer}))`),containerColor:i(`var(--m3e-tertiary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.tertiaryContainer}))`),containerElevation:i(`var(--m3e-tertiary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-tertiary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-tertiary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-tertiary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-tertiary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-tertiary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-tertiary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-tertiary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-tertiary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:i(`var(--m3e-tertiary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:i(`var(--m3e-tertiary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tertiary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-tertiary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:i(`var(--m3e-tertiary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:i(`var(--m3e-tertiary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tertiary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-tertiary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:i(`var(--m3e-tertiary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:i(`var(--m3e-tertiary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tertiary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},surface:{labelTextColor:i(`var(--m3e-surface-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.primary}))`),iconColor:i(`var(--m3e-surface-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.primary}))`),containerColor:i(`var(--m3e-surface-fab-container-color, var(--m3e-fab-container-color, ${v.color.surfaceContainerHigh}))`),containerElevation:i(`var(--m3e-surface-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),loweredContainerColor:i(`var(--m3e-surface-fab-lowered-container-color, var(--m3e-fab-lowered-container-color, ${v.color.surfaceContainerLow}))`),disabled:{containerColor:i(`var(--m3e-surface-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-surface-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-surface-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-surface-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-surface-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-surface-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-surface-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-surface-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-surface-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-surface-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-surface-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-surface-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-surface-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-surface-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-surface-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-surface-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-surface-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-surface-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-surface-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-surface-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-surface-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-surface-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}}};function Ep(e){return o`:host([variant="${i(e)}"]:not([lowered])) .base { background-color: ${Lp[e].containerColor}; --m3e-elevation-level: ${Lp[e].containerElevation}; --m3e-elevation-hover-level: ${Lp[e].hover.containerElevation}; --m3e-elevation-focus-level: ${Lp[e].focus.containerElevation}; --m3e-elevation-pressed-level: ${Lp[e].pressed.containerElevation}; } :host([variant="${i(e)}"][lowered]) .base { background-color: ${Lp[e].loweredContainerColor??Lp[e].containerColor}; --m3e-elevation-level: ${Lp[e].loweredContainerElevation}; --m3e-elevation-hover-level: ${Lp[e].hover.loweredContainerElevation}; --m3e-elevation-focus-level: ${Lp[e].focus.loweredContainerElevation}; --m3e-elevation-pressed-level: ${Lp[e].pressed.loweredContainerElevation}; } :host([variant="${i(e)}"]) .base { --m3e-state-layer-hover-color: ${Lp[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Lp[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Lp[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Lp[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${Lp[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Lp[e].pressed.stateLayerOpacity}; } :host([variant="${i(e)}"]) .label { color: ${Lp[e].labelTextColor}; } :host([variant="${i(e)}"]:focus) .label { color: ${Lp[e].focus.labelTextColor}; } :host([variant="${i(e)}"]:hover) .label { color: ${Lp[e].hover.labelTextColor}; } :host([variant="${i(e)}"]) .base.pressed .label { color: ${Lp[e].pressed.labelTextColor}; } :host([variant="${i(e)}"]) .icon { color: ${Lp[e].iconColor}; } :host([variant="${i(e)}"]:focus) .icon { color: ${Lp[e].focus.iconColor}; } :host([variant="${i(e)}"]:hover) .icon { color: ${Lp[e].hover.iconColor}; } :host([variant="${i(e)}"]) .base.pressed .icon { color: ${Lp[e].pressed.iconColor}; } :host([variant="${i(e)}"]:disabled) .base, :host([variant="${i(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${Lp[e].disabled.containerElevation}; background-color: color-mix( in srgb, ${Lp[e].disabled.containerColor} ${Lp[e].disabled.containerOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .label, :host([variant="${i(e)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${Lp[e].disabled.labelTextColor} ${Lp[e].disabled.labelTextOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .icon, :host([variant="${i(e)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${Lp[e].disabled.iconColor} ${Lp[e].disabled.iconOpacity}, transparent ); }`}const zp=[Ep("primary"),Ep("secondary"),Ep("tertiary"),Ep("primary-container"),Ep("secondary-container"),Ep("tertiary-container"),Ep("surface")];var Mp,Pp;let Tp=class extends(V(R(j(q(Y(N(P(f(r,"button"),!0)))))))){constructor(){super(),Mp.add(this),this.variant="primary-container",this.lowered=!1,this.size="medium",this.extended=!1,new Z(this,{isPressedKey:e=>" "===e,callback:e=>{this.disabled||this.disabledInteractive||(this._base?.classList.toggle("pressed",e),this._base?.classList.toggle("resting",!e))}})}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1)}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?centered="${!this.extended}" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[U]()}<div class="wrapper"><slot class="icon" aria-hidden="true" @slotchange="${e(this,Mp,"m",Pp)}"></slot><slot class="icon" aria-hidden="true" name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot><m3e-collapsible class="label-wrapper" orientation="horizontal" ?open="${this.extended}"><div class="label"><slot name="label" @slotchange="${e(this,Mp,"m",Pp)}"></slot></div></m3e-collapsible></div></div>`}};var Ip,Dp,Ap;Mp=new WeakSet,Pp=function(){this._base?.classList.toggle("with-menu",null!==this.querySelector("m3e-fab-menu-trigger"))},Tp.styles=[_p,zp,kp],t([h(".base")],Tp.prototype,"_base",void 0),t([h(".elevation")],Tp.prototype,"_elevation",void 0),t([h(".focus-ring")],Tp.prototype,"_focusRing",void 0),t([h(".state-layer")],Tp.prototype,"_stateLayer",void 0),t([h(".ripple")],Tp.prototype,"_ripple",void 0),t([m({reflect:!0})],Tp.prototype,"variant",void 0),t([m({type:Boolean,reflect:!0})],Tp.prototype,"lowered",void 0),t([m({reflect:!0})],Tp.prototype,"size",void 0),t([m({type:Boolean,reflect:!0})],Tp.prototype,"extended",void 0),Tp=t([$("m3e-fab")],Tp);let Wp=class extends(V(R(N(P(f(r,"menuitem"),!0))))){constructor(){super(...arguments),Ip.add(this),Dp.set(this,t=>e(this,Ip,"m",Ap).call(this,t))}get menu(){return this.closest("m3e-fab-menu")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Dp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Dp,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[U]()}<div class="wrapper"><slot class="icon" name="icon" aria-hidden="true"></slot><div class="label"><slot></slot></div></div></div>`}};var Hp,Op,Bp,Fp,Vp,Rp,qp,Np,Up,jp,Yp,Kp,Zp,Xp;Dp=new WeakMap,Ip=new WeakSet,Ap=function(e){e.defaultPrevented||this.menu?.hide(!0)},Wp.styles=o`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; height: var(--m3e-fab-menu-item-height, 3.5rem); font-size: var(--m3e-fab-menu-item-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-fab-menu-item-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-fab-menu-item-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-fab-menu-item-tracking, ${v.typescale.standard.label.large.tracking}); border-radius: var(--m3e-fab-menu-item-shape, ${v.shape.corner.full}); } :host(:not(:disabled)) .label, :host(:not(:disabled)) .icon { color: var(--_fab-menu-item-color); } :host(:not(:disabled)) .base { background-color: var(--_fab-menu-item-container-color); --m3e-state-layer-hover-color: var(--_fab-menu-background-hover-color); --m3e-state-layer-focus-color: var(--_fab-menu-background-focus-color); --m3e-ripple-color: var(--_fab-menu-ripple-color); } :host(:disabled) .base { background-color: color-mix( in srgb, var(--m3e-fab-menu-item-disabled-container-color, ${v.color.onSurface}) var(--m3e-fab-menu-item-disabled-container-opacity, 10%), transparent ); } :host(:disabled) .label, :host(:disabled) .icon { color: color-mix( in srgb, var(--m3e-fab-menu-item-disabled-color, ${v.color.onSurface}) var(--m3e-fab-menu-item-disabled-opacity, 38%), transparent ); } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; padding-inline-start: var(--m3e-fab-menu-item-leading-space, 1.5rem); padding-inline-end: var(--m3e-fab-menu-item-trailing-space, 1.5rem); column-gap: var(--m3e-fab-menu-item-spacing, 0.5rem); } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { font-size: var(--m3e-fab-menu-item-icon-size, 1.5rem); transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) { cursor: pointer; } ::slotted([slot="icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]) { width: 1em; height: 1em; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (prefers-reduced-motion) { .base, .label, .icon { transition: none; } } @media (forced-colors: active) { .base, .label, .icon { transition: none; } :host(:not(:disabled)) .base { background-color: Menu; } :host(:not(:disabled)) .label, :host(:not(:disabled)) .icon { color: MenuText; } :host(:disabled) .label, :host(:disabled) .icon { color: GrayText; } }`,t([h(".elevation")],Wp.prototype,"_elevation",void 0),t([h(".focus-ring")],Wp.prototype,"_focusRing",void 0),t([h(".state-layer")],Wp.prototype,"_stateLayer",void 0),t([h(".ripple")],Wp.prototype,"_ripple",void 0),Wp=t([$("m3e-fab-menu-item")],Wp);let Gp=class extends(M(P(f(r,"menu")))){constructor(){super(...arguments),Hp.add(this),Op.set(this,void 0),Bp.set(this,void 0),Fp.set(this,void 0),Vp.set(this,(new Be).withWrap().withHomeAndEnd().withVerticalOrientation()),Rp.set(this,t=>e(this,Hp,"m",Yp).call(this,t)),qp.set(this,t=>e(this,Hp,"m",Kp).call(this,t)),Np.set(this,new be(this,{target:null,callback:()=>this.hide()})),Up.set(this,t=>{"closed"===t.newState?(e(this,Fp,"f")?.call(this),a(this,Fp,void 0,"f")):setTimeout(()=>{e(this,Vp,"f").setActiveItem(e(this,Vp,"f").items.find(e=>!e.disabled))},40)}),this.variant="primary"}get isOpen(){return void 0!==e(this,Bp,"f")}async show(t){e(this,Bp,"f")&&e(this,Bp,"f")!==t&&this.hide(),e(this,Fp,"f")?.call(this),a(this,Fp,await Ne(this,t,{position:"top-end",inline:!0,shift:"main",flip:!0,offset:8},(e,t,a)=>{x(this,"--right",a.includes("end")),x(this,"--left",a.includes("start")),"rtl"===qe.current?(this.style.right=window.innerWidth-e-this.clientWidth+"px",this.style.left=""):(this.style.left=`${e}px`,this.style.right=""),this.style.top=`${t}px`}),"f"),this.showPopover(),a(this,Bp,t,"f"),e(this,Bp,"f").ariaExpanded="true",e(this,Np,"f").observe(e(this,Bp,"f")),e(this,Hp,"m",Zp).call(this)}hide(t=!1){e(this,Fp,"f")?.call(this),a(this,Fp,void 0,"f"),e(this,Bp,"f")&&(e(this,Bp,"f").ariaExpanded="false",t&&e(this,Bp,"f").focus(),e(this,Hp,"m",Xp).call(this),e(this,Np,"f").unobserve(e(this,Bp,"f")),a(this,Bp,void 0,"f")),this.hidePopover()}async toggle(t){e(this,Bp,"f")?this.hide():await this.show(t)}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.setAttribute("popover","manual"),this.addEventListener("keydown",e(this,Rp,"f")),this.addEventListener("toggle",e(this,Up,"f")),document.addEventListener("click",e(this,qp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,Rp,"f")),this.removeEventListener("toggle",e(this,Up,"f")),document.removeEventListener("click",e(this,qp,"f"))}render(){return s`<div class="base"><slot @slotchange="${e(this,Hp,"m",jp)}"></slot></div>`}};Op=new WeakMap,Bp=new WeakMap,Fp=new WeakMap,Vp=new WeakMap,Rp=new WeakMap,qp=new WeakMap,Np=new WeakMap,Up=new WeakMap,Hp=new WeakSet,jp=function(){const{added:t}=e(this,Vp,"f").setItems([...this.querySelectorAll("m3e-fab-menu-item")]);e(this,Vp,"f").activeItem||e(this,Vp,"f").updateActiveItem(t.find(e=>!e.disabled))},Yp=function(t){switch(t.key){case"Tab":this.hide();break;case"Escape":t.shiftKey||t.ctrlKey||this.hide(!0);break;default:e(this,Vp,"f").onKeyDown(t)}},Kp=function(t){t.composedPath().some(t=>t instanceof Wp||t===e(this,Bp,"f"))||this.hide()},Zp=function(){const t=e(this,Bp,"f")?.closest("m3e-fab");t&&(a(this,Op,t.tabIndex,"f"),t.addEventListener("keydown",e(this,Rp,"f")),e(this,Vp,"f").setItems([...e(this,Vp,"f").items,t]))},Xp=function(){const t=e(this,Bp,"f")?.closest("m3e-fab");t&&(void 0!==e(this,Op,"f")&&(t.tabIndex=e(this,Op,"f")),t.removeEventListener("keydown",e(this,Rp,"f")),e(this,Vp,"f").setItems([...e(this,Vp,"f").items.filter(e=>e!==t)]))},Gp.styles=o`:host { position: absolute; flex-direction: column; row-gap: var(--m3e-fab-menu-spacing, 0.25rem); padding: unset; margin: unset; border: unset; overflow: visible; max-width: var(--m3e-fab-menu-max-width, 17.5rem); opacity: 0; background-color: transparent; display: none; } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`opacity ${v.motion.spring.fastEffects}, \n        transform ${v.motion.spring.fastSpatial},\n        overlay ${v.motion.spring.fastEffects} allow-discrete,\n        display ${v.motion.spring.fastEffects} allow-discrete`)}; } .base { display: contents; } :host([variant="primary"]) .base { --_fab-menu-item-color: var(--m3e-primary-fab-color, ${v.color.onPrimaryContainer}); --_fab-menu-item-container-color: var(--m3e-primary-fab-container-color, ${v.color.primaryContainer}); --_fab-menu-background-hover-color: var(--m3e-primary-fab-hover-color, ${v.color.onPrimaryContainer}); --_fab-menu-background-focus-color: var(--m3e-primary-fab-focus-color, ${v.color.onPrimaryContainer}); --_fab-menu-ripple-color: var(--m3e-primary-fab-ripple-color, ${v.color.onPrimaryContainer}); } :host([variant="secondary"]) .base { --_fab-menu-item-color: var(--m3e-secondary-fab-color, ${v.color.onSecondaryContainer}); --_fab-menu-item-container-color: var( --m3e-secondary-fab-container-color, ${v.color.secondaryContainer} ); --_fab-menu-background-hover-color: var( --m3e-secondary-fab-hover-color, ${v.color.onSecondaryContainer} ); --_fab-menu-background-focus-color: var( --m3e-secondary-fab-focus-color, ${v.color.onSecondaryContainer} ); --_fab-menu-ripple-color: var(--m3e-secondary-fab-ripple-color, ${v.color.onSecondaryContainer}); } :host([variant="tertiary"]) .base { --_fab-menu-item-color: var(--m3e-tertiary-fab-color, ${v.color.onTertiaryContainer}); --_fab-menu-item-container-color: var(--m3e-tertiary-fab-container-color, ${v.color.tertiaryContainer}); --_fab-menu-background-hover-color: var(--m3e-tertiary-fab-hover-color, ${v.color.onTertiaryContainer}); --_fab-menu-background-focus-color: var(--m3e-tertiary-fab-focus-color, ${v.color.onTertiaryContainer}); --_fab-menu-ripple-color: var(--m3e-tertiary-fab-ripple-color, ${v.color.onTertiaryContainer}); } :host { transform: scaleX(0.8); } :host(:is(:state(--left), :--left)) { align-items: flex-start; transform-origin: left; } :host(:is(:state(--right), :--right)) { align-items: flex-end; transform-origin: right; } :host(:popover-open) { transform: scaleX(1); display: inline-flex; opacity: 1; } :host::backdrop { background-color: transparent; } @starting-style { :host(:popover-open) { opacity: 0; } :host(:popover-open) { transform: scaleX(0.8); } } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: none; } } @media (forced-colors: active) { :host { border-radius: ${v.shape.corner.medium}; outline: 1px solid MenuText; background-color: Menu; } }`,t([m({reflect:!0})],Gp.prototype,"variant",void 0),Gp=t([$("m3e-fab-menu")],Gp);let Jp=class extends(b(E)){get menu(){return this.control instanceof Gp?this.control:null}attach(e){super.attach(e),this.parentElement&&e instanceof Gp&&(this.parentElement.ariaHasPopup="menu",this.parentElement.ariaExpanded="false",e.id&&De(this.parentElement,"aria-controls",e.id))}detach(){this.parentElement&&(this.parentElement.ariaHasPopup=null,this.parentElement.ariaExpanded=null,this.control?.id&&Ae(this.parentElement,"aria-controls",this.control.id)),super.detach()}_onClick(){this.parentElement&&this.menu?.toggle(this.parentElement)}};Jp=t([$("m3e-fab-menu-trigger")],Jp);
+var Ro,qo,No,Uo,jo,Yo,Ko,Zo,Xo,Go;Ho=new WeakSet,Oo=function(t){const a=this.activeDate.getFullYear()===t.date.getFullYear()&&this.activeDate.getMonth()===t.date.getMonth(),i=this.date?.getFullYear()===t.date.getFullYear()&&this.date?.getMonth()===t.date.getMonth(),o=this.today.getFullYear()===t.date.getFullYear()&&this.today.getMonth()===t.date.getMonth(),r=this.minDate&&(t.date.getFullYear()<this.minDate.getFullYear()||t.date.getFullYear()===this.minDate.getFullYear()&&t.date.getMonth()<this.minDate.getMonth())||this.maxDate&&(t.date.getFullYear()>this.maxDate.getFullYear()||t.date.getFullYear()===this.maxDate.getFullYear()&&t.date.getMonth()>this.maxDate.getMonth()),n=`month-${t.date.getMonth()}`;return s`<td role="gridcell" class="${Ye({current:o,selected:i,active:a})}"><div id="${n}" class="item" role="button" tabindex="${a?"0":"-1"}" data-value="${t.date.toISOString()}" aria-disabled="${je(r||void 0)}" aria-current="${je(o?"date":void 0)}" aria-pressed="${i}" @click="${e(this,Ho,"m",Bo)}" @keydown="${e(this,Ho,"m",Fo)}"><m3e-focus-ring class="focus-ring" for="${n}"></m3e-focus-ring><m3e-state-layer class="state-layer" for="${n}" ?disable-hover="${r}"></m3e-state-layer><m3e-ripple class="ripple" centered for="${n}" ?disabled="${r}"></m3e-ripple><div class="touch"></div><span class="visually-hidden">${t.long}</span> <span aria-hidden="true">${t.narrow}</span></div></td>`},Bo=function(e){const t=e.currentTarget;"true"!==t.ariaDisabled&&t.dataset.value&&(this.activeDate=$o(new Date(t.dataset.value),this.minDate,this.maxDate),this.dispatchEvent(new Event("change",{bubbles:!1})))},Fo=function(e){let t=this.activeDate;switch(e.key){case" ":case"Enter":return e.preventDefault(),void e.currentTarget.click();case"ArrowLeft":case"Left":t=uo(t,"rtl"===qe.current?1:-1);break;case"ArrowRight":case"Right":t=uo(t,"rtl"===qe.current?-1:1);break;case"ArrowUp":case"Up":t=uo(t,-4);break;case"ArrowDown":case"Down":t=uo(t,4);break;case"Home":t=uo(t,-t.getMonth());break;case"End":t=uo(t,11-t.getMonth());break;case"PageUp":t=po(t,e.altKey?-10:-1);break;case"PageDown":t=po(t,e.altKey?10:1);break;default:return}e.preventDefault(),this._changeActiveDate(t)},Vo.styles=[xo.styles,o`.item { height: 2.25rem; } .touch { width: 100%; } th { height: 1rem; } td { padding-inline: 0.375rem; } tbody { font-size: var(--m3e-calendar-item-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-calendar-item-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-calendar-item-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-calendar-item-tracking, ${v.typescale.standard.body.medium.tracking}); }`],Vo=t([$("m3e-year-view")],Vo);let Jo=class extends r{constructor(){super(...arguments),Ro.add(this),qo.set(this,void 0),this._today=new Date,this._activeView="month",this._activeDate=new Date,this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years"}get periodLabel(){switch(this._activeView){case"month":return new Intl.DateTimeFormat(navigator.language,{month:"short",year:"numeric"}).format(this._activeDate);case"year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).format(new Date(this._activeDate.getFullYear(),0,1));case"multi-year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).formatRange(new Date(go(this._activeDate,this.minDate,this.maxDate),0,1),new Date(yo(this._activeDate,this.minDate,this.maxDate),0,1))}}get canMovePreviousPeriod(){if(!this.minDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth(),0)>=this.minDate;case"year":return new Date(this._activeDate.getFullYear()-1,12,1)>=this.minDate;case"multi-year":return new Date(go(this._activeDate,this.minDate,this.maxDate)-1,12,1)>=this.minDate}}get canMoveNextPeriod(){if(!this.maxDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth()+1,1)<=this.maxDate;case"year":return new Date(this._activeDate.getFullYear()+1,1,1)<=this.maxDate;case"multi-year":return new Date(yo(this._activeDate,this.minDate,this.maxDate)+1,12,1)<=this.maxDate}}async focusActiveCell(){this.isUpdatePending&&await this.updateComplete,await(this._view?.focusActiveCell())}updateTodayDate(){this._today=new Date}async movePreviousPeriod(){if(!this.canMovePreviousPeriod)return;if(C())return void(this._activeDate=e(this,Ro,"m",Xo).call(this,this._activeView));await e(this,qo,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,qo,new Promise(a=>{t[0].addEventListener("transitionend",()=>{this._activeDate=e(this,Ro,"m",Xo).call(this,this._activeView),t.forEach(e=>e.classList.add("no-animate")),t[1].classList.remove("after"),t[0].classList.add("before"),setTimeout(()=>{t.forEach(e=>e.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("after"),t[0].classList.remove("before"),await e(this,qo,"f"),this._body.style.overflow="")}async moveNextPeriod(){if(!this.canMoveNextPeriod)return;if(C())return void(this._activeDate=e(this,Ro,"m",Go).call(this,this._activeView));await e(this,qo,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,qo,new Promise(a=>{t[2].addEventListener("transitionend",()=>{this._activeDate=e(this,Ro,"m",Go).call(this,this._activeView),t.forEach(e=>e.classList.add("no-animate")),t[1].classList.remove("before"),t[2].classList.add("after"),setTimeout(()=>{t.forEach(e=>e.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("before"),t[2].classList.remove("after"),await e(this,qo,"f"),this._body.style.overflow="")}async togglePeriod(){await e(this,qo,"f"),this._activeView="month"===this._activeView?"multi-year":"month",await this.focusActiveCell()}willUpdate(e){super.willUpdate(e),e.has("date")&&(this._activeDate=new Date(this.date??this._today)),e.has("startAt")&&(this._activeDate=new Date(this.startAt??this.date??this._today)),e.has("rangeStart")&&this.rangeStart&&(this._activeDate=new Date(this.rangeStart),e.has("date")||(this.date=new Date(this.rangeStart))),e.has("rangeEnd")&&this.rangeEnd&&(this._activeDate=new Date(this.rangeEnd),e.has("date")||(this.date=new Date(this.rangeEnd))),e.has("startView")&&(this._activeView=this.startView)}updated(e){super.updated(e),this._view instanceof Po&&(e.has("specialDates")||e.has("blackoutDates"))&&this.shadowRoot?.querySelectorAll("m3e-month-view").forEach(e=>{e.specialDates=this.specialDates,e.blackoutDates=this.blackoutDates})}render(){return s`<div class="base"><slot name="header">${e(this,Ro,"m",No).call(this)}</slot><div class="body ${this._activeView}"><div class="row multi-year">${e(this,Ro,"m",Uo).call(this,"multi-year",-1)}${e(this,Ro,"m",Uo).call(this,"multi-year",0)}${e(this,Ro,"m",Uo).call(this,"multi-year",1)}</div><div class="row year">${e(this,Ro,"m",Uo).call(this,"year",-1)}${e(this,Ro,"m",Uo).call(this,"year",0)}${e(this,Ro,"m",Uo).call(this,"year",1)}</div><div class="row month">${e(this,Ro,"m",Uo).call(this,"month",-1)}${e(this,Ro,"m",Uo).call(this,"month",0)}${e(this,Ro,"m",Uo).call(this,"month",1)}</div></div></div>`}};qo=new WeakMap,Ro=new WeakSet,No=function(){return s`<div class="header"><m3e-button @click="${this.togglePeriod}">${this.periodLabel} <svg class="${Ye({rotate:"month"!==this._activeView})}" slot="trailing-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></m3e-button><div class="spacer"></div><m3e-icon-button ?disabled="${!this.canMovePreviousPeriod}" @click="${this.movePreviousPeriod}" aria-label="${"month"===this._activeView?this.previousMonthLabel:"year"===this._activeView?this.previousYearLabel:this.previousMultiYearLabel}">${"ltr"===qe.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`}</m3e-icon-button><m3e-icon-button ?disabled="${!this.canMoveNextPeriod}" @click="${this.moveNextPeriod}" aria-label="${"month"===this._activeView?this.nextMonthLabel:"year"===this._activeView?this.nextYearLabel:this.nextMultiYearLabel}">${"ltr"===qe.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`}</m3e-icon-button></div>`},Uo=function(t,a){const i=a<0?e(this,Ro,"m",Xo).call(this,t):a>0?e(this,Ro,"m",Go).call(this,t):new Date(this._activeDate);switch(t){case"month":return s`<m3e-month-view class="view ${Ye({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${je(this.date?.toISOString())}" active-date="${i.toISOString()}" min-date="${je(this.minDate?.toISOString())}" max-date="${je(this.maxDate?.toISOString())}" range-start="${je(this.rangeStart?.toISOString())}" range-end="${je(this.rangeEnd?.toISOString())}" @active-change="${0===a?e(this,Ro,"m",Zo):void 0}" @change="${0===a?e(this,Ro,"m",jo):void 0}"></m3e-month-view>`;case"year":return s`<m3e-year-view class="view ${Ye({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${je(this.date?.toISOString())}" active-date="${i.toISOString()}" min-date="${je(this.minDate?.toISOString())}" max-date="${je(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,Ro,"m",Zo):void 0}" @change="${0===a?e(this,Ro,"m",Yo):void 0}"></m3e-year-view>`;case"multi-year":return s`<m3e-multi-year-view class="view ${Ye({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${je(this.date?.toISOString())}" active-date="${i.toISOString()}" min-date="${je(this.minDate?.toISOString())}" max-date="${je(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,Ro,"m",Zo):void 0}" @change="${0===a?e(this,Ro,"m",Ko):void 0}"></m3e-multi-year-view>`}},jo=function(e){const t=e.currentTarget;this._activeDate=new Date(t.activeDate),this.rangeStart=t.rangeStart,this.rangeEnd=t.rangeEnd,this.date=new Date(this._activeDate),this.dispatchEvent(new Event("change",{bubbles:!0}))},Yo=async function(e){this._activeDate=new Date(e.currentTarget.activeDate),this._activeView="month",this.focusActiveCell()},Ko=function(e){this._activeDate=new Date(e.currentTarget.activeDate),this._activeView="year",this.focusActiveCell()},Zo=async function(e){this._view instanceof Po&&(this._view._suppressFocusHighlight=!1),this._activeDate=new Date(e.currentTarget.activeDate),await this.focusActiveCell(),this._view instanceof Po&&(this._view._suppressFocusHighlight=!1)},Xo=function(e){const t=new Date(this._activeDate);switch(e){case"month":for(t.setMonth(this._activeDate.getMonth()-1);t.getMonth()===this._activeDate.getMonth();)t.setDate(t.getDate()-1);break;case"year":t.setFullYear(this._activeDate.getFullYear()-1);break;case"multi-year":t.setDate(1),t.setFullYear(go(this._activeDate,this.minDate,this.maxDate)-1)}return t},Go=function(e){const t=new Date(this._activeDate);switch(e){case"month":for(t.setMonth(this._activeDate.getMonth()+1);t.getMonth()===this._activeDate.getMonth();)t.setDate(t.getDate()+1);break;case"year":t.setFullYear(this._activeDate.getFullYear()+1);break;case"multi-year":t.setDate(1),t.setFullYear(yo(this._activeDate,this.minDate,this.maxDate)+1)}return t},Jo.styles=o`:host { display: inline-block; vertical-align: top; width: fit-content; height: fit-content; } .base { display: flex; flex-direction: column; width: fit-content; overflow: hidden; padding: var(--m3e-calendar-padding, 0.5rem); background-color: var(--m3e-calendar-container-color); box-shadow: var(--m3e-calendar-container-elevation); border-radius: var(--m3e-calendar-container-shape); } .header { display: flex; align-items: center; --m3e-text-button-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-hover-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-focus-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-pressed-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); } .spacer { flex: 1 1 auto; } svg { transition: transform ${v.motion.spring.fastEffects}; } svg.rotate { transform: rotate(-180deg); } .body { position: relative; } .view:not(.no-animate) { transition: ${i(`margin var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard},\n        visibility var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .view.before, .view.after { visibility: hidden; position: absolute; } .view.before { margin-inline-start: -100%; } .view.after { margin-inline-start: 100%; } .view:not(.before):not(.after) { visibility: visible; position: relative; left: 0; margin-inline-start: 0; } .row { opacity: 1; transform: translateY(0); } .row.multi-year { transition: ${i(`transform var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete,\n        opacity var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .row:not(.multi-year) { transition: ${i(`opacity var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .body.month > .row:not(.month), .body.year > .row:not(.year), .body.multi-year > .row:not(.multi-year) { visibility: hidden; position: absolute; transform: translateY(-10%); opacity: 0; } .body.month > .row:not(.month) .view:not(.before):not(.after), .body.year > .row:not(.year) .view:not(.before):not(.after), .body.multi-year > .row:not(.multi-year) .view:not(.before):not(.after) { visibility: hidden; transition: none; } @media (prefers-reduced-motion) { .row:not(.multi-year), .row.multi-year, .view:not(.no-animate), svg { transition: none; } }`,t([p()],Jo.prototype,"_today",void 0),t([p()],Jo.prototype,"_activeView",void 0),t([p()],Jo.prototype,"_activeDate",void 0),t([h(".active")],Jo.prototype,"_view",void 0),t([h(".body")],Jo.prototype,"_body",void 0),t([m({attribute:"start-view"})],Jo.prototype,"startView",void 0),t([m({converter:J})],Jo.prototype,"date",void 0),t([m({attribute:"start-at",converter:J})],Jo.prototype,"startAt",void 0),t([m({attribute:"min-date",converter:J})],Jo.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],Jo.prototype,"maxDate",void 0),t([m({attribute:"range-start",converter:J})],Jo.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],Jo.prototype,"rangeEnd",void 0),t([m({attribute:!1})],Jo.prototype,"blackoutDates",void 0),t([m({attribute:!1})],Jo.prototype,"specialDates",void 0),t([m({attribute:"previous-month-label"})],Jo.prototype,"previousMonthLabel",void 0),t([m({attribute:"previous-year-label"})],Jo.prototype,"previousYearLabel",void 0),t([m({attribute:"previous-multi-year-label"})],Jo.prototype,"previousMultiYearLabel",void 0),t([m({attribute:"next-month-label"})],Jo.prototype,"nextMonthLabel",void 0),t([m({attribute:"next-year-label"})],Jo.prototype,"nextYearLabel",void 0),t([m({attribute:"next-multi-year-label"})],Jo.prototype,"nextMultiYearLabel",void 0),Jo=t([$("m3e-calendar")],Jo);const Qo=i("var(--m3e-card-padding, 1rem)"),er=i(`var(--m3e-card-shape, ${v.shape.corner.medium});`),tr={filled:{textColor:i(`var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:i(`var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${v.color.surfaceContainerHighest}))`),containerElevation:i(`var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level0}))`),disabled:{textColor:i(`var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:i("var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:i("var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:i(`var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${v.color.surfaceVariant}))`),containerElevation:i(`var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level0}))`),containerElevationColor:i(`var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:i("var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:i("var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:i(`var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level1}))`)},focus:{textColor:i(`var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level0}))`)},pressed:{textColor:i(`var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level0}))`)}},elevated:{textColor:i(`var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:i(`var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${v.color.surfaceContainerLow}))`),containerElevation:i(`var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level1}))`),disabled:{textColor:i(`var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:i("var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:i("var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:i(`var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${v.color.surface}))`),containerElevation:i(`var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level1}))`),containerElevationColor:i(`var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:i("var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:i("var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:i(`var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level2}))`)},focus:{textColor:i(`var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level1}))`)},pressed:{textColor:i(`var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level1}))`)}},outlined:{textColor:i(`var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:i(`var(--m3e-outlined-card-container-color, var(--m3e-card-container-color, ${v.color.surface}))`),containerElevation:i(`var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level0}))`),outlineColor:i(`var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${v.color.outlineVariant}))`),outlineThickness:i("var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))"),disabled:{textColor:i(`var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:i("var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:i("var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerElevation:i(`var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level0}))`),containerElevationColor:i(`var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:i("var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),outlineColor:i(`var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${v.color.outline}))`),outlineOpacity:i("var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))")},hover:{textColor:i(`var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level1}))`),outlineColor:i(`var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${v.color.outlineVariant}))`)},focus:{textColor:i(`var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level0}))`),outlineColor:i(`var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${v.color.onSurface}))`)},pressed:{textColor:i(`var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:i(`var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:i(`var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level0}))`),outlineColor:i(`var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${v.color.outlineVariant}))`)}}},ar=o`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${er}; } :host([actionable]) .base { transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n      border-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${er}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${Qo}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${Qo}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${Qo}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${Qo}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${Qo}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${Qo}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${Qo}; margin-block-start: ${Qo}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${Qo}; margin-block: ${Qo}; } .has-actions slot[name="actions"] { margin-inline: ${Qo}; margin-block: ${Qo}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${Qo}; margin-block-end: ${Qo}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${Qo}; margin-inline-end: ${Qo}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { :host([actionable]) .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${tr.outlined.outlineThickness??i("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { :host([actionable]) .base { transition: none; } }`;function ir(e){return o`:host([variant="${i(e)}"]) .base { background-color: ${tr[e].containerColor??i("unset")}; box-shadow: ${tr[e].containerElevation??i("unset")}; border-width: ${tr[e].outlineThickness??i("unset")}; } :host([actionable][variant="${i(e)}"]) .base { --m3e-state-layer-hover-color: ${tr[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${tr[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${tr[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${tr[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${tr[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${tr[e].pressed.stateLayerOpacity}; --m3e-elevation-level: ${tr[e].containerElevation??i("unset")}; --m3e-elevation-hover-level: ${tr[e].hover.containerElevation??i("unset")}; --m3e-elevation-focus-level: ${tr[e].focus.containerElevation??i("unset")}; --m3e-elevation-pressed-level: ${tr[e].pressed.containerElevation??i("unset")}; } :host([variant="${i(e)}"]) .base { border-color: ${tr[e].outlineColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:focus .base) { border-color: ${tr[e].focus.outlineColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:hover .base) { border-color: ${tr[e].hover.outlineColor??i("unset")}; } :host([actionable][variant="${i(e)}"]) .base.pressed { border-color: ${tr[e].pressed.outlineColor??i("unset")}; } :host([variant="${i(e)}"]) .base { color: ${tr[e].textColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:focus) .base { color: ${tr[e].focus.textColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:hover) .base { color: ${tr[e].hover.textColor??i("unset")}; } :host([actionable][variant="${i(e)}"]) .base.pressed { color: ${tr[e].pressed.textColor??i("unset")}; } :host([actionable][variant="${i(e)}"]:disabled) .base, :host([actionable][variant="${i(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${tr[e].disabled.containerElevation??i("unset")}; --m3e-elevation-color: color-mix( in srgb, ${tr[e].disabled.containerElevationColor} ${tr[e].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${tr[e].disabled.textColor} ${tr[e].disabled.textOpacity}, transparent ); background-color: ${tr[e].disabled.containerColor&&tr[e].disabled.containerOpacity?i(`color-mix(\n        in srgb,\n        ${tr[e].disabled.containerColor} ${tr[e].disabled.containerOpacity},\n        transparent\n      )`):i("unset")}; border-color: ${tr[e].disabled.outlineColor&&tr[e].disabled.outlineOpacity?i(`color-mix(\n        in srgb,\n        ${tr[e].disabled.outlineColor} ${tr[e].disabled.outlineOpacity},\n        transparent\n      )`):i("unset")}; } :host([actionable][variant="${i(e)}"]:disabled) ::slotted(img), :host([actionable][variant="${i(e)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${i(e)}"]:disabled) ::slotted(video), :host([actionable][variant="${i(e)}"][disabled-interactive]) ::slotted(video) { opacity: ${tr[e].disabled.imageOpacity}; }`}const or=[ir("filled"),ir("elevated"),ir("outlined")];var rr,sr,nr,lr,cr,dr,hr,mr;let ur=class extends(V(R(j(q(Y(N(P(r),!0))))))){constructor(){super(),rr.add(this),sr.set(this,t=>e(this,rr,"m",mr).call(this,t)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new Z(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",e(this,sr,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",e(this,sr,"f"))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[U]()}<slot name="header" @slotchange="${e(this,rr,"m",nr)}"></slot><slot name="content" @slotchange="${e(this,rr,"m",lr)}"><slot @slotchange="${e(this,rr,"m",cr)}"></slot></slot><slot name="actions" @slotchange="${e(this,rr,"m",dr)}"></slot><slot name="footer" @slotchange="${e(this,rr,"m",hr)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};var pr,vr,br,fr,gr,yr;sr=new WeakMap,rr=new WeakSet,nr=function(e){const t=e.target.assignedNodes({flatten:!0}),a=this.shadowRoot?.querySelector(".base");a?.classList.toggle("has-header",t.length>0),a?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},lr=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},cr=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",g(e.target)&&null===this.querySelector("[slot='content']"))},dr=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",g(e.target))},hr=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",g(e.target))},mr=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},ur.styles=[or,ar],t([h(".base")],ur.prototype,"_base",void 0),t([h(".elevation")],ur.prototype,"_elevation",void 0),t([h(".focus-ring")],ur.prototype,"_focusRing",void 0),t([h(".state-layer")],ur.prototype,"_stateLayer",void 0),t([h(".ripple")],ur.prototype,"_ripple",void 0),t([m({type:Boolean,reflect:!0})],ur.prototype,"inline",void 0),t([m({type:Boolean,reflect:!0})],ur.prototype,"actionable",void 0),t([m({reflect:!0})],ur.prototype,"variant",void 0),t([m({reflect:!0})],ur.prototype,"orientation",void 0),ur=t([$("m3e-card")],ur);let $r=class extends(Q(ee(te(ae(ie(oe(re(se(V(q(N(P(f(r,"checkbox")))),!1)))))))))){constructor(){super(...arguments),pr.add(this),vr.set(this,t=>e(this,pr,"m",yr).call(this,t)),br.set(this,new ne(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),fr.set(this,new Z(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(vr=new WeakMap,br=new WeakMap,fr=new WeakMap,pr=new WeakSet,le)](){return!this.checked||this.disabled||this.indeterminate?null:this.value}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,vr,"f"));for(const t of this.labels)e(this,br,"f").observe(t),e(this,fr,"f").observe(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,vr,"f"));for(const t of this.labels)e(this,br,"f").unobserve(t),e(this,fr,"f").unobserve(t)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${e(this,pr,"m",gr).call(this)}</div></div>`}};var wr,xr,kr,Cr,Sr,_r,Lr;gr=function(){return this.indeterminate?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:n},yr=function(e){if(!e.defaultPrevented){if(this.disabled)return e.preventDefault(),void e.stopImmediatePropagation();this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.checked=!this.checked,this.indeterminate=!1,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))),this.closest("label")&&e.preventDefault()}},$r.styles=o`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${v.density.calc(-3)}); height: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${v.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 0.125rem); } :host(:not([checked]):not([indeterminate])) .wrapper { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host( :not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not([indeterminate]):not([checked]) ) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-checkbox-unselected-ripple-color, ${v.color.onSurface}); } :host(:not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[checked]) .base, :host(:not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-hover-color, ${v.color.primary}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-focus-color, ${v.color.primary}); --m3e-ripple-color: var(--m3e-checkbox-selected-ripple-color, ${v.color.primary}); } :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[checked] ) .wrapper, :host( :not([aria-disabled="true"]):not( :is(:state(--touched), :--touched):is(:state(--invalid), :--invalid) )[indeterminate] ) .wrapper { background-color: var(--m3e-checkbox-selected-container-color, ${v.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${v.color.onPrimary}); } :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not( [checked] ):not([indeterminate]):not(:hover) ) .wrapper { border-color: var(--m3e-checkbox-unselected-outline-color, ${v.color.onSurfaceVariant}); } :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not( [checked] ):not([indeterminate]):hover ) .wrapper { border-color: var(--m3e-checkbox-unselected-hover-outline-color, ${v.color.onSurface}); } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${v.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${v.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${v.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); } :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid):not( [checked] ):not([indeterminate]) ) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-error-hover-color, ${v.color.error}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-error-focus-color, ${v.color.error}); --m3e-ripple-color: var(--m3e-checkbox-unselected-error-ripple-color, ${v.color.error}); } :host(:not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)[checked]) .base, :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)[indeterminate] ) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-error-hover-color, ${v.color.onError}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-error-focus-color, ${v.color.onError}); --m3e-ripple-color: var(--m3e-checkbox-selected-error-ripple-color, ${v.color.onError}); } :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid):not( [checked] ):not([indeterminate]) ) .wrapper { border-color: var(--m3e-checkbox-unselected-error-outline-color, ${v.color.error}); } @media (forced-colors: active) { :host( :not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not([indeterminate]):not([checked]) ) .base, :host(:not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[checked]) .base, :host(:not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: CanvasText; --m3e-state-layer-focus-color: CanvasText; --m3e-ripple-color: CanvasText; } :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not( [checked] ):not([indeterminate]):not(:hover) ) .wrapper, :host( :not([aria-disabled="true"]):not(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)):not( [checked] ):not([indeterminate]):hover ) .wrapper { border-color: CanvasText; } :host( :not([aria-disabled="true"]):not( :is(:state(--touched), :--touched):is(:state(--invalid), :--invalid) )[checked] ) .wrapper, :host( :not([aria-disabled="true"]):not( :is(:state(--touched), :--touched):is(:state(--invalid), :--invalid) )[indeterminate] ) .wrapper { background-color: CanvasText; color: Canvas; } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: GrayText; } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: GrayText; color: Canvas; } :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid):not( [checked] ):not([indeterminate]) ) .wrapper { border-color: Highlight; } :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid):not( [checked] ):not([indeterminate]) ) .base, :host(:not([aria-disabled="true"]):is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)[checked]) .base, :host( :not([aria-disabled="true"]):is(:state(--touched), :--touched):is( :state(--invalid), :--invalid )[indeterminate] ) .base { --m3e-state-layer-hover-color: Highlight; --m3e-state-layer-focus-color: Highlight; --m3e-ripple-color: Highlight; } }`,t([h(".focus-ring")],$r.prototype,"_focusRing",void 0),t([h(".state-layer")],$r.prototype,"_stateLayer",void 0),t([h(".ripple")],$r.prototype,"_ripple",void 0),t([m()],$r.prototype,"value",void 0),$r=t([$("m3e-checkbox")],$r);let Er=class extends(P(r)){constructor(){super(...arguments),wr.add(this),xr.set(this,void 0),kr.set(this,""),this.variant="outlined"}get value(){return e(this,xr,"f")??e(this,kr,"f")}set value(e){a(this,xr,e,"f")}get label(){return e(this,kr,"f")}firstUpdated(e){super.firstUpdated(e),"listitem"===this.role&&this.removeAttribute("tabindex"),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>{e?.htmlFor||e?.attach(this)})}render(){const t=!ce(this)||this.disabled,a=de(this)&&this.disabledInteractive;return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${t||a}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${t||a}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${t}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${t||a}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${he(this)?this[U]():n}<div class="wrapper">${e(this,wr,"m",Cr).call(this)}</div></div>`}_renderIcon(){return s`<slot name="icon" aria-hidden="true" @slotchange="${e(this,wr,"m",Sr)}"></slot>`}_renderTrailingIcon(){return s`<slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,wr,"m",_r)}"></slot>`}_renderSlot(){return s`<slot @slotchange="${e(this,wr,"m",Lr)}"></slot>`}};xr=new WeakMap,kr=new WeakMap,wr=new WeakSet,Cr=function(){return s`${this._renderIcon()}<div class="label">${this._renderSlot()}</div>${this._renderTrailingIcon()}`},Sr=function(e){x(this,"--with-icon",g(e.target))},_r=function(e){x(this,"--with-trailing-icon",g(e.target))},Lr=function(e){a(this,kr,me(e.target),"f")},Er.styles=o`:host { display: inline-block; vertical-align: middle; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; border-radius: var(--m3e-chip-container-shape, ${v.shape.corner.small}); height: calc(var(--m3e-chip-container-height, 2rem) + ${v.density.calc(-3)}); font-size: var(--m3e-chip-label-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-chip-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-chip-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-chip-label-text-tracking, ${v.typescale.standard.label.large.tracking}); } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host(:not(m3e-chip):not(:disabled)[disabled-interactive]) { cursor: not-allowed; } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) .base { user-select: none; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; column-gap: var(--m3e-chip-spacing, 0.5rem); } .label { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host([variant="elevated"]) .base { background-color: var(--m3e-elevated-chip-container-color, ${v.color.surfaceContainerLow}); --m3e-elevation-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); --m3e-elevation-hover-level: var(--m3e-elevated-chip-hover-elevation, ${v.elevation.level2}); --m3e-elevation-focus-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); --m3e-elevation-pressed-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); } :host([variant="outlined"]) .base { outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-style: solid; outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: var(--m3e-outlined-chip-outline-color, ${v.color.outlineVariant}); } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: color-mix( in srgb, var(--m3e-outlined-chip-disabled-outline-color, ${v.color.onSurface}) var(--m3e-outlined-chip-disabled-outline-opacity, 12%), transparent ); } :host(:is(:state(--with-icon), :--with-icon)) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } :host(:not(:is(:state(--with-icon), :--with-icon))) .wrapper { padding-inline-start: var(--m3e-chip-padding-start, 1rem); } :host(:is(:state(--with-trailing-icon), :--with-trailing-icon)) .wrapper { padding-inline-end: var(--m3e-chip-with-icon-padding-end, 0.5rem); } :host(:not(:is(:state(--with-trailing-icon), :--with-trailing-icon))) .wrapper { padding-inline-end: var(--m3e-chip-padding-end, 1rem); } ::slotted([slot="icon"]), ::slotted([slot="trailing-icon"]) { flex: none; width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem) !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-label-text-color, ${v.color.onSurface}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-icon-color, ${v.color.primary}); } :host(:disabled) .base, :host([disabled-interactive]) .base { color: color-mix( in srgb, var(--m3e-chip-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-chip-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: color-mix( in srgb, var(--m3e-chip-disabled-icon-color, ${v.color.onSurface}) var(--m3e-chip-disabled-icon-opacity, 38%), transparent ); } :host([variant="elevated"]:disabled) .base, :host([variant="elevated"][disabled-interactive]) .base { background-color: color-mix( in srgb, var(--m3e-elevated-chip-disabled-container-color, ${v.color.onSurface}) var(--m3e-elevated-chip-disabled-container-opacity, 12%), transparent ); --m3e-elevation-level: var(--m3e-elevated-chip-disabled-elevation, ${v.elevation.level0}); } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: CanvasText; } :host(:disabled) .base, :host([disabled-interactive]) .base, :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: GrayText; } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: GrayText; } }`,t([h(".elevation")],Er.prototype,"_elevation",void 0),t([h(".focus-ring")],Er.prototype,"_focusRing",void 0),t([h(".state-layer")],Er.prototype,"_stateLayer",void 0),t([h(".ripple")],Er.prototype,"_ripple",void 0),t([m({reflect:!0})],Er.prototype,"variant",void 0),t([m()],Er.prototype,"value",null),Er=t([$("m3e-chip")],Er);let zr=class extends(j(R(V(q(Y(N(f(Er,"button")))))))){_renderTrailingIcon(){return n}};zr.formAssociated=!0,zr=t([$("m3e-assist-chip")],zr);let Mr=class extends(ue(r)){render(){return s`<slot></slot>`}};var Pr,Tr,Ir;Mr.styles=o`:host { display: inline-flex; flex-wrap: wrap; vertical-align: middle; gap: var(--m3e-chip-set-spacing, 0.5rem); outline: none; } :host([vertical]) { flex-direction: column; }`,Mr=t([$("m3e-chip-set")],Mr);let Dr=class extends(pe(V(q(Y(N(f(Er,"radio"))))))){constructor(){super(...arguments),Pr.add(this),Tr.set(this,t=>e(this,Pr,"m",Ir).call(this,t))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Tr,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Tr,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-filter-chip-set")?.[We].notifySelectionChange(this)}_renderIcon(){return s`<div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg> ${super._renderIcon()}</div>`}};var Ar,Wr,Hr,Or,Br,Fr,Vr;Tr=new WeakMap,Pr=new WeakSet,Ir=function(e){e.defaultPrevented||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!this.selected,this.closest("m3e-filter-chip-set")?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},Dr.formAssociated=!0,Dr.styles=[Er.styles,o`:host([selected]:not(:is(:state(--hide-selection), :--hide-selection))) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } .icon { display: flex; align-items: center; justify-content: center; } .check { width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem); } :host(:not(:disabled):not([disabled-interactive])) .check { color: var(--m3e-chip-selected-leading-icon-color, ${v.color.onSecondaryContainer}); } :host(:not([selected])) .check, :host(:is(:state(--hide-selection), :--hide-selection)) .check, :host(:is(:state(--hide-selection), :--hide-selection):not(:is(:state(--with-icon), :--with-icon))) .icon { display: none; } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-chip-with-icon-padding-start, 0.5rem)); transition: margin-inline-start ${v.motion.spring.fastEffects}; } :host([selected]) .icon { margin-inline-start: 0; } :host([selected]:not(:is(:state(--hide-selection), :--hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-unselected-label-text-color, ${v.color.onSurfaceVariant}); --m3e-ripple-color: var(--m3e-chip-unselected-ripple-color, ${v.color.onSurfaceVariant}); --m3e-state-layer-focus-color: var( --m3e-chip-unselected-state-layer-focus-color, ${v.color.onSurfaceVariant} ); --m3e-state-layer-hover-color: var( --m3e-chip-unselected-state-layer-hover-color, ${v.color.onSurfaceVariant} ); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]) { color: var(--m3e-chip-unselected-leading-icon-color, ${v.color.primary}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-unselected-trailing-icon-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: unset; outline-width: var(--m3e-chip-selected-outline-thickness, 0); color: var(--m3e-chip-selected-label-text-color, ${v.color.onSecondaryContainer}); background-color: var(--m3e-chip-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-chip-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-chip-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-elevation-hover-level: var(--m3e-chip-selected-hover-elevation, ${v.elevation.level1}); --m3e-ripple-color: var(--m3e-chip-selected-ripple-color, ${v.color.onSecondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-chip-selected-state-layer-focus-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-chip-selected-state-layer-hover-color, ${v.color.onSecondaryContainer} ); } :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]) { color: var(--m3e-chip-selected-leading-icon-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-selected-trailing-icon-color, ${v.color.onSecondaryContainer}); } @media (prefers-reduced-motion) { .base, :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { transition: none; } } @media (forced-colors: active) { :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base, :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="trailing-icon"]), :host(:not(:disabled):not([disabled-interactive])) .check { color: ButtonText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-color: ButtonText; } }`],Dr=t([$("m3e-filter-chip")],Dr);let Rr=class extends(Q(te(ae(se(N(P(f(Mr,"radiogroup")))))))){constructor(){super(...arguments),Ar.add(this),Wr.set(this,void 0),this[Vr]=(new He).onActiveItemChange(()=>this[We].activeItem?.focus()).withWrap().withDirectionality(qe.current),this.multi=!1,this.hideSelectionIndicator=!1}get chips(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Wr=new WeakMap,Ar=new WeakSet,Vr=We,le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}connectedCallback(){super.connectedCallback(),a(this,Wr,qe.observe(()=>this[We].directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Wr,"f")?.call(this)}update(t){super.update(t),t.has("vertical")&&(this[We].vertical=this.vertical),t.has("disabled")&&(void 0!==t.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled),t.has("multi")&&(this.role=this.multi?"group":"radiogroup",e(this,Ar,"m",Fr).call(this),this[We].multi=this.multi,this[We].disableRovingTabIndex(this.multi)),(t.has("multi")||t.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),t.has("hideSelectionIndicator")&&this.chips.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator))}render(){return s`<slot @slotchange="${e(this,Ar,"m",Hr)}" @keydown="${e(this,Ar,"m",Or)}" @change="${e(this,Ar,"m",Br)}"></slot>`}};var qr,Nr,Ur,jr;Hr=function(){const{added:t}=this[We].setItems([...this.querySelectorAll("m3e-filter-chip")]);t.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator)),e(this,Ar,"m",Fr).call(this)},Or=function(e){this.multi||this[We].onKeyDown(e)},Br=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Fr=function(){this.chips.forEach(e=>e.role=this.multi?"button":"radio")},t([m({type:Boolean})],Rr.prototype,"multi",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],Rr.prototype,"hideSelectionIndicator",void 0),Rr=t([$("m3e-filter-chip-set")],Rr);let Yr=class extends(Y(N(f(Er,"row")))){constructor(){super(...arguments),qr.add(this),this.removable=!1,this.removeLabel="Remove"}connectedCallback(){super.connectedCallback(),this.removeAttribute("tabindex")}update(e){super.update(e),this.removeAttribute("tabindex"),e.has("removable")&&x(this,"--with-trailing-icon",this.removable)}render(){return s`<div class="base"><m3e-elevation class="elevation" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" for="cell" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="wrapper"><div id="cell" class="cell" role="gridcell" tabindex="${je(this.disabled?void 0:"-1")}" @keydown="${e(this,qr,"m",jr)}"><slot name="avatar" @slotchange="${e(this,qr,"m",Nr)}"></slot>${this._renderIcon()}<div class="label">${this._renderSlot()}</div><div class="touch" aria-hidden="true"></div></div>${this._renderTrailingIcon()}</div></div>`}_renderTrailingIcon(){return this.removable?s`<span role="gridcell" class="remove"><m3e-icon-button class="remove-button" aria-label="${this.removeLabel}" size="extra-small" tabindex="-1" ?disabled="${this.disabled}" ?disabled-interactive="${this.disabledInteractive}" @click="${e(this,qr,"m",Ur)}"><slot name="remove-icon"><svg class="remove-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button></span>`:n}};var Kr,Zr,Xr,Gr,Jr,Qr,es,ts,as,is,os,rs,ss,ns,ls,cs,ds,hs,ms,us,ps,vs,bs,fs;qr=new WeakSet,Nr=function(e){x(this,"--with-avatar",g(e.target))},Ur=function(e){e.stopPropagation(),this.dispatchEvent(new Event("remove"))},jr=function(e){if(this.removable)switch(e.key){case"Backspace":case"Delete":this.dispatchEvent(new Event("remove"))}},Yr.formAssociated=!0,Yr.styles=[Er.styles,o`.cell { display: inline-flex; align-items: center; outline: none; column-gap: var(--m3e-chip-spacing, 0.5rem); min-width: 0; } .remove-button { --m3e-icon-button-extra-small-container-height: 1.5rem; --m3e-icon-button-extra-small-icon-size: var(--m3e-chip-icon-size, 1.125rem); width: 1.5rem; } .remove-icon { flex: none; width: var(--m3e-chip-icon-size, 1.125rem); height: var(--m3e-chip-icon-size, 1.125rem); } .touch { top: calc( 0px - calc(calc(3rem - calc(var(--m3e-chip-container-height, 2rem) + ${v.density.calc(-3)})) / 2) ); } .wrapper { height: 100%; overflow: visible; min-width: 0; } ::slotted([slot="avatar"]) { flex: none; font-size: var(--m3e-chip-avatar-size, 1.5rem); } ::slotted(m3e-avatar[slot="avatar"]) { --m3e-icon-size: var(--m3e-chip-avatar-icon-size, 1.125rem); --m3e-avatar-size: var(--m3e-chip-avatar-size, 1.5rem); --m3e-avatar-font-size: var( --m3e-chip-avatar-font-size, ${v.typescale.standard.title.small.fontSize} ); --m3e-avatar-font-weight: var( --m3e-chip-avatar-font-height, ${v.typescale.standard.title.small.fontWeight} ); --m3e-avatar-line-height: var( --m3e-chip-avatar-line-height, ${v.typescale.standard.title.small.lineHeight} ); --m3e-avatar-tracking: var(--m3e-chip-avatar-tracking, ${v.typescale.standard.title.small.tracking}); } :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { opacity: var(--m3e-chip-disabled-avatar-opacity, 38%); color: var(--m3e-chip-disabled-icon-color, ${v.color.onSurface}); } :host(:is(:state(--with-avatar), :--with-avatar)) ::slotted([slot="icon"]) { display: none; } :host(:is(:state(--with-avatar), :--with-avatar)) .wrapper { padding-inline-start: var(--m3e-chip-with-avatar-padding-start, 0.25rem); } @media (forced-colors: active) { :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { color: CanvasText; } }`],t([h(".cell")],Yr.prototype,"cell",void 0),t([h(".remove-button")],Yr.prototype,"removeButton",void 0),t([m({type:Boolean})],Yr.prototype,"removable",void 0),t([m({attribute:"remove-label"})],Yr.prototype,"removeLabel",void 0),Yr=t([$("m3e-input-chip")],Yr);let gs=class extends(ee(ie(oe(te(ae(se(N(P(f(Mr,"grid")))))))))){constructor(){super(...arguments),Kr.add(this),Zr.set(this,void 0),Xr.set(this,()=>e(this,Kr,"m",bs).call(this)),Gr.set(this,t=>e(this,Kr,"m",fs).call(this,t)),Jr.set(this,()=>e(this,Kr,"m",hs).call(this)),Qr.set(this,()=>e(this,Kr,"m",ms).call(this)),es.set(this,()=>e(this,Kr,"m",us).call(this)),ts.set(this,t=>e(this,Kr,"m",ps).call(this,t)),as.set(this,t=>e(this,Kr,"m",vs).call(this,t)),is.set(this,new Oe),os.set(this,(new Me).onActiveItemChange(()=>e(this,os,"f").activeItem?.focus()).withHomeAndEnd().withSkipPredicate(e=>!e.hasAttribute("tabindex")).withDirectionality(qe.current)),rs.set(this,!1),ss.set(this,null),ns.set(this,0)}get chips(){return[...this.querySelectorAll("m3e-input-chip")]}get value(){const e=this.chips.filter(e=>!e.disabled).map(e=>e.value);return 0==e.length?null:e}get[(Zr=new WeakMap,Xr=new WeakMap,Gr=new WeakMap,Jr=new WeakMap,Qr=new WeakMap,es=new WeakMap,ts=new WeakMap,as=new WeakMap,is=new WeakMap,os=new WeakMap,rs=new WeakMap,ss=new WeakMap,ns=new WeakMap,Kr=new WeakSet,le)](){const e=this.value;if(!e)return null;const t=new FormData;for(const a of e)t.append(this.name,a);return t}get shouldLabelFloat(){return this.chips.length>0}onContainerClick(){e(this,ss,"f")?.focus()}connectedCallback(){super.connectedCallback(),customElements.get("m3e-form-field")?this.closest("m3e-form-field")?.notifyControlStateChange():customElements.whenDefined("m3e-form-field").then(()=>{this.closest("m3e-form-field")?.notifyControlStateChange()}),a(this,ns,Number.parseInt(this.getAttribute("tabindex")??"0"),"f"),this.addEventListener("focus",e(this,Jr,"f")),this.addEventListener("focusin",e(this,Qr,"f")),this.addEventListener("focusout",e(this,es,"f")),a(this,Zr,qe.observe(()=>e(this,os,"f").directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",e(this,Jr,"f")),this.removeEventListener("focusin",e(this,Qr,"f")),this.removeEventListener("focusout",e(this,es,"f")),e(this,Zr,"f")?.call(this)}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${e(this,ns,"f")}`)}update(t){super.update(t),t.has("vertical")&&(this.ariaOrientation=null),t.has("disabled")&&(e(this,is,"f").items.forEach(e=>e.disabled=this.disabled),e(this,ss,"f")&&(e(this,ss,"f").disabled=this.disabled))}render(){return s`<slot @keydown="${e(this,Kr,"m",ls)}" @slotchange="${e(this,Kr,"m",cs)}"></slot><span role="row"><span role="gridcell"><slot name="input" @slotchange="${e(this,Kr,"m",ds)}"></slot></span></span>`}};ls=function(t){e(this,os,"f").onKeyDown(t)},cs=async function(){const{added:t,removed:a}=e(this,is,"f").setItems([...this.querySelectorAll("m3e-input-chip")]);for(const a of t)a.isUpdatePending&&await a.updateComplete,this.disabled&&(a.disabled=!0),a.addEventListener("remove",e(this,ts,"f")),a.cell.addEventListener("click",e(this,as,"f"));a.forEach(t=>{t.removeEventListener("remove",e(this,ts,"f")),t.cell.removeEventListener("click",e(this,as,"f"))}),e(this,os,"f").setItems(e(this,is,"f").items.flatMap(e=>e.removeButton?[e.cell,e.removeButton]:[e.cell])),e(this,os,"f").activeItem||e(this,os,"f").updateActiveItem(e(this,os,"f").items.find(e=>e.hasAttribute("tabindex")))},ds=function(){const t=this.querySelector("input");if(e(this,ss,"f")&&(e(this,ss,"f").removeEventListener("change",e(this,Xr,"f")),e(this,ss,"f").removeEventListener("keydown",e(this,Gr,"f"))),a(this,ss,t,"f"),e(this,ss,"f")){e(this,ss,"f").disabled=this.disabled,e(this,ss,"f").addEventListener("change",e(this,Xr,"f")),e(this,ss,"f").addEventListener("keydown",e(this,Gr,"f"));const a=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(t,"value",{get:()=>a.get?.call(t),set:i=>{a.set?.call(t,i),e(this,ss,"f")!==t||e(this,rs,"f")||e(this,Kr,"m",bs).call(this)}})}},hs=function(){setTimeout(()=>(e(this,os,"f").activeItem??e(this,ss,"f"))?.focus())},ms=function(){this.setAttribute("tabindex","-1")},us=function(){this.setAttribute("tabindex",`${e(this,ns,"f")}`)},ps=function(t){const a=t.target,i=e(this,is,"f").items.indexOf(a),o=e(this,is,"f").items.find((e,t)=>t>i&&!e.disabled&&e.removable);a.remove(),e(this,os,"f").setActiveItem(e(this,os,"f").items.find(e=>e===o?.removeButton)),e(this,os,"f").activeItem||e(this,ss,"f")?.focus(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"remove",value:a.value,chip:a}}))},vs=function(t){e(this,os,"f").updateActiveItem(t.composedPath().find(e=>e instanceof Yr)?.cell)},bs=async function(){const t=e(this,ss,"f")?.value;if(!t)return;const i=document.createElement("m3e-input-chip");if(i.removable=!0,i.appendChild(document.createTextNode(t)),this.appendChild(i),i.isUpdatePending&&await i.updateComplete,e(this,ss,"f"))try{a(this,rs,!0,"f"),e(this,ss,"f").value=""}finally{a(this,rs,!1,"f")}this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"add",value:t,chip:i}}))},fs=function(t){if("Backspace"===t.key&&!e(this,ss,"f")?.value){const t=[...e(this,is,"f").items].reverse().find(e=>!e.disabled&&!e.disabledInteractive&&e.removable);t&&t.dispatchEvent(new Event("remove"))}},B(o`m3e-input-chip-set [slot="input"]::placeholder { user-select: none; color: currentColor; transition: opacity ${v.motion.duration.extraLong1}; } m3e-input-chip-set:not(:focus-within) [slot="input"]::placeholder { opacity: 0; transition: 0s; } m3e-input-chip-set:hover [slot="input"]::placeholder { transition: 0s; } @media (prefers-reduced-motion) { m3e-input-chip-set [slot="input"]::placeholder { transition: none !important; } }`),gs.styles=[Mr.styles,o`::slotted([slot="input"]) { outline: unset; border: unset; background-color: transparent; box-shadow: none; font-family: inherit; font-size: inherit; line-height: initial; letter-spacing: inherit; color: var(--_form-field-input-color, inherit); flex: 1 1 auto; min-width: 0; padding: unset; } ::slotted(m3e-input-chip) { min-width: 0; } span[role="row"], span[role="gridcell"] { display: contents; }`],gs=t([$("m3e-input-chip-set")],gs);let ys=class extends(j(R(V(q(Y(N(f(Er,"button")))))))){_renderTrailingIcon(){return n}};var $s,ws;ys.formAssociated=!0,ys=t([$("m3e-suggestion-chip")],ys);let xs=class extends(z(r)){constructor(){super(...arguments),$s.add(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,$s,"m",ws).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,$s,"m",ws).call(this)}render(){return s`<div class="base"><div class="scroll-container"><slot></slot></div></div>`}};var ks,Cs,Ss,_s,Ls,Es,zs,Ms;$s=new WeakSet,ws=function(){const e=this.shadowRoot?.querySelector(".base");if(!e)return;const t=getComputedStyle(e).getPropertyValue("--m3e-scrollbar-thin-width"),a=t.endsWith("px")?parseFloat(t):ve(!t||"thin"===t);e.style.setProperty("--_scrollbar-width",`${a}px`)},xs.styles=o`:host { display: block; } .base { width: 100%; height: 100%; overflow: hidden; border-radius: var(--m3e-content-pane-container-shape, ${v.shape.corner.extraLarge}); background-color: var(--m3e-content-pane-container-color, ${v.color.surface}); transition: ${i(`border-radius ${v.motion.duration.medium2} ${v.motion.easing.standard}`)}; } .scroll-container { width: inherit; height: inherit; border-radius: inherit; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; outline: none; padding-block: var(--m3e-content-pane-container-padding, ${v.shape.corner.value.extraLarge}); padding-inline-start: var(--m3e-content-pane-container-padding, ${v.shape.corner.value.extraLarge}); padding-inline-end: calc( var(--m3e-content-pane-container-padding, ${v.shape.corner.value.extraLarge}) - var( --_scrollbar-width, 0px ) ); scrollbar-color: ${v.scrollbar.color}; scrollbar-width: ${v.scrollbar.thinWidth}; } @media (prefers-reduced-motion) { .base { transition: none; } }`,xs=t([$("m3e-content-pane")],xs);class Ps{constructor(t,i){ks.set(this,null),Cs.set(this,0),Ss.set(this,!1),_s.set(this,void 0),Ls.set(this,()=>{if(!e(this,Ss,"f"))return;const t=performance.now();e(this,_s,"f").call(this,(t-e(this,Cs,"f"))/1e3,t/1e3),a(this,Cs,t,"f"),a(this,ks,requestAnimationFrame(e(this,Ls,"f")),"f")}),a(this,_s,i,"f"),t.addController(this)}hostDisconnected(){this.stop()}start(){e(this,Ss,"f")||(a(this,Ss,!0,"f"),a(this,Cs,performance.now(),"f"),e(this,Ls,"f").call(this))}stop(){e(this,Ss,"f")&&(a(this,Ss,!1,"f"),null!==e(this,ks,"f")&&(cancelAnimationFrame(e(this,ks,"f")),a(this,ks,null,"f")))}}ks=new WeakMap,Cs=new WeakMap,Ss=new WeakMap,_s=new WeakMap,Ls=new WeakMap;class Ts{constructor(t,i){Es.set(this,void 0),zs.set(this,void 0),Ms.set(this,new Set),a(this,Es,t,"f"),a(this,zs,i.target,"f"),e(this,Es,"f").addController(this)}get targets(){return e(this,Ms,"f").values()}hostConnected(){null!==e(this,zs,"f")&&this.observe(e(this,zs,"f")??e(this,Es,"f"))}hostDisconnected(){e(this,Ms,"f").forEach(e=>this.unobserve(e)),e(this,Ms,"f").clear()}observe(t){e(this,Ms,"f").has(t)||(e(this,Ms,"f").add(t),this._observe(t))}isObserving(t){return e(this,Ms,"f").has(t)}unobserve(t){e(this,Ms,"f").delete(t)&&this._unobserve(t)}}function Is(e,t){if(!t)return 0;const a=document.createElement("div");a.style.all="inherit",a.style.width=t,a.style.position="absolute",a.style.visibility="hidden",a.style.pointerEvents="none",e.appendChild(a);try{return parseFloat(getComputedStyle(a).width)}finally{a.remove()}}function Ds(e){const t=parseFloat(getComputedStyle(e).lineHeight);return isNaN(t)||t<=0?0:Math.round(e.scrollHeight/t)}async function As(e,t=200){function a(e){const t=e.getRootNode();return t instanceof ShadowRoot?t.activeElement===e:document.activeElement===e}e.focus();const i=performance.now();for(;!a(e);){if(!e.isConnected||performance.now()-i>t)return!1;await new Promise(requestAnimationFrame),e.focus()}return!0}function Ws(){return!l&&matchMedia("(forced-colors: active)").matches}function Hs(e,t,a){return e+(t-e)*a}function Os(e,t,a,i){return{x:Math.pow(1-i,2)*e.x+2*(1-i)*i*t.x+Math.pow(i,2)*a.x,y:Math.pow(1-i,2)*e.y+2*(1-i)*i*t.y+Math.pow(i,2)*a.y}}function Bs(e,t,a,i,o){return{x:Math.pow(1-o,3)*e.x+3*Math.pow(1-o,2)*o*t.x+3*(1-o)*Math.pow(o,2)*a.x+Math.pow(o,3)*i.x,y:Math.pow(1-o,3)*e.y+3*Math.pow(1-o,2)*o*t.y+3*(1-o)*Math.pow(o,2)*a.y+Math.pow(o,3)*i.y}}function Fs(e,t){const a=function(e){return(e.match(/[a-zA-Z][^a-zA-Z]*/g)||[]).map(e=>({type:e[0],nums:e.slice(1).trim().split(/[\s,]+/).filter(Boolean).map(Number)}))}(e);let i={x:0,y:0},o={x:0,y:0};const r=[];for(const e of a)if("M"===e.type)i={x:e.nums[0],y:e.nums[1]},o=i;else if("L"===e.type){const t={x:e.nums[0],y:e.nums[1]},a=t.x-i.x,o=t.y-i.y;r.push({type:"L",pts:[i,t],length:Math.hypot(a,o)}),i=t}else if("H"===e.type){const t={x:e.nums[0],y:i.y},a=t.x-i.x;r.push({type:"L",pts:[i,t],length:Math.abs(a)}),i=t}else if("V"===e.type){const t={x:i.x,y:e.nums[0]},a=t.y-i.y;r.push({type:"L",pts:[i,t],length:Math.abs(a)}),i=t}else if("Q"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]};let o=0,s=i;const n=20;for(let e=1;e<=n;e++){const r=Os(i,t,a,e/n);o+=Math.hypot(r.x-s.x,r.y-s.y),s=r}r.push({type:"Q",pts:[i,t,a],length:o}),i=a}else if("C"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]},o={x:e.nums[4],y:e.nums[5]};let s=0,n=i;const l=20;for(let e=1;e<=l;e++){const r=Bs(i,t,a,o,e/l);s+=Math.hypot(r.x-n.x,r.y-n.y),n=r}r.push({type:"C",pts:[i,t,a,o],length:s}),i=o}else if("Z"===e.type){const e=o.x-i.x,t=o.y-i.y;r.push({type:"L",pts:[i,o],length:Math.hypot(e,t)}),i=o}const s=r.reduce((e,t)=>e+t.length,0)/(t-1),n=[];let l=0,c=0;for(let e=0;e<t;e++){const t=e*s;for(;c<r.length&&l+r[c].length<t;)l+=r[c].length,c++;const a=r[c];if(!a)break;const i=(t-l)/a.length;if("L"===a.type){const[e,t]=a.pts;n.push({x:Hs(e.x,t.x,i),y:Hs(e.y,t.y,i)})}else if("Q"===a.type){const[e,t,o]=a.pts;n.push(Os(e,t,o,i))}else if("C"===a.type){const[e,t,o,r]=a.pts;n.push(Bs(e,t,o,r,i))}}return n}function Vs(e,t,a){return Math.max(t,Math.min(a,e))}function Rs(e,t){const a=e.length,i=new Array(a);for(let o=0;o<a;o++)i[o]=e[(o+t)%a];return i}function qs(e,t){const a=Math.min(t.length,e.length);let i=0,o=1/0;for(let r=0;r<a;r++){let s=0;for(let i=0;i<a;i++){const n=t[(i+r)%a],l=e[i],c=n.x-l.x,d=n.y-l.y;if(s+=c*c+d*d,s>=o)break}s<o&&(o=s,i=r)}return i}function Ns(e){let t=0;const a=e.length;for(let i=0;i<a;i++){const o=e[i],r=e[(i+1)%a];t+=o.x*r.y-r.x*o.y}return t/2}function Us(e,t){return function(e){const t=e.map(e=>{const t=function(e){let t=1/0,a=1/0,i=-1/0,o=-1/0;for(const r of e)r.x<t&&(t=r.x),r.x>i&&(i=r.x),r.y<a&&(a=r.y),r.y>o&&(o=r.y);return{minX:t,minY:a,maxX:i,maxY:o,width:i-t,height:o-a}}(e),a=e.map(e=>({x:e.x-t.minX,y:e.y-t.minY})),i=Math.max(t.width,t.height)||1,o=a.map(e=>({x:e.x/i,y:e.y/i})),r=t.width/i,s=t.height/i,n=(1-r)/2,l=(1-s)/2;return o.map(e=>({x:e.x+n,y:e.y+l}))}),a=t[0],i=Math.sign(Ns(a));for(let e=1;e<t.length;e++){let o=t[e];const r=Math.sign(Ns(o));0!==r&&r!==i&&(o=o.slice().reverse());const s=qs(a,o);t[e]=Rs(o,s)}return t}(e.map(e=>Fs(e,t))).map(e=>`${e.map(e=>{const t=Vs(100*e.x,0,100),a=Vs(100*e.y,0,100);return`${t.toFixed(2)}% ${a.toFixed(2)}%`}).join(", ")}`)}Es=new WeakMap,zs=new WeakMap,Ms=new WeakMap;let js=null,Ys=null;function Ks(e=!1){if(e&&null!==Ys)return Ys;if(null!==js)return js;const t=document.createElement("div");t.style.visibility="hidden",t.style.overflow="scroll",e&&(t.style.scrollbarWidth="thin"),t.style.width="100px",t.style.position="absolute",t.style.top="-9999px",document.body.appendChild(t);const a=document.createElement("div");let i;return a.style.width="100%",t.appendChild(a),i=e?Ys=t.offsetWidth-a.offsetWidth:js=t.offsetWidth-a.offsetWidth,t.remove(),i}function Zs(e,t=!1){let a="";switch(e.nodeType){case Node.TEXT_NODE:a=e.nodeValue??"";break;case Node.ELEMENT_NODE:if(e instanceof HTMLSlotElement)for(const i of e.assignedNodes({flatten:!0}))a+=Zs(i,t);else for(const i of e.childNodes)a+=Zs(i,t)}return t&&(a=a.trim()),a}function Xs(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})}function Gs(e){return e.assignedNodes({flatten:!0}).length>0}function Js(e,t,a){const i=Object.getOwnPropertyDescriptor(e,t)??Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),t);if(!i)throw new Error(`Property ${String(t)} not found on target.`);const o=i.get?.bind(e),r=i.set?.bind(e);return Object.defineProperty(e,t,{configurable:!0,enumerable:i.enumerable,get:()=>a.get?a.get(()=>o?.()):o?.(),set(e){a.set?a.set(e,e=>r?.(e)):r?.(e)}}),()=>Object.defineProperty(e,t,i)}function Qs(){return l||matchMedia("(prefers-reduced-motion)").matches}function en(e){if("undefined"==typeof window)return;const t=new CSSStyleSheet;t.replaceSync(e.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,t]}function tn(e,t=document){return new Promise(a=>{const i=t.querySelector(`#${e}`);i?a(i):"complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",()=>a(t.querySelector(`#${e}`)),{once:!0}):a(t.querySelector(`#${e}`))})}function an(e){const t=document?.location??null;return`url(${t?(t.pathname+t.search).split("#")[0]:""}#${e})`}function on(e,t,a){const i=t.getBoundingClientRect(),o=e.getBoundingClientRect();(o.top<i.top||o.bottom>i.bottom)&&e.scrollIntoView(a)}var rn,sn,nn,ln,cn,dn,hn,mn,un,pn,vn,bn,fn,gn,yn,$n,wn,xn,kn,Cn,Sn,_n,Ln,En,zn,Mn,Pn,Tn,In,Dn,An,Wn,Hn,On,Bn,Fn,Vn,Rn,qn,Nn,Un,jn,Yn,Kn,Zn,Xn,Gn,Jn,Qn,el,tl,al,il,ol,rl,sl,nl,ll,cl,dl,hl,ml,ul,pl,vl,bl,fl,gl,yl;class $l{constructor(e=100){rn.set(this,[]),sn.set(this,void 0),a(this,sn,e,"f")}add(t,a=performance.now()){e(this,rn,"f").push({y:t,t:a});const i=a-e(this,sn,"f");for(;e(this,rn,"f").length>1&&e(this,rn,"f")[0].t<i;)e(this,rn,"f").shift()}getVelocity(){if(e(this,rn,"f").length<2)return 0;const t=e(this,rn,"f")[0],a=e(this,rn,"f")[e(this,rn,"f").length-1],i=a.y-t.y,o=(a.t-t.t)/1e3;return o>0?i/o:0}reset(){e(this,rn,"f").length=0}}async function wl(e){const t=e.tagName.toLowerCase();if(!t.includes("-"))return;customElements.get(t)||await customElements.whenDefined(t);const a=customElements.get(t);!a||e instanceof a||(await Promise.resolve(),e instanceof a||await Promise.resolve())}rn=new WeakMap,sn=new WeakMap;class xl extends Ts{constructor(t,i){super(t,i),nn.add(this),ln.set(this,!1),cn.set(this,void 0),dn.set(this,t=>e(this,nn,"m",gn).call(this,t)),hn.set(this,t=>e(this,nn,"m",yn).call(this,t)),mn.set(this,t=>e(this,nn,"m",$n).call(this,t)),un.set(this,()=>a(this,ln,!0,"f")),pn.set(this,()=>a(this,ln,!1,"f")),vn.set(this,!1),bn.set(this,()=>a(this,vn,!0,"f")),fn.set(this,()=>a(this,vn,!1,"f")),a(this,cn,i.callback,"f")}hostConnected(){super.hostConnected(),window?.addEventListener("keydown",e(this,bn,"f"),{capture:!0,passive:!0}),window?.addEventListener("pointerdown",e(this,fn,"f"),{capture:!0})}hostDisconnected(){super.hostDisconnected(),window?.removeEventListener("keydown",e(this,bn,"f"),{capture:!0}),window?.removeEventListener("pointerdown",e(this,fn,"f"),{capture:!0})}_observe(t){t.addEventListener("keydown",e(this,dn,"f")),t.addEventListener("focusin",e(this,hn,"f")),t.addEventListener("focusout",e(this,mn,"f")),t.addEventListener("touchstart",e(this,un,"f")),t.addEventListener("touchend",e(this,pn,"f")),t.addEventListener("touchcancel",e(this,pn,"f"))}_unobserve(t){t.removeEventListener("keydown",e(this,dn,"f")),t.removeEventListener("focusin",e(this,hn,"f")),t.removeEventListener("focusout",e(this,mn,"f")),t.removeEventListener("touchstart",e(this,un,"f")),t.removeEventListener("touchend",e(this,pn,"f")),t.removeEventListener("touchcancel",e(this,pn,"f"))}}ln=new WeakMap,cn=new WeakMap,dn=new WeakMap,hn=new WeakMap,mn=new WeakMap,un=new WeakMap,pn=new WeakMap,vn=new WeakMap,bn=new WeakMap,fn=new WeakMap,nn=new WeakSet,gn=function(t){t.currentTarget.matches(":focus-within")&&e(this,nn,"m",yn).call(this,t)},yn=function(t){if(e(this,ln,"f"))return;const a=t.currentTarget;e(this,cn,"f").call(this,!0,a.matches(":focus-visible")||e(this,vn,"f")||Ws(),a)},$n=function(t){e(this,ln,"f")||e(this,cn,"f").call(this,!1,!1,t.currentTarget)};class kl extends Ts{constructor(t,i){super(t,i),wn.add(this),xn.set(this,void 0),kn.set(this,new Map),Cn.set(this,new Map),Sn.set(this,t=>e(this,wn,"m",Mn).call(this,t)),_n.set(this,t=>e(this,wn,"m",Pn).call(this,t)),a(this,xn,i.callback,"f"),this.startDelay=i.startDelay??0,this.endDelay=i.endDelay??0}clearDelays(){for(const t of this.targets)e(this,wn,"m",Ln).call(this,t)}_observe(t){t.addEventListener("pointerenter",e(this,Sn,"f")),t.addEventListener("pointerleave",e(this,_n,"f")),t.addEventListener("touchend",e(this,_n,"f"))}_unobserve(t){t.removeEventListener("pointerenter",e(this,Sn,"f")),t.removeEventListener("pointerleave",e(this,_n,"f")),t.removeEventListener("touchend",e(this,_n,"f"))}}xn=new WeakMap,kn=new WeakMap,Cn=new WeakMap,Sn=new WeakMap,_n=new WeakMap,wn=new WeakSet,Ln=function(t){e(this,wn,"m",En).call(this,t),e(this,wn,"m",zn).call(this,t)},En=function(t){return!!e(this,kn,"f").has(t)&&(clearTimeout(e(this,kn,"f").get(t)),e(this,kn,"f").delete(t))},zn=function(t){return!!e(this,Cn,"f").has(t)&&(clearTimeout(e(this,Cn,"f").get(t)),e(this,Cn,"f").delete(t))},Mn=function(t){const a=t.target;e(this,wn,"m",zn).call(this,a),this.startDelay>0?(e(this,wn,"m",En).call(this,a),e(this,kn,"f").set(a,setTimeout(()=>{e(this,kn,"f").delete(a),e(this,xn,"f").call(this,!0,a)},this.startDelay))):e(this,xn,"f").call(this,!0,a)},Pn=function(t){const a=t.target;e(this,wn,"m",En).call(this,a)||(this.endDelay>0?(e(this,wn,"m",zn).call(this,a),e(this,Cn,"f").set(a,setTimeout(()=>{e(this,Cn,"f").delete(a),e(this,xn,"f").call(this,!1,a)},this.endDelay))):e(this,xn,"f").call(this,!1,a))};class Cl{constructor(e){Tn.set(this,void 0),In.set(this,new Array),a(this,Tn,e,"f"),e.addController(this)}lock(){this.unlock();for(let t=e(this,Tn,"f");t.parentNode&&t.parentNode!==document.documentElement;t=t.parentNode)for(const a of t.parentNode.children)a instanceof HTMLElement&&a!==t&&!a.inert&&(a.inert=!0,e(this,In,"f").push(a))}unlock(){e(this,In,"f").forEach(e=>e.inert=!1),e(this,In,"f").length=0}hostDisconnected(){this.unlock()}}Tn=new WeakMap,In=new WeakMap;class Sl extends Ts{constructor(t,i){super(t,i),Dn.set(this,void 0),An.set(this,!1),Wn.set(this,void 0),Hn.set(this,!0),a(this,Dn,i.callback,"f"),a(this,An,i.skipInitial??!1,"f"),l||(window.IntersectionObserver?a(this,Wn,new IntersectionObserver((t,a)=>{e(this,Dn,"f").call(this,t,a)},i.init),"f"):console.warn("IntersectionController error: the browser does not support IntersectionObserver."))}async hostUpdated(){e(this,Wn,"f")&&!e(this,An,"f")&&e(this,Hn,"f")&&e(this,Dn,"f").call(this,[],e(this,Wn,"f")),a(this,Hn,!1,"f")}_observe(t){e(this,Wn,"f")?.observe(t),a(this,Hn,!0,"f")}_unobserve(t){e(this,Wn,"f")?.unobserve(t)}}Dn=new WeakMap,An=new WeakMap,Wn=new WeakMap,Hn=new WeakMap;class _l extends Ts{constructor(t,i){super(t,i),On.add(this),Bn.set(this,void 0),Fn.set(this,void 0),Vn.set(this,new Set),Rn.set(this,new Map),qn.set(this,t=>e(this,On,"m",Un).call(this,t)),Nn.set(this,t=>e(this,On,"m",jn).call(this,t)),a(this,Bn,i.callback,"f"),a(this,Fn,i.threshold??500,"f")}_observe(t){t.addEventListener("touchstart",e(this,qn,"f"),{passive:!0}),t.addEventListener("touchend",e(this,Nn,"f")),t.addEventListener("touchcancel",e(this,Nn,"f"))}_unobserve(t){t.removeEventListener("touchstart",e(this,qn,"f")),t.removeEventListener("touchend",e(this,Nn,"f")),t.removeEventListener("touchcancel",e(this,Nn,"f"))}}Bn=new WeakMap,Fn=new WeakMap,Vn=new WeakMap,Rn=new WeakMap,qn=new WeakMap,Nn=new WeakMap,On=new WeakSet,Un=function(t){if(t.currentTarget instanceof HTMLElement&&this.isObserving(t.currentTarget)){const a=t.currentTarget;e(this,Rn,"f").set(a,setTimeout(()=>{e(this,Vn,"f").add(a),e(this,Rn,"f").delete(a),e(this,Bn,"f").call(this,!0,a)},e(this,Fn,"f")))}},jn=function(t){if(t.currentTarget instanceof HTMLElement&&this.isObserving(t.currentTarget)){const a=t.currentTarget;e(this,Vn,"f").has(a)&&(e(this,Bn,"f").call(this,!1,a),e(this,Vn,"f").delete(a)),e(this,Rn,"f").has(a)&&(clearTimeout(e(this,Rn,"f").get(a)),e(this,Rn,"f").delete(a))}};class Ll extends Ts{constructor(t,i){super(t,i),Yn.set(this,void 0),Kn.set(this,!1),Zn.set(this,void 0),Xn.set(this,void 0),Gn.set(this,!0),a(this,Yn,i.callback,"f"),a(this,Kn,i.skipInitial??!1,"f"),a(this,Zn,i.config,"f"),l||(window.MutationObserver?a(this,Xn,new MutationObserver((t,a)=>e(this,Yn,"f").call(this,t,a)),"f"):console.warn("MutationController error: the browser does not support MutationObserver."))}async hostUpdated(){if(e(this,Xn,"f")&&!e(this,Kn,"f")&&e(this,Gn,"f")){const t=e(this,Xn,"f").takeRecords();t.length>0&&e(this,Yn,"f").call(this,t,e(this,Xn,"f"))}a(this,Gn,!1,"f")}hostDisconnected(){super.hostDisconnected(),e(this,Xn,"f")?.disconnect()}_observe(t){e(this,Xn,"f")?.observe(t,e(this,Zn,"f")),a(this,Gn,!0,"f")}_unobserve(){e(this,Xn,"f")?.disconnect();for(const t of this.targets)e(this,Xn,"f")?.observe(t,e(this,Zn,"f"))}}Yn=new WeakMap,Kn=new WeakMap,Zn=new WeakMap,Xn=new WeakMap,Gn=new WeakMap;class El extends Ts{constructor(t,i){super(t,i),Jn.add(this),Qn.set(this,void 0),el.set(this,void 0),tl.set(this,void 0),al.set(this,new Map),il.set(this,void 0),ol.set(this,t=>e(this,Jn,"m",cl).call(this,t)),rl.set(this,t=>e(this,Jn,"m",dl).call(this,t)),sl.set(this,t=>e(this,Jn,"m",hl).call(this,t)),nl.set(this,t=>e(this,Jn,"m",ml).call(this,t)),ll.set(this,t=>e(this,Jn,"m",ul).call(this,t)),a(this,Qn,i.capture,"f"),a(this,el,i.callback,"f"),a(this,tl,i.isPressedKey,"f"),a(this,il,i.minPressedDuration??0,"f")}hostConnected(){document.addEventListener("pointerup",e(this,rl,"f"),{capture:e(this,Qn,"f")}),document.addEventListener("touchend",e(this,sl,"f"),{capture:e(this,Qn,"f")}),document.addEventListener("touchcancel",e(this,sl,"f"),{capture:e(this,Qn,"f")}),super.hostConnected()}hostDisconnected(){document.removeEventListener("pointerup",e(this,rl,"f"),{capture:e(this,Qn,"f")}),document.removeEventListener("touchend",e(this,sl,"f"),{capture:e(this,Qn,"f")}),document.removeEventListener("touchcancel",e(this,sl,"f"),{capture:e(this,Qn,"f")}),super.hostDisconnected(),e(this,al,"f").clear()}_observe(t){t.addEventListener("pointerdown",e(this,ol,"f"),{capture:e(this,Qn,"f")}),e(this,tl,"f")&&(t.addEventListener("keydown",e(this,nl,"f"),{capture:e(this,Qn,"f")}),t.addEventListener("keyup",e(this,ll,"f"),{capture:e(this,Qn,"f")}))}_unobserve(t){t.removeEventListener("pointerdown",e(this,ol,"f"),{capture:e(this,Qn,"f")}),e(this,tl,"f")&&(t.removeEventListener("keydown",e(this,nl,"f"),{capture:e(this,Qn,"f")}),t.removeEventListener("keyup",e(this,ll,"f"),{capture:e(this,Qn,"f")}))}}Qn=new WeakMap,el=new WeakMap,tl=new WeakMap,al=new WeakMap,il=new WeakMap,ol=new WeakMap,rl=new WeakMap,sl=new WeakMap,nl=new WeakMap,ll=new WeakMap,Jn=new WeakSet,cl=function(t){if(!("mouse"===t.pointerType&&t.button>1))for(const a of t.composedPath())if(a instanceof HTMLElement&&this.isObserving(a)){e(this,al,"f").has(a)||(e(this,al,"f").set(a,performance.now()),e(this,el,"f").call(this,!0,{x:t.x,y:t.y},a));break}},dl=function(t){"mouse"===t.pointerType&&t.button>1||e(this,Jn,"m",pl).call(this,t.x,t.y)},hl=function(t){e(this,Jn,"m",pl).call(this,t.changedTouches[0]?.clientX??0,t.changedTouches[0]?.clientY??0)},ml=function(t){if(t.target!==t.currentTarget)return;const a=t.currentTarget;if(e(this,tl,"f")?.call(this,t.key)&&(" "===t.key&&t.preventDefault(),!e(this,al,"f").has(a))){e(this,al,"f").set(a,performance.now());const t=a.getBoundingClientRect();e(this,el,"f").call(this,!0,{x:t.x+t.width/2,y:t.y+t.height/2},a)}},ul=function(t){const a=t.target;if(e(this,al,"f").has(a)&&e(this,tl,"f")?.call(this,t.key)){const t=e(this,il,"f")-(performance.now()-e(this,al,"f").get(a)),i=a.getBoundingClientRect();t>0?setTimeout(()=>{e(this,al,"f").delete(a),e(this,el,"f").call(this,!1,{x:i.x+i.width/2,y:i.y+i.height/2},a)},t):(e(this,al,"f").delete(a),e(this,el,"f").call(this,!1,{x:i.x+i.width/2,y:i.y+i.height/2},a))}},pl=function(t,a){for(const i of e(this,al,"f")){const o=e(this,il,"f")-(performance.now()-i[1]);o>0?setTimeout(()=>{e(this,al,"f").delete(i[0]),e(this,el,"f").call(this,!1,{x:t,y:a},i[0])},o):(e(this,al,"f").delete(i[0]),e(this,el,"f").call(this,!1,{x:t,y:a},i[0]))}};class zl extends Ts{constructor(t,i){super(t,i),vl.set(this,void 0),bl.set(this,void 0),fl.set(this,void 0),gl.set(this,void 0),yl.set(this,!0),a(this,vl,i.callback,"f"),a(this,bl,i.skipInitial??!1,"f"),a(this,fl,i.config,"f"),l||(window.ResizeObserver?a(this,gl,new ResizeObserver((t,a)=>e(this,vl,"f").call(this,t,a)),"f"):console.warn("ResizeController error: the browser does not support ResizeObserver."))}async hostUpdated(){e(this,gl,"f")&&!e(this,bl,"f")&&e(this,yl,"f")&&e(this,vl,"f").call(this,[],e(this,gl,"f")),a(this,yl,!1,"f")}_observe(t){e(this,gl,"f")?.observe(t,e(this,fl,"f")),a(this,yl,!0,"f")}_unobserve(t){e(this,gl,"f")?.unobserve(t)}}vl=new WeakMap,bl=new WeakMap,fl=new WeakMap,gl=new WeakMap,yl=new WeakMap;const Ml=e=>(t,a)=>{const i=()=>{"undefined"==typeof window||customElements.get(e)||customElements.define(e,t)};a?a.addInitializer(i):i()};function Pl(e){const t=Symbol("_id");return(a,i,o)=>{const r=o.value;return o.value=function(...a){clearTimeout(this[t]),this[t]=setTimeout(()=>r.apply(this,a),e)},o}}var Tl,Il,Dl,Al,Wl,Hl,Ol,Bl,Fl,Vl,Rl,ql,Nl,Ul,jl,Yl;class Kl extends Ts{constructor(t,i){super(t,i),Tl.add(this),Il.set(this,void 0),Dl.set(this,void 0),Al.set(this,t=>e(this,Tl,"m",Fl).call(this,t)),Wl.set(this,new Map),a(this,Il,!0===i.debounce,"f"),a(this,Dl,i.callback,"f")}getScrollContainers(t){return e(this,Wl,"f").get(t)}_observe(t){const a=e(this,Tl,"m",Bl).call(this,t);if(a.length>0){e(this,Wl,"f").set(t,a);for(const t of a)(t===document.documentElement?document:t).addEventListener("scroll",e(this,Al,"f"),{passive:!0})}}_unobserve(t){if(e(this,Wl,"f").has(t)){for(const a of e(this,Wl,"f").get(t))(a===document.documentElement?document:a).removeEventListener("scroll",e(this,Al,"f"));e(this,Wl,"f").delete(t)}}_debounceCallback(t){e(this,Dl,"f").call(this,t)}}Il=new WeakMap,Dl=new WeakMap,Al=new WeakMap,Wl=new WeakMap,Tl=new WeakSet,Hl=function(t){const a=t.shadowRoot;if(!a)return null;const i=document.createTreeWalker(a,NodeFilter.SHOW_ELEMENT);let o=i.currentNode;for(;o;){if(o instanceof Element&&e(this,Tl,"m",Ol).call(this,o))return o;o=i.nextNode()}return null},Ol=function(e){const t=getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowY+t.overflowX)},Bl=function(t){const a=new Array,i=e(this,Tl,"m",Hl).call(this,t);i&&a.push(i);let o=t;for(;o;)e(this,Tl,"m",Ol).call(this,o)&&a.push(o),o=o.parentElement;return a},Fl=function(t){const a=t.target===document?document.documentElement:t.target;e(this,Il,"f")?this._debounceCallback(a):e(this,Dl,"f").call(this,a)},t([Pl(40)],Kl.prototype,"_debounceCallback",null);class Zl{constructor(e){Vl.add(this),Rl.set(this,!1),ql.set(this,0),Nl.set(this,0),Ul.set(this,""),jl.set(this,""),e.addController(this)}lock(){e(this,Rl,"f")||(a(this,Rl,!0,"f"),a(this,ql,window.scrollY,"f"),a(this,Nl,window.scrollX,"f"),a(this,Ul,document.documentElement.style.overflow,"f"),a(this,jl,document.documentElement.style.scrollbarGutter,"f"),e(this,Vl,"m",Yl).call(this)&&(document.documentElement.style.scrollbarGutter="stable"),document.documentElement.style.overflow="hidden",window.scrollTo(e(this,Nl,"f"),e(this,ql,"f")))}unlock(){e(this,Rl,"f")&&(a(this,Rl,!1,"f"),document.documentElement.style.overflow=e(this,Ul,"f"),document.documentElement.style.scrollbarGutter=e(this,jl,"f"),window.scrollTo(e(this,Nl,"f"),e(this,ql,"f")))}hostDisconnected(){this.unlock()}}Rl=new WeakMap,ql=new WeakMap,Nl=new WeakMap,Ul=new WeakMap,jl=new WeakMap,Vl=new WeakSet,Yl=function(){return document.documentElement.scrollHeight>document.documentElement.clientHeight};const Xl={fromAttribute(e){if(!e)return null;const t=e.match(/^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}):(\d{2})(?:\.(\d{3}))?)?(Z|[+-]\d{2}:\d{2})?$/);if(!t)return null;const a=Number(t[1]),i=Number(t[2])-1,o=Number(t[3]),r=void 0!==t[4],s=r?Number(t[4]):0,n=r?Number(t[5]):0,l=r?Number(t[6]):0,c=r&&t[7]?Number(t[7]):0,d=t[8];if(!r&&!d)return new Date(a,i,o);if(r&&!d)return new Date(a,i,o,s,n,l,c);if("Z"===d)return new Date(Date.UTC(a,i,o,s,n,l,c));if(d&&/^[+-]\d{2}:\d{2}$/.test(d)){const e=d.startsWith("-")?-1:1,[t,r]=d.slice(1).split(":").map(Number),h=e*(60*t+r),m=Date.UTC(a,i,o,s,n,l,c);return new Date(m-6e4*h)}return null},toAttribute:e=>e?.toISOString()??null},Gl={fromAttribute:e=>e?e.split(/\s+/).map(e=>e.trim()).filter(Boolean):[],toAttribute:e=>e.join(" ")},Jl="important",Ql=" !"+Jl;const ec=Xe(class extends Ge{constructor(e){if(super(e),e.type!==Je.ATTRIBUTE||"style"!==e.name||e.strings?.length>2)throw new Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return n}update(e,[t]){const{style:a}=e.element;void 0===this._previousStyleProperties&&(this._previousStyleProperties=new Set(Object.keys(t)));for(const e of this._previousStyleProperties)null==t[e]&&(this._previousStyleProperties.delete(e),e.includes("-")?a.removeProperty(e):a[e]=null);for(const e in t){const i=t[e];if(null!=i){this._previousStyleProperties.add(e);const t="string"==typeof i&&i.endsWith(Ql);e.includes("-")||t?a.setProperty(e,t?i.slice(0,-11):i,t?Jl:""):a[e]=i}}return c}});function tc(e,...t){return"object"==typeof e&&null!==e&&t.every(t=>t in e)}const ac=Symbol("internals");function ic(e){return tc(e,ac)}const oc=Symbol("_internals"),rc=Symbol("_customState");function sc(e,t){var a;class i extends e{constructor(){super(...arguments),this[a]=new Set}get[(a=rc,ac)](){return this[oc]??(this[oc]=this.attachInternals())}}return i.formAssociated=t,i}function nc(e,t){return rc in e?e[rc].has(t):e[ac].states.has(t)}function lc(e,t){rc in e&&e[rc].add(t),e[ac]?.states.add(t),e[ac]?.states.has(t)}function cc(e,t){return rc in e&&e[rc].delete(t),!!e[ac]?.states.delete(t)&&(e[ac]?.states.has(t),!0)}function dc(e,t,a){a?lc(e,t):cc(e,t)}function hc(e){return tc(e,"checked")}function mc(e){class a extends e{constructor(){super(...arguments),this.checked=!1}update(e){super.update(e),e.has("checked")&&("button"===this.role?(this.ariaPressed=`${this.checked}`,this.ariaChecked=null):this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaChecked=`${this.checked}`,this.ariaPressed=null))}}return t([m({type:Boolean,reflect:!0})],a.prototype,"checked",void 0),a}function uc(e){return tc(e,"indeterminate")&&hc(e)}function pc(e){class a extends(mc(e)){constructor(){super(...arguments),this.indeterminate=!1}update(e){super.update(e),e.has("indeterminate")&&this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaChecked=!this.checked&&this.indeterminate?"mixed":`${this.checked}`)}}return t([m({type:Boolean,reflect:!0})],a.prototype,"indeterminate",void 0),a}function vc(e){return tc(e,"selected")}function bc(e){class a extends e{constructor(){super(...arguments),this.selected=!1}update(e){super.update(e),e.has("selected")&&("button"===this.role?(this.ariaPressed=`${this.selected}`,this.ariaSelected=null,this.ariaChecked=null):"radio"===this.role?(this.ariaChecked=`${this.selected}`,this.ariaSelected=null,this.ariaPressed=null):this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaSelected=`${this.selected}`,this.ariaPressed=null,this.ariaChecked=null))}}return t([m({type:Boolean,reflect:!0})],a.prototype,"selected",void 0),a}function fc(e){return hc(e)||vc(e)}function gc(e){return hc(e)&&e.checked||vc(e)&&e.selected}function yc(e,t){hc(e)?e.checked=t:e.selected=t}function $c(e){return tc(e,"dirty","pristine","markAsDirty","markAsPristine")}const wc=Symbol("_eventHandler");function xc(e){var t;return t=wc,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsDirty()}get dirty(){return nc(this,"--dirty")}get pristine(){return!this.dirty}connectedCallback(){this.markAsPristine(),super.connectedCallback(),this.addEventListener("change",this[wc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",this[wc])}markAsPristine(){cc(this,"--dirty")}markAsDirty(){lc(this,"--dirty")}}}function kc(e){return tc(e,"touched","untouched","markAsTouched","markAsUntouched")}const Cc=Symbol("_eventHandler");function Sc(e){var t;return t=Cc,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsTouched()}get touched(){return nc(this,"--touched")}get untouched(){return!this.touched}connectedCallback(){this.markAsUntouched(),super.connectedCallback(),this.addEventListener("focusout",this[Cc],{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[Cc],{capture:!0})}markAsTouched(){lc(this,"--touched")}markAsUntouched(){cc(this,"--touched")}}}const _c={primary:i("var(--md-sys-color-primary, #6750A4)"),onPrimary:i("var(--md-sys-color-on-primary, #FFFFFF)"),primaryContainer:i("var(--md-sys-color-primary-container, #EADDFF)"),onPrimaryContainer:i("var(--md-sys-color-on-primary-container, #4F378B)"),primaryFixed:i("var(--md-sys-color-primary-fixed, #EADDFF)"),primaryFixedDim:i("var(--md-sys-color-primary-fixed-dim, #D0BCFF)"),onPrimaryFixed:i("var(--md-sys-color-on-primary-fixed, #21005D)"),onPrimaryFixedVariant:i("var(--md-sys-color-on-primary-fixed-variant, #4F378B)"),secondary:i("var(--md-sys-color-secondary, #625B71)"),onSecondary:i("var(--md-sys-color-on-secondary, #FFFFFF)"),secondaryContainer:i("var(--md-sys-color-secondary-container, #E8DEF8)"),onSecondaryContainer:i("var(--md-sys-color-on-secondary-container, #4A4458)"),secondaryFixed:i("var(--md-sys-color-secondary-fixed, #E8DEF8)"),secondaryFixedDim:i("var(--md-sys-color-secondary-fixed-dim, #CCC2DC)"),onSecondaryFixed:i("var(--md-sys-color-on-secondary-fixed, #1D192B)"),onSecondaryFixedVariant:i("var(--md-sys-color-on-secondary-fixed-variant, #4A4458)"),tertiary:i("var(--md-sys-color-tertiary, #7D5260)"),onTertiary:i("var(--md-sys-color-on-tertiary, #FFFFFF)"),tertiaryContainer:i("var(--md-sys-color-tertiary-container, #FFD8E4)"),onTertiaryContainer:i("var(--md-sys-color-on-tertiary-container, #633B48)"),tertiaryFixed:i("var(--md-sys-color-tertiary-fixed, #FFD8E4)"),tertiaryFixedDim:i("var(--md-sys-color-tertiary-fixed-dim, #EFB8C8)"),onTertiaryFixed:i("var(--md-sys-color-on-tertiary-fixed, #31111D)"),onTertiaryFixedVariant:i("var(--md-sys-color-on-tertiary-fixed-variant, #633B48)"),error:i("var(--md-sys-color-error, #B3261E)"),onError:i("var(--md-sys-color-on-error, #FFFFFF)"),errorContainer:i("var(--md-sys-color-error-container, #F9DEDC)"),onErrorContainer:i("var(--md-sys-color-on-error-container, #8C1D18)"),surface:i("var(--md-sys-color-surface, #FEF7FF)"),onSurface:i("var(--md-sys-color-on-surface, #1D1B20)"),onSurfaceVariant:i("var(--md-sys-color-on-surface-variant, #49454F)"),surfaceContainerLowest:i("var(--md-sys-color-surface-container-lowest, #FFFFFF)"),surfaceContainerLow:i("var(--md-sys-color-surface-container-low, #F7F2FA)"),surfaceContainer:i("var(--md-sys-color-surface-container, #F3EDF7)"),surfaceContainerHigh:i("var(--md-sys-color-surface-container-high, #ECE6F0)"),surfaceContainerHighest:i("var(--md-sys-color-surface-container-highest, #E6E0E9)"),surfaceDim:i("var(--md-sys-color-surface-dim, #DED8E1)"),surfaceBright:i("var(--md-sys-color-surface-bright, #FEF7FF)"),surfaceVariant:i("var(--md-sys-color-surface-variant, #E7E0EC)"),inverseSurface:i("var(--md-sys-color-inverse-surface, #322F35)"),inverseOnSurface:i("var(--md-sys-color-inverse-on-surface, #F5EFF7)"),inversePrimary:i("var(--md-sys-color-inverse-primary, #D0BCFF)"),outline:i("var(--md-sys-color-outline, #79747E)"),outlineVariant:i("var(--md-sys-color-outline-variant, #CAC4D0)"),shadow:i("var(--md-sys-color-shadow, #000000)"),scrim:i("var(--md-sys-color-scrim, #000000)")},Lc={scale:i("var(--md-sys-density-scale, 0)"),size:i("var(--md-sys-density-size, 0.25rem)")},Ec={...Lc,calc:e=>i(`calc(max(${e}, ${Lc.scale}) * ${Lc.size})`)},zc=`color-mix(in srgb, var(--m3e-elevation-color, ${_c.shadow}) 20%, transparent)`,Mc=["0px 0px 0px 0px","0px 2px 1px -1px","0px 3px 1px -2px","0px 3px 3px -2px","0px 2px 4px -1px","0px 3px 5px -1px","0px 3px 5px -1px","0px 4px 5px -2px","0px 5px 5px -3px","0px 5px 6px -3px","0px 6px 6px -3px","0px 6px 7px -4px","0px 7px 8px -4px","0px 7px 8px -4px","0px 7px 9px -4px","0px 8px 9px -5px","0px 8px 10px -5px","0px 8px 11px -5px","0px 9px 11px -5px","0px 9px 12px -6px","0px 10px 13px -6px","0px 10px 13px -6px","0px 10px 14px -6px","0px 11px 14px -7px","0px 11px 15px -7px"],Pc=`color-mix(in srgb, var(--m3e-elevation-color, ${_c.shadow}) 14%, transparent)`,Tc=["0px 0px 0px 0px","0px 1px 1px 0px","0px 2px 2px 0px","0px 3px 4px 0px","0px 4px 5px 0px","0px 5px 8px 0px","0px 6px 10px 0px","0px 7px 10px 1px","0px 8px 10px 1px","0px 9px 12px 1px","0px 10px 14px 1px","0px 11px 15px 1px","0px 12px 17px 2px","0px 13px 19px 2px","0px 14px 21px 2px","0px 15px 22px 2px","0px 16px 24px 2px","0px 17px 26px 2px","0px 18px 28px 2px","0px 19px 29px 2px","0px 20px 31px 3px","0px 21px 33px 3px","0px 22px 35px 3px","0px 23px 36px 3px","0px 24px 38px 3px"],Ic=`color-mix(in srgb, var(--m3e-elevation-color, ${_c.shadow}) 12%, transparent)`,Dc=["0px 0px 0px 0px","0px 1px 3px 0px","0px 1px 5px 0px","0px 1px 8px 0px","0px 1px 10px 0px","0px 1px 14px 0px","0px 1px 18px 0px","0px 2px 16px 1px","0px 3px 14px 2px","0px 3px 16px 2px","0px 4px 18px 3px","0px 4px 20px 3px","0px 5px 22px 4px","0px 5px 24px 4px","0px 5px 26px 4px","0px 6px 28px 5px","0px 6px 30px 5px","0px 6px 32px 5px","0px 7px 34px 6px","0px 7px 36px 6px","0px 8px 38px 7px","0px 8px 40px 7px","0px 8px 42px 7px","0px 9px 44px 8px","0px 9px 46px 8px"];function Ac(e){return`${zc} ${Mc[e]},${Pc} ${Tc[e]},${Ic} ${Dc[e]}`}const Wc={level0:i(`var(--md-sys-elevation-level0, ${Ac(0)})`),level1:i(`var(--md-sys-elevation-level1, ${Ac(1)})`),level2:i(`var(--md-sys-elevation-level2, ${Ac(3)})`),level3:i(`var(--md-sys-elevation-level3, ${Ac(6)})`),level4:i(`var(--md-sys-elevation-level4, ${Ac(8)})`),level5:i(`var(--md-sys-elevation-level5, ${Ac(12)})`)},Hc={space0:i("var(--md-sys-measurement-space0, 0rem)"),space25:i("var(--md-sys-measurement-space25, 0.125rem)"),space50:i("var(--md-sys-measurement-space50, 0.25rem)"),space75:i("var(--md-sys-measurement-space75, 0.375rem)"),space100:i("var(--md-sys-measurement-space100, 0.5rem)"),space150:i("var(--md-sys-measurement-space150, 0.75rem)"),space200:i("var(--md-sys-measurement-space200, 1rem)"),space250:i("var(--md-sys-measurement-space250, 1.25rem)"),space300:i("var(--md-sys-measurement-space300, 2rem)"),space400:i("var(--md-sys-measurement-space400, 2.5rem)"),space500:i("var(--md-sys-measurement-space500, 3rem)"),space600:i("var(--md-sys-measurement-space600, 3.5rem)"),space700:i("var(--md-sys-measurement-space700, 4rem)"),space800:i("var(--md-sys-measurement-space800, 4.5rem)"),space900:i("var(--md-sys-measurement-space900, 6rem)")},Oc={emphasized:i("var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0.0, 0, 1.0))"),emphasizedDecelerate:i("var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1.0))"),emphasizedAccelerate:i("var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0.0, 0.8, 0.15))"),standard:i("var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0.0, 0, 1.0))"),standardDecelerate:i("var(--md-sys-motion-easing-standard-decelerate, cubic-bezier(0, 0, 0, 1))"),standardAccelerate:i("var(--md-sys-motion-easing-standard-accelerate, cubic-bezier(0.3, 0, 1, 1))")},Bc={fastSpatial:i("var(--md-sys-motion-spring-fast-spatial, 350ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),defaultSpatial:i("var(--md-sys-motion-spring-default-spatial, 500ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),slowSpatial:i("var(--md-sys-motion-spring-slow-spatial, 750ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),fastEffects:i("var(--md-sys-motion-spring-fast-effects, 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00))"),defaultEffects:i("var(--md-sys-motion-spring-default-effects, 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00))"),slowEffects:i("var(--md-sys-motion-spring-slow-effects, 200ms cubic-bezier(0.34, 0.88, 0.34, 1.00))")},Fc={easing:Oc,duration:{short1:i("var(--md-sys-motion-duration-short-1, 50ms)"),short2:i("var(--md-sys-motion-duration-short-2, 100ms)"),short3:i("var(--md-sys-motion-duration-short-3, 150ms)"),short4:i("var(--md-sys-motion-duration-short-4, 200ms)"),medium1:i("var(--md-sys-motion-duration-medium-1, 250ms)"),medium2:i("var(--md-sys-motion-duration-medium-2, 300ms)"),medium3:i("var(--md-sys-motion-duration-medium-3, 350ms)"),medium4:i("var(--md-sys-motion-duration-medium-4, 400ms)"),long1:i("var(--md-sys-motion-duration-long-1, 450ms)"),long2:i("var(--md-sys-motion-duration-long-2, 500ms)"),long3:i("var(--md-sys-motion-duration-long-3, 550ms)"),long4:i("var(--md-sys-motion-duration-long-4, 600ms)"),extraLong1:i("var(--md-sys-motion-duration-extra-long-1, 700ms)"),extraLong2:i("var(--md-sys-motion-duration-extra-long-2, 800ms)"),extraLong3:i("var(--md-sys-motion-duration-extra-long-3, 900ms)"),extraLong4:i("var(--md-sys-motion-duration-extra-long-4, 1000ms)")},spring:Bc},Vc={width:i("var(--m3e-scrollbar-width, auto)"),thinWidth:i("var(--m3e-scrollbar-thin-width, thin)"),color:i("var(--m3e-scrollbar-thumb-color, #938f94) var(--m3e-scrollbar-track-color, transparent)")},Rc={none:i("var(--md-sys-shape-corner-value-none, 0)"),extraSmall:i("var(--md-sys-shape-corner-value-extra-small, 0.25rem)"),small:i("var(--md-sys-shape-corner-value-small, 0.5rem)"),medium:i("var(--md-sys-shape-corner-value-medium, 0.75rem)"),large:i("var(--md-sys-shape-corner-value-large, 1rem)"),largeIncreased:i("var(--md-sys-shape-corner-value-large-increased, 1.25rem)"),extraLarge:i("var(--md-sys-shape-corner-value-extra-large, 1.75rem)"),extraLargeIncreased:i("var(--md-sys-shape-corner-value-extra-large-increased, 2rem)"),extraExtraLarge:i("var(--md-sys-shape-corner-value-extra-extra-large, 3rem)")},qc={color:_c,elevation:Wc,motion:Fc,shape:{corner:{full:i("var(--md-sys-shape-corner-full, 624.9375rem)"),extraLargeTop:i(`var(--md-sys-shape-corner-extra-large-top, ${Rc.extraLarge} ${Rc.extraLarge} ${Rc.none} ${Rc.none})`),extraLarge:i(`var(--md-sys-shape-corner-extra-large, ${Rc.extraLarge})`),extraLargeEnd:i(`${Rc.none} ${Rc.extraLarge} ${Rc.extraLarge} ${Rc.none}`),extraLargeStart:i(`${Rc.extraLarge} ${Rc.none} ${Rc.none} ${Rc.extraLarge}`),largeTop:i(`var(--md-sys-shape-corner-large-top, ${Rc.large} ${Rc.large} ${Rc.none} ${Rc.none})`),largeEnd:i(`var(--md-sys-shape-corner-large-end, ${Rc.none} ${Rc.large} ${Rc.large} ${Rc.none})`),largeStart:i(`var(--md-sys-shape-corner-large-end, ${Rc.large} ${Rc.none} ${Rc.none} ${Rc.large})`),large:i(`var(--md-sys-shape-corner-large, ${Rc.large})`),medium:i(`var(--md-sys-shape-corner-medium, ${Rc.medium})`),mediumTop:i(`${Rc.medium} ${Rc.medium} ${Rc.none} ${Rc.none}`),mediumEnd:i(`${Rc.none} ${Rc.medium} ${Rc.medium} ${Rc.none}`),mediumStart:i(`${Rc.medium} ${Rc.none} ${Rc.none} ${Rc.medium}`),small:i(`var(--md-sys-shape-corner-small, ${Rc.small})`),smallTop:i(`${Rc.small} ${Rc.small} ${Rc.none} ${Rc.none}`),smallEnd:i(`${Rc.none} ${Rc.small} ${Rc.small} ${Rc.none}`),smallStart:i(`${Rc.small} ${Rc.none} ${Rc.none} ${Rc.small}`),extraSmallTop:i(`var(--md-sys-shape-corner-extra-small-top, ${Rc.extraSmall} ${Rc.extraSmall} ${Rc.none} ${Rc.none})`),extraSmall:i(`var(--md-sys-shape-corner-extra-small, ${Rc.extraSmall})`),extraSmallEnd:i(`${Rc.none} ${Rc.extraSmall} ${Rc.extraSmall} ${Rc.none}`),extraSmallStart:i(`${Rc.extraSmall} ${Rc.none} ${Rc.none} ${Rc.extraSmall}`),extraSmallBottom:i(`${Rc.none} ${Rc.none} ${Rc.extraSmall} ${Rc.extraSmall}`),none:i(`var(--md-sys-shape-corner-none, ${Rc.none})`),largeIncreased:i(`var(--md-sys-shape-corner-large-increased, ${Rc.largeIncreased})`),extraLargeIncreased:i(`var(--md-sys-shape-corner-extra-large-increased, ${Rc.extraLargeIncreased})`),extraExtraLarge:i(`var(--md-sys-shape-corner-extra-extra-large, ${Rc.extraExtraLarge})`),value:Rc}},state:{focusStateLayerOpacity:i("var(--md-sys-state-focus-state-layer-opacity, 10%)"),hoverStateLayerOpacity:i("var(--md-sys-state-hover-state-layer-opacity, 8%)"),pressedStateLayerOpacity:i("var(--md-sys-state-pressed-state-layer-opacity, 10%)")},typescale:{standard:{display:{large:{fontSize:i("var(--md-sys-typescale-display-large-font-size, 3.5625rem)"),fontWeight:i("var(--md-sys-typescale-display-large-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-display-large-line-height, 4rem)"),tracking:i("var(--md-sys-typescale-display-large-tracking, 0.015625rem)")},medium:{fontSize:i("var(--md-sys-typescale-display-medium-font-size, 2.8125rem)"),fontWeight:i("var(--md-sys-typescale-display-medium-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-display-medium-line-height, 3.25rem)"),tracking:i("var(--md-sys-typescale-display-medium-tracking, 0)")},small:{fontSize:i("var(--md-sys-typescale-display-small-font-size, 2.25rem)"),fontWeight:i("var(--md-sys-typescale-display-small-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-display-small-line-height, 2.75rem)"),tracking:i("var(--md-sys-typescale-display-small-tracking, 0)")}},headline:{large:{fontSize:i("var(--md-sys-typescale-headline-large-font-size, 2rem)"),fontWeight:i("var(--md-sys-typescale-headline-large-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-headline-large-line-height, 2.5rem)"),tracking:i("var(--md-sys-typescale-headline-large-tracking, 0)")},medium:{fontSize:i("var(--md-sys-typescale-headline-medium-font-size, 1.75rem)"),fontWeight:i("var(--md-sys-typescale-headline-medium-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-headline-medium-line-height, 2.25rem)"),tracking:i("var(--md-sys-typescale-headline-medium-tracking, 0)")},small:{fontSize:i("var(--md-sys-typescale-headline-small-font-size, 1.5rem)"),fontWeight:i("var(--md-sys-typescale-headline-small-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-headline-small-line-height, 2rem)"),tracking:i("var(--md-sys-typescale-headline-small-tracking, 0)")}},title:{large:{fontSize:i("var(--md-sys-typescale-title-large-font-size, 1.375rem)"),fontWeight:i("var(--md-sys-typescale-title-large-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-title-large-line-height, 1.75rem)"),tracking:i("var(--md-sys-typescale-title-large-tracking, 0)")},medium:{fontSize:i("var(--md-sys-typescale-title-medium-font-size, 1rem)"),fontWeight:i("var(--md-sys-typescale-title-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-title-medium-line-height, 1.5rem)"),tracking:i("var(--md-sys-typescale-title-medium-tracking, 0.009375rem)")},small:{fontSize:i("var(--md-sys-typescale-title-small-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-title-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-title-small-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:i("var(--md-sys-typescale-body-large-font-size, 1rem)"),fontWeight:i("var(--md-sys-typescale-body-large-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-body-large-line-height, 1.5rem)"),tracking:i("var(--md-sys-typescale-body-large-tracking, 0.03125rem)")},medium:{fontSize:i("var(--md-sys-typescale-body-medium-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-body-medium-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-body-medium-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-body-medium-tracking, 0.015625rem)")},small:{fontSize:i("var(--md-sys-typescale-body-small-font-size, 0.75rem)"),fontWeight:i("var(--md-sys-typescale-body-small-font-weight, 400)"),lineHeight:i("var(--md-sys-typescale-body-small-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:i("var(--md-sys-typescale-label-large-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-label-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-label-large-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-label-large-tracking, 0.00625rem)")},medium:{fontSize:i("var(--md-sys-typescale-label-medium-font-size, 0.75rem)"),fontWeight:i("var(--md-sys-typescale-label-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-label-medium-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-label-medium-tracking, 0.03125rem)")},small:{fontSize:i("var(--md-sys-typescale-label-small-font-size, 0.6875rem)"),fontWeight:i("var(--md-sys-typescale-label-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-label-small-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-label-small-tracking, 0.03125rem)")}}},emphasized:{display:{large:{fontSize:i("var(--md-sys-typescale-emphasized-display-large-font-size, 3.5625rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-display-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-display-large-line-height, 4rem)"),tracking:i("var(--md-sys-typescale-emphasized-display-large-tracking, 0.015625rem)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-display-medium-font-size, 2.8125rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-display-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-display-medium-line-height, 3.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-display-medium-tracking, 0)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-display-small-font-size, 2.25rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-display-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-display-small-line-height, 2.75rem)"),tracking:i("var(--md-sys-typescale-emphasized-display-small-tracking, 0)")}},headline:{large:{fontSize:i("var(--md-sys-typescale-emphasized-headline-large-font-size, 2rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-headline-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-headline-large-line-height, 2.5rem)"),tracking:i("var(--md-sys-typescale-emphasized-headline-large-tracking, 0)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-headline-medium-font-size, 1.75rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-headline-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-headline-medium-line-height, 2.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-headline-medium-tracking, 0)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-headline-small-font-size, 1.5rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-headline-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-headline-small-line-height, 2rem)"),tracking:i("var(--md-sys-typescale-emphasized-headline-small-tracking, 0)")}},title:{large:{fontSize:i("var(--md-sys-typescale-emphasized-title-large-font-size, 1.375rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-title-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-title-large-line-height, 1.75rem)"),tracking:i("var(--md-sys-typescale-emphasized-title-large-tracking, 0)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-title-medium-font-size, 1rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-title-medium-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-title-medium-line-height, 3.5rem)"),tracking:i("var(--md-sys-typescale-emphasized-title-medium-tracking, 0.009375rem)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-title-small-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-title-small-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-title-small-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:i("var(--md-sys-typescale-emphasized-body-large-font-size, 1rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-body-large-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-body-large-line-height, 1.5rem)"),tracking:i("var(--md-sys-typescale-emphasized-body-large-tracking, 0.03125rem)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-body-medium-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-body-medium-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-body-medium-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-body-medium-tracking, 0.015625rem)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-body-small-font-size, 0.75rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-body-small-font-weight, 500)"),lineHeight:i("var(--md-sys-typescale-emphasized-body-small-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-emphasized-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:i("var(--md-sys-typescale-emphasized-label-large-font-size, 0.875rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-label-large-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-label-large-line-height, 1.25rem)"),tracking:i("var(--md-sys-typescale-emphasized-label-large-tracking, 0.00625rem)")},medium:{fontSize:i("var(--md-sys-typescale-emphasized-label-medium-font-size, 0.75rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-label-medium-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-label-medium-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-emphasized-label-medium-tracking, 0.03125rem)")},small:{fontSize:i("var(--md-sys-typescale-emphasized-label-small-font-size, 0.6875rem)"),fontWeight:i("var(--md-sys-typescale-emphasized-label-small-font-weight, 700)"),lineHeight:i("var(--md-sys-typescale-emphasized-label-small-line-height, 1rem)"),tracking:i("var(--md-sys-typescale-emphasized-label-small-tracking, 0.03125rem)")}}}},scrollbar:Vc,density:Ec,measurement:Hc};function Nc(e){return tc(e,"disabled")}function Uc(e,a=!0){class i extends e{constructor(){super(...arguments),this.disabled=!1}update(e){super.update(e),e.has("disabled")&&this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaDisabled=this.disabled?"true":null)}}return t([m({type:Boolean,reflect:a})],i.prototype,"disabled",void 0),i}function jc(e){return tc(e,"disabledInteractive")&&Nc(e)}const Yc=["click","dblclick","auxclick","keydown","keyup"],Kc=["Tab","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Left","Up","Right","Down"],Zc=Symbol("_suppressedEventHandler");function Xc(e){var a;class i extends e{constructor(){super(...arguments),this[a]=e=>{if(this.disabledInteractive){if(e instanceof KeyboardEvent&&Kc.includes(e.key))return;e.stopImmediatePropagation(),e.preventDefault()}},this.disabledInteractive=!1}connectedCallback(){Yc.forEach(e=>this.addEventListener(e,this[Zc],!0)),super.connectedCallback()}disconnectedCallback(){Yc.forEach(e=>this.removeEventListener(e,this[Zc],!0)),super.disconnectedCallback()}update(e){super.update(e),(e.has("disabled")||e.has("disabledInteractive"))&&this.role&&"none"!==this.role&&"presentation"!==this.role&&"none"!==this.role&&(this.ariaDisabled=this.disabled||this.disabledInteractive?"true":null)}}return a=Zc,t([m({attribute:"disabled-interactive",type:Boolean,reflect:!0})],i.prototype,"disabledInteractive",void 0),i}const Gc=Symbol("updateLabels");function Jc(e){return tc(e,"labels")&&ic(e)}const Qc=Symbol("_eventHandler");function ed(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{e.defaultPrevented||this[Gc]()}}get labels(){return this[ac].labels}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this[Qc]),this.addEventListener("change",this[Qc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[Qc]),this.removeEventListener("change",this[Qc])}update(e){super.update(e),this[Gc]()}[(t=Qc,Gc)](){const e=this.hasAttribute("tabindex"),t=Nc(this)&&this.disabled||jc(this)&&this.disabledInteractive,a=kc(this)&&this.touched&&(this.ariaInvalid||nc(this,"--invalid"));for(const i of this.labels??[])i.style.userSelect=e?"none":"",i.style.cursor=!t&&e?"pointer":"",!t&&e?i.style.setProperty("-webkit-tap-highlight-color","rgba(0, 0, 0, 0)"):i.style.removeProperty("-webkit-tap-highlight-color"),i.style.color=t?`color-mix(in srgb, ${qc.color.onSurface} 38%, transparent)`:a?`${qc.color.error}`:""}}return a.formAssociated=!0,a}const td=Symbol("formValue"),ad=Symbol("defaultValue");function id(e){return tc(e,"disabled","form","name")&&Jc(e)&&ic(e)}const od=Symbol("_defaultValue"),rd=Symbol("_defaultIndeterminate"),sd=Symbol("_formDisabled");function nd(e){var a,i;class o extends e{constructor(){super(...arguments),this[a]=!1,this[i]=!1}get form(){return this[ac].form}get labels(){return this[ac].labels}get[(a=rd,i=sd,td)](){return null}get[ad](){return this[od]}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get disabled(){return super.disabled||this[sd]}set disabled(e){super.disabled=e}connectedCallback(){super.connectedCallback(),hc(this)?(this[od]=this.checked,uc(this)&&(this[rd]=this.indeterminate)):"value"in this&&(this[od]=this.value)}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[ac].setFormValue(this[td])}formDisabledCallback(e){const t=this.disabled;this[sd]=e,this.disabled!=t&&this.requestUpdate("disabled",t)}formResetCallback(){hc(this)?(this.checked=!0===this[od],uc(this)&&(this.indeterminate=this[rd])):"value"in this&&(this.value=this[ad]),$c(this)&&this.markAsPristine(),kc(this)&&this.markAsUntouched()}}return o.formAssociated=!0,t([m({noAccessor:!0})],o.prototype,"name",null),t([m({type:Boolean})],o.prototype,"disabled",null),o}const ld=Symbol("validate");function cd(e){return tc(e,"willValidate","validity","validationMessage","reportValidity","checkValidity","setCustomValidity")&&id(e)}const dd=Symbol("_updateValidity"),hd=Symbol("_validityMessage");function md(t){var a,i;class o extends t{constructor(){super(...arguments),a.add(this)}get willValidate(){return this[ac].willValidate}get validity(){return this[dd](),this[ac].validity}get validationMessage(){return this[dd](),this[ac].validationMessage}[(a=new WeakSet,ld)](){return this[hd]?{customError:!0}:void 0}reportValidity(){return kc(this)&&this.markAsTouched(),this[dd](),this[ac].reportValidity()}checkValidity(){return this[dd](),this[ac].checkValidity()}setCustomValidity(e){this[hd]=e||void 0,this[dd]()}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[dd]()}firstUpdated(e){super.firstUpdated(e),this[dd]()}[dd](){if(l||!this.isConnected)return;const t=this[ld](),o=t&&Object.keys(t).some(e=>!0===t[e]);let r=t?.customError?this[hd]:"";t&&!r&&(r=e(this,a,"m",i).call(this,t)),this[ac].setValidity(t,r),this.ariaInvalid=o?"true":null,dc(this,"--invalid",!0===o),Jc(this)&&this[Gc]?.()}}return i=function(e){const t=document.createElement("input");return t.type="text",e.valueMissing&&(t.required=!0,t.value=""),e.typeMismatch&&(t.type="email",t.value="not-an-email"),e.patternMismatch&&(t.pattern="[0-9]{4}",t.value="abcd"),e.tooShort&&(t.minLength=5,t.value="abc"),e.tooLong&&(t.maxLength=2,t.value="abcdef"),e.rangeUnderflow&&(t.type="number",t.min="10",t.value="5"),e.rangeOverflow&&(t.type="number",t.max="5",t.value="10"),e.stepMismatch&&(t.type="number",t.step="2",t.value="3"),e.badInput&&(t.type="number",t.value="abc"),t.setCustomValidity(""),t.checkValidity(),t.validationMessage},o}const ud=Symbol("_tabindex");function pd(e){var t;return t=ud,class extends e{constructor(){super(...arguments),this[t]=0}connectedCallback(){this[ud]=Number.parseInt(this.getAttribute("tabindex")??"0"),super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||e.has("disabled")||this.setAttribute("tabindex",`${this[ud]}`)}update(e){if(super.update(e),e.has("disabled"))if(this.disabled||"none"===this.role){const e=this.getAttribute("tabindex");e&&(this[ud]=Number.parseInt(e)),this.removeAttribute("tabindex")}else this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${this[ud]}`)}}}function vd(e){return tc(e,"name","type","value")&&ic(e)}const bd=Symbol("_clickHandler");function fd(e){var a;class i extends e{constructor(){super(...arguments),this.type="button",this[a]=async e=>{if(e.defaultPrevented||Nc(this)&&this.disabled||jc(this)&&this.disabledInteractive)return;const t=this[ac].form;if(t&&"button"!==this.type&&(await new Promise(e=>setTimeout(e)),!e.defaultPrevented))switch(this.type){case"reset":t.reset();break;case"submit":t.addEventListener("submit",e=>Object.defineProperty(e,"submitter",{configurable:!0,enumerable:!0,get:()=>this}),{capture:!0,once:!0}),this[ac].setFormValue(this.value),t.requestSubmit()}}}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get value(){return this.getAttribute("value")}set value(e){null!=e?this.setAttribute("value",e):this.removeAttribute("value")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this[bd])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[bd])}}return a=bd,i.formAssociated=!0,t([m()],i.prototype,"name",null),t([m()],i.prototype,"value",null),t([m()],i.prototype,"type",void 0),i}function gd(e){return tc(e,"htmlFor","control","attach","detach")}const yd=Symbol("_control"),$d=Symbol("_firstUpdated");function wd(e){var a;class i extends e{constructor(){super(...arguments),this[a]=!1,this.htmlFor=null}get control(){return this[yd]?.deref()??null}connectedCallback(){super.connectedCallback();const e=this[yd]?.deref();e&&this.attach(e)}disconnectedCallback(){super.disconnectedCallback();const e=this[yd];e&&(this.detach(),this[yd]=e)}firstUpdated(e){super.firstUpdated(e),this[$d]=!0}update(e){if(super.update(e),e.has("htmlFor"))if(this.htmlFor){const e=this.getRootNode();e&&tn(this.htmlFor,e).then(e=>{e!==this.control&&(this.control&&this.detach(),e instanceof HTMLElement&&this.attach(e))})}else this.control&&this[$d]&&this.detach()}attach(e){this[yd]=new WeakRef(e)}detach(){this[yd]=void 0}}return a=$d,t([m({attribute:"for"})],i.prototype,"htmlFor",void 0),i}function xd(t,i=!0){var o,r,s,n,l,c,d;return r=new WeakMap,s=new WeakMap,n=new WeakMap,l=new WeakMap,o=new WeakSet,c=function(e){e.target!==e.currentTarget||Nc(this)&&this.disabled||jc(this)&&this.disabledInteractive?a(this,r,!1,"f"):(" "===e.key||i&&"Enter"===e.key)&&a(this,r,!0,"f")},d=function(t){t.target!==t.currentTarget||Nc(this)&&this.disabled||jc(this)&&this.disabledInteractive||!e(this,r,"f")?a(this,r,!1,"f"):(a(this,r,!1,"f"),this.dispatchEvent(new MouseEvent("click",{cancelable:!0,bubbles:!0,composed:!0})))},class extends t{constructor(){super(...arguments),o.add(this),r.set(this,!1),s.set(this,t=>e(this,o,"m",c).call(this,t)),n.set(this,t=>e(this,o,"m",d).call(this,t)),l.set(this,()=>a(this,r,!1,"f"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,s,"f")),this.addEventListener("keyup",e(this,n,"f")),this.addEventListener("focusout",e(this,l,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,s,"f")),this.removeEventListener("keyup",e(this,n,"f")),this.removeEventListener("focusout",e(this,l,"f"))}}}const kd=Symbol("renderPseudoLink");function Cd(e){return tc(e,"download","href","rel","target")}const Sd=Symbol("_clickHandler");function _d(a,i=!1){var o,r,l,c,d;class h extends a{constructor(){super(...arguments),o.add(this),this[d]=async e=>{if(jc(this)&&this.disabledInteractive&&(e.preventDefault(),e.stopPropagation()),await new Promise(e=>e()),!e.defaultPrevented&&this.href){e.preventDefault(),e.stopImmediatePropagation();const t=document.createElement("a");t.href=this.href,t.rel=this.rel,t.target=this.target,null!=this.download&&(t.download=this.download),t.addEventListener("click",async()=>{await new Promise(e=>e()),t.remove()}),document.body.appendChild(t),t.click()}},this.href="",this.target="",this.rel=""}get download(){return this.getAttribute("download")}set download(e){const t=this.download;t!==e&&(e?this.setAttribute("download",e):this.removeAttribute("download"),this.requestUpdate("download",t))}connectedCallback(){super.connectedCallback(),i||this.addEventListener("click",this[Sd]),this.hasAttribute("href")&&"button"===this.role&&(this.role="link")}disconnectedCallback(){super.disconnectedCallback(),i||this.removeEventListener("click",this[Sd])}[(o=new WeakSet,d=Sd,kd)](){const t=Nc(this)&&this.disabled,a=jc(this)&&this.disabledInteractive;return t||a||!this.href?n:s`<a href="${this.href}" target="${je(this.target||void 0)}" rel="${je(this.rel||void 0)}" download="${je(this.download||void 0)}" tabindex="-1" aria-hidden="true" @pointerdown="${e(this,o,"m",r)}" @focus="${e(this,o,"m",l)}" @blur="${e(this,o,"m",c)}"></a>`}}return r=function(e){2!==e.button?(e.preventDefault(),e.stopImmediatePropagation(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))):e.target.removeAttribute("aria-hidden")},l=function(e){e.target.blur(),this.focus()},c=function(e){e.target.setAttribute("aria-hidden","true")},t([m()],h.prototype,"href",void 0),t([m()],h.prototype,"target",void 0),t([m()],h.prototype,"rel",void 0),t([m({reflect:!1})],h.prototype,"download",null),h}function Ld(e){return tc(e,"readOnly")}function Ed(e,a=!0){class i extends e{constructor(){super(...arguments),this.readOnly=!1}update(e){super.update(e),e.has("readOnly")&&(this.ariaReadOnly=this.readOnly?"true":null)}}return t([m({attribute:"readonly",type:Boolean,reflect:a})],i.prototype,"readOnly",void 0),i}const zd=Symbol("_wasConnected");function Md(e){var t;return t=zd,class extends e{constructor(){super(...arguments),this[t]=!1}reconnectedCallback(){}connectedCallback(){super.connectedCallback(),this[zd]&&this.reconnectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this[zd]=!0}}}function Pd(e){return tc(e,"required","optional")}function Td(e){class a extends e{constructor(){super(...arguments),this.required=!1}get optional(){return!this.required}update(e){super.update(e),e.has("required")&&(this.ariaRequired=`${this.required}`)}}return t([m({type:Boolean,reflect:!0})],a.prototype,"required",void 0),a}function Id(e){return Pd(e)&&cd(e)}function Dd(e){return class extends e{[ld](){const e=super[ld]();if(!e&&this.required){if(hc(this)&&!this.checked)return{valueMissing:!0};if(!this.value)return{valueMissing:!0}}return e}}}function Ad(e,t){return class extends e{connectedCallback(){this.role=this.role||t,super.connectedCallback()}}}const Wd=Symbol("resumeAnimation");function Hd(e){return class extends e{connectedCallback(){super.connectedCallback(),lc(this,"--no-animate"),this[Wd]()}[Wd](){requestAnimationFrame(()=>cc(this,"--no-animate"))}}}function Od(e){return tc(e,"vertical")}function Bd(e){class a extends e{constructor(){super(...arguments),this.vertical=!1}update(e){super.update(e),e.has("vertical")&&(this.ariaOrientation=this.vertical?"vertical":"horizontal")}}return t([m({type:Boolean,reflect:!0})],a.prototype,"vertical",void 0),a}var Fd,Vd,Rd,qd,Nd,Ud,jd,Yd;class Kd extends r{constructor(){super(...arguments),Fd.set(this,e=>{e.defaultPrevented||this._onClick(e)})}connectedCallback(){super.connectedCallback(),this.parentElement?.addEventListener("click",e(this,Fd,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.parentElement?.removeEventListener("click",e(this,Fd,"f"))}render(){return s`<slot></slot>`}}Fd=new WeakMap,Kd.styles=o`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;let Zd=class extends(sc(r)){constructor(){super(...arguments),Vd.add(this),Rd.set(this,!1),qd.set(this,!1),this.open=!1,this.orientation="vertical",this.noAnimate=!1}update(t){if(super.update(t),lc(this,"--no-animate"),!e(this,Rd,"f"))return this.open&&(a(this,qd,!0,"f"),e(this,Vd,"m",Ud).call(this)),void a(this,Rd,!0,"f");this.toggleAttribute("inert",!this.open),this.open?(a(this,qd,!0,"f"),Qs()||this.noAnimate||(e(this,Vd,"m",Ud).call(this),dc(this,"--overflows","vertical"===this.orientation?this.clientHeight<this.scrollHeight:this.clientWidth<this.scrollWidth),e(this,Vd,"m",jd).call(this)),cc(this,"--closing"),lc(this,"--opening"),this.dispatchEvent(new Event("opening")),e(this,Vd,"m",jd).call(this),cc(this,"--no-animate"),e(this,Vd,"m",Yd).call(this),Qs()||this.noAnimate?(e(this,Vd,"m",Ud).call(this),cc(this,"--opening"),this.dispatchEvent(new Event("opened"))):this.addEventListener("transitionend",()=>{this.open&&(e(this,Vd,"m",Ud).call(this),cc(this,"--opening"),this.dispatchEvent(new Event("opened")))},{once:!0})):(cc(this,"--opening"),lc(this,"--closing"),this.dispatchEvent(new Event("closing")),e(this,Vd,"m",Yd).call(this),e(this,qd,"f")&&cc(this,"--no-animate"),Qs()||this.noAnimate?(e(this,Vd,"m",jd).call(this),cc(this,"--closing"),this.dispatchEvent(new Event("closed"))):requestAnimationFrame(()=>{e(this,Vd,"m",jd).call(this),this.addEventListener("transitionend",()=>{this.open||(cc(this,"--closing"),this.dispatchEvent(new Event("closed")))},{once:!0})}))}render(){return s`<slot @slotchange="${e(this,Vd,"m",Nd)}"></slot>`}};Rd=new WeakMap,qd=new WeakMap,Vd=new WeakSet,Nd=function(){a(this,Rd,!0,"f")},Ud=function(){this.style["vertical"===this.orientation?"height":"width"]="auto"},jd=function(){this.style["vertical"===this.orientation?"height":"width"]=""},Yd=function(){"vertical"===this.orientation?this.style.height=`${this.scrollHeight}px`:this.style.width=`${this.scrollWidth}px`},Zd.styles=o`:host { display: block; overflow: hidden; } :host([orientation="vertical"]) { height: 0px; transition: ${i(`visibility var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        height var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        padding-top var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        padding-bottom var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard}`)}; } :host([orientation="horizontal"]) { width: 0px; transition: ${i(`visibility var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        width var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        padding-left var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard},\n        padding-right var(--m3e-collapsible-animation-duration, ${qc.motion.duration.medium1})\n          ${qc.motion.easing.standard}`)}; } :host(:not(:is(:state(--closing), :--closing)):not([open])) { visibility: hidden; } :host([orientation="vertical"]:not([open])) { min-height: unset !important; padding-top: 0px !important; padding-bottom: 0px !important; } :host([orientation="horizontal"]:not([open])) { min-width: unset !important; padding-left: 0px !important; padding-right: 0px !important; } :host([no-animate]), :host(:is(:state(--no-animate), :--no-animate)) { transition-duration: 0ms; } :host([orientation="vertical"]:is(:state(--opening), :--opening)), :host([orientation="vertical"]:is(:state(--closing), :--closing)) { overflow-y: hidden !important; } :host([orientation="horizontal"]:is(:state(--opening), :--opening)), :host([orientation="horizontal"]:is(:state(--closing), :--closing)) { overflow-x: hidden !important; } :host(:is(:state(--overflows), :--overflows)) { scrollbar-gutter: stable; } ::slotted(*) { --m3e-collapsible-animation-duration: initial; } @media (prefers-reduced-motion) { :host { transition: none; } }`,t([m({type:Boolean,reflect:!0})],Zd.prototype,"open",void 0),t([m({reflect:!0})],Zd.prototype,"orientation",void 0),t([m({attribute:"no-animate",type:Boolean,reflect:!0})],Zd.prototype,"noAnimate",void 0),Zd=t([Ml("m3e-collapsible")],Zd);const Xd=i(`var(--m3e-elevation-lift-duration, ${qc.motion.duration.short4})`),Gd=i(`var(--m3e-elevation-lift-easing, ${qc.motion.easing.standard})`),Jd=i(`var(--m3e-elevation-settle-duration, ${qc.motion.duration.short3})`),Qd=i(`var(--m3e-elevation-settle-easing, ${qc.motion.easing.standardAccelerate})`),eh=i(`var(--m3e-elevation-level, ${qc.elevation.level0})`),th=i(`var(--m3e-elevation-hover-level, ${qc.elevation.level0})`),ah=i(`var(--m3e-elevation-focus-level, ${qc.elevation.level0})`),ih=i(`var(--m3e-elevation-pressed-level, ${qc.elevation.level0})`);var oh,rh,sh,nh,lh,ch,dh;let hh=class extends(wd(Ad(r,"none"))){constructor(){super(...arguments),oh.add(this),rh.set(this,new kl(this,{target:null,callback:t=>e(this,oh,"m",lh).call(this,t)})),sh.set(this,new xl(this,{target:null,callback:t=>e(this,oh,"m",ch).call(this,t)})),nh.set(this,new El(this,{target:null,callback:t=>e(this,oh,"m",dh).call(this,t)})),this.disabled=!1,this.level=null}attach(t){super.attach(t),e(this,rh,"f").observe(t),e(this,sh,"f").observe(t),e(this,nh,"f").observe(t)}detach(){this.control&&(e(this,rh,"f").unobserve(this.control),e(this,sh,"f").unobserve(this.control),e(this,nh,"f").unobserve(this.control)),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._shadow?.classList.toggle("hover",!1),this._shadow?.classList.toggle("focus",!1),this._shadow?.classList.toggle("pressed",!1),this._shadow?.classList.toggle("resting",!1)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&(this._shadow?.classList.toggle("hover",!1),this._shadow?.classList.toggle("focus",!1),this._shadow?.classList.toggle("pressed",!1),this._shadow?.classList.toggle("resting",!0))}render(){return s`<div class="shadow"></div>`}};rh=new WeakMap,sh=new WeakMap,nh=new WeakMap,oh=new WeakSet,lh=function(e){this.disabled||(this._shadow?.classList.toggle("hover",e),this._shadow?.classList.toggle("resting",!e))},ch=function(e){this.disabled||this._shadow?.classList.toggle("focus",e)},dh=function(e){this.disabled||this._shadow?.classList.toggle("pressed",e)},hh.styles=o`:host { display: block; } :host, .shadow { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } .shadow.resting, .shadow.focus, .shadow.pressed { will-change: box-shadow; transition: ${i(`box-shadow ${Jd} ${Qd};`)}; } .shadow.hover { will-change: box-shadow; transition: ${i(`box-shadow ${Xd} ${Gd};`)}; } .shadow { box-shadow: ${eh}; } .shadow.focus { box-shadow: ${ah}; } .shadow.hover { box-shadow: ${th}; } .shadow.pressed { box-shadow: ${ih}; } :host([level="0"]) .shadow { --m3e-elevation-level: ${qc.elevation.level0}; --m3e-elevation-hover-level: ${qc.elevation.level1}; } :host([level="1"]) .shadow { --m3e-elevation-level: ${qc.elevation.level1}; --m3e-elevation-hover-level: ${qc.elevation.level2}; } :host([level="2"]) .shadow { --m3e-elevation-level: ${qc.elevation.level2}; --m3e-elevation-hover-level: ${qc.elevation.level3}; } :host([level="3"]) .shadow { --m3e-elevation-level: ${qc.elevation.level3}; --m3e-elevation-hover-level: ${qc.elevation.level4}; } :host([level="4"]) .shadow { --m3e-elevation-level: ${qc.elevation.level4}; --m3e-elevation-hover-level: ${qc.elevation.level5}; } :host([level="5"]) .shadow { --m3e-elevation-level: ${qc.elevation.level5}; --m3e-elevation-hover-level: ${eh}; } :host([level]) .shadow { --m3e-elevation-focus-level: ${eh}; --m3e-elevation-pressed-level: ${eh}; } @media (prefers-reduced-motion) { .shadow.resting, .shadow.pressed, .shadow.focus, .shadow.hover { transition: none; } } @media (forced-colors: active) { .shadow { display: none; } }`,t([h(".shadow")],hh.prototype,"_shadow",void 0),t([m({type:Boolean,reflect:!0})],hh.prototype,"disabled",void 0),t([m({type:Number,reflect:!0})],hh.prototype,"level",void 0),hh=t([Ml("m3e-elevation")],hh);const mh=i(`var(--m3e-focus-ring-color, ${qc.color.secondary})`),uh=i(`var(--m3e-focus-ring-duration, ${qc.motion.duration.long2})`),ph=i("var(--m3e-focus-ring-thickness, 3px)"),vh=i("var(--m3e-focus-ring-outward-offset, 2px)"),bh=i("var(--m3e-focus-ring-inward-offset, 0px)"),fh=i("var(--m3e-focus-ring-visibility, visible)"),gh=i("var(--m3e-focus-ring-growth-factor, 2)");var yh,$h,wh;let xh=class extends(wd(Ad(r,"none"))){constructor(){super(...arguments),yh.add(this),$h.set(this,new xl(this,{target:null,callback:(t,a)=>e(this,yh,"m",wh).call(this,a)})),this.inward=!1,this.disabled=!1}show(){this._outline?.classList.toggle("visible",!0)}hide(){this._outline?.classList.toggle("visible",!1)}attach(t){super.attach(t),e(this,$h,"f").observe(t)}detach(){this.control&&e(this,$h,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide()}render(){return s`<div class="outline"></div>`}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};$h=new WeakMap,yh=new WeakSet,wh=function(e){this.disabled||(e?this.show():this.hide())},xh.styles=o`:host { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; outline: none; } .outline { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; z-index: 1; outline-color: ${mh}; outline-width: ${ph}; visibility: ${fh}; } .outline.visible { outline-style: solid; } :host(:not([inward])) .outline { outline-offset: ${vh}; } :host([inward]) .outline { outline-offset: calc(${bh} - ${ph}); } :host(:not([inward])) .outline.visible { animation: grow-shrink ${uh}; } :host([inward]) .outline.visible { animation: shrink-grow ${uh}; } @keyframes grow-shrink { 50% { outline-width: calc(${ph} * ${gh}); } } @keyframes shrink-grow { 50% { outline-offset: calc( ${bh} - calc(${ph} * ${gh}) ); outline-width: calc(${ph} * ${gh}); } } @media (prefers-reduced-motion) { :host(:not([inward])) .outline.visible, :host([inward]) .outline.visible { animation: none; } } @media (forced-colors: active) { .outline { outline-color: Highlight; } }`,t([h(".outline")],xh.prototype,"_outline",void 0),t([m({type:Boolean,reflect:!0})],xh.prototype,"inward",void 0),t([m({type:Boolean,reflect:!0})],xh.prototype,"disabled",void 0),xh=t([Ml("m3e-focus-ring")],xh);let kh=class extends(pc(Uc(Ad(r,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return this.indeterminate?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:n}};kh.styles=o`:host { display: inline-block; vertical-align: middle; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 2px); box-sizing: border-box; flex: none; } :host(:not([checked]):not([indeterminate])) { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { background-color: var(--m3e-checkbox-selected-container-color, ${qc.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${qc.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${qc.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${qc.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${qc.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${qc.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); } svg { pointer-events: none; } @media (forced-colors: active) { :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { border-color: Highlight; background-color: Highlight; color: HighlightText; } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: CanvasText; background: Canvas; } :host([disabled]:not([checked]):not([indeterminate])) { border-color: GrayText; background-color: Canvas; } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: GrayText; color: Canvas; } }`,kh=t([Ml("m3e-pseudo-checkbox")],kh);let Ch=class extends(mc(Uc(Ad(r,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return s`<svg class="icon" viewBox="0 0 20 20"><mask id="cutout2"><rect width="100%" height="100%" fill="white"></rect><circle cx="10" cy="10" r="8" fill="black"></circle></mask><circle class="outer circle" cx="10" cy="10" r="10" mask="url(#cutout2)"></circle><circle class="inner circle" cx="10" cy="10" r="5"></circle></svg>`}};Ch.styles=o`:host { display: inline-block; vertical-align: middle; box-sizing: border-box; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); flex: none; } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) { color: var(--m3e-radio-unselected-icon-color, ${qc.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${qc.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${qc.color.onSurface}) 38%, transparent); } @media (forced-colors: active) { :host { border-radius: 50%; } :host(:not([checked])) { color: CanvasText; background-color: Canvas; } :host([checked]) { color: HighlightText; background-color: Highlight; } :host([disabled]) { color: GrayText; background-color: Canvas; } }`,Ch=t([Ml("m3e-pseudo-radio")],Ch);const Sh=i(`var(--m3e-ripple-color, ${qc.color.onSurface})`),_h=i(`var(--m3e-ripple-opacity, ${qc.state.pressedStateLayerOpacity})`),Lh=i(`var(--m3e-ripple-enter-duration, ${qc.motion.duration.long4})`),Eh=i(`var(--m3e-ripple-exit-duration, ${qc.motion.duration.short2})`),zh=i("var(--m3e-ripple-scale-factor, 2.5)");var Mh,Ph,Th,Ih,Dh,Ah;let Wh=class extends(wd(Ad(r,"none"))){constructor(){super(...arguments),Mh.add(this),Ph.set(this,null),Th.set(this,new El(this,{target:null,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(t,{x:a,y:i})=>e(this,Mh,"m",Ah).call(this,t,a,i)})),this.disabled=!1,this.centered=!1,this.unbounded=!1,this.radius=null}get visible(){return null!==e(this,Ph,"f")}show(t,i,o=!1){e(this,Mh,"m",Ih).call(this);const r=this.getBoundingClientRect();this.centered&&(t=r.left+r.width/2,i=r.top+r.height/2);let s=this.radius;if(!s||isNaN(s)){const e=Math.max(Math.abs(t-r.left),Math.abs(t-r.right)),a=Math.max(Math.abs(i-r.top),Math.abs(i-r.bottom));s=Math.sqrt(e*e+a*a)}const n=t-r.left,l=i-r.top;a(this,Ph,document.createElement("div"),"f"),e(this,Ph,"f").classList.add("ripple"),o&&e(this,Ph,"f").classList.add("persistent"),e(this,Ph,"f").style.left=n-s+"px",e(this,Ph,"f").style.top=l-s+"px",e(this,Ph,"f").style.width=2*s+"px",e(this,Ph,"f").style.height=2*s+"px",e(this,Ph,"f").addEventListener("animationend",()=>e(this,Mh,"m",Dh).call(this,o),{once:!0}),e(this,Ph,"f").addEventListener("transitionend",()=>e(this,Mh,"m",Ih).call(this),{once:!0}),this.shadowRoot?.appendChild(e(this,Ph,"f"))}hide(){e(this,Ph,"f")?.classList.add("exit")}attach(t){super.attach(t),e(this,Th,"f").observe(t)}detach(){this.control&&e(this,Th,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),e(this,Mh,"m",Ih).call(this)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};var Hh;Ph=new WeakMap,Th=new WeakMap,Mh=new WeakSet,Ih=function(){e(this,Ph,"f")?.remove(),a(this,Ph,null,"f")},Dh=function(t){t?e(this,Ph,"f")?.classList.add("pressed"):this.hide()},Ah=function(e,t,a){this.disabled||(e?this.show(t,a,!0):this.hide())},Wh.styles=o`:host { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } :host(:not([unbounded])) { overflow: hidden; } .ripple { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; transform: scale(0); border-radius: ${qc.shape.corner.full}; background-color: color-mix(in srgb, ${Sh} ${_h}, transparent); will-change: background-color, opacity; animation: ripple ${Lh} linear; } .ripple.persistent.pressed { transform: scale(${zh}); } .ripple.exit { transition: opacity ${Eh} cubic-bezier(0, 0, 0.2, 0.1); opacity: 0; } @keyframes ripple { to { transform: scale(${zh}); } } @media (prefers-reduced-motion) { .ripple { transform: scale(${zh}); animation-duration: 90ms; } .ripple.exit { transition-duration: 10ms; } } @media (forced-colors: active) { .ripple { display: none; } }`,t([m({type:Boolean,reflect:!0})],Wh.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],Wh.prototype,"centered",void 0),t([m({type:Boolean,reflect:!0})],Wh.prototype,"unbounded",void 0),t([m({type:Number})],Wh.prototype,"radius",void 0),Wh=t([Ml("m3e-ripple")],Wh);let Oh=class extends(sc(r)){constructor(){super(...arguments),Hh.set(this,()=>this._updateScroll()),this.dividers="above-below",this.thin=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",e(this,Hh,"f"))}update(t){super.update(t),t.has("dividers")&&(this.removeEventListener("scroll",e(this,Hh,"f")),"none"!==this.dividers&&this.addEventListener("scroll",e(this,Hh,"f"),{passive:!0}))}render(){return s`<slot @slotchange="${this._updateScroll}"></slot>`}_updateScroll(){const e=("above"===this.dividers||"above-below"===this.dividers)&&this.scrollTop>0,t=("below"===this.dividers||"above-below"===this.dividers)&&this.scrollHeight-this.scrollTop-this.clientHeight>1;dc(this,"--above",e),dc(this,"--below",t)}};var Bh,Fh,Vh,Rh;Hh=new WeakMap,Oh.styles=o`:host { display: block; overflow-y: auto; position: relative; box-sizing: border-box; scrollbar-color: ${qc.scrollbar.color}; border-top: var(--m3e-divider-thickness, 1px) solid transparent; border-bottom: var(--m3e-divider-thickness, 1px) solid transparent; outline-color: ${mh}; outline-width: ${ph}; outline-offset: ${vh}; } :host([thin]) { scrollbar-width: ${qc.scrollbar.thinWidth}; } :host(:not([thin])) { scrollbar-width: ${qc.scrollbar.width}; } :host(:not(:focus-visible):is(:state(--above), :--above)) { border-top-color: var(--m3e-divider-color, ${qc.color.outlineVariant}); } :host(:not(:focus-visible):is(:state(--below), :--below)) { border-bottom-color: var(--m3e-divider-color, ${qc.color.outlineVariant}); } :host(:focus-visible) { outline-style: solid; animation: grow-shrink ${uh}; } @keyframes grow-shrink { 50% { outline-width: calc(${ph} * ${gh}); } } @media (forced-colors: active) { :host { border-top: var(--m3e-divider-thickness, 1px) solid Canvas; border-bottom: var(--m3e-divider-thickness, 1px) solid Canvas; } :host(:not(:focus-visible):is(:state(--above), :--above)) { border-top-color: GrayText; } :host(:not(:focus-visible):is(:state(--below), :--below)) { border-bottom-color: GrayText; } } @media (prefers-reduced-motion) { :host(:focus-visible) { animation: none; } }`,t([m()],Oh.prototype,"dividers",void 0),t([m({type:Boolean,reflect:!0})],Oh.prototype,"thin",void 0),t([Pl(40)],Oh.prototype,"_updateScroll",null),Oh=t([Ml("m3e-scroll-container")],Oh);let qh=class extends(sc(r)){constructor(){super(...arguments),Bh.add(this),Fh.set(this,new Array),this.selectedIndex=null}connectedCallback(){super.connectedCallback(),lc(this,"--no-animate")}update(t){super.update(t),t.has("selectedIndex")&&(null===this.selectedIndex&&lc(this,"--no-animate"),e(this,Bh,"m",Rh).call(this),null!==this.selectedIndex&&nc(this,"--no-animate")&&requestAnimationFrame(()=>{null!==this.selectedIndex&&cc(this,"--no-animate")}))}render(){return s`<slot @slotchange="${e(this,Bh,"m",Vh)}"></slot>`}};Fh=new WeakMap,Bh=new WeakSet,Vh=function(t){const i=[...t.target.assignedElements({flatten:!0})];for(const t of e(this,Fh,"f").filter(e=>!i.includes(e)))t.classList.remove("-before"),t.classList.remove("-after"),t.removeAttribute("inert");a(this,Fh,i,"f"),e(this,Bh,"m",Rh).call(this)},Rh=function(){const t=this.selectedIndex??e(this,Fh,"f").length;for(let a=0;a<e(this,Fh,"f").length;a++){const i=e(this,Fh,"f")[a];i.classList.toggle("-before",a<t),i.classList.toggle("-after",a>t),i.toggleAttribute("inert",a!==t)}},qh.styles=o`:host { display: flex; position: relative; overflow: hidden; } ::slotted(*) { width: 100%; top: 0; transition: ${i(`inset-inline-start var(--m3e-slide-animation-duration, ${qc.motion.duration.long2}) ${qc.motion.easing.standard},\n        visibility var(--m3e-slide-animation-duration, ${qc.motion.duration.long2}) ${qc.motion.easing.standard} allow-discrete`)}; } ::slotted(.-before), ::slotted(.-after) { visibility: hidden; position: absolute; } ::slotted(.-before) { inset-inline-start: -100%; } ::slotted(.-after) { inset-inline-start: 100%; } ::slotted(:not(.-before):not(.-after)) { position: relative; inset-inline-start: 0; } :host(:is(:state(--no-animate), :--no-animate)) ::slotted(*) { transition: none; } @media (prefers-reduced-motion) { ::slotted(*) { transition: none; } }`,t([m({attribute:"selected-index",type:Number,reflect:!0})],qh.prototype,"selectedIndex",void 0),qh=t([Ml("m3e-slide")],qh);const Nh=i(`var(--m3e-state-layer-hover-color, ${qc.color.onSurface})`),Uh=i(`var(--m3e-state-layer-hover-opacity, ${qc.state.hoverStateLayerOpacity})`),jh=i(`var(--m3e-state-layer-focus-color, ${qc.color.onSurface})`),Yh=i(`var(--m3e-state-layer-focus-opacity, ${qc.state.focusStateLayerOpacity})`),Kh=i(`var(--m3e-state-layer-duration, ${qc.motion.duration.medium1})`),Zh=i(`var(--m3e-state-layer-easing, ${qc.motion.easing.standard})`);var Xh,Gh,Jh,Qh,em;let tm=class extends(wd(Ad(r,"none"))){constructor(){super(...arguments),Xh.add(this),Gh.set(this,new kl(this,{target:null,callback:t=>e(this,Xh,"m",Qh).call(this,t)})),Jh.set(this,new xl(this,{target:null,callback:(t,a)=>e(this,Xh,"m",em).call(this,a)})),this.disabled=!1,this.disableHover=!1}show(e){this._layer?.classList.toggle(e,!0)}hide(e){this._layer?.classList.toggle(e,!1)}attach(t){super.attach(t),e(this,Gh,"f").observe(t),e(this,Jh,"f").observe(t)}detach(){this.control&&(e(this,Gh,"f").unobserve(this.control),e(this,Jh,"f").unobserve(this.control)),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide("hover"),this.hide("focused")}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&(this.hide("hover"),this.hide("focused")),e.has("disableHover")&&this.disableHover&&this.hide("hover")}render(){return s`<div class="layer"></div>`}};var am,im,om,rm,sm,nm,lm,cm;Gh=new WeakMap,Jh=new WeakMap,Xh=new WeakSet,Qh=function(e){this.disabled||this.disableHover||(e?this.show("hover"):this.hide("hover"))},em=function(e){this.disabled||(e?this.show("focused"):this.hide("focused"))},tm.styles=o`:host { display: block; } :host, .layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } .layer { will-change: background-color; transition: ${i(`background-color ${Kh} ${Zh}`)}; } .layer.focused { background-color: color-mix(in srgb, ${jh} ${Yh}, transparent); } .layer.hover { background-color: color-mix(in srgb, ${Nh} ${Uh}, transparent); } @media (prefers-reduced-motion) { .layer { transition: none; } } @media (forced-colors: active) { .layer { display: none; } }`,t([h(".layer")],tm.prototype,"_layer",void 0),t([m({type:Boolean,reflect:!0})],tm.prototype,"disabled",void 0),t([m({attribute:"disable-hover",type:Boolean,reflect:!0})],tm.prototype,"disableHover",void 0),tm=t([Ml("m3e-state-layer")],tm);let dm=cm=class extends r{constructor(){super(),am.add(this),im.set(this,"m3e-text-highlight-"+cm.__nextId++),om.set(this,new Array),rm.set(this,null),this.disabled=!1,this.term="",this.caseSensitive=!1,this.mode="contains",this.isSupported&&(a(this,rm,new CSSStyleSheet,"f"),e(this,rm,"f").replaceSync(o`::highlight(${i(e(this,im,"f"))}) { background-color: var(--m3e-text-highlight-container-color, ${qc.color.secondaryContainer}); color: var(--m3e-text-highlight-color, ${qc.color.onSecondaryContainer}); text-decoration: var(--m3e-text-highlight-decoration); text-shadow: var(--m3e-text-highlight-shadow); }`.toString()))}get isSupported(){return!(l||!CSS.highlights)}get ranges(){return e(this,om,"f")}firstUpdated(t){super.firstUpdated(t),this.shadowRoot&&e(this,rm,"f")&&!this.shadowRoot.adoptedStyleSheets.includes(e(this,rm,"f"))&&this.shadowRoot.adoptedStyleSheets.push(e(this,rm,"f"))}updated(t){super.updated(t),(t.has("term")||t.has("caseSensitive")||t.has("disabled"))&&e(this,am,"m",lm).call(this)}render(){return s`<slot @slotchange="${e(this,am,"m",lm)}"></slot>`}};im=new WeakMap,om=new WeakMap,rm=new WeakMap,am=new WeakSet,sm=function(e){return!/^\s*$/.test(e.data)},nm=function t(a,i){a instanceof HTMLSlotElement?a.assignedNodes({flatten:!0}).forEach(a=>{switch(a.nodeType){case Node.TEXT_NODE:e(this,am,"m",sm).call(this,a)&&i.push(a);break;case Node.ELEMENT_NODE:e(this,am,"m",t).call(this,a,i)}}):a.childNodes.forEach(a=>{switch(a.nodeType){case Node.TEXT_NODE:e(this,am,"m",sm).call(this,a)&&i.push(a);break;case Node.ELEMENT_NODE:e(this,am,"m",t).call(this,a,i)}})},lm=function(){if(!this.isSupported||!this.isConnected)return;if(CSS.highlights.delete(e(this,im,"f")),e(this,om,"f").length=0,this.disabled)return;if(!this.term)return void this.dispatchEvent(new CustomEvent("highlight",{detail:[...e(this,om,"f")],bubbles:!1,composed:!1}));const t=new Array;if(e(this,am,"m",nm).call(this,this,t),t.length>0){const i=this.caseSensitive?this.term:this.term.toLowerCase();switch(this.mode){case"starts-with":{const a=t[0];if(((this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"").startsWith(i)){const t=new Range;t.setStart(a,0),t.setEnd(a,i.length),e(this,om,"f").push(t)}}break;case"ends-with":{const a=t[t.length-1],o=(this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"";if(o.endsWith(i)){const t=o.length-i.length,r=t+i.length,s=new Range;s.setStart(a,t),s.setEnd(a,r),e(this,om,"f").push(s)}}break;case"contains":a(this,om,t.map(e=>({el:e,text:(this.caseSensitive?e.textContent:e.textContent?.toLowerCase())??""})).map(({el:e,text:t})=>{const a=new Array;let o=0;for(;o<t.length;){const e=t.indexOf(i,o);if(-1===e)break;a.push(e),o=e+i.length}return a.map(t=>{const a=new Range;return a.setStart(e,t),a.setEnd(e,t+i.length),a})}).flat(),"f")}e(this,om,"f").length>0&&CSS.highlights.set(e(this,im,"f"),new Highlight(...e(this,om,"f")))}this.dispatchEvent(new CustomEvent("highlight",{detail:[...e(this,om,"f")],bubbles:!1,composed:!1}))},dm.styles=o`:host { display: contents; }`,dm.__nextId=0,t([m({type:Boolean,reflect:!0})],dm.prototype,"disabled",void 0),t([m()],dm.prototype,"term",void 0),t([m({attribute:"case-sensitive",type:Boolean})],dm.prototype,"caseSensitive",void 0),t([m()],dm.prototype,"mode",void 0),dm=cm=t([Ml("m3e-text-highlight")],dm);let hm=class extends r{render(){return s`<span class="base"><slot></slot></span>`}};var mm,um,pm,vm,bm,fm,gm,ym,$m,wm,xm,km,Cm,Sm,_m,Lm,Em,zm,Mm,Pm,Tm,Im,Dm;hm.styles=o`:host { flex: 1 1 auto; display: inline-flex; align-items: center; flex-wrap: nowrap; min-width: 0; } .base { flex: 1 1 auto; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }`,hm=t([Ml("m3e-text-overflow")],hm);let Am=Dm=class extends(M(z(P(f(r,"dialog"))))){constructor(){super(...arguments),mm.add(this),um.set(this,void 0),pm.set(this,void 0),vm.set(this,void 0),bm.set(this,void 0),fm.set(this,new I(this)),gm.set(this,new D(this)),ym.set(this,t=>e(this,mm,"m",km).call(this,t)),$m.set(this,t=>e(this,mm,"m",Em).call(this,t)),wm.set(this,t=>{"closed"===t.newState&&(e(this,mm,"m",Im).call(this),e(this,bm,"f")?.call(this),a(this,bm,void 0,"f"))}),this.variant="docked",this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.range=!1,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years",this.clearable=!1,this.clearLabel="Clear",this.confirmLabel="OK",this.dismissLabel="Cancel",this.label="Select date"}get isOpen(){return void 0!==e(this,pm,"f")}get currentVariant(){return this._variant??("modal"!==this.variant?"docked":"modal")}connectedCallback(){super.connectedCallback(),this.setAttribute("popover","manual"),this.addEventListener("toggle",e(this,wm,"f")),document.addEventListener("click",e(this,ym,"f")),document.addEventListener("keydown",e(this,$m,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._variant=void 0,e(this,um,"f")?.call(this),e(this,mm,"m",Tm).call(this),k(this,"--docked"),k(this,"--modal"),this.removeEventListener("toggle",e(this,wm,"f")),document.removeEventListener("click",e(this,ym,"f")),document.removeEventListener("keydown",e(this,$m,"f"))}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.variant&&e(this,mm,"m",zm).call(this)}async show(t,i){e(this,pm,"f")&&e(this,pm,"f")!==t&&this.hide(),"modal"===this.currentVariant&&(e(this,fm,"f").lock(),e(this,gm,"f").lock());const o=this._calendar;o.date=this.date,o.rangeStart=this.rangeStart,o.rangeEnd=this.rangeEnd,o.requestUpdate("startView"),o.isUpdatePending&&await o.updateComplete,a(this,pm,t,"f"),e(this,pm,"f").ariaExpanded="true",a(this,vm,i,"f"),await e(this,mm,"m",Pm).call(this),this.showPopover(),await this._calendar.focusActiveCell()}hide(t=!1){"modal"===this.currentVariant&&(e(this,fm,"f").unlock(),e(this,gm,"f").unlock()),this.hidePopover(),e(this,pm,"f")&&(e(this,pm,"f").ariaExpanded="false",t&&e(this,pm,"f").focus(),a(this,pm,void 0,"f"))}async toggle(t,a){e(this,pm,"f")?this.hide():await this.show(t,a)}render(){return s`<m3e-focus-trap>${e(this,mm,"m",xm).call(this)}<m3e-calendar class="calendar" start-view="${this.startView}" start-at="${je(this.startAt?.toISOString())}" min-date="${je(this.minDate?.toISOString())}" max-date="${je(this.maxDate?.toISOString())}" @change="${e(this,mm,"m",Cm)}"></m3e-calendar><div class="actions">${this.clearable?s`<m3e-button @click="${e(this,mm,"m",Sm)}">${this.clearLabel}</m3e-button>`:n}<div class="spacer" aria-hidden="true"></div><m3e-button @click="${e(this,mm,"m",_m)}">${this.dismissLabel}</m3e-button><m3e-button @click="${e(this,mm,"m",Lm)}">${this.confirmLabel}</m3e-button></div></m3e-focus-trap>`}willUpdate(t){super.willUpdate(t),["date","rangeStart","rangeEnd"].some(e=>t.has(e))&&e(this,mm,"m",Im).call(this),t.has("rangeStart")&&this.rangeStart&&(this.range=!0),t.has("rangeStart")&&this.rangeStart&&!t.has("date")&&(this.date=new Date(this.rangeStart)),t.has("rangeEnd")&&this.rangeEnd&&!t.has("date")&&(this.date=new Date(this.rangeEnd)),t.has("variant")&&(e(this,um,"f")?.call(this),"auto"===this.variant?e(this,mm,"m",zm).call(this):(this._variant=void 0,e(this,mm,"m",Mm).call(this)))}updated(e){super.updated(e),(e.has("specialDates")||e.has("blackoutDates"))&&(this._calendar.specialDates=this.specialDates,this._calendar.blackoutDates=this.blackoutDates)}};um=new WeakMap,pm=new WeakMap,vm=new WeakMap,bm=new WeakMap,fm=new WeakMap,gm=new WeakMap,ym=new WeakMap,$m=new WeakMap,wm=new WeakMap,mm=new WeakSet,xm=function(){if("docked"===this.currentVariant)return n;const e=this._rangeStart??this.rangeStart,t=this._rangeStart?this._rangeEnd:this._rangeEnd??this.rangeEnd,a=this._date??this.date;return s`<div class="supporting-text">${this.label}</div>${e?s`<div class="headline">${new Intl.DateTimeFormat(navigator.language,{month:"short",day:"numeric"}).format(e)+" – "+(t?new Intl.DateTimeFormat(navigator.language,{month:"short",day:"numeric"}).format(t):"")}</div>`:s`<div class="headline">${a?new Intl.DateTimeFormat(navigator.language,{weekday:"short",month:"short",day:"numeric"}).format(a):"––"}</div>`}<div class="divider"></div>`},km=function(t){t.composedPath().some(t=>t instanceof Dm||t===e(this,pm,"f")||t===e(this,vm,"f"))||this.hide()},Cm=function(){this._date=this._calendar.date,this._rangeStart=this._calendar.rangeStart,this._rangeEnd=this._calendar.rangeEnd,this.range&&!this._rangeStart&&this._date&&(this._rangeStart=new Date(this._date),this._calendar.rangeStart=this._rangeStart)},Sm=function(){this.date=null,this.rangeStart=null,this.rangeEnd=null,this.hide(!0),this.dispatchEvent(new Event("change",{bubbles:!0}))},_m=function(){this.hide(!0)},Lm=function(){this.date=this._date??this.date,this.rangeStart=void 0===this._rangeStart?this.rangeStart:this._rangeStart,this.rangeEnd=void 0===this._rangeEnd?this.rangeEnd:this._rangeEnd,this.hide(!0),this.dispatchEvent(new Event("change",{bubbles:!0}))},Em=function(e){!this.isOpen||"modal"!==this.currentVariant||"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.hide(!0))},zm=function(){a(this,um,Qe.observe([et.XSmall,et.Small],t=>{this._variant=t.get(et.XSmall)||t.get(et.Small)?"modal":"docked",e(this,mm,"m",Mm).call(this)}),"f")},Mm=function(){switch(this.currentVariant){case"docked":this.ariaModal=null,k(this,"--modal"),L(this,"--docked"),e(this,fm,"f").unlock(),e(this,gm,"f").unlock();break;case"modal":this.ariaModal="true",k(this,"--docked"),L(this,"--modal"),this.isOpen&&(e(this,fm,"f").lock(),e(this,gm,"f").lock())}this.isOpen&&e(this,mm,"m",Pm).call(this)},Pm=async function(){"docked"===this.currentVariant&&e(this,pm,"f")?(e(this,bm,"f")?.call(this),a(this,bm,await Ne(this,e(this,vm,"f")??e(this,pm,"f"),{position:"bottom-start",inline:!0,flip:!0,shift:"both"},(e,t,a)=>{x(this,"--top",a.includes("top")),x(this,"--bottom",a.includes("bottom")),"rtl"===qe.current?(this.style.right=window.innerWidth-e-this.clientWidth+"px",this.style.left=""):(this.style.left=`${e}px`,this.style.right=""),this.style.top=`${t}px`}),"f")):e(this,mm,"m",Tm).call(this)},Tm=function(){e(this,bm,"f")?.call(this),a(this,bm,void 0,"f"),this.style.left="",this.style.right="",this.style.top=""},Im=function(){this._date=this._rangeStart=this._rangeEnd=void 0},Am.styles=o`:host { flex-direction: column; margin: unset; border: unset; padding-block: var(--m3e-datepicker-container-padding-block, 0.75rem); padding-inline: var(--m3e-datepicker-container-padding-inline, 0.25rem); background-color: var(--m3e-datepicker-container-color, ${v.color.surfaceContainer}); box-shadow: var(--m3e-datepicker-container-elevation, ${v.elevation.level3}); opacity: 0; display: none; } .calendar { --m3e-calendar-container-color: transparent; --m3e-calendar-container-elevation: ${v.elevation.level0}; --m3e-calendar-container-shape: ${v.shape.corner.none}; } .headline { color: var(--m3e-datepicker-modal-headline-color, ${v.color.onSurfaceVariant}); font-size: var( --m3e-datepicker-modal-headline-font-size, ${v.typescale.standard.headline.large.fontSize} ); font-weight: var( --m3e-datepicker-modal-headline-font-weight, ${v.typescale.standard.headline.large.fontWeight} ); line-height: var( --m3e-datepicker-modal-headline-line-height, ${v.typescale.standard.headline.large.lineHeight} ); letter-spacing: var( --m3e-datepicker-modal-headline-tracking, ${v.typescale.standard.headline.large.tracking} ); margin-block-start: 2.25rem; margin-block-end: 0.75rem; margin-inline: 1.5rem; } .supporting-text { color: var(--m3e-datepicker-modal-supporting-text-color, ${v.color.onSurfaceVariant}); font-size: var( --m3e-datepicker-modal-supporting-text-font-size, ${v.typescale.standard.label.large.fontSize} ); font-weight: var( --m3e-datepicker-modal-supporting-text-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-datepicker-modal-supporting-text-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-datepicker-modal-supporting-text-tracking, ${v.typescale.standard.label.large.tracking} ); margin-block-start: 1rem; margin-inline: 1.5rem; } .divider { height: var(--m3e-divider-thickness, 1px); width: 100%; position: relative; } .divider::before { content: ""; box-sizing: border-box; position: absolute; border-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); height: inherit; left: -0.25rem; right: -0.25rem; } .actions { display: flex; align-items: center; column-gap: 0.5rem; padding-inline: var(--m3e-datepicker-actions-padding-inline, 0.5rem); } .spacer { flex: 1 1 auto; } :host(:is(:state(--docked), :--docked)) { position: absolute; background-color: var(--m3e-datepicker-docked-container-color, ${v.color.surfaceContainer}); border-radius: var(--m3e-datepicker-docked-container-shape, ${v.shape.corner.large}); } :host(:is(:state(--modal), :--modal)) { position: fixed; inset: 0; margin: auto; transform-origin: top; background-color: var(--m3e-datepicker-modal-container-color, ${v.color.surfaceContainerHigh}); border-radius: var(--m3e-datepicker-modal-container-shape, ${v.shape.corner.extraLarge}); } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`opacity ${v.motion.duration.short2} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short2} ${v.motion.easing.standard},\n        overlay ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n        display ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete`)}; } :host { transform: scaleY(0.8); } :host(:popover-open) { transform: scaleY(1); display: inline-flex; opacity: 1; } :host(:is(:state(--docked), :--docked))::backdrop { background-color: transparent; } :host(:is(:state(--modal), :--modal))::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); margin-inline-end: -20px; } :host(:is(:state(--modal), :--modal):not(:popover-open))::backdrop { transition: ${i(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--modal), :--modal):popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${i(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--bottom), :--bottom)) { transform-origin: top; } :host(:is(:state(--top), :--top)) { transform-origin: bottom; } @starting-style { :host(:popover-open) { transform: scaleY(0.8); } :host(:is(:state(--modal), :--modal):popover-open)::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); } } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: none; } } @media (forced-colors: active) { :host { background-color: Menu; color: MenuText; border: 1px solid CanvasText; } }`,t([p()],Am.prototype,"_date",void 0),t([p()],Am.prototype,"_rangeStart",void 0),t([p()],Am.prototype,"_rangeEnd",void 0),t([h("m3e-calendar")],Am.prototype,"_calendar",void 0),t([p()],Am.prototype,"_variant",void 0),t([m()],Am.prototype,"variant",void 0),t([m({attribute:"start-view"})],Am.prototype,"startView",void 0),t([m({converter:J})],Am.prototype,"date",void 0),t([m({attribute:"start-at",converter:J})],Am.prototype,"startAt",void 0),t([m({attribute:"min-date",converter:J})],Am.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],Am.prototype,"maxDate",void 0),t([m({type:Boolean})],Am.prototype,"range",void 0),t([m({attribute:"range-start",converter:J})],Am.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],Am.prototype,"rangeEnd",void 0),t([m({attribute:!1})],Am.prototype,"blackoutDates",void 0),t([m({attribute:!1})],Am.prototype,"specialDates",void 0),t([m({attribute:"previous-month-label"})],Am.prototype,"previousMonthLabel",void 0),t([m({attribute:"previous-year-label"})],Am.prototype,"previousYearLabel",void 0),t([m({attribute:"previous-multi-year-label"})],Am.prototype,"previousMultiYearLabel",void 0),t([m({attribute:"next-month-label"})],Am.prototype,"nextMonthLabel",void 0),t([m({attribute:"next-year-label"})],Am.prototype,"nextYearLabel",void 0),t([m({attribute:"next-multi-year-label"})],Am.prototype,"nextMultiYearLabel",void 0),t([m({type:Boolean})],Am.prototype,"clearable",void 0),t([m({attribute:"clear-label"})],Am.prototype,"clearLabel",void 0),t([m({attribute:"confirm-label"})],Am.prototype,"confirmLabel",void 0),t([m({attribute:"dismiss-label"})],Am.prototype,"dismissLabel",void 0),t([m()],Am.prototype,"label",void 0),Am=Dm=t([$("m3e-datepicker")],Am);let Wm=class extends(b(E)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof Am&&this.parentElement&&this.control.toggle(this.parentElement,this.closest("m3e-form-field")??void 0)}};Wm=t([$("m3e-datepicker-toggle")],Wm);let Hm=class extends E{constructor(){super(...arguments),this.returnValue=""}_onClick(){this.closest("m3e-dialog")?.hide(this.returnValue)}};var Om,Bm,Fm,Vm,Rm,qm,Nm,Um,jm,Ym,Km,Zm;t([m({attribute:"return-value"})],Hm.prototype,"returnValue",void 0),Hm=t([$("m3e-dialog-action")],Hm);let Xm=Zm=class extends(P(r)){constructor(){super(...arguments),Om.add(this),Bm.set(this,Zm.__nextId++),Fm.set(this,!1),Vm.set(this,!1),this._withActions=!1,Rm.set(this,new I(this)),this.alert=!1,this.dismissible=!1,this.disableClose=!1,this.noFocusTrap=!1,this.closeLabel="Close",this.returnValue=""}get open(){return e(this,Fm,"f")}set open(t){t!==e(this,Fm,"f")&&(a(this,Fm,t,"f"),e(this,Fm,"f")?this.show():this.hide())}async show(){if(await this.updateComplete,this._base.open)return;if(!this.dispatchEvent(new Event("opening",{cancelable:!0})))return void(this.open=!1);e(this,Rm,"f").lock(),this._base.showModal(),this._content.scrollTop=0;const t=this.querySelector("[autofocus]");t&&W(t),this.dispatchEvent(new Event("opened"))}async hide(t=this.returnValue){if(!this.isConnected)return void(this.open=!1);if(await this.updateComplete,e(this,Rm,"f").unlock(),!this._base.open)return void(this.open=!1);const a=this.returnValue;this.returnValue=t,this.dispatchEvent(new Event("closing",{cancelable:!0}))?(this.open=!1,this._base.close(t),this.dispatchEvent(new Event("closed"))):this.returnValue=a}render(){return s`<dialog class="base" role="${je(this.alert?"alertdialog":void 0)}" aria-labelledby="m3e-dialog-${e(this,Bm,"f")}-header" .returnvalue="${this.returnValue}" @close="${e(this,Om,"m",Nm)}" @cancel="${e(this,Om,"m",Um)}" @click="${e(this,Om,"m",jm)}" @keydown="${e(this,Om,"m",Ym)}"><m3e-elevation level="3"></m3e-elevation><m3e-focus-trap ?disabled="${this.noFocusTrap}"><div class="header"><slot name="header" id="m3e-dialog-${e(this,Bm,"f")}-header"></slot>${e(this,Om,"m",qm).call(this)}</div><m3e-scroll-container class="content" dividers="${this._withActions?"above-below":"above"}"><slot></slot></m3e-scroll-container><div class="actions"><slot name="actions" @slotchange="${e(this,Om,"m",Km)}"></slot></div></m3e-focus-trap></dialog>`}};Bm=new WeakMap,Fm=new WeakMap,Vm=new WeakMap,Rm=new WeakMap,Om=new WeakSet,qm=function(){return this.dismissible?s`<m3e-icon-button aria-label="${this.closeLabel}" class="close" @click="${this.hide}"><slot name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button>`:n},Nm=function(){e(this,Vm,"f")&&(a(this,Vm,!0,"f"),this._base?.dispatchEvent(new Event("cancel",{cancelable:!0})))},Um=function(e){e.target===this._base&&(a(this,Vm,!1,"f"),e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},jm=function(e){this.disableClose||e.target!==this._base||this.hide()},Ym=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.disableClose||this.hide())},Km=function(e){this._withActions=e.target.assignedNodes({flatten:!0}).length>0,x(this,"--with-actions",this._withActions)},Xm.styles=o`:host { display: contents; } .base { font: inherit; border: unset; outline: unset; padding: unset; display: flex; flex-direction: column; position: fixed; overflow: visible; border-radius: var(--m3e-dialog-shape, ${v.shape.corner.extraLarge}); min-width: var(--m3e-dialog-min-width, 17.5rem); max-width: var(--m3e-dialog-max-width, 35rem); color: var(--m3e-dialog-color, ${v.color.onSurface}); background-color: var(--m3e-dialog-container-color, ${v.color.surfaceContainerHigh}); visibility: hidden; opacity: 0; transform-origin: top; transform: translateY(-3.125rem) scaleY(0.8); } .base::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); margin-inline-end: -20px; } .base:not([open]) { visibility: hidden; opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.emphasized}, \n        transform ${v.motion.duration.short3} ${v.motion.easing.emphasized},\n        overlay ${v.motion.duration.short3} ${v.motion.easing.emphasized} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.emphasized} allow-discrete`)}; } .base[open] { visibility: visible; opacity: 1; transform: translateY(0) scaleY(1); transition: ${i(`opacity ${v.motion.duration.long2} ${v.motion.easing.emphasized}, \n        transform ${v.motion.duration.long2} ${v.motion.easing.emphasized},\n        overlay ${v.motion.duration.long2} ${v.motion.easing.emphasized} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.emphasized} allow-discrete`)}; } .base:not([open])::backdrop { transition: ${i(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } .base[open]::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${i(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { .base[open] { opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); } .base[open]::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); } } .header { flex: none; display: flex; align-items: center; padding: 1.5rem 1.5rem 1rem 1.5rem; background-color: var(--m3e-dialog-header-container-color, transparent); } ::slotted([slot="header"]) { margin: unset; flex: 1 1 auto; color: var(--m3e-dialog-header-color, inherit); font-size: var(--m3e-dialog-header-font-size, ${v.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-dialog-header-font-weight, ${v.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-dialog-header-line-height, ${v.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-dialog-header-tracking, ${v.typescale.standard.headline.small.tracking}); } .content { padding-inline: 1.5rem; color: var(--m3e-dialog-content-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-dialog-content-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-dialog-content-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-dialog-content-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-dialog-content-tracking, ${v.typescale.standard.body.medium.tracking}); } .actions { padding: 1.5rem; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; min-height: 1.5rem; column-gap: 0.5rem; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } :host(:not(:is(:state(--with-actions), :--with-actions))) .content { margin-bottom: 1.5rem; } :host(:not(:is(:state(--with-actions), :--with-actions))) .actions { display: none; } .close { margin-inline-start: 0.5rem; } ::slotted([slot="close-icon"]), .close-icon { width: 1em; font-size: var(--m3e-icon-button-icon-size, 1.5rem) !important; } @media (forced-colors: active) { .base:not([open])::backdrop, .base[open]::backdrop { transition: none; } .base { border-style: solid; border-width: 1px; border-color: CanvasText; } } @media (prefers-reduced-motion) { .base:not([open]), .base[open], .base:not([open])::backdrop, .base[open]::backdrop { transition: none; } }`,Xm.__nextId=0,t([p()],Xm.prototype,"_withActions",void 0),t([h(".base")],Xm.prototype,"_base",void 0),t([h(".content")],Xm.prototype,"_content",void 0),t([m({type:Boolean})],Xm.prototype,"alert",void 0),t([m({type:Boolean,reflect:!0})],Xm.prototype,"open",null),t([m({type:Boolean})],Xm.prototype,"dismissible",void 0),t([m({attribute:"disable-close",type:Boolean})],Xm.prototype,"disableClose",void 0),t([m({attribute:"no-focus-trap",type:Boolean})],Xm.prototype,"noFocusTrap",void 0),t([m({attribute:"close-label"})],Xm.prototype,"closeLabel",void 0),Xm=Zm=t([$("m3e-dialog")],Xm);let Gm=class extends(b(E)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof Xm&&this.control.show()}};Gm=t([$("m3e-dialog-trigger")],Gm);let Jm=class extends(f(r,"separator")){constructor(){super(...arguments),this.vertical=!1,this.inset=!1,this.insetStart=!1,this.insetEnd=!1}render(){return s`<div class="line"></div>`}};Jm.styles=o`:host { display: block; position: relative; } :host(:not([vertical])) { height: var(--m3e-divider-thickness, 1px); width: 100%; } :host([vertical]) { width: var(--m3e-divider-thickness, 1px); height: 100%; } .line { box-sizing: border-box; position: absolute; } :host(:not([vertical])) .line { border-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); height: inherit; } :host([vertical]) .line { border-right: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); width: inherit; } :host([vertical][inset]) .line, :host([vertical][inset-start]) .line { top: var(--m3e-divider-inset-start-size, var(--m3e-divider-inset-size, 1rem)); } :host(:not([vertical])[inset]) .line, :host(:not([vertical])[inset-start]) .line { left: var(--m3e-divider-inset-start-size, var(--m3e-divider-inset-size, 1rem)); } :host([vertical][inset]) .line, :host([vertical][inset-end]) .line { bottom: var(--m3e-divider-inset-end-size, var(--m3e-divider-inset-size, 1rem)); } :host(:not([vertical])[inset]) .line, :host(:not([vertical])[inset-end]) .line { right: var(--m3e-divider-inset-end-size, var(--m3e-divider-inset-size, 1rem)); } :host([vertical]:not([inset]):not([inset-start])) .line { top: 0; } :host(:not([vertical]):not([inset]):not([inset-start])) .line { left: 0; } :host([vertical]:not([inset]):not([inset-end])) .line { bottom: 0; } :host(:not([vertical]):not([inset]):not([inset-end])) .line { right: 0; } @media (forced-colors: active) { .line { border-color: GrayText; } }`,t([m({type:Boolean,reflect:!0})],Jm.prototype,"vertical",void 0),t([m({type:Boolean,reflect:!0})],Jm.prototype,"inset",void 0),t([m({attribute:"inset-start",type:Boolean,reflect:!0})],Jm.prototype,"insetStart",void 0),t([m({attribute:"inset-end",type:Boolean,reflect:!0})],Jm.prototype,"insetEnd",void 0),Jm=t([$("m3e-divider")],Jm);const Qm=i(`var(--m3e-drawer-container-color, ${v.color.surface})`),eu=i(`var(--m3e-drawer-container-elevation, ${v.elevation.level0})`),tu=i("var(--m3e-drawer-container-width, 22.5rem)"),au=i("var(--m3e-drawer-container-scrim-opacity, 32%)"),iu=i(`var(--m3e-modal-drawer-corner-shape, ${v.shape.corner.large})`),ou=i(`var(--m3e-modal-drawer-container-color, ${v.color.surfaceContainerLow})`),ru=i(`var(--m3e-modal-drawer-elevation, ${v.elevation.level1})`),su=i(`var(--m3e-drawer-divider-color, ${v.color.outline})`),nu=i("var(--m3e-drawer-divider-thickness, 1px)"),lu=o`:host { display: block; position: relative; overflow: hidden; flex: 1 1 auto; } .start, .end { position: absolute; top: 0; bottom: 0; z-index: 3; outline: none; overflow-x: hidden; overflow-y: auto; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; box-sizing: border-box; background-color: ${Qm}; box-shadow: ${eu}; transition: ${i(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete,\n      background-color ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      box-shadow ${v.motion.duration.medium4} ${v.motion.easing.standard}`)}; } .start { inset-inline-start: 0; } .end { inset-inline-end: 0; } :host(:not([start])) .start { visibility: hidden; } :host(:not([start]):not(:dir(rtl))) .start { margin-left: calc(0px - var(--_start-drawer-size, ${tu})); } :host(:not([start]):dir(rtl)) .start { margin-right: calc(0px - var(--_start-drawer-size, ${tu})); } :host([start]:not(:dir(rtl))) .start { margin-left: 0; } :host([start]:dir(rtl)) .start { margin-right: 0; } :host(:not([end])) .end { visibility: hidden; } :host(:not([end]):not(:dir(rtl))) .end { margin-right: calc(0px - var(--_end-drawer-size, ${tu})); } :host(:not([end]):dir(rtl)) .end { margin-left: calc(0px - var(--_end-drawer-size, ${tu})); } :host([end]:not(:dir(rtl))) .end { margin-right: 0; } :host([end]:dir(rtl)) .end { margin-left: 0; } ::slotted([slot="start"]), ::slotted([slot="end"]) { height: 100%; width: ${tu}; box-sizing: border-box; } .content { position: relative; height: 100%; overflow: auto; margin-left: 0; margin-right: 0; transition: ${i(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard}`)}; } :host(:is(:state(--start-push), :--start-push)[start]:not(:dir(rtl))) .content, :host(:is(:state(--start-side), :--start-side)[start]:not(:dir(rtl))) .content { margin-left: var(--_start-drawer-size, ${tu}); } :host(:is(:state(--start-push), :--start-push)[start]:dir(rtl)) .content, :host(:is(:state(--start-side), :--start-side)[start]:dir(rtl)) .content { margin-right: var(--_start-drawer-size, ${tu}); } :host(:is(:state(--end-push), :--end-push)[end]:not(:dir(rtl))) .content, :host(:is(:state(--end-side), :--end-side)[end]:not(:dir(rtl))) .content { margin-right: var(--_end-drawer-size, ${tu}); } :host(:is(:state(--end-push), :--end-push)[end]:dir(rtl)) .content, :host(:is(:state(--end-side), :--end-side)[end]:dir(rtl)) .content { margin-left: var(--_end-drawer-size, ${tu}); } .scrim { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: ${v.color.scrim}; opacity: 0; visibility: hidden; transition: ${i(`opacity ${v.motion.duration.medium4} ${v.motion.easing.standard}, \n        visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { .scrim { opacity: 0; } } :host(:is(:state(--start-push), :--start-push)[start]) .scrim, :host(:is(:state(--end-push), :--end-push)[end]) .scrim, :host(:is(:state(--start-over), :--start-over)[start]) .scrim, :host(:is(:state(--end-over), :--end-over)[end]) .scrim { visibility: visible; opacity: ${au}; } :host(:is(:state(--start-push), :--start-push)) .start, :host(:is(:state(--start-over), :--start-over)) .start { border-start-end-radius: ${iu}; border-end-end-radius: ${iu}; } :host(:is(:state(--end-push), :--end-push)) .end, :host(:is(:state(--end-over), :--end-over)) .end { border-start-start-radius: ${iu}; border-end-start-radius: ${iu}; } :host(:is(:state(--start-push), :--start-push)) .start, :host(:is(:state(--end-push), :--end-push)) .end, :host(:is(:state(--start-over), :--start-over)) .start, :host(:is(:state(--end-over), :--end-over)) .end { background-color: ${ou}; box-shadow: ${ru}; } :host([start-divider]) .start { border-inline-end-color: transparent; border-inline-end-width: ${nu}; border-inline-end-style: solid; box-sizing: border-box; } :host( [start-divider]:is(:state(--start-side), :--start-side)[start]:not(:is(:state(--end-push), :--end-push)[end]):not( :is(:state(--end-over), :--end-over)[end] ) ) .start { border-inline-end-color: ${su}; } :host([end-divider]) .end { border-inline-start-color: transparent; border-inline-start-width: ${nu}; border-inline-start-style: solid; box-sizing: border-box; } :host( [end-divider]:is(:state(--end-side), :--end-side)[end]:not(:is(:state(--start-push), :--start-push)[start]):not( :is(:state(--start-over), :--start-over)[start] ) ) .end { border-inline-start-color: ${su}; } :host(:is(:state(--no-animate), :--no-animate)) .start, :host(:is(:state(--no-animate), :--no-animate)) .end, :host(:is(:state(--no-animate), :--no-animate)) .content { transition: none; } @media (forced-colors: active) { .start, .end { background-color: Canvas; box-shadow: unset; transition: ${i(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--start-push), :--start-push)) .start, :host(:is(:state(--end-push), :--end-push)) .end, :host(:is(:state(--start-over), :--start-over)) .start, :host(:is(:state(--end-over), :--end-over)) .end { background-color: Canvas; box-shadow: unset; border-color: CanvasText; } .start, .end { border-style: solid; border-color: Canvas; border-width: 1px; } .start { border-inline-start-style: none; } .end { border-inline-end-style: none; } :host( [start-divider]:is(:state(--start-side), :--start-side)[start]:not( :is(:state(--end-push), :--end-push)[end] ):not(:is(:state(--end-over), :--end-over)[end]) ) .start { border-inline-end-color: GrayText; } :host( [end-divider]:is(:state(--end-side), :--end-side)[end]:not(:is(:state(--start-push), :--start-push)[start]):not( :is(:state(--start-over), :--start-over)[start] ) ) .end { border-inline-start-color: GrayText; } } @media (prefers-reduced-motion) { .start, .end, .content, .scrim { transition: none; } }`;var cu,du,hu,mu,uu,pu,vu,bu,fu,gu,yu,$u,wu;let xu=class extends(z(P(r))){constructor(){super(...arguments),cu.add(this),this._startMode="side",this._endMode="side",du.set(this,void 0),hu.set(this,!1),mu.set(this,!1),uu.set(this,new A(this,{target:null,skipInitial:!0,callback:t=>e(this,cu,"m",gu).call(this,t)})),this.start=!1,this.startMode="side",this.startDivider=!1,this.end=!1,this.endMode="side",this.endDivider=!1}connectedCallback(){super.connectedCallback(),L(this,"--no-animate")}disconnectedCallback(){super.disconnectedCallback(),e(this,du,"f")?.call(this),e(this,cu,"m",$u).call(this)}willUpdate(t){super.willUpdate(t),(t.has("startMode")||t.has("endMode"))&&(e(this,du,"f")?.call(this),"auto"===this.startMode||"auto"===this.endMode?e(this,cu,"m",yu).call(this):e(this,cu,"m",wu).call(this)),t.has("start")?this.start&&this.end&&"side"!==this._endMode&&(this.end=!1):t.has("end")&&this.end&&this.start&&"side"!==this._startMode&&(this.start=!1)}reconnectedCallback(){super.reconnectedCallback(),e(this,cu,"m",pu).call(this),"auto"!==this.startMode&&"auto"!==this.endMode||e(this,cu,"m",yu).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,cu,"m",pu).call(this)}render(){return s`<div class="start"><m3e-focus-trap ?disabled="${!this.start||"side"===this._startMode||e(this,hu,"f")}"><slot name="start" @slotchange="${e(this,cu,"m",bu)}"></slot></m3e-focus-trap></div><div class="content" .inert="${("side"!==this._startMode||"side"!==this._endMode)&&(this.start||this.end)}"><slot></slot></div><div class="scrim" @click="${e(this,cu,"m",vu)}"></div><div class="end"><m3e-focus-trap ?disabled="${!this.end||"side"===this._endMode||e(this,mu,"f")}"><slot name="end" @slotchange="${e(this,cu,"m",fu)}"></slot></m3e-focus-trap></div>`}};var ku,Cu,Su,_u,Lu,Eu;du=new WeakMap,hu=new WeakMap,mu=new WeakMap,uu=new WeakMap,cu=new WeakSet,pu=function(){let t=this.shadowRoot?.querySelector(".start");t&&e(this,uu,"f").observe(t),t=this.shadowRoot?.querySelector(".end"),t&&e(this,uu,"f").observe(t)},vu=function(){"side"!==this._startMode&&(this.start=!1),"side"!==this._endMode&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0}))},bu=function(e){a(this,hu,!g(e.target),"f")},fu=function(e){a(this,mu,!g(e.target),"f")},gu=function(e){for(const t of e){const e=Array.isArray(t.borderBoxSize)?t.borderBoxSize[0]:t.borderBoxSize;t.target.classList.contains("start")?this.style.setProperty("--_start-drawer-size",`${e.inlineSize}px`):t.target.classList.contains("end")&&this.style.setProperty("--_end-drawer-size",`${e.inlineSize}px`)}H(this,"--no-animate")&&(this.offsetTop,k(this,"--no-animate"))},yu=function(){a(this,du,Qe.observe([et.XSmall,et.Small],t=>e(this,cu,"m",wu).call(this,t,!0)),"f")},$u=function(){k(this,"--start-over"),k(this,"--start-push"),k(this,"--start-side"),k(this,"--end-over"),k(this,"--end-push"),k(this,"--end-side")},wu=async function(t,a=!1){let i=!1,o=!1;"auto"===this.startMode?t?.get(et.Medium)?this._startMode="side":t?.get(et.Small)?(i="side"===this._startMode&&this.start,this._startMode="push"):t?.get(et.XSmall)?(i="over"!==this._startMode&&this.start,this._startMode="over"):this._startMode="side":this._startMode=this.startMode,"auto"===this.endMode?t?.get(et.Medium)?this._endMode="side":t?.get(et.Small)?(o="side"===this._endMode&&this.end,this._endMode="push"):t?.get(et.XSmall)?(o="over"!==this._endMode&&this.end,this._endMode="over"):this._endMode="side":this._endMode=this.endMode,e(this,cu,"m",$u).call(this),L(this,`--start-${this._startMode}`),L(this,`--end-${this._endMode}`),a&&(i||o)&&(i&&(this.start=!1),o&&(this.end=!1),this.isUpdatePending&&await this.updateComplete,this.dispatchEvent(new Event("change",{bubbles:!0})))},xu.styles=lu,t([p()],xu.prototype,"_startMode",void 0),t([p()],xu.prototype,"_endMode",void 0),t([m({type:Boolean,reflect:!0})],xu.prototype,"start",void 0),t([m({attribute:"start-mode",reflect:!0})],xu.prototype,"startMode",void 0),t([m({attribute:"start-divider",type:Boolean,reflect:!0})],xu.prototype,"startDivider",void 0),t([m({type:Boolean,reflect:!0})],xu.prototype,"end",void 0),t([m({attribute:"end-mode",reflect:!0})],xu.prototype,"endMode",void 0),t([m({attribute:"end-divider",type:Boolean,reflect:!0})],xu.prototype,"endDivider",void 0),xu=t([$("m3e-drawer-container")],xu);let zu=class extends(b(E)){constructor(){super(...arguments),ku.add(this),Cu.set(this,()=>e(this,ku,"m",_u).call(this)),Su.set(this,!1)}attach(t){super.attach(t),this.htmlFor&&this.parentElement&&De(this.parentElement,"aria-controls",this.htmlFor);const a=t.closest("m3e-drawer-container");a&&(a.addEventListener("change",e(this,Cu,"f")),e(this,ku,"m",Eu).call(this,a,!0))}detach(){this.parentElement&&(this.htmlFor&&Ae(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),this.control?.closest("m3e-drawer-container")?.removeEventListener("change",e(this,Cu,"f")),super.detach()}_onClick(){e(this,ku,"m",Lu).call(this)}};var Mu,Pu,Tu,Iu;Cu=new WeakMap,Su=new WeakMap,ku=new WeakSet,_u=function(){if(this.control&&!e(this,Su,"f")){const t=this.control.closest("m3e-drawer-container");t&&e(this,ku,"m",Eu).call(this,t,!0)}},Lu=async function(){if(!this.parentElement||!this.control)return;const t=this.control.closest("m3e-drawer-container");if(t){a(this,Su,!0,"f");try{let a=!1;"start"===this.control.slot?(t.start=!t.start,a=!0):"end"===this.control.slot&&(t.end=!t.end,a=!0),t.isUpdatePending&&await t.updateComplete,a&&t.dispatchEvent(new Event("change",{bubbles:!0})),await e(this,ku,"m",Eu).call(this,t,!1)}finally{a(this,Su,!1,"f")}}},Eu=async function(e,t){if(!this.parentElement||!this.control)return;let a=!1;"start"===this.control.slot?a=e.start:"end"===this.control.slot&&(a=e.end),this.parentElement.ariaExpanded=`${a}`,t&&this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",a),this.parentElement instanceof r&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},zu=t([$("m3e-drawer-toggle")],zu);let Du=class extends r{constructor(){super(...arguments),Mu.add(this),Pu.set(this,[]),this.multi=!1}get panels(){return e(this,Pu,"f")}render(){return s`<slot @slotchange="${e(this,Mu,"m",Tu)}" @opening="${e(this,Mu,"m",Iu)}"></slot>`}};Pu=new WeakMap,Mu=new WeakSet,Tu=function(){if(a(this,Pu,[...this.querySelectorAll("m3e-expansion-panel")],"f"),this.multi)return;let t=!1;for(const a of e(this,Pu,"f").filter(e=>!e.open))t&&(a.open=!1),t=!0},Iu=function(t){if(!this.multi)for(const a of e(this,Pu,"f").filter(e=>e!==t.target&&e.open))a.open=!1},Du.styles=o`:host { display: block; } ::slotted(m3e-expansion-panel) { --m3e-expansion-panel-container-color: ${v.color.surface}; --m3e-expansion-panel-elevation: ${v.elevation.level2}; --m3e-expansion-panel-open-shape: ${v.shape.corner.medium}; --_expansion-panel-open-spacing: 1rem; } ::slotted(m3e-expansion-panel:first-of-type:last-of-type) { --m3e-expansion-panel-shape: ${v.shape.corner.medium}; } ::slotted(m3e-expansion-panel:first-of-type:not(:last-of-type)) { --m3e-expansion-panel-shape: ${v.shape.corner.value.medium} ${v.shape.corner.value.medium} ${v.shape.corner.value.none} ${v.shape.corner.value.none}; } ::slotted(m3e-expansion-panel:last-of-type:not(:first-of-type)) { --m3e-expansion-panel-shape: ${v.shape.corner.value.none} ${v.shape.corner.value.none} ${v.shape.corner.value.medium} ${v.shape.corner.value.medium}; }`,t([m({type:Boolean})],Du.prototype,"multi",void 0),Du=t([$("m3e-accordion")],Du);const Au=i("var(--m3e-expansion-header-collapsed-height, 3rem)"),Wu=i("var(--m3e-expansion-header-expanded-height, 4rem)"),Hu=i("var(--m3e-expansion-header-padding-left, 1.5rem)"),Ou=i("var(--m3e-expansion-header-padding-right, 1.5rem)"),Bu=i("var(--m3e-expansion-header-spacing, 0.5rem)"),Fu=i("var(--m3e-expansion-header-toggle-icon-size, 1.5rem)"),Vu=i(`var(--m3e-expansion-header-font-size, ${v.typescale.standard.title.medium.fontSize})`),Ru=i(`var(--m3e-expansion-header-font-weight, ${v.typescale.standard.title.medium.fontWeight})`),qu=i(`var(--m3e-expansion-header-line-height, ${v.typescale.standard.title.medium.lineHeight})`),Nu=i(`var(--m3e-expansion-header-tracking, ${v.typescale.standard.title.medium.tracking})`),Uu=o`:host { display: block; border-radius: inherit; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: ${i(`height var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } .base { box-sizing: border-box; width: 100%; height: 100%; display: flex; border-radius: inherit; outline: none; position: relative; padding-inline-start: ${Hu}; padding-inline-end: ${Ou}; font-size: ${Vu}; font-weight: ${Ru}; line-height: ${qu}; letter-spacing: ${Nu}; column-gap: ${Bu}; } :host(:not(:disabled)) { cursor: pointer; } :host(:not([aria-expanded="true"])) { height: ${Au}; } :host([aria-expanded="true"]) { height: ${Wu}; } :host(:not(:focus-visible)) .state-layer { --m3e-state-layer-focus-color: transparent; } :host([aria-expanded="true"]) .state-layer { --m3e-state-layer-hover-color: transparent; } :host([aria-expanded="true"]) [part="background"], .content { flex: 1 1 auto; display: flex; align-items: center; } .toggle { display: flex; align-items: center; justify-content: center; vertical-align: middle; font-size: ${Fu}; transition: ${i(`transform var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host([toggle-direction="vertical"][aria-expanded="true"]) .toggle { transform: rotate(180deg); } :host([toggle-direction="horizontal"][aria-expanded="true"]) .toggle { transform: rotate(var(--_expansion-header-horizontal-expanded-toggle-rotation, 90deg)); } :host([toggle-position="before"]) .toggle { margin-inline-start: calc(0px - ${Bu}); } :host([toggle-position="after"]) .toggle { margin-inline-end: calc(0px - ${Bu}); } :host([hide-toggle]) .toggle { display: none; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } @media (prefers-reduced-motion) { :host, .toggle { transition: none; } }`,ju=i(`var(--m3e-expansion-panel-text-color, ${v.color.onSurface})`),Yu=i(`var(--m3e-expansion-panel-disabled-text-color, ${v.color.onSurface})`),Ku=i("var(--m3e-expansion-panel-disabled-text-opacity, 38%)"),Zu=i("var(--m3e-expansion-panel-container-color)"),Xu=i("var(--m3e-expansion-panel-elevation)"),Gu=i("var(--m3e-expansion-panel-shape)"),Ju=i("var(--m3e-expansion-panel-open-elevation, var(--m3e-expansion-panel-elevation))"),Qu=i("var(--m3e-expansion-panel-open-shape, var(--m3e-expansion-panel-shape))"),ep=i("var(--_expansion-panel-open-spacing)"),tp=i("var(--m3e-expansion-panel-content-padding, 0 1.5rem 1rem 1.5rem)"),ap=i("var(--m3e-expansion-panel-actions-spacing, 0.5rem)"),ip=i("var(--m3e-expansion-panel-actions-padding, 1rem 1.5rem 1rem 1.5rem)"),op=i("var(--m3e-expansion-panel-actions-divider-thickness, var(--m3e-divider-thickness, 1px))"),rp=i(`var(--m3e-expansion-panel-actions-divider-color, var(--m3e-divider-color, ${v.color.outlineVariant}))`),sp=o`:host { display: block; } .base { background-color: ${Zu}; transition: ${i(`box-shadow var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) .base { color: ${ju}; } :host(:disabled) .base { color: color-mix( in srgb, ${Yu} ${Ku}, transparent ); } :host(:not([open])) .base { box-shadow: ${Xu}; border-radius: ${Gu}; } :host([open]) .base { box-shadow: ${Ju}; border-radius: ${Qu}; margin-block: ${ep}; } .toggle { display: flex; align-items: center; justify-content: center; font-size: ${Fu}; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } .toggle svg, ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } .content { padding: ${tp}; } :host(:not(:is(:state(--with-actions), :--with-actions))) .actions { display: none; } .actions { padding: ${ip}; border-top-style: solid; border-top-width: ${op}; border-top-color: ${rp}; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; column-gap: ${ap}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { border: 1px solid CanvasText; } :host(:disabled) .base { color: GrayText; } .actions { border-top-color: GrayText; } }`;var np,lp;let cp=class extends(V(q(N(P(f(r,"button"),!0))))){constructor(){super(...arguments),np.add(this),this.toggleDirection="vertical",this.togglePosition="after",this.hideToggle=!1}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer>${"before"===this.togglePosition?e(this,np,"m",lp).call(this):n}<div class="content"><slot></slot></div>${"after"===this.togglePosition?e(this,np,"m",lp).call(this):n}</div>`}};var dp,hp,mp,up,pp,vp,bp,fp,gp,yp,$p,wp;np=new WeakSet,lp=function(){return s`<div class="toggle" aria-hidden="true"><slot name="toggle-icon"></slot></div>`},cp.styles=Uu,t([h(".focus-ring")],cp.prototype,"_focusRing",void 0),t([h(".state-layer")],cp.prototype,"_stateLayer",void 0),t([m({attribute:"toggle-direction",reflect:!0})],cp.prototype,"toggleDirection",void 0),t([m({attribute:"toggle-position",reflect:!0})],cp.prototype,"togglePosition",void 0),t([m({attribute:"hide-toggle",type:Boolean,reflect:!0})],cp.prototype,"hideToggle",void 0),cp=t([$("m3e-expansion-header")],cp);let xp=wp=class extends(N(z(P(r,!0)))){constructor(){super(...arguments),dp.add(this),hp.set(this,wp.__nextId++),mp.set(this,`m3e-expansion-panel-${e(this,hp,"f")}-content`),up.set(this,`m3e-expansion-panel-${e(this,hp,"f")}-header`),pp.set(this,void 0),this.open=!1,this.toggleDirection="vertical",this.togglePosition="after",this.hideToggle=!1}focus(e){this._header?.focus(e)}blur(){this._header?.blur()}click(){this._header?.click()}connectedCallback(){super.connectedCallback(),a(this,pp,qe.observe(()=>{this.requestUpdate(),e(this,dp,"m",$p).call(this)}),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,pp,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,dp,"m",$p).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,dp,"m",$p).call(this)}render(){return s`<div class="base"><m3e-expansion-header id="${e(this,up,"f")}" toggle-direction="${this.toggleDirection}" toggle-position="${this.togglePosition}" ?hide-toggle="${this.hideToggle}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${e(this,mp,"f")}" @click="${e(this,dp,"m",bp)}" @keydown="${e(this,dp,"m",fp)}"><div slot="toggle-icon" class="toggle"><slot name="toggle-icon">${e(this,dp,"m",vp).call(this)}</slot></div><slot name="header"></slot></m3e-expansion-header><m3e-collapsible id="${e(this,mp,"f")}" role="region" aria-labelledby="${e(this,up,"f")}" ?open="${this.open}" @opening="${e(this,dp,"m",gp)}" @opened="${e(this,dp,"m",gp)}" @closing="${e(this,dp,"m",gp)}" @closed="${e(this,dp,"m",gp)}"><div class="content"><slot></slot></div><div class="actions"><slot name="actions" @slotchange="${e(this,dp,"m",yp)}"></slot></div></m3e-collapsible></div>`}};hp=new WeakMap,mp=new WeakMap,up=new WeakMap,pp=new WeakMap,dp=new WeakSet,vp=function(){return"vertical"===this.toggleDirection?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>`:"ltr"===qe.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`},bp=function(){this.open=!this.open},fp=function(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.closest("m3e-accordion");if(t){const e=[...t.panels].reverse(),a=e.indexOf(this);(e.find((e,t)=>!e.disabled&&t>a)??e.find((e,t)=>!e.disabled&&t<a))?._header?.focus()}else this.open=!1}break;case"ArrowDown":{e.preventDefault();const t=this.closest("m3e-accordion");if(t){const e=t.panels.indexOf(this);(t.panels.find((t,a)=>!t.disabled&&a>e)??t.panels.find((t,a)=>!t.disabled&&a<e))?._header?.focus()}else this.open=!0}}},gp=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},yp=function(e){x(this,"--with-actions",g(e.target))},$p=function(){"rtl"===qe.current?this._header?.style.setProperty("--_expansion-header-horizontal-expanded-toggle-rotation","-90deg"):this._header?.style.removeProperty("--_expansion-header-horizontal-expanded-toggle-rotation")},xp.styles=sp,xp.__nextId=0,t([h("m3e-expansion-header")],xp.prototype,"_header",void 0),t([m({type:Boolean,reflect:!0})],xp.prototype,"open",void 0),t([m({attribute:"toggle-direction",reflect:!0})],xp.prototype,"toggleDirection",void 0),t([m({attribute:"toggle-position",reflect:!0})],xp.prototype,"togglePosition",void 0),t([m({attribute:"hide-toggle",type:Boolean,reflect:!0})],xp.prototype,"hideToggle",void 0),xp=wp=t([$("m3e-expansion-panel")],xp);const kp=o`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; } .label { white-space: nowrap; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } .close-icon, ::slotted(:not([slot])), ::slotted([slot="close-icon"]) { font-size: inherit !important; flex: none; } .close-icon, ::slotted(svg:not([slot])), ::slotted(svg[slot="close-icon"]) { width: 1em; height: 1em; } .base.with-menu ::slotted([slot="label"]), .base:not(.with-menu) ::slotted([slot="close-icon"]), .base:not(.with-menu) .close-icon, :host([aria-expanded="true"]) .base.with-menu ::slotted(:not([slot])), :host([aria-expanded="false"]) .base.with-menu ::slotted([slot="close-icon"]), :host([aria-expanded="false"]) .base.with-menu .close-icon { display: none; } :host([aria-expanded="true"]) .base.with-menu { border-radius: var(--m3e-fab-menu-close-button-container-shape, ${v.shape.corner.full}); height: calc(var(--m3e-fab-menu-close-button-container-height, 3.5rem) + ${v.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .wrapper { padding-inline-start: calc(var(--m3e-fab-menu-close-button-leading-space, 1rem) + ${v.density.calc(-3)}); padding-inline-end: calc(var(--m3e-fab-menu-close-button-trailing-space, 1rem) + ${v.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .icon { font-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${v.density.calc(-3)}); --m3e-icon-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${v.density.calc(-3)}); } .base.with-menu { transition: height ${v.motion.spring.fastSpatial}; } .base.with-menu .wrapper { transition: padding ${v.motion.spring.fastSpatial}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base, .icon { transition: none; } .base { outline-style: solid; } :host([variant]:not(:disabled):not([disabled-interactive])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])) .label, :host([variant]:not(:disabled):not([disabled-interactive])) .icon { color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .label, :host([variant][disabled-interactive]) .label, :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } } @media (prefers-reduced-motion) { .base, .base.resting, .base.pressed, .label, .icon { transition: none; } }`,Cp={small:{containerHeight:i(`calc(var(--m3e-fab-small-container-height, var(--m3e-fab-container-height, 3.5rem)) + ${v.density.calc(-3)})`),labelTextFontSize:i(`var(--m3e-fab-small-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.title.medium.fontSize}))`),labelTextFontWeight:i(`var(--m3e-fab-small-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.title.medium.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-fab-small-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.title.medium.lineHeight}))`),labelTextTracking:i(`var(--m3e-fab-small-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.title.medium.tracking}))`),iconSize:i("var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem))"),extendedIconSize:i("var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem))"),shape:i(`var(--m3e-fab-small-shape, var(--m3e-fab-shape, ${v.shape.corner.large}))`),leadingSpace:i(`calc(var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem)) + calc(${v.density.calc(-3)} / 2))`),trailingSpace:i(`calc(var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem)) + calc(${v.density.calc(-3)} / 2))`),iconLabelSpace:i("var(--m3e-fab-small-icon-label-space, var(--m3e-fab-icon-label-space, 0.5rem))"),extendedLeadingSpace:i("var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem))"),extendedTrailingSpace:i("var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem))")},medium:{containerHeight:i(`calc(var(--m3e-fab-medium-container-height, var(--m3e-fab-container-height, 5rem)) + ${v.density.calc(-3)})`),labelTextFontSize:i(`var(--m3e-fab-medium-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.title.large.fontSize}))`),labelTextFontWeight:i(`var(--m3e-fab-medium-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.title.large.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-fab-medium-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.title.large.lineHeight}))`),labelTextTracking:i(`var(--m3e-fab-medium-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.title.large.tracking}))`),iconSize:i("var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem))"),extendedIconSize:i("var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem))"),shape:i(`var(--m3e-fab-medium-shape, var(--m3e-fab-shape, ${v.shape.corner.largeIncreased}))`),leadingSpace:i(`calc(var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem)) + calc(${v.density.calc(-3)} / 2))`),trailingSpace:i(`calc(var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem)) + calc(${v.density.calc(-3)} / 2))`),iconLabelSpace:i("var(--m3e-fab-medium-icon-label-space, var(--m3e-fab-icon-label-space, 0.75rem))"),extendedLeadingSpace:i("var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem))"),extendedTrailingSpace:i("var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem))")},large:{containerHeight:i(`calc(var(--m3e-fab-large-container-height, var(--m3e-fab-container-height, 6rem)) + ${v.density.calc(-3)})`),labelTextFontSize:i(`var(--m3e-fab-large-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:i(`var(--m3e-fab-large-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:i(`var(--m3e-fab-large-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:i(`var(--m3e-fab-large-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.headline.small.tracking}))`),iconSize:i("calc(var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),extendedIconSize:i("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),shape:i(`var(--m3e-fab-large-shape, var(--m3e-fab-shape, ${v.shape.corner.extraLarge}))`),leadingSpace:i(`calc(var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem)) + calc(${v.density.calc(-3)} / 2))`),trailingSpace:i(`calc(var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem)) + calc(${v.density.calc(-3)} / 2))`),iconLabelSpace:i("var(--m3e-fab-large-icon-label-space, var(--m3e-fab-icon-label-space, 1rem))"),extendedLeadingSpace:i("var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem))"),extendedTrailingSpace:i("var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem))")}};function Sp(e){return o`:host([size="${i(e)}"]) .base { height: ${Cp[e].containerHeight}; } :host([size="${i(e)}"]) .base { border-radius: ${Cp[e].shape}; } :host([size="${i(e)}"]) .label { font-size: ${Cp[e].labelTextFontSize}; font-weight: ${Cp[e].labelTextFontWeight}; line-height: ${Cp[e].labelTextLineHeight}; letter-spacing: ${Cp[e].labelTextTracking}; } :host([size="${i(e)}"]:not([extended])) .wrapper { padding-inline-start: ${Cp[e].leadingSpace}; padding-inline-end: ${Cp[e].trailingSpace}; } :host([size="${i(e)}"]:not([extended])) .icon { font-size: ${Cp[e].iconSize}; --m3e-icon-size: ${Cp[e].iconSize}; } :host([size="${i(e)}"][extended]) .wrapper { padding-inline-start: ${Cp[e].extendedLeadingSpace}; padding-inline-end: ${Cp[e].extendedTrailingSpace}; column-gap: ${Cp[e].iconLabelSpace}; } :host([size="${i(e)}"][extended]) .icon { font-size: ${Cp[e].extendedIconSize}; --m3e-icon-size: ${Cp[e].extendedIconSize}; }`}const _p=[Sp("small"),Sp("medium"),Sp("large")],Lp={primary:{labelTextColor:i(`var(--m3e-primary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onPrimary}))`),iconColor:i(`var(--m3e-primary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onPrimary}))`),containerColor:i(`var(--m3e-primary-fab-container-color, var(--m3e-fab-container-color, ${v.color.primary}))`),containerElevation:i(`var(--m3e-primary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-primary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-primary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-primary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-primary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-primary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-primary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-primary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-primary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-primary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-primary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-primary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-primary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-primary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-primary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-primary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-primary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onPrimary}))`),labelTextColor:i(`var(--m3e-primary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-primary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-primary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},secondary:{labelTextColor:i(`var(--m3e-secondary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onSecondary}))`),iconColor:i(`var(--m3e-secondary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onSecondary}))`),containerColor:i(`var(--m3e-secondary-fab-container-color, var(--m3e-fab-container-color, ${v.color.secondary}))`),containerElevation:i(`var(--m3e-secondary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-secondary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-secondary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-secondary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-secondary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-secondary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-secondary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-secondary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-secondary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onSecondary}))`),labelTextColor:i(`var(--m3e-secondary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:i(`var(--m3e-secondary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:i(`var(--m3e-secondary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-secondary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onSecondary}))`),labelTextColor:i(`var(--m3e-secondary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:i(`var(--m3e-secondary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:i(`var(--m3e-secondary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-secondary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onSecondary}))`),labelTextColor:i(`var(--m3e-secondary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:i(`var(--m3e-secondary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:i(`var(--m3e-secondary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},tertiary:{labelTextColor:i(`var(--m3e-tertiary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onTertiary}))`),iconColor:i(`var(--m3e-tertiary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onTertiary}))`),containerColor:i(`var(--m3e-tertiary-fab-container-color, var(--m3e-fab-container-color, ${v.color.tertiary}))`),containerElevation:i(`var(--m3e-tertiary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-tertiary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-tertiary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-tertiary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-tertiary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-tertiary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-tertiary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-tertiary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-tertiary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onTertiary}))`),labelTextColor:i(`var(--m3e-tertiary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:i(`var(--m3e-tertiary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:i(`var(--m3e-tertiary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-tertiary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onTertiary}))`),labelTextColor:i(`var(--m3e-tertiary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:i(`var(--m3e-tertiary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:i(`var(--m3e-tertiary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-tertiary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onTertiary}))`),labelTextColor:i(`var(--m3e-tertiary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:i(`var(--m3e-tertiary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:i(`var(--m3e-tertiary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"primary-container":{labelTextColor:i(`var(--m3e-primary-container-fab-label-text-color, var(--m3e-primary-container-fab-label-text-color, ${v.color.onPrimaryContainer}))`),iconColor:i(`var(--m3e-primary-container-fab-icon-color, var(--m3e-primary-container-fab-icon-color, ${v.color.onPrimaryContainer}))`),containerColor:i(`var(--m3e-primary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.primaryContainer}))`),containerElevation:i(`var(--m3e-primary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-primary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-primary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-primary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-primary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-primary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-primary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-primary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-primary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:i(`var(--m3e-primary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:i(`var(--m3e-primary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:i(`var(--m3e-primary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-primary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:i(`var(--m3e-primary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:i(`var(--m3e-primary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:i(`var(--m3e-primary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-primary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:i(`var(--m3e-primary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:i(`var(--m3e-primary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:i(`var(--m3e-primary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-primary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-primary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"secondary-container":{labelTextColor:i(`var(--m3e-secondary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onSecondaryContainer}))`),iconColor:i(`var(--m3e-secondary-container-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onSecondaryContainer}))`),containerColor:i(`var(--m3e-secondary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.secondaryContainer}))`),containerElevation:i(`var(--m3e-secondary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-secondary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-secondary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-secondary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-secondary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-secondary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-secondary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-secondary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-secondary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-secondary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-secondary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-secondary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-secondary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-secondary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-secondary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-secondary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-secondary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:i(`var(--m3e-secondary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-secondary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-secondary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-secondary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-secondary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"tertiary-container":{labelTextColor:i(`var(--m3e-tertiary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onTertiaryContainer}))`),iconColor:i(`var(--m3e-tertiary-container-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onTertiaryContainer}))`),containerColor:i(`var(--m3e-tertiary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.tertiaryContainer}))`),containerElevation:i(`var(--m3e-tertiary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:i(`var(--m3e-tertiary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-tertiary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-tertiary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-tertiary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-tertiary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-tertiary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-tertiary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-tertiary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:i(`var(--m3e-tertiary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:i(`var(--m3e-tertiary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tertiary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-tertiary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:i(`var(--m3e-tertiary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:i(`var(--m3e-tertiary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tertiary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-tertiary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:i(`var(--m3e-tertiary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:i(`var(--m3e-tertiary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tertiary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-tertiary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-tertiary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},surface:{labelTextColor:i(`var(--m3e-surface-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.primary}))`),iconColor:i(`var(--m3e-surface-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.primary}))`),containerColor:i(`var(--m3e-surface-fab-container-color, var(--m3e-fab-container-color, ${v.color.surfaceContainerHigh}))`),containerElevation:i(`var(--m3e-surface-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),loweredContainerColor:i(`var(--m3e-surface-fab-lowered-container-color, var(--m3e-fab-lowered-container-color, ${v.color.surfaceContainerLow}))`),disabled:{containerColor:i(`var(--m3e-surface-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-surface-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-surface-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-surface-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:i(`var(--m3e-surface-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:i("var(--m3e-surface-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:i(`var(--m3e-surface-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-surface-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-surface-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-surface-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-surface-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-surface-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:i(`var(--m3e-surface-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-surface-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-surface-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-surface-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-surface-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:i(`var(--m3e-surface-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.primary}))`),labelTextColor:i(`var(--m3e-surface-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-surface-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-surface-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-surface-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:i(`var(--m3e-surface-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}}};function Ep(e){return o`:host([variant="${i(e)}"]:not([lowered])) .base { background-color: ${Lp[e].containerColor}; --m3e-elevation-level: ${Lp[e].containerElevation}; --m3e-elevation-hover-level: ${Lp[e].hover.containerElevation}; --m3e-elevation-focus-level: ${Lp[e].focus.containerElevation}; --m3e-elevation-pressed-level: ${Lp[e].pressed.containerElevation}; } :host([variant="${i(e)}"][lowered]) .base { background-color: ${Lp[e].loweredContainerColor??Lp[e].containerColor}; --m3e-elevation-level: ${Lp[e].loweredContainerElevation}; --m3e-elevation-hover-level: ${Lp[e].hover.loweredContainerElevation}; --m3e-elevation-focus-level: ${Lp[e].focus.loweredContainerElevation}; --m3e-elevation-pressed-level: ${Lp[e].pressed.loweredContainerElevation}; } :host([variant="${i(e)}"]) .base { --m3e-state-layer-hover-color: ${Lp[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Lp[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Lp[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Lp[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${Lp[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Lp[e].pressed.stateLayerOpacity}; } :host([variant="${i(e)}"]) .label { color: ${Lp[e].labelTextColor}; } :host([variant="${i(e)}"]:focus) .label { color: ${Lp[e].focus.labelTextColor}; } :host([variant="${i(e)}"]:hover) .label { color: ${Lp[e].hover.labelTextColor}; } :host([variant="${i(e)}"]) .base.pressed .label { color: ${Lp[e].pressed.labelTextColor}; } :host([variant="${i(e)}"]) .icon { color: ${Lp[e].iconColor}; } :host([variant="${i(e)}"]:focus) .icon { color: ${Lp[e].focus.iconColor}; } :host([variant="${i(e)}"]:hover) .icon { color: ${Lp[e].hover.iconColor}; } :host([variant="${i(e)}"]) .base.pressed .icon { color: ${Lp[e].pressed.iconColor}; } :host([variant="${i(e)}"]:disabled) .base, :host([variant="${i(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${Lp[e].disabled.containerElevation}; background-color: color-mix( in srgb, ${Lp[e].disabled.containerColor} ${Lp[e].disabled.containerOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .label, :host([variant="${i(e)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${Lp[e].disabled.labelTextColor} ${Lp[e].disabled.labelTextOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .icon, :host([variant="${i(e)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${Lp[e].disabled.iconColor} ${Lp[e].disabled.iconOpacity}, transparent ); }`}const zp=[Ep("primary"),Ep("secondary"),Ep("tertiary"),Ep("primary-container"),Ep("secondary-container"),Ep("tertiary-container"),Ep("surface")];var Mp,Pp;let Tp=class extends(V(R(j(q(Y(N(P(f(r,"button"),!0)))))))){constructor(){super(),Mp.add(this),this.variant="primary-container",this.lowered=!1,this.size="medium",this.extended=!1,new Z(this,{isPressedKey:e=>" "===e,callback:e=>{this.disabled||this.disabledInteractive||(this._base?.classList.toggle("pressed",e),this._base?.classList.toggle("resting",!e))}})}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1)}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?centered="${!this.extended}" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[U]()}<div class="wrapper"><slot class="icon" aria-hidden="true" @slotchange="${e(this,Mp,"m",Pp)}"></slot><slot class="icon" aria-hidden="true" name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot><m3e-collapsible class="label-wrapper" orientation="horizontal" ?open="${this.extended}"><div class="label"><slot name="label" @slotchange="${e(this,Mp,"m",Pp)}"></slot></div></m3e-collapsible></div></div>`}};var Ip,Dp,Ap;Mp=new WeakSet,Pp=function(){this._base?.classList.toggle("with-menu",null!==this.querySelector("m3e-fab-menu-trigger"))},Tp.styles=[_p,zp,kp],t([h(".base")],Tp.prototype,"_base",void 0),t([h(".elevation")],Tp.prototype,"_elevation",void 0),t([h(".focus-ring")],Tp.prototype,"_focusRing",void 0),t([h(".state-layer")],Tp.prototype,"_stateLayer",void 0),t([h(".ripple")],Tp.prototype,"_ripple",void 0),t([m({reflect:!0})],Tp.prototype,"variant",void 0),t([m({type:Boolean,reflect:!0})],Tp.prototype,"lowered",void 0),t([m({reflect:!0})],Tp.prototype,"size",void 0),t([m({type:Boolean,reflect:!0})],Tp.prototype,"extended",void 0),Tp=t([$("m3e-fab")],Tp);let Wp=class extends(V(R(N(P(f(r,"menuitem"),!0))))){constructor(){super(...arguments),Ip.add(this),Dp.set(this,t=>e(this,Ip,"m",Ap).call(this,t))}get menu(){return this.closest("m3e-fab-menu")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Dp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Dp,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[U]()}<div class="wrapper"><slot class="icon" name="icon" aria-hidden="true"></slot><div class="label"><slot></slot></div></div></div>`}};var Hp,Op,Bp,Fp,Vp,Rp,qp,Np,Up,jp,Yp,Kp,Zp,Xp;Dp=new WeakMap,Ip=new WeakSet,Ap=function(e){e.defaultPrevented||this.menu?.hide(!0)},Wp.styles=o`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; height: var(--m3e-fab-menu-item-height, 3.5rem); font-size: var(--m3e-fab-menu-item-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-fab-menu-item-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-fab-menu-item-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-fab-menu-item-tracking, ${v.typescale.standard.label.large.tracking}); border-radius: var(--m3e-fab-menu-item-shape, ${v.shape.corner.full}); } :host(:not(:disabled)) .label, :host(:not(:disabled)) .icon { color: var(--_fab-menu-item-color); } :host(:not(:disabled)) .base { background-color: var(--_fab-menu-item-container-color); --m3e-state-layer-hover-color: var(--_fab-menu-background-hover-color); --m3e-state-layer-focus-color: var(--_fab-menu-background-focus-color); --m3e-ripple-color: var(--_fab-menu-ripple-color); } :host(:disabled) .base { background-color: color-mix( in srgb, var(--m3e-fab-menu-item-disabled-container-color, ${v.color.onSurface}) var(--m3e-fab-menu-item-disabled-container-opacity, 10%), transparent ); } :host(:disabled) .label, :host(:disabled) .icon { color: color-mix( in srgb, var(--m3e-fab-menu-item-disabled-color, ${v.color.onSurface}) var(--m3e-fab-menu-item-disabled-opacity, 38%), transparent ); } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; padding-inline-start: var(--m3e-fab-menu-item-leading-space, 1.5rem); padding-inline-end: var(--m3e-fab-menu-item-trailing-space, 1.5rem); column-gap: var(--m3e-fab-menu-item-spacing, 0.5rem); } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { font-size: var(--m3e-fab-menu-item-icon-size, 1.5rem); transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) { cursor: pointer; } ::slotted([slot="icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]) { width: 1em; height: 1em; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (prefers-reduced-motion) { .base, .label, .icon { transition: none; } } @media (forced-colors: active) { .base, .label, .icon { transition: none; } :host(:not(:disabled)) .base { background-color: Menu; } :host(:not(:disabled)) .label, :host(:not(:disabled)) .icon { color: MenuText; } :host(:disabled) .label, :host(:disabled) .icon { color: GrayText; } }`,t([h(".elevation")],Wp.prototype,"_elevation",void 0),t([h(".focus-ring")],Wp.prototype,"_focusRing",void 0),t([h(".state-layer")],Wp.prototype,"_stateLayer",void 0),t([h(".ripple")],Wp.prototype,"_ripple",void 0),Wp=t([$("m3e-fab-menu-item")],Wp);let Gp=class extends(M(P(f(r,"menu")))){constructor(){super(...arguments),Hp.add(this),Op.set(this,void 0),Bp.set(this,void 0),Fp.set(this,void 0),Vp.set(this,(new Be).withWrap().withHomeAndEnd().withVerticalOrientation()),Rp.set(this,t=>e(this,Hp,"m",Yp).call(this,t)),qp.set(this,t=>e(this,Hp,"m",Kp).call(this,t)),Np.set(this,new be(this,{target:null,callback:()=>this.hide()})),Up.set(this,t=>{"closed"===t.newState?(e(this,Fp,"f")?.call(this),a(this,Fp,void 0,"f")):setTimeout(()=>{e(this,Vp,"f").setActiveItem(e(this,Vp,"f").items.find(e=>!e.disabled))},40)}),this.variant="primary"}get isOpen(){return void 0!==e(this,Bp,"f")}async show(t){e(this,Bp,"f")&&e(this,Bp,"f")!==t&&this.hide(),e(this,Fp,"f")?.call(this),a(this,Fp,await Ne(this,t,{position:"top-end",inline:!0,shift:"main",flip:!0,offset:8},(e,t,a)=>{x(this,"--right",a.includes("end")),x(this,"--left",a.includes("start")),"rtl"===qe.current?(this.style.right=window.innerWidth-e-this.clientWidth+"px",this.style.left=""):(this.style.left=`${e}px`,this.style.right=""),this.style.top=`${t}px`}),"f"),this.showPopover(),a(this,Bp,t,"f"),e(this,Bp,"f").ariaExpanded="true",e(this,Np,"f").observe(e(this,Bp,"f")),e(this,Hp,"m",Zp).call(this)}hide(t=!1){e(this,Fp,"f")?.call(this),a(this,Fp,void 0,"f"),e(this,Bp,"f")&&(e(this,Bp,"f").ariaExpanded="false",t&&e(this,Bp,"f").focus(),e(this,Hp,"m",Xp).call(this),e(this,Np,"f").unobserve(e(this,Bp,"f")),a(this,Bp,void 0,"f")),this.hidePopover()}async toggle(t){e(this,Bp,"f")?this.hide():await this.show(t)}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.setAttribute("popover","manual"),this.addEventListener("keydown",e(this,Rp,"f")),this.addEventListener("toggle",e(this,Up,"f")),document.addEventListener("click",e(this,qp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,Rp,"f")),this.removeEventListener("toggle",e(this,Up,"f")),document.removeEventListener("click",e(this,qp,"f"))}render(){return s`<div class="base"><slot @slotchange="${e(this,Hp,"m",jp)}"></slot></div>`}};Op=new WeakMap,Bp=new WeakMap,Fp=new WeakMap,Vp=new WeakMap,Rp=new WeakMap,qp=new WeakMap,Np=new WeakMap,Up=new WeakMap,Hp=new WeakSet,jp=function(){const{added:t}=e(this,Vp,"f").setItems([...this.querySelectorAll("m3e-fab-menu-item")]);e(this,Vp,"f").activeItem||e(this,Vp,"f").updateActiveItem(t.find(e=>!e.disabled))},Yp=function(t){switch(t.key){case"Tab":this.hide();break;case"Escape":t.shiftKey||t.ctrlKey||this.hide(!0);break;default:e(this,Vp,"f").onKeyDown(t)}},Kp=function(t){t.composedPath().some(t=>t instanceof Wp||t===e(this,Bp,"f"))||this.hide()},Zp=function(){const t=e(this,Bp,"f")?.closest("m3e-fab");t&&(a(this,Op,t.tabIndex,"f"),t.addEventListener("keydown",e(this,Rp,"f")),e(this,Vp,"f").setItems([...e(this,Vp,"f").items,t]))},Xp=function(){const t=e(this,Bp,"f")?.closest("m3e-fab");t&&(void 0!==e(this,Op,"f")&&(t.tabIndex=e(this,Op,"f")),t.removeEventListener("keydown",e(this,Rp,"f")),e(this,Vp,"f").setItems([...e(this,Vp,"f").items.filter(e=>e!==t)]))},Gp.styles=o`:host { position: absolute; flex-direction: column; row-gap: var(--m3e-fab-menu-spacing, 0.25rem); padding: unset; margin: unset; border: unset; overflow: visible; max-width: var(--m3e-fab-menu-max-width, 17.5rem); opacity: 0; background-color: transparent; display: none; } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`opacity ${v.motion.spring.fastEffects}, \n        transform ${v.motion.spring.fastSpatial},\n        overlay ${v.motion.spring.fastEffects} allow-discrete,\n        display ${v.motion.spring.fastEffects} allow-discrete`)}; } .base { display: contents; } :host([variant="primary"]) .base { --_fab-menu-item-color: var(--m3e-primary-fab-color, ${v.color.onPrimaryContainer}); --_fab-menu-item-container-color: var(--m3e-primary-fab-container-color, ${v.color.primaryContainer}); --_fab-menu-background-hover-color: var(--m3e-primary-fab-hover-color, ${v.color.onPrimaryContainer}); --_fab-menu-background-focus-color: var(--m3e-primary-fab-focus-color, ${v.color.onPrimaryContainer}); --_fab-menu-ripple-color: var(--m3e-primary-fab-ripple-color, ${v.color.onPrimaryContainer}); } :host([variant="secondary"]) .base { --_fab-menu-item-color: var(--m3e-secondary-fab-color, ${v.color.onSecondaryContainer}); --_fab-menu-item-container-color: var( --m3e-secondary-fab-container-color, ${v.color.secondaryContainer} ); --_fab-menu-background-hover-color: var( --m3e-secondary-fab-hover-color, ${v.color.onSecondaryContainer} ); --_fab-menu-background-focus-color: var( --m3e-secondary-fab-focus-color, ${v.color.onSecondaryContainer} ); --_fab-menu-ripple-color: var(--m3e-secondary-fab-ripple-color, ${v.color.onSecondaryContainer}); } :host([variant="tertiary"]) .base { --_fab-menu-item-color: var(--m3e-tertiary-fab-color, ${v.color.onTertiaryContainer}); --_fab-menu-item-container-color: var(--m3e-tertiary-fab-container-color, ${v.color.tertiaryContainer}); --_fab-menu-background-hover-color: var(--m3e-tertiary-fab-hover-color, ${v.color.onTertiaryContainer}); --_fab-menu-background-focus-color: var(--m3e-tertiary-fab-focus-color, ${v.color.onTertiaryContainer}); --_fab-menu-ripple-color: var(--m3e-tertiary-fab-ripple-color, ${v.color.onTertiaryContainer}); } :host { transform: scaleX(0.8); } :host(:is(:state(--left), :--left)) { align-items: flex-start; transform-origin: left; } :host(:is(:state(--right), :--right)) { align-items: flex-end; transform-origin: right; } :host(:popover-open) { transform: scaleX(1); display: inline-flex; opacity: 1; } :host::backdrop { background-color: transparent; } @starting-style { :host(:popover-open) { opacity: 0; } :host(:popover-open) { transform: scaleX(0.8); } } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: none; } } @media (forced-colors: active) { :host { border-radius: ${v.shape.corner.medium}; outline: 1px solid MenuText; background-color: Menu; } }`,t([m({reflect:!0})],Gp.prototype,"variant",void 0),Gp=t([$("m3e-fab-menu")],Gp);let Jp=class extends(b(E)){get menu(){return this.control instanceof Gp?this.control:null}attach(e){super.attach(e),this.parentElement&&e instanceof Gp&&(this.parentElement.ariaHasPopup="menu",this.parentElement.ariaExpanded="false",e.id&&De(this.parentElement,"aria-controls",e.id))}detach(){this.parentElement&&(this.parentElement.ariaHasPopup=null,this.parentElement.ariaExpanded=null,this.control?.id&&Ae(this.parentElement,"aria-controls",this.control.id)),super.detach()}_onClick(){this.parentElement&&this.menu?.toggle(this.parentElement)}};Jp=t([$("m3e-fab-menu-trigger")],Jp);
 /**
  * Adapted from Angular Material Form Field Control
  * Source: https://github.com/angular/components/blob/main/src/material/form-field/form-field-control.ts
@@ -56,7 +56,7 @@ const Qp=["m3e-input-chip-set","m3e-select"];function ev(e){return e instanceof
  * @license MIT
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
- */var av,iv,ov,rv,sv,nv,lv,cv,dv,hv,mv,uv,pv,vv,bv,fv,gv,yv,$v,wv,xv,kv,Cv,Sv,_v,Lv,Ev,zv,Mv,Pv;let Tv=class extends(z(P(r))){constructor(){super(),av.add(this),iv.set(this,null),ov.set(this,void 0),rv.set(this,()=>e(this,av,"m",Lv).call(this)),sv.set(this,()=>e(this,av,"m",Sv).call(this)),nv.set(this,new w(this,{target:null,config:{attributeFilter:["disabled","readonly","required"]},callback:()=>this.notifyControlStateChange()})),lv.set(this,new A(this,{target:null,callback:()=>e(this,av,"m",xv).call(this)})),cv.set(this,new K(this,{target:null,callback:t=>{t=t&&!(e(this,iv,"f")?.disabled??1),x(this,"--no-animate",!1),a(this,uv,t,"f"),t?x(this,"--float-label",!0):(this._invalid=!(e(this,iv,"f")?.checkValidity?.()??1),this.notifyControlStateChange())}})),dv.set(this,new w(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>e(this,av,"m",Mv).call(this)})),hv.set(this,new w(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>e(this,av,"m",Pv).call(this)})),mv.set(this,new Z(this,{target:null,callback:t=>x(this,"--pressed",t&&!(e(this,iv,"f")?.disabled??1))})),uv.set(this,!1),this._pseudoLabel="",this._required=!1,this._invalid=!1,this._validationMessage="",pv.set(this,""),vv.set(this,""),this.variant="outlined",this.hideRequiredMarker=!1,this.hideSubscript="auto",this.floatLabel="auto",new ne(this,{callback:()=>x(this,"--no-animate",!1)})}get menuAnchor(){return this._base}get control(){return e(this,iv,"f")}notifyControlStateChange(t=!1){this._required=!0===e(this,iv,"f")?.required,x(this,"--required",this._required),x(this,"--disabled",!0===e(this,iv,"f")?.disabled),x(this,"--readonly",fe(e(this,iv,"f"))&&!0===e(this,iv,"f").readOnly),"auto"===this.floatLabel&&x(this,"--float-label",e(this,av,"a",bv)||e(this,uv,"f")),t&&(this._invalid=!(e(this,iv,"f")?.checkValidity?.()??1)),x(this,"--invalid",this._invalid),this._validationMessage=e(this,iv,"f")?.validationMessage??"",this.isUpdatePending||this.performUpdate()}connectedCallback(){super.connectedCallback(),x(this,"--no-animate",!0)}disconnectedCallback(){super.disconnectedCallback(),e(this,av,"m",Ev).call(this,null)}reconnectedCallback(){super.reconnectedCallback(),e(this,av,"m",fv).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,av,"m",fv).call(this)}update(t){super.update(t),t.has("_invalid")&&e(this,iv,"f")&&(e(this,iv,"f").ariaInvalid=this._invalid?"true":null,e(this,vv,"f")&&(this._invalid?Fe.describe(e(this,iv,"f"),e(this,vv,"f")):Fe.removeDescription(e(this,iv,"f"),e(this,vv,"f"))))}render(){return s`<div class="base" @click="${e(this,av,"m",Cv)}">${"outlined"===this.variant?s`<div class="outline" aria-hidden="true"><div class="outline-start"></div><div class="outline-notch"><div class="pseudo-label">${this._pseudoLabel} ${!this.hideRequiredMarker&&this._required?s`&nbsp;*`:n}</div></div><div class="outline-end"></div></div>`:n}<div class="prefix"><slot name="prefix" @slotchange="${e(this,av,"m",$v)}"></slot></div><div class="content"><span class="prefix-text"><slot name="prefix-text"></slot></span><span class="input"><slot @slotchange="${e(this,av,"m",kv)}" @change="${e(this,av,"m",_v)}"></slot></span><span class="suffix-text"><slot name="suffix-text"></slot></span><span class="label"><slot name="label" @slotchange="${e(this,av,"m",yv)}"></slot>${!this.hideRequiredMarker&&this._required?s`<span class="required-marker" aria-hidden="true">&nbsp;*</span>`:n}</span></div><div class="suffix" @click="${e(this,av,"m",gv)}" @focusin="${e(this,av,"m",gv)}" @focusout="${e(this,av,"m",gv)}" @pointerdown="${e(this,av,"m",gv)}" @keydown="${e(this,av,"m",gv)}" @keyup="${e(this,av,"m",gv)}"><slot name="suffix" @slotchange="${e(this,av,"m",wv)}"></slot></div></div><span class="subscript" aria-hidden="true"><span class="error"><slot name="error">${this._validationMessage}</slot></span><span class="hint"><slot name="hint"></slot></span></span>`}};iv=new WeakMap,ov=new WeakMap,rv=new WeakMap,sv=new WeakMap,nv=new WeakMap,lv=new WeakMap,cv=new WeakMap,dv=new WeakMap,hv=new WeakMap,mv=new WeakMap,uv=new WeakMap,pv=new WeakMap,vv=new WeakMap,av=new WeakSet,bv=function(){return void 0!==e(this,iv,"f")?.shouldLabelFloat?!0===e(this,iv,"f").shouldLabelFloat:"string"==typeof e(this,iv,"f")?.value&&e(this,iv,"f").value.length>0},fv=function(){e(this,cv,"f").observe(this._base),e(this,mv,"f").observe(this._base),e(this,dv,"f").observe(this._hint),e(this,av,"m",Mv).call(this),e(this,hv,"f").observe(this._error),e(this,av,"m",Pv).call(this)},gv=function(e){e.stopImmediatePropagation(),e.stopPropagation()},yv=function(e){const t=e.target.assignedElements({flatten:!0});x(this,"--with-label",t.length>0),this._pseudoLabel=t[0]?.textContent??""},$v=function(t){x(this,"--with-prefix",g(t.target)),e(this,lv,"f").observe(this._prefix)},wv=function(e){x(this,"--with-suffix",g(e.target))},xv=function(){"outlined"===this.variant&&this._base.style.setProperty("--_prefix-width",`${this._prefix.clientWidth}px`)},kv=function(t){e(this,av,"m",Ev).call(this,tv(t.target))},Cv=function(t){!e(this,iv,"f")||e(this,uv,"f")||e(this,iv,"f").disabled||(e(this,iv,"f").onContainerClick?e(this,iv,"f").onContainerClick(t):e(this,iv,"f").focus())},Sv=function(){this._invalid=!0,this.notifyControlStateChange()},_v=function(){this._invalid=!(e(this,iv,"f")?.checkValidity?.()??1),this.notifyControlStateChange()},Lv=function(){this._invalid=!1,setTimeout(()=>this.notifyControlStateChange())},Ev=function(t){if(e(this,iv,"f")!==t&&(e(this,iv,"f")&&(e(this,pv,"f")&&Fe.removeDescription(e(this,iv,"f"),e(this,pv,"f")),e(this,vv,"f")&&Fe.removeDescription(e(this,iv,"f"),e(this,vv,"f")),e(this,nv,"f").unobserve(e(this,iv,"f")),e(this,iv,"f").removeEventListener("invalid",e(this,sv,"f")),e(this,iv,"f").form?.removeEventListener("reset",e(this,rv,"f")),e(this,ov,"f")?.call(this),a(this,ov,void 0,"f")),a(this,iv,t,"f"),["INPUT","TEXTAREA"].includes(e(this,iv,"f")?.tagName??"")?this._base.style.setProperty("--_form-field-cursor","text"):this._base.style.removeProperty("--_form-field-cursor"),x(this,"--with-select","M3E-SELECT"===e(this,iv,"f")?.tagName),H(this,"--with-select")&&this._base.style.setProperty("--_form-field-cursor","pointer"),e(this,iv,"f"))){e(this,nv,"f").observe(e(this,iv,"f")),e(this,iv,"f").addEventListener("invalid",e(this,sv,"f")),e(this,iv,"f").form?.addEventListener("reset",e(this,rv,"f")),e(this,iv,"f").removeAttribute("aria-invalid"),e(this,pv,"f")&&Fe.describe(e(this,iv,"f"),e(this,pv,"f")),this.notifyControlStateChange();const t=e(this,iv,"f").tagName.toLowerCase();t.startsWith("m3e-")&&!customElements.get(t)?customElements.whenDefined(t).then(()=>e(this,av,"m",zv).call(this)):e(this,av,"m",zv).call(this)}},zv=function(){e(this,iv,"f")&&a(this,ov,ge(e(this,iv,"f"),"value",{set:(e,t)=>{t(e),this.notifyControlStateChange(!0)}}),"f")},Mv=function(){const t=me(this._hint,!0);t!==e(this,pv,"f")&&(e(this,iv,"f")&&e(this,pv,"f")&&Fe.removeDescription(e(this,iv,"f"),e(this,pv,"f")),a(this,pv,t,"f"),e(this,iv,"f")&&e(this,pv,"f")&&Fe.describe(e(this,iv,"f"),e(this,pv,"f")))},Pv=function(){const t=me(this._error,!0);t!==e(this,vv,"f")&&(e(this,iv,"f")&&e(this,vv,"f")&&Fe.removeDescription(e(this,iv,"f"),e(this,vv,"f")),a(this,vv,t,"f"),e(this,iv,"f")&&e(this,vv,"f")&&this._invalid&&Fe.describe(e(this,iv,"f"),e(this,vv,"f")))},B(o`m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { user-select: none; color: currentColor; transition: opacity ${v.motion.duration.extraLong1}; } m3e-form-field[float-label="auto"]:not(:is(:state(--float-label), :--float-label)):is( :state(--with-label), :--with-label ) input::placeholder, m3e-form-field[float-label="auto"]:not(:is(:state(--float-label), :--float-label)):is( :state(--with-label), :--with-label ) textarea::placeholder { opacity: 0; transition: opacity 0s; } m3e-form-field[variant="outlined"] m3e-input-chip-set { margin-block: calc(calc(3.5rem + ${v.density.calc(-2)}) / 4); } @media (prefers-reduced-motion) { m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { transition: none !important; } }`),Tv.styles=o`:host { display: inline-flex; flex-direction: column; vertical-align: middle; font-size: var(--m3e-form-field-font-size, ${v.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${v.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${v.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${v.typescale.standard.body.large.tracking}); width: var(--m3e-form-field-width, 14.5rem); color: var(--_form-field-color); } :host(:not(:is(:state(--disabled), :--disabled))) .base { cursor: var(--_form-field-cursor); } .base { display: flex; align-items: center; position: relative; min-height: calc(3.5rem + ${v.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize} ); --_form-field-label-line-height: var( --m3e-form-field-label-line-height, ${v.typescale.standard.body.small.lineHeight} ); } .content { display: flex; align-items: center; position: relative; flex: 1 1 auto; min-width: 0; min-height: var(--m3e-form-field-icon-size, 1.5rem); } .prefix, .suffix { display: flex; align-items: center; position: relative; user-select: none; flex: none; font-size: var(--m3e-form-field-icon-size, 1.5rem); } .prefix-text, .suffix-text { opacity: 1; transition: opacity ${v.motion.duration.extraLong1}; user-select: none; flex: none; } .input { display: inline-flex; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; } .label { display: flex; position: absolute; pointer-events: none; user-select: none; top: 0; left: 0; right: 0; font-size: var(--m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-form-field-label-font-weight, ${v.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-form-field-label-line-height, ${v.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-form-field-label-tracking, ${v.typescale.standard.body.small.tracking}); color: var(--_form-field-label-color, inherit); transition: ${i(`top ${v.motion.duration.short4}, \n        font-size ${v.motion.duration.short4}, \n        line-height ${v.motion.duration.short4}`)}; } :host(:is(:state(--with-select), :--with-select)) .label { margin-inline-end: 1.5rem; } ::slotted([slot="label"]) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .subscript { display: inline-flex; width: 100%; margin-top: 0.25rem; font-size: var(--m3e-form-field-subscript-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-form-field-subscript-font-weight, ${v.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-form-field-subscript-line-height, ${v.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-form-field-subscript-tracking, ${v.typescale.standard.body.small.tracking}); min-height: var(--m3e-form-field-subscript-line-height, ${v.typescale.standard.body.small.lineHeight}); color: var(--m3e-form-field-subscript-color, ${v.color.onSurfaceVariant}); } .error, .hint { flex: 1 1 auto; } :host([hide-subscript="always"]) .subscript { display: none; } :host([hide-subscript="auto"]:not(:is(:state(--invalid), :--invalid))) .subscript { opacity: 0; margin-top: 0px; margin-bottom: 0.25rem; transition: ${i(`opacity ${v.motion.duration.short4}, \n        margin-top ${v.motion.duration.short4}, \n        margin-bottom ${v.motion.duration.short4}`)}; } :host([hide-subscript="auto"]:not(:is(:state(--invalid), :--invalid)):focus-within) .subscript, :host([hide-subscript="auto"]:not(:is(:state(--invalid), :--invalid)):is(:state(--pressed), :--pressed)) .subscript { opacity: 1; margin-top: 0.25rem; margin-bottom: 0; } :host(:is(:state(--invalid), :--invalid)) .hint { display: none; } :host(:not(:is(:state(--invalid), :--invalid))) .error { display: none; } ::slotted(input), ::slotted(textarea), ::slotted(select) { outline: unset; border: unset; background-color: transparent; box-shadow: none; font-family: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: var(--_form-field-input-color, inherit); flex: 1 1 auto; min-width: 0; padding: unset; } ::slotted(textarea) { scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; } ::slotted(m3e-select), ::slotted(m3e-input-chip-set) { flex: 1 1 auto; min-width: 0; } :host([float-label="auto"]:not(:is(:state(--float-label), :--float-label)):not(:is(:state(--pressed), :--pressed))) .label { font-size: inherit; } :host([float-label="auto"]:not(:is(:state(--float-label), :--float-label)):is(:state(--with-label), :--with-label)) .prefix-text, :host([float-label="auto"]:not(:is(:state(--float-label), :--float-label)):is(:state(--with-label), :--with-label)) .suffix-text { opacity: 0; transition: opacity 0s; } .prefix { margin-inline-start: 1rem; } :host(:is(:state(--with-prefix), :--with-prefix)) .prefix { margin-inline-end: 1rem; margin-inline-start: 0.75rem; } .suffix { margin-inline-end: 1rem; } :host(:is(:state(--with-suffix), :--with-suffix)) .suffix { margin-inline-start: 0.25rem; margin-inline-end: 0.5rem; } :host(:is(:state(--with-suffix), :--with-suffix):is(:state(--with-select), :--with-select)) .suffix { margin-inline-start: unset; } :host(:is(:state(--with-select), :--with-select)) .suffix-text { display: none; } :host([variant="outlined"]) .label { margin-top: calc(0px - var(--_form-field-label-line-height) / 2); } :host([variant="outlined"]) .outline { position: absolute; display: flex; pointer-events: none; left: 0; top: 0; bottom: 0; right: 0; } :host([variant="outlined"]) .pseudo-label { visibility: hidden; margin-inline-end: 0.5rem; font-size: var(--_form-field-label-font-size); line-height: var(--_form-field-label-line-height); letter-spacing: var(--_form-field-label-tracking); max-width: 100%; transition-property: max-width, margin-inline-end; transition-duration: 1ms; } :host([variant="outlined"]:is(:state(--required), :--required):not([hide-required-marker])) .pseudo-label { margin-inline-end: 0.25rem; } :host( [variant="outlined"][float-label="auto"]:not(:is(:state(--float-label), :--float-label)):not( :is(:state(--pressed), :--pressed) ) ) .pseudo-label { max-width: 0; margin-inline-end: 0px; transition-delay: ${v.motion.duration.short2}; } :host([variant="outlined"]) .outline-start, :host([variant="outlined"]) .outline-notch, :host([variant="outlined"]) .outline-end { box-sizing: border-box; border-width: var(--_form-field-outline-size, 1px); border-color: var(--_form-field-outline-color); transition: border-color ${v.motion.duration.short4}; } :host([variant="outlined"]:not(:is(:state(--with-label), :--with-label))) .outline-notch { display: none; } :host([variant="outlined"]) .outline-start { min-width: 0.75rem; border-top-style: solid; border-inline-start-style: solid; border-bottom-style: solid; border-start-start-radius: var(--m3e-outlined-form-field-container-shape, ${v.shape.corner.extraSmall}); border-end-start-radius: var(--m3e-outlined-form-field-container-shape, ${v.shape.corner.extraSmall}); } :host([variant="outlined"]) .outline-notch { border-bottom-style: solid; } :host([variant="outlined"]) .outline-end { flex-grow: 1; min-width: 1rem; border-top-style: solid; border-inline-end-style: solid; border-bottom-style: solid; border-start-end-radius: var(--m3e-outlined-form-field-container-shape, ${v.shape.corner.extraSmall}); border-end-end-radius: var(--m3e-outlined-form-field-container-shape, ${v.shape.corner.extraSmall}); } :host([variant="outlined"]:is(:state(--with-prefix), :--with-prefix)) .outline-start { min-width: calc(1.25rem + var(--_prefix-width, 0px) + 0.25rem); } :host([variant="outlined"]:not(:is(:state(--disabled), :--disabled))) .base:hover .outline, :host([variant="outlined"]:not(:is(:state(--disabled), :--disabled)):focus-within) .outline, :host([variant="outlined"]:not(:is(:state(--disabled), :--disabled)):is(:state(--pressed), :--pressed)) .outline { --_form-field-outline-size: 2px; } :host([variant="outlined"]) .subscript { margin-inline: 1rem; width: calc(100% - 2rem); } :host([variant="outlined"]) .content { min-height: calc(3.5rem + ${v.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize} ); } :host( [variant="outlined"][float-label="auto"]:not(:is(:state(--float-label), :--float-label)):not( :is(:state(--pressed), :--pressed) ) ) .label { margin-top: unset; line-height: calc(3.5rem + ${v.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize} ); } :host([variant="filled"]) .base { --_select-arrow-margin-top: calc( 0px - calc(1rem / max(calc(0 - calc(var(--md-sys-density-scale, 0) + var(--md-sys-density-scale, 0))), 1)) ); } :host([variant="filled"]) .base::before { content: ""; box-sizing: border-box; position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; border-bottom-style: solid; border-width: 1px; border-radius: var(--m3e-form-field-container-shape, ${v.shape.corner.extraSmallTop}); border-color: var(--_form-field-outline-color); background-color: var(--_form-field-container-color); } :host([variant="filled"]:not(:is(:state(--disabled), :--disabled))) .base:hover::before, :host([variant="filled"]:not(:is(:state(--disabled), :--disabled)):focus-within) .base::before, :host([variant="filled"]:not(:is(:state(--disabled), :--disabled)):is(:state(--pressed), :--pressed)) .base::before { border-width: 3px; } :host([variant="filled"]) .base::after { content: ""; box-sizing: border-box; position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--_form-field-hover-container-color); transition: background-color ${v.motion.duration.short4}; } :host([variant="filled"]) .subscript { margin-inline: 1rem; width: calc(100% - 2rem); } :host([variant="filled"]) .content { padding-top: calc(1.5rem + ${v.density.calc(-2)}); margin-bottom: 0.5rem; } :host([variant="filled"]) .label { top: calc(0.5rem + ${v.density.calc(-2)}); } :host( [variant="filled"][float-label="auto"]:not(:is(:state(--float-label), :--float-label)):not( :is(:state(--pressed), :--pressed) ) ) .label { top: 0px; line-height: calc(3.5rem + ${v.density.calc(-2)} - 0.0625rem); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize} ); } :host(:not(:is(:state(--disabled), :--disabled)):not(:focus-within):not(:is(:state(--pressed), :--pressed))) .base:hover { --_form-field-hover-container-color: color-mix( in srgb, var(--m3e-form-field-hover-container-color, ${v.color.onSurface}) var(--m3e-form-field-hover-container-opacity, 8%), transparent ); } :host(:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid))) { color: var(--m3e-form-field-color, ${v.color.onSurface}); } :host([variant="outlined"]:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid))) .base { --_form-field-outline-color: var(--m3e-form-field-outline-color, ${v.color.outline}); } :host([variant="filled"]:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid))) .base { --_form-field-outline-color: var(--m3e-form-field-outline-color, ${v.color.onSurfaceVariant}); } :host( [variant="outlined"]:not(:is(:state(--disabled), :--disabled)):not( :is(:state(--invalid), :--invalid) ):focus-within ) .base, :host( [variant="outlined"]:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid)):is( :state(--pressed), :--pressed ) ) .base, :host( [variant="filled"]:not(:is(:state(--disabled), :--disabled)):not( :is(:state(--invalid), :--invalid) ):focus-within ) .base, :host( [variant="filled"]:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid)):is( :state(--pressed), :--pressed ) ) .base { --_form-field-outline-color: var(--m3e-form-field-focused-outline-color, ${v.color.primary}); --_form-field-label-color: var(--m3e-form-field-focused-color, ${v.color.primary}); } :host(:not(:is(:state(--disabled), :--disabled))) .base { --_form-field-container-color: var( --m3e-form-field-container-color, ${v.color.surfaceContainerHighest} ); } :host(:not(:is(:state(--disabled), :--disabled)):is(:state(--invalid), :--invalid)) .base { --_form-field-label-color: var(--m3e-form-field-invalid-color, ${v.color.error}); --_form-field-outline-color: var(--m3e-form-field-invalid-color, ${v.color.error}); } :host(:not(:is(:state(--disabled), :--disabled)):is(:state(--invalid), :--invalid)) .subscript { color: var(--m3e-form-field-invalid-color, ${v.color.error}); } :host(:is(:state(--disabled), :--disabled)) { color: color-mix( in srgb, var(--m3e-form-field-disabled-color, ${v.color.onSurface}) var(--m3e-form-field-disabled-opacity, 38%), transparent ); } :host(:is(:state(--disabled), :--disabled)) .base { --_form-field-container-color: color-mix( in srgb, var(--m3e-form-field-disabled-container-color, ${v.color.onSurface}) var(--m3e-form-field-disabled-container-opacity, 4%), transparent ); } :host(:is(:state(--no-animate), :--no-animate)) *, :host(:is(:state(--no-animate), :--no-animate)) *::before, :host(:is(:state(--no-animate), :--no-animate)) *::after { transition: none !important; } @media (forced-colors: active) { :host([variant="filled"]) .base::after { transition: none; } :host { --_form-field-outline-color: CanvasText; } :host(:is(:state(--disabled), :--disabled)) { --_form-field-input-color: GrayText; --_form-field-color: GrayText; --_form-field-label-color: GrayText; --_form-field-outline-color: GrayText; } } @media (prefers-reduced-motion) { .base::before, .prefix-text, .suffix-text, .label, .subscript, .outline-start, .outline-notch, .outline-end, .pseudo-label { transition: none !important; } }`,t([h(".base")],Tv.prototype,"_base",void 0),t([h(".prefix")],Tv.prototype,"_prefix",void 0),t([h(".error")],Tv.prototype,"_error",void 0),t([h(".hint")],Tv.prototype,"_hint",void 0),t([p()],Tv.prototype,"_pseudoLabel",void 0),t([p()],Tv.prototype,"_required",void 0),t([p()],Tv.prototype,"_invalid",void 0),t([p()],Tv.prototype,"_validationMessage",void 0),t([m({reflect:!0})],Tv.prototype,"variant",void 0),t([m({attribute:"hide-required-marker",type:Boolean,reflect:!0})],Tv.prototype,"hideRequiredMarker",void 0),t([m({attribute:"hide-subscript",reflect:!0})],Tv.prototype,"hideSubscript",void 0),t([m({attribute:"float-label",reflect:!0})],Tv.prototype,"floatLabel",void 0),Tv=t([$("m3e-form-field")],Tv);let Iv=class extends r{constructor(){super(...arguments),this.emphasized=!1,this.variant="display",this.size="medium"}update(e){super.update(e),e.has("level")&&(this.ariaLevel=void 0!==this.level?`${this.level}`:null,this.role=this.ariaLevel?"heading":null)}render(){return s`<slot></slot>`}};var Dv,Av,Wv,Hv,Ov;Iv.styles=o`:host { display: block; } :host([variant="display"][size="large"]:not([emphasized])) { font-size: ${v.typescale.standard.display.large.fontSize}; font-weight: ${v.typescale.standard.display.large.fontWeight}; line-height: ${v.typescale.standard.display.large.lineHeight}; letter-spacing: ${v.typescale.standard.display.large.tracking}; } :host([variant="display"][size="medium"]:not([emphasized])) { font-size: ${v.typescale.standard.display.medium.fontSize}; font-weight: ${v.typescale.standard.display.medium.fontWeight}; line-height: ${v.typescale.standard.display.medium.lineHeight}; letter-spacing: ${v.typescale.standard.display.medium.tracking}; } :host([variant="display"][size="small"]:not([emphasized])) { font-size: ${v.typescale.standard.display.small.fontSize}; font-weight: ${v.typescale.standard.display.small.fontWeight}; line-height: ${v.typescale.standard.display.small.lineHeight}; letter-spacing: ${v.typescale.standard.display.small.tracking}; } :host([variant="headline"][size="large"]:not([emphasized])) { font-size: ${v.typescale.standard.headline.large.fontSize}; font-weight: ${v.typescale.standard.headline.large.fontWeight}; line-height: ${v.typescale.standard.headline.large.lineHeight}; letter-spacing: ${v.typescale.standard.headline.large.tracking}; } :host([variant="headline"][size="medium"]:not([emphasized])) { font-size: ${v.typescale.standard.headline.medium.fontSize}; font-weight: ${v.typescale.standard.headline.medium.fontWeight}; line-height: ${v.typescale.standard.headline.medium.lineHeight}; letter-spacing: ${v.typescale.standard.headline.medium.tracking}; } :host([variant="headline"][size="small"]:not([emphasized])) { font-size: ${v.typescale.standard.headline.small.fontSize}; font-weight: ${v.typescale.standard.headline.small.fontWeight}; line-height: ${v.typescale.standard.headline.small.lineHeight}; letter-spacing: ${v.typescale.standard.headline.small.tracking}; } :host([variant="title"][size="large"]:not([emphasized])) { font-size: ${v.typescale.standard.title.large.fontSize}; font-weight: ${v.typescale.standard.title.large.fontWeight}; line-height: ${v.typescale.standard.title.large.lineHeight}; letter-spacing: ${v.typescale.standard.title.large.tracking}; } :host([variant="title"][size="medium"]:not([emphasized])) { font-size: ${v.typescale.standard.title.medium.fontSize}; font-weight: ${v.typescale.standard.title.medium.fontWeight}; line-height: ${v.typescale.standard.title.medium.lineHeight}; letter-spacing: ${v.typescale.standard.title.medium.tracking}; } :host([variant="title"][size="small"]:not([emphasized])) { font-size: ${v.typescale.standard.title.small.fontSize}; font-weight: ${v.typescale.standard.title.small.fontWeight}; line-height: ${v.typescale.standard.title.small.lineHeight}; letter-spacing: ${v.typescale.standard.title.small.tracking}; } :host([variant="label"][size="large"]:not([emphasized])) { font-size: ${v.typescale.standard.label.large.fontSize}; font-weight: ${v.typescale.standard.label.large.fontWeight}; line-height: ${v.typescale.standard.label.large.lineHeight}; letter-spacing: ${v.typescale.standard.label.large.tracking}; } :host([variant="label"][size="medium"]:not([emphasized])) { font-size: ${v.typescale.standard.label.medium.fontSize}; font-weight: ${v.typescale.standard.label.medium.fontWeight}; line-height: ${v.typescale.standard.label.medium.lineHeight}; letter-spacing: ${v.typescale.standard.label.medium.tracking}; } :host([variant="label"][size="small"]:not([emphasized])) { font-size: ${v.typescale.standard.label.small.fontSize}; font-weight: ${v.typescale.standard.label.small.fontWeight}; line-height: ${v.typescale.standard.label.small.lineHeight}; letter-spacing: ${v.typescale.standard.label.small.tracking}; } :host([variant="display"][size="large"][emphasized]) { font-size: ${v.typescale.emphasized.display.large.fontSize}; font-weight: ${v.typescale.emphasized.display.large.fontWeight}; line-height: ${v.typescale.emphasized.display.large.lineHeight}; letter-spacing: ${v.typescale.emphasized.display.large.tracking}; } :host([variant="display"][size="medium"][emphasized]) { font-size: ${v.typescale.emphasized.display.medium.fontSize}; font-weight: ${v.typescale.emphasized.display.medium.fontWeight}; line-height: ${v.typescale.emphasized.display.medium.lineHeight}; letter-spacing: ${v.typescale.emphasized.display.medium.tracking}; } :host([variant="display"][size="small"][emphasized]) { font-size: ${v.typescale.emphasized.display.small.fontSize}; font-weight: ${v.typescale.emphasized.display.small.fontWeight}; line-height: ${v.typescale.emphasized.display.small.lineHeight}; letter-spacing: ${v.typescale.emphasized.display.small.tracking}; } :host([variant="headline"][size="large"][emphasized]) { font-size: ${v.typescale.emphasized.headline.large.fontSize}; font-weight: ${v.typescale.emphasized.headline.large.fontWeight}; line-height: ${v.typescale.emphasized.headline.large.lineHeight}; letter-spacing: ${v.typescale.emphasized.headline.large.tracking}; } :host([variant="headline"][size="medium"][emphasized]) { font-size: ${v.typescale.emphasized.headline.medium.fontSize}; font-weight: ${v.typescale.emphasized.headline.medium.fontWeight}; line-height: ${v.typescale.emphasized.headline.medium.lineHeight}; letter-spacing: ${v.typescale.emphasized.headline.medium.tracking}; } :host([variant="headline"][size="small"][emphasized]) { font-size: ${v.typescale.emphasized.headline.small.fontSize}; font-weight: ${v.typescale.emphasized.headline.small.fontWeight}; line-height: ${v.typescale.emphasized.headline.small.lineHeight}; letter-spacing: ${v.typescale.emphasized.headline.small.tracking}; } :host([variant="title"][size="large"][emphasized]) { font-size: ${v.typescale.emphasized.title.large.fontSize}; font-weight: ${v.typescale.emphasized.title.large.fontWeight}; line-height: ${v.typescale.emphasized.title.large.lineHeight}; letter-spacing: ${v.typescale.emphasized.title.large.tracking}; } :host([variant="title"][size="medium"][emphasized]) { font-size: ${v.typescale.emphasized.title.medium.fontSize}; font-weight: ${v.typescale.emphasized.title.medium.fontWeight}; line-height: ${v.typescale.emphasized.title.medium.lineHeight}; letter-spacing: ${v.typescale.emphasized.title.medium.tracking}; } :host([variant="title"][size="small"][emphasized]) { font-size: ${v.typescale.emphasized.title.small.fontSize}; font-weight: ${v.typescale.emphasized.title.small.fontWeight}; line-height: ${v.typescale.emphasized.title.small.lineHeight}; letter-spacing: ${v.typescale.emphasized.title.small.tracking}; } :host([variant="label"][size="large"][emphasized]) { font-size: ${v.typescale.emphasized.label.large.fontSize}; font-weight: ${v.typescale.emphasized.label.large.fontWeight}; line-height: ${v.typescale.emphasized.label.large.lineHeight}; letter-spacing: ${v.typescale.emphasized.label.large.tracking}; } :host([variant="label"][size="medium"][emphasized]) { font-size: ${v.typescale.emphasized.label.medium.fontSize}; font-weight: ${v.typescale.emphasized.label.medium.fontWeight}; line-height: ${v.typescale.emphasized.label.medium.lineHeight}; letter-spacing: ${v.typescale.emphasized.label.medium.tracking}; } :host([variant="label"][size="small"][emphasized]) { font-size: ${v.typescale.emphasized.label.small.fontSize}; font-weight: ${v.typescale.emphasized.label.small.fontWeight}; line-height: ${v.typescale.emphasized.label.small.lineHeight}; letter-spacing: ${v.typescale.emphasized.label.small.tracking}; }`,t([m({type:Boolean,reflect:!0})],Iv.prototype,"emphasized",void 0),t([m({reflect:!0})],Iv.prototype,"variant",void 0),t([m({reflect:!0})],Iv.prototype,"size",void 0),t([m({type:Number})],Iv.prototype,"level",void 0),Iv=t([$("m3e-heading")],Iv);const Bv=/^[MmLlHhVvCcSsQqTtAaZz0-9.,\s-]+$/,Fv=/^-?\d+(\.\d+)?\s+-?\d+(\.\d+)?\s+-?\d+(\.\d+)?\s+-?\d+(\.\d+)?$/;class Vv{static addIcon(t,a,i){const o="string"==typeof i.outlined,r="string"==typeof i.filled;if("string"==typeof i.outlined&&(i.outlined={viewBox:"0 -960 960 960",path:i.outlined}),"string"==typeof i.filled&&(i.filled={viewBox:"0 -960 960 960",path:i.filled}),e(this,Dv,"m",Ov).call(this,t,a,i.outlined,o),e(this,Dv,"m",Ov).call(this,t,a,i.filled,r),void 0!==window){const o=e(this,Dv,"m",Hv).call(this,t,a);e(this,Dv,"f",Av).set(o,{outlined:d`<svg viewBox="${i.outlined.viewBox}"><path d="${i.outlined.path}"/></svg>`,filled:d`<svg viewBox="${i.filled.viewBox}"><path d="${i.filled.path}"/></svg>`}),e(this,Dv,"f",Wv).get(o)?.forEach(e=>e())}}static isIconRegistered(t,a){return void 0!==window&&e(this,Dv,"f",Av).has(e(this,Dv,"m",Hv).call(this,t,a))}static renderIcon(t,a,i){const o=e(this,Dv,"f",Av).get(e(this,Dv,"m",Hv).call(this,t,a));return i?o?.filled:o?.outlined}static observe(t,a,i){if(void 0===window)return()=>{};const o=e(this,Dv,"m",Hv).call(this,t,a);return e(this,Dv,"f",Wv).has(o)?e(this,Dv,"f",Wv).get(o)?.push(i):e(this,Dv,"f",Wv).set(o,[i]),()=>{const t=e(this,Dv,"f",Wv).get(o);if(t){const a=t.indexOf(i);a>=0&&t.splice(a,1),0==t.length&&e(this,Dv,"f",Wv).delete(o)}}}}var Rv;Dv=Vv,Hv=function(e,t){return`${t}-${e}`},Ov=function(e,t,a,i=!1){if(!i&&!Fv.test(a.viewBox))throw new Error(`Unable to register icon '${e}' for variant '${t}'. Invalid viewbox data.`);if(!Bv.test(a.path))throw new Error(`Unable to register icon '${e}' for variant '${t}'. Invalid path data.`)},Av={value:new Map},Wv={value:new Map};let qv=class extends(f(r,"img")){constructor(){super(...arguments),Rv.set(this,void 0),this.name="",this.variant="outlined",this.filled=!1,this.grade="medium",this.weight=400,this.opticalSize=24}connectedCallback(){this.hasAttribute("aria-label")||this.hasAttribute("aria-labelledby")||this.hasAttribute("aria-hidden")||(this.ariaHidden="true"),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),e(this,Rv,"f")?.call(this)}willUpdate(t){super.willUpdate(t),t.has("name")&&!Vv.isIconRegistered(this.name,this.variant)&&a(this,Rv,Vv.observe(this.name,this.variant,()=>{this.requestUpdate(),e(this,Rv,"f")?.call(this),a(this,Rv,void 0,"f")}),"f")}updated(e){super.updated(e),e.has("filled")&&this._icon?.style.setProperty("--_icon-fill",this.filled?"1":"0"),e.has("grade")&&this._icon?.style.setProperty("--_icon-grade","low"===this.grade?"-25":"high"===this.grade?"200":"0"),e.has("weight")&&this._icon?.style.setProperty("--_icon-weight",`${this.weight}`),e.has("opticalSize")&&this._icon?.style.setProperty("--_icon-optical-size",`${this.opticalSize}`)}render(){return Vv.isIconRegistered(this.name,this.variant)?Vv.renderIcon(this.name,this.variant,this.filled):s`<div class="icon" aria-hidden="true">${this.name}</div>`}};function Nv(e,t,a){Vv.addIcon(e,t,a)}Rv=new WeakMap,qv.styles=o`:host { display: inline-block; user-select: none; font-size: var(--m3e-icon-size, 1.5rem); width: 1em; height: 1em; vertical-align: middle; overflow: hidden; } .icon { font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; width: inherit; height: inherit; vertical-align: inherit; font-variation-settings: "FILL" var(--_icon-fill, 0), "wght" var(--_icon-weight, 400), "GRAD" var(--_icon-grade, 0), "opsz" var(--_icon-optical-size, 24); } :host([variant="outlined"]) .icon { font-family: "Material Symbols Outlined"; } :host([variant="rounded"]) .icon { font-family: "Material Symbols Rounded"; } :host([variant="sharp"]) .icon { font-family: "Material Symbols Sharp"; } svg { fill: currentColor; font-size: inherit; width: 1em; height: 1em; }`,t([h(".icon")],qv.prototype,"_icon",void 0),t([m()],qv.prototype,"name",void 0),t([m({reflect:!0})],qv.prototype,"variant",void 0),t([m({type:Boolean,reflect:!0})],qv.prototype,"filled",void 0),t([m()],qv.prototype,"grade",void 0),t([m({type:Number})],qv.prototype,"weight",void 0),t([m({attribute:"optical-size",type:Number})],qv.prototype,"opticalSize",void 0),qv=t([$("m3e-icon")],qv);const Uv={"extra-small":{containerHeight:i(`calc(var(--m3e-icon-button-extra-small-container-height, var(--m3e-icon-button-container-height, 2rem)) + ${v.density.calc(0)})`),outlineThickness:i("var(--m3e-icon-button-extra-small-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:i(`calc(var(--m3e-icon-button-extra-small-icon-size, var(--m3e-icon-button-icon-size, 1.25rem)) + ${v.density.calc(0)})`),shapeRound:i(`var(--m3e-icon-button-extra-small-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-extra-small-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.medium}))`),selectedShapeRound:i(`var(--m3e-icon-button-extra-small-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.medium}))`),selectedShapeSquare:i(`var(--m3e-icon-button-extra-small-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-extra-small-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.small}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-extra-small-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.25rem)) + ${v.density.calc(0)})`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-extra-small-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.25rem)) + ${v.density.calc(0)})`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-extra-small-default-leading-space, var(--m3e-icon-button-default-leading-space, 0.375rem)) + ${v.density.calc(0)})`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-extra-small-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 0.375rem)) + ${v.density.calc(0)})`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-extra-small-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 0.625rem)) + ${v.density.calc(0)})`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-extra-small-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 0.625rem)) + ${v.density.calc(0)})`)},small:{containerHeight:i(`calc(var(--m3e-icon-button-small-container-height, var(--m3e-icon-button-container-height, 2.5rem)) + ${v.density.calc(-1)})`),outlineThickness:i("var(--m3e-icon-button-small-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:i(`calc(var(--m3e-icon-button-small-icon-size, var(--m3e-icon-button-icon-size, 1.5rem)) + ${v.density.calc(-1)})`),shapeRound:i(`var(--m3e-icon-button-small-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-small-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.medium}))`),selectedShapeRound:i(`var(--m3e-icon-button-small-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.medium}))`),selectedShapeSquare:i(`var(--m3e-icon-button-small-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-small-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.small}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-small-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.25rem)) + ${v.density.calc(-1)})`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-small-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.25rem)) + ${v.density.calc(-1)})`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-small-default-leading-space, var(--m3e-icon-button-default-leading-space, 0.5rem)) + ${v.density.calc(-1)})`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-small-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 0.5rem)) + ${v.density.calc(-1)})`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-small-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 0.875rem)) + ${v.density.calc(-1)})`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-small-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 0.875rem)) + ${v.density.calc(-1)})`)},medium:{containerHeight:i(`calc(var(--m3e-icon-button-medium-container-height, var(--m3e-icon-button-container-height, 3.5rem)) + ${v.density.calc(-2)})`),outlineThickness:i("var(--m3e-icon-button-medium-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:i(`calc(var(--m3e-icon-button-medium-icon-size, var(--m3e-icon-button-icon-size, 1.5rem)) + ${v.density.calc(-2)})`),shapeRound:i(`var(--m3e-icon-button-medium-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-medium-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.large}))`),selectedShapeRound:i(`var(--m3e-icon-button-medium-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.large}))`),selectedShapeSquare:i(`var(--m3e-icon-button-medium-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-medium-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.medium}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-medium-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.75rem)) + ${v.density.calc(-2)})`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-medium-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.75rem)) + ${v.density.calc(-2)})`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-medium-default-leading-space, var(--m3e-icon-button-default-leading-space, 1rem)) + ${v.density.calc(-2)})`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-medium-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 1rem)) + ${v.density.calc(-2)})`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-medium-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 1.5rem)) + ${v.density.calc(-2)})`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-medium-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 1.5rem)) + ${v.density.calc(-2)})`)},large:{containerHeight:i(`calc(var(--m3e-icon-button-large-container-height, var(--m3e-icon-button-container-height, 6rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-icon-button-large-outline-thickness, var(--m3e-icon-button-outline-thickness, 2px))"),iconSize:i(`calc(var(--m3e-icon-button-large-icon-size, var(--m3e-icon-button-icon-size, 2rem)) + ${v.density.calc(-3)})`),shapeRound:i(`var(--m3e-icon-button-large-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-large-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.extraLarge}))`),selectedShapeRound:i(`var(--m3e-icon-button-large-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.extraLarge}))`),selectedShapeSquare:i(`var(--m3e-icon-button-large-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-large-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.large}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-large-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 1rem)) + ${v.density.calc(-3)})`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-large-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 1rem)) + ${v.density.calc(-3)})`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-large-default-leading-space, var(--m3e-icon-button-default-leading-space, 2rem)) + ${v.density.calc(-3)})`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-large-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 2rem)) + ${v.density.calc(-3)})`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-large-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 3rem)) + ${v.density.calc(-3)})`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-large-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 3rem)) + ${v.density.calc(-3)})`)},"extra-large":{containerHeight:i(`calc(var(--m3e-icon-button-extra-large-container-height, var(--m3e-icon-button-container-height, 8.5rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-icon-button-extra-large-outline-thickness, var(--m3e-icon-button-outline-thickness, 3px))"),iconSize:i(`calc(var(--m3e-icon-button-extra-large-icon-size, var(--m3e-icon-button-icon-size, 2.5rem)) + ${v.density.calc(-3)})`),shapeRound:i(`var(--m3e-icon-button-extra-large-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-extra-large-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.extraLarge}))`),selectedShapeRound:i(`var(--m3e-icon-button-extra-large-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.extraLarge}))`),selectedShapeSquare:i(`var(--m3e-icon-button-extra-large-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-extra-large-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.large}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-extra-large-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 2rem)) + ${v.density.calc(-3)})`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-extra-large-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 2rem)) + ${v.density.calc(-3)})`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-extra-large-default-leading-space, var(--m3e-icon-button-default-leading-space, 3rem)) + ${v.density.calc(-3)})`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-extra-large-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 3rem)) + ${v.density.calc(-3)})`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-extra-large-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 4.5rem)) + ${v.density.calc(-3)})`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-extra-large-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 4.5rem)) + ${v.density.calc(-3)})`)}};function jv(e){return o`:host([size="${i(e)}"]) .base { height: ${Uv[e].containerHeight}; } :host([size="${i(e)}"][width="default"]) .wrapper { padding-inline-start: calc( ${Uv[e].defaultLeadingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); padding-inline-end: calc( ${Uv[e].defaultTrailingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); } :host([size="${i(e)}"][width="narrow"]) .wrapper { padding-inline-start: calc( ${Uv[e].narrowLeadingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); padding-inline-end: calc( ${Uv[e].narrowTrailingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); } :host([size="${i(e)}"][width="wide"]) .wrapper { padding-inline-start: calc( ${Uv[e].wideLeadingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); padding-inline-end: calc(${Uv[e].wideTrailingSpace} - calc(var(--_adjacent-shrink, 0px) / 2)); } :host([size="${i(e)}"]) .icon { font-size: ${Uv[e].iconSize}; } :host([size="${i(e)}"]) .base { outline-offset: calc(0px - ${Uv[e].outlineThickness}); outline-width: ${Uv[e].outlineThickness}; } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="rounded"]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Uv[e].shapeRound}); } :host( :is(:state(--connected), :--connected)[size="${i(e)}"][shape="rounded"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Uv[e].shapeRound}); } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="square"]) .base { border-radius: ${Uv[e].shapeSquare}; } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="rounded"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: ${Uv[e].selectedShapeRound}; } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="square"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Uv[e].selectedShapeSquare}); } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"]:is(:state(--pressed), :--pressed)) .base { border-radius: ${Uv[e].shapePressedMorph}; } :host(:is(:state(--connected), :--connected)[size="${i(e)}"][shape="rounded"]:not([toggle][selected])) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Uv[e].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Uv[e].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Uv[e].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Uv[e].shapeRound}) ); } :host(:is(:state(--connected), :--connected)[size="${i(e)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${Uv[e].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${Uv[e].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${Uv[e].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${Uv[e].shapeSquare}); } :host( :is(:state(--connected), :--connected)[size="${i(e)}"][shape="square"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Uv[e].selectedShapeSquare}); } :host(:is(:state(--connected), :--connected)[size="${i(e)}"]:is(:state(--pressed), :--pressed)) .base { border-start-start-radius: var( --_button-start-shape-pressed-morph, ${Uv[e].shapePressedMorph} ); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${Uv[e].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${Uv[e].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${Uv[e].shapePressedMorph}); }`}const Yv=[jv("extra-small"),jv("small"),jv("medium"),jv("large"),jv("extra-large")],Kv=o`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: auto; right: auto; } :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base { transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n          border-radius ${v.motion.spring.fastEffects}`)}; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; transition: ${i(`padding-inline ${v.motion.spring.fastEffects}`)}; } .icon { transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; --m3e-icon-size: 1em; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } ::slotted(*) { font-size: inherit !important; flex: none; transform: var(--_icon-button-icon-transform); transform-origin: center center; transition: ${i(`transform var(--_icon-button-icon-transform-transition, ${v.motion.spring.fastEffects})`)}; } ::slotted(svg) { width: 1em; height: 1em; } :host([toggle]:not([selected])) .base.with-selected-icon slot[name="selected"], :host([toggle][selected]) .base.with-selected-icon slot:not([name]) { display: none; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host(:is(:state(--grouped), :--grouped):is(:state(--connected), :--connected)) { flex: 1 1 auto; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) { transition: ${i(`width ${v.motion.spring.fastEffects}`)}; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) .wrapper { transition: ${i(`padding-inline ${v.motion.spring.fastEffects}`)}; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) { flex-shrink: 0; flex-grow: 0; } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):not( :is(:state(--pressed), :--pressed, :state(--adjacent-pressed), :--adjacent-pressed) ) ) { width: var(--_button-width); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):not( :is(:state(--pressed), :--pressed) ):is(:state(--adjacent-pressed), :--adjacent-pressed) ) { width: calc(var(--_button-width) - var(--_adjacent-shrink, 0px)); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):is( :state(--pressed), :--pressed ):not([disabled-interactive]):not(:disabled) ) { width: calc( var(--_button-width) + calc(var(--_button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15)) ); } @media (forced-colors: active) { .base, .icon { transition: none; } :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base { transition: border-radius ${v.motion.spring.fastEffects}; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon, :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected]):focus) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .base { background-color: ButtonText; outline: none; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon, :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]:focus) .icon { forced-color-adjust: none; color: ButtonFace; background-color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } .base { outline-style: solid; } :host([size="extra-small"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-extra-small-outline-thickness, 1px)); outline-width: var(--m3e-icon-button-extra-small-outline-thickness, 1px); } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-small-outline-thickness, 1px)); outline-width: var(--m3e-icon-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-icon-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-large-outline-thickness, 2px)); outline-width: var(--m3e-icon-button-large-outline-thickness, 2px); } :host([size="extra-large"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-extra-large-outline-thickness, 3px)); outline-width: var(--m3e-icon-button-extra-large-outline-thickness, 3px); } } @media (prefers-reduced-motion) { :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))), :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) .wrapper, :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base, .base, .wrapper, .icon { transition: none; } }`,Zv={elevated:{iconColor:i(`var(--m3e-elevated-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.primary}))`),containerColor:i(`var(--m3e-elevated-icon-button-container-color, var(--m3e-icon-button-container-color, ${v.color.surfaceContainerLow}))`),containerElevation:i(`var(--m3e-elevated-icon-button-container-elevation, var(--m3e-icon-button-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-elevated-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.primary}))`),unselectedContainerColor:i(`var(--m3e-elevated-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${v.color.surfaceContainerLow}))`),selectedIconColor:i(`var(--m3e-elevated-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.onPrimary}))`),selectedContainerColor:i(`var(--m3e-elevated-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-elevated-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-elevated-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-elevated-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-elevated-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))"),containerElevation:i(`var(--m3e-elevated-icon-button-disabled-container-elevation, var(--m3e-icon-button-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-elevated-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-icon-button-hover-container-elevation, var(--m3e-icon-button-hover-container-elevation, ${v.elevation.level2}))`),unselectedIconColor:i(`var(--m3e-elevated-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.onPrimary}))`)},focus:{iconColor:i(`var(--m3e-elevated-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-icon-button-focus-container-elevation, var(--m3e-icon-button-focus-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-elevated-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.onPrimary}))`)},pressed:{iconColor:i(`var(--m3e-elevated-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-icon-button-pressed-container-elevation, var(--m3e-icon-button-pressed-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-elevated-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.onPrimary}))`)}},outlined:{iconColor:i(`var(--m3e-outlined-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-icon-button-outline-color, var(--m3e-icon-button-outline-color, ${v.color.outlineVariant}))`),unselectedIconColor:i(`var(--m3e-outlined-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedContainerColor:i(`var(--m3e-outlined-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${v.color.inverseSurface}))`),disabled:{containerColor:i(`var(--m3e-outlined-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-outlined-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-outlined-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-outlined-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))"),outlineColor:i(`var(--m3e-outlined-icon-button-disabled-outline-color, var(--m3e-icon-button-disabled-outline-color, ${v.color.outlineVariant}))`)},hover:{iconColor:i(`var(--m3e-outlined-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-icon-button-hover-outline-color, var(--m3e-icon-button-hover-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.inverseOnSurface}))`)},focus:{iconColor:i(`var(--m3e-outlined-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-icon-button-focus-outline-color, var(--m3e-icon-button-focus-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.inverseOnSurface}))`)},pressed:{iconColor:i(`var(--m3e-outlined-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-icon-button-pressed-outline-color, var(--m3e-icon-button-pressed-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.inverseOnSurface}))`)}},filled:{iconColor:i(`var(--m3e-filled-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.onPrimary}))`),containerColor:i(`var(--m3e-filled-icon-button-container-color, var(--m3e-icon-button-container-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-filled-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedContainerColor:i(`var(--m3e-filled-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${v.color.surfaceContainer}))`),selectedIconColor:i(`var(--m3e-filled-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.onPrimary}))`),selectedContainerColor:i(`var(--m3e-filled-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-filled-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-filled-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-filled-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-filled-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:i(`var(--m3e-filled-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-filled-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.onPrimary}))`)},focus:{iconColor:i(`var(--m3e-filled-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-filled-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.onPrimary}))`)},pressed:{iconColor:i(`var(--m3e-filled-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-filled-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.onPrimary}))`)}},tonal:{iconColor:i(`var(--m3e-tonal-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.onSecondaryContainer}))`),containerColor:i(`var(--m3e-tonal-icon-button-container-color, var(--m3e-icon-button-container-color, ${v.color.secondaryContainer}))`),unselectedIconColor:i(`var(--m3e-tonal-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedContainerColor:i(`var(--m3e-tonal-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${v.color.secondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.onSecondary}))`),selectedContainerColor:i(`var(--m3e-tonal-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${v.color.secondary}))`),disabled:{containerColor:i(`var(--m3e-tonal-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-tonal-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-tonal-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-tonal-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:i(`var(--m3e-tonal-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-tonal-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.onSecondary}))`)},focus:{iconColor:i(`var(--m3e-tonal-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-tonal-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.onSecondary}))`)},pressed:{iconColor:i(`var(--m3e-tonal-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-tonal-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.onSecondary}))`)}},standard:{iconColor:i(`var(--m3e-standard-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.onSurfaceVariant}))`),unselectedIconColor:i(`var(--m3e-standard-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-standard-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.primary}))`),disabled:{containerColor:i("var(--m3e-standard-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, transparent))"),containerOpacity:i("var(--m3e-standard-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-standard-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-standard-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:i(`var(--m3e-standard-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.onSurfaceVariant}))`),stateLayerColor:i(`var(--m3e-standard-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-standard-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-standard-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-standard-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-standard-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-standard-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.primary}))`)},focus:{iconColor:i(`var(--m3e-standard-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.onSurfaceVariant}))`),stateLayerColor:i(`var(--m3e-standard-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-standard-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-standard-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-standard-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-standard-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-standard-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.primary}))`)},pressed:{iconColor:i(`var(--m3e-standard-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.onSurfaceVariant}))`),stateLayerColor:i(`var(--m3e-standard-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-standard-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-standard-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-standard-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-standard-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-standard-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.primary}))`)}}};function Xv(e){return o`:host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Zv[e].containerColor??i("unset")}; --m3e-state-layer-hover-color: ${Zv[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Zv[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Zv[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Zv[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${Zv[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Zv[e].pressed.stateLayerOpacity}; --m3e-elevation-level: ${Zv[e].containerElevation??i("unset")}; --m3e-elevation-hover-level: ${Zv[e].hover.containerElevation??i("unset")}; --m3e-elevation-focus-level: ${Zv[e].focus.containerElevation??i("unset")}; --m3e-elevation-pressed-level: ${Zv[e].pressed.containerElevation??i("unset")}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${Zv[e].unselectedContainerColor??i("unset")}; --m3e-state-layer-hover-color: ${Zv[e].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${Zv[e].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${Zv[e].pressed.unselectedStateLayerColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Zv[e].selectedContainerColor??i("unset")}; --m3e-state-layer-hover-color: ${Zv[e].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${Zv[e].focus.selectedStateLayerColor}; --m3e-ripple-color: ${Zv[e].pressed.selectedStateLayerColor}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Zv[e].outlineColor??i("unset")}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Zv[e].focus.outlineColor??i("unset")}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Zv[e].hover.outlineColor??i("unset")}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .base { outline-color: ${Zv[e].pressed.outlineColor??i("unset")}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].selectedIconColor}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].focus.iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].focus.unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].focus.selectedIconColor}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].hover.iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].hover.unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].hover.selectedIconColor}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .icon { color: ${Zv[e].pressed.iconColor}; } :host( [variant="${i(e)}"][toggle]:not([selected]):is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${Zv[e].pressed.unselectedIconColor}; } :host( [variant="${i(e)}"][toggle][selected]:is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${Zv[e].pressed.selectedIconColor}; } :host([variant="${i(e)}"]:disabled) .base, :host([variant="${i(e)}"][disabled-interactive]) .base { outline-color: ${Zv[e].disabled.outlineColor??i("unset")}; background-color: color-mix( in srgb, ${Zv[e].disabled.containerColor} ${Zv[e].disabled.containerOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .icon, :host([variant="${i(e)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${Zv[e].disabled.iconColor} ${Zv[e].disabled.iconOpacity}, transparent ); }`}const Gv=[Xv("standard"),Xv("outlined"),Xv("filled"),Xv("tonal"),Xv("elevated"),o`:host([variant="outlined"]:not([toggle][selected]):not(:disabled):not([disabled-interactive])) .base { outline-style: solid; }`];var Jv,Qv,eb,tb,ab,ib,ob;let rb=class extends(V(R(j(q(Y(N(P(f(r,"button"),!0)))))))){constructor(){super(),Jv.add(this),Qv.set(this,t=>e(this,Jv,"m",ib).call(this,t)),this.variant="standard",this.shape="rounded",this.size="small",this.width="default",this.toggle=!1,this.selected=!1,new A(this,{callback:()=>this._handleResize()}),new K(this,{callback:e=>{this.disabledInteractive||e||this.grouped||this._base?.style.removeProperty("--_button-shape")}}),new Z(this,{isPressedKey:e=>" "===e,minPressedDuration:150,callback:t=>{this.disabled||this.disabledInteractive||(t?(e(this,Jv,"m",eb).call(this),e(this,Jv,"m",tb).call(this,!0)):e(this,Jv,"m",tb).call(this,!1))}})}get grouped(){return H(this,"--grouped")}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[U]()}<div class="wrapper">${this.toggle?s`<slot class="icon" name="selected" aria-hidden="true" @slotchange="${e(this,Jv,"m",ob)}"></slot>`:n}<slot class="icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Qv,"f"))}disconnectedCallback(){super.disconnectedCallback(),["--pressed","--resting","--grouped","--connected"].forEach(e=>k(this,e)),this._base?.style.removeProperty("--_button-shape"),this.style.removeProperty("--_button-width"),this.style.removeProperty("--_adjacent-shrink"),k(this,"--adjacent-pressed"),this.removeEventListener("click",e(this,Qv,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){if(super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(k(this,"--pressed"),k(this,"--resting")),(e.has("toggle")||e.has("selected"))&&(this.ariaPressed=this.toggle?`${this.selected}`:null,this.toggle))for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}_handleResize(){this.grouped&&!H(this,"--no-resize")&&this!==document.activeElement&&(this.style.setProperty("--_button-width",`${this.getBoundingClientRect().width}px`),e(this,Jv,"m",eb).call(this,!0))}};var sb,nb,lb,cb,db,hb,mb;Qv=new WeakMap,Jv=new WeakSet,eb=function(e=!1){if(!this._base)return;const t=parseFloat(getComputedStyle(this._base).borderRadius);if(!isNaN(t)||e){const a=this.clientHeight/2;(a<t||e)&&this._base?.style.setProperty("--_button-shape",`${a}px`)}},tb=function(t){const a=this.getBoundingClientRect().width,i=this.closest("m3e-button-group");if(i&&"standard"===i.variant){const o=[...i.querySelectorAll("m3e-button,m3e-icon-button")],r=o.indexOf(this);if(t){let e=a*parseFloat(getComputedStyle(this).getPropertyValue("--m3e-standard-button-group-width-multiplier")||"0.15");r>0&&r<o.length-1&&(e/=2);for(let t=0;t<o.length;t++)t==r-1||t==r+1?(L(o[t],"--no-resize"),o[t].style.setProperty("--_adjacent-shrink",`${e}px`),L(o[t],"--adjacent-pressed")):t==r?(L(o[t],"--no-resize"),o[t].style.removeProperty("--_adjacent-shrink"),k(o[t],"--adjacent-pressed")):(k(o[t],"--no-resize"),o[t].style.removeProperty("--_adjacent-shrink"),k(o[t],"--adjacent-pressed"))}else{for(let e=0;e<o.length;e++)e!=r-1&&e!=r+1||o[e].style.setProperty("--_adjacent-shrink","0px");C()?e(this,Jv,"m",ab).call(this,o):this.addEventListener("transitionend",t=>{"width"===t.propertyName&&queueMicrotask(()=>{H(this,"--pressed")||e(this,Jv,"m",ab).call(this,o)})},{once:!0})}}x(this,"--pressed",t),x(this,"--resting",!t)},ab=function(e){for(const t of e)k(t,"--adjacent-pressed"),k(t,"--no-resize"),t.style.removeProperty("--_adjacent-shrink")},ib=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation()),this.toggle&&!e.defaultPrevented&&this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},ob=function(e){this._base?.classList.toggle("with-selected-icon",g(e.target))},rb.styles=[Yv,Gv,Kv],t([h(".base")],rb.prototype,"_base",void 0),t([h(".elevation")],rb.prototype,"_elevation",void 0),t([h(".focus-ring")],rb.prototype,"_focusRing",void 0),t([h(".state-layer")],rb.prototype,"_stateLayer",void 0),t([h(".ripple")],rb.prototype,"_ripple",void 0),t([m({reflect:!0})],rb.prototype,"variant",void 0),t([m({reflect:!0})],rb.prototype,"shape",void 0),t([m({reflect:!0})],rb.prototype,"size",void 0),t([m({reflect:!0})],rb.prototype,"width",void 0),t([m({type:Boolean,reflect:!0})],rb.prototype,"toggle",void 0),t([m({type:Boolean,reflect:!0})],rb.prototype,"selected",void 0),t([y(40)],rb.prototype,"_handleResize",null),rb=t([$("m3e-icon-button")],rb);let ub=class extends(z(P(f(r,"listitem")))){constructor(){super(...arguments),sb.add(this),nb.set(this,new A(this,{target:null,callback:()=>e(this,sb,"m",hb).call(this)})),lb.set(this,void 0),cb.set(this,void 0)}get leadingContentType(){return e(this,lb,"f")}get trailingContentType(){return e(this,cb,"f")}reconnectedCallback(){super.reconnectedCallback(),e(this,sb,"m",db).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,sb,"m",db).call(this)}render(){return s`<div class="base">${this._renderBase()}</div>`}_renderBase(){return s`<slot name="leading" @slotchange="${this._handleLeadingSlotChange}"><slot name="leading-icon" @slotchange="${this._handleLeadingSlotChange}"></slot></slot><div class="content"><slot name="overline"></slot><slot></slot><slot name="supporting-text"></slot></div><slot name="trailing" @slotchange="${this._handleTrailingSlotChange}"><slot name="trailing-supporting-text" @slotchange="${this._handleTrailingSlotChange}"></slot><slot name="trailing-icon" @slotchange="${this._handleTrailingSlotChange}"></slot></slot>`}_handleLeadingSlotChange(t){const i=e(this,lb,"f");a(this,lb,e(this,sb,"m",mb).call(this,t.target),"f"),x(this,"--has-leading",void 0!==e(this,lb,"f")),i!==e(this,lb,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyLeadingContentTypeChange(i,e(this,lb,"f"))}_handleTrailingSlotChange(t){const i=e(this,cb,"f");a(this,cb,e(this,sb,"m",mb).call(this,t.target),"f"),x(this,"--has-trailing",void 0!==e(this,cb,"f")),i!==e(this,cb,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyTrailingContentTypeChange(i,e(this,cb,"f"))}};var pb,vb,bb,fb,gb;nb=new WeakMap,lb=new WeakMap,cb=new WeakMap,sb=new WeakSet,db=function(){const t=this.shadowRoot?.querySelector(".content");t&&e(this,nb,"f").observe(t)},hb=function(){const e=this.shadowRoot?.querySelector(".content")??null,t=null===e?0:ye(e);x(this,"--one-line",t<=1),x(this,"--two-line",2==t),x(this,"--three-line",t>2)},mb=function(e){const t=e.assignedElements({flatten:!0});return t.some(e=>"VIDEO"===e.tagName)?"video":t.some(e=>"IMG"===e.tagName)?"image":t.some(e=>"M3E-AVATAR"===e.tagName)?"avatar":t.some(e=>"M3E-ICON"===e.tagName)?"icon":t.length>0?"text":void 0},ub.styles=o`:host { display: block; } .base { display: flex; min-height: inherit; width: 100%; box-sizing: border-box; column-gap: var(--m3e-list-item-between-space, 1rem); padding-inline-start: var(--m3e-list-item-leading-space, 1rem); padding-inline-end: var(--m3e-list-item-trailing-space, 1rem); border-top-left-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-container-shape, ${v.shape.corner.none}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-container-shape, ${v.shape.corner.none}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-container-shape, ${v.shape.corner.none}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-container-shape, ${v.shape.corner.none}) ); transition: ${i(`border-radius ${v.motion.spring.fastEffects}, background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:is(:state(--one-line), :--one-line)) { min-height: calc(var(--m3e-list-item-one-line-height, 3.5rem) + ${v.density.calc(-3)}); } :host(:is(:state(--one-line), :--one-line)) .base { padding-block-start: var(--m3e-list-item-one-line-top-space, 0.5rem); padding-block-end: var(--m3e-list-item-one-line-bottom-space, 0.5rem); } :host(:is(:state(--two-line), :--two-line)) { min-height: calc(var(--m3e-list-item-two-line-height, 4.5rem) + ${v.density.calc(-3)}); } :host(:is(:state(--two-line), :--two-line)) .base { padding-block-start: var(--m3e-list-item-two-line-top-space, 0.5rem); padding-block-end: var(--m3e-list-item-two-line-bottom-space, 0.5rem); } :host(:is(:state(--three-line), :--three-line)) { min-height: calc(var(--m3e-list-item-three-line-height, 5.5rem) + ${v.density.calc(-3)}); } :host(:is(:state(--three-line), :--three-line)) .base { padding-block-start: var(--m3e-list-item-three-line-top-space, 0.75rem); padding-block-end: var(--m3e-list-item-three-line-bottom-space, 0.75rem); } :host(:not(:is(:state(--three-line), :--three-line))) .base { align-items: center; } :host(:is(:state(--three-line), :--three-line)) .base { align-items: flex-start; } :host(:not(:disabled):not([selected])) .base:not(.hover).focus-visible:not(.pressed) { border-top-left-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-focus-container-shape, ${v.shape.corner.large}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-focus-container-shape, ${v.shape.corner.large}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-focus-container-shape, ${v.shape.corner.large}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-focus-container-shape, ${v.shape.corner.large}) ); } :host(:not(:disabled):not([selected])) .base.hover, :host(:not(:disabled):not([selected])) .base.pressed { border-top-left-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-hover-container-shape, ${v.shape.corner.medium}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-hover-container-shape, ${v.shape.corner.medium}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-hover-container-shape, ${v.shape.corner.medium}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-hover-container-shape, ${v.shape.corner.medium}) ); } .content { flex: 1 1 auto; display: flex; flex-direction: column; align-items: unset; justify-content: unset; } ::slotted([slot="overline"]) { font-size: var(--m3e-list-item-overline-font-size, ${v.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-list-item-overline-font-weight, ${v.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-list-item-overline-line-height, ${v.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-list-item-overline-tracking, ${v.typescale.standard.label.small.tracking}); } ::slotted([slot="supporting-text"]) { font-size: var(--m3e-list-item-supporting-text-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var( --m3e-list-item-supporting-text-font-weight, ${v.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-list-item-supporting-text-line-height, ${v.typescale.standard.body.medium.lineHeight} ); letter-spacing: var( --m3e-list-item-supporting-text-tracking, ${v.typescale.standard.body.medium.tracking} ); } ::slotted(:not([slot])) { font-size: var(--m3e-list-item-font-size, ${v.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-list-item-font-weight, ${v.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-list-item-line-height, ${v.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-list-item-tracking, ${v.typescale.standard.body.large.tracking}); } :host(:is(:state(--has-leading), :--has-leading)) slot[name="leading"], :host(:is(:state(--has-trailing), :--has-trailing)) slot[name="trailing"] { display: flex; justify-content: center; } :host(:not(:is(:state(--has-leading), :--has-leading))) slot[name="leading"] { display: var(--_list-item-leading-reserved-display, contents); } :host(:not(:is(:state(--has-trailing), :--has-trailing))) slot[name="trailing"] { display: var(--_list-item-trailing-reserved-display, contents); } slot[name="leading"] { min-width: var(--_list-item-leading-reserved-space, 0px); margin-inline-start: calc(0px - var(--_list-item-leading-reserved-outset, 0px)); } slot[name="trailing"] { min-width: var(--_list-item-trailing-reserved-space, 0px); margin-inline-end: calc(0px - var(--_list-item-trailing-reserved-outset, 0px)); } ::slotted(span[slot="trailing"]), ::slotted([slot="trailing-supporting-text"]) { white-space: nowrap; font-size: var(--m3e-list-item-trailing-text-font-size, ${v.typescale.standard.label.small.fontSize}); font-weight: var( --m3e-list-item-trailing-text-font-weight, ${v.typescale.standard.label.small.fontWeight} ); line-height: var( --m3e-list-item-trailing-text-line-height, ${v.typescale.standard.label.small.lineHeight} ); letter-spacing: var( --m3e-list-item-trailing-text-tracking, ${v.typescale.standard.label.small.tracking} ); } ::slotted(video[slot="leading"]), ::slotted(video[slot="trailing"]), ::slotted(img[slot="leading"]), ::slotted(img[slot="trailing"]) { display: block; margin: 0 auto; overflow: hidden; object-fit: cover; } ::slotted(video) { width: var(--m3e-list-item-video-width, 6.25rem); height: var(--m3e-list-item-video-height, 3.5rem); } ::slotted(video[slot="leading"]), ::slotted(video[slot="trailing"]) { border-radius: var(--m3e-list-item-video-shape, ${v.shape.corner.none}); } ::slotted(video[slot="leading"]) { margin-inline-start: calc(0px - var(--_list-item-leading-video-outset, 0px)); } ::slotted(video[slot="trailing"]) { margin-inline-end: calc(0px - var(--_list-item-trailing-video-outset, 0px)); } ::slotted(img) { user-drag: none; user-select: none; pointer-events: none; width: var(--m3e-list-item-image-width, 3.5rem); height: var(--m3e-list-item-image-height, 3.5rem); } ::slotted(img[slot="leading"]), ::slotted(img[slot="trailing"]) { border-radius: var(--m3e-list-item-image-shape, ${v.shape.corner.none}); } ::slotted(m3e-icon[slot="leading"]), ::slotted(m3e-icon[slot="leading-icon"]), ::slotted(m3e-icon[slot="trailing"]), ::slotted(m3e-icon[slot="trailing-icon"]) { --m3e-icon-size: var(--m3e-list-item-icon-size, 1.5rem); } :host(:not(:disabled)) ::slotted(m3e-icon[slot="leading"]), :host(:not(:disabled)) ::slotted(m3e-icon[slot="leading-icon"]) { color: var(--m3e-list-item-leading-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled)) .content { color: var(--m3e-list-item-label-text-color, ${v.color.onSurface}); } :host(:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-overline-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-supporting-text-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled)) ::slotted([slot="trailing"]), :host(:not(:disabled)) ::slotted([slot="trailing-supporting-text"]), :host(:not(:disabled)) ::slotted([slot="trailing-icon"]) { color: var(--m3e-list-item-trailing-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled)) .base { background-color: var(--_list-item-container-color, var(--m3e-list-item-container-color, transparent)); } :host(:disabled) .base { background-color: var(--m3e-list-item-disabled-container-color, transparent); } :host(:disabled) ::slotted(video), :host(:disabled) ::slotted(img), :host(:disabled) ::slotted(m3e-avatar) { opacity: var(--m3e-list-item-disabled-media-opacity, 38%); } :host(:disabled) .content { color: color-mix( in srgb, var(--m3e-list-item-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="overline"]) { color: color-mix( in srgb, var(--m3e-list-item-disabled-overline-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-overline-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="supporting-text"]) { color: color-mix( in srgb, var(--m3e-list-item-disabled-supporting-text-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-supporting-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="leading"]), :host(:disabled) ::slotted([slot="leading-icon"]) { color: color-mix( in srgb, var(--m3e-list-item-disabled-leading-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-leading-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="trailing"]), :host(:disabled) ::slotted([slot="trailing-supporting-text"]), :host(:disabled) ::slotted([slot="trailing-icon"]) { color: color-mix( in srgb, var(--m3e-list-item-disabled-trailing-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-trailing-opacity, 38%), transparent ); } :host(:not(:disabled)) .state-layer { --m3e-state-layer-hover-color: var(--m3e-list-item-hover-state-layer-color, ${v.color.onSurface}); --m3e-state-layer-hover-opacity: var( --m3e-list-item-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var(--m3e-list-item-focus-state-layer-color, ${v.color.onSurface}); --m3e-state-layer-focus-opacity: var( --m3e-list-item-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity} ); } :host(:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-pressed-state-layer-color, ${v.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity} ); } @media (forced-colors: active) { .base { transition: none; } :host(:disabled) ::slotted([slot="leading"]), :host(:disabled) ::slotted([slot="leading-icon"]), :host(:disabled) .content, :host(:disabled) ::slotted([slot="overline"]), :host(:disabled) ::slotted([slot="supporting-text"]), :host(:disabled) ::slotted([slot="trailing"]), :host(:disabled) ::slotted([slot="trailing-supporting-text"]), :host(:disabled) ::slotted([slot="trailing-icon"]) { color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`,ub=t([$("m3e-list-item")],ub);let yb=class extends(P(f(r,"list"))){constructor(){super(...arguments),pb.add(this),vb.set(this,new Array),bb.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),fb.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),this.variant="standard"}get items(){return e(this,vb,"f")}get leadingContentType(){return e(this,bb,"f").video>0?"video":e(this,bb,"f").image>0?"image":e(this,bb,"f").avatar>0?"avatar":e(this,bb,"f").icon>0?"icon":e(this,bb,"f").text>0?"text":void 0}get trailingContentType(){return e(this,fb,"f").video>0?"video":e(this,fb,"f").image>0?"image":e(this,fb,"f").avatar>0?"avatar":e(this,fb,"f").icon>0?"icon":e(this,fb,"f").text>0?"text":void 0}render(){return s`<slot @slotchange="${e(this,pb,"m",gb)}"></slot>`}notifyItemsChange(){}notifyLeadingContentTypeChange(t,a){t&&e(this,bb,"f")[t]--,a&&e(this,bb,"f")[a]++,["video","image","avatar","icon"].forEach(e=>{x(this,`--has-leading-${e}`,this.leadingContentType===e)})}notifyTrailingContentTypeChange(t,a){t&&e(this,fb,"f")[t]--,a&&e(this,fb,"f")[a]--,["video","image","avatar","icon"].forEach(e=>{x(this,`--has-trailing-${e}`,this.trailingContentType===e)})}};var $b,wb,xb,kb,Cb,Sb,_b,Lb,Eb;vb=new WeakMap,bb=new WeakMap,fb=new WeakMap,pb=new WeakSet,gb=function(t){a(this,vb,t.target.assignedElements({flatten:!0}).filter(e=>e instanceof ub),"f"),e(this,vb,"f").forEach((t,a)=>{x(t,"--first",0===a),x(t,"--last",a===e(this,vb,"f").length-1)}),this.notifyItemsChange()},yb.styles=o`:host { display: flex; flex-direction: column; overflow-y: auto; box-sizing: border-box; padding-block: var(--m3e-list-block-padding, 0px); --m3e-divider-inset-start-size: var(--m3e-list-divider-inset-start-size, 1rem); --m3e-divider-inset-end-size: var(--m3e-list-divider-inset-end-size, 1.5rem); } :host([variant="standard"]) { --_list-item-leading-video-outset: var(--m3e-list-item-leading-space, 1rem); --_list-item-trailing-video-outset: var(--m3e-list-item-trailing-space, 1rem); --_expandable-list-item-expanded-toggle-icon-container-color: transparent; } :host([variant="segmented"]) { row-gap: var(--m3e-segmented-list-segment-gap, 0.125rem); } :host([variant="segmented"]) { --m3e-list-item-container-color: var(--m3e-segmented-list-item-container-color, ${v.color.surface}); --m3e-list-item-disabled-container-color: var( --m3e-segmented-list-item-disabled-container-color, ${v.color.surface} ); --m3e-list-item-container-shape: var( --m3e-segmented-list-item-container-shape, ${v.shape.corner.extraSmall} ); --m3e-list-item-hover-container-shape: var( --m3e-segmented-list-item-hover-container-shape, ${v.shape.corner.medium} ); --m3e-list-item-focus-container-shape: var( --m3e-segmented-list-item-focus-container-shape, ${v.shape.corner.large} ); --m3e-list-item-selected-container-shape: var( --m3e-segmented-list-item-selected-container-shape, ${v.shape.corner.large} ); --m3e-list-item-video-shape: var(--m3e-segmented-list-item-video-shape, ${v.shape.corner.small}); --m3e-list-item-image-shape: var(--m3e-segmented-list-item-image-shape, ${v.shape.corner.small}); --m3e-list-item-between-space: var(--m3e-segmented-list-item-spacing, 0.75rem); --_expandable-list-item-items-segment-gap: var(--m3e-segmented-list-segment-gap, 0.125rem); --_expandable-list-item-expanded-top-shape: var( --m3e-segmented-list-container-shape, ${v.shape.corner.large} ); } :host([variant="segmented"]) ::slotted(:is(:state(--first), :--first)), :host([variant="segmented"]) ::slotted(:is(:state(--has-previous-open), :--has-previous-open):not([open])) { --_list-item-top-container-shape: var(--m3e-segmented-list-container-shape, ${v.shape.corner.large}); } :host([variant="segmented"]) ::slotted(:is(:state(--has-next-open), :--has-next-open):not([open])), :host([variant="segmented"]) ::slotted(:is(:state(--last), :--last)) { --_list-item-bottom-container-shape: var(--m3e-segmented-list-container-shape, ${v.shape.corner.large}); } :host([variant="segmented"]) ::slotted(m3e-divider) { display: none; } :host(:is(:state(--has-leading-video), :--has-leading-video)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-video-width, 6.25rem); } :host([variant="standard"]:is(:state(--has-leading-video), :--has-leading-video)) { --_list-item-leading-reserved-outset: var(--m3e-list-item-leading-space, 1rem); --_list-item-trailing-reserved-outset: var(--m3e-list-item-trailing-space, 1rem); } :host(:is(:state(--has-leading-image), :--has-leading-image)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-image-width, 3.5rem); } :host(:is(:state(--has-leading-avatar), :--has-leading-avatar)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-avatar-size, 2.5rem); } :host(:is(:state(--has-leading-icon), :--has-leading-icon)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-icon-size, 1.5rem); }`,t([m({reflect:!0})],yb.prototype,"variant",void 0),yb=t([$("m3e-list")],yb);let zb=Eb=class extends ub{constructor(){super(...arguments),$b.add(this),wb.set(this,Eb.__nextId++),xb.set(this,`m3e-expandable-list-item-${e(this,wb,"f")}-content`),kb.set(this,`m3e-expandable-list-item-${e(this,wb,"f")}-header`),Cb.set(this,new Array),this.disabled=!1,this.open=!1}get items(){return e(this,Cb,"f")}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}updated(e){if(super.updated(e),e.has("open")){for(let e=this.previousElementSibling;e;e=e.previousElementSibling)if(e instanceof ub){x(e,"--has-next-open",this.open);break}for(let e=this.nextElementSibling;e;e=e.nextElementSibling)if(e instanceof ub){x(e,"--has-previous-open",this.open);break}}}render(){return s`<div class="base"><m3e-list-item-button id="${e(this,kb,"f")}" class="header" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${e(this,xb,"f")}" @click="${e(this,$b,"m",Sb)}"><slot name="leading" slot="leading" @slotchange="${this._handleLeadingSlotChange}"></slot><slot name="overline" slot="overline"></slot><slot></slot><slot name="supporting-text" slot="supporting-text"></slot><div class="toggle-container" slot="trailing" aria-hidden="true"><div class="toggle"><slot name="toggle-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg></slot></div></div></m3e-list-item-button><m3e-collapsible id="${e(this,xb,"f")}" class="items" role="list" aria-labelledby="${e(this,kb,"f")}" ?open="${this.open}" @opening="${e(this,$b,"m",_b)}" @opened="${e(this,$b,"m",_b)}" @closing="${e(this,$b,"m",_b)}" @closed="${e(this,$b,"m",_b)}"><slot name="items" @slotchange="${e(this,$b,"m",Lb)}"></slot></m3e-collapsible></div>`}};var Mb,Pb;wb=new WeakMap,xb=new WeakMap,kb=new WeakMap,Cb=new WeakMap,$b=new WeakSet,Sb=function(e){e.defaultPrevented||(this.open=!this.open,this.closest("m3e-action-list")?.[We].updateActiveItem(this.button))},_b=function(e){e.stopPropagation(),["opening","opened","closing","closed"].forEach(t=>{this.button?.classList.toggle(t,e.type===t)}),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},Lb=function(t){a(this,Cb,t.target.assignedElements({flatten:!0}).flatMap(e=>[...e.childNodes].filter(e=>e instanceof ub)),"f"),e(this,Cb,"f").forEach((t,a)=>{a==e(this,Cb,"f").length-1?t.style.setProperty("--_list-item-bottom-container-shape",`var(--m3e-segmented-list-container-shape, ${v.shape.corner.large})`):t.style.removeProperty("--_list-item-bottom-container-shape")}),this.closest("m3e-list, m3e-action-list, m3e-selection-list")?.notifyItemsChange()},zb.styles=o`:host { display: block; } .header { width: 100%; margin-bottom: 0px; transition: ${i(`margin-bottom \n        var(--m3e-expandable-list-item-bounce-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; --_list-item-button-trailing-align-self: stretch; } .toggle-container { display: flex; align-items: center; justify-content: center; align-self: stretch; width: var(--m3e-expandable-list-item-toggle-icon-container-width, 2rem); border-radius: var(--m3e-expandable-list-item-toggle-icon-container-shape, ${v.shape.corner.full}); transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .toggle { display: flex; align-items: center; justify-content: center; vertical-align: middle; font-size: var(--m3e-expandable-list-item-toggle-icon-size, 1.5rem); transition: ${i(`transform ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .toggle svg, ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } :host([open]) .toggle-container { background-color: var( --_expandable-list-item-expanded-toggle-icon-container-color, var(--m3e-expandable-list-item-expanded-toggle-icon-container-color, ${v.color.surfaceContainer}) ); } :host([open]) .toggle { transform: rotate(180deg); } :host([open]) .header { --_list-item-top-container-shape: var(--_expandable-list-item-expanded-top-shape, initial); --_list-item-bottom-container-shape: initial; margin-bottom: var(--_expandable-list-item-items-segment-gap, 0px); } :host([open]) .header.opening { margin-bottom: calc( var(--_expandable-list-item-items-segment-gap, 0px) * var(--m3e-expandable-list-item-bounce-factor, 4) ); } :host([open]) .header, :host([open]) .items { --_list-item-container-color: var( --m3e-expandable-list-item-expanded-container-color, var(--m3e-list-item-container-color, transparent) ); } .base, ::slotted([slot="items"]) { display: flex; flex-direction: column; box-sizing: border-box; } ::slotted([slot="items"]) { flex: none; --_list-item-top-container-shape: initial; --_list-item-bottom-container-shape: initial; row-gap: var(--_expandable-list-item-items-segment-gap, 0px); } .items { --m3e-collapsible-animation-duration: var( --m3e-expandable-list-item-expand-duration, ${v.motion.duration.medium1} ); } @media (forced-colors: active) { .header { transition: none; } :host([open]) .header.opening { margin-bottom: var(--_expandable-list-item-items-segment-gap, 0px); } } @media (prefers-reduced-motion) { .header, .toggle-container, .toggle { transition: none; } }`,zb.__nextId=0,t([m({type:Boolean,reflect:!0})],zb.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],zb.prototype,"open",void 0),t([h(".header")],zb.prototype,"button",void 0),zb=Eb=t([$("m3e-expandable-list-item")],zb);let Tb=class extends yb{constructor(){super(...arguments),Mb.set(this,e=>this[We].onKeyDown(e)),this[Pb]=(new Be).withWrap().withHomeAndEnd().withVerticalOrientation().withSkipPredicate(e=>{if(e.disabled)return!0;const t=e.getRootNode().host;if("items"===t.parentElement?.slot){let e=t.closest("m3e-expandable-list-item");for(;e;){if(!e.open)return!0;const t=e.closest("m3e-expandable-list-item,m3e-action-list");if(!(t instanceof zb))break;e=t}}return!1})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,Mb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,Mb,"f"))}async notifyItemsChange(){const e=[...this.querySelectorAll("m3e-list-action,m3e-expandable-list-item")];for(const t of e)t.isUpdatePending&&await t.updateComplete;this.isUpdatePending&&await this.updateComplete;const{added:t}=this[We].setItems(e.map(e=>e.button));this[We].activeItem||this[We].updateActiveItem(t.find(e=>!e.disabled))}};Mb=new WeakMap,Pb=We,Tb=t([$("m3e-action-list")],Tb);let Ib=class extends(V(R(q(N(P(f(ub,"button"),!0)))))){constructor(){super(),new K(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new Z(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new ne(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("hover",e)})}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple>${this[U]()} ${super._renderBase()}</div>`}};var Db,Ab;Ib.styles=[ub.styles,o`:host { outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { position: relative; } :host(:not(:disabled)) { cursor: pointer; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } slot[name="trailing"] { align-self: var(--_list-item-button-trailing-align-self, auto); }`],t([h(".focus-ring")],Ib.prototype,"_focusRing",void 0),t([h(".state-layer")],Ib.prototype,"_stateLayer",void 0),t([h(".ripple")],Ib.prototype,"_ripple",void 0),Ib=t([$("m3e-list-item-button")],Ib);let Wb=class extends(R(ub,!0)){constructor(){super(...arguments),Db.add(this),this.disabled=!1}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}render(){return s`<m3e-list-item-button class="button" ?disabled="${this.disabled}" href="${je(this.href||void 0)}" target="${je(this.target||void 0)}" download="${je(this.download||void 0)}" rel="${je(this.rel||void 0)}" @click="${e(this,Db,"m",Ab)}"><slot name="leading" slot="leading" @slotchange="${this._handleLeadingSlotChange}"></slot><slot name="overline" slot="overline"></slot><slot></slot><slot name="supporting-text" slot="supporting-text"></slot><slot name="trailing" slot="trailing" @slotchange="${this._handleTrailingSlotChange}"></slot></m3e-list-item-button>`}};var Hb,Ob,Bb,Fb,Vb,Rb;Db=new WeakSet,Ab=function(e){e.defaultPrevented||this.closest("m3e-action-list")?.[We].updateActiveItem(this.button)},Wb.styles=o`:host { display: block; } .button { width: 100%; }`,t([h(".button")],Wb.prototype,"button",void 0),t([m({type:Boolean,reflect:!0})],Wb.prototype,"disabled",void 0),Wb=t([$("m3e-list-action")],Wb);let qb=class extends(V(q(pe(N(P(f(ub,"option"),!0)))))){constructor(){super(),Hb.add(this),Ob.set(this,void 0),Bb.set(this,""),Fb.set(this,t=>e(this,Hb,"m",Rb).call(this,t)),new K(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new Z(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new ne(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("hover",e)})}get value(){return e(this,Ob,"f")??e(this,Bb,"f")}set value(e){a(this,Ob,e,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Fb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Fb,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){if(super.update(e),e.has("selected")){this.closest("m3e-selection-list")?.[We].notifySelectionChange(this);for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><slot name="leading" @slotchange="${this._handleLeadingSlotChange}"></slot><div class="content"><slot name="overline"></slot><slot @slotchange="${e(this,Hb,"m",Vb)}"></slot><slot name="supporting-text"></slot></div><slot name="trailing" @slotchange="${this._handleTrailingSlotChange}"></slot><div class="indicator">${this.closest("m3e-selection-list")?.multi?s`<m3e-pseudo-checkbox ?checked="${this.selected}" ?disabled="${this.disabled}"></m3e-pseudo-checkbox>`:s`<m3e-pseudo-radio ?checked="${this.selected}" ?disabled="${this.disabled}"></m3e-pseudo-radio>`}</div></div>`}};var Nb,Ub,jb,Yb,Kb;Ob=new WeakMap,Bb=new WeakMap,Fb=new WeakMap,Hb=new WeakSet,Vb=function(e){a(this,Bb,me(e.target),"f")},Rb=function(e){const t=this.closest("m3e-selection-list");!e.defaultPrevented&&t&&(!t.multi&&this.selected||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!this.selected,t[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))))},qb.styles=[ub.styles,o`:host { outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { position: relative; } .indicator { min-width: 1.5rem; min-height: 1.5rem; display: flex; align-items: center; justify-content: center; } :host(:not(:disabled)) { cursor: pointer; } :host(:is(:state(--three-line), :--three-line)) .indicator { align-self: flex-start; margin-top: var(--m3e-list-item-three-line-top-offset, 0.25rem); } :host([selected]) .base, :host([selected]) .state-layer, :host([selected]) .ripple, :host([selected]) .focus-ring { border-radius: var(--m3e-list-item-selected-container-shape, ${v.shape.corner.large}); } :host([selected]:not(:disabled)) .content { color: var(--m3e-list-item-selected-label-text-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-selected-overline-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-selected-supporting-text-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="leading"]) { color: var(--m3e-list-item-selected-leading-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: var(--m3e-list-item-selected-trailing-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) .base { background-color: var(--m3e-list-item-selected-container-color, ${v.color.secondaryContainer}); } :host([selected]:disabled) .base { background-color: color-mix( in srgb, var(--m3e-list-item-selected-disabled-container-color, ${v.color.onSurface}) var(--m3e-list-item-selected-disabled-container-opacity, 10%), transparent ); } :host([selected]:not(:disabled)) .state-layer { --m3e-state-layer-hover-color: var( --m3e-list-item-selected-hover-state-layer-color, ${v.color.onSurface} ); --m3e-state-layer-hover-opacity: var( --m3e-list-item-selected-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var( --m3e-list-item-selected-focus-state-layer-color, ${v.color.onSurface} ); --m3e-state-layer-focus-opacity: var( --m3e-list-item-selected-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity} ); } :host([selected]:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-selected-pressed-state-layer-color, ${v.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-selected-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity} ); } :host(:is(:state(--hide-selection), :--hide-selection)) .indicator, :host(:not(:is(:state(--hide-selection), :--hide-selection))) ::slotted([slot="trailing"]) { display: none; } @media (forced-colors: active) { :host([selected]:not(:disabled)) .content, :host([selected]:not(:disabled)) ::slotted([slot="overline"]), :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]), :host([selected]:not(:disabled)) ::slotted([slot="leading"]), :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: HighlightText; forced-color-adjust: none; } :host([selected]:not(:disabled)) .base { background-color: Highlight; } }`],t([h(".focus-ring")],qb.prototype,"_focusRing",void 0),t([h(".state-layer")],qb.prototype,"_stateLayer",void 0),t([h(".ripple")],qb.prototype,"_ripple",void 0),t([m()],qb.prototype,"value",null),qb=t([$("m3e-list-option")],qb);let Zb=class extends(Q(te(ae(se(N(P(f(yb,"listbox")))))))){constructor(){super(...arguments),Nb.add(this),Ub.set(this,e=>this[We].onKeyDown(e)),jb.set(this,t=>e(this,Nb,"m",Yb).call(this,t)),this[Kb]=(new He).withWrap().withHomeAndEnd().withVerticalOrientation(),this.multi=!1,this.hideSelectionIndicator=!1}get options(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Ub=new WeakMap,jb=new WeakMap,Nb=new WeakSet,Kb=We,le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,Ub,"f")),this.addEventListener("change",e(this,jb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,Ub,"f")),this.removeEventListener("change",e(this,jb,"f"))}update(e){super.update(e),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled),e.has("multi")&&(this[We].multi=this.multi,this.multi?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"),this[We].items.forEach(e=>e.requestUpdate())),e.has("hideSelectionIndicator")&&this[We].items.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator))}notifyItemsChange(){const{added:e}=this[We].setItems(this.items.filter(e=>e instanceof qb));e.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator)),this[We].activeItem||this[We].updateActiveItem(e.find(e=>!e.disabled))}};Yb=function(e){e.target!==this&&(e.stopImmediatePropagation(),e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0})))},t([m({type:Boolean})],Zb.prototype,"multi",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],Zb.prototype,"hideSelectionIndicator",void 0),Zb=t([$("m3e-selection-list")],Zb);const Xb=i("var(--m3e-loading-indicator-size, 2.375rem)"),Gb=i(`var(--m3e-loading-indicator-active-indicator-color, ${v.color.primary})`),Jb=i(`var(--m3e-loading-indicator-contained-active-indicator-color, ${v.color.onPrimaryContainer})`),Qb=i(`var(--m3e-loading-indicator-contained-container-color, ${v.color.secondaryContainer})`),ef=i(`var(--m3e-loading-indicator-container-shape, ${v.shape.corner.full})`),tf=i("var(--m3e-loading-indicator-container-size, 3rem)"),af={"4-sided-cookie":"M230.389 50.473C293.109 23.2328 356.767 86.8908 329.527 149.611L325.023 159.981C316.707 179.13 316.707 200.87 325.023 220.019L329.527 230.389C356.767 293.109 293.109 356.767 230.389 329.527L220.019 325.023C200.87 316.707 179.13 316.707 159.981 325.023L149.611 329.527C86.8908 356.767 23.2328 293.109 50.473 230.389L54.9768 220.019C63.2934 200.87 63.2934 179.13 54.9768 159.981L50.473 149.611C23.2328 86.8908 86.8908 23.2328 149.611 50.473L159.981 54.9768C179.13 63.2934 200.87 63.2934 220.019 54.9768L230.389 50.473Z","9-sided-cookie":"M154.828 43.2756C156.574 41.8498 157.448 41.1369 158.245 40.535C177.03 26.3548 202.97 26.3548 221.755 40.535C222.552 41.1369 223.425 41.8498 225.172 43.2756C225.952 43.9121 226.342 44.2303 226.727 44.5333C235.567 51.4788 246.406 55.4147 257.652 55.7636C258.143 55.7788 258.647 55.785 259.654 55.7975C261.911 55.8255 263.039 55.8395 264.037 55.8898C287.563 57.0742 307.435 73.7107 312.689 96.6205C312.912 97.5928 313.121 98.6991 313.541 100.911C313.728 101.899 313.822 102.393 313.922 102.872C316.219 113.862 321.986 123.828 330.377 131.308C330.743 131.635 331.125 131.962 331.888 132.618C333.599 134.087 334.454 134.821 335.187 135.5C352.445 151.495 356.95 176.983 346.215 197.903C345.76 198.791 345.208 199.773 344.104 201.737C343.611 202.613 343.364 203.052 343.132 203.483C337.812 213.375 335.809 224.708 337.418 235.82C337.488 236.304 337.569 236.8 337.732 237.792C338.096 240.014 338.278 241.125 338.402 242.115C341.318 265.436 328.347 287.851 306.647 296.991C305.726 297.379 304.67 297.778 302.559 298.574C301.617 298.929 301.146 299.107 300.69 299.289C290.241 303.455 281.406 310.852 275.48 320.395C275.221 320.811 274.964 321.243 274.449 322.107C273.297 324.043 272.721 325.011 272.178 325.849C259.387 345.584 235.011 354.436 212.498 347.521C211.543 347.228 210.477 346.856 208.347 346.112C207.396 345.78 206.921 345.614 206.455 345.461C195.767 341.951 184.233 341.951 173.545 345.461C173.079 345.614 172.603 345.78 171.652 346.112C169.522 346.856 168.457 347.228 167.502 347.521C144.989 354.436 120.613 345.584 107.822 325.849C107.279 325.011 106.703 324.043 105.55 322.107C105.036 321.243 104.779 320.811 104.52 320.395C98.5939 310.852 89.7583 303.455 79.3096 299.289C78.8539 299.107 78.3827 298.929 77.4404 298.574C75.3294 297.778 74.274 297.379 73.3529 296.991C51.6523 287.851 38.6819 265.436 41.598 242.115C41.7218 241.125 41.9039 240.014 42.2682 237.792C42.4308 236.8 42.5121 236.304 42.5822 235.82C44.1908 224.708 42.188 213.375 36.8675 203.483C36.6354 203.052 36.389 202.613 35.8962 201.737C34.7921 199.773 34.2401 198.791 33.7845 197.903C23.0499 176.983 27.5544 151.495 44.8128 135.5C45.5454 134.821 46.4007 134.087 48.1113 132.618C48.875 131.962 49.2568 131.635 49.6228 131.308C58.0134 123.828 63.7804 113.862 66.0777 102.872C66.1779 102.393 66.2715 101.899 66.4588 100.911C66.8783 98.699 67.088 97.5928 67.311 96.6204C72.5652 73.7107 92.4369 57.0742 115.962 55.8898C116.961 55.8395 118.089 55.8255 120.346 55.7975C121.353 55.785 121.857 55.7788 122.347 55.7636C133.594 55.4147 144.432 51.4788 153.272 44.5333C153.658 44.2303 154.048 43.9121 154.828 43.2756Z",oval:"M271.309 271.309C201.705 340.913 108.877 360.935 63.9707 316.029C19.0648 271.123 39.0867 178.295 108.691 108.691C178.295 39.0867 271.123 19.0648 316.029 63.9707C360.935 108.877 340.913 201.705 271.309 271.309Z",pentagon:"M155.064 49.459C176.093 34.1803 204.569 34.1803 225.598 49.459L322.926 120.171C343.955 135.45 352.754 162.532 344.722 187.253L307.546 301.668C299.514 326.39 276.476 343.127 250.483 343.127H130.18C104.186 343.127 81.1489 326.39 73.1164 301.668L35.9407 187.253C27.9082 162.532 36.7077 135.45 57.737 120.171L155.064 49.459Z",pill:"M116.116 71.7851C169.162 18.7383 255.168 18.7383 308.215 71.7851C361.262 124.832 361.262 210.838 308.215 263.884L263.884 308.215C210.838 361.262 124.832 361.262 71.7851 308.215C18.7383 255.168 18.7383 169.162 71.7851 116.116L116.116 71.7851Z","soft-burst":"M175.147 33.1508C181.983 22.2831 198.017 22.2831 204.853 33.1508L221.238 59.2009C225.731 66.3458 234.797 69.2506 242.692 66.0751L271.475 54.4972C283.482 49.6671 296.455 58.9613 295.507 71.7154L293.235 102.288C292.612 110.673 298.215 118.278 306.494 120.284L336.681 127.601C349.275 130.653 354.23 145.692 345.861 155.461L325.8 178.877C320.298 185.3 320.298 194.7 325.8 201.123L345.861 224.539C354.23 234.308 349.275 249.347 336.681 252.399L306.494 259.716C298.215 261.722 292.612 269.327 293.235 277.712L295.507 308.285C296.455 321.039 283.482 330.333 271.475 325.503L242.692 313.925C234.797 310.749 225.731 313.654 221.238 320.799L204.853 346.849C198.017 357.717 181.983 357.717 175.147 346.849L158.762 320.799C154.269 313.654 145.203 310.749 137.308 313.925L108.525 325.503C96.5177 330.333 83.5454 321.039 84.4931 308.285L86.7649 277.712C87.388 269.327 81.785 261.722 73.5056 259.716L43.3186 252.399C30.7252 249.347 25.7702 234.308 34.1391 224.539L54.1997 201.123C59.7018 194.7 59.7018 185.3 54.1997 178.877L34.1391 155.461C25.7702 145.692 30.7252 130.653 43.3186 127.601L73.5056 120.284C81.785 118.278 87.388 110.673 86.7649 102.288L84.4931 71.7154C83.5454 58.9613 96.5177 49.6671 108.525 54.4972L137.308 66.0751C145.203 69.2506 154.269 66.3458 158.762 59.201L175.147 33.1508Z",sunny:"M276.453 68.8118C286.405 69.4881 291.381 69.8263 295.404 71.5853C301.223 74.1305 305.87 78.7766 308.415 84.5965C310.174 88.6186 310.512 93.5948 311.188 103.547L312.732 126.259C313.005 130.284 313.142 132.296 313.579 134.219C314.212 136.997 315.31 139.648 316.827 142.059C317.877 143.728 319.203 145.248 321.856 148.288L336.824 165.438C343.384 172.954 346.663 176.712 348.263 180.8C350.579 186.715 350.579 193.285 348.263 199.2C346.663 203.288 343.384 207.046 336.824 214.562L321.856 231.712C319.203 234.752 317.877 236.272 316.827 237.941C315.31 240.352 314.212 243.003 313.579 245.781C313.142 247.704 313.005 249.716 312.732 253.741L311.188 276.453C310.512 286.405 310.174 291.381 308.415 295.404C305.87 301.223 301.223 305.87 295.404 308.415C291.381 310.174 286.405 310.512 276.453 311.188L253.741 312.732C249.716 313.005 247.704 313.142 245.781 313.579C243.003 314.212 240.352 315.31 237.941 316.827C236.272 317.877 234.752 319.203 231.712 321.856L214.562 336.824C207.046 343.384 203.288 346.663 199.2 348.263C193.285 350.579 186.715 350.579 180.8 348.263C176.712 346.663 172.954 343.384 165.438 336.824L148.288 321.856C145.248 319.203 143.728 317.877 142.059 316.827C139.648 315.31 136.997 314.212 134.219 313.579C132.296 313.142 130.284 313.005 126.259 312.732L103.547 311.188C93.5947 310.512 88.6186 310.174 84.5965 308.415C78.7766 305.87 74.1305 301.223 71.5853 295.404C69.8263 291.381 69.4881 286.405 68.8118 276.453L67.2684 253.741C66.9949 249.716 66.8581 247.704 66.4206 245.781C65.7883 243.003 64.6903 240.352 63.173 237.941C62.123 236.272 60.7965 234.752 58.1437 231.712L43.1756 214.562C36.6164 207.046 33.3369 203.288 31.7366 199.2C29.4211 193.285 29.4211 186.715 31.7366 180.8C33.3369 176.712 36.6164 172.954 43.1756 165.438L58.1437 148.288C60.7965 145.248 62.123 143.728 63.173 142.059C64.6903 139.648 65.7883 136.997 66.4206 134.219C66.8581 132.296 66.9949 130.284 67.2684 126.259L68.8118 103.547C69.4881 93.5948 69.8263 88.6186 71.5853 84.5965C74.1305 78.7766 78.7766 74.1305 84.5965 71.5853C88.6186 69.8263 93.5948 69.4881 103.547 68.8118L126.259 67.2684C130.284 66.9949 132.296 66.8581 134.219 66.4206C136.997 65.7883 139.648 64.6903 142.059 63.173C143.728 62.123 145.248 60.7966 148.288 58.1437L165.438 43.1756C172.954 36.6164 176.712 33.3369 180.8 31.7366C186.715 29.4211 193.285 29.4211 199.2 31.7366C203.288 33.3369 207.046 36.6164 214.562 43.1756L231.712 58.1437C234.752 60.7966 236.272 62.123 237.941 63.173C240.352 64.6903 243.003 65.7883 245.781 66.4206C247.704 66.8581 249.716 66.9949 253.741 67.2684L276.453 68.8118Z"};let of=new Array;const rf=new Map;for(const e in af)of.push(af[e]),rf.set(e,of.length-1);const sf={};of=$e(of,300);for(const e of rf)sf[e[0]]=i(of[e[1]]);const nf=sf;let lf=class extends(z(f(r,"progressbar"))){constructor(){super(...arguments),this.variant="uncontained"}connectedCallback(){super.connectedCallback(),this.ariaValueMin=this.ariaValueMin||"0",this.ariaValueMax=this.ariaValueMax||"100"}disconnectedCallback(){super.disconnectedCallback(),this._container?.classList.toggle("animate",!1)}reconnectedCallback(){super.reconnectedCallback(),this._container?.classList.toggle("animate",!0)}firstUpdated(e){super.firstUpdated(e),this._container?.classList.toggle("animate",!0)}render(){return s`<div class="container" aria-hidden="true"><div class="active-indicator-wrapper"><div class="active-indicator"></div></div></div>`}};lf.styles=o`:host { display: inline-block; aspect-ratio: 1 / 1; contain: strict; vertical-align: middle; content-visibility: auto; } :host([variant="uncontained"]) { width: ${Xb}; } :host([variant="contained"]) { width: ${tf}; } :host([variant="uncontained"]) .active-indicator { background-color: ${Gb}; } :host([variant="contained"]) .active-indicator { background-color: ${Jb}; } :host([variant="contained"]) .container { background-color: ${Qb}; } .container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: ${ef}; } .active-indicator { margin: auto; aspect-ratio: 1 / 1; width: calc(${Xb} * 0.842); transform-origin: center; transition: clip-path ${v.motion.spring.slowEffects}; will-change: transform, clip-path; --_polygon-soft-burst: polygon(${nf["soft-burst"]}); --_polygon-9-sided-cookie: polygon(${nf["9-sided-cookie"]}); --_polygon-pentagon: polygon(${nf.pentagon}); --_polygon-pill: polygon(${nf.pill}); --_polygon-sunny: polygon(${nf.sunny}); --_polygon-4-sided-cookie: polygon(${nf["4-sided-cookie"]}); --_polygon-oval: polygon(${nf.oval}); } .container.animate .active-indicator-wrapper { animation: rotate-outer 4666ms linear infinite; transform-origin: center; display: flex; align-items: center; justify-content: center; will-change: transform; } @keyframes rotate-outer { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .container.animate .active-indicator { animation: rotate-inner 4666ms cubic-bezier(0.34, 0.88, 0.34, 1) infinite; } @keyframes rotate-inner { 0% { clip-path: var(--_polygon-soft-burst); transform: rotate(0deg); } 14% { clip-path: var(--_polygon-9-sided-cookie); transform: rotate(154deg) scale(1); } 29% { clip-path: var(--_polygon-pentagon); transform: rotate(309deg) scale(1); } 43% { clip-path: var(--_polygon-pill); transform: rotate(463deg) scale(1); } 57% { clip-path: var(--_polygon-sunny); transform: rotate(617deg) scale(1); } 71% { clip-path: var(--_polygon-4-sided-cookie); transform: rotate(771deg) scale(1); } 83% { clip-path: var(--_polygon-oval); transform: rotate(926deg) scale(1); } 100% { clip-path: var(--_polygon-soft-burst); transform: rotate(1080deg) scale(1); } } @media (forced-colors: active) { .active-indicator { background-color: CanvasText !important; } }`,t([h(".container")],lf.prototype,"_container",void 0),t([m({reflect:!0})],lf.prototype,"variant",void 0),lf=t([$("m3e-loading-indicator")],lf);class cf extends(V(q(P(N(r),!0)))){constructor(){super(),new K(this,{callback:e=>{e&&this.menu?._activate()}})}get menu(){return this.closest("m3e-menu")}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${he(this)?this[U]():n}<div class="wrapper">${this._renderContent()}</div></div>`}}cf.styles=o`:host { display: inline-block; outline: none; user-select: none; flex: none; height: var(--m3e-menu-item-container-height, 2.75rem); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not(:disabled)) .base { color: var(--m3e-menu-item-color, ${v.color.onSurface}); } :host(:not([aria-expanded="true"])) .base { --m3e-state-layer-hover-color: var(--m3e-menu-item-container-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-menu-item-container-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-menu-item-ripple-color, ${v.color.onSurface}); } :host(:not(:disabled)[aria-expanded="true"]) .base { background-color: color-mix( in srgb, var(--m3e-menu-item-active-state-layer-color, ${v.color.onSurface}) var(--m3e-menu-active-state-layer-opacity, 8%), transparent ); } :host([aria-expanded="true"]) .state-layer { display: none; } :host(:not(:disabled)[checked]) .base { color: var(--m3e-menu-item-selected-color, ${v.color.onTertiaryContainer}); background-color: var(--m3e-menu-item-selected-container-color, ${v.color.tertiaryContainer}); } :host([checked]) .base { --m3e-state-layer-hover-color: var( --m3e-menu-item-selected-container-hover-color, ${v.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-menu-item-selected-container-focus-color, ${v.color.onTertiaryContainer} ); --m3e-ripple-color: var(--m3e-menu-item-selected-ripple-color, ${v.color.onTertiaryContainer}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-menu-item-disabled-color, ${v.color.onSurface}) var(--m3e-menu-item-disabled-opacity, 38%), transparent ); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; position: relative; width: 100%; height: 100%; border-radius: var(--m3e-menu-item-shape, ${v.shape.corner.extraSmall}); transition: ${i(`border-radius ${v.motion.spring.fastEffects}`)}; } :host([checked]:not(:is(:state(--first), :--first))) .base { border-top-left-radius: var(--m3e-menu-item-selected-shape, ${v.shape.corner.medium}); border-top-right-radius: var(--m3e-menu-item-selected-shape, ${v.shape.corner.medium}); } :host([checked]:not(:is(:state(--last), :--last))) .base { border-bottom-left-radius: var(--m3e-menu-item-selected-shape, ${v.shape.corner.medium}); border-bottom-right-radius: var(--m3e-menu-item-selected-shape, ${v.shape.corner.medium}); } :host(:is(:state(--first), :--first)) .base { border-top-left-radius: var(--m3e-menu-item-first-child-shape, ${v.shape.corner.medium}); border-top-right-radius: var(--m3e-menu-item-first-child-shape, ${v.shape.corner.medium}); } :host(:is(:state(--last), :--last)) .base { border-bottom-left-radius: var(--m3e-menu-item-last-child-shape, ${v.shape.corner.medium}); border-bottom-right-radius: var(--m3e-menu-item-last-child-shape, ${v.shape.corner.medium}); } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { flex: 1 1 auto; display: inline-flex; align-items: center; column-gap: var(--m3e-menu-item-icon-label-space, 0.5rem); padding-inline-start: var(--m3e-menu-item-padding-start, 0.75rem); padding-inline-end: var(--m3e-menu-item-padding-end, 0.75rem); font-size: var(--m3e-menu-item-label-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-menu-item-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-menu-item-label-text-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var(--m3e-menu-item-label-text-tracking, ${v.typescale.standard.label.large.tracking}); } .focus-ring { border-radius: var(--m3e-menu-item-focus-ring-shape, inherit); } .content { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ::slotted([slot="icon"]), ::slotted([slot="trailing-icon"]), .trailing-icon { flex: none; width: 1em; font-size: var(--m3e-menu-item-icon-size, 1.25rem) !important; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { background-color: Menu; color: MenuText; } :host(:disabled) .base { color: GrayText; } }`,t([h(".focus-ring")],cf.prototype,"_focusRing",void 0),t([h(".state-layer")],cf.prototype,"_stateLayer",void 0),t([h(".ripple")],cf.prototype,"_ripple",void 0);let df=class extends(b(E)){get menu(){return"M3E-MENU"===this.control?.tagName?this.control:null}attach(e){super.attach(e);const t=this.menu;t&&(this.parentElement&&(this.parentElement.ariaHasPopup="menu",this.parentElement.ariaExpanded="false",t.id&&De(this.parentElement,"aria-controls",t.id)),this.closest("m3e-menu")&&(t.submenu=!0))}detach(){if(this.parentElement){this.parentElement.ariaHasPopup=null,this.parentElement.ariaExpanded=null;const e=this.menu;e?.id&&Ae(this.parentElement,"aria-controls",e.id)}super.detach()}_onClick(){this.parentElement&&("M3E-MENU-ITEM"===this.parentElement.tagName?this.menu?.show(this.parentElement):this.menu?.toggle(this.parentElement))}};var hf,mf,uf,pf,vf,bf,ff,gf,yf,$f,wf,xf;df=t([$("m3e-menu-trigger")],df);let kf=xf=class extends(R(f(cf,"menuitem"))){constructor(){super(),hf.add(this),mf.set(this,t=>e(this,hf,"m",yf).call(this,t)),uf.set(this,t=>e(this,hf,"m",$f).call(this,t)),pf.set(this,()=>e(this,hf,"m",wf).call(this)),this._hasSubmenu=!1,vf.set(this,void 0),new ne(this,{startDelay:500,endDelay:500,callback:t=>{t&&!this.disabled&&e(this,vf,"f")&&e(this,vf,"f").menu?.show(this)}})}get submenu(){return e(this,vf,"f")?.menu??null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,mf,"f")),this.addEventListener("keydown",e(this,uf,"f")),this.addEventListener("mouseenter",e(this,pf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,mf,"f")),this.removeEventListener("keydown",e(this,uf,"f")),this.removeEventListener("mouseenter",e(this,pf,"f"))}_renderContent(){return s`<slot name="icon" aria-hidden="true" @slotchange="${e(this,hf,"m",ff)}"></slot><span class="content"><slot @slotchange="${e(this,hf,"m",bf)}"></slot></span>${this._hasSubmenu?"ltr"===qe.current?s`<svg class="trailing-icon" aria-hidden="true" viewBox="0 -960 960 960" fill="currentColor"><path d="M400-280v-400l200 200-200 200Z"/></svg>`:s`<svg class="trailing-icon" aria-hidden="true" viewBox="0 -960 960 960" fill="currentColor"><path d="M560-280 360-480l200-200v400Z"/></svg>`:s`<slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,hf,"m",gf)}"></slot>`}`}};var Cf,Sf,_f,Lf,Ef,zf,Mf,Pf,Tf,If,Df,Af,Wf,Hf,Of,Bf;mf=new WeakMap,uf=new WeakMap,pf=new WeakMap,vf=new WeakMap,hf=new WeakSet,bf=function(t){a(this,vf,t.target.assignedElements({flatten:!0}).find(e=>e instanceof df),"f"),this._hasSubmenu=void 0!==e(this,vf,"f")},ff=function(e){x(this,"--with-icon",g(e.target))},gf=function(e){x(this,"--with-trailing-icon",g(e.target))},yf=function(e){e.defaultPrevented||this._hasSubmenu||this.menu?.hideAll(!0)},$f=function(e){if(!e.defaultPrevented&&!this.disabled)switch(e.key){case"Right":case"ArrowRight":"ltr"===qe.current&&(e.preventDefault(),this.submenu?.show(this));break;case"Left":case"ArrowLeft":"rtl"===qe.current&&(e.preventDefault(),this.submenu?.show(this))}},wf=function(){this.menu?.items.forEach(e=>{e instanceof xf&&e!==this&&e.submenu?.isOpen&&e.submenu.hide()})},t([p()],kf.prototype,"_hasSubmenu",void 0),kf=xf=t([$("m3e-menu-item")],kf);let Ff=Bf=class extends(M(P(f(r,"menu")))){constructor(){super(...arguments),Cf.add(this),Sf.set(this,void 0),_f.set(this,void 0),Lf.set(this,(new Be).withWrap().withHomeAndEnd().withVerticalOrientation()),Ef.set(this,t=>e(this,Cf,"m",Df).call(this,t)),zf.set(this,()=>e(this,Cf,"m",Af).call(this)),Mf.set(this,t=>e(this,Cf,"m",Wf).call(this,t)),Pf.set(this,new be(this,{target:null,callback:e=>e instanceof Bf?e.items.filter(e=>e instanceof kf).forEach(e=>e.submenu?.hide()):this.hideAll()})),Tf.set(this,t=>{"closed"===t.newState?(e(this,_f,"f")?.call(this),a(this,_f,void 0,"f")):setTimeout(()=>{e(this,Lf,"f").setActiveItem(e(this,Lf,"f").items.find(e=>!e.disabled))},40)}),this.positionX="after",this.positionY="below",this.variant="standard",this.submenu=!1}get items(){return e(this,Lf,"f").items}get isOpen(){return void 0!==e(this,Sf,"f")}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.setAttribute("popover","manual"),this.addEventListener("keydown",e(this,Ef,"f")),this.addEventListener("mouseenter",e(this,zf,"f")),this.addEventListener("toggle",e(this,Tf,"f")),document.addEventListener("click",e(this,Mf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,Ef,"f")),this.removeEventListener("mouseenter",e(this,zf,"f")),this.removeEventListener("toggle",e(this,Tf,"f")),document.removeEventListener("click",e(this,Mf,"f")),e(this,Cf,"m",Of).call(this)}async show(t){e(this,Sf,"f")&&e(this,Sf,"f")!==t&&this.hide();let i=this.positionX;"rtl"===qe.current&&(i="before"===i?"after":"before"),a(this,_f,await Ne(this,t,{position:this.submenu?"before"===i?"left-start":"right-start":"above"===this.positionY?"before"===i?"top-end":"top-start":"before"===i?"bottom-end":"bottom-start",inline:!0,flip:!0,shift:"main",offset:this.submenu?void 0:4},(t,a,i)=>{if(this.submenu){if(e(this,Sf,"f")){const t=e(this,Cf,"m",Hf).call(this,e(this,Sf,"f")).y;x(this,"--shift-down",!1),x(this,"--shift-up",!1),x(this,Math.round(a)===Math.round(t)?"--shift-down":"--shift-up",!0)}}else x(this,"--top",i.includes("top")),x(this,"--bottom",i.includes("bottom"));"rtl"===qe.current?this.style.right=window.innerWidth-t-this.clientWidth+"px":this.style.left=`${t}px`,this.style.top=`${a}px`}),"f");const o=t.closest("m3e-menu");o?this.variant=o.variant:this._activate(),this.showPopover(),a(this,Sf,t,"f"),e(this,Sf,"f").ariaExpanded="true",e(this,Pf,"f").observe(e(this,Sf,"f"))}hide(t=!1){for(const t of e(this,Lf,"f").items){const e=t.submenu;e&&e.isOpen&&e.hide()}e(this,Cf,"m",Of).call(this),this.hidePopover(),e(this,Sf,"f")&&(e(this,Sf,"f").ariaExpanded="false",t&&e(this,Sf,"f").focus(),e(this,Pf,"f").unobserve(e(this,Sf,"f")),a(this,Sf,void 0,"f"))}hideAll(t=!1){let a=this;for(;e(a,Sf,"f");){const t=e(a,Sf,"f").closest("m3e-menu");if(!t)break;a=t}a.hide(t)}async toggle(t){e(this,Sf,"f")?this.hide():await this.show(t)}render(){return s`<div class="base"><slot @slotchange="${e(this,Cf,"m",If)}"></slot></div>`}_activate(){this!==Bf.__activeMenu&&(Bf.__activeMenu&&k(Bf.__activeMenu,"--active"),Bf.__activeMenu=this,L(Bf.__activeMenu,"--active"))}};var Vf,Rf,qf,Nf,Uf,jf,Yf,Kf,Zf,Xf,Gf,Jf;Sf=new WeakMap,_f=new WeakMap,Lf=new WeakMap,Ef=new WeakMap,zf=new WeakMap,Mf=new WeakMap,Pf=new WeakMap,Tf=new WeakMap,Cf=new WeakSet,If=function(){const{added:t}=e(this,Lf,"f").setItems([...this.querySelectorAll("m3e-menu-item,m3e-menu-item-checkbox,m3e-menu-item-radio")].filter(e=>e.closest("m3e-menu")===this));e(this,Lf,"f").activeItem||e(this,Lf,"f").updateActiveItem(t.find(e=>!e.disabled)),e(this,Lf,"f").items.forEach((t,a)=>{x(t,"--first",0===a&&!t.previousElementSibling),x(t,"--last",a===e(this,Lf,"f").items.length-1)})},Df=function(t){switch(t.key){case"Right":case"ArrowRight":"rtl"===qe.current?(t.preventDefault(),this.hide(!0)):e(this,Lf,"f").onKeyDown(t);break;case"Left":case"ArrowLeft":"ltr"===qe.current?(t.preventDefault(),this.hide(!0)):e(this,Lf,"f").onKeyDown(t);break;case"Tab":this.hideAll();break;case"Escape":t.shiftKey||t.ctrlKey||this.hide(!0);break;default:e(this,Lf,"f").onKeyDown(t)}},Af=function(){this._activate()},Wf=function(t){this.submenu||t.composedPath().some(t=>t instanceof Bf||t===e(this,Sf,"f"))||this.hide()},Hf=function(e){let t=0,a=0;for(let i=e;i;i=i.offsetParent instanceof HTMLElement?i.offsetParent:null)t+=i.offsetLeft-i.scrollLeft+i.clientLeft,a+=i.offsetTop-i.scrollTop+i.clientTop;return{x:t,y:a}},Of=function(){this===Bf.__activeMenu&&(k(Bf.__activeMenu,"--active"),Bf.__activeMenu=void 0)},B(o`m3e-menu > m3e-divider { margin-block: var(--m3e-menu-divider-spacing, 0.5rem); }`),Ff.styles=o`:host { position: absolute; padding: unset; margin: unset; border: unset; overflow-y: auto; overflow-x: visible; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; scroll-padding-block: calc( var(--m3e-focus-ring-thickness, 3px) + var(--m3e-menu-container-padding-block, 0.25rem) ); min-width: var(--m3e-menu-container-min-width, 7rem); max-width: var(--m3e-menu-container-max-width, 17.5rem); max-height: var(--m3e-menu-container-max-height, 17.5rem); box-shadow: var(--m3e-menu-container-elevation, ${v.elevation.level3}); opacity: 0; display: none; } .base { display: flex; flex-direction: column; row-gap: var(--m3e-menu-gap, 0.125rem); min-width: inherit; max-width: inherit; padding-block: var(--m3e-menu-container-padding-block, 0.25rem); padding-inline: var(--m3e-menu-container-padding-inline, 0.25rem); --m3e-focus-ring-outward-offset: 0px; --m3e-focus-ring-growth-factor: 1.5; } :host(:not(:is(:state(--active), :--active))) { border-radius: var(--m3e-menu-container-shape, ${v.shape.corner.small}); } :host(:not(:is(:state(--active), :--active))) .base { --m3e-menu-item-first-child-shape: ${v.shape.corner.extraSmall}; --m3e-menu-item-last-child-shape: ${v.shape.corner.extraSmall}; } :host(:is(:state(--active), :--active)) { border-radius: var(--m3e-menu-active-container-shape, ${v.shape.corner.large}); } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`opacity ${v.motion.duration.short2} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short2} ${v.motion.easing.standard},\n        overlay ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n        display ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n        border-radius ${v.motion.spring.fastEffects}`)}; } :host(:not([submenu])) { transform: scaleY(0.8); } :host(:not([submenu]):popover-open) { transform: scaleY(1); } :host::backdrop { background-color: transparent; } :host(:popover-open) { display: block; opacity: 1; } :host(:is(:state(--bottom), :--bottom)) { transform-origin: top; } :host(:is(:state(--top), :--top)) { transform-origin: bottom; } :host(:is(:state(--shift-down), :--shift-down)) { margin-top: calc(0px - var(--m3e-menu-container-padding-block, 0.25rem)); } :host(:is(:state(--shift-up), :--shift-up)) { margin-top: var(--m3e-menu-container-padding-block, 0.25rem); } :host([variant="vibrant"]) { background-color: var(--m3e-vibrant-menu-container-color, ${v.color.tertiaryContainer}); --m3e-menu-item-color: var(--m3e-vibrant-menu-item-color, ${v.color.onTertiaryContainer}); --m3e-menu-item-container-hover-color: var( --m3e-vibrant-menu-item-container-hover-color, ${v.color.onTertiaryContainer} ); --m3e-menu-item-container-focus-color: var( --m3e-vibrant-menu-item-container-focus-color, ${v.color.onTertiaryContainer} ); --m3e-menu-item-ripple-color: var(--m3e-vibrant-menu-item-ripple-color, ${v.color.onTertiaryContainer}); --m3e-menu-item-active-state-layer-color: var( --m3e-vibrant-menu-item-active-state-layer-color, ${v.color.onTertiaryContainer} ); --m3e-menu-item-selected-color: var(--m3e-vibrant-menu-item-selected-color, ${v.color.onTertiary}); --m3e-menu-item-selected-container-color: var( --m3e-vibrant-menu-item-selected-container-color, ${v.color.tertiary} ); --m3e-menu-item-selected-container-hover-color: var( --m3e-vibrant-menu-item-selected-container-hover-color, ${v.color.onTertiary} ); --m3e-menu-item-container-selected-focus-color: var( --m3e-vibrant-menu-item-selected-container-focus-color, ${v.color.onTertiary} ); --m3e-menu-item-selected-ripple-color: var( --m3e-vibrant-menu-item-selected-ripple-color, ${v.color.onTertiary} ); --m3e-menu-item-disabled-color: var( --m3e-vibrant-menu-item-disabled-color, ${v.color.onTertiaryContainer} ); } :host([variant="standard"]) { background-color: var(--m3e-menu-container-color, ${v.color.surfaceContainer}); } @starting-style { :host(:popover-open) { opacity: 0; } :host(:not([submenu]):popover-open) { transform: scaleY(0.8); } } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: none; } } @media (forced-colors: active) { :host { background-color: Menu; color: MenuText; outline: 1px solid MenuText; } }`,t([m({attribute:"position-x"})],Ff.prototype,"positionX",void 0),t([m({attribute:"position-y"})],Ff.prototype,"positionY",void 0),t([m({reflect:!0})],Ff.prototype,"variant",void 0),t([m({type:Boolean,reflect:!0})],Ff.prototype,"submenu",void 0),Ff=Bf=t([$("m3e-menu")],Ff);let Qf=class extends(we(f(cf,"menuitemcheckbox"))){constructor(){super(...arguments),Vf.add(this),Rf.set(this,t=>e(this,Vf,"m",Zf).call(this,t)),qf.set(this,t=>e(this,Vf,"m",Xf).call(this,t)),Nf.set(this,()=>e(this,Vf,"m",Gf).call(this)),Uf.set(this,()=>e(this,Vf,"m",Jf).call(this)),jf.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Rf,"f")),this.addEventListener("keydown",e(this,qf,"f")),this.addEventListener("keyup",e(this,Nf,"f")),this.addEventListener("mouseenter",e(this,Uf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Rf,"f")),this.removeEventListener("keydown",e(this,qf,"f")),this.removeEventListener("keyup",e(this,Nf,"f")),this.removeEventListener("mouseenter",e(this,Uf,"f"))}_renderContent(){return s`<div class="icon"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg><slot name="icon" @slotchange="${e(this,Vf,"m",Yf)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,Vf,"m",Kf)}"></slot>`}};Rf=new WeakMap,qf=new WeakMap,Nf=new WeakMap,Uf=new WeakMap,jf=new WeakMap,Vf=new WeakSet,Yf=function(e){x(this,"--with-icon",g(e.target))},Kf=function(e){x(this,"--with-trailing-icon",g(e.target))},Zf=function(t){t.defaultPrevented||(this.checked=!this.checked,this.performUpdate(),e(this,jf,"f")||(C()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},Xf=function(e){a(this,jf," "===e.key,"f")},Gf=function(){a(this,jf,!1,"f")},Jf=function(){this.menu?.items.forEach(e=>{e instanceof kf&&e.submenu?.isOpen&&e.submenu.hide()})},Qf.styles=[cf.styles,o`.icon { display: flex; align-items: center; justify-content: center; transition: margin-inline-start ${v.motion.spring.fastEffects}; } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-menu-item-icon-label-space, 0.75rem)); } .check { width: 1em; font-size: var(--m3e-menu-item-icon-size, 1.25rem) !important; } :host(:not([checked])) .check { display: none; } :host([checked]) .icon { margin-inline-start: 0; } :host([checked]) ::slotted([slot="icon"]) { display: none !important; } @media (prefers-reduced-motion) { .icon { transition: none; } }`],Qf=t([$("m3e-menu-item-checkbox")],Qf);let eg=class extends(f(r,"group")){render(){return s`<slot></slot>`}};var tg,ag,ig,og,rg,sg,ng,lg,cg,dg,hg,mg;eg.styles=o`:host { display: contents; }`,eg=t([$("m3e-menu-item-group")],eg);let ug=class extends(we(f(cf,"menuitemradio"))){constructor(){super(...arguments),tg.add(this),ag.set(this,t=>e(this,tg,"m",cg).call(this,t)),ig.set(this,t=>e(this,tg,"m",dg).call(this,t)),og.set(this,()=>e(this,tg,"m",hg).call(this)),rg.set(this,()=>e(this,tg,"m",mg).call(this)),sg.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,ag,"f")),this.addEventListener("keydown",e(this,ig,"f")),this.addEventListener("keyup",e(this,og,"f")),this.addEventListener("mouseenter",e(this,rg,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,ag,"f")),this.removeEventListener("keydown",e(this,ig,"f")),this.removeEventListener("keyup",e(this,og,"f")),this.removeEventListener("mouseenter",e(this,rg,"f"))}update(e){super.update(e),e.has("checked")&&this.checked&&(this.closest("[role='group']")??this.closest("m3e-menu"))?.querySelectorAll("m3e-menu-item-radio").forEach(e=>{e!==this&&e.checked&&(e.checked=!1)})}_renderContent(){return s`<div class="icon"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg><slot name="icon" @slotchange="${e(this,tg,"m",ng)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,tg,"m",lg)}"></slot>`}};var pg,vg,bg,fg,gg,yg;ag=new WeakMap,ig=new WeakMap,og=new WeakMap,rg=new WeakMap,sg=new WeakMap,tg=new WeakSet,ng=function(e){x(this,"--with-icon",g(e.target))},lg=function(e){x(this,"--with-trailing-icon",g(e.target))},cg=function(t){t.defaultPrevented||(this.checked=!0,this.performUpdate(),e(this,sg,"f")||(C()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},dg=function(e){a(this,sg," "===e.key,"f")},hg=function(){a(this,sg,!1,"f")},mg=function(){this.menu?.items.forEach(e=>{e instanceof kf&&e.submenu?.isOpen&&e.submenu.hide()})},ug.styles=Qf.styles,ug=t([$("m3e-menu-item-radio")],ug);let $g=class extends(z(P(f(r,"navigation")))){constructor(){super(...arguments),pg.add(this),this[yg]=(new He).disableRovingTabIndex(),vg.set(this,void 0),this.mode="compact"}get items(){return this[We].items}get selected(){return this[We].selectedItems[0]??null}get currentMode(){return this._mode??("compact"!==this.mode?"expanded":"compact")}set currentMode(e){this._mode=e}disconnectedCallback(){super.disconnectedCallback(),this._mode=void 0,e(this,vg,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.mode&&e(this,pg,"m",bg).call(this)}willUpdate(t){super.willUpdate(t),t.has("mode")&&(e(this,vg,"f")?.call(this),"auto"===this.mode?e(this,pg,"m",bg).call(this):(this._mode=void 0,this._updateItems())),t.has("_mode")&&this._updateItems()}render(){return s`<div class="base"><slot @change="${e(this,pg,"m",gg)}" @slotchange="${e(this,pg,"m",fg)}"></slot></div>`}_updateItems(){const e="compact"===this.currentMode?"vertical":"horizontal";this._updateOrientation(e),x(this,"--compact","vertical"===e)}_updateOrientation(e){this[We].items.forEach(t=>t.orientation=e)}};var wg,xg,kg,Cg,Sg,_g,Lg,Eg;vg=new WeakMap,pg=new WeakSet,yg=We,bg=function(){a(this,vg,Qe.observe([et.XSmall,et.Small],e=>{this._mode=e.get(et.XSmall)||e.get(et.Small)?"compact":"expanded",this._updateItems()}),"f")},fg=function(){this[We].setItems([...this.querySelectorAll("m3e-nav-item")]),this._updateItems()},gg=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},$g.styles=o`:host { display: block; overflow-x: auto; overflow-y: hidden; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; min-height: var(--m3e-nav-bar-height, 4rem); } .base { display: flex; align-items: stretch; justify-content: center; box-sizing: border-box; min-height: inherit; height: inherit; width: 100%; background-color: var(--m3e-nav-bar-container-color, ${v.color.surfaceContainer}); --_nav-item-min-width: var(--m3e-nav-bar-vertical-item-width, 7rem); }`,t([p()],$g.prototype,"_mode",void 0),t([m({reflect:!0})],$g.prototype,"mode",void 0),$g=t([$("m3e-nav-bar")],$g);let zg=class extends(z(M(R(pe(V(q(Y(N(P(f(r,"button"),!0)))))))))){constructor(){super(...arguments),wg.add(this),xg.set(this,!1),kg.set(this,t=>e(this,wg,"m",Sg).call(this,t)),Cg.set(this,new A(this,{target:null,callback:t=>e(this,wg,"m",Lg).call(this,t)})),this.orientation="vertical"}get navBar(){return this.closest("m3e-nav-bar")??this.closest("m3e-nav-rail")??null}[(xg=new WeakMap,kg=new WeakMap,Cg=new WeakMap,wg=new WeakSet,xe)](){e(this,xg,"f")&&super[xe]()}connectedCallback(){a(this,xg,null!==this.closest("m3e-nav-rail"),"f"),super.connectedCallback(),this.addEventListener("click",e(this,kg,"f"),{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,kg,"f"),{capture:!0}),a(this,xg,!1,"f")}reconnectedCallback(){super.reconnectedCallback(),e(this,wg,"m",Eg).call(this)}update(e){if(super.update(e),e.has("selected")){this.ariaSelected=null,this.ariaPressed=null,this.ariaCurrent=`${this.selected}`;for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected);this.navBar?.[We].notifySelectionChange(this)}}updated(e){super.updated(e),e.has("orientation")&&this._focusRing?.attach(this)}firstUpdated(t){super.firstUpdated(t),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),e(this,wg,"m",Eg).call(this)}render(){const t=this.disabled||this.disabledInteractive,a=s`<div class="label"><slot></slot></div>`;return s`${"vertical"===this.orientation?s`<m3e-focus-ring class="focus-ring" inward></m3e-focus-ring>`:n}<div class="outer">${this[U]()}<div class="inner">${"horizontal"===this.orientation?s`<m3e-focus-ring class="focus-ring"></m3e-focus-ring>`:n}<m3e-state-layer class="state-layer" ?disabled="${t}"></m3e-state-layer><m3e-ripple class="ripple" centered ?disabled="${t}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="base"><div class="icon-wrapper" aria-hidden="true"><div class="icon"><slot name="icon"></slot><slot name="selected-icon" @slotchange="${e(this,wg,"m",_g)}"></slot></div></div><m3e-collapsible orientation="horizontal" ?no-animate="${!e(this,xg,"f")}" ?open="${"horizontal"===this.orientation}">${"horizontal"===this.orientation?a:n}</m3e-collapsible>${"horizontal"===this.orientation?n:a}</div></div></div>`}};var Mg,Pg,Tg,Ig,Dg,Ag,Wg,Hg,Og,Bg,Fg,Vg;Sg=function(e){e.defaultPrevented||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!0,this.navBar?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},_g=function(e){x(this,"--with-selected-icon",g(e.target))},Lg=function(e){0!==e.length&&"vertical"!==this.orientation&&this._inner?.style.setProperty("--_expanded-width",`${e[0].contentRect.width}px`)},Eg=function(){this._stateLayer&&e(this,xg,"f")&&e(this,Cg,"f").observe(this._stateLayer)},zg.styles=o`:host { display: inline-block; vertical-align: middle; position: relative; outline: none; user-select: none; flex: 1; font-size: var(--m3e-nav-item-label-text-font-size, ${v.typescale.standard.label.medium.fontSize}); font-weight: var( --m3e-nav-item-label-text-font-weight, ${v.typescale.standard.label.medium.fontWeight} ); line-height: var( --m3e-nav-item-label-text-line-height, ${v.typescale.standard.label.medium.lineHeight} ); letter-spacing: var(--m3e-nav-item-label-text-tracking, ${v.typescale.standard.label.medium.tracking}); border-radius: var(--m3e-nav-item-shape, ${v.shape.corner.full}); min-width: var(--_nav-item-min-width); align-self: var(--_nav-item-align-self); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([orientation="horizontal"]) { max-width: fit-content; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } .outer { height: 100%; } .outer, .inner { display: flex; align-items: center; justify-content: var(--_nav-item-justify-content, center); position: relative; border-radius: inherit; } .icon-wrapper { position: relative; flex: none; } .base { justify-content: unset; box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; } :host(:not(:is(:state(--no-animate), :--no-animate))) .base { transition: ${i(`margin-top ${v.motion.duration.short1} ${v.motion.easing.standard}`)}; } .icon { position: absolute; } .label { vertical-align: middle; } :host([orientation="horizontal"]) .label { white-space: nowrap; } ::slotted([slot="icon"]), ::slotted([slot="selected-icon"]) { width: 1em; font-size: var(--m3e-nav-item-icon-size, 1.5rem) !important; } :host(:not(:is(:state(--no-animate), :--no-animate))) .state-layer, :host(:not(:is(:state(--no-animate), :--no-animate))) .ripple { transition: ${i(`height ${v.motion.duration.short1} ${v.motion.easing.standard}`)}; } :host(:not([selected])) slot[name="selected-icon"], :host(:not(:is(:state(--with-selected-icon), :--with-selected-icon))) slot[name="selected-icon"], :host([selected]:is(:state(--with-selected-icon), :--with-selected-icon)) slot[name="icon"] { display: none; } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .outer { --m3e-state-layer-hover-color: var( --m3e-nav-item-inactive-hover-state-layer-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-nav-item-inactive-focus-state-layer-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var( --m3e-nav-item-inactive-pressed-state-layer-color, ${v.color.onSecondaryContainer} ); } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .label { color: var(--m3e-nav-item-inactive-label-text-color, ${v.color.onSurfaceVariant}); } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: var(--m3e-nav-item-inactive-icon-color, ${v.color.onSurfaceVariant}); } :host([selected]:not(:disabled):not([disabled-interactive])) .outer { --m3e-state-layer-hover-color: var( --m3e-nav-item-active-hover-state-layer-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-nav-item-active-focus-state-layer-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var( --m3e-nav-item-active-pressed-state-layer-color, ${v.color.onSecondaryContainer} ); } :host([selected]:not(:disabled):not([disabled-interactive]):not([orientation="horizontal"])) .label { color: var(--m3e-nav-item-active-label-text-color, ${v.color.secondary}); } :host([selected]:not(:disabled):not([disabled-interactive])) .state-layer { background-color: var(--m3e-nav-item-active-container-color, ${v.color.secondaryContainer}); } :host([selected]:not(:disabled):not([disabled-interactive])[orientation="horizontal"]) .label, :host([selected]:not(:disabled):not([disabled-interactive])) .icon { color: var(--m3e-nav-item-active-icon-color, ${v.color.onSecondaryContainer}); } :host([orientation="vertical"]) .outer { align-self: stretch; align-items: flex-start; } :host([orientation="vertical"]) .label { text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 2; } :host([orientation="vertical"]) .base { flex-direction: column; row-gap: var(--m3e-nav-item-spacing, 0.25rem); } :host([orientation="horizongal"]) .base { margin-top: 0; } :host([orientation="vertical"]) .base { margin-top: var(--m3e-vertical-nav-item-active-indicator-margin, 0.375rem); margin-bottom: var(--m3e-vertical-nav-item-active-indicator-margin, 0.375rem); } :host([orientation="vertical"]) .state-layer, :host([orientation="vertical"]) .ripple { top: var(--m3e-vertical-nav-item-active-indicator-margin, 0.375rem); bottom: unset; } :host([orientation="vertical"]) .state-layer, :host([orientation="vertical"]) .ripple, :host([orientation="vertical"]) .icon-wrapper { width: var(--m3e-vertical-nav-item-active-indicator-width, 3.5rem); } :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .state-layer, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .ripple { animation: collapse ${v.motion.duration.medium1}; } @keyframes collapse { from { width: var(--_expanded-width, var(--m3e-vertical-nav-item-active-indicator-width, 3.5rem)); } to { width: var(--m3e-vertical-nav-item-active-indicator-width, 3.5rem); } } :host([orientation="vertical"]) .state-layer, :host([orientation="vertical"]) .ripple, :host([orientation="vertical"]) .icon-wrapper { height: var(--m3e-vertical-nav-item-active-indicator-height, 2rem); } :host([orientation="vertical"]) .icon { top: calc( calc(var(--m3e-vertical-nav-item-active-indicator-height, 2rem) / 2) - calc( var(--m3e-nav-item-icon-size, 1.5rem) / 2 ) ); left: calc( calc(var(--m3e-vertical-nav-item-active-indicator-width, 3.5rem) / 2) - calc( var(--m3e-nav-item-icon-size, 1.5rem) / 2 ) ); } :host([orientation="vertical"]) .focus-ring { border-radius: var(--m3e-nav-item-focus-ring-shape, ${v.shape.corner.medium}); } :host([orientation="horizontal"]) .icon-wrapper { width: var(--m3e-nav-item-icon-size, 1.5rem); height: var(--m3e-nav-item-icon-size, 1.5rem); } :host([orientation="horizontal"]) .base { padding: var(--m3e-horizontal-nav-item-padding, 1rem); } :host([orientation="horizontal"]) .label { flex: 1 1 auto; } :host([orientation="horizontal"]) .base { column-gap: var(--m3e-nav-item-spacing, 0.25rem); } :host([orientation="horizontal"]) .state-layer, :host([orientation="horizontal"]) .ripple, :host([orientation="horizontal"]) .inner { height: var(--m3e-horizontal-nav-item-active-indicator-height, 2.5rem); } :host([orientation="horizontal"]) .inner { width: fit-content; } .state-layer, .ripple { margin-inline: auto; } :host(:is(:state(--first), :--first):not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .icon-wrapper, :host(:not(:is(:state(--first), :--first)):not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .icon-wrapper { animation: ${i(`slide-down ${v.motion.duration.short2} ${v.motion.easing.standard}`)}; } :host(:not(:is(:state(--first), :--first)):not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .icon-wrapper, :host(:is(:state(--first), :--first):not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .icon-wrapper { animation: ${i(`slide-up ${v.motion.duration.short2} ${v.motion.easing.standard}`)}; } @keyframes slide-down { from { transform: translateY(-4px); } to { transform: translateY(0); } } @keyframes slide-up { from { transform: translateY(4px); } to { transform: translateY(0); } } :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .label { animation: horizontal-fade-in ${v.motion.duration.medium1}; } :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .label { animation: vertical-fade-in ${v.motion.duration.medium1}; } @keyframes horizontal-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes vertical-fade-in { from { opacity: 0; } to { opacity: 1; } } :host(:disabled) .label, :host([disabled-interactive]) .label { color: color-mix( in srgb, var(--m3e-nav-item-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-nav-item-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) .icon, :host([disabled-interactive]) .icon { color: color-mix( in srgb, var(--m3e-nav-item-disabled-icon-color, ${v.color.onSurface}) var(--m3e-nav-item-disabled-icon-opacity, 38%), transparent ); } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (prefers-reduced-motion) { :host(:is(:state(--first), :--first):not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .icon-wrapper, :host(:not(:is(:state(--first), :--first)):not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .icon-wrapper, :host( :not(:is(:state(--first), :--first)):not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"] ) .icon-wrapper, :host(:is(:state(--first), :--first):not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .icon-wrapper, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .state-layer, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .ripple, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .label, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .label { animation: none; } :host(:not(:is(:state(--no-animate), :--no-animate))) .state-layer, :host(:not(:is(:state(--no-animate), :--no-animate))) .ripple, :host(:not(:is(:state(--no-animate), :--no-animate))) .base { transition: none; } } @media (forced-colors: active) { :host(:disabled) .label, :host([disabled-interactive]) .label, :host(:disabled) .icon, :host([disabled-interactive]) .icon { color: GrayText; } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .label, :host(:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ButtonText; } :host([selected]:not(:disabled):not([disabled-interactive])) .state-layer { background-color: ButtonText; } :host([orientation="vertical"][selected]:not(:disabled):not([disabled-interactive])) .label { color: ButtonText; } :host([orientation="horizontal"][selected]:not(:disabled):not([disabled-interactive])) .label, :host([selected]:not(:disabled):not([disabled-interactive])) .icon { forced-color-adjust: none; color: ButtonFace; } }`,t([h(".focus-ring")],zg.prototype,"_focusRing",void 0),t([h(".state-layer")],zg.prototype,"_stateLayer",void 0),t([h(".ripple")],zg.prototype,"_ripple",void 0),t([h(".inner")],zg.prototype,"_inner",void 0),t([m({reflect:!0})],zg.prototype,"orientation",void 0),zg=t([$("m3e-nav-item")],zg);let Rg=Vg=class extends(pe(N(P(f(r,"treeitem"),!0)))){constructor(){super(...arguments),Mg.add(this),this._hasChildItems=!1,Pg.set(this,[]),Tg.set(this,null),Ig.set(this,new Array),Dg.set(this,null),this.open=!1}get link(){return e(this,Dg,"f")}get label(){return this._base??null}get visible(){return!e(this,Ig,"f").some(e=>!e.open)}get path(){return[...e(this,Ig,"f"),this]}get hasChildItems(){return this._hasChildItems}get parentItem(){return e(this,Ig,"f")[e(this,Ig,"f").length-1]??null}get childItems(){return e(this,Pg,"f")}get level(){return e(this,Ig,"f").length+1}expand(e=!1){this.hasChildItems&&(this.open=!0,e&&this.childItems.forEach(e=>e.expand(!0)))}collapse(e=!1){this.hasChildItems&&(this.open=!1,e&&this.childItems.forEach(e=>e.collapse(!0)))}toggle(){this.hasChildItems&&(this.open=!this.open)}connectedCallback(){super.connectedCallback(),e(this,Ig,"f").length=0;for(let t=this.parentElement?.closest("m3e-nav-menu-item");t;t=t.parentElement?.closest("m3e-nav-menu-item"))e(this,Ig,"f").push(t);e(this,Ig,"f").reverse(),this.style.setProperty("--_nav-menu-item-level",`${this.level}`),a(this,Tg,this.closest("m3e-nav-menu"),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Ig,"f").length=0}update(t){if(super.update(t),t.has("selected")){this.ariaSelected=null,this.ariaCurrent=this.hasChildItems?null:`${this.selected}`;for(const e of this.querySelectorAll(":scope > m3e-icon[slot]"))e.toggleAttribute("filled",this.selected);e(this,Ig,"f").forEach(e=>e.selected=this.selected),this.selected&&!this.hasChildItems&&this.closest("m3e-nav-menu")?.[We].notifySelectionChange(this)}(t.has("open")||t.has("_hasChildItems"))&&(this.ariaExpanded=this._hasChildItems?`${this.open}`:null),(t.has("_hasChildItems")&&this.disabled||t.has("disabled"))&&e(this,Pg,"f").forEach(e=>e.disabled=this.disabled)}firstUpdated(e){super.firstUpdated(e);const t=this._base;t&&[this.focusRing,this.stateLayer,this.ripple].forEach(e=>e?.attach(t))}render(){return s`<div class="base" @click="${e(this,Mg,"m",Bg)}"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="icon" aria-hidden="true">${e(this,Mg,"m",Ag).call(this)}</div><div class="label"><slot name="label" @slotchange="${e(this,Mg,"m",Hg)}"></slot></div><slot name="badge"></slot><div aria-hidden="true" class="toggle"><slot name="toggle-icon"><svg class="toggle-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><m3e-collapsible class="group" role="group" aria-hidden="${je(this._hasChildItems?void 0:"true")}" ?open="${this._hasChildItems&&this.open}" @opening="${e(this,Mg,"m",Fg)}" @opened="${e(this,Mg,"m",Fg)}" @closing="${e(this,Mg,"m",Fg)}" @closed="${e(this,Mg,"m",Fg)}"><slot @slotchange="${e(this,Mg,"m",Og)}"></slot></m3e-collapsible>`}};var qg,Ng,Ug,jg,Yg,Kg,Zg,Xg,Gg,Jg,Qg,ey,ty,ay,iy;Pg=new WeakMap,Tg=new WeakMap,Ig=new WeakMap,Dg=new WeakMap,Mg=new WeakSet,Ag=function(){const t=s`<slot name="icon" @slotchange="${e(this,Mg,"m",Wg)}"></slot>`;return this.selected&&!this.hasChildItems?s`<slot name="selected-icon" @slotchange="${e(this,Mg,"m",Wg)}">${t}</slot>`:t},Wg=function(e){x(this,"--with-icon",g(e.target))},Hg=function(t){a(this,Dg,t.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLAnchorElement)??null,"f"),e(this,Dg,"f")?.setAttribute("tabindex","-1")},Og=function(t){a(this,Pg,t.target.assignedElements({flatten:!0}).filter(e=>e instanceof Vg),"f");const i=this._hasChildItems;this._hasChildItems=e(this,Pg,"f").length>0,x(this,"--with-items",this._hasChildItems),(i||this._hasChildItems)&&(this.selected=e(this,Pg,"f").some(e=>e.selected))},Bg=function(){if(!this.disabled)if(e(this,Tg,"f")?.[We].setActiveItem(this),this._hasChildItems)this.toggle();else{e(this,Tg,"f")?.[We].select(this),e(this,Ig,"f").forEach(e=>e.selected=this.selected),e(this,Dg,"f")?.click();const t=this.closest("m3e-drawer-container");if(t){const e=this.closest("[slot='start']")??this.closest("[slot='end']");e&&(H(t,`--${e.slot}-push`)||H(t,`--${e.slot}-over`))&&setTimeout(()=>{t.removeAttribute(e.slot),t.dispatchEvent(new Event("change",{bubbles:!0}))},300)}}},Fg=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},B(o`m3e-nav-menu-item > m3e-divider { margin-block: var(--m3e-nav-menu-divider-margin, 0.25rem); flex: none; } m3e-nav-menu-item > m3e-nav-menu-item:first-of-type { margin-block-start: var(--m3e-nav-menu-item-vertical-inset, 0.25rem); } m3e-nav-menu-item > m3e-nav-menu-item:last-of-type { margin-block-end: var(--m3e-nav-menu-item-vertical-inset, 0.25rem); }`),Rg.styles=o`:host { display: block; flex: none; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: flex; align-items: center; position: relative; padding-inline: var(--m3e-nav-menu-item-padding, 1.5rem); height: calc(var(--m3e-nav-menu-item-height, 3.5rem) + ${v.density.calc(-3)}); column-gap: var(--m3e-nav-menu-item-spacing, 0.75rem); font-size: var(--m3e-nav-menu-item-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-nav-menu-item-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-nav-menu-item-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-nav-menu-item-tracking, ${v.typescale.standard.label.large.tracking}); transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard},\n        background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .base, .focus-ring { border-radius: var(--m3e-nav-menu-item-shape, ${v.shape.corner.full}); } .label { flex: 1 1 auto; display: flex; align-items: center; position: relative; overflow: hidden; vertical-align: middle; } .icon, .toggle { flex: none; display: flex; align-items: center; justify-content: center; position: relative; vertical-align: middle; } ::slotted([slot="badge"]) { flex: none; position: relative; font-size: var(--m3e-nav-menu-item-badge-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-nav-menu-item-badge-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-nav-menu-item-badge-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-nav-menu-item-badge-tracking, ${v.typescale.standard.label.large.tracking}); } .toggle { transition: ${i(`transform var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { display: none; } .icon { margin-inline-start: -0.5rem; } .toggle { margin-inline-end: -0.5rem; } .group { padding-inline-start: var(--m3e-nav-menu-item-inset, 1rem); } :host([open]) .toggle { transform: rotate(180deg); } :host(:not(:is(:state(--with-items), :--with-items))) .toggle, :host(:not(:is(:state(--with-items), :--with-items))) .group { display: none; } ::slotted([slot="selected-icon"]), ::slotted([slot="icon"]), ::slotted([slot="toggle-icon"]), .toggle-icon { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-nav-menu-item-icon-size, 1.5rem); } :host(:not(:disabled)) .base { cursor: pointer; } :host(:not(:disabled)) .base { color: var(--m3e-nav-menu-item-label-color, ${v.color.onSurfaceVariant}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-nav-menu-item-disabled-color, ${v.color.onSurface}) var(--m3e-nav-menu-item-disabled-color-opacity, 38%), transparent ); } :host([selected]:not(:is(:state(--with-items), :--with-items)):not(:disabled)) .base { color: var(--m3e-nav-menu-item-selected-label-color, ${v.color.onSecondaryContainer}); background-color: var(--m3e-nav-menu-item-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-nav-menu-item-selected-ripple-color, ${v.color.onSecondaryContainer}); } :host(:not([selected]):not(:is(:state(--with-items), :--with-items)):not(:disabled)) .base { --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-unselected-container-focus-color, ${v.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-unselected-container-hover-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-nav-menu-item-unselected-ripple-color, ${v.color.onSurface}); } .state-layer { margin-inline: auto; } :host([selected]:is(:state(--with-items), :--with-items):not(:disabled)) .base { background-color: var(--m3e-nav-menu-item-open-container-color, ${v.color.surfaceContainerHighest}); --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-open-container-focus-color, ${v.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-open-container-hover-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-nav-menu-item-open-ripple-color, ${v.color.onSurface}); } ::slotted(a[slot="label"]) { all: unset; } @media (prefers-reduced-motion) { .base, .toggle, .state-layer { transition: none !important; } } @media (forced-colors: active) { .base, .state-layer { transition: none !important; } :host(:disabled) .base { color: GrayText; } :host(:not(:disabled)) .base { color: LinkText; } :host([selected]:not(:is(:state(--with-items), :--with-items)):not(:disabled)) .base, :host([selected]:is(:state(--with-items), :--with-items):not(:disabled)) .base { forced-color-adjust: none; background-color: unset; color: Highlight; } :host([selected]:not(:is(:state(--with-items), :--with-items)):not(:disabled)) .base::after { content: ""; position: absolute; inset-inline-start: calc(calc(var(--m3e-nav-menu-item-padding, 1.5rem) / 2) - calc(0.375rem / 2)); inset-block-start: 50%; width: 0.375rem; height: 0.375rem; border-radius: 50%; transform: translateY(-50%); background-color: currentColor; } }`,t([h(".state-layer")],Rg.prototype,"stateLayer",void 0),t([h(".focus-ring")],Rg.prototype,"focusRing",void 0),t([h(".ripple")],Rg.prototype,"ripple",void 0),t([h(".base")],Rg.prototype,"_base",void 0),t([p()],Rg.prototype,"_hasChildItems",void 0),t([m({type:Boolean,reflect:!0})],Rg.prototype,"open",void 0),Rg=Vg=t([$("m3e-nav-menu-item")],Rg);let oy=iy=class extends(f(r,"tree")){constructor(){super(),qg.add(this),Ng.set(this,!1),Ug.set(this,!1),this[ay]=(new He).withVerticalOrientation().withHomeAndEnd().withTypeahead().withSkipPredicate(e=>e.disabled||!e.visible).disableRovingTabIndex().onActiveItemChange(()=>{this[We].activeItem&&e(this,qg,"m",Qg).call(this,this[We].activeItem)}).onSelectedItemsChange(()=>{const t=this.selected;for(const a of this.items)a!==t&&e(this,qg,"m",ty).call(this,a,!1,!1);t?.label&&S(t.label,this,{block:"start",behavior:"smooth"})}),jg.set(this,t=>e(this,qg,"m",Xg).call(this,t)),Yg.set(this,t=>e(this,qg,"m",Gg).call(this,t)),Kg.set(this,t=>e(this,qg,"m",Jg).call(this,t)),new Z(this,{callback:e=>a(this,Ug,e,"f")}),new K(this,{callback:()=>{e(this,Ug,"f")||e(this,qg,"m",ey).call(this)}})}get selected(){return this[We].selectedItems[0]??null}get items(){return this[We].items}expand(e,t=!1){const a=Array.isArray(e)?e:this[We].items,i="boolean"==typeof e?e:t;a.forEach(e=>e.expand(i))}collapse(e,t=!1){const a=Array.isArray(e)?e:this[We].items,i="boolean"==typeof e?e:t;a.forEach(e=>e.collapse(i));const o=this[We].activeItem;if(o&&!o.visible)for(let e=o.parentItem;e;e=e.parentItem)if(e.visible){this[We].setActiveItem(e);break}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.addEventListener("keydown",e(this,jg,"f")),this.addEventListener("keyup",e(this,Yg,"f")),this.addEventListener("pointerdown",e(this,Kg,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,jg,"f")),this.removeEventListener("keyup",e(this,Yg,"f")),this.removeEventListener("pointerdown",e(this,Kg,"f"))}render(){return s`<div class="base"><slot @slotchange="${e(this,qg,"m",Zg)}"></slot></div>`}};var ry,sy,ny,ly,cy;Ng=new WeakMap,Ug=new WeakMap,jg=new WeakMap,Yg=new WeakMap,Kg=new WeakMap,qg=new WeakSet,ay=We,Zg=function(){for(const e of this.querySelectorAll("m3e-divider"))e.ariaHidden="true";const{added:t}=this[We].setItems([...this.querySelectorAll("m3e-nav-menu-item")]);for(const e of t)e.id=e.id||"m3e-nav-menu-item-"+iy.__nextId++;this[We].activeItem?(this.setAttribute("aria-activedescendant",this[We].activeItem.id),e(this,qg,"m",ey).call(this)):this.removeAttribute("aria-activedescendant")},Xg=function(t){a(this,Ng,!1,"f"),e(this,qg,"m",ey).call(this);const i=this[We].activeItem;if(!t.defaultPrevented&&i&&!i.disabled)switch(t.key){case"Enter":case" ":t.preventDefault()," "===t.key&&i.ripple&&!i.ripple.visible&&(i.ripple.centered=!0,i.ripple.show(0,0,!0),i.ripple.centered=!1),i.hasChildItems?requestAnimationFrame(()=>i.toggle()):i.selected||(this[We].select(i),i.link?.click());break;case"*":t.preventDefault(),i.expand(!0);break;case"Left":case"ArrowLeft":if(t.preventDefault(),"ltr"===qe.current)if(i.hasChildItems&&i.open)requestAnimationFrame(()=>i.collapse());else{const e=i.parentItem;e&&this[We].setActiveItem(e)}else i.hasChildItems&&!i.open&&i.expand();break;case"Right":case"ArrowRight":if(t.preventDefault(),"rtl"===qe.current)if(i.hasChildItems&&i.open)requestAnimationFrame(()=>i.collapse());else{const e=i.parentItem;e&&this[We].setActiveItem(e)}else i.hasChildItems&&!i.open&&i.expand();break;default:this[We].onKeyDown(t)}},Gg=function(e){const t=this[We].activeItem;e.defaultPrevented||!t||t.disabled||" "!==e.key||t.ripple?.hide()},Jg=function(t){if(!t.defaultPrevented&&!e(this,Ng,"f")&&!_()){a(this,Ng,!0,"f");const i=t.composedPath().reverse().find(e=>e instanceof Rg);i&&!i.disabled&&e(this,qg,"m",ty).call(this,i,!0,!1)}},Qg=function(t){this.setAttribute("aria-activedescendant",t.id),t.label&&S(t.label,this,{block:"nearest",behavior:"smooth"}),e(this,qg,"m",ey).call(this)},ey=function(){const t=this.matches(":focus-within"),a=t||this.matches(":focus"),i=a&&!e(this,Ng,"f")&&(_()||this.matches(":focus-visible")||t&&null!==this.querySelector("a:focus-visible"));this[We].items.forEach(t=>{const o=t===this[We].activeItem;e(this,qg,"m",ty).call(this,t,o&&a,o&&i)})},ty=function(e,t,a){t&&a?e.stateLayer?.show("focused"):e.stateLayer?.hide("focused"),a?e.focusRing?.show():e.focusRing?.hide()},B(o`m3e-nav-menu > m3e-divider { margin-block: var(--m3e-nav-menu-divider-margin, 0.25rem); flex: none; }`),oy.styles=o`:host { display: block; outline: none; overflow-y: auto; overflow-x: hidden; min-height: 0; scrollbar-width: ${v.scrollbar.width}; scrollbar-color: ${v.scrollbar.color}; } .base { width: 100%; display: flex; flex-direction: column; position: relative; min-height: inherit; box-sizing: border-box; padding-block-start: var(--m3e-nav-menu-padding-top, 0.5rem); padding-block-end: var(--m3e-nav-menu-padding-bottom, 0.5rem); padding-inline-start: var(--m3e-nav-menu-padding-left, 0.75rem); padding-inline-end: var(--m3e-nav-menu-padding-right, 0.75rem); }`,oy.__nextId=0,oy=iy=t([$("m3e-nav-menu")],oy);let dy=cy=class extends(P(f(r,"group"))){constructor(){super(...arguments),ry.add(this),sy.set(this,"m3e-nav-menu-item-group-label-"+cy.__nextId++),ny.set(this,void 0)}connectedCallback(){super.connectedCallback(),x(this,"--divided","M3E-DIVIDER"===this.previousElementSibling?.tagName)}disconnectedCallback(){super.disconnectedCallback(),k(this,"--divided")}render(){return s`<div class="label"><slot name="label" @slotchange="${e(this,ry,"m",ly)}"></slot></div><slot></slot>`}};var hy,my,uy,py;sy=new WeakMap,ny=new WeakMap,ry=new WeakSet,ly=function(t){const i=t.target.assignedElements({flatten:!0})[0];i!==e(this,ny,"f")&&(e(this,ny,"f")?.id===e(this,sy,"f")&&(e(this,ny,"f").id=""),a(this,ny,i,"f"),e(this,ny,"f")?(e(this,ny,"f").id=e(this,ny,"f").id||e(this,sy,"f"),this.setAttribute("aria-labelledby",e(this,ny,"f").id)):this.removeAttribute("aria-labelledby")),x(this,"--with-label",void 0!==e(this,ny,"f"))},dy.styles=o`:host { display: contents; } :host(:not(:is(:state(--with-label), :--with-label))) .label { display: none; } .label { margin-inline-start: var(--m3e-nav-menu-item-group-label-inset, 1rem); margin-block-end: var(--m3e-nav-menu-item-group-label-space, 1rem); flex: none; } :host(:is(:state(--divided), :--divided)) .label { margin-block-start: calc( var(--m3e-nav-menu-item-group-label-space, 1rem) - var(--m3e-nav-menu-divider-margin, 0.25rem) ); } :host(:not(:is(:state(--divided), :--divided))) .label { margin-block-start: var(--m3e-nav-menu-item-group-label-space, 1rem); }`,dy.__nextId=0,dy=cy=t([$("m3e-nav-menu-item-group")],dy);let vy=class extends(M(tt)){constructor(){super(),hy.add(this),my.set(this,(new Be).withHomeAndEnd().withWrap()),uy.set(this,t=>e(this,hy,"m",py).call(this,t)),this[We].onSelectedItemsChange(()=>{e(this,my,"f").updateActiveItem(this[We].activeItem)})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,uy,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,uy,"f"))}_updateItems(){const t=Te.findInteractiveElements(this,!0),{added:a}=e(this,my,"f").setItems(t);if(!e(this,my,"f").activeItem){const t=a.find(e=>!e.hasAttribute("disabled"));t&&e(this,my,"f").updateActiveItem(t)}this.items.forEach((e,t)=>x(e,"--first",0===t)),super._updateItems()}_updateOrientation(e){super._updateOrientation(e),this.querySelectorAll("m3e-fab").forEach(t=>t.toggleAttribute("extended","horizontal"===e))}};var by,fy,gy;my=new WeakMap,uy=new WeakMap,hy=new WeakSet,py=function(t){e(this,my,"f").onKeyDown(t)},B(o`m3e-nav-rail > m3e-icon-button, m3e-nav-rail > m3e-fab { margin-block-end: var(--m3e-nav-rail-button-item-space, 1rem); } m3e-nav-rail > m3e-icon-button { margin-inline-start: var(--m3e-nav-rail-icon-button-inset, 0.5rem); }`),vy.styles=o`:host { display: block; overflow-x: hidden; overflow-y: auto; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`width ${v.motion.duration.medium2} ${v.motion.easing.standard}`)}; } .base { display: flex; width: inherit; flex-direction: column; align-items: flex-start; box-sizing: border-box; padding-block-start: var(--m3e-nav-rail-top-space, 2.75rem); padding-block-end: var(--m3e-nav-rail-bottom-space, 0.5rem); padding-inline: var(--m3e-nav-rail-inline-padding, 1.25rem); } :host(:is(:state(--compact), :--compact)) { width: var(--m3e-nav-rail-compact-width, 6rem); } :host(:not(:is(:state(--compact), :--compact))) { width: var(--m3e-nav-rail-expanded-width, 13.75rem); } :host(:not(:is(:state(--compact), :--compact))) { --m3e-horizontal-nav-item-active-indicator-height: var(--m3e-nav-rail-expanded-item-height, 3.5rem); --_nav-item-align-self: stretch; --_nav-item-justify-content: flex-start; } ::slotted(*) { flex: none; } ::slotted(m3e-fab) { --m3e-fab-container-elevation: ${v.elevation.level0}; --m3e-fab-disabled-container-elevation: ${v.elevation.level0}; --m3e-fab-focus-container-elevation: ${v.elevation.level0}; --m3e-fab-pressed-container-elevation: ${v.elevation.level0}; --m3e-fab-hover-container-elevation: ${v.elevation.level1}; --m3e-fab-lowered-container-elevation: ${v.elevation.level0}; --m3e-fab-lowered-disabled-container-elevation: ${v.elevation.level0}; --m3e-fab-lowered-focus-container-elevation: ${v.elevation.level0}; --m3e-fab-lowered-pressed-container-elevation: ${v.elevation.level0}; --m3e-fab-lowered-hover-container-elevation: ${v.elevation.level1}; } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: none; } }`,vy=t([$("m3e-nav-rail")],vy);let yy=class extends(b(E)){constructor(){super(...arguments),by.add(this),fy.set(this,new w(this,{target:null,config:{attributeFilter:["class"]},callback:()=>e(this,by,"m",gy).call(this)}))}attach(t){t instanceof vy&&e(this,fy,"f").observe(t),this.htmlFor&&this.parentElement&&De(this.parentElement,"aria-controls",this.htmlFor),super.attach(t),e(this,by,"m",gy).call(this)}detach(){for(const t of e(this,fy,"f").targets)e(this,fy,"f").unobserve(t);this.parentElement&&(this.htmlFor&&Ae(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),super.detach()}_onClick(){this.control instanceof vy&&(this.control.currentMode="compact"===this.control.currentMode?"expanded":"compact")}};var $y,wy,xy,ky;fy=new WeakMap,by=new WeakSet,gy=async function(){if(!this.parentElement)return;const e=this.control instanceof vy&&"expanded"===this.control.currentMode;this.parentElement.ariaExpanded=`${e}`,this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",e),this.parentElement instanceof r&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},yy=t([$("m3e-nav-rail-toggle")],yy);let Cy=class extends(pe(N(P(f(r,"option"))))){constructor(){super(...arguments),$y.add(this),wy.set(this,void 0),xy.set(this,""),this.term="",this.highlightMode="contains",this.disableHighlight=!1}get value(){return e(this,wy,"f")??e(this,xy,"f")}set value(e){a(this,wy,e,"f")}get label(){return e(this,xy,"f")}[(wy=new WeakMap,xy=new WeakMap,$y=new WeakSet,Ve)](){return this.label}get isEmpty(){return""===this.value}connectedCallback(){super.connectedCallback(),[this.focusRing,this.stateLayer,this._ripple].forEach(e=>e?.attach(this))}firstUpdated(e){super.firstUpdated(e),[this.focusRing,this.stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){if(super.update(e),e.has("selected")&&this.selected){const e=this.closest("[role='listbox']")??this.closest("m3e-autocomplete")??this.closest("m3e-select");e&&"true"!==e.ariaMultiSelectable&&!e.hasAttribute("multi")&&e.querySelectorAll("m3e-option").forEach(e=>{e!==this&&e.selected&&(e.selected=!1)})}}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper"><div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg></div><m3e-text-overflow class="label"><m3e-text-highlight term="${this.term}" mode="${this.highlightMode}" ?disabled="${this.disableHighlight}"><slot @slotchange="${e(this,$y,"m",ky)}"></slot></m3e-text-highlight></m3e-text-overflow></div></div>`}};var Sy,_y,Ly,Ey,zy;ky=function(e){a(this,xy,me(e.target),"f"),x(this,"--empty",this.isEmpty),this.selected&&this.closest("m3e-select")?.requestUpdate?.()},Cy.styles=o`:host { display: block; outline: none; user-select: none; flex: none; height: var(--m3e-option-container-height, 2.75rem); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) .base { color: var(--m3e-option-color, ${v.color.onSurface}); --m3e-state-layer-hover-color: var(--m3e-option-container-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-option-container-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-option-ripple-color, ${v.color.onSurface}); } :host(:not([aria-disabled="true"]):not(:is(:state(--empty), :--empty))[selected]) .base { color: var(--m3e-option-selected-color, ${v.color.onTertiaryContainer}); background-color: var(--m3e-option-selected-container-color, ${v.color.tertiaryContainer}); --m3e-state-layer-hover-color: var( --m3e-option-selected-container-hover-color, ${v.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-option-selected-container-focus-color, ${v.color.onTertiaryContainer} ); --m3e-ripple-color: var(--m3e-option-selected-ripple-color, ${v.color.onTertiaryContainer}); } :host(:not([aria-disabled="true"])) { cursor: pointer; } :host([aria-disabled="true"]) .base { color: color-mix( in srgb, var(--m3e-option-disabled-color, ${v.color.onSurface}) var(--m3e-option-disabled-opacity, 38%), transparent ); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; position: relative; width: 100%; height: 100%; border-radius: var(--m3e-option-shape, ${v.shape.corner.extraSmall}); transition: ${i(`border-radius ${v.motion.spring.fastEffects}`)}; } :host([selected]:not(:is(:state(--first), :--first))) .base { border-top-left-radius: var(--m3e-option-selected-shape, ${v.shape.corner.medium}); border-top-right-radius: var(--m3e-option-selected-shape, ${v.shape.corner.medium}); } :host([selected]:not(:is(:state(--last), :--last))) .base { border-bottom-left-radius: var(--m3e-option-selected-shape, ${v.shape.corner.medium}); border-bottom-right-radius: var(--m3e-option-selected-shape, ${v.shape.corner.medium}); } :host(:is(:state(--first), :--first)) .base { border-top-left-radius: var(--m3e-option-first-child-shape, ${v.shape.corner.medium}); border-top-right-radius: var(--m3e-option-first-child-shape, ${v.shape.corner.medium}); } :host(:is(:state(--last), :--last)) .base { border-bottom-left-radius: var(--m3e-option-last-child-shape, ${v.shape.corner.medium}); border-bottom-right-radius: var(--m3e-option-last-child-shape, ${v.shape.corner.medium}); } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { flex: 1 1 auto; display: inline-flex; align-items: center; width: 100%; overflow: hidden; column-gap: var(--m3e-option-icon-label-space, 0.5rem); padding-inline-start: var(--_option-padding-start, var(--m3e-option-padding-start, 0.75rem)); padding-inline-end: var(--m3e-option-padding-end, 0.75rem); font-size: var(--m3e-option-label-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-option-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-option-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-option-label-text-tracking, ${v.typescale.standard.label.large.tracking}); } .focus-ring { border-radius: var(--m3e-option-focus-ring-shape, inherit); } .icon { margin-inline-start: calc(0px - var(--m3e-option-icon-label-space, 0.5rem)); transition: ${i(`margin-inline-start ${v.motion.spring.fastEffects}, width ${v.motion.spring.fastEffects}`)}; } :host([selected]) .icon { margin-inline-start: 0; width: var(--m3e-option-icon-size, 1.25rem); } .icon { flex: none; width: 0px; font-size: var(--m3e-option-icon-size, 1.25rem); } :host(:is(:state(--empty), :--empty)) .icon, :host(:is(:state(--hide-selection-indicator), :--hide-selection-indicator)) .icon, :host(:not([selected])) .check { display: none; } @media (forced-colors: active) { .base { background-color: Menu; color: MenuText; } :host([aria-disabled="true"]) .base { color: GrayText; } } @media (prefers-reduced-motion) { .icon, .base { transition: none; } }`,t([h(".focus-ring")],Cy.prototype,"focusRing",void 0),t([h(".state-layer")],Cy.prototype,"stateLayer",void 0),t([h(".ripple")],Cy.prototype,"_ripple",void 0),t([m()],Cy.prototype,"value",null),t([m()],Cy.prototype,"term",void 0),t([m({attribute:"highlight-mode"})],Cy.prototype,"highlightMode",void 0),t([m({attribute:"disable-highlight",type:Boolean})],Cy.prototype,"disableHighlight",void 0),Cy=t([$("m3e-option")],Cy);let My=zy=class extends(f(r,"group")){constructor(){super(...arguments),Sy.add(this),_y.set(this,"m3e-optgroup-label-"+zy.__nextId++),Ly.set(this,void 0)}render(){return s`<m3e-text-overflow class="label"><slot name="label" @slotchange="${e(this,Sy,"m",Ey)}"></slot></m3e-text-overflow><slot></slot>`}};var Py,Ty,Iy,Dy;_y=new WeakMap,Ly=new WeakMap,Sy=new WeakSet,Ey=function(t){const i=t.target.assignedElements({flatten:!0})[0]??void 0;i!==e(this,Ly,"f")&&(e(this,Ly,"f")?.id&&(Ae(this,"aria-labelledby",e(this,Ly,"f").id),e(this,Ly,"f").id===e(this,_y,"f")&&(e(this,Ly,"f").id="")),a(this,Ly,i,"f"),e(this,Ly,"f")&&(e(this,Ly,"f").id=e(this,Ly,"f").id||e(this,_y,"f"),De(this,"aria-labelledby",e(this,Ly,"f").id)))},My.styles=o`:host { display: block; --_option-padding-start: calc(var(--m3e-option-padding-start, 0.75rem) * 2); } .label { height: var(--m3e-option-height, 3rem); font-size: var(--m3e-option-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-option-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-option-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-option-tracking, ${v.typescale.standard.label.large.tracking}); padding-inline-end: var(--m3e-option-padding-end, 0.75rem); padding-inline-start: var(--m3e-option-padding-start, 0.75rem); color: var(--m3e-option-color, ${v.color.onSurface}); flex: none; }`,My.__nextId=0,My=zy=t([$("m3e-optgroup")],My);let Ay=class extends(f(Ue,"listbox")){constructor(){super(),Py.add(this),this.state="content",new w(this,{config:{childList:!0,subtree:!0},callback:()=>e(this,Py,"m",Dy).call(this)})}connectedCallback(){super.connectedCallback(),e(this,Py,"m",Dy).call(this)}render(){return s`<div class="base"><slot></slot><div class="no-data" aria-hidden="true"><slot name="no-data" @slotchange="${e(this,Py,"m",Ty)}"></slot></div><div class="loading" aria-hidden="true"><slot name="loading" @slotchange="${e(this,Py,"m",Iy)}"></slot></div></div>`}};
+ */var av,iv,ov,rv,sv,nv,lv,cv,dv,hv,mv,uv,pv,vv,bv,fv,gv,yv,$v,wv,xv,kv,Cv,Sv,_v,Lv,Ev,zv,Mv,Pv;let Tv=class extends(z(P(r))){constructor(){super(),av.add(this),iv.set(this,null),ov.set(this,void 0),rv.set(this,()=>e(this,av,"m",Lv).call(this)),sv.set(this,()=>e(this,av,"m",Sv).call(this)),nv.set(this,new w(this,{target:null,config:{attributeFilter:["disabled","readonly","required"]},callback:()=>this.notifyControlStateChange()})),lv.set(this,new A(this,{target:null,callback:()=>e(this,av,"m",xv).call(this)})),cv.set(this,new K(this,{target:null,callback:t=>{t=t&&!(e(this,iv,"f")?.disabled??1),x(this,"--no-animate",!1),a(this,uv,t,"f"),t?x(this,"--float-label",!0):(this._invalid=!(e(this,iv,"f")?.checkValidity?.()??1),this.notifyControlStateChange())}})),dv.set(this,new w(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>e(this,av,"m",Mv).call(this)})),hv.set(this,new w(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>e(this,av,"m",Pv).call(this)})),mv.set(this,new Z(this,{target:null,callback:t=>x(this,"--pressed",t&&!(e(this,iv,"f")?.disabled??1))})),uv.set(this,!1),this._pseudoLabel="",this._required=!1,this._invalid=!1,this._validationMessage="",pv.set(this,""),vv.set(this,""),this.variant="outlined",this.hideRequiredMarker=!1,this.hideSubscript="auto",this.floatLabel="auto",new ne(this,{callback:()=>x(this,"--no-animate",!1)})}get menuAnchor(){return this._base}get control(){return e(this,iv,"f")}notifyControlStateChange(t=!1){this._required=!0===e(this,iv,"f")?.required,x(this,"--required",this._required),x(this,"--disabled",!0===e(this,iv,"f")?.disabled),x(this,"--readonly",fe(e(this,iv,"f"))&&!0===e(this,iv,"f").readOnly),"auto"===this.floatLabel&&x(this,"--float-label",e(this,av,"a",bv)||e(this,uv,"f")),t&&(this._invalid=!(e(this,iv,"f")?.checkValidity?.()??1)),x(this,"--invalid",this._invalid),this._validationMessage=e(this,iv,"f")?.validationMessage??"",this.isUpdatePending||this.performUpdate()}connectedCallback(){super.connectedCallback(),x(this,"--no-animate",!0)}disconnectedCallback(){super.disconnectedCallback(),e(this,av,"m",Ev).call(this,null)}reconnectedCallback(){super.reconnectedCallback(),e(this,av,"m",fv).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,av,"m",fv).call(this)}update(t){super.update(t),t.has("_invalid")&&e(this,iv,"f")&&(e(this,iv,"f").ariaInvalid=this._invalid?"true":null,e(this,vv,"f")&&(this._invalid?Fe.describe(e(this,iv,"f"),e(this,vv,"f")):Fe.removeDescription(e(this,iv,"f"),e(this,vv,"f"))))}render(){return s`<div class="base" @click="${e(this,av,"m",Cv)}">${"outlined"===this.variant?s`<div class="outline" aria-hidden="true"><div class="outline-start"></div><div class="outline-notch"><div class="pseudo-label">${this._pseudoLabel} ${!this.hideRequiredMarker&&this._required?s`&nbsp;*`:n}</div></div><div class="outline-end"></div></div>`:n}<div class="prefix"><slot name="prefix" @slotchange="${e(this,av,"m",$v)}"></slot></div><div class="content"><span class="prefix-text"><slot name="prefix-text"></slot></span><span class="input"><slot @slotchange="${e(this,av,"m",kv)}" @change="${e(this,av,"m",_v)}"></slot></span><span class="suffix-text"><slot name="suffix-text"></slot></span><span class="label"><slot name="label" @slotchange="${e(this,av,"m",yv)}"></slot>${!this.hideRequiredMarker&&this._required?s`<span class="required-marker" aria-hidden="true">&nbsp;*</span>`:n}</span></div><div class="suffix" @click="${e(this,av,"m",gv)}" @focusin="${e(this,av,"m",gv)}" @focusout="${e(this,av,"m",gv)}" @pointerdown="${e(this,av,"m",gv)}" @keydown="${e(this,av,"m",gv)}" @keyup="${e(this,av,"m",gv)}"><slot name="suffix" @slotchange="${e(this,av,"m",wv)}"></slot></div></div><span class="subscript" aria-hidden="true"><span class="error"><slot name="error">${this._validationMessage}</slot></span><span class="hint"><slot name="hint"></slot></span></span>`}};iv=new WeakMap,ov=new WeakMap,rv=new WeakMap,sv=new WeakMap,nv=new WeakMap,lv=new WeakMap,cv=new WeakMap,dv=new WeakMap,hv=new WeakMap,mv=new WeakMap,uv=new WeakMap,pv=new WeakMap,vv=new WeakMap,av=new WeakSet,bv=function(){return void 0!==e(this,iv,"f")?.shouldLabelFloat?!0===e(this,iv,"f").shouldLabelFloat:"string"==typeof e(this,iv,"f")?.value&&e(this,iv,"f").value.length>0},fv=function(){e(this,cv,"f").observe(this._base),e(this,mv,"f").observe(this._base),e(this,dv,"f").observe(this._hint),e(this,av,"m",Mv).call(this),e(this,hv,"f").observe(this._error),e(this,av,"m",Pv).call(this)},gv=function(e){e.stopImmediatePropagation(),e.stopPropagation()},yv=function(e){const t=e.target.assignedElements({flatten:!0});x(this,"--with-label",t.length>0),this._pseudoLabel=t[0]?.textContent??""},$v=function(t){x(this,"--with-prefix",g(t.target)),e(this,lv,"f").observe(this._prefix)},wv=function(e){x(this,"--with-suffix",g(e.target))},xv=function(){"outlined"===this.variant&&this._base.style.setProperty("--_prefix-width",`${this._prefix.clientWidth}px`)},kv=function(t){e(this,av,"m",Ev).call(this,tv(t.target))},Cv=function(t){!e(this,iv,"f")||e(this,uv,"f")||e(this,iv,"f").disabled||(e(this,iv,"f").onContainerClick?e(this,iv,"f").onContainerClick(t):e(this,iv,"f").focus())},Sv=function(){this._invalid=!0,this.notifyControlStateChange()},_v=function(){this._invalid=!(e(this,iv,"f")?.checkValidity?.()??1),this.notifyControlStateChange()},Lv=function(){this._invalid=!1,setTimeout(()=>this.notifyControlStateChange())},Ev=function(t){if(e(this,iv,"f")!==t&&(e(this,iv,"f")&&(e(this,pv,"f")&&Fe.removeDescription(e(this,iv,"f"),e(this,pv,"f")),e(this,vv,"f")&&Fe.removeDescription(e(this,iv,"f"),e(this,vv,"f")),e(this,nv,"f").unobserve(e(this,iv,"f")),e(this,iv,"f").removeEventListener("invalid",e(this,sv,"f")),e(this,iv,"f").form?.removeEventListener("reset",e(this,rv,"f")),e(this,ov,"f")?.call(this),a(this,ov,void 0,"f")),a(this,iv,t,"f"),["INPUT","TEXTAREA"].includes(e(this,iv,"f")?.tagName??"")?this._base.style.setProperty("--_form-field-cursor","text"):this._base.style.removeProperty("--_form-field-cursor"),x(this,"--with-select","M3E-SELECT"===e(this,iv,"f")?.tagName),H(this,"--with-select")&&this._base.style.setProperty("--_form-field-cursor","pointer"),e(this,iv,"f"))){e(this,nv,"f").observe(e(this,iv,"f")),e(this,iv,"f").addEventListener("invalid",e(this,sv,"f")),e(this,iv,"f").form?.addEventListener("reset",e(this,rv,"f")),e(this,iv,"f").removeAttribute("aria-invalid"),e(this,pv,"f")&&Fe.describe(e(this,iv,"f"),e(this,pv,"f")),this.notifyControlStateChange();const t=e(this,iv,"f").tagName.toLowerCase();t.startsWith("m3e-")&&!customElements.get(t)?customElements.whenDefined(t).then(()=>e(this,av,"m",zv).call(this)):e(this,av,"m",zv).call(this)}},zv=function(){e(this,iv,"f")&&a(this,ov,ge(e(this,iv,"f"),"value",{set:(e,t)=>{t(e),this.notifyControlStateChange(!0)}}),"f")},Mv=function(){const t=me(this._hint,!0);t!==e(this,pv,"f")&&(e(this,iv,"f")&&e(this,pv,"f")&&Fe.removeDescription(e(this,iv,"f"),e(this,pv,"f")),a(this,pv,t,"f"),e(this,iv,"f")&&e(this,pv,"f")&&Fe.describe(e(this,iv,"f"),e(this,pv,"f")))},Pv=function(){const t=me(this._error,!0);t!==e(this,vv,"f")&&(e(this,iv,"f")&&e(this,vv,"f")&&Fe.removeDescription(e(this,iv,"f"),e(this,vv,"f")),a(this,vv,t,"f"),e(this,iv,"f")&&e(this,vv,"f")&&this._invalid&&Fe.describe(e(this,iv,"f"),e(this,vv,"f")))},B(o`m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { user-select: none; color: currentColor; transition: opacity ${v.motion.duration.extraLong1}; } m3e-form-field[float-label="auto"]:not(:is(:state(--float-label), :--float-label)):is( :state(--with-label), :--with-label ) input::placeholder, m3e-form-field[float-label="auto"]:not(:is(:state(--float-label), :--float-label)):is( :state(--with-label), :--with-label ) textarea::placeholder { opacity: 0; transition: opacity 0s; } m3e-form-field[variant="outlined"] m3e-input-chip-set { margin-block: calc(calc(3.5rem + ${v.density.calc(-3)}) / 4); } @media (prefers-reduced-motion) { m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { transition: none !important; } }`),Tv.styles=o`:host { display: inline-flex; flex-direction: column; vertical-align: middle; font-size: var(--m3e-form-field-font-size, ${v.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${v.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${v.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${v.typescale.standard.body.large.tracking}); width: var(--m3e-form-field-width, 14.5rem); color: var(--_form-field-color); } :host(:not(:is(:state(--disabled), :--disabled))) .base { cursor: var(--_form-field-cursor); } .base { display: flex; align-items: center; position: relative; min-height: calc(3.5rem + ${v.density.calc(-3)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize} ); --_form-field-label-line-height: var( --m3e-form-field-label-line-height, ${v.typescale.standard.body.small.lineHeight} ); } .content { display: flex; align-items: center; position: relative; flex: 1 1 auto; min-width: 0; min-height: var(--m3e-form-field-icon-size, 1.5rem); } .prefix, .suffix { display: flex; align-items: center; position: relative; user-select: none; flex: none; font-size: var(--m3e-form-field-icon-size, 1.5rem); } .prefix-text, .suffix-text { opacity: 1; transition: opacity ${v.motion.duration.extraLong1}; user-select: none; flex: none; } .input { display: inline-flex; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; } .label { display: flex; position: absolute; pointer-events: none; user-select: none; top: 0; left: 0; right: 0; font-size: var(--m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-form-field-label-font-weight, ${v.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-form-field-label-line-height, ${v.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-form-field-label-tracking, ${v.typescale.standard.body.small.tracking}); color: var(--_form-field-label-color, inherit); transition: ${i(`top ${v.motion.duration.short4}, \n        font-size ${v.motion.duration.short4}, \n        line-height ${v.motion.duration.short4}`)}; } :host(:is(:state(--with-select), :--with-select)) .label { margin-inline-end: 1.5rem; } ::slotted([slot="label"]) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .subscript { display: inline-flex; width: 100%; margin-top: 0.25rem; font-size: var(--m3e-form-field-subscript-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-form-field-subscript-font-weight, ${v.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-form-field-subscript-line-height, ${v.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-form-field-subscript-tracking, ${v.typescale.standard.body.small.tracking}); min-height: var(--m3e-form-field-subscript-line-height, ${v.typescale.standard.body.small.lineHeight}); color: var(--m3e-form-field-subscript-color, ${v.color.onSurfaceVariant}); } .error, .hint { flex: 1 1 auto; } :host([hide-subscript="always"]) .subscript { display: none; } :host([hide-subscript="auto"]:not(:is(:state(--invalid), :--invalid))) .subscript { opacity: 0; margin-top: 0.25rem; transform: translateY(-0.25rem); transition: ${i(`opacity ${v.motion.duration.short4}, \n        transform ${v.motion.duration.short4}`)}; } :host([hide-subscript="auto"]:not(:is(:state(--invalid), :--invalid)):focus-within) .subscript, :host([hide-subscript="auto"]:not(:is(:state(--invalid), :--invalid)):is(:state(--pressed), :--pressed)) .subscript { opacity: 1; transform: translateY(0); } :host(:is(:state(--invalid), :--invalid)) .hint { display: none; } :host(:not(:is(:state(--invalid), :--invalid))) .error { display: none; } ::slotted(input), ::slotted(textarea), ::slotted(select) { outline: unset; border: unset; background-color: transparent; box-shadow: none; font-family: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: var(--_form-field-input-color, inherit); flex: 1 1 auto; min-width: 0; padding: unset; } ::slotted(textarea) { scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; } ::slotted(m3e-select), ::slotted(m3e-input-chip-set) { flex: 1 1 auto; min-width: 0; } :host([float-label="auto"]:not(:is(:state(--float-label), :--float-label)):not(:is(:state(--pressed), :--pressed))) .label { font-size: inherit; } :host([float-label="auto"]:not(:is(:state(--float-label), :--float-label)):is(:state(--with-label), :--with-label)) .prefix-text, :host([float-label="auto"]:not(:is(:state(--float-label), :--float-label)):is(:state(--with-label), :--with-label)) .suffix-text { opacity: 0; transition: opacity 0s; } .prefix { margin-inline-start: 1rem; } :host(:is(:state(--with-prefix), :--with-prefix)) .prefix { margin-inline-end: 1rem; margin-inline-start: 0.75rem; } .suffix { margin-inline-end: 1rem; } :host(:is(:state(--with-suffix), :--with-suffix)) .suffix { margin-inline-start: 0.25rem; margin-inline-end: 0.5rem; } :host(:is(:state(--with-suffix), :--with-suffix):is(:state(--with-select), :--with-select)) .suffix { margin-inline-start: unset; } :host(:is(:state(--with-select), :--with-select)) .suffix-text { display: none; } :host([variant="outlined"]) .label { margin-top: calc(0px - var(--_form-field-label-line-height) / 2); } :host([variant="outlined"]) .outline { position: absolute; display: flex; pointer-events: none; left: 0; top: 0; bottom: 0; right: 0; } :host([variant="outlined"]) .pseudo-label { visibility: hidden; margin-inline-end: 0.5rem; font-size: var(--_form-field-label-font-size); line-height: var(--_form-field-label-line-height); letter-spacing: var(--_form-field-label-tracking); max-width: 100%; transition-property: max-width, margin-inline-end; transition-duration: 1ms; } :host([variant="outlined"]:is(:state(--required), :--required):not([hide-required-marker])) .pseudo-label { margin-inline-end: 0.25rem; } :host( [variant="outlined"][float-label="auto"]:not(:is(:state(--float-label), :--float-label)):not( :is(:state(--pressed), :--pressed) ) ) .pseudo-label { max-width: 0; margin-inline-end: 0px; transition-delay: ${v.motion.duration.short2}; } :host([variant="outlined"]) .outline-start, :host([variant="outlined"]) .outline-notch, :host([variant="outlined"]) .outline-end { box-sizing: border-box; border-width: var(--_form-field-outline-size, 1px); border-color: var(--_form-field-outline-color); transition: border-color ${v.motion.duration.short4}; } :host([variant="outlined"]:not(:is(:state(--with-label), :--with-label))) .outline-notch { display: none; } :host([variant="outlined"]) .outline-start { min-width: 0.75rem; border-top-style: solid; border-inline-start-style: solid; border-bottom-style: solid; border-start-start-radius: var(--m3e-outlined-form-field-container-shape, ${v.shape.corner.extraSmall}); border-end-start-radius: var(--m3e-outlined-form-field-container-shape, ${v.shape.corner.extraSmall}); } :host([variant="outlined"]) .outline-notch { border-bottom-style: solid; } :host([variant="outlined"]) .outline-end { flex-grow: 1; min-width: 1rem; border-top-style: solid; border-inline-end-style: solid; border-bottom-style: solid; border-start-end-radius: var(--m3e-outlined-form-field-container-shape, ${v.shape.corner.extraSmall}); border-end-end-radius: var(--m3e-outlined-form-field-container-shape, ${v.shape.corner.extraSmall}); } :host([variant="outlined"]:is(:state(--with-prefix), :--with-prefix)) .outline-start { min-width: calc(1.25rem + var(--_prefix-width, 0px) + 0.25rem); } :host([variant="outlined"]:not(:is(:state(--disabled), :--disabled))) .base:hover .outline, :host([variant="outlined"]:not(:is(:state(--disabled), :--disabled)):focus-within) .outline, :host([variant="outlined"]:not(:is(:state(--disabled), :--disabled)):is(:state(--pressed), :--pressed)) .outline { --_form-field-outline-size: 2px; } :host([variant="outlined"]) .subscript { margin-inline: 1rem; width: calc(100% - 2rem); } :host([variant="outlined"]) .content { min-height: calc(3.5rem + ${v.density.calc(-3)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize} ); } :host( [variant="outlined"][float-label="auto"]:not(:is(:state(--float-label), :--float-label)):not( :is(:state(--pressed), :--pressed) ) ) .label { margin-top: unset; line-height: calc(3.5rem + ${v.density.calc(-3)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize} ); } :host([variant="filled"]) .base { --_select-arrow-margin-top: calc( 0px - calc(1rem / max(calc(0 - calc(var(--md-sys-density-scale, 0) + var(--md-sys-density-scale, 0))), 1)) ); } :host([variant="filled"]) .base::before { content: ""; box-sizing: border-box; position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; border-bottom-style: solid; border-width: 1px; border-radius: var(--m3e-form-field-container-shape, ${v.shape.corner.extraSmallTop}); border-color: var(--_form-field-outline-color); background-color: var(--_form-field-container-color); } :host([variant="filled"]:not(:is(:state(--disabled), :--disabled))) .base:hover::before, :host([variant="filled"]:not(:is(:state(--disabled), :--disabled)):focus-within) .base::before, :host([variant="filled"]:not(:is(:state(--disabled), :--disabled)):is(:state(--pressed), :--pressed)) .base::before { border-width: 3px; } :host([variant="filled"]) .base::after { content: ""; box-sizing: border-box; position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--_form-field-hover-container-color); transition: background-color ${v.motion.duration.short4}; } :host([variant="filled"]) .subscript { margin-inline: 1rem; width: calc(100% - 2rem); } :host([variant="filled"]) .content { padding-top: calc(1.5rem + ${v.density.calc(-3)}); margin-bottom: 0.5rem; } :host([variant="filled"]) .label { top: max(0px, calc(0.5rem + ${v.density.calc(-3)})); } :host( [variant="filled"][float-label="auto"]:not(:is(:state(--float-label), :--float-label)):not( :is(:state(--pressed), :--pressed) ) ) .label { top: 0px; line-height: calc(3.5rem + ${v.density.calc(-3)} - 0.0625rem); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${v.typescale.standard.body.small.fontSize} ); } :host(:not(:is(:state(--disabled), :--disabled)):not(:focus-within):not(:is(:state(--pressed), :--pressed))) .base:hover { --_form-field-hover-container-color: color-mix( in srgb, var(--m3e-form-field-hover-container-color, ${v.color.onSurface}) var(--m3e-form-field-hover-container-opacity, 8%), transparent ); } :host(:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid))) { color: var(--m3e-form-field-color, ${v.color.onSurface}); } :host([variant="outlined"]:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid))) .base { --_form-field-outline-color: var(--m3e-form-field-outline-color, ${v.color.outline}); } :host([variant="filled"]:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid))) .base { --_form-field-outline-color: var(--m3e-form-field-outline-color, ${v.color.onSurfaceVariant}); } :host( [variant="outlined"]:not(:is(:state(--disabled), :--disabled)):not( :is(:state(--invalid), :--invalid) ):focus-within ) .base, :host( [variant="outlined"]:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid)):is( :state(--pressed), :--pressed ) ) .base, :host( [variant="filled"]:not(:is(:state(--disabled), :--disabled)):not( :is(:state(--invalid), :--invalid) ):focus-within ) .base, :host( [variant="filled"]:not(:is(:state(--disabled), :--disabled)):not(:is(:state(--invalid), :--invalid)):is( :state(--pressed), :--pressed ) ) .base { --_form-field-outline-color: var(--m3e-form-field-focused-outline-color, ${v.color.primary}); --_form-field-label-color: var(--m3e-form-field-focused-color, ${v.color.primary}); } :host(:not(:is(:state(--disabled), :--disabled))) .base { --_form-field-container-color: var( --m3e-form-field-container-color, ${v.color.surfaceContainerHighest} ); } :host(:not(:is(:state(--disabled), :--disabled)):is(:state(--invalid), :--invalid)) .base { --_form-field-label-color: var(--m3e-form-field-invalid-color, ${v.color.error}); --_form-field-outline-color: var(--m3e-form-field-invalid-color, ${v.color.error}); } :host(:not(:is(:state(--disabled), :--disabled)):is(:state(--invalid), :--invalid)) .subscript { color: var(--m3e-form-field-invalid-color, ${v.color.error}); } :host(:is(:state(--disabled), :--disabled)) { color: color-mix( in srgb, var(--m3e-form-field-disabled-color, ${v.color.onSurface}) var(--m3e-form-field-disabled-opacity, 38%), transparent ); } :host(:is(:state(--disabled), :--disabled)) .base { --_form-field-container-color: color-mix( in srgb, var(--m3e-form-field-disabled-container-color, ${v.color.onSurface}) var(--m3e-form-field-disabled-container-opacity, 4%), transparent ); } :host(:is(:state(--no-animate), :--no-animate)) *, :host(:is(:state(--no-animate), :--no-animate)) *::before, :host(:is(:state(--no-animate), :--no-animate)) *::after { transition: none !important; } @media (forced-colors: active) { :host([variant="filled"]) .base::after { transition: none; } :host { --_form-field-outline-color: CanvasText; } :host(:is(:state(--disabled), :--disabled)) { --_form-field-input-color: GrayText; --_form-field-color: GrayText; --_form-field-label-color: GrayText; --_form-field-outline-color: GrayText; } } @media (prefers-reduced-motion) { .base::before, .prefix-text, .suffix-text, .label, .subscript, .outline-start, .outline-notch, .outline-end, .pseudo-label { transition: none !important; } }`,t([h(".base")],Tv.prototype,"_base",void 0),t([h(".prefix")],Tv.prototype,"_prefix",void 0),t([h(".error")],Tv.prototype,"_error",void 0),t([h(".hint")],Tv.prototype,"_hint",void 0),t([p()],Tv.prototype,"_pseudoLabel",void 0),t([p()],Tv.prototype,"_required",void 0),t([p()],Tv.prototype,"_invalid",void 0),t([p()],Tv.prototype,"_validationMessage",void 0),t([m({reflect:!0})],Tv.prototype,"variant",void 0),t([m({attribute:"hide-required-marker",type:Boolean,reflect:!0})],Tv.prototype,"hideRequiredMarker",void 0),t([m({attribute:"hide-subscript",reflect:!0})],Tv.prototype,"hideSubscript",void 0),t([m({attribute:"float-label",reflect:!0})],Tv.prototype,"floatLabel",void 0),Tv=t([$("m3e-form-field")],Tv);let Iv=class extends r{constructor(){super(...arguments),this.emphasized=!1,this.variant="display",this.size="medium"}update(e){super.update(e),e.has("level")&&(this.ariaLevel=void 0!==this.level?`${this.level}`:null,this.role=this.ariaLevel?"heading":null)}render(){return s`<slot></slot>`}};var Dv,Av,Wv,Hv,Ov;Iv.styles=o`:host { display: block; } :host([variant="display"][size="large"]:not([emphasized])) { font-size: ${v.typescale.standard.display.large.fontSize}; font-weight: ${v.typescale.standard.display.large.fontWeight}; line-height: ${v.typescale.standard.display.large.lineHeight}; letter-spacing: ${v.typescale.standard.display.large.tracking}; } :host([variant="display"][size="medium"]:not([emphasized])) { font-size: ${v.typescale.standard.display.medium.fontSize}; font-weight: ${v.typescale.standard.display.medium.fontWeight}; line-height: ${v.typescale.standard.display.medium.lineHeight}; letter-spacing: ${v.typescale.standard.display.medium.tracking}; } :host([variant="display"][size="small"]:not([emphasized])) { font-size: ${v.typescale.standard.display.small.fontSize}; font-weight: ${v.typescale.standard.display.small.fontWeight}; line-height: ${v.typescale.standard.display.small.lineHeight}; letter-spacing: ${v.typescale.standard.display.small.tracking}; } :host([variant="headline"][size="large"]:not([emphasized])) { font-size: ${v.typescale.standard.headline.large.fontSize}; font-weight: ${v.typescale.standard.headline.large.fontWeight}; line-height: ${v.typescale.standard.headline.large.lineHeight}; letter-spacing: ${v.typescale.standard.headline.large.tracking}; } :host([variant="headline"][size="medium"]:not([emphasized])) { font-size: ${v.typescale.standard.headline.medium.fontSize}; font-weight: ${v.typescale.standard.headline.medium.fontWeight}; line-height: ${v.typescale.standard.headline.medium.lineHeight}; letter-spacing: ${v.typescale.standard.headline.medium.tracking}; } :host([variant="headline"][size="small"]:not([emphasized])) { font-size: ${v.typescale.standard.headline.small.fontSize}; font-weight: ${v.typescale.standard.headline.small.fontWeight}; line-height: ${v.typescale.standard.headline.small.lineHeight}; letter-spacing: ${v.typescale.standard.headline.small.tracking}; } :host([variant="title"][size="large"]:not([emphasized])) { font-size: ${v.typescale.standard.title.large.fontSize}; font-weight: ${v.typescale.standard.title.large.fontWeight}; line-height: ${v.typescale.standard.title.large.lineHeight}; letter-spacing: ${v.typescale.standard.title.large.tracking}; } :host([variant="title"][size="medium"]:not([emphasized])) { font-size: ${v.typescale.standard.title.medium.fontSize}; font-weight: ${v.typescale.standard.title.medium.fontWeight}; line-height: ${v.typescale.standard.title.medium.lineHeight}; letter-spacing: ${v.typescale.standard.title.medium.tracking}; } :host([variant="title"][size="small"]:not([emphasized])) { font-size: ${v.typescale.standard.title.small.fontSize}; font-weight: ${v.typescale.standard.title.small.fontWeight}; line-height: ${v.typescale.standard.title.small.lineHeight}; letter-spacing: ${v.typescale.standard.title.small.tracking}; } :host([variant="label"][size="large"]:not([emphasized])) { font-size: ${v.typescale.standard.label.large.fontSize}; font-weight: ${v.typescale.standard.label.large.fontWeight}; line-height: ${v.typescale.standard.label.large.lineHeight}; letter-spacing: ${v.typescale.standard.label.large.tracking}; } :host([variant="label"][size="medium"]:not([emphasized])) { font-size: ${v.typescale.standard.label.medium.fontSize}; font-weight: ${v.typescale.standard.label.medium.fontWeight}; line-height: ${v.typescale.standard.label.medium.lineHeight}; letter-spacing: ${v.typescale.standard.label.medium.tracking}; } :host([variant="label"][size="small"]:not([emphasized])) { font-size: ${v.typescale.standard.label.small.fontSize}; font-weight: ${v.typescale.standard.label.small.fontWeight}; line-height: ${v.typescale.standard.label.small.lineHeight}; letter-spacing: ${v.typescale.standard.label.small.tracking}; } :host([variant="display"][size="large"][emphasized]) { font-size: ${v.typescale.emphasized.display.large.fontSize}; font-weight: ${v.typescale.emphasized.display.large.fontWeight}; line-height: ${v.typescale.emphasized.display.large.lineHeight}; letter-spacing: ${v.typescale.emphasized.display.large.tracking}; } :host([variant="display"][size="medium"][emphasized]) { font-size: ${v.typescale.emphasized.display.medium.fontSize}; font-weight: ${v.typescale.emphasized.display.medium.fontWeight}; line-height: ${v.typescale.emphasized.display.medium.lineHeight}; letter-spacing: ${v.typescale.emphasized.display.medium.tracking}; } :host([variant="display"][size="small"][emphasized]) { font-size: ${v.typescale.emphasized.display.small.fontSize}; font-weight: ${v.typescale.emphasized.display.small.fontWeight}; line-height: ${v.typescale.emphasized.display.small.lineHeight}; letter-spacing: ${v.typescale.emphasized.display.small.tracking}; } :host([variant="headline"][size="large"][emphasized]) { font-size: ${v.typescale.emphasized.headline.large.fontSize}; font-weight: ${v.typescale.emphasized.headline.large.fontWeight}; line-height: ${v.typescale.emphasized.headline.large.lineHeight}; letter-spacing: ${v.typescale.emphasized.headline.large.tracking}; } :host([variant="headline"][size="medium"][emphasized]) { font-size: ${v.typescale.emphasized.headline.medium.fontSize}; font-weight: ${v.typescale.emphasized.headline.medium.fontWeight}; line-height: ${v.typescale.emphasized.headline.medium.lineHeight}; letter-spacing: ${v.typescale.emphasized.headline.medium.tracking}; } :host([variant="headline"][size="small"][emphasized]) { font-size: ${v.typescale.emphasized.headline.small.fontSize}; font-weight: ${v.typescale.emphasized.headline.small.fontWeight}; line-height: ${v.typescale.emphasized.headline.small.lineHeight}; letter-spacing: ${v.typescale.emphasized.headline.small.tracking}; } :host([variant="title"][size="large"][emphasized]) { font-size: ${v.typescale.emphasized.title.large.fontSize}; font-weight: ${v.typescale.emphasized.title.large.fontWeight}; line-height: ${v.typescale.emphasized.title.large.lineHeight}; letter-spacing: ${v.typescale.emphasized.title.large.tracking}; } :host([variant="title"][size="medium"][emphasized]) { font-size: ${v.typescale.emphasized.title.medium.fontSize}; font-weight: ${v.typescale.emphasized.title.medium.fontWeight}; line-height: ${v.typescale.emphasized.title.medium.lineHeight}; letter-spacing: ${v.typescale.emphasized.title.medium.tracking}; } :host([variant="title"][size="small"][emphasized]) { font-size: ${v.typescale.emphasized.title.small.fontSize}; font-weight: ${v.typescale.emphasized.title.small.fontWeight}; line-height: ${v.typescale.emphasized.title.small.lineHeight}; letter-spacing: ${v.typescale.emphasized.title.small.tracking}; } :host([variant="label"][size="large"][emphasized]) { font-size: ${v.typescale.emphasized.label.large.fontSize}; font-weight: ${v.typescale.emphasized.label.large.fontWeight}; line-height: ${v.typescale.emphasized.label.large.lineHeight}; letter-spacing: ${v.typescale.emphasized.label.large.tracking}; } :host([variant="label"][size="medium"][emphasized]) { font-size: ${v.typescale.emphasized.label.medium.fontSize}; font-weight: ${v.typescale.emphasized.label.medium.fontWeight}; line-height: ${v.typescale.emphasized.label.medium.lineHeight}; letter-spacing: ${v.typescale.emphasized.label.medium.tracking}; } :host([variant="label"][size="small"][emphasized]) { font-size: ${v.typescale.emphasized.label.small.fontSize}; font-weight: ${v.typescale.emphasized.label.small.fontWeight}; line-height: ${v.typescale.emphasized.label.small.lineHeight}; letter-spacing: ${v.typescale.emphasized.label.small.tracking}; }`,t([m({type:Boolean,reflect:!0})],Iv.prototype,"emphasized",void 0),t([m({reflect:!0})],Iv.prototype,"variant",void 0),t([m({reflect:!0})],Iv.prototype,"size",void 0),t([m({type:Number})],Iv.prototype,"level",void 0),Iv=t([$("m3e-heading")],Iv);const Bv=/^[MmLlHhVvCcSsQqTtAaZz0-9.,\s-]+$/,Fv=/^-?\d+(\.\d+)?\s+-?\d+(\.\d+)?\s+-?\d+(\.\d+)?\s+-?\d+(\.\d+)?$/;class Vv{static addIcon(t,a,i){const o="string"==typeof i.outlined,r="string"==typeof i.filled;if("string"==typeof i.outlined&&(i.outlined={viewBox:"0 -960 960 960",path:i.outlined}),"string"==typeof i.filled&&(i.filled={viewBox:"0 -960 960 960",path:i.filled}),e(this,Dv,"m",Ov).call(this,t,a,i.outlined,o),e(this,Dv,"m",Ov).call(this,t,a,i.filled,r),void 0!==window){const o=e(this,Dv,"m",Hv).call(this,t,a);e(this,Dv,"f",Av).set(o,{outlined:d`<svg viewBox="${i.outlined.viewBox}"><path d="${i.outlined.path}"/></svg>`,filled:d`<svg viewBox="${i.filled.viewBox}"><path d="${i.filled.path}"/></svg>`}),e(this,Dv,"f",Wv).get(o)?.forEach(e=>e())}}static isIconRegistered(t,a){return void 0!==window&&e(this,Dv,"f",Av).has(e(this,Dv,"m",Hv).call(this,t,a))}static renderIcon(t,a,i){const o=e(this,Dv,"f",Av).get(e(this,Dv,"m",Hv).call(this,t,a));return i?o?.filled:o?.outlined}static observe(t,a,i){if(void 0===window)return()=>{};const o=e(this,Dv,"m",Hv).call(this,t,a);return e(this,Dv,"f",Wv).has(o)?e(this,Dv,"f",Wv).get(o)?.push(i):e(this,Dv,"f",Wv).set(o,[i]),()=>{const t=e(this,Dv,"f",Wv).get(o);if(t){const a=t.indexOf(i);a>=0&&t.splice(a,1),0==t.length&&e(this,Dv,"f",Wv).delete(o)}}}}var Rv;Dv=Vv,Hv=function(e,t){return`${t}-${e}`},Ov=function(e,t,a,i=!1){if(!i&&!Fv.test(a.viewBox))throw new Error(`Unable to register icon '${e}' for variant '${t}'. Invalid viewbox data.`);if(!Bv.test(a.path))throw new Error(`Unable to register icon '${e}' for variant '${t}'. Invalid path data.`)},Av={value:new Map},Wv={value:new Map};let qv=class extends(f(r,"img")){constructor(){super(...arguments),Rv.set(this,void 0),this.name="",this.variant="outlined",this.filled=!1,this.grade="medium",this.weight=400,this.opticalSize=24}connectedCallback(){this.hasAttribute("aria-label")||this.hasAttribute("aria-labelledby")||this.hasAttribute("aria-hidden")||(this.ariaHidden="true"),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),e(this,Rv,"f")?.call(this)}willUpdate(t){super.willUpdate(t),t.has("name")&&!Vv.isIconRegistered(this.name,this.variant)&&a(this,Rv,Vv.observe(this.name,this.variant,()=>{this.requestUpdate(),e(this,Rv,"f")?.call(this),a(this,Rv,void 0,"f")}),"f")}updated(e){super.updated(e),e.has("filled")&&this._icon?.style.setProperty("--_icon-fill",this.filled?"1":"0"),e.has("grade")&&this._icon?.style.setProperty("--_icon-grade","low"===this.grade?"-25":"high"===this.grade?"200":"0"),e.has("weight")&&this._icon?.style.setProperty("--_icon-weight",`${this.weight}`),e.has("opticalSize")&&this._icon?.style.setProperty("--_icon-optical-size",`${this.opticalSize}`)}render(){return Vv.isIconRegistered(this.name,this.variant)?Vv.renderIcon(this.name,this.variant,this.filled):s`<div class="icon" aria-hidden="true">${this.name}</div>`}};function Nv(e,t,a){Vv.addIcon(e,t,a)}Rv=new WeakMap,qv.styles=o`:host { display: inline-block; user-select: none; font-size: var(--m3e-icon-size, 1.5rem); width: 1em; height: 1em; vertical-align: middle; overflow: hidden; } .icon { font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; width: inherit; height: inherit; vertical-align: inherit; font-variation-settings: "FILL" var(--_icon-fill, 0), "wght" var(--_icon-weight, 400), "GRAD" var(--_icon-grade, 0), "opsz" var(--_icon-optical-size, 24); } :host([variant="outlined"]) .icon { font-family: "Material Symbols Outlined"; } :host([variant="rounded"]) .icon { font-family: "Material Symbols Rounded"; } :host([variant="sharp"]) .icon { font-family: "Material Symbols Sharp"; } svg { fill: currentColor; font-size: inherit; width: 1em; height: 1em; }`,t([h(".icon")],qv.prototype,"_icon",void 0),t([m()],qv.prototype,"name",void 0),t([m({reflect:!0})],qv.prototype,"variant",void 0),t([m({type:Boolean,reflect:!0})],qv.prototype,"filled",void 0),t([m()],qv.prototype,"grade",void 0),t([m({type:Number})],qv.prototype,"weight",void 0),t([m({attribute:"optical-size",type:Number})],qv.prototype,"opticalSize",void 0),qv=t([$("m3e-icon")],qv);const Uv={"extra-small":{containerHeight:i(`calc(var(--m3e-icon-button-extra-small-container-height, var(--m3e-icon-button-container-height, 2rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-icon-button-extra-small-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:i("var(--m3e-icon-button-extra-small-icon-size, var(--m3e-icon-button-icon-size, 1.25rem))"),shapeRound:i(`var(--m3e-icon-button-extra-small-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-extra-small-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.medium}))`),selectedShapeRound:i(`var(--m3e-icon-button-extra-small-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.medium}))`),selectedShapeSquare:i(`var(--m3e-icon-button-extra-small-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-extra-small-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.small}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-extra-small-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.25rem)) + calc(${v.density.calc(-3)} / 2))`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-extra-small-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.25rem)) + calc(${v.density.calc(-3)} / 2))`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-extra-small-default-leading-space, var(--m3e-icon-button-default-leading-space, 0.375rem)) + calc(${v.density.calc(-3)} / 2))`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-extra-small-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 0.375rem)) + calc(${v.density.calc(-3)} / 2))`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-extra-small-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 0.625rem)) + calc(${v.density.calc(-3)} / 2))`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-extra-small-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 0.625rem)) + calc(${v.density.calc(-3)} / 2))`)},small:{containerHeight:i(`calc(var(--m3e-icon-button-small-container-height, var(--m3e-icon-button-container-height, 2.5rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-icon-button-small-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:i("var(--m3e-icon-button-small-icon-size, var(--m3e-icon-button-icon-size, 1.5rem))"),shapeRound:i(`var(--m3e-icon-button-small-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-small-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.medium}))`),selectedShapeRound:i(`var(--m3e-icon-button-small-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.medium}))`),selectedShapeSquare:i(`var(--m3e-icon-button-small-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-small-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.small}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-small-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.25rem)) + calc(${v.density.calc(-3)} / 2))`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-small-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.25rem)) + calc(${v.density.calc(-3)} / 2))`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-small-default-leading-space, var(--m3e-icon-button-default-leading-space, 0.5rem)) + calc(${v.density.calc(-3)} / 2))`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-small-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 0.5rem)) + calc(${v.density.calc(-3)} / 2))`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-small-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 0.875rem)) + calc(${v.density.calc(-3)} / 2))`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-small-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 0.875rem)) + calc(${v.density.calc(-3)} / 2))`)},medium:{containerHeight:i(`calc(var(--m3e-icon-button-medium-container-height, var(--m3e-icon-button-container-height, 3.5rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-icon-button-medium-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:i("var(--m3e-icon-button-medium-icon-size, var(--m3e-icon-button-icon-size, 1.5rem))"),shapeRound:i(`var(--m3e-icon-button-medium-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-medium-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.large}))`),selectedShapeRound:i(`var(--m3e-icon-button-medium-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.large}))`),selectedShapeSquare:i(`var(--m3e-icon-button-medium-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-medium-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.medium}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-medium-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.75rem)) + calc(${v.density.calc(-3)} / 2))`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-medium-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.75rem)) + calc(${v.density.calc(-3)} / 2))`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-medium-default-leading-space, var(--m3e-icon-button-default-leading-space, 1rem)) + calc(${v.density.calc(-3)} / 2))`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-medium-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 1rem)) + calc(${v.density.calc(-3)} / 2))`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-medium-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 1.5rem)) + calc(${v.density.calc(-3)} / 2))`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-medium-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 1.5rem)) + calc(${v.density.calc(-3)} / 2))`)},large:{containerHeight:i(`calc(var(--m3e-icon-button-large-container-height, var(--m3e-icon-button-container-height, 6rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-icon-button-large-outline-thickness, var(--m3e-icon-button-outline-thickness, 2px))"),iconSize:i("var(--m3e-icon-button-large-icon-size, var(--m3e-icon-button-icon-size, 2rem))"),shapeRound:i(`var(--m3e-icon-button-large-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-large-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.extraLarge}))`),selectedShapeRound:i(`var(--m3e-icon-button-large-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.extraLarge}))`),selectedShapeSquare:i(`var(--m3e-icon-button-large-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-large-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.large}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-large-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 1rem)) + calc(${v.density.calc(-3)} / 2))`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-large-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 1rem)) + calc(${v.density.calc(-3)} / 2))`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-large-default-leading-space, var(--m3e-icon-button-default-leading-space, 2rem)) + calc(${v.density.calc(-3)} / 2))`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-large-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 2rem)) + calc(${v.density.calc(-3)} / 2))`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-large-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 3rem)) + calc(${v.density.calc(-3)} / 2))`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-large-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 3rem)) + calc(${v.density.calc(-3)} / 2))`)},"extra-large":{containerHeight:i(`calc(var(--m3e-icon-button-extra-large-container-height, var(--m3e-icon-button-container-height, 8.5rem)) + ${v.density.calc(-3)})`),outlineThickness:i("var(--m3e-icon-button-extra-large-outline-thickness, var(--m3e-icon-button-outline-thickness, 3px))"),iconSize:i("var(--m3e-icon-button-extra-large-icon-size, var(--m3e-icon-button-icon-size, 2.5rem))"),shapeRound:i(`var(--m3e-icon-button-extra-large-shape-round, var(--m3e-icon-button-shape-round, ${v.shape.corner.full}))`),shapeSquare:i(`var(--m3e-icon-button-extra-large-shape-square, var(--m3e-icon-button-shape-square, ${v.shape.corner.extraLarge}))`),selectedShapeRound:i(`var(--m3e-icon-button-extra-large-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${v.shape.corner.extraLarge}))`),selectedShapeSquare:i(`var(--m3e-icon-button-extra-large-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${v.shape.corner.full}))`),shapePressedMorph:i(`var(--m3e-icon-button-extra-large-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${v.shape.corner.large}))`),narrowLeadingSpace:i(`calc(var(--m3e-icon-button-extra-large-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 2rem)) + calc(${v.density.calc(-3)} / 2))`),narrowTrailingSpace:i(`calc(var(--m3e-icon-button-extra-large-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 2rem)) + calc(${v.density.calc(-3)} / 2))`),defaultLeadingSpace:i(`calc(var(--m3e-icon-button-extra-large-default-leading-space, var(--m3e-icon-button-default-leading-space, 3rem)) + calc(${v.density.calc(-3)} / 2))`),defaultTrailingSpace:i(`calc(var(--m3e-icon-button-extra-large-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 3rem)) + calc(${v.density.calc(-3)} / 2))`),wideLeadingSpace:i(`calc(var(--m3e-icon-button-extra-large-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 4.5rem)) + calc(${v.density.calc(-3)} / 2))`),wideTrailingSpace:i(`calc(var(--m3e-icon-button-extra-large-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 4.5rem)) + calc(${v.density.calc(-3)} / 2))`)}};function jv(e){return o`:host([size="${i(e)}"]) .base { height: ${Uv[e].containerHeight}; } :host([size="${i(e)}"][width="default"]) .wrapper { padding-inline-start: calc( ${Uv[e].defaultLeadingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); padding-inline-end: calc( ${Uv[e].defaultTrailingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); } :host([size="${i(e)}"][width="narrow"]) .wrapper { padding-inline-start: calc( ${Uv[e].narrowLeadingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); padding-inline-end: calc( ${Uv[e].narrowTrailingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); } :host([size="${i(e)}"][width="wide"]) .wrapper { padding-inline-start: calc( ${Uv[e].wideLeadingSpace} - calc(var(--_adjacent-shrink, 0px) / 2) ); padding-inline-end: calc(${Uv[e].wideTrailingSpace} - calc(var(--_adjacent-shrink, 0px) / 2)); } :host([size="${i(e)}"]) .icon { font-size: ${Uv[e].iconSize}; } :host([size="${i(e)}"]) .base { outline-offset: calc(0px - ${Uv[e].outlineThickness}); outline-width: ${Uv[e].outlineThickness}; } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="rounded"]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Uv[e].shapeRound}); } :host( :is(:state(--connected), :--connected)[size="${i(e)}"][shape="rounded"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Uv[e].shapeRound}); } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="square"]) .base { border-radius: ${Uv[e].shapeSquare}; } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="rounded"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: ${Uv[e].selectedShapeRound}; } :host( :not(:is(:state(--connected), :--connected))[size="${i(e)}"][shape="square"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Uv[e].selectedShapeSquare}); } :host(:not(:is(:state(--connected), :--connected))[size="${i(e)}"]:is(:state(--pressed), :--pressed)) .base { border-radius: ${Uv[e].shapePressedMorph}; } :host(:is(:state(--connected), :--connected)[size="${i(e)}"][shape="rounded"]:not([toggle][selected])) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Uv[e].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Uv[e].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Uv[e].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Uv[e].shapeRound}) ); } :host(:is(:state(--connected), :--connected)[size="${i(e)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${Uv[e].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${Uv[e].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${Uv[e].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${Uv[e].shapeSquare}); } :host( :is(:state(--connected), :--connected)[size="${i(e)}"][shape="square"][toggle][selected]:not( :is(:state(--pressed), :--pressed) ) ) .base { border-radius: var(--_button-shape, ${Uv[e].selectedShapeSquare}); } :host(:is(:state(--connected), :--connected)[size="${i(e)}"]:is(:state(--pressed), :--pressed)) .base { border-start-start-radius: var( --_button-start-shape-pressed-morph, ${Uv[e].shapePressedMorph} ); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${Uv[e].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${Uv[e].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${Uv[e].shapePressedMorph}); }`}const Yv=[jv("extra-small"),jv("small"),jv("medium"),jv("large"),jv("extra-large")],Kv=o`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: auto; right: auto; } :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base { transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n          border-radius ${v.motion.spring.fastEffects}`)}; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; transition: ${i(`padding-inline ${v.motion.spring.fastEffects}`)}; } .icon { transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; --m3e-icon-size: 1em; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } ::slotted(*) { font-size: inherit !important; flex: none; transform: var(--_icon-button-icon-transform); transform-origin: center center; transition: ${i(`transform var(--_icon-button-icon-transform-transition, ${v.motion.spring.fastEffects})`)}; } ::slotted(svg) { width: 1em; height: 1em; } :host([toggle]:not([selected])) .base.with-selected-icon slot[name="selected"], :host([toggle][selected]) .base.with-selected-icon slot:not([name]) { display: none; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host(:is(:state(--grouped), :--grouped):is(:state(--connected), :--connected)) { flex: 1 1 auto; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) { transition: ${i(`width ${v.motion.spring.fastEffects}`)}; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) .wrapper { transition: ${i(`padding-inline ${v.motion.spring.fastEffects}`)}; } :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) { flex-shrink: 0; flex-grow: 0; } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):not( :is(:state(--pressed), :--pressed, :state(--adjacent-pressed), :--adjacent-pressed) ) ) { width: var(--_button-width); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):not( :is(:state(--pressed), :--pressed) ):is(:state(--adjacent-pressed), :--adjacent-pressed) ) { width: calc(var(--_button-width) - var(--_adjacent-shrink, 0px)); } :host( :is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected)):is( :state(--pressed), :--pressed ):not([disabled-interactive]):not(:disabled) ) { width: calc( var(--_button-width) + calc(var(--_button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15)) ); } @media (forced-colors: active) { .base, .icon { transition: none; } :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base { transition: border-radius ${v.motion.spring.fastEffects}; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon, :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected]):focus) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .base { background-color: ButtonText; outline: none; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon, :host([variant]:hover:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon, :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]:focus) .icon { forced-color-adjust: none; color: ButtonFace; background-color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } .base { outline-style: solid; } :host([size="extra-small"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-extra-small-outline-thickness, 1px)); outline-width: var(--m3e-icon-button-extra-small-outline-thickness, 1px); } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-small-outline-thickness, 1px)); outline-width: var(--m3e-icon-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-icon-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-large-outline-thickness, 2px)); outline-width: var(--m3e-icon-button-large-outline-thickness, 2px); } :host([size="extra-large"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-extra-large-outline-thickness, 3px)); outline-width: var(--m3e-icon-button-extra-large-outline-thickness, 3px); } } @media (prefers-reduced-motion) { :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))), :host(:is(:state(--grouped), :--grouped):not(:is(:state(--connected), :--connected))) .wrapper, :host(:is(:state(--pressed), :--pressed)) .base, :host(:is(:state(--resting), :--resting)) .base, .base, .wrapper, .icon { transition: none; } }`,Zv={elevated:{iconColor:i(`var(--m3e-elevated-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.primary}))`),containerColor:i(`var(--m3e-elevated-icon-button-container-color, var(--m3e-icon-button-container-color, ${v.color.surfaceContainerLow}))`),containerElevation:i(`var(--m3e-elevated-icon-button-container-elevation, var(--m3e-icon-button-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-elevated-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.primary}))`),unselectedContainerColor:i(`var(--m3e-elevated-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${v.color.surfaceContainerLow}))`),selectedIconColor:i(`var(--m3e-elevated-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.onPrimary}))`),selectedContainerColor:i(`var(--m3e-elevated-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-elevated-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-elevated-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-elevated-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-elevated-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))"),containerElevation:i(`var(--m3e-elevated-icon-button-disabled-container-elevation, var(--m3e-icon-button-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:i(`var(--m3e-elevated-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-icon-button-hover-container-elevation, var(--m3e-icon-button-hover-container-elevation, ${v.elevation.level2}))`),unselectedIconColor:i(`var(--m3e-elevated-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.onPrimary}))`)},focus:{iconColor:i(`var(--m3e-elevated-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-icon-button-focus-container-elevation, var(--m3e-icon-button-focus-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-elevated-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.onPrimary}))`)},pressed:{iconColor:i(`var(--m3e-elevated-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.primary}))`),stateLayerColor:i(`var(--m3e-elevated-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:i(`var(--m3e-elevated-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:i(`var(--m3e-elevated-icon-button-pressed-container-elevation, var(--m3e-icon-button-pressed-container-elevation, ${v.elevation.level1}))`),unselectedIconColor:i(`var(--m3e-elevated-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.primary}))`),unselectedStateLayerColor:i(`var(--m3e-elevated-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.primary}))`),selectedIconColor:i(`var(--m3e-elevated-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-elevated-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.onPrimary}))`)}},outlined:{iconColor:i(`var(--m3e-outlined-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-icon-button-outline-color, var(--m3e-icon-button-outline-color, ${v.color.outlineVariant}))`),unselectedIconColor:i(`var(--m3e-outlined-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedContainerColor:i(`var(--m3e-outlined-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${v.color.inverseSurface}))`),disabled:{containerColor:i(`var(--m3e-outlined-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-outlined-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-outlined-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-outlined-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))"),outlineColor:i(`var(--m3e-outlined-icon-button-disabled-outline-color, var(--m3e-icon-button-disabled-outline-color, ${v.color.outlineVariant}))`)},hover:{iconColor:i(`var(--m3e-outlined-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-icon-button-hover-outline-color, var(--m3e-icon-button-hover-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.inverseOnSurface}))`)},focus:{iconColor:i(`var(--m3e-outlined-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-icon-button-focus-outline-color, var(--m3e-icon-button-focus-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.inverseOnSurface}))`)},pressed:{iconColor:i(`var(--m3e-outlined-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.onSurfaceVariant}))`),outlineColor:i(`var(--m3e-outlined-icon-button-pressed-outline-color, var(--m3e-icon-button-pressed-outline-color, ${v.color.outlineVariant}))`),stateLayerColor:i(`var(--m3e-outlined-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-outlined-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-outlined-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-outlined-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-outlined-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.inverseOnSurface}))`),selectedStateLayerColor:i(`var(--m3e-outlined-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.inverseOnSurface}))`)}},filled:{iconColor:i(`var(--m3e-filled-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.onPrimary}))`),containerColor:i(`var(--m3e-filled-icon-button-container-color, var(--m3e-icon-button-container-color, ${v.color.primary}))`),unselectedIconColor:i(`var(--m3e-filled-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedContainerColor:i(`var(--m3e-filled-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${v.color.surfaceContainer}))`),selectedIconColor:i(`var(--m3e-filled-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.onPrimary}))`),selectedContainerColor:i(`var(--m3e-filled-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${v.color.primary}))`),disabled:{containerColor:i(`var(--m3e-filled-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-filled-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-filled-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-filled-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:i(`var(--m3e-filled-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-filled-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.onPrimary}))`)},focus:{iconColor:i(`var(--m3e-filled-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-filled-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.onPrimary}))`)},pressed:{iconColor:i(`var(--m3e-filled-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.onPrimary}))`),stateLayerColor:i(`var(--m3e-filled-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:i(`var(--m3e-filled-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-filled-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-filled-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-filled-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.onPrimary}))`),selectedStateLayerColor:i(`var(--m3e-filled-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.onPrimary}))`)}},tonal:{iconColor:i(`var(--m3e-tonal-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.onSecondaryContainer}))`),containerColor:i(`var(--m3e-tonal-icon-button-container-color, var(--m3e-icon-button-container-color, ${v.color.secondaryContainer}))`),unselectedIconColor:i(`var(--m3e-tonal-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedContainerColor:i(`var(--m3e-tonal-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${v.color.secondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.onSecondary}))`),selectedContainerColor:i(`var(--m3e-tonal-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${v.color.secondary}))`),disabled:{containerColor:i(`var(--m3e-tonal-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:i("var(--m3e-tonal-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-tonal-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-tonal-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:i(`var(--m3e-tonal-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-tonal-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.onSecondary}))`)},focus:{iconColor:i(`var(--m3e-tonal-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-tonal-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.onSecondary}))`)},pressed:{iconColor:i(`var(--m3e-tonal-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:i(`var(--m3e-tonal-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:i(`var(--m3e-tonal-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-tonal-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.onSecondaryContainer}))`),unselectedStateLayerColor:i(`var(--m3e-tonal-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.onSecondaryContainer}))`),selectedIconColor:i(`var(--m3e-tonal-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.onSecondary}))`),selectedStateLayerColor:i(`var(--m3e-tonal-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.onSecondary}))`)}},standard:{iconColor:i(`var(--m3e-standard-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${v.color.onSurfaceVariant}))`),unselectedIconColor:i(`var(--m3e-standard-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-standard-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${v.color.primary}))`),disabled:{containerColor:i("var(--m3e-standard-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, transparent))"),containerOpacity:i("var(--m3e-standard-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:i(`var(--m3e-standard-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:i("var(--m3e-standard-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:i(`var(--m3e-standard-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${v.color.onSurfaceVariant}))`),stateLayerColor:i(`var(--m3e-standard-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-standard-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-standard-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-standard-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-standard-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-standard-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${v.color.primary}))`)},focus:{iconColor:i(`var(--m3e-standard-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${v.color.onSurfaceVariant}))`),stateLayerColor:i(`var(--m3e-standard-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-standard-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-standard-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-standard-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-standard-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-standard-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${v.color.primary}))`)},pressed:{iconColor:i(`var(--m3e-standard-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${v.color.onSurfaceVariant}))`),stateLayerColor:i(`var(--m3e-standard-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${v.color.onSurfaceVariant}))`),stateLayerOpacity:i(`var(--m3e-standard-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),unselectedIconColor:i(`var(--m3e-standard-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${v.color.onSurfaceVariant}))`),unselectedStateLayerColor:i(`var(--m3e-standard-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${v.color.onSurfaceVariant}))`),selectedIconColor:i(`var(--m3e-standard-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${v.color.primary}))`),selectedStateLayerColor:i(`var(--m3e-standard-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${v.color.primary}))`)}}};function Xv(e){return o`:host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Zv[e].containerColor??i("unset")}; --m3e-state-layer-hover-color: ${Zv[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Zv[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Zv[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Zv[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${Zv[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Zv[e].pressed.stateLayerOpacity}; --m3e-elevation-level: ${Zv[e].containerElevation??i("unset")}; --m3e-elevation-hover-level: ${Zv[e].hover.containerElevation??i("unset")}; --m3e-elevation-focus-level: ${Zv[e].focus.containerElevation??i("unset")}; --m3e-elevation-pressed-level: ${Zv[e].pressed.containerElevation??i("unset")}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${Zv[e].unselectedContainerColor??i("unset")}; --m3e-state-layer-hover-color: ${Zv[e].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${Zv[e].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${Zv[e].pressed.unselectedStateLayerColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Zv[e].selectedContainerColor??i("unset")}; --m3e-state-layer-hover-color: ${Zv[e].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${Zv[e].focus.selectedStateLayerColor}; --m3e-ripple-color: ${Zv[e].pressed.selectedStateLayerColor}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Zv[e].outlineColor??i("unset")}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Zv[e].focus.outlineColor??i("unset")}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Zv[e].hover.outlineColor??i("unset")}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .base { outline-color: ${Zv[e].pressed.outlineColor??i("unset")}; } :host([variant="${i(e)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].selectedIconColor}; } :host([variant="${i(e)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].focus.iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].focus.unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].focus.selectedIconColor}; } :host([variant="${i(e)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].hover.iconColor}; } :host([variant="${i(e)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].hover.unselectedIconColor}; } :host([variant="${i(e)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Zv[e].hover.selectedIconColor}; } :host( [variant="${i(e)}"]:is(:state(--pressed), :--pressed):not(:disabled):not([disabled-interactive]) ) .icon { color: ${Zv[e].pressed.iconColor}; } :host( [variant="${i(e)}"][toggle]:not([selected]):is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${Zv[e].pressed.unselectedIconColor}; } :host( [variant="${i(e)}"][toggle][selected]:is(:state(--pressed), :--pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${Zv[e].pressed.selectedIconColor}; } :host([variant="${i(e)}"]:disabled) .base, :host([variant="${i(e)}"][disabled-interactive]) .base { outline-color: ${Zv[e].disabled.outlineColor??i("unset")}; background-color: color-mix( in srgb, ${Zv[e].disabled.containerColor} ${Zv[e].disabled.containerOpacity}, transparent ); } :host([variant="${i(e)}"]:disabled) .icon, :host([variant="${i(e)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${Zv[e].disabled.iconColor} ${Zv[e].disabled.iconOpacity}, transparent ); }`}const Gv=[Xv("standard"),Xv("outlined"),Xv("filled"),Xv("tonal"),Xv("elevated"),o`:host([variant="outlined"]:not([toggle][selected]):not(:disabled):not([disabled-interactive])) .base { outline-style: solid; }`];var Jv,Qv,eb,tb,ab,ib,ob;let rb=class extends(V(R(j(q(Y(N(P(f(r,"button"),!0)))))))){constructor(){super(),Jv.add(this),this._adjacentPressedTimeout=-1,Qv.set(this,t=>e(this,Jv,"m",ib).call(this,t)),this.variant="standard",this.shape="rounded",this.size="small",this.width="default",this.toggle=!1,this.selected=!1,new A(this,{callback:()=>this._handleResize()}),new K(this,{callback:e=>{this.disabledInteractive||e||this.grouped||this._base?.style.removeProperty("--_button-shape")}}),new Z(this,{isPressedKey:e=>" "===e,minPressedDuration:150,callback:t=>{this.disabled||this.disabledInteractive||(t?(e(this,Jv,"m",eb).call(this),e(this,Jv,"m",tb).call(this,!0)):e(this,Jv,"m",tb).call(this,!1))}})}get grouped(){return H(this,"--grouped")}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[U]()}<div class="wrapper">${this.toggle?s`<slot class="icon" name="selected" aria-hidden="true" @slotchange="${e(this,Jv,"m",ob)}"></slot>`:n}<slot class="icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Qv,"f"))}disconnectedCallback(){super.disconnectedCallback(),["--pressed","--resting","--grouped","--connected"].forEach(e=>k(this,e)),this._base?.style.removeProperty("--_button-shape"),this.style.removeProperty("--_button-width"),this.style.removeProperty("--_adjacent-shrink"),k(this,"--adjacent-pressed"),this.removeEventListener("click",e(this,Qv,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){if(super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(k(this,"--pressed"),k(this,"--resting")),(e.has("toggle")||e.has("selected"))&&(this.ariaPressed=this.toggle?`${this.selected}`:null,this.toggle))for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}_handleResize(){this.grouped&&!H(this,"--no-resize")&&this!==document.activeElement&&(this.style.setProperty("--_button-width",`${this.getBoundingClientRect().width}px`),e(this,Jv,"m",eb).call(this,!0))}};var sb,nb,lb,cb,db,hb,mb;Qv=new WeakMap,Jv=new WeakSet,eb=function(e=!1){if(!this._base)return;const t=parseFloat(getComputedStyle(this._base).borderRadius);if(!isNaN(t)||e){const a=this.clientHeight/2;(a<t||e)&&this._base?.style.setProperty("--_button-shape",`${a}px`)}},tb=function(t){const a=this.getBoundingClientRect().width,i=this.closest("m3e-button-group");if(i&&"standard"===i.variant){const o=[...i.querySelectorAll("m3e-button,m3e-icon-button")];for(const e of o)clearTimeout(e._adjacentPressedTimeout),e._adjacentPressedTimeout=-1;const r=o.indexOf(this);if(t){let e=a*parseFloat(getComputedStyle(this).getPropertyValue("--m3e-standard-button-group-width-multiplier")||"0.15");r>0&&r<o.length-1&&(e/=2);for(let t=0;t<o.length;t++)t==r-1||t==r+1?(L(o[t],"--no-resize"),o[t].style.setProperty("--_adjacent-shrink",`${e}px`),L(o[t],"--adjacent-pressed")):t==r?(L(o[t],"--no-resize"),o[t].style.removeProperty("--_adjacent-shrink"),k(o[t],"--adjacent-pressed")):(k(o[t],"--no-resize"),o[t].style.removeProperty("--_adjacent-shrink"),k(o[t],"--adjacent-pressed"))}else{for(let e=0;e<o.length;e++)e!=r-1&&e!=r+1||o[e].style.setProperty("--_adjacent-shrink","0px");C()?e(this,Jv,"m",ab).call(this,o):this.addEventListener("transitionend",t=>{"width"===t.propertyName&&(this._adjacentPressedTimeout=setTimeout(()=>{this._adjacentPressedTimeout>-1&&e(this,Jv,"m",ab).call(this,o)},600))},{once:!0})}}x(this,"--pressed",t),x(this,"--resting",!t)},ab=function(e){for(const t of e)k(t,"--adjacent-pressed"),k(t,"--no-resize"),t.style.removeProperty("--_adjacent-shrink")},ib=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation()),this.toggle&&!e.defaultPrevented&&this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},ob=function(e){this._base?.classList.toggle("with-selected-icon",g(e.target))},rb.styles=[Yv,Gv,Kv],t([h(".base")],rb.prototype,"_base",void 0),t([h(".elevation")],rb.prototype,"_elevation",void 0),t([h(".focus-ring")],rb.prototype,"_focusRing",void 0),t([h(".state-layer")],rb.prototype,"_stateLayer",void 0),t([h(".ripple")],rb.prototype,"_ripple",void 0),t([m({reflect:!0})],rb.prototype,"variant",void 0),t([m({reflect:!0})],rb.prototype,"shape",void 0),t([m({reflect:!0})],rb.prototype,"size",void 0),t([m({reflect:!0})],rb.prototype,"width",void 0),t([m({type:Boolean,reflect:!0})],rb.prototype,"toggle",void 0),t([m({type:Boolean,reflect:!0})],rb.prototype,"selected",void 0),t([y(40)],rb.prototype,"_handleResize",null),rb=t([$("m3e-icon-button")],rb);let ub=class extends(z(P(f(r,"listitem")))){constructor(){super(...arguments),sb.add(this),nb.set(this,new A(this,{target:null,callback:()=>e(this,sb,"m",hb).call(this)})),lb.set(this,void 0),cb.set(this,void 0)}get leadingContentType(){return e(this,lb,"f")}get trailingContentType(){return e(this,cb,"f")}reconnectedCallback(){super.reconnectedCallback(),e(this,sb,"m",db).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,sb,"m",db).call(this)}render(){return s`<div class="base">${this._renderBase()}</div>`}_renderBase(){return s`<slot name="leading" @slotchange="${this._handleLeadingSlotChange}"><slot name="leading-icon" @slotchange="${this._handleLeadingSlotChange}"></slot></slot><div class="content"><slot name="overline"></slot><slot></slot><slot name="supporting-text"></slot></div><slot name="trailing" @slotchange="${this._handleTrailingSlotChange}"><slot name="trailing-supporting-text" @slotchange="${this._handleTrailingSlotChange}"></slot><slot name="trailing-icon" @slotchange="${this._handleTrailingSlotChange}"></slot></slot>`}_handleLeadingSlotChange(t){const i=e(this,lb,"f");a(this,lb,e(this,sb,"m",mb).call(this,t.target),"f"),x(this,"--has-leading",void 0!==e(this,lb,"f")),i!==e(this,lb,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyLeadingContentTypeChange(i,e(this,lb,"f"))}_handleTrailingSlotChange(t){const i=e(this,cb,"f");a(this,cb,e(this,sb,"m",mb).call(this,t.target),"f"),x(this,"--has-trailing",void 0!==e(this,cb,"f")),i!==e(this,cb,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyTrailingContentTypeChange(i,e(this,cb,"f"))}};var pb,vb,bb,fb,gb;nb=new WeakMap,lb=new WeakMap,cb=new WeakMap,sb=new WeakSet,db=function(){const t=this.shadowRoot?.querySelector(".content");t&&e(this,nb,"f").observe(t)},hb=function(){const e=this.shadowRoot?.querySelector(".content")??null,t=null===e?0:ye(e);x(this,"--one-line",t<=1),x(this,"--two-line",2==t),x(this,"--three-line",t>2)},mb=function(e){const t=e.assignedElements({flatten:!0});return t.some(e=>"VIDEO"===e.tagName)?"video":t.some(e=>"IMG"===e.tagName)?"image":t.some(e=>"M3E-AVATAR"===e.tagName)?"avatar":t.some(e=>"M3E-ICON"===e.tagName)?"icon":t.length>0?"text":void 0},ub.styles=o`:host { display: block; } .base { display: flex; min-height: inherit; width: 100%; box-sizing: border-box; column-gap: var(--m3e-list-item-between-space, 1rem); padding-inline-start: var(--m3e-list-item-leading-space, 1rem); padding-inline-end: var(--m3e-list-item-trailing-space, 1rem); border-top-left-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-container-shape, ${v.shape.corner.none}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-container-shape, ${v.shape.corner.none}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-container-shape, ${v.shape.corner.none}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-container-shape, ${v.shape.corner.none}) ); transition: ${i(`border-radius ${v.motion.spring.fastEffects}, background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:is(:state(--one-line), :--one-line)) { min-height: calc(var(--m3e-list-item-one-line-height, 3.5rem) + ${v.density.calc(-3)}); } :host(:is(:state(--one-line), :--one-line)) .base { padding-block-start: var(--m3e-list-item-one-line-top-space, 0.5rem); padding-block-end: var(--m3e-list-item-one-line-bottom-space, 0.5rem); } :host(:is(:state(--two-line), :--two-line)) { min-height: calc(var(--m3e-list-item-two-line-height, 4.5rem) + ${v.density.calc(-3)}); } :host(:is(:state(--two-line), :--two-line)) .base { padding-block-start: var(--m3e-list-item-two-line-top-space, 0.5rem); padding-block-end: var(--m3e-list-item-two-line-bottom-space, 0.5rem); } :host(:is(:state(--three-line), :--three-line)) { min-height: calc(var(--m3e-list-item-three-line-height, 5.5rem) + ${v.density.calc(-3)}); } :host(:is(:state(--three-line), :--three-line)) .base { padding-block-start: var(--m3e-list-item-three-line-top-space, 0.75rem); padding-block-end: var(--m3e-list-item-three-line-bottom-space, 0.75rem); } :host(:not(:is(:state(--three-line), :--three-line))) .base { align-items: center; } :host(:is(:state(--three-line), :--three-line)) .base { align-items: flex-start; } :host(:not(:disabled):not([selected])) .base:not(.hover).focus-visible:not(.pressed) { border-top-left-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-focus-container-shape, ${v.shape.corner.large}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-focus-container-shape, ${v.shape.corner.large}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-focus-container-shape, ${v.shape.corner.large}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-focus-container-shape, ${v.shape.corner.large}) ); } :host(:not(:disabled):not([selected])) .base.hover, :host(:not(:disabled):not([selected])) .base.pressed { border-top-left-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-hover-container-shape, ${v.shape.corner.medium}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-hover-container-shape, ${v.shape.corner.medium}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-hover-container-shape, ${v.shape.corner.medium}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-hover-container-shape, ${v.shape.corner.medium}) ); } .content { flex: 1 1 auto; display: flex; flex-direction: column; align-items: unset; justify-content: unset; } ::slotted([slot="overline"]) { font-size: var(--m3e-list-item-overline-font-size, ${v.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-list-item-overline-font-weight, ${v.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-list-item-overline-line-height, ${v.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-list-item-overline-tracking, ${v.typescale.standard.label.small.tracking}); } ::slotted([slot="supporting-text"]) { font-size: var(--m3e-list-item-supporting-text-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var( --m3e-list-item-supporting-text-font-weight, ${v.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-list-item-supporting-text-line-height, ${v.typescale.standard.body.medium.lineHeight} ); letter-spacing: var( --m3e-list-item-supporting-text-tracking, ${v.typescale.standard.body.medium.tracking} ); } ::slotted(:not([slot])) { font-size: var(--m3e-list-item-font-size, ${v.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-list-item-font-weight, ${v.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-list-item-line-height, ${v.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-list-item-tracking, ${v.typescale.standard.body.large.tracking}); } :host(:is(:state(--has-leading), :--has-leading)) slot[name="leading"], :host(:is(:state(--has-trailing), :--has-trailing)) slot[name="trailing"] { display: flex; justify-content: center; } :host(:not(:is(:state(--has-leading), :--has-leading))) slot[name="leading"] { display: var(--_list-item-leading-reserved-display, contents); } :host(:not(:is(:state(--has-trailing), :--has-trailing))) slot[name="trailing"] { display: var(--_list-item-trailing-reserved-display, contents); } slot[name="leading"] { min-width: var(--_list-item-leading-reserved-space, 0px); margin-inline-start: calc(0px - var(--_list-item-leading-reserved-outset, 0px)); } slot[name="trailing"] { min-width: var(--_list-item-trailing-reserved-space, 0px); margin-inline-end: calc(0px - var(--_list-item-trailing-reserved-outset, 0px)); } ::slotted(span[slot="trailing"]), ::slotted([slot="trailing-supporting-text"]) { white-space: nowrap; font-size: var(--m3e-list-item-trailing-text-font-size, ${v.typescale.standard.label.small.fontSize}); font-weight: var( --m3e-list-item-trailing-text-font-weight, ${v.typescale.standard.label.small.fontWeight} ); line-height: var( --m3e-list-item-trailing-text-line-height, ${v.typescale.standard.label.small.lineHeight} ); letter-spacing: var( --m3e-list-item-trailing-text-tracking, ${v.typescale.standard.label.small.tracking} ); } ::slotted(video[slot="leading"]), ::slotted(video[slot="trailing"]), ::slotted(img[slot="leading"]), ::slotted(img[slot="trailing"]) { display: block; margin: 0 auto; overflow: hidden; object-fit: cover; } ::slotted(video) { width: var(--m3e-list-item-video-width, 6.25rem); height: var(--m3e-list-item-video-height, 3.5rem); } ::slotted(video[slot="leading"]), ::slotted(video[slot="trailing"]) { border-radius: var(--m3e-list-item-video-shape, ${v.shape.corner.none}); } ::slotted(video[slot="leading"]) { margin-inline-start: calc(0px - var(--_list-item-leading-video-outset, 0px)); } ::slotted(video[slot="trailing"]) { margin-inline-end: calc(0px - var(--_list-item-trailing-video-outset, 0px)); } ::slotted(img) { user-drag: none; user-select: none; pointer-events: none; width: var(--m3e-list-item-image-width, 3.5rem); height: var(--m3e-list-item-image-height, 3.5rem); } ::slotted(img[slot="leading"]), ::slotted(img[slot="trailing"]) { border-radius: var(--m3e-list-item-image-shape, ${v.shape.corner.none}); } ::slotted(m3e-icon[slot="leading"]), ::slotted(m3e-icon[slot="leading-icon"]), ::slotted(m3e-icon[slot="trailing"]), ::slotted(m3e-icon[slot="trailing-icon"]) { --m3e-icon-size: var(--m3e-list-item-icon-size, 1.5rem); } :host(:not(:disabled)) ::slotted(m3e-icon[slot="leading"]), :host(:not(:disabled)) ::slotted(m3e-icon[slot="leading-icon"]) { color: var(--m3e-list-item-leading-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled)) .content { color: var(--m3e-list-item-label-text-color, ${v.color.onSurface}); } :host(:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-overline-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-supporting-text-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled)) ::slotted([slot="trailing"]), :host(:not(:disabled)) ::slotted([slot="trailing-supporting-text"]), :host(:not(:disabled)) ::slotted([slot="trailing-icon"]) { color: var(--m3e-list-item-trailing-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled)) .base { background-color: var(--_list-item-container-color, var(--m3e-list-item-container-color, transparent)); } :host(:disabled) .base { background-color: var(--m3e-list-item-disabled-container-color, transparent); } :host(:disabled) ::slotted(video), :host(:disabled) ::slotted(img), :host(:disabled) ::slotted(m3e-avatar) { opacity: var(--m3e-list-item-disabled-media-opacity, 38%); } :host(:disabled) .content { color: color-mix( in srgb, var(--m3e-list-item-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="overline"]) { color: color-mix( in srgb, var(--m3e-list-item-disabled-overline-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-overline-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="supporting-text"]) { color: color-mix( in srgb, var(--m3e-list-item-disabled-supporting-text-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-supporting-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="leading"]), :host(:disabled) ::slotted([slot="leading-icon"]) { color: color-mix( in srgb, var(--m3e-list-item-disabled-leading-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-leading-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="trailing"]), :host(:disabled) ::slotted([slot="trailing-supporting-text"]), :host(:disabled) ::slotted([slot="trailing-icon"]) { color: color-mix( in srgb, var(--m3e-list-item-disabled-trailing-color, ${v.color.onSurface}) var(--m3e-list-item-disabled-trailing-opacity, 38%), transparent ); } :host(:not(:disabled)) .state-layer { --m3e-state-layer-hover-color: var(--m3e-list-item-hover-state-layer-color, ${v.color.onSurface}); --m3e-state-layer-hover-opacity: var( --m3e-list-item-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var(--m3e-list-item-focus-state-layer-color, ${v.color.onSurface}); --m3e-state-layer-focus-opacity: var( --m3e-list-item-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity} ); } :host(:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-pressed-state-layer-color, ${v.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity} ); } @media (forced-colors: active) { .base { transition: none; } :host(:disabled) ::slotted([slot="leading"]), :host(:disabled) ::slotted([slot="leading-icon"]), :host(:disabled) .content, :host(:disabled) ::slotted([slot="overline"]), :host(:disabled) ::slotted([slot="supporting-text"]), :host(:disabled) ::slotted([slot="trailing"]), :host(:disabled) ::slotted([slot="trailing-supporting-text"]), :host(:disabled) ::slotted([slot="trailing-icon"]) { color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`,ub=t([$("m3e-list-item")],ub);let yb=class extends(P(f(r,"list"))){constructor(){super(...arguments),pb.add(this),vb.set(this,new Array),bb.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),fb.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),this.variant="standard"}get items(){return e(this,vb,"f")}get leadingContentType(){return e(this,bb,"f").video>0?"video":e(this,bb,"f").image>0?"image":e(this,bb,"f").avatar>0?"avatar":e(this,bb,"f").icon>0?"icon":e(this,bb,"f").text>0?"text":void 0}get trailingContentType(){return e(this,fb,"f").video>0?"video":e(this,fb,"f").image>0?"image":e(this,fb,"f").avatar>0?"avatar":e(this,fb,"f").icon>0?"icon":e(this,fb,"f").text>0?"text":void 0}render(){return s`<slot @slotchange="${e(this,pb,"m",gb)}"></slot>`}notifyItemsChange(){}notifyLeadingContentTypeChange(t,a){t&&e(this,bb,"f")[t]--,a&&e(this,bb,"f")[a]++,["video","image","avatar","icon"].forEach(e=>{x(this,`--has-leading-${e}`,this.leadingContentType===e)})}notifyTrailingContentTypeChange(t,a){t&&e(this,fb,"f")[t]--,a&&e(this,fb,"f")[a]--,["video","image","avatar","icon"].forEach(e=>{x(this,`--has-trailing-${e}`,this.trailingContentType===e)})}};var $b,wb,xb,kb,Cb,Sb,_b,Lb,Eb;vb=new WeakMap,bb=new WeakMap,fb=new WeakMap,pb=new WeakSet,gb=function(t){a(this,vb,t.target.assignedElements({flatten:!0}).filter(e=>e instanceof ub),"f"),e(this,vb,"f").forEach((t,a)=>{x(t,"--first",0===a),x(t,"--last",a===e(this,vb,"f").length-1)}),this.notifyItemsChange()},yb.styles=o`:host { display: flex; flex-direction: column; overflow-y: auto; box-sizing: border-box; padding-block: var(--m3e-list-block-padding, 0px); --m3e-divider-inset-start-size: var(--m3e-list-divider-inset-start-size, 1rem); --m3e-divider-inset-end-size: var(--m3e-list-divider-inset-end-size, 1.5rem); } :host([variant="standard"]) { --_list-item-leading-video-outset: var(--m3e-list-item-leading-space, 1rem); --_list-item-trailing-video-outset: var(--m3e-list-item-trailing-space, 1rem); --_expandable-list-item-expanded-toggle-icon-container-color: transparent; } :host([variant="segmented"]) { row-gap: var(--m3e-segmented-list-segment-gap, 0.125rem); } :host([variant="segmented"]) { --m3e-list-item-container-color: var(--m3e-segmented-list-item-container-color, ${v.color.surface}); --m3e-list-item-disabled-container-color: var( --m3e-segmented-list-item-disabled-container-color, ${v.color.surface} ); --m3e-list-item-container-shape: var( --m3e-segmented-list-item-container-shape, ${v.shape.corner.extraSmall} ); --m3e-list-item-hover-container-shape: var( --m3e-segmented-list-item-hover-container-shape, ${v.shape.corner.medium} ); --m3e-list-item-focus-container-shape: var( --m3e-segmented-list-item-focus-container-shape, ${v.shape.corner.large} ); --m3e-list-item-selected-container-shape: var( --m3e-segmented-list-item-selected-container-shape, ${v.shape.corner.large} ); --m3e-list-item-video-shape: var(--m3e-segmented-list-item-video-shape, ${v.shape.corner.small}); --m3e-list-item-image-shape: var(--m3e-segmented-list-item-image-shape, ${v.shape.corner.small}); --m3e-list-item-between-space: var(--m3e-segmented-list-item-spacing, 0.75rem); --_expandable-list-item-items-segment-gap: var(--m3e-segmented-list-segment-gap, 0.125rem); --_expandable-list-item-expanded-top-shape: var( --m3e-segmented-list-container-shape, ${v.shape.corner.large} ); } :host([variant="segmented"]) ::slotted(:is(:state(--first), :--first)), :host([variant="segmented"]) ::slotted(:is(:state(--has-previous-open), :--has-previous-open):not([open])) { --_list-item-top-container-shape: var(--m3e-segmented-list-container-shape, ${v.shape.corner.large}); } :host([variant="segmented"]) ::slotted(:is(:state(--has-next-open), :--has-next-open):not([open])), :host([variant="segmented"]) ::slotted(:is(:state(--last), :--last)) { --_list-item-bottom-container-shape: var(--m3e-segmented-list-container-shape, ${v.shape.corner.large}); } :host([variant="segmented"]) ::slotted(m3e-divider) { display: none; } :host(:is(:state(--has-leading-video), :--has-leading-video)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-video-width, 6.25rem); } :host([variant="standard"]:is(:state(--has-leading-video), :--has-leading-video)) { --_list-item-leading-reserved-outset: var(--m3e-list-item-leading-space, 1rem); --_list-item-trailing-reserved-outset: var(--m3e-list-item-trailing-space, 1rem); } :host(:is(:state(--has-leading-image), :--has-leading-image)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-image-width, 3.5rem); } :host(:is(:state(--has-leading-avatar), :--has-leading-avatar)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-avatar-size, 2.5rem); } :host(:is(:state(--has-leading-icon), :--has-leading-icon)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-icon-size, 1.5rem); }`,t([m({reflect:!0})],yb.prototype,"variant",void 0),yb=t([$("m3e-list")],yb);let zb=Eb=class extends ub{constructor(){super(...arguments),$b.add(this),wb.set(this,Eb.__nextId++),xb.set(this,`m3e-expandable-list-item-${e(this,wb,"f")}-content`),kb.set(this,`m3e-expandable-list-item-${e(this,wb,"f")}-header`),Cb.set(this,new Array),this.disabled=!1,this.open=!1}get items(){return e(this,Cb,"f")}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}updated(e){if(super.updated(e),e.has("open")){for(let e=this.previousElementSibling;e;e=e.previousElementSibling)if(e instanceof ub){x(e,"--has-next-open",this.open);break}for(let e=this.nextElementSibling;e;e=e.nextElementSibling)if(e instanceof ub){x(e,"--has-previous-open",this.open);break}}}render(){return s`<div class="base"><m3e-list-item-button id="${e(this,kb,"f")}" class="header" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${e(this,xb,"f")}" @click="${e(this,$b,"m",Sb)}"><slot name="leading" slot="leading" @slotchange="${this._handleLeadingSlotChange}"></slot><slot name="overline" slot="overline"></slot><slot></slot><slot name="supporting-text" slot="supporting-text"></slot><div class="toggle-container" slot="trailing" aria-hidden="true"><div class="toggle"><slot name="toggle-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg></slot></div></div></m3e-list-item-button><m3e-collapsible id="${e(this,xb,"f")}" class="items" role="list" aria-labelledby="${e(this,kb,"f")}" ?open="${this.open}" @opening="${e(this,$b,"m",_b)}" @opened="${e(this,$b,"m",_b)}" @closing="${e(this,$b,"m",_b)}" @closed="${e(this,$b,"m",_b)}"><slot name="items" @slotchange="${e(this,$b,"m",Lb)}"></slot></m3e-collapsible></div>`}};var Mb,Pb;wb=new WeakMap,xb=new WeakMap,kb=new WeakMap,Cb=new WeakMap,$b=new WeakSet,Sb=function(e){e.defaultPrevented||(this.open=!this.open,this.closest("m3e-action-list")?.[We].updateActiveItem(this.button))},_b=function(e){e.stopPropagation(),["opening","opened","closing","closed"].forEach(t=>{this.button?.classList.toggle(t,e.type===t)}),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},Lb=function(t){a(this,Cb,t.target.assignedElements({flatten:!0}).flatMap(e=>[...e.childNodes].filter(e=>e instanceof ub)),"f"),e(this,Cb,"f").forEach((t,a)=>{a==e(this,Cb,"f").length-1?t.style.setProperty("--_list-item-bottom-container-shape",`var(--m3e-segmented-list-container-shape, ${v.shape.corner.large})`):t.style.removeProperty("--_list-item-bottom-container-shape")}),this.closest("m3e-list, m3e-action-list, m3e-selection-list")?.notifyItemsChange()},zb.styles=o`:host { display: block; } .header { width: 100%; margin-bottom: 0px; transition: ${i(`margin-bottom \n        var(--m3e-expandable-list-item-bounce-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; --_list-item-button-trailing-align-self: stretch; } .toggle-container { display: flex; align-items: center; justify-content: center; align-self: stretch; width: var(--m3e-expandable-list-item-toggle-icon-container-width, 2rem); border-radius: var(--m3e-expandable-list-item-toggle-icon-container-shape, ${v.shape.corner.full}); transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .toggle { display: flex; align-items: center; justify-content: center; vertical-align: middle; font-size: var(--m3e-expandable-list-item-toggle-icon-size, 1.5rem); transition: ${i(`transform ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .toggle svg, ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } :host([open]) .toggle-container { background-color: var( --_expandable-list-item-expanded-toggle-icon-container-color, var(--m3e-expandable-list-item-expanded-toggle-icon-container-color, ${v.color.surfaceContainer}) ); } :host([open]) .toggle { transform: rotate(180deg); } :host([open]) .header { --_list-item-top-container-shape: var(--_expandable-list-item-expanded-top-shape, initial); --_list-item-bottom-container-shape: initial; margin-bottom: var(--_expandable-list-item-items-segment-gap, 0px); } :host([open]) .header.opening { margin-bottom: calc( var(--_expandable-list-item-items-segment-gap, 0px) * var(--m3e-expandable-list-item-bounce-factor, 4) ); } :host([open]) .header, :host([open]) .items { --_list-item-container-color: var( --m3e-expandable-list-item-expanded-container-color, var(--m3e-list-item-container-color, transparent) ); } .base, ::slotted([slot="items"]) { display: flex; flex-direction: column; box-sizing: border-box; } ::slotted([slot="items"]) { flex: none; --_list-item-top-container-shape: initial; --_list-item-bottom-container-shape: initial; row-gap: var(--_expandable-list-item-items-segment-gap, 0px); } .items { --m3e-collapsible-animation-duration: var( --m3e-expandable-list-item-expand-duration, ${v.motion.duration.medium1} ); } @media (forced-colors: active) { .header { transition: none; } :host([open]) .header.opening { margin-bottom: var(--_expandable-list-item-items-segment-gap, 0px); } } @media (prefers-reduced-motion) { .header, .toggle-container, .toggle { transition: none; } }`,zb.__nextId=0,t([m({type:Boolean,reflect:!0})],zb.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],zb.prototype,"open",void 0),t([h(".header")],zb.prototype,"button",void 0),zb=Eb=t([$("m3e-expandable-list-item")],zb);let Tb=class extends yb{constructor(){super(...arguments),Mb.set(this,e=>this[We].onKeyDown(e)),this[Pb]=(new Be).withWrap().withHomeAndEnd().withVerticalOrientation().withSkipPredicate(e=>{if(e.disabled)return!0;const t=e.getRootNode().host;if("items"===t.parentElement?.slot){let e=t.closest("m3e-expandable-list-item");for(;e;){if(!e.open)return!0;const t=e.closest("m3e-expandable-list-item,m3e-action-list");if(!(t instanceof zb))break;e=t}}return!1})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,Mb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,Mb,"f"))}async notifyItemsChange(){const e=[...this.querySelectorAll("m3e-list-action,m3e-expandable-list-item")];for(const t of e)t.isUpdatePending&&await t.updateComplete;this.isUpdatePending&&await this.updateComplete;const{added:t}=this[We].setItems(e.map(e=>e.button));this[We].activeItem||this[We].updateActiveItem(t.find(e=>!e.disabled))}};Mb=new WeakMap,Pb=We,Tb=t([$("m3e-action-list")],Tb);let Ib=class extends(V(R(q(N(P(f(ub,"button"),!0)))))){constructor(){super(),new K(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new Z(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new ne(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("hover",e)})}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple>${this[U]()} ${super._renderBase()}</div>`}};var Db,Ab;Ib.styles=[ub.styles,o`:host { outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { position: relative; } :host(:not(:disabled)) { cursor: pointer; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } slot[name="trailing"] { align-self: var(--_list-item-button-trailing-align-self, auto); }`],t([h(".focus-ring")],Ib.prototype,"_focusRing",void 0),t([h(".state-layer")],Ib.prototype,"_stateLayer",void 0),t([h(".ripple")],Ib.prototype,"_ripple",void 0),Ib=t([$("m3e-list-item-button")],Ib);let Wb=class extends(R(ub,!0)){constructor(){super(...arguments),Db.add(this),this.disabled=!1}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}render(){return s`<m3e-list-item-button class="button" ?disabled="${this.disabled}" href="${je(this.href||void 0)}" target="${je(this.target||void 0)}" download="${je(this.download||void 0)}" rel="${je(this.rel||void 0)}" @click="${e(this,Db,"m",Ab)}"><slot name="leading" slot="leading" @slotchange="${this._handleLeadingSlotChange}"></slot><slot name="overline" slot="overline"></slot><slot></slot><slot name="supporting-text" slot="supporting-text"></slot><slot name="trailing" slot="trailing" @slotchange="${this._handleTrailingSlotChange}"></slot></m3e-list-item-button>`}};var Hb,Ob,Bb,Fb,Vb,Rb;Db=new WeakSet,Ab=function(e){e.defaultPrevented||this.closest("m3e-action-list")?.[We].updateActiveItem(this.button)},Wb.styles=o`:host { display: block; } .button { width: 100%; }`,t([h(".button")],Wb.prototype,"button",void 0),t([m({type:Boolean,reflect:!0})],Wb.prototype,"disabled",void 0),Wb=t([$("m3e-list-action")],Wb);let qb=class extends(V(q(pe(N(P(f(ub,"option"),!0)))))){constructor(){super(),Hb.add(this),Ob.set(this,void 0),Bb.set(this,""),Fb.set(this,t=>e(this,Hb,"m",Rb).call(this,t)),new K(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new Z(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new ne(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("hover",e)})}get value(){return e(this,Ob,"f")??e(this,Bb,"f")}set value(e){a(this,Ob,e,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Fb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Fb,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){if(super.update(e),e.has("selected")){this.closest("m3e-selection-list")?.[We].notifySelectionChange(this);for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><slot name="leading" @slotchange="${this._handleLeadingSlotChange}"></slot><div class="content"><slot name="overline"></slot><slot @slotchange="${e(this,Hb,"m",Vb)}"></slot><slot name="supporting-text"></slot></div><slot name="trailing" @slotchange="${this._handleTrailingSlotChange}"></slot><div class="indicator">${this.closest("m3e-selection-list")?.multi?s`<m3e-pseudo-checkbox ?checked="${this.selected}" ?disabled="${this.disabled}"></m3e-pseudo-checkbox>`:s`<m3e-pseudo-radio ?checked="${this.selected}" ?disabled="${this.disabled}"></m3e-pseudo-radio>`}</div></div>`}};var Nb,Ub,jb,Yb,Kb;Ob=new WeakMap,Bb=new WeakMap,Fb=new WeakMap,Hb=new WeakSet,Vb=function(e){a(this,Bb,me(e.target),"f")},Rb=function(e){const t=this.closest("m3e-selection-list");!e.defaultPrevented&&t&&(!t.multi&&this.selected||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!this.selected,t[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))))},qb.styles=[ub.styles,o`:host { outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { position: relative; } .indicator { min-width: 1.5rem; min-height: 1.5rem; display: flex; align-items: center; justify-content: center; } :host(:not(:disabled)) { cursor: pointer; } :host(:is(:state(--three-line), :--three-line)) .indicator { align-self: flex-start; margin-top: var(--m3e-list-item-three-line-top-offset, 0.25rem); } :host([selected]) .base, :host([selected]) .state-layer, :host([selected]) .ripple, :host([selected]) .focus-ring { border-radius: var(--m3e-list-item-selected-container-shape, ${v.shape.corner.large}); } :host([selected]:not(:disabled)) .content { color: var(--m3e-list-item-selected-label-text-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-selected-overline-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-selected-supporting-text-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="leading"]) { color: var(--m3e-list-item-selected-leading-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: var(--m3e-list-item-selected-trailing-color, ${v.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) .base { background-color: var(--m3e-list-item-selected-container-color, ${v.color.secondaryContainer}); } :host([selected]:disabled) .base { background-color: color-mix( in srgb, var(--m3e-list-item-selected-disabled-container-color, ${v.color.onSurface}) var(--m3e-list-item-selected-disabled-container-opacity, 10%), transparent ); } :host([selected]:not(:disabled)) .state-layer { --m3e-state-layer-hover-color: var( --m3e-list-item-selected-hover-state-layer-color, ${v.color.onSurface} ); --m3e-state-layer-hover-opacity: var( --m3e-list-item-selected-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var( --m3e-list-item-selected-focus-state-layer-color, ${v.color.onSurface} ); --m3e-state-layer-focus-opacity: var( --m3e-list-item-selected-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity} ); } :host([selected]:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-selected-pressed-state-layer-color, ${v.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-selected-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity} ); } :host(:is(:state(--hide-selection), :--hide-selection)) .indicator, :host(:not(:is(:state(--hide-selection), :--hide-selection))) ::slotted([slot="trailing"]) { display: none; } @media (forced-colors: active) { :host([selected]:not(:disabled)) .content, :host([selected]:not(:disabled)) ::slotted([slot="overline"]), :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]), :host([selected]:not(:disabled)) ::slotted([slot="leading"]), :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: HighlightText; forced-color-adjust: none; } :host([selected]:not(:disabled)) .base { background-color: Highlight; } }`],t([h(".focus-ring")],qb.prototype,"_focusRing",void 0),t([h(".state-layer")],qb.prototype,"_stateLayer",void 0),t([h(".ripple")],qb.prototype,"_ripple",void 0),t([m()],qb.prototype,"value",null),qb=t([$("m3e-list-option")],qb);let Zb=class extends(Q(te(ae(se(N(P(f(yb,"listbox")))))))){constructor(){super(...arguments),Nb.add(this),Ub.set(this,e=>this[We].onKeyDown(e)),jb.set(this,t=>e(this,Nb,"m",Yb).call(this,t)),this[Kb]=(new He).withWrap().withHomeAndEnd().withVerticalOrientation(),this.multi=!1,this.hideSelectionIndicator=!1}get options(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Ub=new WeakMap,jb=new WeakMap,Nb=new WeakSet,Kb=We,le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,Ub,"f")),this.addEventListener("change",e(this,jb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,Ub,"f")),this.removeEventListener("change",e(this,jb,"f"))}update(e){super.update(e),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled),e.has("multi")&&(this[We].multi=this.multi,this.multi?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"),this[We].items.forEach(e=>e.requestUpdate())),e.has("hideSelectionIndicator")&&this[We].items.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator))}notifyItemsChange(){const{added:e}=this[We].setItems(this.items.filter(e=>e instanceof qb));e.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator)),this[We].activeItem||this[We].updateActiveItem(e.find(e=>!e.disabled))}};Yb=function(e){e.target!==this&&(e.stopImmediatePropagation(),e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0})))},t([m({type:Boolean})],Zb.prototype,"multi",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],Zb.prototype,"hideSelectionIndicator",void 0),Zb=t([$("m3e-selection-list")],Zb);const Xb=i("var(--m3e-loading-indicator-size, 2.375rem)"),Gb=i(`var(--m3e-loading-indicator-active-indicator-color, ${v.color.primary})`),Jb=i(`var(--m3e-loading-indicator-contained-active-indicator-color, ${v.color.onPrimaryContainer})`),Qb=i(`var(--m3e-loading-indicator-contained-container-color, ${v.color.secondaryContainer})`),ef=i(`var(--m3e-loading-indicator-container-shape, ${v.shape.corner.full})`),tf=i("var(--m3e-loading-indicator-container-size, 3rem)"),af={"4-sided-cookie":"M230.389 50.473C293.109 23.2328 356.767 86.8908 329.527 149.611L325.023 159.981C316.707 179.13 316.707 200.87 325.023 220.019L329.527 230.389C356.767 293.109 293.109 356.767 230.389 329.527L220.019 325.023C200.87 316.707 179.13 316.707 159.981 325.023L149.611 329.527C86.8908 356.767 23.2328 293.109 50.473 230.389L54.9768 220.019C63.2934 200.87 63.2934 179.13 54.9768 159.981L50.473 149.611C23.2328 86.8908 86.8908 23.2328 149.611 50.473L159.981 54.9768C179.13 63.2934 200.87 63.2934 220.019 54.9768L230.389 50.473Z","9-sided-cookie":"M154.828 43.2756C156.574 41.8498 157.448 41.1369 158.245 40.535C177.03 26.3548 202.97 26.3548 221.755 40.535C222.552 41.1369 223.425 41.8498 225.172 43.2756C225.952 43.9121 226.342 44.2303 226.727 44.5333C235.567 51.4788 246.406 55.4147 257.652 55.7636C258.143 55.7788 258.647 55.785 259.654 55.7975C261.911 55.8255 263.039 55.8395 264.037 55.8898C287.563 57.0742 307.435 73.7107 312.689 96.6205C312.912 97.5928 313.121 98.6991 313.541 100.911C313.728 101.899 313.822 102.393 313.922 102.872C316.219 113.862 321.986 123.828 330.377 131.308C330.743 131.635 331.125 131.962 331.888 132.618C333.599 134.087 334.454 134.821 335.187 135.5C352.445 151.495 356.95 176.983 346.215 197.903C345.76 198.791 345.208 199.773 344.104 201.737C343.611 202.613 343.364 203.052 343.132 203.483C337.812 213.375 335.809 224.708 337.418 235.82C337.488 236.304 337.569 236.8 337.732 237.792C338.096 240.014 338.278 241.125 338.402 242.115C341.318 265.436 328.347 287.851 306.647 296.991C305.726 297.379 304.67 297.778 302.559 298.574C301.617 298.929 301.146 299.107 300.69 299.289C290.241 303.455 281.406 310.852 275.48 320.395C275.221 320.811 274.964 321.243 274.449 322.107C273.297 324.043 272.721 325.011 272.178 325.849C259.387 345.584 235.011 354.436 212.498 347.521C211.543 347.228 210.477 346.856 208.347 346.112C207.396 345.78 206.921 345.614 206.455 345.461C195.767 341.951 184.233 341.951 173.545 345.461C173.079 345.614 172.603 345.78 171.652 346.112C169.522 346.856 168.457 347.228 167.502 347.521C144.989 354.436 120.613 345.584 107.822 325.849C107.279 325.011 106.703 324.043 105.55 322.107C105.036 321.243 104.779 320.811 104.52 320.395C98.5939 310.852 89.7583 303.455 79.3096 299.289C78.8539 299.107 78.3827 298.929 77.4404 298.574C75.3294 297.778 74.274 297.379 73.3529 296.991C51.6523 287.851 38.6819 265.436 41.598 242.115C41.7218 241.125 41.9039 240.014 42.2682 237.792C42.4308 236.8 42.5121 236.304 42.5822 235.82C44.1908 224.708 42.188 213.375 36.8675 203.483C36.6354 203.052 36.389 202.613 35.8962 201.737C34.7921 199.773 34.2401 198.791 33.7845 197.903C23.0499 176.983 27.5544 151.495 44.8128 135.5C45.5454 134.821 46.4007 134.087 48.1113 132.618C48.875 131.962 49.2568 131.635 49.6228 131.308C58.0134 123.828 63.7804 113.862 66.0777 102.872C66.1779 102.393 66.2715 101.899 66.4588 100.911C66.8783 98.699 67.088 97.5928 67.311 96.6204C72.5652 73.7107 92.4369 57.0742 115.962 55.8898C116.961 55.8395 118.089 55.8255 120.346 55.7975C121.353 55.785 121.857 55.7788 122.347 55.7636C133.594 55.4147 144.432 51.4788 153.272 44.5333C153.658 44.2303 154.048 43.9121 154.828 43.2756Z",oval:"M271.309 271.309C201.705 340.913 108.877 360.935 63.9707 316.029C19.0648 271.123 39.0867 178.295 108.691 108.691C178.295 39.0867 271.123 19.0648 316.029 63.9707C360.935 108.877 340.913 201.705 271.309 271.309Z",pentagon:"M155.064 49.459C176.093 34.1803 204.569 34.1803 225.598 49.459L322.926 120.171C343.955 135.45 352.754 162.532 344.722 187.253L307.546 301.668C299.514 326.39 276.476 343.127 250.483 343.127H130.18C104.186 343.127 81.1489 326.39 73.1164 301.668L35.9407 187.253C27.9082 162.532 36.7077 135.45 57.737 120.171L155.064 49.459Z",pill:"M116.116 71.7851C169.162 18.7383 255.168 18.7383 308.215 71.7851C361.262 124.832 361.262 210.838 308.215 263.884L263.884 308.215C210.838 361.262 124.832 361.262 71.7851 308.215C18.7383 255.168 18.7383 169.162 71.7851 116.116L116.116 71.7851Z","soft-burst":"M175.147 33.1508C181.983 22.2831 198.017 22.2831 204.853 33.1508L221.238 59.2009C225.731 66.3458 234.797 69.2506 242.692 66.0751L271.475 54.4972C283.482 49.6671 296.455 58.9613 295.507 71.7154L293.235 102.288C292.612 110.673 298.215 118.278 306.494 120.284L336.681 127.601C349.275 130.653 354.23 145.692 345.861 155.461L325.8 178.877C320.298 185.3 320.298 194.7 325.8 201.123L345.861 224.539C354.23 234.308 349.275 249.347 336.681 252.399L306.494 259.716C298.215 261.722 292.612 269.327 293.235 277.712L295.507 308.285C296.455 321.039 283.482 330.333 271.475 325.503L242.692 313.925C234.797 310.749 225.731 313.654 221.238 320.799L204.853 346.849C198.017 357.717 181.983 357.717 175.147 346.849L158.762 320.799C154.269 313.654 145.203 310.749 137.308 313.925L108.525 325.503C96.5177 330.333 83.5454 321.039 84.4931 308.285L86.7649 277.712C87.388 269.327 81.785 261.722 73.5056 259.716L43.3186 252.399C30.7252 249.347 25.7702 234.308 34.1391 224.539L54.1997 201.123C59.7018 194.7 59.7018 185.3 54.1997 178.877L34.1391 155.461C25.7702 145.692 30.7252 130.653 43.3186 127.601L73.5056 120.284C81.785 118.278 87.388 110.673 86.7649 102.288L84.4931 71.7154C83.5454 58.9613 96.5177 49.6671 108.525 54.4972L137.308 66.0751C145.203 69.2506 154.269 66.3458 158.762 59.201L175.147 33.1508Z",sunny:"M276.453 68.8118C286.405 69.4881 291.381 69.8263 295.404 71.5853C301.223 74.1305 305.87 78.7766 308.415 84.5965C310.174 88.6186 310.512 93.5948 311.188 103.547L312.732 126.259C313.005 130.284 313.142 132.296 313.579 134.219C314.212 136.997 315.31 139.648 316.827 142.059C317.877 143.728 319.203 145.248 321.856 148.288L336.824 165.438C343.384 172.954 346.663 176.712 348.263 180.8C350.579 186.715 350.579 193.285 348.263 199.2C346.663 203.288 343.384 207.046 336.824 214.562L321.856 231.712C319.203 234.752 317.877 236.272 316.827 237.941C315.31 240.352 314.212 243.003 313.579 245.781C313.142 247.704 313.005 249.716 312.732 253.741L311.188 276.453C310.512 286.405 310.174 291.381 308.415 295.404C305.87 301.223 301.223 305.87 295.404 308.415C291.381 310.174 286.405 310.512 276.453 311.188L253.741 312.732C249.716 313.005 247.704 313.142 245.781 313.579C243.003 314.212 240.352 315.31 237.941 316.827C236.272 317.877 234.752 319.203 231.712 321.856L214.562 336.824C207.046 343.384 203.288 346.663 199.2 348.263C193.285 350.579 186.715 350.579 180.8 348.263C176.712 346.663 172.954 343.384 165.438 336.824L148.288 321.856C145.248 319.203 143.728 317.877 142.059 316.827C139.648 315.31 136.997 314.212 134.219 313.579C132.296 313.142 130.284 313.005 126.259 312.732L103.547 311.188C93.5947 310.512 88.6186 310.174 84.5965 308.415C78.7766 305.87 74.1305 301.223 71.5853 295.404C69.8263 291.381 69.4881 286.405 68.8118 276.453L67.2684 253.741C66.9949 249.716 66.8581 247.704 66.4206 245.781C65.7883 243.003 64.6903 240.352 63.173 237.941C62.123 236.272 60.7965 234.752 58.1437 231.712L43.1756 214.562C36.6164 207.046 33.3369 203.288 31.7366 199.2C29.4211 193.285 29.4211 186.715 31.7366 180.8C33.3369 176.712 36.6164 172.954 43.1756 165.438L58.1437 148.288C60.7965 145.248 62.123 143.728 63.173 142.059C64.6903 139.648 65.7883 136.997 66.4206 134.219C66.8581 132.296 66.9949 130.284 67.2684 126.259L68.8118 103.547C69.4881 93.5948 69.8263 88.6186 71.5853 84.5965C74.1305 78.7766 78.7766 74.1305 84.5965 71.5853C88.6186 69.8263 93.5948 69.4881 103.547 68.8118L126.259 67.2684C130.284 66.9949 132.296 66.8581 134.219 66.4206C136.997 65.7883 139.648 64.6903 142.059 63.173C143.728 62.123 145.248 60.7966 148.288 58.1437L165.438 43.1756C172.954 36.6164 176.712 33.3369 180.8 31.7366C186.715 29.4211 193.285 29.4211 199.2 31.7366C203.288 33.3369 207.046 36.6164 214.562 43.1756L231.712 58.1437C234.752 60.7966 236.272 62.123 237.941 63.173C240.352 64.6903 243.003 65.7883 245.781 66.4206C247.704 66.8581 249.716 66.9949 253.741 67.2684L276.453 68.8118Z"};let of=new Array;const rf=new Map;for(const e in af)of.push(af[e]),rf.set(e,of.length-1);const sf={};of=$e(of,300);for(const e of rf)sf[e[0]]=i(of[e[1]]);const nf=sf;let lf=class extends(z(f(r,"progressbar"))){constructor(){super(...arguments),this.variant="uncontained"}connectedCallback(){super.connectedCallback(),this.ariaValueMin=this.ariaValueMin||"0",this.ariaValueMax=this.ariaValueMax||"100"}disconnectedCallback(){super.disconnectedCallback(),this._container?.classList.toggle("animate",!1)}reconnectedCallback(){super.reconnectedCallback(),this._container?.classList.toggle("animate",!0)}firstUpdated(e){super.firstUpdated(e),this._container?.classList.toggle("animate",!0)}render(){return s`<div class="container" aria-hidden="true"><div class="active-indicator-wrapper"><div class="active-indicator"></div></div></div>`}};lf.styles=o`:host { display: inline-block; aspect-ratio: 1 / 1; contain: strict; vertical-align: middle; content-visibility: auto; } :host([variant="uncontained"]) { width: ${Xb}; } :host([variant="contained"]) { width: ${tf}; } :host([variant="uncontained"]) .active-indicator { background-color: ${Gb}; } :host([variant="contained"]) .active-indicator { background-color: ${Jb}; } :host([variant="contained"]) .container { background-color: ${Qb}; } .container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: ${ef}; } .active-indicator { margin: auto; aspect-ratio: 1 / 1; width: calc(${Xb} * 0.842); transform-origin: center; transition: clip-path ${v.motion.spring.slowEffects}; will-change: transform, clip-path; --_polygon-soft-burst: polygon(${nf["soft-burst"]}); --_polygon-9-sided-cookie: polygon(${nf["9-sided-cookie"]}); --_polygon-pentagon: polygon(${nf.pentagon}); --_polygon-pill: polygon(${nf.pill}); --_polygon-sunny: polygon(${nf.sunny}); --_polygon-4-sided-cookie: polygon(${nf["4-sided-cookie"]}); --_polygon-oval: polygon(${nf.oval}); } .container.animate .active-indicator-wrapper { animation: rotate-outer 4666ms linear infinite; transform-origin: center; display: flex; align-items: center; justify-content: center; will-change: transform; } @keyframes rotate-outer { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .container.animate .active-indicator { animation: rotate-inner 4666ms cubic-bezier(0.34, 0.88, 0.34, 1) infinite; } @keyframes rotate-inner { 0% { clip-path: var(--_polygon-soft-burst); transform: rotate(0deg); } 14% { clip-path: var(--_polygon-9-sided-cookie); transform: rotate(154deg) scale(1); } 29% { clip-path: var(--_polygon-pentagon); transform: rotate(309deg) scale(1); } 43% { clip-path: var(--_polygon-pill); transform: rotate(463deg) scale(1); } 57% { clip-path: var(--_polygon-sunny); transform: rotate(617deg) scale(1); } 71% { clip-path: var(--_polygon-4-sided-cookie); transform: rotate(771deg) scale(1); } 83% { clip-path: var(--_polygon-oval); transform: rotate(926deg) scale(1); } 100% { clip-path: var(--_polygon-soft-burst); transform: rotate(1080deg) scale(1); } } @media (forced-colors: active) { .active-indicator { background-color: CanvasText !important; } }`,t([h(".container")],lf.prototype,"_container",void 0),t([m({reflect:!0})],lf.prototype,"variant",void 0),lf=t([$("m3e-loading-indicator")],lf);class cf extends(V(q(P(N(r),!0)))){constructor(){super(),new K(this,{callback:e=>{e&&this.menu?._activate()}})}get menu(){return this.closest("m3e-menu")}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${he(this)?this[U]():n}<div class="wrapper">${this._renderContent()}</div></div>`}}cf.styles=o`:host { display: inline-block; outline: none; user-select: none; flex: none; height: calc(var(--m3e-menu-item-container-height, 2.75rem) + ${v.density.calc(-3)}); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not(:disabled)) .base { color: var(--m3e-menu-item-color, ${v.color.onSurface}); } :host(:not([aria-expanded="true"])) .base { --m3e-state-layer-hover-color: var(--m3e-menu-item-container-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-menu-item-container-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-menu-item-ripple-color, ${v.color.onSurface}); } :host(:not(:disabled)[aria-expanded="true"]) .base { background-color: color-mix( in srgb, var(--m3e-menu-item-active-state-layer-color, ${v.color.onSurface}) var(--m3e-menu-active-state-layer-opacity, 8%), transparent ); } :host([aria-expanded="true"]) .state-layer { display: none; } :host(:not(:disabled)[checked]) .base { color: var(--m3e-menu-item-selected-color, ${v.color.onTertiaryContainer}); background-color: var(--m3e-menu-item-selected-container-color, ${v.color.tertiaryContainer}); } :host([checked]) .base { --m3e-state-layer-hover-color: var( --m3e-menu-item-selected-container-hover-color, ${v.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-menu-item-selected-container-focus-color, ${v.color.onTertiaryContainer} ); --m3e-ripple-color: var(--m3e-menu-item-selected-ripple-color, ${v.color.onTertiaryContainer}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-menu-item-disabled-color, ${v.color.onSurface}) var(--m3e-menu-item-disabled-opacity, 38%), transparent ); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; position: relative; width: 100%; height: 100%; border-radius: var(--m3e-menu-item-shape, ${v.shape.corner.extraSmall}); transition: ${i(`border-radius ${v.motion.spring.fastEffects}`)}; } :host([checked]:not(:is(:state(--first), :--first))) .base { border-top-left-radius: var(--m3e-menu-item-selected-shape, ${v.shape.corner.medium}); border-top-right-radius: var(--m3e-menu-item-selected-shape, ${v.shape.corner.medium}); } :host([checked]:not(:is(:state(--last), :--last))) .base { border-bottom-left-radius: var(--m3e-menu-item-selected-shape, ${v.shape.corner.medium}); border-bottom-right-radius: var(--m3e-menu-item-selected-shape, ${v.shape.corner.medium}); } :host(:is(:state(--first), :--first)) .base { border-top-left-radius: var(--m3e-menu-item-first-child-shape, ${v.shape.corner.medium}); border-top-right-radius: var(--m3e-menu-item-first-child-shape, ${v.shape.corner.medium}); } :host(:is(:state(--last), :--last)) .base { border-bottom-left-radius: var(--m3e-menu-item-last-child-shape, ${v.shape.corner.medium}); border-bottom-right-radius: var(--m3e-menu-item-last-child-shape, ${v.shape.corner.medium}); } .touch { position: absolute; height: calc( var(--m3e-menu-item-container-height, 2.75rem) + calc(var(--m3e-menu-gap, 0.125rem) * 2) + ${v.density.calc(-3)} ); left: 0; right: 0; } .wrapper { flex: 1 1 auto; display: inline-flex; align-items: center; column-gap: var(--m3e-menu-item-icon-label-space, 0.5rem); padding-inline-start: var(--m3e-menu-item-padding-start, 0.75rem); padding-inline-end: var(--m3e-menu-item-padding-end, 0.75rem); font-size: var(--m3e-menu-item-label-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-menu-item-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-menu-item-label-text-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var(--m3e-menu-item-label-text-tracking, ${v.typescale.standard.label.large.tracking}); } .focus-ring { border-radius: var(--m3e-menu-item-focus-ring-shape, inherit); } .content { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ::slotted([slot="icon"]), ::slotted([slot="trailing-icon"]), .trailing-icon { flex: none; width: 1em; font-size: var(--m3e-menu-item-icon-size, 1.25rem) !important; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { background-color: Menu; color: MenuText; } :host(:disabled) .base { color: GrayText; } }`,t([h(".focus-ring")],cf.prototype,"_focusRing",void 0),t([h(".state-layer")],cf.prototype,"_stateLayer",void 0),t([h(".ripple")],cf.prototype,"_ripple",void 0);let df=class extends(b(E)){get menu(){return"M3E-MENU"===this.control?.tagName?this.control:null}attach(e){super.attach(e);const t=this.menu;t&&(this.parentElement&&(this.parentElement.ariaHasPopup="menu",this.parentElement.ariaExpanded="false",t.id&&De(this.parentElement,"aria-controls",t.id)),this.closest("m3e-menu")&&(t.submenu=!0))}detach(){if(this.parentElement){this.parentElement.ariaHasPopup=null,this.parentElement.ariaExpanded=null;const e=this.menu;e?.id&&Ae(this.parentElement,"aria-controls",e.id)}super.detach()}_onClick(){this.parentElement&&("M3E-MENU-ITEM"===this.parentElement.tagName?this.menu?.show(this.parentElement):this.menu?.toggle(this.parentElement))}};var hf,mf,uf,pf,vf,bf,ff,gf,yf,$f,wf,xf;df=t([$("m3e-menu-trigger")],df);let kf=xf=class extends(R(f(cf,"menuitem"))){constructor(){super(),hf.add(this),mf.set(this,t=>e(this,hf,"m",yf).call(this,t)),uf.set(this,t=>e(this,hf,"m",$f).call(this,t)),pf.set(this,()=>e(this,hf,"m",wf).call(this)),this._hasSubmenu=!1,vf.set(this,void 0),new ne(this,{startDelay:500,endDelay:500,callback:t=>{t&&!this.disabled&&e(this,vf,"f")&&e(this,vf,"f").menu?.show(this)}})}get submenu(){return e(this,vf,"f")?.menu??null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,mf,"f")),this.addEventListener("keydown",e(this,uf,"f")),this.addEventListener("mouseenter",e(this,pf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,mf,"f")),this.removeEventListener("keydown",e(this,uf,"f")),this.removeEventListener("mouseenter",e(this,pf,"f"))}_renderContent(){return s`<slot name="icon" aria-hidden="true" @slotchange="${e(this,hf,"m",ff)}"></slot><span class="content"><slot @slotchange="${e(this,hf,"m",bf)}"></slot></span>${this._hasSubmenu?"ltr"===qe.current?s`<svg class="trailing-icon" aria-hidden="true" viewBox="0 -960 960 960" fill="currentColor"><path d="M400-280v-400l200 200-200 200Z"/></svg>`:s`<svg class="trailing-icon" aria-hidden="true" viewBox="0 -960 960 960" fill="currentColor"><path d="M560-280 360-480l200-200v400Z"/></svg>`:s`<slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,hf,"m",gf)}"></slot>`}`}};var Cf,Sf,_f,Lf,Ef,zf,Mf,Pf,Tf,If,Df,Af,Wf,Hf,Of,Bf;mf=new WeakMap,uf=new WeakMap,pf=new WeakMap,vf=new WeakMap,hf=new WeakSet,bf=function(t){a(this,vf,t.target.assignedElements({flatten:!0}).find(e=>e instanceof df),"f"),this._hasSubmenu=void 0!==e(this,vf,"f")},ff=function(e){x(this,"--with-icon",g(e.target))},gf=function(e){x(this,"--with-trailing-icon",g(e.target))},yf=function(e){e.defaultPrevented||this._hasSubmenu||this.menu?.hideAll(!0)},$f=function(e){if(!e.defaultPrevented&&!this.disabled)switch(e.key){case"Right":case"ArrowRight":"ltr"===qe.current&&(e.preventDefault(),this.submenu?.show(this));break;case"Left":case"ArrowLeft":"rtl"===qe.current&&(e.preventDefault(),this.submenu?.show(this))}},wf=function(){this.menu?.items.forEach(e=>{e instanceof xf&&e!==this&&e.submenu?.isOpen&&e.submenu.hide()})},t([p()],kf.prototype,"_hasSubmenu",void 0),kf=xf=t([$("m3e-menu-item")],kf);let Ff=Bf=class extends(M(P(f(r,"menu")))){constructor(){super(...arguments),Cf.add(this),Sf.set(this,void 0),_f.set(this,void 0),Lf.set(this,(new Be).withWrap().withHomeAndEnd().withVerticalOrientation()),Ef.set(this,t=>e(this,Cf,"m",Df).call(this,t)),zf.set(this,()=>e(this,Cf,"m",Af).call(this)),Mf.set(this,t=>e(this,Cf,"m",Wf).call(this,t)),Pf.set(this,new be(this,{target:null,callback:e=>e instanceof Bf?e.items.filter(e=>e instanceof kf).forEach(e=>e.submenu?.hide()):this.hideAll()})),Tf.set(this,t=>{"closed"===t.newState?(e(this,_f,"f")?.call(this),a(this,_f,void 0,"f")):setTimeout(()=>{e(this,Lf,"f").setActiveItem(e(this,Lf,"f").items.find(e=>!e.disabled))},40)}),this.positionX="after",this.positionY="below",this.variant="standard",this.submenu=!1}get items(){return e(this,Lf,"f").items}get isOpen(){return void 0!==e(this,Sf,"f")}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.setAttribute("popover","manual"),this.addEventListener("keydown",e(this,Ef,"f")),this.addEventListener("mouseenter",e(this,zf,"f")),this.addEventListener("toggle",e(this,Tf,"f")),document.addEventListener("click",e(this,Mf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,Ef,"f")),this.removeEventListener("mouseenter",e(this,zf,"f")),this.removeEventListener("toggle",e(this,Tf,"f")),document.removeEventListener("click",e(this,Mf,"f")),e(this,Cf,"m",Of).call(this)}async show(t){e(this,Sf,"f")&&e(this,Sf,"f")!==t&&this.hide();let i=this.positionX;"rtl"===qe.current&&(i="before"===i?"after":"before"),a(this,_f,await Ne(this,t,{position:this.submenu?"before"===i?"left-start":"right-start":"above"===this.positionY?"before"===i?"top-end":"top-start":"before"===i?"bottom-end":"bottom-start",inline:!0,flip:!0,shift:"main",offset:this.submenu?void 0:4},(t,a,i)=>{if(this.submenu){if(e(this,Sf,"f")){const t=e(this,Cf,"m",Hf).call(this,e(this,Sf,"f")).y;x(this,"--shift-down",!1),x(this,"--shift-up",!1),x(this,Math.round(a)===Math.round(t)?"--shift-down":"--shift-up",!0)}}else x(this,"--top",i.includes("top")),x(this,"--bottom",i.includes("bottom"));"rtl"===qe.current?this.style.right=window.innerWidth-t-this.clientWidth+"px":this.style.left=`${t}px`,this.style.top=`${a}px`}),"f");const o=t.closest("m3e-menu");o?this.variant=o.variant:this._activate(),this.showPopover(),a(this,Sf,t,"f"),e(this,Sf,"f").ariaExpanded="true",e(this,Pf,"f").observe(e(this,Sf,"f"))}hide(t=!1){for(const t of e(this,Lf,"f").items){const e=t.submenu;e&&e.isOpen&&e.hide()}e(this,Cf,"m",Of).call(this),this.hidePopover(),e(this,Sf,"f")&&(e(this,Sf,"f").ariaExpanded="false",t&&e(this,Sf,"f").focus(),e(this,Pf,"f").unobserve(e(this,Sf,"f")),a(this,Sf,void 0,"f"))}hideAll(t=!1){let a=this;for(;e(a,Sf,"f");){const t=e(a,Sf,"f").closest("m3e-menu");if(!t)break;a=t}a.hide(t)}async toggle(t){e(this,Sf,"f")?this.hide():await this.show(t)}render(){return s`<div class="base"><slot @slotchange="${e(this,Cf,"m",If)}"></slot></div>`}_activate(){this!==Bf.__activeMenu&&(Bf.__activeMenu&&k(Bf.__activeMenu,"--active"),Bf.__activeMenu=this,L(Bf.__activeMenu,"--active"))}};var Vf,Rf,qf,Nf,Uf,jf,Yf,Kf,Zf,Xf,Gf,Jf;Sf=new WeakMap,_f=new WeakMap,Lf=new WeakMap,Ef=new WeakMap,zf=new WeakMap,Mf=new WeakMap,Pf=new WeakMap,Tf=new WeakMap,Cf=new WeakSet,If=function(){const{added:t}=e(this,Lf,"f").setItems([...this.querySelectorAll("m3e-menu-item,m3e-menu-item-checkbox,m3e-menu-item-radio")].filter(e=>e.closest("m3e-menu")===this));e(this,Lf,"f").activeItem||e(this,Lf,"f").updateActiveItem(t.find(e=>!e.disabled)),e(this,Lf,"f").items.forEach((t,a)=>{x(t,"--first",0===a&&!t.previousElementSibling),x(t,"--last",a===e(this,Lf,"f").items.length-1)})},Df=function(t){switch(t.key){case"Right":case"ArrowRight":"rtl"===qe.current?(t.preventDefault(),this.hide(!0)):e(this,Lf,"f").onKeyDown(t);break;case"Left":case"ArrowLeft":"ltr"===qe.current?(t.preventDefault(),this.hide(!0)):e(this,Lf,"f").onKeyDown(t);break;case"Tab":this.hideAll();break;case"Escape":t.shiftKey||t.ctrlKey||this.hide(!0);break;default:e(this,Lf,"f").onKeyDown(t)}},Af=function(){this._activate()},Wf=function(t){this.submenu||t.composedPath().some(t=>t instanceof Bf||t===e(this,Sf,"f"))||this.hide()},Hf=function(e){let t=0,a=0;for(let i=e;i;i=i.offsetParent instanceof HTMLElement?i.offsetParent:null)t+=i.offsetLeft-i.scrollLeft+i.clientLeft,a+=i.offsetTop-i.scrollTop+i.clientTop;return{x:t,y:a}},Of=function(){this===Bf.__activeMenu&&(k(Bf.__activeMenu,"--active"),Bf.__activeMenu=void 0)},B(o`m3e-menu > m3e-divider { margin-block: var(--m3e-menu-divider-spacing, 0.5rem); }`),Ff.styles=o`:host { position: absolute; padding: unset; margin: unset; border: unset; overflow-y: auto; overflow-x: visible; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; scroll-padding-block: calc( var(--m3e-focus-ring-thickness, 3px) + var(--m3e-menu-container-padding-block, 0.25rem) ); min-width: var(--m3e-menu-container-min-width, 7rem); max-width: var(--m3e-menu-container-max-width, 17.5rem); max-height: var(--m3e-menu-container-max-height, 17.5rem); box-shadow: var(--m3e-menu-container-elevation, ${v.elevation.level3}); opacity: 0; display: none; } .base { display: flex; flex-direction: column; row-gap: var(--m3e-menu-gap, 0.125rem); min-width: inherit; max-width: inherit; padding-block: var(--m3e-menu-container-padding-block, 0.25rem); padding-inline: var(--m3e-menu-container-padding-inline, 0.25rem); --m3e-focus-ring-outward-offset: 0px; --m3e-focus-ring-growth-factor: 1.5; } :host(:not(:is(:state(--active), :--active))) { border-radius: var(--m3e-menu-container-shape, ${v.shape.corner.small}); } :host(:not(:is(:state(--active), :--active))) .base { --m3e-menu-item-first-child-shape: ${v.shape.corner.extraSmall}; --m3e-menu-item-last-child-shape: ${v.shape.corner.extraSmall}; } :host(:is(:state(--active), :--active)) { border-radius: var(--m3e-menu-active-container-shape, ${v.shape.corner.large}); } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`opacity ${v.motion.duration.short2} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short2} ${v.motion.easing.standard},\n        overlay ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n        display ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n        border-radius ${v.motion.spring.fastEffects}`)}; } :host(:not([submenu])) { transform: scaleY(0.8); } :host(:not([submenu]):popover-open) { transform: scaleY(1); animation: ${i(`bounce-open ${v.motion.duration.medium1} ${v.motion.easing.standard}`)}; } @keyframes bounce-open { 0% { transform: scaleY(0.8); } 70% { transform: scaleY(1.02); } 100% { transform: scaleY(1); } } :host::backdrop { background-color: transparent; } :host(:popover-open) { display: block; opacity: 1; } :host(:is(:state(--bottom), :--bottom)) { transform-origin: top; } :host(:is(:state(--top), :--top)) { transform-origin: bottom; } :host(:is(:state(--shift-down), :--shift-down)) { margin-top: calc(0px - var(--m3e-menu-container-padding-block, 0.25rem)); } :host(:is(:state(--shift-up), :--shift-up)) { margin-top: var(--m3e-menu-container-padding-block, 0.25rem); } :host([variant="vibrant"]) { background-color: var(--m3e-vibrant-menu-container-color, ${v.color.tertiaryContainer}); --m3e-menu-item-color: var(--m3e-vibrant-menu-item-color, ${v.color.onTertiaryContainer}); --m3e-menu-item-container-hover-color: var( --m3e-vibrant-menu-item-container-hover-color, ${v.color.onTertiaryContainer} ); --m3e-menu-item-container-focus-color: var( --m3e-vibrant-menu-item-container-focus-color, ${v.color.onTertiaryContainer} ); --m3e-menu-item-ripple-color: var(--m3e-vibrant-menu-item-ripple-color, ${v.color.onTertiaryContainer}); --m3e-menu-item-active-state-layer-color: var( --m3e-vibrant-menu-item-active-state-layer-color, ${v.color.onTertiaryContainer} ); --m3e-menu-item-selected-color: var(--m3e-vibrant-menu-item-selected-color, ${v.color.onTertiary}); --m3e-menu-item-selected-container-color: var( --m3e-vibrant-menu-item-selected-container-color, ${v.color.tertiary} ); --m3e-menu-item-selected-container-hover-color: var( --m3e-vibrant-menu-item-selected-container-hover-color, ${v.color.onTertiary} ); --m3e-menu-item-container-selected-focus-color: var( --m3e-vibrant-menu-item-selected-container-focus-color, ${v.color.onTertiary} ); --m3e-menu-item-selected-ripple-color: var( --m3e-vibrant-menu-item-selected-ripple-color, ${v.color.onTertiary} ); --m3e-menu-item-disabled-color: var( --m3e-vibrant-menu-item-disabled-color, ${v.color.onTertiaryContainer} ); } :host([variant="standard"]) { background-color: var(--m3e-menu-container-color, ${v.color.surfaceContainer}); } @starting-style { :host(:popover-open) { opacity: 0; } } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: none; } } @media (forced-colors: active) { :host { background-color: Menu; color: MenuText; outline: 1px solid MenuText; } }`,t([m({attribute:"position-x"})],Ff.prototype,"positionX",void 0),t([m({attribute:"position-y"})],Ff.prototype,"positionY",void 0),t([m({reflect:!0})],Ff.prototype,"variant",void 0),t([m({type:Boolean,reflect:!0})],Ff.prototype,"submenu",void 0),Ff=Bf=t([$("m3e-menu")],Ff);let Qf=class extends(we(f(cf,"menuitemcheckbox"))){constructor(){super(...arguments),Vf.add(this),Rf.set(this,t=>e(this,Vf,"m",Zf).call(this,t)),qf.set(this,t=>e(this,Vf,"m",Xf).call(this,t)),Nf.set(this,()=>e(this,Vf,"m",Gf).call(this)),Uf.set(this,()=>e(this,Vf,"m",Jf).call(this)),jf.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Rf,"f")),this.addEventListener("keydown",e(this,qf,"f")),this.addEventListener("keyup",e(this,Nf,"f")),this.addEventListener("mouseenter",e(this,Uf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Rf,"f")),this.removeEventListener("keydown",e(this,qf,"f")),this.removeEventListener("keyup",e(this,Nf,"f")),this.removeEventListener("mouseenter",e(this,Uf,"f"))}_renderContent(){return s`<div class="icon"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg><slot name="icon" @slotchange="${e(this,Vf,"m",Yf)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,Vf,"m",Kf)}"></slot>`}};Rf=new WeakMap,qf=new WeakMap,Nf=new WeakMap,Uf=new WeakMap,jf=new WeakMap,Vf=new WeakSet,Yf=function(e){x(this,"--with-icon",g(e.target))},Kf=function(e){x(this,"--with-trailing-icon",g(e.target))},Zf=function(t){t.defaultPrevented||(this.checked=!this.checked,this.performUpdate(),e(this,jf,"f")||(C()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},Xf=function(e){a(this,jf," "===e.key,"f")},Gf=function(){a(this,jf,!1,"f")},Jf=function(){this.menu?.items.forEach(e=>{e instanceof kf&&e.submenu?.isOpen&&e.submenu.hide()})},Qf.styles=[cf.styles,o`.icon { display: flex; align-items: center; justify-content: center; transition: margin-inline-start ${v.motion.spring.fastEffects}; } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-menu-item-icon-label-space, 0.75rem)); } .check { width: 1em; font-size: var(--m3e-menu-item-icon-size, 1.25rem) !important; } :host(:not([checked])) .check { display: none; } :host([checked]) .icon { margin-inline-start: 0; } :host([checked]) ::slotted([slot="icon"]) { display: none !important; } @media (prefers-reduced-motion) { .icon { transition: none; } }`],Qf=t([$("m3e-menu-item-checkbox")],Qf);let eg=class extends(f(r,"group")){render(){return s`<slot></slot>`}};var tg,ag,ig,og,rg,sg,ng,lg,cg,dg,hg,mg;eg.styles=o`:host { display: contents; }`,eg=t([$("m3e-menu-item-group")],eg);let ug=class extends(we(f(cf,"menuitemradio"))){constructor(){super(...arguments),tg.add(this),ag.set(this,t=>e(this,tg,"m",cg).call(this,t)),ig.set(this,t=>e(this,tg,"m",dg).call(this,t)),og.set(this,()=>e(this,tg,"m",hg).call(this)),rg.set(this,()=>e(this,tg,"m",mg).call(this)),sg.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,ag,"f")),this.addEventListener("keydown",e(this,ig,"f")),this.addEventListener("keyup",e(this,og,"f")),this.addEventListener("mouseenter",e(this,rg,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,ag,"f")),this.removeEventListener("keydown",e(this,ig,"f")),this.removeEventListener("keyup",e(this,og,"f")),this.removeEventListener("mouseenter",e(this,rg,"f"))}update(e){super.update(e),e.has("checked")&&this.checked&&(this.closest("[role='group']")??this.closest("m3e-menu"))?.querySelectorAll("m3e-menu-item-radio").forEach(e=>{e!==this&&e.checked&&(e.checked=!1)})}_renderContent(){return s`<div class="icon"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg><slot name="icon" @slotchange="${e(this,tg,"m",ng)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,tg,"m",lg)}"></slot>`}};var pg,vg,bg,fg,gg,yg;ag=new WeakMap,ig=new WeakMap,og=new WeakMap,rg=new WeakMap,sg=new WeakMap,tg=new WeakSet,ng=function(e){x(this,"--with-icon",g(e.target))},lg=function(e){x(this,"--with-trailing-icon",g(e.target))},cg=function(t){t.defaultPrevented||(this.checked=!0,this.performUpdate(),e(this,sg,"f")||(C()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},dg=function(e){a(this,sg," "===e.key,"f")},hg=function(){a(this,sg,!1,"f")},mg=function(){this.menu?.items.forEach(e=>{e instanceof kf&&e.submenu?.isOpen&&e.submenu.hide()})},ug.styles=Qf.styles,ug=t([$("m3e-menu-item-radio")],ug);let $g=class extends(z(P(f(r,"navigation")))){constructor(){super(...arguments),pg.add(this),this[yg]=(new He).disableRovingTabIndex(),vg.set(this,void 0),this.mode="compact"}get items(){return this[We].items}get selected(){return this[We].selectedItems[0]??null}get currentMode(){return this._mode??("compact"!==this.mode?"expanded":"compact")}set currentMode(e){this._mode=e}disconnectedCallback(){super.disconnectedCallback(),this._mode=void 0,e(this,vg,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.mode&&e(this,pg,"m",bg).call(this)}willUpdate(t){super.willUpdate(t),t.has("mode")&&(e(this,vg,"f")?.call(this),"auto"===this.mode?e(this,pg,"m",bg).call(this):(this._mode=void 0,this._updateItems())),t.has("_mode")&&this._updateItems()}render(){return s`<div class="base"><slot @change="${e(this,pg,"m",gg)}" @slotchange="${e(this,pg,"m",fg)}"></slot></div>`}_updateItems(){const e="compact"===this.currentMode?"vertical":"horizontal";this._updateOrientation(e),x(this,"--compact","vertical"===e)}_updateOrientation(e){this[We].items.forEach(t=>t.orientation=e)}};var wg,xg,kg,Cg,Sg,_g,Lg,Eg;vg=new WeakMap,pg=new WeakSet,yg=We,bg=function(){a(this,vg,Qe.observe([et.XSmall,et.Small],e=>{this._mode=e.get(et.XSmall)||e.get(et.Small)?"compact":"expanded",this._updateItems()}),"f")},fg=function(){this[We].setItems([...this.querySelectorAll("m3e-nav-item")]),this._updateItems()},gg=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},$g.styles=o`:host { display: block; overflow-x: auto; overflow-y: hidden; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; min-height: var(--m3e-nav-bar-height, 4rem); } .base { display: flex; align-items: stretch; justify-content: center; box-sizing: border-box; min-height: inherit; height: inherit; width: 100%; background-color: var(--m3e-nav-bar-container-color, ${v.color.surfaceContainer}); --_nav-item-min-width: var(--m3e-nav-bar-vertical-item-width, 7rem); }`,t([p()],$g.prototype,"_mode",void 0),t([m({reflect:!0})],$g.prototype,"mode",void 0),$g=t([$("m3e-nav-bar")],$g);let zg=class extends(z(M(R(pe(V(q(Y(N(P(f(r,"button"),!0)))))))))){constructor(){super(...arguments),wg.add(this),xg.set(this,!1),kg.set(this,t=>e(this,wg,"m",Sg).call(this,t)),Cg.set(this,new A(this,{target:null,callback:t=>e(this,wg,"m",Lg).call(this,t)})),this.orientation="vertical"}get navBar(){return this.closest("m3e-nav-bar")??this.closest("m3e-nav-rail")??null}[(xg=new WeakMap,kg=new WeakMap,Cg=new WeakMap,wg=new WeakSet,xe)](){e(this,xg,"f")&&super[xe]()}connectedCallback(){a(this,xg,null!==this.closest("m3e-nav-rail"),"f"),super.connectedCallback(),this.addEventListener("click",e(this,kg,"f"),{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,kg,"f"),{capture:!0}),a(this,xg,!1,"f")}reconnectedCallback(){super.reconnectedCallback(),e(this,wg,"m",Eg).call(this)}update(e){if(super.update(e),e.has("selected")){this.ariaSelected=null,this.ariaPressed=null,this.ariaCurrent=`${this.selected}`;for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected);this.navBar?.[We].notifySelectionChange(this)}}updated(e){super.updated(e),e.has("orientation")&&this._focusRing?.attach(this)}firstUpdated(t){super.firstUpdated(t),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),e(this,wg,"m",Eg).call(this)}render(){const t=this.disabled||this.disabledInteractive,a=s`<div class="label"><slot></slot></div>`;return s`${"vertical"===this.orientation?s`<m3e-focus-ring class="focus-ring" inward></m3e-focus-ring>`:n}<div class="outer">${this[U]()}<div class="inner">${"horizontal"===this.orientation?s`<m3e-focus-ring class="focus-ring"></m3e-focus-ring>`:n}<m3e-state-layer class="state-layer" ?disabled="${t}"></m3e-state-layer><m3e-ripple class="ripple" centered ?disabled="${t}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="base"><div class="icon-wrapper" aria-hidden="true"><div class="icon"><slot name="icon"></slot><slot name="selected-icon" @slotchange="${e(this,wg,"m",_g)}"></slot></div></div><m3e-collapsible orientation="horizontal" ?no-animate="${!e(this,xg,"f")}" ?open="${"horizontal"===this.orientation}">${"horizontal"===this.orientation?a:n}</m3e-collapsible>${"horizontal"===this.orientation?n:a}</div></div></div>`}};var Mg,Pg,Tg,Ig,Dg,Ag,Wg,Hg,Og,Bg,Fg,Vg;Sg=function(e){e.defaultPrevented||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!0,this.navBar?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},_g=function(e){x(this,"--with-selected-icon",g(e.target))},Lg=function(e){0!==e.length&&"vertical"!==this.orientation&&this._inner?.style.setProperty("--_expanded-width",`${e[0].contentRect.width}px`)},Eg=function(){this._stateLayer&&e(this,xg,"f")&&e(this,Cg,"f").observe(this._stateLayer)},zg.styles=o`:host { display: inline-block; vertical-align: middle; position: relative; outline: none; user-select: none; flex: 1; font-size: var(--m3e-nav-item-label-text-font-size, ${v.typescale.standard.label.medium.fontSize}); font-weight: var( --m3e-nav-item-label-text-font-weight, ${v.typescale.standard.label.medium.fontWeight} ); line-height: var( --m3e-nav-item-label-text-line-height, ${v.typescale.standard.label.medium.lineHeight} ); letter-spacing: var(--m3e-nav-item-label-text-tracking, ${v.typescale.standard.label.medium.tracking}); border-radius: var(--m3e-nav-item-shape, ${v.shape.corner.full}); min-width: var(--_nav-item-min-width); align-self: var(--_nav-item-align-self); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([orientation="horizontal"]) { max-width: fit-content; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } .outer { height: 100%; } .outer, .inner { display: flex; align-items: center; justify-content: var(--_nav-item-justify-content, center); position: relative; border-radius: inherit; } .icon-wrapper { position: relative; flex: none; } .base { justify-content: unset; box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; } :host(:not(:is(:state(--no-animate), :--no-animate))) .base { transition: ${i(`margin-top ${v.motion.duration.short1} ${v.motion.easing.standard}`)}; } .icon { position: absolute; } .label { vertical-align: middle; } :host([orientation="horizontal"]) .label { white-space: nowrap; } ::slotted([slot="icon"]), ::slotted([slot="selected-icon"]) { width: 1em; font-size: var(--m3e-nav-item-icon-size, 1.5rem) !important; } :host(:not(:is(:state(--no-animate), :--no-animate))) .state-layer, :host(:not(:is(:state(--no-animate), :--no-animate))) .ripple { transition: ${i(`height ${v.motion.duration.short1} ${v.motion.easing.standard}`)}; } :host(:not([selected])) slot[name="selected-icon"], :host(:not(:is(:state(--with-selected-icon), :--with-selected-icon))) slot[name="selected-icon"], :host([selected]:is(:state(--with-selected-icon), :--with-selected-icon)) slot[name="icon"] { display: none; } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .outer { --m3e-state-layer-hover-color: var( --m3e-nav-item-inactive-hover-state-layer-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-nav-item-inactive-focus-state-layer-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var( --m3e-nav-item-inactive-pressed-state-layer-color, ${v.color.onSecondaryContainer} ); } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .label { color: var(--m3e-nav-item-inactive-label-text-color, ${v.color.onSurfaceVariant}); } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: var(--m3e-nav-item-inactive-icon-color, ${v.color.onSurfaceVariant}); } :host([selected]:not(:disabled):not([disabled-interactive])) .outer { --m3e-state-layer-hover-color: var( --m3e-nav-item-active-hover-state-layer-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-nav-item-active-focus-state-layer-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var( --m3e-nav-item-active-pressed-state-layer-color, ${v.color.onSecondaryContainer} ); } :host([selected]:not(:disabled):not([disabled-interactive]):not([orientation="horizontal"])) .label { color: var(--m3e-nav-item-active-label-text-color, ${v.color.secondary}); } :host([selected]:not(:disabled):not([disabled-interactive])) .state-layer { background-color: var(--m3e-nav-item-active-container-color, ${v.color.secondaryContainer}); } :host([selected]:not(:disabled):not([disabled-interactive])[orientation="horizontal"]) .label, :host([selected]:not(:disabled):not([disabled-interactive])) .icon { color: var(--m3e-nav-item-active-icon-color, ${v.color.onSecondaryContainer}); } :host([orientation="vertical"]) .outer { align-self: stretch; align-items: flex-start; } :host([orientation="vertical"]) .label { text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 2; } :host([orientation="vertical"]) .base { flex-direction: column; row-gap: var(--m3e-nav-item-spacing, 0.25rem); } :host([orientation="horizongal"]) .base { margin-top: 0; } :host([orientation="vertical"]) .base { margin-top: var(--m3e-vertical-nav-item-active-indicator-margin, 0.375rem); margin-bottom: var(--m3e-vertical-nav-item-active-indicator-margin, 0.375rem); } :host([orientation="vertical"]) .state-layer, :host([orientation="vertical"]) .ripple { top: var(--m3e-vertical-nav-item-active-indicator-margin, 0.375rem); bottom: unset; } :host([orientation="vertical"]) .state-layer, :host([orientation="vertical"]) .ripple, :host([orientation="vertical"]) .icon-wrapper { width: var(--m3e-vertical-nav-item-active-indicator-width, 3.5rem); } :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .state-layer, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .ripple { animation: collapse ${v.motion.duration.medium1}; } @keyframes collapse { from { width: var(--_expanded-width, var(--m3e-vertical-nav-item-active-indicator-width, 3.5rem)); } to { width: var(--m3e-vertical-nav-item-active-indicator-width, 3.5rem); } } :host([orientation="vertical"]) .state-layer, :host([orientation="vertical"]) .ripple, :host([orientation="vertical"]) .icon-wrapper { height: var(--m3e-vertical-nav-item-active-indicator-height, 2rem); } :host([orientation="vertical"]) .icon { top: calc( calc(var(--m3e-vertical-nav-item-active-indicator-height, 2rem) / 2) - calc( var(--m3e-nav-item-icon-size, 1.5rem) / 2 ) ); left: calc( calc(var(--m3e-vertical-nav-item-active-indicator-width, 3.5rem) / 2) - calc( var(--m3e-nav-item-icon-size, 1.5rem) / 2 ) ); } :host([orientation="vertical"]) .focus-ring { border-radius: var(--m3e-nav-item-focus-ring-shape, ${v.shape.corner.medium}); } :host([orientation="horizontal"]) .icon-wrapper { width: var(--m3e-nav-item-icon-size, 1.5rem); height: var(--m3e-nav-item-icon-size, 1.5rem); } :host([orientation="horizontal"]) .base { padding: var(--m3e-horizontal-nav-item-padding, 1rem); } :host([orientation="horizontal"]) .label { flex: 1 1 auto; } :host([orientation="horizontal"]) .base { column-gap: var(--m3e-nav-item-spacing, 0.25rem); } :host([orientation="horizontal"]) .state-layer, :host([orientation="horizontal"]) .ripple, :host([orientation="horizontal"]) .inner { height: var(--m3e-horizontal-nav-item-active-indicator-height, 2.5rem); } :host([orientation="horizontal"]) .inner { width: fit-content; } .state-layer, .ripple { margin-inline: auto; } :host(:is(:state(--first), :--first):not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .icon-wrapper, :host(:not(:is(:state(--first), :--first)):not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .icon-wrapper { animation: ${i(`slide-down ${v.motion.duration.short2} ${v.motion.easing.standard}`)}; } :host(:not(:is(:state(--first), :--first)):not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .icon-wrapper, :host(:is(:state(--first), :--first):not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .icon-wrapper { animation: ${i(`slide-up ${v.motion.duration.short2} ${v.motion.easing.standard}`)}; } @keyframes slide-down { from { transform: translateY(-4px); } to { transform: translateY(0); } } @keyframes slide-up { from { transform: translateY(4px); } to { transform: translateY(0); } } :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .label { animation: horizontal-fade-in ${v.motion.duration.medium1}; } :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .label { animation: vertical-fade-in ${v.motion.duration.medium1}; } @keyframes horizontal-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes vertical-fade-in { from { opacity: 0; } to { opacity: 1; } } :host(:disabled) .label, :host([disabled-interactive]) .label { color: color-mix( in srgb, var(--m3e-nav-item-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-nav-item-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) .icon, :host([disabled-interactive]) .icon { color: color-mix( in srgb, var(--m3e-nav-item-disabled-icon-color, ${v.color.onSurface}) var(--m3e-nav-item-disabled-icon-opacity, 38%), transparent ); } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (prefers-reduced-motion) { :host(:is(:state(--first), :--first):not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .icon-wrapper, :host(:not(:is(:state(--first), :--first)):not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .icon-wrapper, :host( :not(:is(:state(--first), :--first)):not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"] ) .icon-wrapper, :host(:is(:state(--first), :--first):not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .icon-wrapper, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .state-layer, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .ripple, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="horizontal"]) .label, :host(:not(:is(:state(--no-animate), :--no-animate))[orientation="vertical"]) .label { animation: none; } :host(:not(:is(:state(--no-animate), :--no-animate))) .state-layer, :host(:not(:is(:state(--no-animate), :--no-animate))) .ripple, :host(:not(:is(:state(--no-animate), :--no-animate))) .base { transition: none; } } @media (forced-colors: active) { :host(:disabled) .label, :host([disabled-interactive]) .label, :host(:disabled) .icon, :host([disabled-interactive]) .icon { color: GrayText; } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .label, :host(:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ButtonText; } :host([selected]:not(:disabled):not([disabled-interactive])) .state-layer { background-color: ButtonText; } :host([orientation="vertical"][selected]:not(:disabled):not([disabled-interactive])) .label { color: ButtonText; } :host([orientation="horizontal"][selected]:not(:disabled):not([disabled-interactive])) .label, :host([selected]:not(:disabled):not([disabled-interactive])) .icon { forced-color-adjust: none; color: ButtonFace; } }`,t([h(".focus-ring")],zg.prototype,"_focusRing",void 0),t([h(".state-layer")],zg.prototype,"_stateLayer",void 0),t([h(".ripple")],zg.prototype,"_ripple",void 0),t([h(".inner")],zg.prototype,"_inner",void 0),t([m({reflect:!0})],zg.prototype,"orientation",void 0),zg=t([$("m3e-nav-item")],zg);let Rg=Vg=class extends(pe(N(P(f(r,"treeitem"),!0)))){constructor(){super(...arguments),Mg.add(this),this._hasChildItems=!1,Pg.set(this,[]),Tg.set(this,null),Ig.set(this,new Array),Dg.set(this,null),this.open=!1}get link(){return e(this,Dg,"f")}get label(){return this._base??null}get visible(){return!e(this,Ig,"f").some(e=>!e.open)}get path(){return[...e(this,Ig,"f"),this]}get hasChildItems(){return this._hasChildItems}get parentItem(){return e(this,Ig,"f")[e(this,Ig,"f").length-1]??null}get childItems(){return e(this,Pg,"f")}get level(){return e(this,Ig,"f").length+1}expand(e=!1){this.hasChildItems&&(this.open=!0,e&&this.childItems.forEach(e=>e.expand(!0)))}collapse(e=!1){this.hasChildItems&&(this.open=!1,e&&this.childItems.forEach(e=>e.collapse(!0)))}toggle(){this.hasChildItems&&(this.open=!this.open)}connectedCallback(){super.connectedCallback(),e(this,Ig,"f").length=0;for(let t=this.parentElement?.closest("m3e-nav-menu-item");t;t=t.parentElement?.closest("m3e-nav-menu-item"))e(this,Ig,"f").push(t);e(this,Ig,"f").reverse(),this.style.setProperty("--_nav-menu-item-level",`${this.level}`),a(this,Tg,this.closest("m3e-nav-menu"),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Ig,"f").length=0}update(t){if(super.update(t),t.has("selected")){this.ariaSelected=null,this.ariaCurrent=this.hasChildItems?null:`${this.selected}`;for(const e of this.querySelectorAll(":scope > m3e-icon[slot]"))e.toggleAttribute("filled",this.selected);e(this,Ig,"f").forEach(e=>e.selected=this.selected),this.selected&&!this.hasChildItems&&this.closest("m3e-nav-menu")?.[We].notifySelectionChange(this)}(t.has("open")||t.has("_hasChildItems"))&&(this.ariaExpanded=this._hasChildItems?`${this.open}`:null),(t.has("_hasChildItems")&&this.disabled||t.has("disabled"))&&e(this,Pg,"f").forEach(e=>e.disabled=this.disabled)}firstUpdated(e){super.firstUpdated(e);const t=this._base;t&&[this.focusRing,this.stateLayer,this.ripple].forEach(e=>e?.attach(t))}render(){return s`<div class="base" @click="${e(this,Mg,"m",Bg)}"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="icon" aria-hidden="true">${e(this,Mg,"m",Ag).call(this)}</div><div class="label"><slot name="label" @slotchange="${e(this,Mg,"m",Hg)}"></slot></div><slot name="badge"></slot><div aria-hidden="true" class="toggle"><slot name="toggle-icon"><svg class="toggle-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><m3e-collapsible class="group" role="group" aria-hidden="${je(this._hasChildItems?void 0:"true")}" ?open="${this._hasChildItems&&this.open}" @opening="${e(this,Mg,"m",Fg)}" @opened="${e(this,Mg,"m",Fg)}" @closing="${e(this,Mg,"m",Fg)}" @closed="${e(this,Mg,"m",Fg)}"><slot @slotchange="${e(this,Mg,"m",Og)}"></slot></m3e-collapsible>`}};var qg,Ng,Ug,jg,Yg,Kg,Zg,Xg,Gg,Jg,Qg,ey,ty,ay,iy;Pg=new WeakMap,Tg=new WeakMap,Ig=new WeakMap,Dg=new WeakMap,Mg=new WeakSet,Ag=function(){const t=s`<slot name="icon" @slotchange="${e(this,Mg,"m",Wg)}"></slot>`;return this.selected&&!this.hasChildItems?s`<slot name="selected-icon" @slotchange="${e(this,Mg,"m",Wg)}">${t}</slot>`:t},Wg=function(e){x(this,"--with-icon",g(e.target))},Hg=function(t){a(this,Dg,t.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLAnchorElement)??null,"f"),e(this,Dg,"f")?.setAttribute("tabindex","-1")},Og=function(t){a(this,Pg,t.target.assignedElements({flatten:!0}).filter(e=>e instanceof Vg),"f");const i=this._hasChildItems;this._hasChildItems=e(this,Pg,"f").length>0,x(this,"--with-items",this._hasChildItems),(i||this._hasChildItems)&&(this.selected=e(this,Pg,"f").some(e=>e.selected))},Bg=function(){if(!this.disabled)if(e(this,Tg,"f")?.[We].setActiveItem(this),this._hasChildItems)this.toggle();else{e(this,Tg,"f")?.[We].select(this),e(this,Ig,"f").forEach(e=>e.selected=this.selected),e(this,Dg,"f")?.click();const t=this.closest("m3e-drawer-container");if(t){const e=this.closest("[slot='start']")??this.closest("[slot='end']");e&&(H(t,`--${e.slot}-push`)||H(t,`--${e.slot}-over`))&&setTimeout(()=>{t.removeAttribute(e.slot),t.dispatchEvent(new Event("change",{bubbles:!0}))},300)}}},Fg=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},B(o`m3e-nav-menu-item > m3e-divider { margin-block: var(--m3e-nav-menu-divider-margin, 0.25rem); flex: none; } m3e-nav-menu-item > m3e-nav-menu-item:first-of-type { margin-block-start: var(--m3e-nav-menu-item-vertical-inset, 0.25rem); } m3e-nav-menu-item > m3e-nav-menu-item:last-of-type { margin-block-end: var(--m3e-nav-menu-item-vertical-inset, 0.25rem); }`),Rg.styles=o`:host { display: block; flex: none; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: flex; align-items: center; position: relative; padding-inline: var(--m3e-nav-menu-item-padding, 1.5rem); height: calc(var(--m3e-nav-menu-item-height, 3.5rem) + ${v.density.calc(-3)}); column-gap: var(--m3e-nav-menu-item-spacing, 0.75rem); font-size: var(--m3e-nav-menu-item-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-nav-menu-item-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-nav-menu-item-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-nav-menu-item-tracking, ${v.typescale.standard.label.large.tracking}); transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard},\n        background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .base, .focus-ring { border-radius: var(--m3e-nav-menu-item-shape, ${v.shape.corner.full}); } .label { flex: 1 1 auto; display: flex; align-items: center; position: relative; overflow: hidden; vertical-align: middle; } .icon, .toggle { flex: none; display: flex; align-items: center; justify-content: center; position: relative; vertical-align: middle; } ::slotted([slot="badge"]) { flex: none; position: relative; font-size: var(--m3e-nav-menu-item-badge-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-nav-menu-item-badge-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-nav-menu-item-badge-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-nav-menu-item-badge-tracking, ${v.typescale.standard.label.large.tracking}); } .toggle { transition: ${i(`transform var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { display: none; } .icon { margin-inline-start: -0.5rem; } .toggle { margin-inline-end: -0.5rem; } .group { padding-inline-start: var(--m3e-nav-menu-item-inset, 1rem); } :host([open]) .toggle { transform: rotate(180deg); } :host(:not(:is(:state(--with-items), :--with-items))) .toggle, :host(:not(:is(:state(--with-items), :--with-items))) .group { display: none; } ::slotted([slot="selected-icon"]), ::slotted([slot="icon"]), ::slotted([slot="toggle-icon"]), .toggle-icon { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-nav-menu-item-icon-size, 1.5rem); } :host(:not(:disabled)) .base { cursor: pointer; } :host(:not(:disabled)) .base { color: var(--m3e-nav-menu-item-label-color, ${v.color.onSurfaceVariant}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-nav-menu-item-disabled-color, ${v.color.onSurface}) var(--m3e-nav-menu-item-disabled-color-opacity, 38%), transparent ); } :host([selected]:not(:is(:state(--with-items), :--with-items)):not(:disabled)) .base { color: var(--m3e-nav-menu-item-selected-label-color, ${v.color.onSecondaryContainer}); background-color: var(--m3e-nav-menu-item-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-nav-menu-item-selected-ripple-color, ${v.color.onSecondaryContainer}); } :host(:not([selected]):not(:is(:state(--with-items), :--with-items)):not(:disabled)) .base { --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-unselected-container-focus-color, ${v.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-unselected-container-hover-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-nav-menu-item-unselected-ripple-color, ${v.color.onSurface}); } .state-layer { margin-inline: auto; } :host([selected]:is(:state(--with-items), :--with-items):not(:disabled)) .base { background-color: var(--m3e-nav-menu-item-open-container-color, ${v.color.surfaceContainerHighest}); --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-open-container-focus-color, ${v.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-open-container-hover-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-nav-menu-item-open-ripple-color, ${v.color.onSurface}); } ::slotted(a[slot="label"]) { all: unset; } @media (prefers-reduced-motion) { .base, .toggle, .state-layer { transition: none !important; } } @media (forced-colors: active) { .base, .state-layer { transition: none !important; } :host(:disabled) .base { color: GrayText; } :host(:not(:disabled)) .base { color: LinkText; } :host([selected]:not(:is(:state(--with-items), :--with-items)):not(:disabled)) .base, :host([selected]:is(:state(--with-items), :--with-items):not(:disabled)) .base { forced-color-adjust: none; background-color: unset; color: Highlight; } :host([selected]:not(:is(:state(--with-items), :--with-items)):not(:disabled)) .base::after { content: ""; position: absolute; inset-inline-start: calc(calc(var(--m3e-nav-menu-item-padding, 1.5rem) / 2) - calc(0.375rem / 2)); inset-block-start: 50%; width: 0.375rem; height: 0.375rem; border-radius: 50%; transform: translateY(-50%); background-color: currentColor; } }`,t([h(".state-layer")],Rg.prototype,"stateLayer",void 0),t([h(".focus-ring")],Rg.prototype,"focusRing",void 0),t([h(".ripple")],Rg.prototype,"ripple",void 0),t([h(".base")],Rg.prototype,"_base",void 0),t([p()],Rg.prototype,"_hasChildItems",void 0),t([m({type:Boolean,reflect:!0})],Rg.prototype,"open",void 0),Rg=Vg=t([$("m3e-nav-menu-item")],Rg);let oy=iy=class extends(f(r,"tree")){constructor(){super(),qg.add(this),Ng.set(this,!1),Ug.set(this,!1),this[ay]=(new He).withVerticalOrientation().withHomeAndEnd().withTypeahead().withSkipPredicate(e=>e.disabled||!e.visible).disableRovingTabIndex().onActiveItemChange(()=>{this[We].activeItem&&e(this,qg,"m",Qg).call(this,this[We].activeItem)}).onSelectedItemsChange(()=>{const t=this.selected;for(const a of this.items)a!==t&&e(this,qg,"m",ty).call(this,a,!1,!1);t?.label&&S(t.label,this,{block:"start",behavior:"smooth"})}),jg.set(this,t=>e(this,qg,"m",Xg).call(this,t)),Yg.set(this,t=>e(this,qg,"m",Gg).call(this,t)),Kg.set(this,t=>e(this,qg,"m",Jg).call(this,t)),new Z(this,{callback:e=>a(this,Ug,e,"f")}),new K(this,{callback:()=>{e(this,Ug,"f")||e(this,qg,"m",ey).call(this)}})}get selected(){return this[We].selectedItems[0]??null}get items(){return this[We].items}expand(e,t=!1){const a=Array.isArray(e)?e:this[We].items,i="boolean"==typeof e?e:t;a.forEach(e=>e.expand(i))}collapse(e,t=!1){const a=Array.isArray(e)?e:this[We].items,i="boolean"==typeof e?e:t;a.forEach(e=>e.collapse(i));const o=this[We].activeItem;if(o&&!o.visible)for(let e=o.parentItem;e;e=e.parentItem)if(e.visible){this[We].setActiveItem(e);break}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.addEventListener("keydown",e(this,jg,"f")),this.addEventListener("keyup",e(this,Yg,"f")),this.addEventListener("pointerdown",e(this,Kg,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,jg,"f")),this.removeEventListener("keyup",e(this,Yg,"f")),this.removeEventListener("pointerdown",e(this,Kg,"f"))}render(){return s`<div class="base"><slot @slotchange="${e(this,qg,"m",Zg)}"></slot></div>`}};var ry,sy,ny,ly,cy;Ng=new WeakMap,Ug=new WeakMap,jg=new WeakMap,Yg=new WeakMap,Kg=new WeakMap,qg=new WeakSet,ay=We,Zg=function(){for(const e of this.querySelectorAll("m3e-divider"))e.ariaHidden="true";const{added:t}=this[We].setItems([...this.querySelectorAll("m3e-nav-menu-item")]);for(const e of t)e.id=e.id||"m3e-nav-menu-item-"+iy.__nextId++;this[We].activeItem?(this.setAttribute("aria-activedescendant",this[We].activeItem.id),e(this,qg,"m",ey).call(this)):this.removeAttribute("aria-activedescendant")},Xg=function(t){a(this,Ng,!1,"f"),e(this,qg,"m",ey).call(this);const i=this[We].activeItem;if(!t.defaultPrevented&&i&&!i.disabled)switch(t.key){case"Enter":case" ":t.preventDefault()," "===t.key&&i.ripple&&!i.ripple.visible&&(i.ripple.centered=!0,i.ripple.show(0,0,!0),i.ripple.centered=!1),i.hasChildItems?requestAnimationFrame(()=>i.toggle()):i.selected||(this[We].select(i),i.link?.click());break;case"*":t.preventDefault(),i.expand(!0);break;case"Left":case"ArrowLeft":if(t.preventDefault(),"ltr"===qe.current)if(i.hasChildItems&&i.open)requestAnimationFrame(()=>i.collapse());else{const e=i.parentItem;e&&this[We].setActiveItem(e)}else i.hasChildItems&&!i.open&&i.expand();break;case"Right":case"ArrowRight":if(t.preventDefault(),"rtl"===qe.current)if(i.hasChildItems&&i.open)requestAnimationFrame(()=>i.collapse());else{const e=i.parentItem;e&&this[We].setActiveItem(e)}else i.hasChildItems&&!i.open&&i.expand();break;default:this[We].onKeyDown(t)}},Gg=function(e){const t=this[We].activeItem;e.defaultPrevented||!t||t.disabled||" "!==e.key||t.ripple?.hide()},Jg=function(t){if(!t.defaultPrevented&&!e(this,Ng,"f")&&!_()){a(this,Ng,!0,"f");const i=t.composedPath().reverse().find(e=>e instanceof Rg);i&&!i.disabled&&e(this,qg,"m",ty).call(this,i,!0,!1)}},Qg=function(t){this.setAttribute("aria-activedescendant",t.id),t.label&&S(t.label,this,{block:"nearest",behavior:"smooth"}),e(this,qg,"m",ey).call(this)},ey=function(){const t=this.matches(":focus-within"),a=t||this.matches(":focus"),i=a&&!e(this,Ng,"f")&&(_()||this.matches(":focus-visible")||t&&null!==this.querySelector("a:focus-visible"));this[We].items.forEach(t=>{const o=t===this[We].activeItem;e(this,qg,"m",ty).call(this,t,o&&a,o&&i)})},ty=function(e,t,a){t&&a?e.stateLayer?.show("focused"):e.stateLayer?.hide("focused"),a?e.focusRing?.show():e.focusRing?.hide()},B(o`m3e-nav-menu > m3e-divider { margin-block: var(--m3e-nav-menu-divider-margin, 0.25rem); flex: none; }`),oy.styles=o`:host { display: block; outline: none; overflow-y: auto; overflow-x: hidden; min-height: 0; scrollbar-width: ${v.scrollbar.width}; scrollbar-color: ${v.scrollbar.color}; } .base { width: 100%; display: flex; flex-direction: column; position: relative; min-height: inherit; box-sizing: border-box; padding-block-start: var(--m3e-nav-menu-padding-top, 0.5rem); padding-block-end: var(--m3e-nav-menu-padding-bottom, 0.5rem); padding-inline-start: var(--m3e-nav-menu-padding-left, 0.75rem); padding-inline-end: var(--m3e-nav-menu-padding-right, 0.75rem); }`,oy.__nextId=0,oy=iy=t([$("m3e-nav-menu")],oy);let dy=cy=class extends(P(f(r,"group"))){constructor(){super(...arguments),ry.add(this),sy.set(this,"m3e-nav-menu-item-group-label-"+cy.__nextId++),ny.set(this,void 0)}connectedCallback(){super.connectedCallback(),x(this,"--divided","M3E-DIVIDER"===this.previousElementSibling?.tagName)}disconnectedCallback(){super.disconnectedCallback(),k(this,"--divided")}render(){return s`<div class="label"><slot name="label" @slotchange="${e(this,ry,"m",ly)}"></slot></div><slot></slot>`}};var hy,my,uy,py;sy=new WeakMap,ny=new WeakMap,ry=new WeakSet,ly=function(t){const i=t.target.assignedElements({flatten:!0})[0];i!==e(this,ny,"f")&&(e(this,ny,"f")?.id===e(this,sy,"f")&&(e(this,ny,"f").id=""),a(this,ny,i,"f"),e(this,ny,"f")?(e(this,ny,"f").id=e(this,ny,"f").id||e(this,sy,"f"),this.setAttribute("aria-labelledby",e(this,ny,"f").id)):this.removeAttribute("aria-labelledby")),x(this,"--with-label",void 0!==e(this,ny,"f"))},dy.styles=o`:host { display: contents; } :host(:not(:is(:state(--with-label), :--with-label))) .label { display: none; } .label { margin-inline-start: var(--m3e-nav-menu-item-group-label-inset, 1rem); margin-block-end: var(--m3e-nav-menu-item-group-label-space, 1rem); flex: none; } :host(:is(:state(--divided), :--divided)) .label { margin-block-start: calc( var(--m3e-nav-menu-item-group-label-space, 1rem) - var(--m3e-nav-menu-divider-margin, 0.25rem) ); } :host(:not(:is(:state(--divided), :--divided))) .label { margin-block-start: var(--m3e-nav-menu-item-group-label-space, 1rem); }`,dy.__nextId=0,dy=cy=t([$("m3e-nav-menu-item-group")],dy);let vy=class extends(M(tt)){constructor(){super(),hy.add(this),my.set(this,(new Be).withHomeAndEnd().withWrap()),uy.set(this,t=>e(this,hy,"m",py).call(this,t)),this[We].onSelectedItemsChange(()=>{e(this,my,"f").updateActiveItem(this[We].activeItem)})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,uy,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,uy,"f"))}_updateItems(){const t=Te.findInteractiveElements(this,!0),{added:a}=e(this,my,"f").setItems(t);if(!e(this,my,"f").activeItem){const t=a.find(e=>!e.hasAttribute("disabled"));t&&e(this,my,"f").updateActiveItem(t)}this.items.forEach((e,t)=>x(e,"--first",0===t)),super._updateItems()}_updateOrientation(e){super._updateOrientation(e),this.querySelectorAll("m3e-fab").forEach(t=>t.toggleAttribute("extended","horizontal"===e))}};var by,fy,gy;my=new WeakMap,uy=new WeakMap,hy=new WeakSet,py=function(t){e(this,my,"f").onKeyDown(t)},B(o`m3e-nav-rail > m3e-icon-button, m3e-nav-rail > m3e-fab { margin-block-end: var(--m3e-nav-rail-button-item-space, 1rem); } m3e-nav-rail > m3e-icon-button { margin-inline-start: var(--m3e-nav-rail-icon-button-inset, 0.5rem); }`),vy.styles=o`:host { display: block; overflow-x: hidden; overflow-y: auto; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; } :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: ${i(`width ${v.motion.duration.medium2} ${v.motion.easing.standard}`)}; } .base { display: flex; width: inherit; flex-direction: column; align-items: flex-start; box-sizing: border-box; padding-block-start: var(--m3e-nav-rail-top-space, 2.75rem); padding-block-end: var(--m3e-nav-rail-bottom-space, 0.5rem); padding-inline: var(--m3e-nav-rail-inline-padding, 1.25rem); } :host(:is(:state(--compact), :--compact)) { width: var(--m3e-nav-rail-compact-width, 6rem); } :host(:not(:is(:state(--compact), :--compact))) { width: var(--m3e-nav-rail-expanded-width, 13.75rem); } :host(:not(:is(:state(--compact), :--compact))) { --m3e-horizontal-nav-item-active-indicator-height: var(--m3e-nav-rail-expanded-item-height, 3.5rem); --_nav-item-align-self: stretch; --_nav-item-justify-content: flex-start; } ::slotted(*) { flex: none; } ::slotted(m3e-fab) { --m3e-fab-container-elevation: ${v.elevation.level0}; --m3e-fab-disabled-container-elevation: ${v.elevation.level0}; --m3e-fab-focus-container-elevation: ${v.elevation.level0}; --m3e-fab-pressed-container-elevation: ${v.elevation.level0}; --m3e-fab-hover-container-elevation: ${v.elevation.level1}; --m3e-fab-lowered-container-elevation: ${v.elevation.level0}; --m3e-fab-lowered-disabled-container-elevation: ${v.elevation.level0}; --m3e-fab-lowered-focus-container-elevation: ${v.elevation.level0}; --m3e-fab-lowered-pressed-container-elevation: ${v.elevation.level0}; --m3e-fab-lowered-hover-container-elevation: ${v.elevation.level1}; } @media (prefers-reduced-motion) { :host(:not(:is(:state(--no-animate), :--no-animate))) { transition: none; } }`,vy=t([$("m3e-nav-rail")],vy);let yy=class extends(b(E)){constructor(){super(...arguments),by.add(this),fy.set(this,new w(this,{target:null,config:{attributeFilter:["class"]},callback:()=>e(this,by,"m",gy).call(this)}))}attach(t){t instanceof vy&&e(this,fy,"f").observe(t),this.htmlFor&&this.parentElement&&De(this.parentElement,"aria-controls",this.htmlFor),super.attach(t),e(this,by,"m",gy).call(this)}detach(){for(const t of e(this,fy,"f").targets)e(this,fy,"f").unobserve(t);this.parentElement&&(this.htmlFor&&Ae(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),super.detach()}_onClick(){this.control instanceof vy&&(this.control.currentMode="compact"===this.control.currentMode?"expanded":"compact")}};var $y,wy,xy,ky;fy=new WeakMap,by=new WeakSet,gy=async function(){if(!this.parentElement)return;const e=this.control instanceof vy&&"expanded"===this.control.currentMode;this.parentElement.ariaExpanded=`${e}`,this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",e),this.parentElement instanceof r&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},yy=t([$("m3e-nav-rail-toggle")],yy);let Cy=class extends(pe(N(P(f(r,"option"))))){constructor(){super(...arguments),$y.add(this),wy.set(this,void 0),xy.set(this,""),this.term="",this.highlightMode="contains",this.disableHighlight=!1}get value(){return e(this,wy,"f")??e(this,xy,"f")}set value(e){a(this,wy,e,"f")}get label(){return e(this,xy,"f")}[(wy=new WeakMap,xy=new WeakMap,$y=new WeakSet,Ve)](){return this.label}get isEmpty(){return""===this.value}connectedCallback(){super.connectedCallback(),[this.focusRing,this.stateLayer,this._ripple].forEach(e=>e?.attach(this))}firstUpdated(e){super.firstUpdated(e),[this.focusRing,this.stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){if(super.update(e),e.has("selected")&&this.selected){const e=this.closest("[role='listbox']")??this.closest("m3e-autocomplete")??this.closest("m3e-select");e&&"true"!==e.ariaMultiSelectable&&!e.hasAttribute("multi")&&e.querySelectorAll("m3e-option").forEach(e=>{e!==this&&e.selected&&(e.selected=!1)})}}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper"><div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg></div><m3e-text-overflow class="label"><m3e-text-highlight term="${this.term}" mode="${this.highlightMode}" ?disabled="${this.disableHighlight}"><slot @slotchange="${e(this,$y,"m",ky)}"></slot></m3e-text-highlight></m3e-text-overflow></div></div>`}};var Sy,_y,Ly,Ey,zy;ky=function(e){a(this,xy,me(e.target),"f"),x(this,"--empty",this.isEmpty),this.selected&&this.closest("m3e-select")?.requestUpdate?.()},Cy.styles=o`:host { display: block; outline: none; user-select: none; flex: none; height: calc(var(--m3e-option-container-height, 2.75rem) + ${v.density.calc(-3)}); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) .base { color: var(--m3e-option-color, ${v.color.onSurface}); --m3e-state-layer-hover-color: var(--m3e-option-container-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-option-container-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-option-ripple-color, ${v.color.onSurface}); } :host(:not([aria-disabled="true"]):not(:is(:state(--empty), :--empty))[selected]) .base { color: var(--m3e-option-selected-color, ${v.color.onTertiaryContainer}); background-color: var(--m3e-option-selected-container-color, ${v.color.tertiaryContainer}); --m3e-state-layer-hover-color: var( --m3e-option-selected-container-hover-color, ${v.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-option-selected-container-focus-color, ${v.color.onTertiaryContainer} ); --m3e-ripple-color: var(--m3e-option-selected-ripple-color, ${v.color.onTertiaryContainer}); } :host(:not([aria-disabled="true"])) { cursor: pointer; } :host([aria-disabled="true"]) .base { color: color-mix( in srgb, var(--m3e-option-disabled-color, ${v.color.onSurface}) var(--m3e-option-disabled-opacity, 38%), transparent ); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; position: relative; width: 100%; height: 100%; border-radius: var(--m3e-option-shape, ${v.shape.corner.extraSmall}); transition: ${i(`border-radius ${v.motion.spring.fastEffects}`)}; } :host([selected]:not(:is(:state(--first), :--first))) .base { border-top-left-radius: var(--m3e-option-selected-shape, ${v.shape.corner.medium}); border-top-right-radius: var(--m3e-option-selected-shape, ${v.shape.corner.medium}); } :host([selected]:not(:is(:state(--last), :--last))) .base { border-bottom-left-radius: var(--m3e-option-selected-shape, ${v.shape.corner.medium}); border-bottom-right-radius: var(--m3e-option-selected-shape, ${v.shape.corner.medium}); } :host(:is(:state(--first), :--first)) .base { border-top-left-radius: var(--m3e-option-first-child-shape, ${v.shape.corner.medium}); border-top-right-radius: var(--m3e-option-first-child-shape, ${v.shape.corner.medium}); } :host(:is(:state(--last), :--last)) .base { border-bottom-left-radius: var(--m3e-option-last-child-shape, ${v.shape.corner.medium}); border-bottom-right-radius: var(--m3e-option-last-child-shape, ${v.shape.corner.medium}); } .touch { position: absolute; height: calc( var(--m3e-option-container-height, 2.75rem) + calc(var(--m3e-option-panel-gap, 0.125rem) * 2) + ${v.density.calc(-3)} ); left: 0; right: 0; } .wrapper { flex: 1 1 auto; display: inline-flex; align-items: center; width: 100%; overflow: hidden; column-gap: var(--m3e-option-icon-label-space, 0.5rem); padding-inline-start: var(--_option-padding-start, var(--m3e-option-padding-start, 0.75rem)); padding-inline-end: var(--m3e-option-padding-end, 0.75rem); font-size: var(--m3e-option-label-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-option-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-option-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-option-label-text-tracking, ${v.typescale.standard.label.large.tracking}); } .focus-ring { border-radius: var(--m3e-option-focus-ring-shape, inherit); } .icon { margin-inline-start: calc(0px - var(--m3e-option-icon-label-space, 0.5rem)); transition: ${i(`margin-inline-start ${v.motion.spring.fastEffects}, width ${v.motion.spring.fastEffects}`)}; } :host([selected]) .icon { margin-inline-start: 0; width: var(--m3e-option-icon-size, 1.25rem); } .icon { flex: none; width: 0px; font-size: var(--m3e-option-icon-size, 1.25rem); } :host(:is(:state(--empty), :--empty)) .icon, :host(:is(:state(--hide-selection-indicator), :--hide-selection-indicator)) .icon, :host(:not([selected])) .check { display: none; } @media (forced-colors: active) { .base { background-color: Menu; color: MenuText; } :host([aria-disabled="true"]) .base { color: GrayText; } } @media (prefers-reduced-motion) { .icon, .base { transition: none; } }`,t([h(".focus-ring")],Cy.prototype,"focusRing",void 0),t([h(".state-layer")],Cy.prototype,"stateLayer",void 0),t([h(".ripple")],Cy.prototype,"_ripple",void 0),t([m()],Cy.prototype,"value",null),t([m()],Cy.prototype,"term",void 0),t([m({attribute:"highlight-mode"})],Cy.prototype,"highlightMode",void 0),t([m({attribute:"disable-highlight",type:Boolean})],Cy.prototype,"disableHighlight",void 0),Cy=t([$("m3e-option")],Cy);let My=zy=class extends(f(r,"group")){constructor(){super(...arguments),Sy.add(this),_y.set(this,"m3e-optgroup-label-"+zy.__nextId++),Ly.set(this,void 0)}render(){return s`<m3e-text-overflow class="label"><slot name="label" @slotchange="${e(this,Sy,"m",Ey)}"></slot></m3e-text-overflow><slot></slot>`}};var Py,Ty,Iy,Dy;_y=new WeakMap,Ly=new WeakMap,Sy=new WeakSet,Ey=function(t){const i=t.target.assignedElements({flatten:!0})[0]??void 0;i!==e(this,Ly,"f")&&(e(this,Ly,"f")?.id&&(Ae(this,"aria-labelledby",e(this,Ly,"f").id),e(this,Ly,"f").id===e(this,_y,"f")&&(e(this,Ly,"f").id="")),a(this,Ly,i,"f"),e(this,Ly,"f")&&(e(this,Ly,"f").id=e(this,Ly,"f").id||e(this,_y,"f"),De(this,"aria-labelledby",e(this,Ly,"f").id)))},My.styles=o`:host { display: block; --_option-padding-start: calc(var(--m3e-option-padding-start, 0.75rem) * 2); } .label { height: var(--m3e-option-height, 3rem); font-size: var(--m3e-option-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-option-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-option-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-option-tracking, ${v.typescale.standard.label.large.tracking}); padding-inline-end: var(--m3e-option-padding-end, 0.75rem); padding-inline-start: var(--m3e-option-padding-start, 0.75rem); color: var(--m3e-option-color, ${v.color.onSurface}); flex: none; }`,My.__nextId=0,My=zy=t([$("m3e-optgroup")],My);let Ay=class extends(f(Ue,"listbox")){constructor(){super(),Py.add(this),this.state="content",new w(this,{config:{childList:!0,subtree:!0},callback:()=>e(this,Py,"m",Dy).call(this)})}connectedCallback(){super.connectedCallback(),e(this,Py,"m",Dy).call(this)}render(){return s`<div class="base"><slot></slot><div class="no-data" aria-hidden="true"><slot name="no-data" @slotchange="${e(this,Py,"m",Ty)}"></slot></div><div class="loading" aria-hidden="true"><slot name="loading" @slotchange="${e(this,Py,"m",Iy)}"></slot></div></div>`}};
 /**
  * Adapted from Angular Material Paginator
  * Source: https://github.com/angular/components/blob/main/src/material/paginator/paginator.ts
@@ -65,7 +65,7 @@ const Qp=["m3e-input-chip-set","m3e-select"];function ev(e){return e instanceof
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-var Wy,Hy,Oy,By,Fy,Vy,Ry,qy,Ny;Py=new WeakSet,Ty=function(e){x(this,"--with-no-data",g(e.target))},Iy=function(e){x(this,"--with-loading",g(e.target)),x(this,"--with-loading-indicator",null!==this.querySelector("m3e-loading-indicator[slot='loading'], m3e-circular-progress-indicator[slot='loading']"))},Dy=function(){const e=this.querySelectorAll("m3e-option");let t,a=!1;for(let i=0;i<e.length;i++){const o=e[i];!0===o.hidden?(k(o,"--first"),k(o,"--last")):a||o.parentElement instanceof My?(k(o,"--first"),t&&k(t,"--last"),L(o,"--last"),t=o):(L(o,"--first"),a=!0,L(o,"--last"),t=o)}},B(o`m3e-option-panel > m3e-divider { margin-block: var(--m3e-option-panel-divider-spacing, 0.5rem); } m3e-option-panel m3e-option[hidden], m3e-option-panel m3e-optgroup[hidden] { display: none; }`),Ay.styles=[Ue.styles,o`:host { --m3e-floating-panel-container-shape: var( --m3e-option-panel-container-shape, ${v.shape.corner.large} ); --m3e-floating-panel-container-min-width: var(--m3e-option-panel-container-min-width, 7rem); --m3e-floating-panel-container-max-width: var(--m3e-option-panel-container-max-width, 17.5rem); --m3e-floating-panel-container-max-height: var(--m3e-option-panel-container-max-height, 17.5rem); --m3e-floating-panel-container-color: var( --m3e-option-panel-container-color, ${v.color.surfaceContainer} ); --m3e-floating-panel-container-elevation: var( --m3e-option-panel-container-elevation, ${v.elevation.level3} ); --m3e-floating-panel-container-padding-inline: var(--m3e-option-panel-container-padding-inline, 0.25rem); --m3e-floating-panel-container-padding-block: var(--m3e-option-panel-container-padding-block, 0.25rem); } .base { row-gap: var(--m3e-option-panel-gap, 0.125rem); --m3e-text-highlight-container-color: var( --m3e-option-panel-text-highlight-container-color, ${v.color.tertiaryContainer} ); --m3e-text-highlight-color: var( --m3e-option-panel-text-highlight-color, ${v.color.onTertiaryContainer} ); --m3e-focus-ring-outward-offset: 0px; --m3e-focus-ring-growth-factor: 1.5; } .no-data { display: flex; align-items: center; box-sizing: border-box; min-height: var(--m3e-option-panel-no-data-container-height, 2.75rem); padding: var(--m3e-option-panel-no-data-container-padding, 0.75rem); color: var(--m3e-option-panel-no-data-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-option-panel-no-data-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-option-panel-no-data-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-option-panel-no-data-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-option-panel-no-data-tracking, ${v.typescale.standard.label.large.tracking} ); } .loading { display: flex; align-items: center; box-sizing: border-box; min-height: var(--m3e-option-panel-loading-container-height, 2.75rem); padding: var(--m3e-option-panel-loading-container-padding, 0.75rem); color: var(--m3e-option-panel-loading-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-option-panel-loading-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-option-panel-loading-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-option-panel-loading-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-option-panel-loading-tracking, ${v.typescale.standard.label.large.tracking} ); } :host(:is(:state(--no-data), :--no-data)) slot:not([name]), :host(:is(:state(--loading), :--loading)) slot:not([name]), :host(:is(:state(--loading), :--loading)) .no-data, :host(:not(:is(:state(--no-data), :--no-data))) .no-data, :host(:not(:is(:state(--with-no-data), :--with-no-data))) .no-data, :host(:not(:is(:state(--loading), :--loading))) .loading, :host(:not(:is(:state(--with-loading), :--with-loading))) .loading { display: none; } :host(:is(:state(--no-data), :--no-data)) .base, :host(:is(:state(--loading), :--loading)) .base { overflow-y: hidden; } :host(:is(:state(--with-loading-indicator), :--with-loading-indicator)) .loading { padding: 0; justify-content: center; }`],t([m({reflect:!0})],Ay.prototype,"state",void 0),Ay=t([$("m3e-option-panel")],Ay);let Uy=Ny=class extends(f(r,"group")){constructor(){super(...arguments),Wy.add(this),Hy.set(this,"m3e-paginator-page-size-label-"+Ny.__nextId++),Oy.set(this,(e,t,a)=>{if(a=Math.max(a,0),"all"===t)return"";if(0===a||t<=0)return`0 of ${a}`;const i=e*t;return`${i+1} - ${i<a?Math.min(i+t,a):i+t} of ${a}`}),this.disabled=!1,this.pageIndex=0,this.length=0,this.pageSize=50,this.pageSizes="5,10,25,50,100",this.hidePageSize=!1,this.showFirstLastButtons=!1,this.itemsPerPageLabel="Items per page:",this.previousPageLabel="Previous page",this.nextPageLabel="Next page",this.firstPageLabel="First page",this.lastPageLabel="Last page",this.pageSizeVariant="outlined"}get pageCount(){return this.pageSize&&"all"!==this.pageSize?Math.ceil(this.length/this.pageSize):0}get hasPreviousPage(){return"all"!==this.pageSize&&this.pageSize>0&&this.pageIndex>=1}get hasNextPage(){return"all"!==this.pageSize&&this.pageSize>0&&this.pageIndex<this.pageCount-1}firstPage(){if(this.hasPreviousPage){const t=this.pageIndex;this.pageIndex=0,e(this,Wy,"m",qy).call(this,t)}}previousPage(){if(this.hasPreviousPage){const t=this.pageIndex;this.pageIndex--,e(this,Wy,"m",qy).call(this,t)}}nextPage(){if(this.hasNextPage){const t=this.pageIndex;this.pageIndex++,e(this,Wy,"m",qy).call(this,t)}}lastPage(){if(this.hasNextPage){const t=this.pageIndex;this.pageIndex=this.pageCount-1,e(this,Wy,"m",qy).call(this,t)}}willUpdate(t){if(super.willUpdate(t),t.has("pageIndex")){const t=e(this,Wy,"m",Fy).call(this);t.includes(this.pageSize)||(this.pageSizes=[...t,this.pageSize].join(","),this.pageSizes=e(this,Wy,"m",Fy).call(this).join(","))}}render(){return s`<div class="outer"><div class="inner">${e(this,Wy,"m",By).call(this)} ${e(this,Wy,"m",Vy).call(this)}</div></div>`}};Hy=new WeakMap,Oy=new WeakMap,Wy=new WeakSet,By=function(){const t=e(this,Wy,"m",Fy).call(this);return this.hidePageSize?n:s`<div id="${e(this,Hy,"f")}" class="items-per-page-label" aria-live="polite">${this.itemsPerPageLabel}</div><m3e-form-field class="form-field" variant="${this.pageSizeVariant}" hide-subscript="always"><m3e-select class="select" aria-labelledby="${e(this,Hy,"f")}" hide-selection-indicator ?disabled="${this.disabled||t.length<=1}" @change="${e(this,Wy,"m",Ry)}">${t.map(e=>s`<m3e-option value="${e}" ?selected="${e===this.pageSize}">${"all"===e?"All":e}</m3e-option>`)}</m3e-select></m3e-form-field>`},Fy=function(){const e=this.pageSizes.split(",").map(e=>e.trim()).filter(e=>""!==e).map(e=>"all"===e?e:Number(e)),t=e.filter(e=>"all"!==e);return t.sort((e,t)=>e-t),e.some(e=>"all"===e)?[...t,"all"]:t},Vy=function(){const t=this.rangeLabelFormatter??e(this,Oy,"f");return"all"===this.pageSize?n:s`<div class="range-actions"><div class="range-label">${t(this.pageIndex,this.pageSize,this.length)}</div>${this.showFirstLastButtons?s`<m3e-icon-button id="firstPageButton" aria-label="${this.firstPageLabel}" ?disabled="${this.disabled||!this.hasPreviousPage}" @click="${this.firstPage}"><slot name="first-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="firstPageButton" position="above">${this.firstPageLabel}</m3e-tooltip>`:n}<m3e-icon-button id="previousPageButton" aria-label="${this.previousPageLabel}" ?disabled="${this.disabled||!this.hasPreviousPage}" @click="${this.previousPage}"><slot name="previous-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="previousPageButton" position="above">${this.previousPageLabel}</m3e-tooltip><m3e-icon-button id="nextPageButton" aria-label="${this.nextPageLabel}" ?disabled="${this.disabled||!this.hasNextPage}" @click="${this.nextPage}"><slot name="next-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="nextPageButton" position="above">${this.nextPageLabel}</m3e-tooltip>${this.showFirstLastButtons?s`<m3e-icon-button id="lastPageButton" aria-label="${this.lastPageLabel}" ?disabled="${this.disabled||!this.hasNextPage}" @click="${this.lastPage}"><slot name="last-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="lastPageButton" position="above">${this.lastPageLabel}</m3e-tooltip>`:n}</div>`},Ry=function(t){const a=t.target?.selected[0];if(!a)return;const i="all"===a.value?"all":Number(a.value);if(i!==this.pageSize){const t=this.pageIndex;this.pageIndex=0,this.pageSize=i,e(this,Wy,"m",qy).call(this,t)}},qy=function(e){this.dispatchEvent(new CustomEvent("page",{detail:{previousPageIndex:e,pageIndex:this.pageIndex,pageSize:this.pageSize,length:this.length}}))},Uy.styles=o`:host { display: block; } .outer { display: flex; font-size: var(--m3e-paginator-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-paginator-font-weight, ${v.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-paginator-line-height, ${v.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-paginator-tracking, ${v.typescale.standard.body.small.tracking}); } .inner { display: flex; align-items: center; justify-content: flex-end; padding-inline: 0.5rem; width: 100%; } .form-field { --md-sys-density-scale: -2; --m3e-form-field-font-size: var(--m3e-paginator-font-size, ${v.typescale.standard.body.small.fontSize}); --m3e-form-field-font-weight: var( --m3e-paginator-font-weight, ${v.typescale.standard.body.small.fontWeight} ); --m3e-form-field-line-height: var( --m3e-paginator-line-height, ${v.typescale.standard.body.small.lineHeight} ); --m3e-form-field-tracking: var(--m3e-paginator-tracking, ${v.typescale.standard.body.small.tracking}); } .items-per-page-label { display: flex; align-items: center; margin-inline-end: 0.5rem; } .form-field { min-width: auto; width: 6rem; margin-inline: 0.25rem; } .range-label { margin-inline: 1.5rem 2rem; } :host([hide-page-size]) .range-label { margin-inline-start: unset; } .range-actions { display: flex; align-items: center; } ::slotted([slot="first-page-icon"]), ::slotted([slot="previous-page-icon"]), ::slotted([slot="next-page-icon"]), ::slotted([slot="last-page-icon"]), svg { width: 1em; font-size: var(--m3e-icon-button-medium-icon-size, 1.5rem) !important; } :host(:dir(rtl)) svg { transform: rotate(180deg); }`,Uy.__nextId=0,t([m({type:Boolean,reflect:!0})],Uy.prototype,"disabled",void 0),t([m({attribute:"page-index",type:Number})],Uy.prototype,"pageIndex",void 0),t([m({type:Number})],Uy.prototype,"length",void 0),t([m({attribute:"page-size",converter:e=>"all"===e?"all":Number(e)})],Uy.prototype,"pageSize",void 0),t([m({attribute:"page-sizes"})],Uy.prototype,"pageSizes",void 0),t([m({attribute:"hide-page-size",type:Boolean,reflect:!0})],Uy.prototype,"hidePageSize",void 0),t([m({attribute:"show-first-last-buttons",type:Boolean})],Uy.prototype,"showFirstLastButtons",void 0),t([m({attribute:"items-per-page-label"})],Uy.prototype,"itemsPerPageLabel",void 0),t([m({attribute:"previous-page-label"})],Uy.prototype,"previousPageLabel",void 0),t([m({attribute:"next-page-label"})],Uy.prototype,"nextPageLabel",void 0),t([m({attribute:"first-page-label"})],Uy.prototype,"firstPageLabel",void 0),t([m({attribute:"last-page-label"})],Uy.prototype,"lastPageLabel",void 0),t([m({attribute:"page-size-variant"})],Uy.prototype,"pageSizeVariant",void 0),Uy=Ny=t([$("m3e-paginator")],Uy);class jy extends(z(P(f(r,"progressbar"),!0))){constructor(){super(...arguments),this.value=0,this.max=100,this.variant="flat"}connectedCallback(){super.connectedCallback(),this.ariaValueMin="0"}update(e){super.update(e),e.has("value")&&(this.ariaValueNow=`${this.value}`),e.has("max")&&(this.ariaValueMax=`${this.max}`)}}var Yy,Ky,Zy,Xy,Gy,Jy,Qy,e$,t$,a$,i$,o$,r$,s$,n$,l$,c$,d$,h$,m$,u$,p$,v$,b$,f$,g$;jy.styles=o`@media (forced-colors: active) { :host { --m3e-progress-indicator-color: CanvasText; --m3e-progress-indicator-track-color: Canvas; } }`,t([m({type:Number,reflect:!0})],jy.prototype,"value",void 0),t([m({type:Number})],jy.prototype,"max",void 0),t([m({reflect:!0})],jy.prototype,"variant",void 0);let y$=g$=class extends jy{constructor(){super(...arguments),Yy.add(this),Ky.set(this,"m3e-circular-progress-mask-"+g$.__nextMaskId++),Zy.set(this,0),Xy.set(this,0),Gy.set(this,0),Jy.set(this,0),Qy.set(this,void 0),e$.set(this,void 0),t$.set(this,new A(this,{skipInitial:!0,target:null,callback:()=>{e(this,Yy,"m",l$).call(this),e(this,Yy,"m",c$).call(this),queueMicrotask(()=>this.requestUpdate())}})),a$.set(this,new ke(this,(t,a)=>e(this,Yy,"m",d$).call(this,a))),this.indeterminate=!1}update(e){super.update(e),e.has("indeterminate")&&(this.ariaValueNow=this.indeterminate?null:`${this.value}`)}reconnectedCallback(){super.reconnectedCallback(),e(this,Yy,"m",i$).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,Yy,"m",i$).call(this)}updated(t){super.updated(t),t.has("indeterminate")&&(a(this,Qy,this.shadowRoot?.querySelector(".spinner.active-track"),"f"),a(this,e$,this.shadowRoot?.querySelector(".spinner.track"),"f"),this.indeterminate?e(this,a$,"f").start():e(this,a$,"f").stop())}render(){return"wavy"===this.variant?e(this,Yy,"m",r$).call(this):e(this,Yy,"m",o$).call(this)}};var $$,w$,x$,k$,C$,S$,_$,L$,E$,z$,M$,P$,T$;Ky=new WeakMap,Zy=new WeakMap,Xy=new WeakMap,Gy=new WeakMap,Jy=new WeakMap,Qy=new WeakMap,e$=new WeakMap,t$=new WeakMap,a$=new WeakMap,Yy=new WeakSet,i$=function(){const t=this.shadowRoot?.querySelector(".diameter-and-stroke");t&&(e(this,Yy,"m",l$).call(this),e(this,t$,"f").observe(t));const a=this.shadowRoot?.querySelector(".amplitude-and-wavelength");a&&(e(this,Yy,"m",l$).call(this),e(this,t$,"f").observe(a))},o$=function(){if(this.indeterminate){const t=e(this,Yy,"m",b$).call(this,{startAngle:-45,endAngle:90+e(this,Xy,"f")}),a=e(this,Yy,"m",b$).call(this,{startAngle:-e(this,Xy,"f"),endAngle:135});return s`<div class="progress" aria-hidden="true"><div class="spinner"><div class="left"><svg width="${e(this,Zy,"f")}" height="${e(this,Zy,"f")}" viewBox="${t.viewBox}" class="circle"><path class="active-track" d="${t.path}" stroke="currentColor" stroke-width="${e(this,Xy,"f")}" fill="none" stroke-linecap="round"/></svg></div><div class="right"><svg width="${e(this,Zy,"f")}" height="${e(this,Zy,"f")}" viewBox="${a.viewBox}" class="circle"><path class="active-track" d="${a.path}" stroke="currentColor" stroke-width="${e(this,Xy,"f")}" fill="none" stroke-linecap="round"/></svg></div></div></div>${e(this,Yy,"m",s$).call(this)}`}const t=e(this,Yy,"m",m$).call(this,2*e(this,Xy,"f"),e(this,Zy,"f"));let a=this.value/this.max*360;a>0&&(a=Math.max(0,t,a));const i=e(this,Yy,"m",b$).call(this,{gap:a<360?e(this,Xy,"f"):0,endAngle:a}),o=e(this,Yy,"m",b$).call(this,{gap:a>0?e(this,Xy,"f"):0,startAngle:a,endAngle:360});return s`<div class="progress" aria-hidden="true"><svg width="${e(this,Zy,"f")}" height="${e(this,Zy,"f")}" viewBox="${i.viewBox}">${a>0?d`<path
+var Wy,Hy,Oy,By,Fy,Vy,Ry,qy,Ny;Py=new WeakSet,Ty=function(e){x(this,"--with-no-data",g(e.target))},Iy=function(e){x(this,"--with-loading",g(e.target)),x(this,"--with-loading-indicator",null!==this.querySelector("m3e-loading-indicator[slot='loading'], m3e-circular-progress-indicator[slot='loading']"))},Dy=function(){const e=this.querySelectorAll("m3e-option");let t,a=!1;for(let i=0;i<e.length;i++){const o=e[i];!0===o.hidden?(k(o,"--first"),k(o,"--last")):a||o.parentElement instanceof My?(k(o,"--first"),t&&k(t,"--last"),L(o,"--last"),t=o):(L(o,"--first"),a=!0,L(o,"--last"),t=o)}},B(o`m3e-option-panel > m3e-divider { margin-block: var(--m3e-option-panel-divider-spacing, 0.5rem); } m3e-option-panel m3e-option[hidden], m3e-option-panel m3e-optgroup[hidden] { display: none; }`),Ay.styles=[Ue.styles,o`:host { --m3e-floating-panel-container-shape: var( --m3e-option-panel-container-shape, ${v.shape.corner.large} ); --m3e-floating-panel-container-min-width: var(--m3e-option-panel-container-min-width, 7rem); --m3e-floating-panel-container-max-width: var(--m3e-option-panel-container-max-width, 17.5rem); --m3e-floating-panel-container-max-height: var(--m3e-option-panel-container-max-height, 17.5rem); --m3e-floating-panel-container-color: var( --m3e-option-panel-container-color, ${v.color.surfaceContainer} ); --m3e-floating-panel-container-elevation: var( --m3e-option-panel-container-elevation, ${v.elevation.level3} ); --m3e-floating-panel-container-padding-inline: var(--m3e-option-panel-container-padding-inline, 0.25rem); --m3e-floating-panel-container-padding-block: var(--m3e-option-panel-container-padding-block, 0.25rem); } .base { row-gap: var(--m3e-option-panel-gap, 0.125rem); --m3e-text-highlight-container-color: var( --m3e-option-panel-text-highlight-container-color, ${v.color.tertiaryContainer} ); --m3e-text-highlight-color: var( --m3e-option-panel-text-highlight-color, ${v.color.onTertiaryContainer} ); --m3e-focus-ring-outward-offset: 0px; --m3e-focus-ring-growth-factor: 1.5; } .no-data { display: flex; align-items: center; box-sizing: border-box; min-height: var(--m3e-option-panel-no-data-container-height, 2.75rem); padding: var(--m3e-option-panel-no-data-container-padding, 0.75rem); color: var(--m3e-option-panel-no-data-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-option-panel-no-data-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-option-panel-no-data-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-option-panel-no-data-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-option-panel-no-data-tracking, ${v.typescale.standard.label.large.tracking} ); } .loading { display: flex; align-items: center; box-sizing: border-box; min-height: var(--m3e-option-panel-loading-container-height, 2.75rem); padding: var(--m3e-option-panel-loading-container-padding, 0.75rem); color: var(--m3e-option-panel-loading-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-option-panel-loading-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-option-panel-loading-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-option-panel-loading-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-option-panel-loading-tracking, ${v.typescale.standard.label.large.tracking} ); } :host(:is(:state(--no-data), :--no-data)) slot:not([name]), :host(:is(:state(--loading), :--loading)) slot:not([name]), :host(:is(:state(--loading), :--loading)) .no-data, :host(:not(:is(:state(--no-data), :--no-data))) .no-data, :host(:not(:is(:state(--with-no-data), :--with-no-data))) .no-data, :host(:not(:is(:state(--loading), :--loading))) .loading, :host(:not(:is(:state(--with-loading), :--with-loading))) .loading { display: none; } :host(:is(:state(--no-data), :--no-data)) .base, :host(:is(:state(--loading), :--loading)) .base { overflow-y: hidden; } :host(:is(:state(--with-loading-indicator), :--with-loading-indicator)) .loading { padding: 0; justify-content: center; }`],t([m({reflect:!0})],Ay.prototype,"state",void 0),Ay=t([$("m3e-option-panel")],Ay);let Uy=Ny=class extends(f(r,"group")){constructor(){super(...arguments),Wy.add(this),Hy.set(this,"m3e-paginator-page-size-label-"+Ny.__nextId++),Oy.set(this,(e,t,a)=>{if(a=Math.max(a,0),"all"===t)return"";if(0===a||t<=0)return`0 of ${a}`;const i=e*t;return`${i+1} - ${i<a?Math.min(i+t,a):i+t} of ${a}`}),this.disabled=!1,this.pageIndex=0,this.length=0,this.pageSize=50,this.pageSizes="5,10,25,50,100",this.hidePageSize=!1,this.showFirstLastButtons=!1,this.itemsPerPageLabel="Items per page:",this.previousPageLabel="Previous page",this.nextPageLabel="Next page",this.firstPageLabel="First page",this.lastPageLabel="Last page",this.pageSizeVariant="outlined"}get pageCount(){return this.pageSize&&"all"!==this.pageSize?Math.ceil(this.length/this.pageSize):0}get hasPreviousPage(){return"all"!==this.pageSize&&this.pageSize>0&&this.pageIndex>=1}get hasNextPage(){return"all"!==this.pageSize&&this.pageSize>0&&this.pageIndex<this.pageCount-1}firstPage(){if(this.hasPreviousPage){const t=this.pageIndex;this.pageIndex=0,e(this,Wy,"m",qy).call(this,t)}}previousPage(){if(this.hasPreviousPage){const t=this.pageIndex;this.pageIndex--,e(this,Wy,"m",qy).call(this,t)}}nextPage(){if(this.hasNextPage){const t=this.pageIndex;this.pageIndex++,e(this,Wy,"m",qy).call(this,t)}}lastPage(){if(this.hasNextPage){const t=this.pageIndex;this.pageIndex=this.pageCount-1,e(this,Wy,"m",qy).call(this,t)}}willUpdate(t){if(super.willUpdate(t),t.has("pageIndex")){const t=e(this,Wy,"m",Fy).call(this);t.includes(this.pageSize)||(this.pageSizes=[...t,this.pageSize].join(","),this.pageSizes=e(this,Wy,"m",Fy).call(this).join(","))}}render(){return s`<div class="outer"><div class="inner">${e(this,Wy,"m",By).call(this)} ${e(this,Wy,"m",Vy).call(this)}</div></div>`}};Hy=new WeakMap,Oy=new WeakMap,Wy=new WeakSet,By=function(){const t=e(this,Wy,"m",Fy).call(this);return this.hidePageSize?n:s`<div id="${e(this,Hy,"f")}" class="items-per-page-label" aria-live="polite">${this.itemsPerPageLabel}</div><m3e-form-field class="form-field" variant="${this.pageSizeVariant}" hide-subscript="always"><m3e-select class="select" aria-labelledby="${e(this,Hy,"f")}" hide-selection-indicator ?disabled="${this.disabled||t.length<=1}" @change="${e(this,Wy,"m",Ry)}">${t.map(e=>s`<m3e-option value="${e}" ?selected="${e===this.pageSize}">${"all"===e?"All":e}</m3e-option>`)}</m3e-select></m3e-form-field>`},Fy=function(){const e=this.pageSizes.split(",").map(e=>e.trim()).filter(e=>""!==e).map(e=>"all"===e?e:Number(e)),t=e.filter(e=>"all"!==e);return t.sort((e,t)=>e-t),e.some(e=>"all"===e)?[...t,"all"]:t},Vy=function(){const t=this.rangeLabelFormatter??e(this,Oy,"f");return"all"===this.pageSize?n:s`<div class="range-actions"><div class="range-label">${t(this.pageIndex,this.pageSize,this.length)}</div>${this.showFirstLastButtons?s`<m3e-icon-button id="firstPageButton" aria-label="${this.firstPageLabel}" ?disabled="${this.disabled||!this.hasPreviousPage}" @click="${this.firstPage}"><slot name="first-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="firstPageButton" position="above">${this.firstPageLabel}</m3e-tooltip>`:n}<m3e-icon-button id="previousPageButton" aria-label="${this.previousPageLabel}" ?disabled="${this.disabled||!this.hasPreviousPage}" @click="${this.previousPage}"><slot name="previous-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="previousPageButton" position="above">${this.previousPageLabel}</m3e-tooltip><m3e-icon-button id="nextPageButton" aria-label="${this.nextPageLabel}" ?disabled="${this.disabled||!this.hasNextPage}" @click="${this.nextPage}"><slot name="next-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="nextPageButton" position="above">${this.nextPageLabel}</m3e-tooltip>${this.showFirstLastButtons?s`<m3e-icon-button id="lastPageButton" aria-label="${this.lastPageLabel}" ?disabled="${this.disabled||!this.hasNextPage}" @click="${this.lastPage}"><slot name="last-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="lastPageButton" position="above">${this.lastPageLabel}</m3e-tooltip>`:n}</div>`},Ry=function(t){const a=t.target?.selected[0];if(!a)return;const i="all"===a.value?"all":Number(a.value);if(i!==this.pageSize){const t=this.pageIndex;this.pageIndex=0,this.pageSize=i,e(this,Wy,"m",qy).call(this,t)}},qy=function(e){this.dispatchEvent(new CustomEvent("page",{detail:{previousPageIndex:e,pageIndex:this.pageIndex,pageSize:this.pageSize,length:this.length}}))},Uy.styles=o`:host { display: block; } .outer { display: flex; font-size: var(--m3e-paginator-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-paginator-font-weight, ${v.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-paginator-line-height, ${v.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-paginator-tracking, ${v.typescale.standard.body.small.tracking}); } .inner { display: flex; align-items: center; justify-content: flex-end; padding-inline: 0.5rem; width: 100%; --_density-scale: ${v.density.scale}; } .form-field { --md-sys-density-scale: min(-2, var(--_density-scale)); --m3e-form-field-font-size: var(--m3e-paginator-font-size, ${v.typescale.standard.body.small.fontSize}); --m3e-form-field-font-weight: var( --m3e-paginator-font-weight, ${v.typescale.standard.body.small.fontWeight} ); --m3e-form-field-line-height: var( --m3e-paginator-line-height, ${v.typescale.standard.body.small.lineHeight} ); --m3e-form-field-tracking: var(--m3e-paginator-tracking, ${v.typescale.standard.body.small.tracking}); } .items-per-page-label { display: flex; align-items: center; margin-inline-end: 0.5rem; } .form-field { min-width: auto; width: 6rem; margin-inline: 0.25rem; } .range-label { margin-inline: 1.5rem 2rem; } :host([hide-page-size]) .range-label { margin-inline-start: unset; } .range-actions { display: flex; align-items: center; } ::slotted([slot="first-page-icon"]), ::slotted([slot="previous-page-icon"]), ::slotted([slot="next-page-icon"]), ::slotted([slot="last-page-icon"]), svg { width: 1em; font-size: var(--m3e-icon-button-medium-icon-size, 1.5rem) !important; } :host(:dir(rtl)) svg { transform: rotate(180deg); }`,Uy.__nextId=0,t([m({type:Boolean,reflect:!0})],Uy.prototype,"disabled",void 0),t([m({attribute:"page-index",type:Number})],Uy.prototype,"pageIndex",void 0),t([m({type:Number})],Uy.prototype,"length",void 0),t([m({attribute:"page-size",converter:e=>"all"===e?"all":Number(e)})],Uy.prototype,"pageSize",void 0),t([m({attribute:"page-sizes"})],Uy.prototype,"pageSizes",void 0),t([m({attribute:"hide-page-size",type:Boolean,reflect:!0})],Uy.prototype,"hidePageSize",void 0),t([m({attribute:"show-first-last-buttons",type:Boolean})],Uy.prototype,"showFirstLastButtons",void 0),t([m({attribute:"items-per-page-label"})],Uy.prototype,"itemsPerPageLabel",void 0),t([m({attribute:"previous-page-label"})],Uy.prototype,"previousPageLabel",void 0),t([m({attribute:"next-page-label"})],Uy.prototype,"nextPageLabel",void 0),t([m({attribute:"first-page-label"})],Uy.prototype,"firstPageLabel",void 0),t([m({attribute:"last-page-label"})],Uy.prototype,"lastPageLabel",void 0),t([m({attribute:"page-size-variant"})],Uy.prototype,"pageSizeVariant",void 0),Uy=Ny=t([$("m3e-paginator")],Uy);class jy extends(z(P(f(r,"progressbar"),!0))){constructor(){super(...arguments),this.value=0,this.max=100,this.variant="flat"}connectedCallback(){super.connectedCallback(),this.ariaValueMin="0"}update(e){super.update(e),e.has("value")&&(this.ariaValueNow=`${this.value}`),e.has("max")&&(this.ariaValueMax=`${this.max}`)}}var Yy,Ky,Zy,Xy,Gy,Jy,Qy,e$,t$,a$,i$,o$,r$,s$,n$,l$,c$,d$,h$,m$,u$,p$,v$,b$,f$,g$;jy.styles=o`@media (forced-colors: active) { :host { --m3e-progress-indicator-color: CanvasText; --m3e-progress-indicator-track-color: Canvas; } }`,t([m({type:Number,reflect:!0})],jy.prototype,"value",void 0),t([m({type:Number})],jy.prototype,"max",void 0),t([m({reflect:!0})],jy.prototype,"variant",void 0);let y$=g$=class extends jy{constructor(){super(...arguments),Yy.add(this),Ky.set(this,"m3e-circular-progress-mask-"+g$.__nextMaskId++),Zy.set(this,0),Xy.set(this,0),Gy.set(this,0),Jy.set(this,0),Qy.set(this,void 0),e$.set(this,void 0),t$.set(this,new A(this,{skipInitial:!0,target:null,callback:()=>{e(this,Yy,"m",l$).call(this),e(this,Yy,"m",c$).call(this),queueMicrotask(()=>this.requestUpdate())}})),a$.set(this,new ke(this,(t,a)=>e(this,Yy,"m",d$).call(this,a))),this.indeterminate=!1}update(e){super.update(e),e.has("indeterminate")&&(this.ariaValueNow=this.indeterminate?null:`${this.value}`)}reconnectedCallback(){super.reconnectedCallback(),e(this,Yy,"m",i$).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,Yy,"m",i$).call(this)}updated(t){super.updated(t),t.has("indeterminate")&&(a(this,Qy,this.shadowRoot?.querySelector(".spinner.active-track"),"f"),a(this,e$,this.shadowRoot?.querySelector(".spinner.track"),"f"),this.indeterminate?e(this,a$,"f").start():e(this,a$,"f").stop())}render(){return"wavy"===this.variant?e(this,Yy,"m",r$).call(this):e(this,Yy,"m",o$).call(this)}};var $$,w$,x$,k$,C$,S$,_$,L$,E$,z$,M$,P$,T$;Ky=new WeakMap,Zy=new WeakMap,Xy=new WeakMap,Gy=new WeakMap,Jy=new WeakMap,Qy=new WeakMap,e$=new WeakMap,t$=new WeakMap,a$=new WeakMap,Yy=new WeakSet,i$=function(){const t=this.shadowRoot?.querySelector(".diameter-and-stroke");t&&(e(this,Yy,"m",l$).call(this),e(this,t$,"f").observe(t));const a=this.shadowRoot?.querySelector(".amplitude-and-wavelength");a&&(e(this,Yy,"m",l$).call(this),e(this,t$,"f").observe(a))},o$=function(){if(this.indeterminate){const t=e(this,Yy,"m",b$).call(this,{startAngle:-45,endAngle:90+e(this,Xy,"f")}),a=e(this,Yy,"m",b$).call(this,{startAngle:-e(this,Xy,"f"),endAngle:135});return s`<div class="progress" aria-hidden="true"><div class="spinner"><div class="left"><svg width="${e(this,Zy,"f")}" height="${e(this,Zy,"f")}" viewBox="${t.viewBox}" class="circle"><path class="active-track" d="${t.path}" stroke="currentColor" stroke-width="${e(this,Xy,"f")}" fill="none" stroke-linecap="round"/></svg></div><div class="right"><svg width="${e(this,Zy,"f")}" height="${e(this,Zy,"f")}" viewBox="${a.viewBox}" class="circle"><path class="active-track" d="${a.path}" stroke="currentColor" stroke-width="${e(this,Xy,"f")}" fill="none" stroke-linecap="round"/></svg></div></div></div>${e(this,Yy,"m",s$).call(this)}`}const t=e(this,Yy,"m",m$).call(this,2*e(this,Xy,"f"),e(this,Zy,"f"));let a=this.value/this.max*360;a>0&&(a=Math.max(0,t,a));const i=e(this,Yy,"m",b$).call(this,{gap:a<360?e(this,Xy,"f"):0,endAngle:a}),o=e(this,Yy,"m",b$).call(this,{gap:a>0?e(this,Xy,"f"):0,startAngle:a,endAngle:360});return s`<div class="progress" aria-hidden="true"><svg width="${e(this,Zy,"f")}" height="${e(this,Zy,"f")}" viewBox="${i.viewBox}">${a>0?d`<path
             class="active-track"
             d="${i.path}"
             stroke="currentColor"
@@ -123,7 +123,7 @@ var Wy,Hy,Oy,By,Fy,Vy,Ry,qy,Ny;Py=new WeakSet,Ty=function(e){x(this,"--with-no-d
         </g>
         <g mask="${Ce(`${e(this,w$,"f")}-inverse`)}">
           <rect class="track" width="100%" height="${e(this,x$,"f")}" fill="currentColor" />
-        </g>`:d`<path d="${o}" stroke="currentColor" stroke-width=${e(this,x$,"f")} fill="none" stroke-linecap="round" />`}</svg>`:s`<div class="complete"></div>`},E$=function(){return s`<div class="stroke" aria-hidden="true"></div><div class="amplitude-and-wavelength" aria-hidden="true"></div>`},z$=function(){const e=this.shadowRoot?.querySelector(".stroke");e&&a(this,x$,e.clientHeight,"f")},M$=function(){const e=this.shadowRoot?.querySelector(".amplitude-and-wavelength");e&&(a(this,k$,e.clientHeight,"f"),a(this,C$,e.clientWidth,"f"))},P$=function(t,a=0){const i=e(this,k$,"f")+e(this,x$,"f")/2,o=i,r=[],s=e(this,C$,"f")/2;let n=0;for(r.push(`M ${n},${o}`);n<=t;){const t=n+s,l=o+i*Math.sin(2*Math.PI*t/e(this,C$,"f")+a),c=n+s/2,d=o+i*Math.sin(2*Math.PI*(n+s/2)/e(this,C$,"f")+a);r.push(`Q ${c},${d} ${t},${l}`),n+=s}const l=`0 -1 ${t} ${2*i+2}`;return{path:r.join(" "),viewBox:l,height:e(this,x$,"f")+2*e(this,k$,"f"),padding:1}},I$.styles=[jy.styles,o`:host { display: block; position: relative; } .progress { width: 100%; height: 100%; position: relative; align-items: center; border-radius: var(--m3e-linear-progress-indicator-shape, ${v.shape.corner.extraSmall}); } .stroke, .amplitude-and-wavelength { visibility: hidden; position: absolute; } .stroke { width: 100%; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } .amplitude-and-wavelength { height: var(--m3e-linear-wavy-progress-indicator-amplitude, 0.1875rem); width: var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem); } :host([mode="indeterminate"]) .amplitude-and-wavelength, :host([mode="query"]) .amplitude-and-wavelength { width: var(--m3e-linear-wavy-indeterminate-progress-indicator-wavelength, 1.5rem); } .primary, .secondary, .stop { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } .stop { aspect-ratio: 1; flex: none; } :host([variant="flat"]) { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } :host([variant="wavy"]) { height: calc( var(--m3e-linear-progress-indicator-thickness, 0.25rem) + calc(var(--m3e-linear-wavy-progress-indicator-amplitude, 0.1875rem) * 2) ); } :host([variant="wavy"]) .primary, :host([variant="wavy"]) .secondary { position: relative; height: 100%; overflow: hidden; } :host([variant="wavy"]) .complete { position: absolute; margin: auto; top: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); left: 0; right: 0; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } :host([variant="wavy"]) .secondary { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } .wave { position: absolute; display: block; } .primary .wave, .secondary .wave { margin-inline-start: calc(0px - var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem)); } :host([variant="wavy"][mode="determinate"]) .primary path, :host([variant="wavy"][mode="buffer"]) .primary path { animation: wave-slide 1.5s linear infinite; } @keyframes wave-slide { from { transform: translateX(0); } to { transform: translateX(calc(0px - var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem))); } } :host([mode="determinate"]) .progress, :host([mode="buffer"]) .progress { display: flex; overflow: hidden; } :host([mode="determinate"]) .primary, :host([mode="buffer"]) .primary { width: var(--_value, 0px); flex: none; } :host([mode="determinate"]) .gap, :host([mode="buffer"]) .gap { flex-basis: var(--m3e-linear-progress-indicator-thickness, 0.25rem); flex-shrink: 1; } :host([mode="determinate"]) .secondary, :host([mode="buffer"]) .buffer { flex: 1 1 auto; } :host([mode="buffer"]) .buffer { flex-shrink: 5; height: 100%; width: 100%; background-color: var(--m3e-progress-indicator-track-color, ${v.color.secondaryContainer}); mask-image: radial-gradient( circle, black 0, black calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2), transparent calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2) ); mask-size: calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) * 2) 100%; mask-repeat: repeat; animation: buffer 250ms linear infinite; } :host(:dir(rtl)[mode="buffer"]) .buffer { transform: scaleX(-1); } @keyframes buffer { from { mask-position: 0 0; } to { mask-position: calc(-1 * calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) * 2)) 0; } } :host([mode="buffer"]) .secondary { width: var(--_buffer-value, 0px); flex: none; } :host([mode="indeterminate"]) .primary, :host([mode="query"]) .primary { position: absolute; top: 0; height: 100%; border-radius: inherit; animation: indeterminate-primary 2.1s infinite linear; } :host([variant="wavy"][mode="indeterminate"]) .primary, :host([variant="wavy"][mode="query"]) .primary { animation-name: wavy-indeterminate-primary; } :host([mode="indeterminate"]) .secondary, :host([mode="query"]) .secondary { position: absolute; top: 0; height: 100%; border-radius: inherit; animation: indeterminate-secondary 2.1s infinite linear; animation-delay: 1.15s; animation-fill-mode: backwards; } :host([variant="wavy"][mode="indeterminate"]) .secondary, :host([variant="wavy"][mode="query"]) .secondary { animation-name: wavy-indeterminate-secondary; } :host([mode="indeterminate"]) .progress, :host([mode="query"]) .progress { overflow: hidden; position: relative; } :host(:not(:dir(rtl))[mode="query"]) .progress, :host(:dir(rtl)[mode="indeterminate"]) .progress { transform: scaleX(-1); } :host([variant="flat"]) .primary, :host([variant="flat"][mode="indeterminate"]) .secondary, :host([variant="flat"][mode="query"]) .secondary, :host([variant="wavy"]) .complete, .stop { background-color: var(--m3e-progress-indicator-color, ${v.color.primary}); } :host([variant="wavy"]) .progress { color: var(--m3e-progress-indicator-color, ${v.color.primary}); } :host([mode="determinate"]) .secondary, :host([mode="buffer"]) .secondary, :host([variant="flat"][mode="indeterminate"]) .track, :host([variant="flat"][mode="query"]) .track { background-color: var(--m3e-progress-indicator-track-color, ${v.color.secondaryContainer}); } :host([variant="wavy"][mode="indeterminate"]) .track, :host([variant="wavy"][mode="query"]) .track { color: var(--m3e-progress-indicator-track-color, ${v.color.secondaryContainer}); } :host([variant="wavy"][mode="indeterminate"]) .track, :host([variant="wavy"][mode="query"]) .track { y: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); border-radius: inherit; } :host([variant="flat"][mode="indeterminate"]) .track, :host([variant="flat"][mode="query"]) .track { position: absolute; margin: auto; top: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); left: 0; right: 0; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } @keyframes indeterminate-primary { 0% { left: -145.167%; width: 8%; } 20% { left: -113.333%; width: 48%; } 60% { left: 56.333%; width: 78%; } 100% { left: 100%; width: 8%; } } @keyframes indeterminate-secondary { 0% { left: -54.888%; width: 8%; } 20% { left: -20%; width: 48%; } 60% { left: 60%; width: 78%; } 100% { left: 160%; width: 8%; } } @keyframes wavy-indeterminate-primary { 0% { transform: translateX(-145.167%); width: 8%; } 20% { transform: translateX(-113.333%); width: 48%; } 60% { transform: translateX(56.333%); width: 78%; } 100% { transform: translateX(100%); width: 8%; } } @keyframes wavy-indeterminate-secondary { 0% { transform: translateX(-54.888%); width: 8%; } 20% { transform: translateX(-20%); width: 48%; } 60% { transform: translateX(60%); width: 78%; } 100% { transform: translateX(160%); width: 8%; } } @media (forced-colors: active) { .progress { --m3e-progress-indicator-track-color: GrayText; --m3e-progress-indicator-color: CanvasText; } }`],I$.__nextMaskId=0,t([m({reflect:!0})],I$.prototype,"mode",void 0),t([m({attribute:"buffer-value",type:Number,reflect:!0})],I$.prototype,"bufferValue",void 0),I$=T$=t([$("m3e-linear-progress-indicator")],I$);let V$=class extends(Q(te(ae(we(V(q(se(N(P(f(r,"radio"),!0)))))))))){constructor(){super(...arguments),D$.add(this),A$.set(this,t=>e(this,D$,"m",B$).call(this,t)),W$.set(this,new ne(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),H$.set(this,new Z(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(A$=new WeakMap,W$=new WeakMap,H$=new WeakMap,D$=new WeakSet,le)](){return this.checked&&!this.disabled?this.value:null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,A$,"f"));for(const t of this.labels)e(this,W$,"f").observe(t),e(this,H$,"f").observe(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,A$,"f"));for(const t of this.labels)e(this,W$,"f").unobserve(t),e(this,H$,"f").unobserve(t)}update(t){super.update(t),t.has("checked")&&e(this,D$,"m",F$).call(this)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${e(this,D$,"m",O$).call(this)}</div></div>`}};var R$,q$,N$,U$,j$,Y$,K$;O$=function(){return s`<svg viewBox="0 0 20 20"><mask id="cutout2"><rect width="100%" height="100%" fill="white"></rect><circle cx="10" cy="10" r="8" fill="black"></circle></mask><circle class="outer circle" cx="10" cy="10" r="10" mask="url(#cutout2)"></circle><circle class="inner circle" cx="10" cy="10" r="5"></circle></svg>`},B$=function(t){t.defaultPrevented||this.checked||this.disabled||(this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.checked=!0,e(this,D$,"m",F$).call(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))),this.closest("label")&&t.preventDefault())},F$=function(){const e=this.closest("m3e-radio-group");e?e[We].notifySelectionChange(this):this.name&&this.checked&&[...this.getRootNode()?.querySelectorAll(`m3e-radio[name="${this.name}"]`)??[]].filter(e=>e!==this&&e.checked).forEach(e=>e.checked=!1)},V$.styles=o`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-radio-container-size, 2.5rem) + ${v.density.calc(-3)}); height: calc(var(--m3e-radio-container-size, 2.5rem) + ${v.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) .base { --m3e-state-layer-hover-color: var(--m3e-radio-unselected-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-radio-unselected-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-radio-unselected-ripple-color, ${v.color.onSurface}); color: var(--m3e-radio-unselected-icon-color, ${v.color.onSurfaceVariant}); } :host([checked]) .base { --m3e-state-layer-hover-color: var(--m3e-radio-selected-hover-color, ${v.color.primary}); --m3e-state-layer-focus-color: var(--m3e-radio-selected-focus-color, ${v.color.primary}); --m3e-ripple-color: var(--m3e-radio-selected-ripple-color, ${v.color.primary}); color: var(--m3e-radio-selected-icon-color, ${v.color.primary}); } :host([aria-disabled="true"]) .base { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${v.color.onSurface}) 38%, transparent); } :host(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)) .base { --m3e-state-layer-hover-color: var(--m3e-radio-error-hover-color, ${v.color.error}); --m3e-state-layer-focus-color: var(--m3e-radio-error-focus-color, ${v.color.error}); --m3e-ripple-color: var(--m3e-radio-error-ripple-color, ${v.color.error}); color: var(--m3e-radio-error-icon-color, ${v.color.error}); } @media (forced-colors: active) { :host(:not([checked])) .base, :host([checked]) .base { --m3e-state-layer-hover-color: var(--_radio-forced-color, CanvasText); --m3e-state-layer-focus-color: var(--_radio-forced-color, CanvasText); --m3e-ripple-color: var(--_radio-forced-color, CanvasText); color: var(--_radio-forced-color, CanvasText); } :host([aria-disabled="true"]) .base { color: GrayText; } :host(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)) .base { --_radio-forced-color: Highlight; color: Highlight; } }`,t([h(".focus-ring")],V$.prototype,"_focusRing",void 0),t([h(".state-layer")],V$.prototype,"_stateLayer",void 0),t([h(".ripple")],V$.prototype,"_ripple",void 0),t([m()],V$.prototype,"value",void 0),V$=t([$("m3e-radio")],V$);let Z$=class extends(Q(ee(te(ae(ie(oe(se(N(P(f(r,"radiogroup"))))))))))){constructor(){super(...arguments),R$.add(this),q$.set(this,void 0),N$.set(this,()=>e(this,R$,"m",Y$).call(this)),this[K$]=(new He).withWrap().withDirectionality(qe.current).onActiveItemChange(()=>{this[We].activeItem?.click()})}static get observedAttributes(){return[...super.observedAttributes,"aria-invalid"]}get radios(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems[0]??null}get value(){return this.selected?.value??null}markAsTouched(){super.markAsTouched(),this.radios.forEach(e=>e.markAsTouched())}markAsUntouched(){super.markAsUntouched(),this.radios.forEach(e=>e.markAsUntouched())}markAsDirty(){super.markAsDirty(),this.radios.forEach(e=>e.markAsDirty())}markAsPristine(){super.markAsPristine(),this.radios.forEach(e=>e.markAsPristine())}attributeChangedCallback(e,t,a){switch(super.attributeChangedCallback(e,t,a),e){case"name":this.radios.forEach(e=>e.name=this.name);break;case"aria-invalid":this.radios.forEach(e=>{x(e,"--invalid","true"===a),e[_e]?.()})}}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",e(this,N$,"f")),a(this,q$,qe.observe(()=>this[We].directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",e(this,N$,"f")),e(this,q$,"f")?.call(this)}update(e){super.update(e),e.has("disabled")&&(this.ariaDisabled=null),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled)}render(){return s`<slot @slotchange="${e(this,R$,"m",U$)}" @keydown="${e(this,R$,"m",j$)}" @change="${e(this,R$,"m",Y$)}"></slot>`}};q$=new WeakMap,N$=new WeakMap,R$=new WeakSet,K$=We,U$=function(){const{added:e}=this[We].setItems([...this.querySelectorAll("m3e-radio")]);e.forEach(e=>e.name=e.name||this.name)},j$=function(e){this[We].onKeyDown(e)},Y$=function(){this.checkValidity()},Z$.styles=o`:host { display: inline-flex; }`,Z$=t([$("m3e-radio-group")],Z$);const X$=i(`var(--m3e-search-bar-container-color, ${v.color.surfaceContainerHigh})`),G$=i(`var(--m3e-search-bar-leading-icon-color, ${v.color.onSurface})`),J$=i(`var(--m3e-search-bar-trailing-icon-color, ${v.color.onSurfaceVariant})`),Q$=i("var(--m3e-search-bar-container-height, 3.5rem)"),ew=i(`var(--m3e-search-bar-container-shape, ${v.shape.corner.full})`),tw=i("var(--m3e-search-bar-icon-size, 1.5rem)"),aw=i(`var(--m3e-search-bar-supporting-text-color, ${v.color.onSurfaceVariant})`),iw=i(`var(--m3e-search-bar-supporting-text-font-size, ${v.typescale.standard.body.large.fontSize})`),ow=i(`var(--m3e-search-bar-supporting-text-font-weight, ${v.typescale.standard.body.large.fontWeight})`),rw=i(`var(--m3e-search-bar-supporting-text-line-height, ${v.typescale.standard.body.large.lineHeight})`),sw=i(`var(--m3e-search-bar-supporting-text-tracking, ${v.typescale.standard.body.large.tracking})`),nw=i(`var(--m3e-search-bar-input-color, ${v.color.onSurface})`),lw=i(`var(--m3e-search-bar-input-text-font-size, ${v.typescale.standard.body.large.fontSize})`),cw=i(`var(--m3e-search-bar-input-text-font-weight, ${v.typescale.standard.body.large.fontWeight})`),dw=i(`var(--m3e-search-bar-input-text-line-height, ${v.typescale.standard.body.large.lineHeight})`),hw=i(`var(--m3e-search-bar-input-text-tracking, ${v.typescale.standard.body.large.tracking})`),mw=i("var(--m3e-search-bar-leading-space, 0.25rem)"),uw=i("var(--m3e-search-bar-trailing-space, 0.25rem)"),pw=i("var(--m3e-search-bar-no-actions-leading-space, 1rem)"),vw=i("var(--m3e-search-bar-no-actions-trailing-space, 1rem)"),bw=i("var(--m3e-search-bar-leading-actions-trailing-space, 0.25rem)"),fw=i("var(--m3e-search-bar-trailing-actions-leading-space, 0.25rem)"),gw=i("var(--m3e-search-bar-actions-gap, 0px)"),yw=o`m3e-search-bar input[slot="input"]::placeholder { user-select: none; color: ${aw}; font-size: ${iw}; font-weight: ${ow}; line-height: ${rw}; letter-spacing: ${sw}; }`,$w=o`:host { display: block; height: ${Q$}; } .base { cursor: text; display: flex; align-items: center; box-sizing: border-box; width: 100%; height: 100%; border-radius: ${ew}; background-color: ${X$}; } .clear { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 3rem; } :host(:not(:is(:state(--clearable), :--clearable))) .clear { display: none; } :host(:is(:state(--with-leading), :--with-leading)) slot[name="leading"], :host(:is(:state(--with-trailing), :--with-trailing)) slot[name="trailing"] { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 3rem; padding-inline: 0.25rem; column-gap: calc(0.5rem + ${gw}); } ::slotted([slot="input"]) { flex: 1 1 auto; outline: unset; border: unset; background-color: transparent; box-shadow: none; min-width: 0; padding: unset; color: ${nw}; font-size: ${lw}; font-weight: ${cw}; line-height: ${dw}; letter-spacing: ${hw}; } :host(:is(:state(--with-leading), :--with-leading)) .base { padding-inline-start: ${mw}; } :host(:not(:is(:state(--with-leading), :--with-leading))) .base { padding-inline-start: ${pw}; } :host(:is(:is(:state(--with-trailing), :--with-trailing), :is(:state(--clearable), :--clearable))) .base { padding-inline-end: ${uw}; } :host(:not(:is(:is(:state(--with-trailing), :--with-trailing), :is(:state(--clearable), :--clearable)))) .base { padding-inline-end: ${vw}; } :host(:is(:state(--with-leading), :--with-leading)) ::slotted([slot="input"]) { margin-inline-start: ${bw}; } :host(:is(:is(:state(--with-trailing), :--with-trailing), :is(:state(--clearable), :--clearable))) ::slotted([slot="input"]) { margin-inline-end: ${fw}; } slot[name="leading"] { color: ${G$}; --m3e-icon-color: ${G$}; --m3e-icon-button-icon-color: ${G$}; --m3e-icon-size: ${tw}; } slot[name="trailing"], .clear { color: ${J$}; --m3e-icon-color: ${J$}; --m3e-icon-button-icon-color: ${J$}; --m3e-icon-size: ${tw}; } ::slotted(svg[slot="leading"]), ::slotted(svg[slot="trailing"]) { width: 1em; font-size: ${tw}; } ::slotted([slot="clear-icon"]), .clear-icon { width: 1em; font-size: ${tw} !important; } slot[name="clear-icon"] { --m3e-icon-size: ${tw}; } @media (forced-colors: active) { .base { border: 1px var(--_search-bar-forced-color-outline-style, solid) CanvasText; } }`,ww=i(`var(--m3e-search-view-container-color, ${v.color.surfaceContainerHigh})`),xw=i(`var(--m3e-search-view-contained-container-color, ${v.color.surfaceContainerLow})`),kw=i(`var(--m3e-search-view-divider-color, ${v.color.outline})`),Cw=i("var(--m3e-search-view-divider-thickness, 1px)"),Sw=i(`var(--m3e-search-view-full-screen-container-shape, ${v.shape.corner.none})`),_w=i("var(--m3e-search-view-full-screen-header-container-height, 4.5rem)"),Lw=i(`var(--m3e-search-view-docked-container-shape, ${v.shape.corner.extraLarge})`),Ew=i("var(--m3e-search-view-docked-header-container-height, 3.5rem)"),zw=i("var(--m3e-search-view-contained-leading-margin, 1.5rem)"),Mw=i("var(--m3e-search-view-contained-trailing-margin, 1.55rem)"),Pw=i("var(--m3e-search-view-contained-focused-leading-margin, 0.75rem)"),Tw=i("var(--m3e-search-view-contained-focused-trailing-margin, 0.75rem)"),Iw=i("var(--m3e-search-view-contained-docked-bar-results-gap, 2px)"),Dw=(i(`var(--m3e-search-view-contained-docked-results-shape, ${v.shape.corner.medium})`),i(`var(--m3e-search-view-contained-docked-bar-shape, ${v.shape.corner.full})`),i("var(--m3e-search-view-contained-full-screen-bar-container-height, 3.5rem)")),Aw=i("var(--m3e-search-view-docked-container-min-height, 240px)"),Ww=i("var(--m3e-search-view-docked-container-max-height, calc(100vh * 0.6667))"),Hw=i("var(--m3e-search-view-contained-docked-results-space, 0.25rem)"),Ow=i("var(--m3e-search-view-docked-results-bottom-space, 1rem)"),Bw=i(`var(--m3e-search-view-docked-scrim-color, ${v.color.scrim})`),Fw=i("var(--m3e-search-view-docked-scrim-opacity, 32%)"),Vw=o`m3e-search-view input[slot="input"]::placeholder { user-select: none; color: ${aw}; font-size: ${iw}; font-weight: ${ow}; line-height: ${rw}; letter-spacing: ${sw}; }`,Rw=o`:host { display: block; } .base { position: relative; width: 100%; } .anchor { position: absolute; width: 100%; visibility: hidden; } .view { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; outline: none; padding: unset; margin: unset; border: unset; } .header { flex: none; display: flex; align-items: center; } .bar { flex: 1 1 auto; } :host(:is(:state(--fullscreen), :--fullscreen)) .bar { transition: ${i(`margin ${v.motion.duration.short2} ${v.motion.easing.standard}`)}; } :host(:is(:state(--fullscreen), :--fullscreen)[contained]:not([open])) .bar { margin-inline-start: ${zw}; margin-inline-end: ${Mw}; } :host(:is(:state(--fullscreen), :--fullscreen)[contained][open]) .bar, :host(:is(:state(--fullscreen), :--fullscreen)[contained][open]) .results { margin-inline-start: ${Pw}; margin-inline-end: ${Tw}; } .icon { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 3rem; } ::slotted([slot="search-icon"]), .search-icon, ::slotted([slot="close-icon"]), .close-icon { width: 1em; font-size: ${tw} !important; } .results { overflow: hidden; flex: 1 1 auto; display: flex; flex-direction: column; } .scroll-container { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; scrollbar-color: ${v.scrollbar.color}; } .view:not(:popover-open) .results, .view.closing .results { display: none; } :host(:not(:is(:is(:state(--clearable), :--clearable), [open]))) .clear { display: none; } ::slotted([slot="clear-icon"]), .clear-icon { width: 1em; font-size: ${tw} !important; } slot[name="clear-icon"] { --m3e-icon-size: ${tw}; } :host(:is(:state(--fullscreen), :--fullscreen)) .header { transition: height 150ms cubic-bezier(0.2, 0, 0, 1); } :host(:is(:state(--fullscreen), :--fullscreen)) .view:popover-open:not(.closing) .header { height: ${_w}; } :host(:is(:state(--fullscreen), :--fullscreen):not([open])) .header, :host(:is(:state(--fullscreen), :--fullscreen)[open]) .view.closing .header { height: ${Dw}; } :host(:is(:state(--fullscreen), :--fullscreen)[open]) .bar { --m3e-search-bar-container-height: ${Dw}; } :host(:is(:state(--fullscreen), :--fullscreen)) .anchor { height: ${Dw}; } :host(:is(:state(--fullscreen), :--fullscreen)) .view:popover-open { border-radius: ${Sw}; } :host(:is(:state(--fullscreen), :--fullscreen)[contained]) .view:popover-open { background-color: ${xw}; } :host(:is(:state(--fullscreen), :--fullscreen):not([contained])) .view:popover-open { background-color: ${ww}; } :host(:is(:state(--docked), :--docked)[open]) .header, :host(:is(:state(--docked), :--docked)) .anchor { height: ${Ew}; } :host(:not([contained])[open]) .results { border-top-width: ${Cw}; border-top-style: solid; border-top-color: ${kw}; } :host(:is(:state(--docked), :--docked)[contained]) .results { margin-top: ${Iw}; } :host(:is(:state(--docked), :--docked):not([contained])[open]) .view { background-color: ${ww}; --m3e-search-bar-container-color: ${ww}; } :host(:is(:state(--docked), :--docked)[contained]) .results { background-color: ${ww}; } :host(:is(:state(--docked), :--docked):not([contained])) .view, :host(:is(:state(--docked), :--docked)[contained]) .results { border-radius: ${Lw}; } :host(:is(:state(--docked), :--docked)) .results { min-height: calc(${Aw} - ${Ew}); max-height: calc(${Ww} - ${Ew}); } :host(:is(:state(--docked), :--docked)) .scroll-container { scrollbar-width: ${v.scrollbar.thinWidth}; } :host(:is(:state(--docked), :--docked):not([contained])) .scroll-container { padding-bottom: ${Ow}; } :host(:is(:state(--docked), :--docked)[contained]) .scroll-container { padding: ${Hw}; } :host(:is(:state(--docked), :--docked)) .results { transform-origin: top; transition: ${i(`transform ${v.motion.duration.short2} ${v.motion.easing.standard},\n      overlay ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n      display ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--docked), :--docked):not([open])) .results { transform: scaleY(0.8); } :host(:is(:state(--docked), :--docked)[open]) .results { transform: scaleY(1); } @starting-style { :host(:is(:state(--docked), :--docked)[open]) .results { transform: scaleY(0.8); } } :host(:is(:state(--docked), :--docked)) .view { background-color: transparent; } :host(:is(:state(--docked), :--docked):not([open])) .view { transition: ${i(`border-radius ${v.motion.duration.long2} ${v.motion.easing.standard},\n      background-color ${v.motion.duration.long2} ${v.motion.easing.standard}`)}; } :host(:is(:state(--docked), :--docked):not([open])) .view::backdrop { transition: ${i(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--docked), :--docked)) .view::backdrop { background-color: color-mix(in srgb, ${Bw} 0%, transparent); margin-inline-end: -20px; } :host(:is(:state(--docked), :--docked)[open]) .view::backdrop { background-color: color-mix( in srgb, ${Bw} ${Fw}, transparent ); transition: ${i(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { :host(:is(:state(--docked), :--docked)[open]) .view::backdrop { background-color: color-mix(in srgb, ${Bw} 0%, transparent); } } :host(:is(:state(--fullscreen), :--fullscreen)) .view:popover-open { width: 100vw; width: 100dvw; height: 100vh; height: 100dvh; overflow: hidden; } @media (prefers-reduced-motion) { :host(:is(:state(--fullscreen), :--fullscreen)) .bar, :host(:is(:state(--fullscreen), :--fullscreen)) .header, :host(:is(:state(--docked), :--docked)) .results, :host(:is(:state(--docked), :--docked):not([open])) .view, :host(:is(:state(--docked), :--docked):not([open])) .view::backdrop, :host(:is(:state(--docked), :--docked)[open]) .view::backdrop { transition: none; } } @media (forced-colors: active) { :host(:not([contained])[open]) .bar { --_search-bar-forced-color-outline-style: none; } :host(:is(:state(--docked), :--docked):not([contained])[open]) .view, :host(:is(:state(--docked), :--docked)[contained]) .results { border: 1px solid CanvasText; } :host(:not([contained])[open]) .results { border-top-color: CanvasText; } }`;var qw,Nw,Uw,jw,Yw,Kw,Zw,Xw,Gw,Jw;let Qw=class extends(P(r)){constructor(){super(...arguments),qw.add(this),Nw.set(this,void 0),Uw.set(this,()=>e(this,qw,"m",Gw).call(this)),this.clearable=!1,this.clearLabel="Clear"}clear(){e(this,Nw,"f")&&(e(this,Nw,"f").value="",e(this,qw,"m",Gw).call(this),this.dispatchEvent(new Event("clear",{bubbles:!0,composed:!0})))}render(){return s`<div class="base" @click="${e(this,qw,"m",Yw)}"><slot name="leading" @slotchange="${e(this,qw,"m",Kw)}"></slot><slot name="input" @slotchange="${e(this,qw,"m",Xw)}"></slot>${e(this,qw,"m",jw).call(this)}<slot name="trailing" @slotchange="${e(this,qw,"m",Zw)}"></slot></div>`}};var ex,tx,ax,ix,ox,rx,sx,nx,lx,cx,dx,hx,mx,ux,px,vx,bx,fx,gx,yx,$x,wx,xx,kx,Cx,Sx,_x,Lx,Ex,zx,Mx,Px;Nw=new WeakMap,Uw=new WeakMap,qw=new WeakSet,jw=function(){return this.clearable?s`<div class="clear"><m3e-icon-button aria-label="${this.clearLabel}" @click="${e(this,qw,"m",Jw)}"><slot name="clear-icon"><svg class="clear-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button></div>`:n},Yw=function(){this.matches(":focus-within")||e(this,Nw,"f")?.focus()},Kw=function(e){x(this,"--with-leading",g(e.target))},Zw=function(e){x(this,"--with-trailing",g(e.target))},Xw=function(t){const i=t.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLInputElement);i!=e(this,Nw,"f")&&(e(this,Nw,"f")?.removeEventListener("input",e(this,Uw,"f")),a(this,Nw,i,"f"),e(this,Nw,"f")?.addEventListener("input",e(this,Uw,"f")),e(this,Nw,"f")&&(e(this,Nw,"f").role=e(this,Nw,"f").role||"searchbox",e(this,Nw,"f").inputMode=e(this,Nw,"f").inputMode||"search",e(this,Nw,"f").type="text"),e(this,qw,"m",Gw).call(this))},Gw=function(){x(this,"--clearable",this.clearable&&(e(this,Nw,"f")?.value??"").length>0)},Jw=function(){this.clear(),e(this,Nw,"f")?.focus()},B(yw),Qw.styles=$w,t([m({type:Boolean,reflect:!0})],Qw.prototype,"clearable",void 0),t([m({attribute:"clear-label"})],Qw.prototype,"clearLabel",void 0),Qw=t([$("m3e-search-bar")],Qw);let Tx=class extends(z(P(r))){constructor(){super(),ex.add(this),tx.set(this,void 0),ax.set(this,!1),ix.set(this,()=>e(this,ex,"m",gx).call(this)),ox.set(this,()=>e(this,ex,"m",wx).call(this)),rx.set(this,t=>e(this,ex,"m",Sx).call(this,t)),sx.set(this,()=>e(this,ex,"m",Cx).call(this)),nx.set(this,new I(this)),lx.set(this,new D(this)),this._clearable=!1,cx.set(this,void 0),dx.set(this,void 0),hx.set(this,void 0),this.contained=!1,this.mode="docked",this.open=!1,this.clearLabel="Clear",this.closeLabel="Close",this.hideSearchIcon=!1,new K(this,{callback:e=>this._handleFocusChange(e)})}get currentMode(){return this._mode??("fullscreen"!==this.mode?"docked":"fullscreen")}set currentMode(e){this._mode=e}clear(){e(this,tx,"f")&&(e(this,tx,"f").value="",e(this,ex,"m",$x).call(this),this.dispatchEvent(new CustomEvent("query",{detail:{term:""},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("clear",{bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this._mode=void 0,e(this,hx,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.mode&&e(this,ex,"m",bx).call(this)}willUpdate(t){if(super.willUpdate(t),t.has("mode")){e(this,hx,"f")?.call(this);const a=t.get("mode");a&&a!==this.mode&&this.open&&(this.open=!1),"auto"===this.mode?e(this,ex,"m",bx).call(this):(this._mode=void 0,e(this,ex,"m",yx).call(this))}t.has("_mode")&&e(this,ex,"m",yx).call(this)}updated(t){super.updated(t),t.has("open")&&(this.open?"fullscreen"===this.currentMode?e(this,ex,"m",Mx).call(this):e(this,ex,"m",Lx).call(this):"fullscreen"===(e(this,cx,"f")??this.currentMode)?e(this,ex,"m",Px).call(this):e(this,ex,"m",Ex).call(this))}render(){return s`<div class="base"><div class="anchor"></div><div role="${je(this.open?"dialog":void 0)}" aria-modal="${je(this.open?"true":void 0)}" aria-labelledby="${je(this.open?"header":void 0)}" class="view" tabindex="-1" @keydown="${e(this,ex,"m",_x)}"><m3e-focus-trap ?disabled="${!this.open}"><div class="header" id="header"><m3e-search-bar class="bar">${e(this,ex,"m",mx).call(this)} ${this.open?s`<slot name="open-leading" slot="leading"></slot>`:s`<slot name="closed-leading" slot="leading"></slot>`}<slot name="input" slot="input" @slotchange="${e(this,ex,"m",fx)}"></slot>${e(this,ex,"m",vx).call(this)} ${this.open?s`<slot name="open-trailing" slot="trailing"></slot>`:s`<slot name="closed-trailing" slot="trailing"></slot>`}</m3e-search-bar></div><div class="results"><div class="scroll-container"><slot></slot></div></div></m3e-focus-trap></div></div>`}_handleFocusChange(e){e||"docked"!==this.currentMode||(this.clear(),this.open=!1)}};var Ix,Dx,Ax,Wx,Hx;tx=new WeakMap,ax=new WeakMap,ix=new WeakMap,ox=new WeakMap,rx=new WeakMap,sx=new WeakMap,nx=new WeakMap,lx=new WeakMap,cx=new WeakMap,dx=new WeakMap,hx=new WeakMap,ex=new WeakSet,mx=function(){return!this.open&&this.hideSearchIcon?n:s`<div class="icon" slot="leading">${this.open?e(this,ex,"m",px).call(this):e(this,ex,"m",ux).call(this)}</div>`},ux=function(){return s`<slot name="search-icon"><svg class="search-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg></slot>`},px=function(){return s`<m3e-icon-button class="close" slot="leading" aria-label="${this.closeLabel}" @click="${e(this,ex,"m",xx)}"><slot name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor">${"docked"===this.currentMode?d`<path d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z"/>`:d`<path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/>`}</svg></slot></m3e-icon-button>`},vx=function(){return s`<m3e-icon-button class="clear" slot="trailing" aria-label="${this.open&&!this._clearable?this.closeLabel:this.clearLabel}" @click="${e(this,ex,"m",kx)}"><slot name="clear-icon"><svg class="clear-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button>`},bx=function(){a(this,hx,Qe.observe([et.XSmall],t=>{const a=this.currentMode;this._mode=t.get(et.XSmall)?"fullscreen":"docked",a!==this._mode&&this.open&&(this.open=!1),e(this,ex,"m",yx).call(this)}),"f")},fx=function(t){const i=t.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLInputElement);i!=e(this,tx,"f")&&(e(this,tx,"f")?.removeEventListener("input",e(this,ix,"f")),e(this,tx,"f")?.removeEventListener("focus",e(this,ox,"f")),e(this,tx,"f")?.removeEventListener("keydown",e(this,rx,"f")),e(this,tx,"f")?.removeEventListener("pointerdown",e(this,sx,"f")),a(this,tx,i,"f"),e(this,tx,"f")?.addEventListener("input",e(this,ix,"f")),e(this,tx,"f")?.addEventListener("focus",e(this,ox,"f")),e(this,tx,"f")?.addEventListener("keydown",e(this,rx,"f")),e(this,tx,"f")?.addEventListener("pointerdown",e(this,sx,"f")),e(this,tx,"f")&&(e(this,tx,"f").role=e(this,tx,"f").role||"searchbox",e(this,tx,"f").inputMode=e(this,tx,"f").inputMode||"search",e(this,tx,"f").type="text",e(this,tx,"f").ariaHasPopup="dialog"),e(this,ex,"m",$x).call(this))},gx=function(){e(this,ex,"m",$x).call(this),this.open?this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,tx,"f")?.value??""},bubbles:!0,composed:!0})):this.open=!0},yx=function(){x(this,"--fullscreen","fullscreen"===this.currentMode),x(this,"--docked","docked"===this.currentMode)},$x=function(){this._clearable=(e(this,tx,"f")?.value??"").length>0,x(this,"--clearable",this._clearable)},wx=function(){this.open=!e(this,ax,"f"),a(this,ax,!1,"f")},xx=function(){e(this,tx,"f")&&(e(this,tx,"f").value&&this.clear(),a(this,ax,!0,"f"),e(this,tx,"f")?.focus())},kx=function(){e(this,tx,"f")&&(e(this,tx,"f").value?this.clear():a(this,ax,!0,"f"),e(this,tx,"f")?.focus())},Cx=function(){!this.open&&e(this,tx,"f")?.matches(":focus")&&(this.open=!0)},Sx=function(e){if(this.open&&"Escape"===e.key&&!e.shiftKey&&!e.ctrlKey){e.preventDefault();e.target.value&&this.clear(),this.open=!1}},_x=function(t){!this.open||"Escape"!==t.key||t.shiftKey||t.ctrlKey||(t.preventDefault(),e(this,ex,"m",xx).call(this))},Lx=async function(){if(!this.dispatchEvent(new ToggleEvent("beforetoggle",{oldState:"closed",newState:"open",bubbles:!0,composed:!0,cancelable:!0})))return void(this.open=!1);a(this,cx,this.currentMode,"f");const t=this._view;e(this,dx,"f")?.call(this),a(this,dx,await Ne(t,this._anchor,{position:"bottom"},(e,t)=>{const a=this._view;a.style.top=t-this._anchor.clientHeight+"px",a.style.width=`${this._anchor.clientWidth}px`,"rtl"===qe.current?(a.style.right=window.innerWidth-e-this.clientWidth+"px",a.style.left=""):(a.style.left=`${e}px`,a.style.right="")}),"f"),this._anchor.style.position="relative",t.popover="manual",t.style.position="absolute",t.showPopover(),e(this,nx,"f").lock(),e(this,lx,"f").lock(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:"closed",newState:"open",bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,tx,"f")?.value??""},bubbles:!0,composed:!0}))},Ex=function(){const t=this._view;"manual"===t.popover&&(this.dispatchEvent(new ToggleEvent("beforetoggle",{oldState:"open",newState:"closed",bubbles:!0,composed:!0,cancelable:!0}))?(a(this,cx,void 0,"f"),e(this,nx,"f").unlock(),e(this,lx,"f").unlock(),C()?e(this,ex,"m",zx).call(this):(t.classList.add("closing"),t.addEventListener("transitionend",()=>e(this,ex,"m",zx).call(this),{once:!0}))):this.open=!0)},zx=function(){e(this,dx,"f")?.call(this),a(this,dx,void 0,"f");const t=this._view;t.classList.remove("closing"),t.style.position="",t.style.width="",t.style.top="",t.style.left="",t.style.right="",t.hidePopover(),t.popover=null,this._anchor.style.position="",this.dispatchEvent(new ToggleEvent("toggle",{oldState:"open",newState:"closed",bubbles:!0,composed:!0}))},Mx=async function(){if(!this.dispatchEvent(new ToggleEvent("beforetoggle",{oldState:"closed",newState:"open",bubbles:!0,composed:!0,cancelable:!0})))return void(this.open=!1);a(this,cx,this.currentMode,"f"),e(this,nx,"f").lock(),e(this,lx,"f").lock();const t=this._view;if(e(this,dx,"f")?.call(this),C())t.style.position="fixed",t.popover="manual",t.showPopover(),this._anchor.style.position="relative";else{const e=t.getBoundingClientRect(),a="rtl"===qe.current?window.innerWidth-e.right:e.left;t.style.position="fixed",t.popover="manual",t.showPopover(),this._anchor.style.position="relative",t.animate([{transform:`translateX(${a}px)`,width:`${e.width}px`,top:`${e.top}px`,height:`${e.height}px`},{transform:"translateX(0px)",width:"100vw",top:"0px",height:"100vh"}],{duration:150,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"})}this.dispatchEvent(new ToggleEvent("toggle",{oldState:"closed",newState:"open",bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,tx,"f")?.value??""},bubbles:!0,composed:!0}))},Px=async function(){const t=this._view;if("manual"!==t.popover)return;if(!this.dispatchEvent(new ToggleEvent("beforetoggle",{oldState:"open",newState:"closed",bubbles:!0,composed:!0,cancelable:!0})))return void(this.open=!0);a(this,cx,void 0,"f"),e(this,nx,"f").unlock(),e(this,lx,"f").unlock();const i=this._anchor;if(!C()){const e=t.getBoundingClientRect(),a=i.getBoundingClientRect(),o="rtl"===qe.current?window.innerWidth-e.right:e.left,r="rtl"===qe.current?window.innerWidth-a.right:a.left,s="rtl"===qe.current?o-r:r-o;t.classList.add("closing"),await t.animate([{transform:"translateX(0px)",width:`${e.width}px`,top:`${e.top}px`,height:`${e.height}px`},{transform:`translateX(${s}px)`,width:`${a.width}px`,top:`${a.top}px`,height:`${a.height}px`}],{duration:150,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"}).finished}t.hidePopover(),t.style.position="",t.popover=null,t.classList.remove("closing"),i.style.position="",this.dispatchEvent(new ToggleEvent("toggle",{oldState:"open",newState:"closed",bubbles:!0,composed:!0}))},B(Vw),Tx.styles=Rw,t([p()],Tx.prototype,"_clearable",void 0),t([p()],Tx.prototype,"_mode",void 0),t([h(".anchor")],Tx.prototype,"_anchor",void 0),t([h(".view")],Tx.prototype,"_view",void 0),t([m({type:Boolean,reflect:!0})],Tx.prototype,"contained",void 0),t([m({reflect:!0})],Tx.prototype,"mode",void 0),t([m({type:Boolean,reflect:!0})],Tx.prototype,"open",void 0),t([m({attribute:"clear-label"})],Tx.prototype,"clearLabel",void 0),t([m({attribute:"close-label"})],Tx.prototype,"closeLabel",void 0),t([m({attribute:"hide-search-icon",type:Boolean})],Tx.prototype,"hideSearchIcon",void 0),t([y(40)],Tx.prototype,"_handleFocusChange",null),Tx=t([$("m3e-search-view")],Tx);let Ox=Hx=class extends(te(ae(we(N(P(f(r,"radio"),!0)))))){constructor(){super(...arguments),Ix.add(this),Dx.set(this,t=>e(this,Ix,"m",Wx).call(this,t)),this.value="on"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Dx,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Dx,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){const t=this.closest("m3e-segmented-button");t&&(this.role=t.multi?"button":"radio"),super.update(e),e.has("checked")&&t?.[We].notifySelectionChange(this),e.has("disabled")&&(this.disabled?this.nextElementSibling instanceof Hx&&(this.nextElementSibling.disabled?this.style.removeProperty("--_segmented-button-disabled-outline-color"):this.style.setProperty("--_segmented-button-disabled-outline-color",`var(--m3e-segmented-button-outline-color, ${v.color.outline})`)):(this.style.removeProperty("--_segmented-button-disabled-outline-color"),this.previousElementSibling instanceof Hx&&(this.previousElementSibling.disabled?this.previousElementSibling.style.setProperty("--_segmented-button-disabled-outline-color",`var(--m3e-segmented-button-outline-color, ${v.color.outline})`):this.previousElementSibling.style.removeProperty("--_segmented-button-disabled-outline-color"))))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper"><div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg><slot name="icon" @slotchange="${e(this,Ix,"m",Ax)}"></slot></div><div class="label"><slot></slot></div></div></div>`}};var Bx,Fx,Vx,Rx,qx,Nx;Dx=new WeakMap,Ix=new WeakSet,Ax=function(e){x(this,"--with-icon",g(e.target))},Wx=function(e){if(e.defaultPrevented)return;const t=this.closest("m3e-segmented-button");!t||!t.multi&&this.checked||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.checked=!this.checked,this.closest("m3e-segmented-button")?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},Ox.styles=o`:host { display: inline-block; position: relative; vertical-align: middle; outline: none; user-select: none; flex: 1 1 auto; min-width: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: inline-flex; vertical-align: middle; align-items: center; width: 100%; height: calc(var(--m3e-segmented-button-height, 2.5rem) + ${v.density.calc(-3)}); box-sizing: border-box; border-width: var(--m3e-segmented-button-outline-thickness, 1px); border-color: var(--m3e-segmented-button-outline-color, ${v.color.outline}); border-style: solid; border-radius: inherit; border-inline-start-style: var(--_segmented-button-left-border, solid); transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; padding-inline-start: var(--m3e-segmented-button-padding-start, 1rem); padding-inline-end: var(--m3e-segmented-button-padding-end, 1rem); column-gap: var(--m3e-segmented-button-spacing, 0.5rem); } .label { font-size: var(--m3e-segmented-button-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-segmented-button-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-segmented-button-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-segmented-button-tracking, ${v.typescale.standard.label.large.tracking}); justify-self: center; flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { display: flex; align-items: center; justify-content: center; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) { cursor: pointer; } :host([checked]:not(:is(:state(--hide-selection), :--hide-selection))) .wrapper, :host(:is(:state(--with-icon), :--with-icon)) .wrapper { padding-inline-start: var(--m3e-segmented-button-with-icon-padding-start, 0.75rem); } :host(:not(:disabled)[checked]) .base { background-color: var(--m3e-segmented-button-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-segmented-button-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-segmented-button-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-segmented-button-selected-ripple-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled)[checked]) .label { color: var(--m3e-segmented-button-selected-label-text-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled)[checked]) .icon { color: var(--m3e-segmented-button-selected-icon-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled):not([checked])) .base { --m3e-state-layer-hover-color: var( --m3e-segmented-button-unselected-container-hover-color, ${v.color.onSurface} ); --m3e-state-layer-focus-color: var( --m3e-segmented-button-unselected-container-focus-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-segmented-button-unselected-ripple-color, ${v.color.onSurface}); } :host(:not(:disabled):not([checked])) .label { color: var(--m3e-segmented-button-unselected-label-text-color, ${v.color.onSurface}); } :host(:not(:disabled):not([checked])) .icon { color: var(--m3e-segmented-button-unselected-icon-color, ${v.color.onSurface}); } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-segmented-button-spacing, 0.5rem)); transition: margin-inline-start ${v.motion.spring.fastEffects}; } .check, ::slotted([slot="icon"]) { width: 1em; font-size: var(--m3e-segmented-button-icon-size, 1.125rem) !important; } :host(:not([checked])) .check, :host(:is(:state(--hide-selection), :--hide-selection)) .check, :host(:is(:state(--hide-selection), :--hide-selection):not(:is(:state(--with-icon), :--with-icon))) .icon { display: none; } :host([checked]) .icon { margin-inline-start: 0; } :host([checked]:not(:is(:state(--hide-selection), :--hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:disabled) .base { border-color: color-mix( in srgb, var(--m3e-segmented-button-disabled-outline-color, ${v.color.onSurface}) var(--m3e-segmented-button-disabled-outline-opacity, 12%), transparent ); border-inline-end-color: var( --_segmented-button-disabled-outline-color, color-mix( in srgb, var(--m3e-segmented-button-disabled-outline-color, ${v.color.onSurface}) var(--m3e-segmented-button-disabled-outline-opacity, 12%), transparent ) ); } :host(:disabled) .label { color: color-mix( in srgb, var(--m3e-segmented-button-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-segmented-button-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) .icon { color: color-mix( in srgb, var(--m3e-segmented-button-disabled-icon-color, ${v.color.onSurface}) var(--m3e-segmented-button-disabled-icon-opacity, 38%), transparent ); } @media (prefers-reduced-motion) { .base, .icon, .label { transition: none; } } @media (forced-colors: active) { .base, .icon, .label { transition: none !important; } :host(:disabled) .label, :host(:disabled) .icon { color: GrayText; } :host(:not([selected]):not(:disabled)) .label, :host(:not([selected]):not(:disabled)) .icon { color: ButtonText; } :host(:not(:disabled)[checked]) .base { background-color: ButtonText; } :host(:not(:disabled)[checked]) .label, :host(:not(:disabled)[checked]) .icon { forced-color-adjust: none; color: ButtonFace; } :host { --m3e-segmented-button-outline-color: ButtonText; } }`,t([h(".focus-ring")],Ox.prototype,"_focusRing",void 0),t([h(".state-layer")],Ox.prototype,"_stateLayer",void 0),t([h(".ripple")],Ox.prototype,"_ripple",void 0),t([m()],Ox.prototype,"value",void 0),Ox=Hx=t([$("m3e-button-segment")],Ox);let Ux=class extends(Q(te(ae(se(N(P(f(r,"radiogroup")))))))){constructor(){super(...arguments),Bx.add(this),Fx.set(this,void 0),this[Nx]=(new He).withWrap().withDirectionality(qe.current).onActiveItemChange(()=>this[We].activeItem?.click()),this.multi=!1,this.hideSelectionIndicator=!1}get segments(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Fx=new WeakMap,Bx=new WeakSet,Nx=We,le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}connectedCallback(){super.connectedCallback(),this[We].multi=this.multi,this[We].disableRovingTabIndex(this.multi),a(this,Fx,qe.observe(()=>this[We].directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Fx,"f")?.call(this)}update(e){super.update(e),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled),e.has("multi")&&(this.role=this.multi?"group":"radiogroup",this[We].multi=this.multi,this[We].disableRovingTabIndex(this.multi)),(e.has("multi")||e.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),e.has("hideSelectionIndicator")&&this.segments.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator))}render(){return s`<slot @slotchange="${e(this,Bx,"m",Vx)}" @keydown="${e(this,Bx,"m",Rx)}" @change="${e(this,Bx,"m",qx)}"></slot>`}};var jx,Yx,Kx,Zx,Xx,Gx,Jx,Qx,ek,tk,ak,ik,ok,rk,sk,nk,lk,ck,dk,hk,mk,uk,pk,vk,bk,fk,gk,yk,$k,wk,xk,kk;Vx=function(){const{added:e}=this[We].setItems([...this.querySelectorAll("m3e-button-segment")]);e.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator)),this[We].items.forEach((e,t)=>{x(e,"--first",0==t),x(e,"--last",t==this[We].items.length-1)})},Rx=function(e){this.multi||this[We].onKeyDown(e)},qx=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Ux.styles=o`:host { display: inline-flex; vertical-align: middle; align-items: center; } ::slotted(:is(:state(--first), :--first)) { border-start-start-radius: var(--m3e-segmented-button-start-shape, ${v.shape.corner.full}); border-end-start-radius: var(--m3e-segmented-button-start-shape, ${v.shape.corner.full}); } ::slotted(:is(:state(--last), :--last)) { border-start-end-radius: var(--m3e-segmented-button-end-shape, ${v.shape.corner.full}); border-end-end-radius: var(--m3e-segmented-button-end-shape, ${v.shape.corner.full}); } ::slotted(:not(:is(:state(--first), :--first))) { --_segmented-button-left-border: none; }`,t([m({type:Boolean})],Ux.prototype,"multi",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],Ux.prototype,"hideSelectionIndicator",void 0),Ux=t([$("m3e-segmented-button")],Ux);let Ck=kk=class extends(q(Q(ee(te(ae(ie(oe(se(N(P(f(r,"combobox")))))))))))){constructor(){super(),jx.add(this),this._options=new Array,Yx.set(this,void 0),Kx.set(this,void 0),Zx.set(this,!1),Xx.set(this,!1),Gx.set(this,"m3e-select-"+kk.__nextId++),Jx.set(this,`${e(this,Gx,"f")}-list`),Qx.set(this,t=>e(this,jx,"m",dk).call(this,t)),ek.set(this,t=>e(this,jx,"m",hk).call(this,t)),tk.set(this,t=>e(this,jx,"m",mk).call(this,t)),ak.set(this,t=>e(this,jx,"m",vk).call(this,t)),ik.set(this,t=>e(this,jx,"m",uk).call(this,t)),ok.set(this,t=>e(this,jx,"m",pk).call(this,t)),rk.set(this,void 0),this._listKeyManager=(new Me).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&e(this,jx,"m",$k).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,this.panelClass="",new w(this,{config:{childList:!0,subtree:!0},callback:()=>e(this,jx,"m",ck).call(this)})}get options(){return this._options??[]}get selected(){return this.options.filter(e=>e.selected)}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Yx=new WeakMap,Kx=new WeakMap,Zx=new WeakMap,Xx=new WeakMap,Gx=new WeakMap,Jx=new WeakMap,Qx=new WeakMap,ek=new WeakMap,tk=new WeakMap,ak=new WeakMap,ik=new WeakMap,ok=new WeakMap,rk=new WeakMap,jx=new WeakSet,sk=function(){return this._listKeyManager?.items??[]},nk=function(){return e(this,jx,"a",sk).filter(e=>e.selected)},le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}get shouldLabelFloat(){return this.selected.filter(e=>!e.isEmpty).length>0}onContainerClick(){a(this,Xx,!0,"f"),e(this,jx,"m",fk).call(this),this.focus({preventScroll:!0})}clear(t=!1){const a=e(this,jx,"a",nk),i=a.length>0;i&&(a.forEach(t=>{t.selected=!1,e(this,jx,"m",wk).call(this,t)}),this.requestUpdate()),e(this,jx,"m",yk).call(this),i&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",e(this,Qx,"f")),this.addEventListener("keydown",e(this,ek,"f")),this.addEventListener("keyup",e(this,tk,"f")),e(this,jx,"m",ck).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Qx,"f")),this.removeEventListener("keydown",e(this,ek,"f")),this.removeEventListener("keyup",e(this,tk,"f"))}update(t){super.update(t),t.has("hideSelectionIndicator")&&e(this,jx,"a",sk).forEach(e=>x(e,"--hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(t){super.firstUpdated(t),this._focusRing?.attach(this),e(this,jx,"a",lk)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return s`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="base"><m3e-text-overflow><slot name="value">${this.selected.filter(e=>!e.isEmpty).map((e,t)=>t>0?s`<span>, </span>${e.label}`:e.label)}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" aria-hidden="true"><slot></slot></div>`}};lk=function(){return this.closest("m3e-form-field")},ck=function(){a(this,Yx,this.cloneNode(!0),"f");const{added:t}=this._listKeyManager.setItems([...e(this,Yx,"f").querySelectorAll("m3e-option")]);t.forEach(t=>{t.id=t.id||`${e(this,Gx,"f")}-option-${this._listKeyManager.items.indexOf(t)}`,x(t,"--hide-selection-indicator",this.hideSelectionIndicator)}),this._options=[...this.querySelectorAll("m3e-option")],e(this,jx,"a",lk)?.notifyControlStateChange(),e(this,Kx,"f")&&(e(this,Kx,"f").replaceChildren(...e(this,Yx,"f").childNodes),0==this._options.length&&e(this,jx,"m",yk).call(this))},dk=function(t){t.defaultPrevented||this.disabled||e(this,jx,"m",fk).call(this)},hk=function(t){if(!t.defaultPrevented)switch(a(this,Xx,!1,"f"),t.key){case" ":case"Enter":t.preventDefault(),this.multi?e(this,Kx,"f")||(a(this,Zx,!0,"f"),e(this,jx,"m",fk).call(this)):(e(this,Kx,"f")&&this._listKeyManager.activeItem&&e(this,jx,"m",xk).call(this,this._listKeyManager.activeItem),e(this,Kx,"f")?.isOpen?C()?e(this,jx,"m",yk).call(this):setTimeout(()=>e(this,jx,"m",yk).call(this),150):e(this,jx,"m",gk).call(this));break;case"Escape":case"Tab":e(this,jx,"m",yk).call(this);break;case"Down":case"ArrowDown":this.multi&&!e(this,Kx,"f")?e(this,jx,"m",fk).call(this):(this._listKeyManager.onKeyDown(t),!e(this,Kx,"f")&&this._listKeyManager.activeItem&&e(this,jx,"m",xk).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(t),this.multi||e(this,Kx,"f")||!this._listKeyManager.activeItem||e(this,jx,"m",xk).call(this,this._listKeyManager.activeItem)}},mk=function(t){if(!t.defaultPrevented)if(e(this,Zx,"f"))a(this,Zx,!1,"f");else switch(t.key){case" ":case"Enter":if(!this.multi)return;t.preventDefault(),e(this,Kx,"f")&&this._listKeyManager.activeItem&&e(this,jx,"m",xk).call(this,this._listKeyManager.activeItem)}},uk=function(e){if(a(this,rk,void 0,"f"),2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const t=e.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);t&&!t.disabled&&a(this,rk,t,"f")},pk=function(t){const i=e(this,rk,"f");if(a(this,rk,void 0,"f"),2===t.button)return;if(!i)return;const o=t.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);o===i&&(e(this,jx,"m",xk).call(this,o),this._listKeyManager.setActiveItem(o),this.multi&&this.requestUpdate()),this.multi||(C()?e(this,jx,"m",yk).call(this):setTimeout(()=>e(this,jx,"m",yk).call(this),150))},vk=function(t){if(e(this,Kx,"f"))if("closed"!==t.newState){const a=e(this,jx,"a",nk).find(e=>!e.disabled)??this._listKeyManager.items.find(e=>!e.disabled);this._listKeyManager.setActiveItem(a),a&&S(a,e(this,Kx,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState}))}else C()?e(this,jx,"m",bk).call(this,t):setTimeout(()=>e(this,jx,"m",bk).call(this,t),100)},bk=function(t){e(this,Kx,"f")&&(e(this,Yx,"f")?.replaceChildren(...e(this,Kx,"f").childNodes),e(this,Kx,"f").remove(),e(this,Kx,"f").removeEventListener("toggle",e(this,ak,"f")),e(this,Kx,"f").removeEventListener("pointerdown",e(this,ik,"f")),e(this,Kx,"f").removeEventListener("pointerup",e(this,ok,"f")),a(this,Kx,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.removeAttribute("aria-activedescendant"),this.requestUpdate(),k(this,"--open"),e(this,jx,"a",lk)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState})))},fk=function(){this.disabled||(e(this,Kx,"f")?e(this,jx,"m",yk).call(this):e(this,jx,"m",gk).call(this))},gk=function(){if(!e(this,Kx,"f")&&0!=this._options.length){if(a(this,Kx,document.createElement("m3e-option-panel"),"f"),this.multi&&(e(this,Kx,"f").ariaMultiSelectable="true"),e(this,Kx,"f").id=e(this,Jx,"f"),this.panelClass)for(const t of this.panelClass.split(/\s+/).map(e=>e.trim()).filter(Boolean))e(this,Kx,"f").classList.add(t);e(this,Kx,"f").style.overflowX="hidden",e(this,Kx,"f").fitAnchorWidth=!0,e(this,Kx,"f").addEventListener("toggle",e(this,ak,"f")),e(this,Kx,"f").addEventListener("pointerdown",e(this,ik,"f")),e(this,Kx,"f").addEventListener("pointerup",e(this,ok,"f")),e(this,Yx,"f")&&e(this,Kx,"f").replaceChildren(...e(this,Yx,"f").childNodes),(e(this,jx,"a",lk)??this).insertAdjacentElement("afterend",e(this,Kx,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",e(this,Jx,"f")),this.setAttribute("aria-owns",e(this,Jx,"f")),e(this,jx,"a",lk)?.notifyControlStateChange(),setTimeout(()=>{e(this,Kx,"f")?.show(this,e(this,jx,"a",lk)?.menuAnchor),L(this,"--open")})}},yk=function(){e(this,Kx,"f")&&(e(this,Kx,"f").hide(),k(this,"--open"))},$k=function(t){if(this.setAttribute("aria-activedescendant",t.id),e(this,Kx,"f")){S(t,e(this,Kx,"f"),{block:"nearest",behavior:"instant"});const a=!e(this,Xx,"f")&&(this.matches(":focus-visible")||_());e(this,jx,"a",sk).forEach(e=>{e===t&&a?(e.focusRing?.show(),e.stateLayer?.show("focused")):(e.focusRing?.hide(),e.stateLayer?.hide("focused"))})}},wk=function(e){const t=this._options[this._listKeyManager.items.indexOf(e)];t&&(t.selected=e.selected)},xk=function(t){const a=!this.multi||!t.selected;t.selected!==a&&this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(t.selected=a,e(this,jx,"m",wk).call(this,t),this.multi||e(this,jx,"a",nk).filter(e=>e!==t).forEach(t=>{t.selected=!1,e(this,jx,"m",wk).call(this,t)}),this.requestUpdate(),e(this,jx,"a",lk)?.notifyControlStateChange(),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},Ck.styles=o`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${v.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${v.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${v.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${v.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${v.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${v.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${v.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%), transparent ); } .options { display: none; } .base { flex: 1 1 auto; display: inline-flex; align-items: center; overflow: hidden; } .arrow-wrapper { display: flex; align-items: center; justify-content: center; margin-top: var(--_select-arrow-margin-top); } ::slotted([slot="arrow"]), .arrow { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-select-icon-size, 1.5rem); } :host(:is(:state(--open), :--open)) .focus-ring { display: none; }`,Ck.__nextId=0,t([h(".focus-ring")],Ck.prototype,"_focusRing",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],Ck.prototype,"hideSelectionIndicator",void 0),t([m({type:Boolean})],Ck.prototype,"multi",void 0),t([m({attribute:"panel-class"})],Ck.prototype,"panelClass",void 0),Ck=kk=t([$("m3e-select")],Ck);const Sk=i("var(--m3e-shape-size, 3rem)"),_k=i(`var(--m3e-shape-container-color, ${v.color.primary})`),Lk=i(`var(--m3e-shape-transition, clip-path ${v.motion.spring.slowEffects})`),Ek=o`:host { display: inline-block; position: relative; aspect-ratio: 1 / 1; width: ${Sk}; } :host([name]) .wrapper { background-color: ${_k}; transition: ${Lk}; transform-origin: center; } .wrapper { width: 100%; height: 100%; position: relative; isolation: isolate; overflow: hidden; will-change: clip-path; } ::slotted(img), ::slotted(video) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } @media (prefers-reduced-motion) { .wrapper { transition: none; } }`,zk={"4-leaf-clover":"M63.0014 190C49.8954 174.339 42 154.126 42 132.06C42 82.321 82.1131 42 131.595 42C153.99 42 174.466 50.2594 190.173 63.9131C205.843 50.2594 226.271 42 248.614 42C297.981 42 338 82.321 338 132.06C338 154.126 330.123 174.339 317.048 190C330.123 205.661 338 225.874 338 247.94C338 297.679 297.981 338 248.614 338C226.271 338 205.843 329.741 190.173 316.087C174.466 329.741 153.99 338 131.595 338C82.1131 338 42 297.679 42 247.94C42 225.874 49.8954 205.661 63.0014 190Z","4-sided-cookie":"M230.389 50.473C293.109 23.2328 356.767 86.8908 329.527 149.611L325.023 159.981C316.707 179.13 316.707 200.87 325.023 220.019L329.527 230.389C356.767 293.109 293.109 356.767 230.389 329.527L220.019 325.023C200.87 316.707 179.13 316.707 159.981 325.023L149.611 329.527C86.8908 356.767 23.2328 293.109 50.473 230.389L54.9768 220.019C63.2934 200.87 63.2934 179.13 54.9768 159.981L50.473 149.611C23.2328 86.8908 86.8908 23.2328 149.611 50.473L159.981 54.9768C179.13 63.2934 200.87 63.2934 220.019 54.9768L230.389 50.473Z","6-sided-cookie":"M134.186 54.5654C165.276 24.4782 214.724 24.4782 245.814 54.5654C255.328 63.7718 266.984 70.4811 279.738 74.0919C321.419 85.8924 346.142 128.586 335.552 170.473C332.312 183.291 332.312 196.709 335.552 209.527C346.142 251.414 321.419 294.108 279.738 305.908C266.984 309.519 255.328 316.228 245.814 325.435C214.724 355.522 165.276 355.522 134.186 325.435C124.672 316.228 113.016 309.519 100.262 305.908C58.5815 294.108 33.8578 251.414 44.4476 209.527C47.6879 196.709 47.6879 183.291 44.4476 170.473C33.8578 128.586 58.5815 85.8924 100.262 74.0919C113.016 70.4811 124.672 63.7718 134.186 54.5654Z","7-sided-cookie":"M142.67 51.7842C146.243 48.6394 148.029 47.067 149.671 45.7954C173.425 27.4015 206.575 27.4015 230.329 45.7954C231.971 47.067 233.757 48.6394 237.33 51.7842C238.526 52.8372 239.124 53.3636 239.724 53.8672C248.136 60.9247 258.171 65.7683 268.92 67.9594C269.688 68.1158 270.471 68.2562 272.038 68.537C276.719 69.3756 279.059 69.7949 281.075 70.2889C310.234 77.4346 330.902 103.411 331.364 133.493C331.396 135.573 331.283 137.953 331.057 142.713C330.982 144.307 330.944 145.104 330.925 145.888C330.665 156.88 333.143 167.763 338.136 177.553C338.493 178.252 338.872 178.953 339.63 180.356C341.894 184.547 343.026 186.642 343.897 188.53C356.503 215.834 349.127 248.226 325.949 267.344C324.347 268.666 322.42 270.061 318.566 272.852C317.276 273.787 316.63 274.254 316.007 274.729C307.27 281.377 300.326 290.105 295.803 300.122C295.48 300.837 295.169 301.571 294.547 303.04C292.69 307.427 291.761 309.62 290.832 311.48C277.393 338.382 247.526 352.798 218.162 346.556C216.132 346.124 213.842 345.484 209.262 344.204C207.728 343.776 206.962 343.562 206.203 343.369C195.569 340.668 184.431 340.668 173.797 343.369C173.038 343.562 172.272 343.776 170.738 344.204C166.158 345.484 163.868 346.124 161.838 346.556C132.474 352.798 102.607 338.382 89.168 311.48C88.2388 309.62 87.3102 307.427 85.453 303.04C84.8311 301.571 84.5202 300.837 84.1975 300.122C79.6741 290.105 72.7297 281.377 63.993 274.729C63.3696 274.254 62.7244 273.787 61.434 272.852C57.5801 270.061 55.6532 268.666 54.0507 267.344C30.873 248.226 23.4965 215.834 36.1027 188.53C36.9742 186.642 38.1062 184.547 40.3703 180.356C41.1283 178.953 41.5074 178.252 41.8636 177.553C46.8568 167.763 49.3353 156.88 49.0745 145.888C49.0559 145.104 49.0182 144.307 48.9426 142.713C48.7168 137.953 48.6039 135.573 48.6359 133.493C49.0982 103.411 69.7665 77.4346 98.9252 70.2889C100.941 69.7949 103.281 69.3756 107.962 68.537C109.529 68.2562 110.312 68.1158 111.08 67.9594C121.829 65.7683 131.864 60.9247 140.276 53.8672C140.876 53.3636 141.474 52.8372 142.67 51.7842Z","8-leaf-clover":"M338.584 189.998C364.427 238.164 344.902 281.771 295.066 295.061C281.771 344.902 238.164 364.422 189.998 338.584C141.831 364.427 98.2245 344.902 84.9337 295.066C35.0981 281.771 15.573 238.164 41.4157 189.998C15.573 141.831 35.0981 98.2245 84.9337 84.9337C98.2245 35.0981 141.831 15.573 189.998 41.4157C238.164 15.573 281.771 35.0981 295.061 84.9337C344.902 98.2245 364.422 141.831 338.584 189.998Z","9-sided-cookie":"M154.828 43.2756C156.574 41.8498 157.448 41.1369 158.245 40.535C177.03 26.3548 202.97 26.3548 221.755 40.535C222.552 41.1369 223.425 41.8498 225.172 43.2756C225.952 43.9121 226.342 44.2303 226.727 44.5333C235.567 51.4788 246.406 55.4147 257.652 55.7636C258.143 55.7788 258.647 55.785 259.654 55.7975C261.911 55.8255 263.039 55.8395 264.037 55.8898C287.563 57.0742 307.435 73.7107 312.689 96.6205C312.912 97.5928 313.121 98.6991 313.541 100.911C313.728 101.899 313.822 102.393 313.922 102.872C316.219 113.862 321.986 123.828 330.377 131.308C330.743 131.635 331.125 131.962 331.888 132.618C333.599 134.087 334.454 134.821 335.187 135.5C352.445 151.495 356.95 176.983 346.215 197.903C345.76 198.791 345.208 199.773 344.104 201.737C343.611 202.613 343.364 203.052 343.132 203.483C337.812 213.375 335.809 224.708 337.418 235.82C337.488 236.304 337.569 236.8 337.732 237.792C338.096 240.014 338.278 241.125 338.402 242.115C341.318 265.436 328.347 287.851 306.647 296.991C305.726 297.379 304.67 297.778 302.559 298.574C301.617 298.929 301.146 299.107 300.69 299.289C290.241 303.455 281.406 310.852 275.48 320.395C275.221 320.811 274.964 321.243 274.449 322.107C273.297 324.043 272.721 325.011 272.178 325.849C259.387 345.584 235.011 354.436 212.498 347.521C211.543 347.228 210.477 346.856 208.347 346.112C207.396 345.78 206.921 345.614 206.455 345.461C195.767 341.951 184.233 341.951 173.545 345.461C173.079 345.614 172.603 345.78 171.652 346.112C169.522 346.856 168.457 347.228 167.502 347.521C144.989 354.436 120.613 345.584 107.822 325.849C107.279 325.011 106.703 324.043 105.55 322.107C105.036 321.243 104.779 320.811 104.52 320.395C98.5939 310.852 89.7583 303.455 79.3096 299.289C78.8539 299.107 78.3827 298.929 77.4404 298.574C75.3294 297.778 74.274 297.379 73.3529 296.991C51.6523 287.851 38.6819 265.436 41.598 242.115C41.7218 241.125 41.9039 240.014 42.2682 237.792C42.4308 236.8 42.5121 236.304 42.5822 235.82C44.1908 224.708 42.188 213.375 36.8675 203.483C36.6354 203.052 36.389 202.613 35.8962 201.737C34.7921 199.773 34.2401 198.791 33.7845 197.903C23.0499 176.983 27.5544 151.495 44.8128 135.5C45.5454 134.821 46.4007 134.087 48.1113 132.618C48.875 131.962 49.2568 131.635 49.6228 131.308C58.0134 123.828 63.7804 113.862 66.0777 102.872C66.1779 102.393 66.2715 101.899 66.4588 100.911C66.8783 98.699 67.088 97.5928 67.311 96.6204C72.5652 73.7107 92.4369 57.0742 115.962 55.8898C116.961 55.8395 118.089 55.8255 120.346 55.7975C121.353 55.785 121.857 55.7788 122.347 55.7636C133.594 55.4147 144.432 51.4788 153.272 44.5333C153.658 44.2303 154.048 43.9121 154.828 43.2756Z","12-sided-cookie":"M166.697 39.8458C167.238 39.3157 167.508 39.0506 167.743 38.8298C180.246 27.0567 199.754 27.0567 212.257 38.8298C212.492 39.0506 212.762 39.3157 213.303 39.8458C213.628 40.1639 213.79 40.323 213.945 40.4703C221.945 48.1056 233.282 51.1433 244.028 48.5311C244.235 48.4807 244.456 48.4242 244.896 48.311C245.629 48.1224 245.996 48.0282 246.31 47.9542C263.024 44.0098 279.919 53.7642 284.86 70.2114C284.953 70.5199 285.055 70.8847 285.258 71.6143C285.38 72.0522 285.442 72.2711 285.502 72.4758C288.613 83.0884 296.912 91.3875 307.524 94.4985C307.729 94.5585 307.948 94.6195 308.386 94.7417C309.115 94.9452 309.48 95.0469 309.789 95.1396C326.236 100.081 335.99 116.976 332.046 133.69C331.972 134.004 331.878 134.371 331.689 135.104C331.576 135.544 331.519 135.765 331.469 135.972C328.857 146.718 331.894 158.055 339.53 166.055C339.677 166.21 339.836 166.372 340.154 166.697C340.684 167.238 340.949 167.508 341.17 167.743C352.943 180.246 352.943 199.754 341.17 212.257C340.949 212.492 340.684 212.762 340.154 213.303C339.836 213.628 339.677 213.79 339.53 213.945C331.894 221.945 328.857 233.282 331.469 244.028C331.519 244.235 331.576 244.456 331.689 244.896C331.878 245.629 331.972 245.996 332.046 246.31C335.99 263.024 326.236 279.919 309.789 284.86C309.48 284.953 309.115 285.055 308.386 285.258C307.948 285.381 307.729 285.442 307.524 285.502C296.912 288.613 288.613 296.912 285.502 307.524C285.442 307.729 285.381 307.948 285.258 308.386C285.055 309.115 284.953 309.48 284.86 309.789C279.919 326.236 263.024 335.99 246.31 332.046C245.996 331.972 245.629 331.878 244.896 331.689C244.456 331.576 244.235 331.519 244.028 331.469C233.282 328.857 221.945 331.894 213.945 339.53C213.79 339.677 213.628 339.836 213.303 340.154C212.762 340.684 212.492 340.949 212.257 341.17C199.754 352.943 180.246 352.943 167.743 341.17C167.508 340.949 167.238 340.684 166.697 340.154C166.372 339.836 166.21 339.677 166.055 339.53C158.055 331.894 146.718 328.857 135.972 331.469C135.765 331.519 135.544 331.576 135.104 331.689C134.371 331.878 134.004 331.972 133.69 332.046C116.976 335.99 100.081 326.236 95.1396 309.789C95.0469 309.48 94.9452 309.115 94.7417 308.386C94.6195 307.948 94.5585 307.729 94.4985 307.524C91.3875 296.912 83.0884 288.613 72.4758 285.502C72.2711 285.442 72.0522 285.38 71.6143 285.258C70.8847 285.055 70.5199 284.953 70.2114 284.86C53.7642 279.919 44.0098 263.024 47.9542 246.31C48.0282 245.996 48.1224 245.629 48.311 244.896C48.4242 244.456 48.4807 244.235 48.5311 244.028C51.1433 233.282 48.1056 221.945 40.4703 213.945C40.323 213.79 40.1639 213.628 39.8458 213.303C39.3157 212.762 39.0506 212.492 38.8298 212.257C27.0567 199.754 27.0567 180.246 38.8298 167.743C39.0506 167.508 39.3157 167.238 39.8458 166.697C40.1639 166.372 40.323 166.21 40.4703 166.055C48.1056 158.055 51.1433 146.718 48.5311 135.972C48.4807 135.765 48.4242 135.544 48.311 135.104C48.1224 134.371 48.0282 134.004 47.9542 133.69C44.0098 116.976 53.7642 100.081 70.2114 95.1396C70.5199 95.0469 70.8847 94.9452 71.6143 94.7417C72.0522 94.6195 72.2711 94.5585 72.4758 94.4985C83.0884 91.3875 91.3875 83.0884 94.4985 72.4758C94.5585 72.2711 94.6195 72.0522 94.7417 71.6143C94.9452 70.8847 95.0469 70.5199 95.1396 70.2114C100.081 53.7642 116.976 44.0098 133.69 47.9542C134.004 48.0282 134.371 48.1224 135.104 48.311C135.544 48.4242 135.765 48.4807 135.972 48.5311C146.718 51.1433 158.055 48.1056 166.055 40.4703C166.21 40.323 166.372 40.1639 166.697 39.8458Z",burst:"M187.293 26.6421C188.056 25.2785 188.437 24.5966 188.902 24.3108C189.575 23.8964 190.425 23.8964 191.098 24.3108C191.563 24.5966 191.944 25.2785 192.707 26.6421L218.917 73.4925C219.386 74.3306 219.62 74.7497 219.937 75.0046C220.396 75.3737 220.989 75.5326 221.571 75.4425C221.973 75.3802 222.386 75.1345 223.211 74.6431L269.335 47.1743C270.677 46.3748 271.348 45.9751 271.893 45.9598C272.684 45.9377 273.42 46.3624 273.796 47.0581C274.055 47.5379 274.045 48.3191 274.023 49.8814L273.296 103.56C273.283 104.52 273.277 105 273.424 105.38C273.637 105.929 274.071 106.363 274.62 106.576C275 106.723 275.48 106.717 276.44 106.704L330.119 105.977C331.681 105.955 332.462 105.945 332.942 106.204C333.638 106.58 334.062 107.316 334.04 108.107C334.025 108.652 333.625 109.323 332.826 110.665L305.357 156.789C304.865 157.614 304.62 158.027 304.557 158.429C304.467 159.011 304.626 159.604 304.995 160.063C305.25 160.38 305.669 160.614 306.508 161.083L353.358 187.293C354.722 188.056 355.403 188.437 355.689 188.902C356.104 189.575 356.104 190.425 355.689 191.098C355.403 191.563 354.722 191.944 353.358 192.707L306.508 218.917C305.669 219.386 305.25 219.62 304.995 219.937C304.626 220.396 304.467 220.989 304.557 221.571C304.62 221.973 304.865 222.386 305.357 223.211L332.826 269.335C333.625 270.677 334.025 271.348 334.04 271.893C334.062 272.684 333.638 273.42 332.942 273.796C332.462 274.055 331.681 274.045 330.119 274.023L276.44 273.296C275.48 273.283 275 273.277 274.62 273.424C274.071 273.637 273.637 274.071 273.424 274.62C273.277 275 273.283 275.48 273.296 276.44L274.023 330.119C274.045 331.681 274.055 332.462 273.796 332.942C273.42 333.638 272.684 334.062 271.893 334.04C271.348 334.025 270.677 333.625 269.335 332.826L223.211 305.357C222.386 304.865 221.973 304.62 221.571 304.557C220.989 304.467 220.396 304.626 219.937 304.995C219.62 305.25 219.386 305.669 218.917 306.508L192.707 353.358C191.944 354.722 191.563 355.403 191.098 355.689C190.425 356.104 189.575 356.104 188.902 355.689C188.437 355.403 188.056 354.722 187.293 353.358L161.083 306.508C160.614 305.669 160.38 305.25 160.063 304.995C159.604 304.626 159.011 304.467 158.429 304.557C158.027 304.62 157.614 304.865 156.789 305.357L110.665 332.826C109.323 333.625 108.652 334.025 108.107 334.04C107.316 334.062 106.58 333.638 106.204 332.942C105.945 332.462 105.955 331.681 105.977 330.119L106.704 276.44C106.717 275.48 106.723 275 106.576 274.62C106.363 274.071 105.929 273.637 105.38 273.424C105 273.277 104.52 273.283 103.56 273.296L49.8814 274.023C48.3191 274.045 47.5379 274.055 47.0581 273.796C46.3624 273.42 45.9377 272.684 45.9598 271.893C45.9751 271.348 46.3748 270.677 47.1743 269.335L74.6431 223.211C75.1345 222.386 75.3802 221.973 75.4425 221.571C75.5326 220.989 75.3737 220.396 75.0046 219.937C74.7497 219.62 74.3306 219.386 73.4925 218.917L26.6421 192.707C25.2785 191.944 24.5966 191.563 24.3108 191.098C23.8964 190.425 23.8964 189.575 24.3108 188.902C24.5966 188.437 25.2785 188.056 26.6421 187.293L73.4925 161.083C74.3306 160.614 74.7497 160.38 75.0046 160.063C75.3737 159.604 75.5326 159.011 75.4425 158.429C75.3802 158.027 75.1345 157.614 74.6431 156.789L47.1743 110.665C46.3748 109.323 45.9751 108.652 45.9598 108.107C45.9377 107.316 46.3624 106.58 47.0581 106.204C47.5379 105.945 48.3191 105.955 49.8814 105.977L103.56 106.704C104.52 106.717 105 106.723 105.38 106.576C105.929 106.363 106.363 105.929 106.576 105.38C106.723 105 106.717 104.52 106.704 103.56L105.977 49.8814C105.955 48.3191 105.945 47.5379 106.204 47.0581C106.58 46.3624 107.316 45.9377 108.107 45.9598C108.652 45.9751 109.323 46.3748 110.665 47.1743L156.789 74.6431C157.614 75.1345 158.027 75.3802 158.429 75.4425C159.011 75.5326 159.604 75.3737 160.063 75.0046C160.38 74.7497 160.614 74.3306 161.083 73.4925L187.293 26.6421Z",oval:"M271.309 271.309C201.705 340.913 108.877 360.935 63.9707 316.029C19.0648 271.123 39.0867 178.295 108.691 108.691C178.295 39.0867 271.123 19.0648 316.029 63.9707C360.935 108.877 340.913 201.705 271.309 271.309Z",pentagon:"M155.064 49.459C176.093 34.1803 204.569 34.1803 225.598 49.459L322.926 120.171C343.955 135.45 352.754 162.532 344.722 187.253L307.546 301.668C299.514 326.39 276.476 343.127 250.483 343.127H130.18C104.186 343.127 81.1489 326.39 73.1164 301.668L35.9407 187.253C27.9082 162.532 36.7077 135.45 57.737 120.171L155.064 49.459Z",pill:"M116.116 71.7851C169.162 18.7383 255.168 18.7383 308.215 71.7851C361.262 124.832 361.262 210.838 308.215 263.884L263.884 308.215C210.838 361.262 124.832 361.262 71.7851 308.215C18.7383 255.168 18.7383 169.162 71.7851 116.116L116.116 71.7851Z","soft-burst":"M175.147 33.1508C181.983 22.2831 198.017 22.2831 204.853 33.1508L221.238 59.2009C225.731 66.3458 234.797 69.2506 242.692 66.0751L271.475 54.4972C283.482 49.6671 296.455 58.9613 295.507 71.7154L293.235 102.288C292.612 110.673 298.215 118.278 306.494 120.284L336.681 127.601C349.275 130.653 354.23 145.692 345.861 155.461L325.8 178.877C320.298 185.3 320.298 194.7 325.8 201.123L345.861 224.539C354.23 234.308 349.275 249.347 336.681 252.399L306.494 259.716C298.215 261.722 292.612 269.327 293.235 277.712L295.507 308.285C296.455 321.039 283.482 330.333 271.475 325.503L242.692 313.925C234.797 310.749 225.731 313.654 221.238 320.799L204.853 346.849C198.017 357.717 181.983 357.717 175.147 346.849L158.762 320.799C154.269 313.654 145.203 310.749 137.308 313.925L108.525 325.503C96.5177 330.333 83.5454 321.039 84.4931 308.285L86.7649 277.712C87.388 269.327 81.785 261.722 73.5056 259.716L43.3186 252.399C30.7252 249.347 25.7702 234.308 34.1391 224.539L54.1997 201.123C59.7018 194.7 59.7018 185.3 54.1997 178.877L34.1391 155.461C25.7702 145.692 30.7252 130.653 43.3186 127.601L73.5056 120.284C81.785 118.278 87.388 110.673 86.7649 102.288L84.4931 71.7154C83.5454 58.9613 96.5177 49.6671 108.525 54.4972L137.308 66.0751C145.203 69.2506 154.269 66.3458 158.762 59.201L175.147 33.1508Z",sunny:"M276.453 68.8118C286.405 69.4881 291.381 69.8263 295.404 71.5853C301.223 74.1305 305.87 78.7766 308.415 84.5965C310.174 88.6186 310.512 93.5948 311.188 103.547L312.732 126.259C313.005 130.284 313.142 132.296 313.579 134.219C314.212 136.997 315.31 139.648 316.827 142.059C317.877 143.728 319.203 145.248 321.856 148.288L336.824 165.438C343.384 172.954 346.663 176.712 348.263 180.8C350.579 186.715 350.579 193.285 348.263 199.2C346.663 203.288 343.384 207.046 336.824 214.562L321.856 231.712C319.203 234.752 317.877 236.272 316.827 237.941C315.31 240.352 314.212 243.003 313.579 245.781C313.142 247.704 313.005 249.716 312.732 253.741L311.188 276.453C310.512 286.405 310.174 291.381 308.415 295.404C305.87 301.223 301.223 305.87 295.404 308.415C291.381 310.174 286.405 310.512 276.453 311.188L253.741 312.732C249.716 313.005 247.704 313.142 245.781 313.579C243.003 314.212 240.352 315.31 237.941 316.827C236.272 317.877 234.752 319.203 231.712 321.856L214.562 336.824C207.046 343.384 203.288 346.663 199.2 348.263C193.285 350.579 186.715 350.579 180.8 348.263C176.712 346.663 172.954 343.384 165.438 336.824L148.288 321.856C145.248 319.203 143.728 317.877 142.059 316.827C139.648 315.31 136.997 314.212 134.219 313.579C132.296 313.142 130.284 313.005 126.259 312.732L103.547 311.188C93.5947 310.512 88.6186 310.174 84.5965 308.415C78.7766 305.87 74.1305 301.223 71.5853 295.404C69.8263 291.381 69.4881 286.405 68.8118 276.453L67.2684 253.741C66.9949 249.716 66.8581 247.704 66.4206 245.781C65.7883 243.003 64.6903 240.352 63.173 237.941C62.123 236.272 60.7965 234.752 58.1437 231.712L43.1756 214.562C36.6164 207.046 33.3369 203.288 31.7366 199.2C29.4211 193.285 29.4211 186.715 31.7366 180.8C33.3369 176.712 36.6164 172.954 43.1756 165.438L58.1437 148.288C60.7965 145.248 62.123 143.728 63.173 142.059C64.6903 139.648 65.7883 136.997 66.4206 134.219C66.8581 132.296 66.9949 130.284 67.2684 126.259L68.8118 103.547C69.4881 93.5948 69.8263 88.6186 71.5853 84.5965C74.1305 78.7766 78.7766 74.1305 84.5965 71.5853C88.6186 69.8263 93.5948 69.4881 103.547 68.8118L126.259 67.2684C130.284 66.9949 132.296 66.8581 134.219 66.4206C136.997 65.7883 139.648 64.6903 142.059 63.173C143.728 62.123 145.248 60.7966 148.288 58.1437L165.438 43.1756C172.954 36.6164 176.712 33.3369 180.8 31.7366C186.715 29.4211 193.285 29.4211 199.2 31.7366C203.288 33.3369 207.046 36.6164 214.562 43.1756L231.712 58.1437C234.752 60.7966 236.272 62.123 237.941 63.173C240.352 64.6903 243.003 65.7883 245.781 66.4206C247.704 66.8581 249.716 66.9949 253.741 67.2684L276.453 68.8118Z","very-sunny":"M166.725 43.1869C177.261 25.6044 202.739 25.6044 213.275 43.1868L225.124 62.9597C231.268 73.2136 243.399 78.2385 254.995 75.3327L277.355 69.7294C297.237 64.7468 315.253 82.7627 310.271 102.645L304.667 125.005C301.762 136.601 306.786 148.732 317.04 154.876L336.813 166.725C354.396 177.261 354.396 202.739 336.813 213.275L317.04 225.124C306.786 231.268 301.762 243.399 304.667 254.995L310.271 277.355C315.253 297.237 297.237 315.253 277.355 310.271L254.995 304.667C243.399 301.762 231.268 306.786 225.124 317.04L213.275 336.813C202.739 354.396 177.261 354.396 166.725 336.813L154.876 317.04C148.732 306.786 136.601 301.762 125.005 304.667L102.646 310.271C82.7627 315.253 64.7468 297.237 69.7294 277.355L75.3327 254.995C78.2385 243.399 73.2136 231.268 62.9597 225.124L43.1869 213.275C25.6044 202.739 25.6044 177.261 43.1868 166.725L62.9597 154.876C73.2136 148.732 78.2385 136.601 75.3327 125.005L69.7294 102.646C64.7468 82.7627 82.7627 64.7468 102.645 69.7294L125.005 75.3327C136.601 78.2385 148.732 73.2136 154.876 62.9597L166.725 43.1869Z",bun:"M38.875 113.322C38.875 69.5137 74.3887 34 118.197 34H261.803C305.611 34 341.125 69.5137 341.125 113.322C341.125 149.45 316.972 179.937 283.932 189.516C283.717 189.579 283.567 189.776 283.567 190C283.567 190.224 283.717 190.421 283.932 190.484C316.972 200.063 341.125 230.55 341.125 266.678C341.125 310.486 305.611 346 261.803 346H118.197C74.3887 346 38.875 310.486 38.875 266.678C38.875 230.785 62.7138 200.461 95.422 190.674C95.72 190.585 95.9264 190.311 95.9264 190C95.9264 189.689 95.72 189.415 95.422 189.326C62.7138 179.539 38.875 149.214 38.875 113.322Z",boom:"M186.738 36.413C187.51 30.2399 187.896 27.1534 188.483 26.6019C189.337 25.7994 190.663 25.7994 191.517 26.6019C192.104 27.1534 192.49 30.2399 193.262 36.413L203.079 114.907C203.39 117.398 203.546 118.644 203.993 119.158C204.642 119.904 205.703 120.131 206.598 119.715C207.214 119.428 207.861 118.353 209.153 116.205L249.875 48.5119C253.078 43.1883 254.679 40.5264 255.438 40.2626C256.543 39.8785 257.754 40.4209 258.21 41.5032C258.522 42.247 257.626 45.2245 255.834 51.1796L233.049 126.902C232.326 129.305 231.964 130.507 232.165 131.159C232.456 132.107 233.333 132.748 234.319 132.733C234.998 132.723 236.023 132.006 238.073 130.572L302.659 85.3844C307.738 81.8306 310.278 80.0538 311.078 80.1231C312.243 80.2241 313.13 81.2151 313.108 82.39C313.093 83.1974 311.07 85.5511 307.024 90.2585L255.576 150.116C253.943 152.016 253.126 152.966 253.045 153.644C252.928 154.628 253.47 155.573 254.377 155.963C255.001 156.231 256.228 155.995 258.681 155.524L335.963 140.655C342.041 139.485 345.08 138.901 345.783 139.291C346.806 139.86 347.215 141.128 346.72 142.192C346.38 142.924 343.579 144.247 337.979 146.893L266.764 180.536C264.503 181.604 263.373 182.137 263.025 182.724C262.52 183.575 262.633 184.66 263.304 185.387C263.765 185.887 264.981 186.173 267.413 186.745L344.029 204.766C350.054 206.184 353.067 206.892 353.551 207.537C354.256 208.474 354.117 209.8 353.234 210.57C352.627 211.099 349.534 211.163 343.347 211.289L264.679 212.901C262.182 212.952 260.933 212.977 260.378 213.371C259.572 213.942 259.237 214.979 259.555 215.917C259.774 216.563 260.77 217.322 262.76 218.839L325.462 266.634C330.393 270.393 332.858 272.272 333.04 273.059C333.304 274.203 332.641 275.358 331.523 275.7C330.755 275.935 327.903 274.728 322.2 272.314L249.681 241.615C247.379 240.641 246.228 240.153 245.562 240.286C244.595 240.478 243.869 241.288 243.78 242.275C243.719 242.955 244.321 244.055 245.526 246.255L283.472 315.559C286.456 321.01 287.948 323.735 287.796 324.528C287.574 325.682 286.501 326.466 285.341 326.321C284.544 326.221 282.428 323.952 278.194 319.415L224.364 261.714C222.655 259.882 221.801 258.966 221.139 258.815C220.177 258.594 219.187 259.038 218.706 259.904C218.375 260.5 218.48 261.751 218.691 264.253L225.32 343.084C225.841 349.283 226.102 352.383 225.642 353.045C224.973 354.009 223.676 354.286 222.675 353.679C221.987 353.263 220.971 350.324 218.939 344.447L193.105 269.721C192.285 267.349 191.875 266.163 191.332 265.754C190.542 265.16 189.458 265.16 188.668 265.754C188.125 266.163 187.715 267.349 186.895 269.721L161.061 344.447C159.029 350.324 158.013 353.263 157.325 353.679C156.324 354.286 155.027 354.009 154.358 353.045C153.898 352.383 154.159 349.283 154.68 343.084L161.309 264.253C161.52 261.751 161.625 260.5 161.294 259.904C160.813 259.038 159.823 258.594 158.861 258.815C158.199 258.966 157.345 259.882 155.636 261.714L101.806 319.415C97.5724 323.952 95.4556 326.221 94.6586 326.321C93.4987 326.466 92.4257 325.682 92.2041 324.528C92.0519 323.735 93.544 321.01 96.5282 315.559L134.474 246.255C135.679 244.055 136.281 242.955 136.22 242.275C136.131 241.288 135.405 240.478 134.438 240.286C133.772 240.153 132.621 240.641 130.319 241.615L57.8002 272.314C52.097 274.728 49.2455 275.935 48.4771 275.7C47.3589 275.358 46.6958 274.203 46.9601 273.059C47.1418 272.272 49.6074 270.393 54.5385 266.634L117.24 218.839C119.23 217.322 120.226 216.563 120.445 215.917C120.763 214.979 120.428 213.942 119.622 213.371C119.067 212.977 117.818 212.952 115.321 212.901L36.6531 211.289C30.4664 211.163 27.373 211.099 26.7662 210.57C25.8831 209.8 25.7445 208.474 26.449 207.537C26.9332 206.892 29.9459 206.184 35.9713 204.766L112.587 186.745C115.019 186.173 116.235 185.887 116.697 185.387C117.367 184.66 117.48 183.575 116.975 182.724C116.627 182.137 115.497 181.604 113.236 180.536L42.0212 146.893C36.4205 144.247 33.6202 142.924 33.2799 142.192C32.7846 141.128 33.1944 139.86 34.2174 139.291C34.9204 138.901 37.9592 139.485 44.037 140.655L121.319 155.524C123.772 155.995 124.999 156.231 125.623 155.963C126.53 155.573 127.072 154.628 126.955 153.644C126.874 152.966 126.057 152.016 124.424 150.116L72.9761 90.2585C68.93 85.5511 66.907 83.1974 66.8919 82.39C66.87 81.2151 67.7575 80.2241 68.922 80.1231C69.7222 80.0538 72.2618 81.8306 77.3411 85.3844L141.927 130.572C143.977 132.006 145.002 132.723 145.681 132.733C146.667 132.748 147.544 132.107 147.835 131.159C148.036 130.507 147.674 129.305 146.951 126.902L124.166 51.1796C122.374 45.2245 121.478 42.247 121.79 41.5032C122.246 40.4209 123.457 39.8785 124.562 40.2626C125.321 40.5264 126.922 43.1883 130.125 48.5119L170.847 116.205C172.139 118.354 172.786 119.428 173.402 119.715C174.297 120.131 175.358 119.904 176.007 119.158C176.454 118.644 176.61 117.398 176.921 114.907L186.738 36.413Z",arch:"M345 293.727C345 299.96 345 303.076 344.689 305.696C342.259 326.14 326.14 342.259 305.696 344.689C303.076 345 299.96 345 293.727 345H86.2732C80.0405 345 76.9242 345 74.3043 344.689C53.8596 342.259 37.7407 326.14 35.3113 305.696C35 303.076 35 299.96 35 293.727L35 190C35 104.396 104.396 35 190 35C275.604 35 345 104.396 345 190V293.727Z",arrow:"M262.422 104.907C253.213 90.2936 243.84 75.4777 231.389 63.8739C218.938 52.2412 202.808 44.023 186.27 45.0937C171.748 46.0486 158.288 54.0932 147.662 64.5974C137.036 75.1015 128.781 88.0365 120.661 100.856C98.7011 135.464 76.7136 170.073 54.7533 204.711C44.3181 221.147 33.6105 238.307 30.7224 257.898C27.2349 281.568 36.6348 305.673 53.3093 321.415C70.7467 337.88 99.0008 336.549 120.225 332.035C143.493 327.086 166.244 317.769 189.975 317.797C210.301 317.797 229.945 324.685 249.726 329.691C269.479 334.668 290.704 337.735 309.776 330.327C333.453 321.154 350.454 295.082 349.991 268.315C349.555 243.892 323.508 201.759 323.508 201.759C323.508 201.759 282.78 137.194 262.422 104.907Z",diamond:"M247.442 306.481C230.606 328.514 222.188 339.53 212.466 344.548C198.383 351.817 181.617 351.817 167.534 344.548C157.812 339.53 149.394 328.514 132.558 306.481L76.646 233.308C66.4059 219.906 61.2859 213.206 58.7505 206.032C55.0832 195.654 55.0832 184.346 58.7505 173.968C61.2859 166.794 66.4059 160.094 76.6461 146.692L132.558 73.5194C149.394 51.4863 157.812 40.4697 167.534 35.4518C181.617 28.1827 198.383 28.1827 212.466 35.4518C222.188 40.4697 230.606 51.4863 247.442 73.5195L303.354 146.692C313.594 160.094 318.714 166.794 321.249 173.968C324.917 184.346 324.917 195.654 321.249 206.032C318.714 213.206 313.594 219.906 303.354 233.308L247.442 306.481Z",fan:"M40 87.3684C40 85.697 40 84.8613 40.0219 84.1547C40.7686 60.0969 60.0969 40.7686 84.1547 40.0219C84.8613 40 85.697 40 87.3684 40C96.2825 40 100.74 40 104.508 40.117C232.816 44.0992 335.901 147.184 339.883 275.492C340 279.26 340 283.717 340 292.632C340 294.303 340 295.139 339.978 295.845C339.231 319.903 319.903 339.231 295.845 339.978C295.139 340 294.303 340 292.632 340H107.441C87.0642 340 76.8757 340 68.7935 336.8C57.0947 332.168 47.8318 322.905 43.2 311.207C40 303.124 40 292.936 40 272.559V87.3684Z",flower:"M303.126 76.8625C291.251 64.988 264.194 70.8597 231.547 89.6813C221.771 53.2855 206.79 30 189.996 30C173.203 30 158.223 53.2841 148.447 89.6779C115.802 70.8581 88.7463 64.9874 76.8722 76.8614C64.997 88.7367 70.8701 115.796 89.6945 148.446C53.2912 158.222 30 173.204 30 190C30 206.793 53.283 221.773 89.6753 231.549C70.8495 264.2 64.9757 291.261 76.8513 303.137C88.7274 315.013 115.79 309.138 148.444 290.31C158.22 326.711 173.201 350 189.996 350C206.792 350 221.774 326.709 231.55 290.307C264.205 309.136 291.27 315.012 303.146 303.136C315.022 291.26 309.148 264.2 290.323 231.549C326.716 221.773 350 206.793 350 190C350 173.204 326.708 158.222 290.304 148.446C309.128 115.797 315.001 88.7376 303.126 76.8625Z",gem:"M133.415 65.7498C150.981 52.991 159.763 46.6116 169.124 43.4402C182.663 38.8533 197.337 38.8533 210.876 43.4402C220.237 46.6116 229.019 52.991 246.585 65.7498L286.083 94.4402C296.514 102.017 301.729 105.805 305.981 110.353C312.125 116.926 316.839 124.702 319.823 133.189C321.888 139.062 322.834 145.437 324.725 158.189L332.038 207.501C335.355 229.87 337.014 241.055 335.34 251.136C332.918 265.718 325.6 279.04 314.59 288.907C306.979 295.728 296.649 300.329 275.987 309.532L229.176 330.382C216.707 335.935 210.473 338.712 204.064 340.131C194.8 342.182 185.2 342.182 175.936 340.131C169.527 338.712 163.293 335.935 150.824 330.382L104.013 309.532C83.3515 300.329 73.0207 295.728 65.4097 288.907C54.4005 279.04 47.0819 265.718 44.6602 251.136C42.9859 241.055 44.6447 229.87 47.9621 207.501L55.2752 158.189C57.1662 145.437 58.1117 139.062 60.1768 133.189C63.1612 124.702 67.8747 116.926 74.0191 110.353C78.2706 105.805 83.4862 102.017 93.9172 94.4402L133.415 65.7498Z","ghost-ish":"M40 182.857C40 103.959 107.157 40 190 40C272.843 40 340 103.959 340 182.857L340 282.857C340 314.416 313.137 340 280 340C270.178 340 260.907 337.752 252.724 333.768C248.554 331.737 244.394 329.512 240.216 327.277C225.513 319.411 210.592 311.429 194.27 311.429H185.73C169.408 311.429 154.487 319.411 139.784 327.277C135.606 329.512 131.446 331.737 127.276 333.768C119.093 337.752 109.822 340 100 340C66.8629 340 40 314.416 40 282.857L40 182.857Z",heart:"M281.1 47.134C259.439 47.134 240.113 57.3021 227.481 73.1973L190 114.513V114.379L152.519 73.0633C139.887 57.1681 120.561 47 98.8995 47C60.8478 47 30 78.3656 30 117.059C30 151.058 58.3751 176.471 78.9187 200.884C99.3895 225.205 119.856 249.523 140.323 273.844L186.272 328.437C187.516 329.914 188.756 331.388 190 332.866V333C191.244 331.522 192.484 330.048 193.728 328.571C209.043 310.375 224.358 292.178 239.677 273.978C260.144 249.657 280.614 225.339 301.081 201.018C321.625 176.608 350 151.196 350 117.193C350 78.4996 319.152 47.134 281.1 47.134Z",hexagon:"M360.196 147.081C367.995 160.591 371.894 167.346 373.864 174.403C376.712 184.606 376.712 195.394 373.864 205.597C371.894 212.654 367.995 219.409 360.196 232.919L336.437 274.079C328.638 287.589 324.738 294.344 319.613 299.58C312.202 307.148 302.86 312.543 292.601 315.177C285.505 317 277.706 317 262.108 317L117.892 317C102.294 317 94.4949 317 87.399 315.178C77.1398 312.543 67.798 307.149 60.3873 299.58C55.2616 294.345 51.3621 287.589 43.5632 274.079L19.8039 232.919C12.0054 219.409 8.10612 212.654 6.13613 205.597C3.28796 195.394 3.28796 184.606 6.13613 174.403C8.10613 167.346 12.0054 160.591 19.804 147.081L43.5632 105.921C51.3622 92.4107 55.2616 85.6554 60.3874 80.4202C67.798 72.8514 77.1398 67.457 87.3989 64.8224C94.4949 63.0002 102.294 63.0002 117.892 63.0002L262.108 63C277.706 63 285.505 63 292.601 64.8222C302.86 67.4567 312.202 72.8511 319.613 80.42C324.738 85.6551 328.638 92.4104 336.437 105.921L360.196 147.081Z","pixel-circle":"M253.556 34H126.444V54.2217H83.1111V80.2222H57.1111V126.444H34V253.556H57.1111V299.778H83.1111V325.777H126.444V346H253.556V325.777H296.889V299.778H322.889V253.556H346V126.444H322.889V80.2222H296.889V54.2217H253.556V34Z","pixel-triangle":"M121.641 30H66V350H121.641V322.174H164.564V295.739H209.077V265.13H245.641V240.086H282.205V209.478H314V170.522H282.205V139.912H245.641V114.869H209.077V84.2609H164.564V57.8262H121.641V30Z",puffy:"M371.982 187.559C371.686 165.488 353.541 147.816 331.439 148.112C330.218 148.112 329.016 148.204 327.832 148.334C328.757 147.576 329.663 146.799 330.532 145.949C346.365 130.551 346.698 105.226 331.291 89.4031C330.384 88.4788 329.478 87.5546 328.553 86.6673C312.721 71.2692 287.4 71.6019 271.974 87.4252C271.123 88.294 270.347 89.1997 269.588 90.124C269.718 88.9409 269.792 87.7394 269.81 86.5194C270.125 64.4482 252.443 46.3142 230.359 46C229.711 46 229.064 46 228.417 46H227.103C210.734 46 196.696 55.8341 190.5 69.9013C184.304 55.8341 170.247 46 153.897 46H152.583C151.936 46 151.289 46 150.641 46C128.557 46.2958 110.875 64.4297 111.171 86.5194C111.171 87.7394 111.264 88.9409 111.393 90.124C110.635 89.1997 109.858 88.294 109.007 87.4252C93.6001 71.6019 68.2608 71.2692 52.4283 86.6673C51.5035 87.573 50.5787 88.4788 49.6909 89.4031C34.2839 105.226 34.6168 130.532 50.4493 145.949C51.3186 146.799 52.2249 147.576 53.1497 148.334C51.9659 148.204 50.7637 148.13 49.543 148.112C27.4589 147.816 9.31443 165.488 9 187.559C9 188.206 9 188.853 9 189.5C9 190.147 9 190.794 9 191.441C9.29593 213.512 27.4404 231.184 49.543 230.888C50.7637 230.888 51.9659 230.796 53.1497 230.666C52.2249 231.424 51.3186 232.201 50.4493 233.051C34.6168 248.449 34.2839 273.774 49.6909 289.597C50.5972 290.521 51.5035 291.445 52.4283 292.333C68.2608 307.731 93.5816 307.398 109.007 291.575C109.858 290.706 110.635 289.8 111.393 288.876C111.264 290.059 111.19 291.261 111.171 292.481C110.875 314.552 128.539 332.704 150.641 333C151.289 333 151.936 333 152.583 333H153.897C170.266 333 184.304 323.166 190.5 309.099C196.696 323.166 210.753 333 227.103 333H228.417C229.064 333 229.711 333 230.359 333C252.443 332.704 270.125 314.57 269.829 292.481C269.829 291.261 269.736 290.059 269.607 288.876C270.365 289.8 271.142 290.706 271.993 291.575C287.4 307.398 312.739 307.731 328.572 292.333C329.496 291.427 330.421 290.521 331.309 289.597C346.716 273.774 346.383 248.468 330.551 233.051C329.681 232.201 328.775 231.424 327.85 230.666C329.034 230.796 330.236 230.87 331.457 230.888C353.541 231.184 371.704 213.531 372 191.441C372 190.794 372 190.147 372 189.5C372 188.853 372 188.206 372 187.559H371.982Z","puffy-diamond":"M279.397 279.754C291.485 267.666 295.573 250.608 291.663 235.157C307.124 239.086 324.202 235.001 336.3 222.902C354.567 204.636 354.567 175.02 336.3 156.754C324.273 144.727 307.325 140.619 291.936 144.43C295.368 129.286 291.188 112.766 279.397 100.975C267.282 88.8601 250.174 84.7804 234.696 88.736C238.798 73.1705 234.747 55.9026 222.544 43.6997C204.278 25.4334 174.662 25.4334 156.396 43.6997C144.266 55.83 140.191 72.9655 144.172 88.4584C129.001 84.9862 112.435 89.1585 100.618 100.975C88.8257 112.767 84.6462 129.289 88.0792 144.434C72.6865 140.616 55.7312 144.723 43.6997 156.754C25.4334 175.02 25.4334 204.636 43.6997 222.902C55.8026 235.005 72.8879 239.089 88.3531 235.153C84.4405 250.605 88.5288 267.665 100.618 279.754C112.385 291.521 128.862 295.708 143.98 292.314C140.328 307.602 144.467 324.371 156.396 336.3C174.662 354.567 204.278 354.567 222.544 336.3C234.544 324.301 238.661 307.403 234.894 292.043C250.32 295.914 267.333 291.817 279.397 279.754Z",semicircle:"M350 256.921C350 275.19 335.19 290 316.921 290L63.0794 290C44.8102 290 30 275.19 30 256.921L30 250C30 161.634 101.634 90 190 90C278.366 90 350 161.634 350 250V256.921Z",slanted:"M45.7147 120.543C48.289 95.9642 49.5761 83.6748 54.3025 73.9777C61.142 59.9453 73.0768 49.1101 87.6278 43.7229C97.6833 40 109.933 40 134.432 40H258.137C287.764 40 302.578 40 313.887 44.8539C330.261 51.8819 342.72 65.8495 347.927 83.0153C351.523 94.8709 349.967 109.733 346.854 139.457L334.285 259.457C331.711 284.036 330.424 296.325 325.697 306.022C318.858 320.055 306.923 330.89 292.372 336.277C282.317 340 270.067 340 245.568 340H121.863C92.2359 340 77.4221 340 66.1134 335.146C49.7395 328.118 37.2802 314.151 32.0729 296.985C28.4765 285.129 30.0331 270.267 33.1463 240.543L45.7147 120.543Z","soft-boom":"M204.57 116.822C226.539 6.39254 153.487 6.39254 175.457 116.822C153.487 6.39254 85.9934 34.3433 148.549 127.966C85.9934 34.3433 34.3433 85.9934 127.966 148.549C34.3433 85.9934 6.39254 153.487 116.822 175.444C6.39254 153.474 6.39254 226.526 116.822 204.556C6.39254 226.526 34.3565 294.007 127.966 231.451C34.3565 294.007 86.0066 345.657 148.549 252.034C85.9934 345.644 153.487 373.594 175.444 263.178C153.474 373.607 226.526 373.607 204.556 263.178C226.526 373.607 294.007 345.644 231.451 252.034C294.007 345.644 345.657 293.993 252.034 231.451C345.644 294.007 373.594 226.513 263.178 204.556C373.607 226.526 373.607 153.474 263.178 175.444C373.607 153.474 345.644 85.9934 252.034 148.549C345.644 85.9934 293.993 34.3433 231.451 127.966C294.007 34.3565 226.513 6.40574 204.556 116.822H204.57Z",square:"M350 202C350 246.717 350 269.076 342.978 286.812C332.813 312.485 312.485 332.813 286.812 342.978C269.076 350 246.717 350 202 350H178C133.283 350 110.924 350 93.1875 342.978C67.5145 332.813 47.187 312.485 37.0223 286.812C30 269.076 30 246.717 30 202L30 178C30 133.283 30 110.924 37.0224 93.1875C47.187 67.5145 67.5146 47.187 93.1876 37.0223C110.924 30 133.283 30 178 30L202 30C246.717 30 269.076 30 286.812 37.0224C312.485 47.187 332.813 67.5146 342.978 93.1876C350 110.924 350 133.283 350 178V202Z",circle:"M350 190C350 278.366 278.366 350 190 350C101.634 350 30 278.366 30 190C30 101.634 101.634 30 190 30C278.366 30 350 101.634 350 190Z",triangle:"M136.461 98.2021C151.597 71.8217 159.165 58.6315 168.342 53.0594C181.648 44.9802 198.352 44.9802 211.658 53.0594C220.835 58.6315 228.403 71.8217 243.539 98.2021L325.309 240.72C340.3 266.847 347.795 279.911 347.993 290.585C348.28 306.06 339.949 320.418 326.364 327.864C316.994 333 301.919 333 271.77 333H108.23C78.0806 333 63.006 333 53.636 327.864C40.0505 320.418 31.7204 306.06 32.0072 290.585C32.2049 279.911 39.7003 266.847 54.6909 240.72L136.461 98.2021Z"};let Mk=new Array;const Pk=new Map;for(const e in zk)Mk.push(zk[e]),Pk.set(e,Mk.length-1);const Tk={};Mk=$e(Mk,300);for(const e of Pk)Tk[e[0]]=i(Mk[e[1]]);const Ik=Tk;const Dk=[...Object.getOwnPropertyNames(Ik).map(e=>function(e){return o`:host([name="${i(e)}"]) .wrapper { clip-path: polygon(${Ik[e]}); }`}(e))];let Ak=class extends r{constructor(){super(...arguments),this.name=null}render(){return s`<div class="wrapper"><slot></slot></div>`}};var Wk,Hk,Ok,Bk,Fk,Vk;Ak.styles=[Ek,Dk],t([m({reflect:!0})],Ak.prototype,"name",void 0),Ak=t([$("m3e-shape")],Ak);let Rk=class extends(z(r)){constructor(){super(...arguments),Wk.add(this),Hk.set(this,new Map),this.shape="auto",this.animation="wave",this.loaded=!1}disconnectedCallback(){super.disconnectedCallback(),e(this,Wk,"m",Bk).call(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,Wk,"m",Fk).call(this)}render(){return s`<slot ?inert="${!this.loaded}" @slotchange="${e(this,Wk,"m",Ok)}"></slot>`}};var qk,Nk,Uk,jk,Yk;Hk=new WeakMap,Wk=new WeakSet,Ok=async function(){e(this,Wk,"m",Fk).call(this)},Bk=function(){for(const t of e(this,Hk,"f"))t[0].remove(),t[1]();e(this,Hk,"f").clear()},Fk=async function(){e(this,Wk,"m",Bk).call(this);const t=this.shadowRoot?.querySelector("slot");if(t)for(const a of t.assignedElements({flatten:!0}).filter(e=>e instanceof HTMLElement))await e(this,Wk,"m",Vk).call(this,a)},Vk=async function(t){await X(t);const a=document.createElement("div");if(a.classList.add("shape"),"auto"===this.shape){let e=getComputedStyle(t).borderRadius;if(!e||"0px"===e){const a=t.shadowRoot?.firstElementChild;a&&!a.nextElementSibling&&(e=getComputedStyle(a).borderRadius)}e&&"0px"!==e&&(a.style.borderRadius=e)}const i=await Ne(a,t,{position:"bottom"},(e,i)=>{a.style.left=`${e}px`,a.style.top=i-t.clientHeight+"px",a.style.width=`${t.clientWidth}px`,a.style.height=`${t.clientHeight}px`});e(this,Hk,"f").set(a,i),this.shadowRoot?.appendChild(a)},(()=>{if(void 0!==window){B(o`@property --_m3e-skeleton-wave-pct { syntax: "<number>"; inherits: true; initial-value: 0; } @property --_m3e-skeleton-pulse-norm { syntax: "<number>"; inherits: true; initial-value: 0; } :root { --_m3e-skeleton-wave-span: 40vw; --_m3e-skeleton-pulse-min: 0.06; }</number></number>`);const e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=window.matchMedia("(forced-colors: active)");let a=null,i=null;function r(){a=document.documentElement.animate([{"--_m3e-skeleton-wave-pct":0},{"--_m3e-skeleton-wave-pct":1}],{duration:2100,iterations:1/0,easing:"linear"}),i=document.documentElement.animate([{"--_m3e-skeleton-pulse-norm":0},{"--_m3e-skeleton-pulse-norm":1},{"--_m3e-skeleton-pulse-norm":0}],{duration:1200,iterations:1/0,easing:"ease-in-out"})}function s(){e.matches||t.matches?(a?.pause(),i?.pause()):(a?.play(),i?.play())}r(),s(),e.addEventListener("change",s),t.addEventListener("change",s)}})(),Rk.styles=o`:host { display: contents; } .shape { position: absolute; overflow: hidden; pointer-events: none; opacity: 1; background-color: var(--m3e-skeleton-color, ${v.color.surface}); } .shape::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: color-mix( in srgb, var(--m3e-skeleton-tint-color, ${v.color.onSurface}) var(--m3e-skeleton-tint-opacity, 8%), transparent ); } :host(:not([loaded])) slot { visibility: hidden; } :host([loaded]) .shape { opacity: 0; transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}`)}; } :host([shape="rounded"]) .shape { border-radius: var(--m3e-skeleton-rounded-shape, var(--m3e-skeleton-shape, ${v.shape.corner.large})); } :host([shape="circular"]) .shape { border-radius: var(--m3e-skeleton-circular-shape, var(--m3e-skeleton-shape, ${v.shape.corner.full})); } :host([shape="square"]) .shape { border-radius: var(--m3e-skeleton-square-shape, var(--m3e-skeleton-shape, 0px)); } :host([animation="pulse"]:not([loaded])) .shape::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: calc( var(--m3e-skeleton-accent-opacity, 0.06) + (1 - var(--m3e-skeleton-accent-opacity, 0.06)) * var(--_m3e-skeleton-pulse-norm) ); background-color: var(--m3e-skeleton-tint-color, ${v.color.surfaceDim}); } :host([animation="wave"]:not([loaded])) .shape::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient( 90deg, transparent 0%, transparent 35%, var(--m3e-skeleton-accent-color, ${v.color.onSurface}) 50%, transparent 65%, transparent 100% ); background-attachment: fixed; background-size: calc(100vw + var(--_m3e-skeleton-wave-span) * 2) 100%; background-position-x: calc( var(--_m3e-skeleton-wave-pct) * (100vw + var(--_m3e-skeleton-wave-span) * 2) - var(--_m3e-skeleton-wave-span) ); opacity: var(--m3e-skeleton-accent-opacity, 0.06); } @media (forced-colors: active) { :host([loaded]) .shape { transition: none; } .shape::after { display: none; } .shape { background-color: GrayText; } } @media (prefers-reduced-motion) { :host([loaded]) .shape { transition: none; } .shape::after { display: none; } }`,t([m({reflect:!0})],Rk.prototype,"shape",void 0),t([m({reflect:!0})],Rk.prototype,"animation",void 0),t([m({type:Boolean,reflect:!0})],Rk.prototype,"loaded",void 0),Rk=t([$("m3e-skeleton")],Rk);let Kk=class extends(z(r)){constructor(){super(...arguments),qk.add(this),Nk.set(this,void 0),Uk.set(this,new A(this,{target:null,callback:()=>this._updatePaging()})),this._canPage=!1,this._canPageStart=!1,this._canPageEnd=!1,this.disabled=!1,this.vertical=!1,this.threshold=0,this.previousPageLabel="Previous page",this.nextPageLabel="Next page"}connectedCallback(){super.connectedCallback(),a(this,Nk,qe.observe(()=>this.requestUpdate()),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Nk,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,Uk,"f").observe(this.scrollContainer)}firstUpdated(t){super.firstUpdated(t),e(this,Uk,"f").observe(this.scrollContainer)}render(){const t=s`<m3e-icon-button class="prev-button" tabindex="-1" aria-label="${this.previousPageLabel}" ?disabled="${!this._canPageStart}" @click="${e(this,qk,"m",jk)}"><slot name="prev-icon">${"ltr"===qe.current||this.vertical?s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M640-80 240-480l400-400 71 71-329 329 329 329-71 71Z"/></svg>`:s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/></svg>`}</slot></m3e-icon-button>`,a=s`<m3e-icon-button class="next-button" tabindex="-1" aria-label="${this.nextPageLabel}" ?disabled="${!this._canPageEnd}" @click="${e(this,qk,"m",Yk)}"><slot name="next-icon">${"ltr"===qe.current||this.vertical?s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/></svg>`:s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M640-80 240-480l400-400 71 71-329 329 329 329-71 71Z"/></svg>`}</slot></m3e-icon-button>`;return s`${this._canPage?t:n}<div class="content" @scroll="${this._updatePaging}"><slot></slot></div>${this._canPage?a:n}`}_updatePaging(){const e=this._canPage;this.disabled?this._canPage=!1:this.vertical?(this._canPage=Math.round(this.scrollContainer.scrollHeight)>Math.round(this.scrollContainer.clientHeight)+this.threshold,this._canPage&&(this._canPageStart=Math.round(this.scrollContainer.scrollTop)>this.threshold,this._canPageEnd=Math.round(this.scrollContainer.scrollTop)+ +this.threshold<Math.round(this.scrollContainer.scrollHeight-this.scrollContainer.clientHeight))):(this._canPage=Math.round(this.scrollContainer.scrollWidth)>Math.round(this.scrollContainer.clientWidth)+this.threshold,this._canPage&&(this._canPageStart=Math.round(this.scrollContainer.scrollLeft)>this.threshold,this._canPageEnd=Math.round(this.scrollContainer.scrollLeft)+this.threshold<Math.round(this.scrollContainer.scrollWidth-this.scrollContainer.clientWidth))),this._canPage||(this._canPageStart=this._canPageEnd=!1),e!=this._canPage&&this.dispatchEvent(new CustomEvent("pagination-changed"))}};var Zk,Xk;Nk=new WeakMap,Uk=new WeakMap,qk=new WeakSet,jk=function(){if(this.vertical){let e=this.scrollContainer.scrollTop-this.scrollContainer.clientHeight;e<=this.threshold&&(e=0),this.scrollContainer.scrollTo({top:e,behavior:"smooth"})}else{let e=this.scrollContainer.scrollLeft-this.scrollContainer.clientWidth;e<=this.threshold&&(e=0),this.scrollContainer.scrollTo({left:e,behavior:"smooth"})}},Yk=function(){if(this.vertical){let e=this.scrollContainer.scrollTop+this.scrollContainer.clientHeight;e>=this.scrollContainer.scrollHeight-this.scrollContainer.clientHeight-this.threshold&&(e=this.scrollContainer.scrollHeight-this.scrollContainer.clientHeight),this.scrollContainer.scrollTo({top:e,behavior:"smooth"})}else{let e=this.scrollContainer.scrollLeft+this.scrollContainer.clientWidth;e>=this.scrollContainer.scrollWidth-this.scrollContainer.clientWidth-this.threshold&&(e=this.scrollContainer.scrollWidth-this.scrollContainer.clientWidth),this.scrollContainer.scrollTo({left:e,behavior:"smooth"})}},Kk.styles=o`:host { display: flex; flex-wrap: nowrap; } :host([vertical]) { flex-direction: column; } .prev-button, .next-button { flex: none; --m3e-icon-button-small-shape-round: 0px; --m3e-icon-button-small-shape-square: 0px; --m3e-icon-button-small-shape-pressed-morph: 0px; --m3e-focus-ring-visibility: hidden; } ::slotted(prev-icon), ::slotted(next-icon), .icon { width: 1em; font-size: var(--m3e-slide-group-button-icon-size, var(--m3e-icon-button-small-icon-size, 1.5rem)) !important; } :host(:not([vertical])) .prev-button, :host(:not([vertical])) .next-button { --m3e-icon-button-small-container-height: 100%; width: var(--m3e-slide-group-button-size, 2.5rem); } :host([vertical]) .prev-button, :host([vertical]) .next-button { width: unset; --m3e-icon-button-small-container-height: var(--m3e-slide-group-button-size, 2.5rem); } :host([vertical]) .prev-button .icon, :host([vertical]) .next-button .icon { transform: rotate(90deg); } .content { flex: 1 1 auto; display: inherit; flex-wrap: inherit; flex-direction: inherit; position: relative; border-top: var(--m3e-slide-group-divider-top); border-bottom: var(--m3e-slide-group-divider-bottom); scrollbar-width: none; } .content::-webkit-scrollbar { display: none; } :host([vertical]) .content { overflow-x: hidden; overflow-y: auto; } :host(:not([vertical])) .content { overflow-x: auto; overflow-y: hidden; }`,t([h(".content")],Kk.prototype,"scrollContainer",void 0),t([p()],Kk.prototype,"_canPage",void 0),t([p()],Kk.prototype,"_canPageStart",void 0),t([p()],Kk.prototype,"_canPageEnd",void 0),t([m({type:Boolean,reflect:!0})],Kk.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],Kk.prototype,"vertical",void 0),t([m({type:Number})],Kk.prototype,"threshold",void 0),t([m({attribute:"previous-page-label"})],Kk.prototype,"previousPageLabel",void 0),t([m({attribute:"next-page-label"})],Kk.prototype,"nextPageLabel",void 0),t([y(40)],Kk.prototype,"_updatePaging",null),Kk=t([$("m3e-slide-group")],Kk);let Gk=class extends(te(ae(se(q(N(P(f(r,"slider")))))))){constructor(){super(...arguments),Zk.add(this),this.value=null}get[(Zk=new WeakSet,le)](){return this.value?.toString()??null}focus(e){this._focusRing&&(this._focusRing.disabled=!0),super.focus(e),this._focusRing&&(this._focusRing.disabled=this.disabled)}firstUpdated(e){super.firstUpdated(e),this._focusRing?.attach(this)}update(e){super.update(e),e.has("value")&&this.dispatchEvent(new Event("value-change",{bubbles:!0}))}render(){return s`<div class="label" aria-hidden="true">${e(this,Zk,"a",Xk)}</div><div class="base"><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><div class="touch" aria-hidden="true"></div><div class="wrapper"><div class="handle"></div></div></div>`}};var Jk,Qk,eC,tC,aC,iC,oC,rC,sC,nC,lC,cC,dC,hC,mC,uC,pC,vC,bC,fC,gC,yC,$C,wC;Xk=function(){return this.closest("m3e-slider")?.displayWith?.(this.value)??this.value?.toString()??""},Gk.styles=o`:host { display: block; box-sizing: border-box; position: absolute; outline: none; top: 0; bottom: 0; border-radius: var(--m3e-slider-thumb-shape, ${v.shape.corner.full}); user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; border-radius: inherit; } .touch { position: absolute; height: 3rem; left: 0; right: 0; touch-action: none; } .wrapper { display: inline-flex; justify-content: center; height: 100%; border-radius: inherit; width: calc(var(--m3e-slider-thumb-width, 0.25rem) + calc(var(--m3e-slider-thumb-padding, 0.375em) * 2)); } .focus-ring { top: calc(0px - var(--m3e-focus-ring-thickness, 3px)); bottom: calc(0px - var(--m3e-focus-ring-thickness, 3px)); left: var(--m3e-focus-ring-thickness, 3px); right: var(--m3e-focus-ring-thickness, 3px); } .label { user-select: none; position: absolute; display: flex; align-items: center; justify-content: center; visibility: var(--_slider-label-visibility, hidden); opacity: var(--_slider-label-opacity, 0); transform: var(--_slider-label-transform, scale(0)); transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}, \n          transform ${v.motion.duration.short3} ${v.motion.easing.standard},\n          visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; width: var(--m3e-slider-label-width, 3rem); height: var(--_m3e-slider-label-height, 2.75rem); top: calc(0px - var(--_m3e-slider-label-height, 2.75rem) - var(--_m3e-slider-label-margin, 0.25rem)); inset-inline-start: calc(0px - 100%); border-radius: var(--m3e-slider-label-shape, ${v.shape.corner.full}); background-color: var(--m3e-slider-label-container-color, ${v.color.inverseSurface}); color: var(--m3e-slider-label-color, ${v.color.inverseOnSurface}); font-size: var(--m3e-slider-label-font-size, ${v.typescale.standard.label.medium.fontSize}); font-weight: var(--m3e-slider-label-font-weight, ${v.typescale.standard.label.medium.fontWeight}); line-height: var(--m3e-slider-label-line-height, ${v.typescale.standard.label.medium.lineHeight}); letter-spacing: var(--m3e-slider-label-tracking, ${v.typescale.standard.label.medium.tracking}); } @starting-style { .label { opacity: 0; transform: scale(0); } } .handle { height: 100%; width: var(--m3e-slider-thumb-width, 0.25rem); border-radius: inherit; transition: ${i(`width ${v.motion.duration.short2} ${v.motion.easing.standard}`)}; } :host(:active:not([aria-disabled="true"])) .handle { width: var(--m3e-slider-thumb-pressed-width, 2px); } :host(:not([aria-disabled="true"])) .handle { background-color: var(--m3e-slider-thumb-color, ${v.color.primary}); } :host([aria-disabled="true"]) .handle { opacity: var(--m3e-slider-thumb-disabled-opacity, 38%); background-color: var(--m3e-slider-thumb-disabled-color, ${v.color.onSurface}); } @media (prefers-reduced-motion) { .label { transition: none; } } @media (forced-colors: active) { .label { forced-color-adjust: none; background-color: CanvasText; color: Canvas; } :host(:not([aria-disabled="true"])) .handle { background-color: CanvasText; } :host([aria-disabled="true"]) .handle { opacity: unset; background-color: GrayText; } }`,t([h(".focus-ring")],Gk.prototype,"_focusRing",void 0),t([m({type:Number,reflect:!0})],Gk.prototype,"value",void 0),Gk=t([$("m3e-slider-thumb")],Gk);let xC=class extends(P(r)){constructor(){super(),Jk.add(this),Qk.set(this,void 0),this._ticks=new Array,eC.set(this,new Set),tC.set(this,new Array),aC.set(this,void 0),iC.set(this,0),oC.set(this,0),rC.set(this,0),this.size="extra-small",this.disabled=!1,this.discrete=!1,this.min=0,this.max=100,this.step=1,this.labelled=!1,this.displayWith=null,new A(this,{callback:()=>e(this,Jk,"m",mC).call(this,!0)})}get thumbs(){return e(this,tC,"f")}get isRange(){return e(this,tC,"f").length>1}get thumb(){return e(this,tC,"f")[0]??null}get lowerThumb(){return this.thumb}get upperThumb(){return e(this,tC,"f")[1]??null}connectedCallback(){super.connectedCallback(),a(this,Qk,qe.observe(()=>{e(this,Jk,"m",mC).call(this,!0),this.requestUpdate()}),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,eC,"f").clear(),e(this,Qk,"f")?.call(this)}updated(t){super.updated(t),t.has("disabled")&&e(this,tC,"f").forEach(e=>e.disabled=this.disabled)}render(){return s`<div class="base" tabindex="${je(this.disabled?void 0:"-1")}" @pointerdown="${e(this,Jk,"m",pC)}" @pointermove="${e(this,Jk,"m",vC)}" @pointerup="${e(this,Jk,"m",bC)}" @keydown="${e(this,Jk,"m",fC)}" @keyup="${e(this,Jk,"m",gC)}" @value-change="${e(this,Jk,"m",yC)}"><div class="track" aria-hidden="true"><div class="track-inactive start"></div><div class="track-active"></div><div class="track-inactive end"></div></div><div class="ticks" aria-hidden="true">${this._ticks.map(t=>e(this,Jk,"m",sC).call(this,t))}</div><slot @slotchange="${e(this,Jk,"m",nC)}"></slot></div>`}};var kC,CC,SC,_C,LC,EC,zC,MC,PC;Qk=new WeakMap,eC=new WeakMap,tC=new WeakMap,aC=new WeakMap,iC=new WeakMap,oC=new WeakMap,rC=new WeakMap,Jk=new WeakSet,sC=function(t){return s`<div class="tick ${t.active?"active":"inactive"}" style="${Se({transform:`translate(${"rtl"===qe.current?-e(this,Jk,"m",cC).call(this,t.value):e(this,Jk,"m",cC).call(this,t.value)}px, 0)`})}"></div>`},nC=function(t){a(this,tC,t.target.assignedElements({flatten:!0}).filter(e=>e instanceof Gk),"f"),e(this,tC,"f").length>2&&(e(this,tC,"f").length=2),this.isRange?this._base?.style.setProperty("--_slider-active-track-middle-shape","0"):this._base?.style.removeProperty("--_slider-active-track-middle-shape"),e(this,Jk,"m",lC).call(this)},lC=function(){e(this,tC,"f").forEach((t,a)=>{this.disabled&&(t.disabled=!0),t.ariaValueMin=`${e(this,tC,"f")[a-1]?.value??this.min}`,t.ariaValueMax=`${e(this,tC,"f")[a+1]?.value??this.max}`,t.ariaValueNow=`${t.value??e(this,tC,"f")[a-1]?.value??this.min}`})},cC=function(t){return(e(this,iC,"f")-e(this,oC,"f"))*((t-this.min)/(this.max-this.min))},dC=function(t){const a="rtl"===qe.current?e(this,rC,"f")+e(this,iC,"f")-t.clientX:t.clientX-e(this,rC,"f"),i=0===this.step?1:this.step,o=Math.floor((this.max-this.min)/i),r=a/e(this,iC,"f"),s=Math.round(r*o)/o*(this.max-this.min)+this.min;return Math.round(s/i)*i},hC=function(t=!1){this.lowerThumb&&(a(this,iC,!t&&e(this,iC,"f")>0?e(this,iC,"f"):this.clientWidth,"f"),a(this,oC,!t&&e(this,oC,"f")>0?e(this,oC,"f"):this.lowerThumb.clientWidth,"f"),a(this,rC,!t&&e(this,rC,"f")>0?e(this,rC,"f"):this.getBoundingClientRect().left,"f"))},mC=function(t=!1){if(e(this,Jk,"m",hC).call(this,t),!this.lowerThumb)return;const a=this.lowerThumb.value??this.min,i=e(this,Jk,"m",cC).call(this,a);if(this.lowerThumb.style.transform=`translate(${"rtl"===qe.current?-i:i}px, 0)`,this.upperThumb){const t=this.upperThumb.value??a,o=e(this,Jk,"m",cC).call(this,t);this.upperThumb.style.transform=`translate(${"rtl"===qe.current?-o:o}px, 0)`,this._base?.classList.toggle("range",!0),this._base?.style.setProperty("--_slider-inactive-track-before-size",`${i}px`),this._base?.style.setProperty("--_slider-active-track-offset",`${i+e(this,oC,"f")}px`),this._base?.style.setProperty("--_slider-active-track-size",o-i-e(this,oC,"f")+"px"),this._base?.style.setProperty("--_slider-inactive-track-after-offset",`${o+e(this,oC,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",e(this,iC,"f")-e(this,oC,"f")-o+"px"),e(this,Jk,"m",uC).call(this,e=>e>a&&e<t)}else this._base?.classList.toggle("range",!1),this._base?.style.setProperty("--_slider-active-track-size",`${i}px`),this._base?.style.setProperty("--_slider-inactive-track-after-offset",`${i+e(this,oC,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",e(this,iC,"f")-i-e(this,oC,"f")+"px"),e(this,Jk,"m",uC).call(this,e=>e<a)},uC=function(e){if(this._ticks=[],this.discrete&&this.step>1)for(let t=this.min;t<=this.max;t+=this.step)this._ticks.push({value:t,active:e(t)});else this._ticks.push({value:this.min,active:e(this.min)}),this.min<0&&this.max>0&&this._ticks.push({value:0,active:e(0)}),this._ticks.push({value:this.max,active:e(this.max)})},pC=function(t){if("mouse"===t.pointerType&&t.button>1)return;if(!this.lowerThumb||this.disabled)return;if(t.target instanceof HTMLElement&&t.target.setPointerCapture(t.pointerId),e(this,eC,"f").clear(),a(this,aC,t.composedPath().find(e=>e instanceof Gk),"f"),e(this,aC,"f"))return;const i=e(this,Jk,"m",dC).call(this,t);if(this.upperThumb){const t=this.lowerThumb.value??this.min,o=this.upperThumb.value??t;if(i<t)this.lowerThumb.disabled||(e(this,Jk,"m",$C).call(this,this.lowerThumb,i,!0),a(this,aC,this.lowerThumb,"f"));else if(i>o)this.upperThumb.disabled||(e(this,Jk,"m",$C).call(this,this.upperThumb,i,!0),a(this,aC,this.upperThumb,"f"));else{i<(t+o)/2&&!this.lowerThumb.disabled?(e(this,Jk,"m",$C).call(this,this.lowerThumb,i,!0),a(this,aC,this.lowerThumb,"f")):this.upperThumb.disabled||(e(this,Jk,"m",$C).call(this,this.upperThumb,i,!0),a(this,aC,this.upperThumb,"f"))}}else this.lowerThumb.disabled||(e(this,Jk,"m",$C).call(this,this.lowerThumb,i,!0),a(this,aC,this.lowerThumb,"f"))},vC=function(t){if(!(t.target instanceof HTMLElement)||!t.target.hasPointerCapture(t.pointerId)||!e(this,aC,"f")||e(this,aC,"f").disabled)return;const a=e(this,Jk,"m",dC).call(this,t);let i=this.min,o=this.max;e(this,aC,"f")===this.upperThumb?i=Math.max(i,this.lowerThumb?.value??0):this.upperThumb&&(o=Math.min(o,this.upperThumb.value??this.max)),H(this,"--animating")&&(k(this,"--animating"),e(this,aC,"f").style.transition=""),e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(o,Math.max(i,a)))},bC=function(t){"mouse"===t.pointerType&&t.button>1||this.lowerThumb&&!this.disabled&&(t.target instanceof HTMLElement&&t.target.releasePointerCapture(t.pointerId),e(this,aC,"f")&&!e(this,aC,"f").disabled&&(e(this,Jk,"m",wC).call(this,e(this,aC,"f")),e(this,aC,"f").focus()))},fC=function(t){if(a(this,aC,t.composedPath().find(e=>e instanceof Gk),"f"),!e(this,aC,"f"))return;const i=e(this,aC,"f").value??0;let o=this.min,r=this.max;switch(e(this,aC,"f")===this.upperThumb?o=Math.max(o,this.lowerThumb?.value??0):this.upperThumb&&(r=Math.max(r,this.upperThumb.value??this.max)),t.key){case"Home":e(this,Jk,"m",$C).call(this,e(this,aC,"f"),o),t.preventDefault();break;case"End":e(this,Jk,"m",$C).call(this,e(this,aC,"f"),r),t.preventDefault();break;case"PageUp":"ltr"===qe.current?e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(r,i+(this.step>1?this.step:10))):e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.max(o,i-(this.step>1?this.step:10))),t.preventDefault();break;case"PageDown":"ltr"===qe.current?e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.max(o,i-(this.step>1?this.step:10))):e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(r,i+(this.step>1?this.step:10))),t.preventDefault();break;case"Down":case"ArrowDown":case"Left":case"ArrowLeft":"ltr"===qe.current?e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.max(o,i-this.step)):e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(r,i+this.step)),t.preventDefault();break;case"Up":case"ArrowUp":case"Right":case"ArrowRight":"ltr"===qe.current?e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(r,i+this.step)):e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.max(o,i-this.step)),t.preventDefault();break;case" ":t.preventDefault()}},gC=function(t){const a=t.composedPath().find(e=>e instanceof Gk);a&&e(this,Jk,"m",wC).call(this,a)},yC=function(t){t.stopPropagation(),e(this,Jk,"m",lC).call(this),e(this,Jk,"m",mC).call(this)},$C=function(t,a,i=!1){t.value!==a&&t.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(i&&!C()&&(L(this,"--animating"),t.addEventListener("transitionend",()=>{t.style.transition="",k(this,"--animating")},{once:!0}),t.style.transition=`transform ${v.motion.spring.fastEffects}`),e(this,eC,"f").add(t),t.value=a,t.markAsDirty(),t.markAsTouched(),t.dispatchEvent(new Event("input",{bubbles:!0})))},wC=function(t){e(this,eC,"f").has(t)&&(t.dispatchEvent(new Event("change",{bubbles:!0})),e(this,eC,"f").delete(t))},xC.styles=o`:host { display: inline-block; vertical-align: middle; min-inline-size: var(--m3e-slider-min-width, 12.5rem); user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([disabled])) { cursor: pointer; } :host([size="extra-small"]), :host([size="small"]) { height: var(--m3e-slider-small-height, 2.75rem); } :host(:not(:dir(rtl))[size="extra-small"]) .base, :host(:not(:dir(rtl))[size="small"]) .base { --_slider-active-track-shape: var(--m3e-slider-small-active-track-shape, ${v.shape.corner.smallStart}); --_slider-inactive-track-start-shape: var( --m3e-slider-small-inactive-active-track-start-shape, ${v.shape.corner.smallStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-small-inactive-track-end-shape, ${v.shape.corner.smallEnd} ); } :host(:dir(rtl)[size="extra-small"]) .base, :host(:dir(rtl)[size="small"]) .base { --_slider-active-track-shape: var(--m3e-slider-small-active-track-shape, ${v.shape.corner.smallEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-small-inactive-active-track-start-shape, ${v.shape.corner.smallEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-small-inactive-track-end-shape, ${v.shape.corner.smallStart} ); } :host([size="extra-small"]) .track { height: calc(var(--m3e-slider-extra-small-track-height, 1rem)); } :host([size="small"]) .track { height: calc(var(--m3e-slider-small-track-height, 1.5rem)); } :host([size="medium"]) { height: var(--m3e-slider-medium-height, 3.25rem); } :host(:not(:dir(rtl))[size="medium"]) .base { --_slider-active-track-shape: var( --m3e-slider-medium-active-track-shape, ${v.shape.corner.mediumStart} ); --_slider-inactive-track-start-shape: var( --m3e-slider-medium-inactive-active-track-start-shape, ${v.shape.corner.mediumStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-medium-inactive-track-end-shape, ${v.shape.corner.mediumEnd} ); } :host(:dir(rtl)[size="medium"]) .base { --_slider-active-track-shape: var(--m3e-slider-medium-active-track-shape, ${v.shape.corner.mediumEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-medium-inactive-active-track-start-shape, ${v.shape.corner.mediumEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-medium-inactive-track-end-shape, ${v.shape.corner.mediumStart} ); } :host([size="medium"]) .track { height: var(--m3e-slider-medium-track-height, 2.5rem); } :host([size="large"]) { height: var(--m3e-slider-large-height, 4.25rem); } :host(:not(:dir(rtl))[size="large"]) .base { --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${v.shape.corner.largeStart}); --_slider-inactive-track-start-shape: var( --m3e-slider-large-inactive-active-track-start-shape, ${v.shape.corner.largeStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-large-inactive-track-end-shape, ${v.shape.corner.largeEnd} ); } :host(:dir(rtl)[size="large"]) .base { --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${v.shape.corner.largeEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-large-inactive-active-track-start-shape, ${v.shape.corner.largeEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-large-inactive-track-end-shape, ${v.shape.corner.largeStart} ); } :host([size="large"]) .track { height: var(--m3e-slider-large-track-height, 3.5rem); } :host([size="extra-large"]) { height: var(--m3e-slider-extra-large-height, 6.75rem); } :host(:not(:dir(rtl))[size="extra-large"]) .base { --_slider-active-track-shape: var( --m3e-slider-extra-large-active-track-shape, ${v.shape.corner.extraLargeStart} ); --_slider-inactive-track-start-shape: var( --m3e-slider-extra-large-inactive-active-track-start-shape, ${v.shape.corner.extraLargeStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-extra-large-inactive-track-end-shape, ${v.shape.corner.extraLargeEnd} ); } :host(:dir(rtl)[size="extra-large"]) .base { --_slider-active-track-shape: var( --m3e-slider-extra-large-active-track-shape, ${v.shape.corner.extraLargeEnd} ); --_slider-inactive-track-start-shape: var( --m3e-slider-extra-large-inactive-active-track-start-shape, ${v.shape.corner.extraLargeEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-extra-large-inactive-track-end-shape, ${v.shape.corner.extraLargeStart} ); } :host([size="extra-large"]) .track { height: var(--m3e-slider-extra-large-track-height, 6rem); } :host(:is(:state(--animating), :--animating)) .track-active, :host(:is(:state(--animating), :--animating)) .track-inactive.start, :host(:is(:state(--animating), :--animating)) .track-inactive.end { transition: ${i(`margin-inline-start ${v.motion.spring.fastEffects},\n        width ${v.motion.spring.fastEffects}`)}; } .base { display: inline-flex; align-items: center; position: relative; width: 100%; height: 100%; border-radius: inherit; outline: none; touch-action: none; } .track { position: relative; flex: 1 1 auto; touch-action: none; } .track-inactive, .track-active { position: absolute; height: 100%; touch-action: none; } .track-active { margin-inline-start: var(--_slider-active-track-offset, 0px); width: var(--_slider-active-track-size, 0px); border-radius: var(--_slider-active-track-middle-shape, var(--_slider-active-track-shape)); } .track-inactive.start { width: var(--_slider-inactive-track-before-size, 0px); border-radius: var(--_slider-inactive-track-start-shape); } .track-inactive.end { margin-inline-start: var(--_slider-inactive-track-after-offset, 0px); width: var(--_slider-inactive-track-after-size, 0px); border-radius: var(--_slider-inactive-track-end-shape); } .ticks { position: absolute; width: 100%; height: var(--m3e-slider-tick-size, 0.25rem); overflow: visible; touch-action: none; } .tick { position: absolute; top: 0; touch-action: none; inset-inline-start: calc(var(--m3e-slider-tick-size, 0.25rem) + calc(var(--m3e-slider-tick-size, 0.25rem) / 2)); width: var(--m3e-slider-tick-size, 0.25rem); height: var(--m3e-slider-tick-size, 0.25rem); border-radius: var(--m3e-slider-tick-shape, ${v.shape.corner.full}); } :host(:not([disabled])) .track-inactive { background-color: var(--m3e-slider-inactive-track-color, ${v.color.secondaryContainer}); } :host([disabled]) .track-inactive { background-color: color-mix( in srgb, var(--m3e-slider-disabled-inactive-track-color, ${v.color.onSurface}) var(--m3e-slider-disabled-inactive-track-opacity, 12%), transparent ); } :host(:not([disabled])) .track-active { background-color: var(--m3e-slider-active-track-color, ${v.color.primary}); } :host([disabled]) .track-active { background-color: color-mix( in srgb, var(--m3e-slider-disabled-active-track-color, ${v.color.onSurface}) var(--m3e-slider-disabled-active-track-opacity, 38%), transparent ); } :host(:not([disabled])) .tick.active { background-color: var(--m3e-slider-tick-active-color, ${v.color.onPrimary}); } :host([disabled]) .tick.active { background-color: var(--m3e-slider-disabled-tick-active-color, ${v.color.inverseOnSurface}); } :host(:not([disabled])) .tick.inactive { background-color: var(--m3e-slider-tick-inactive-color, ${v.color.onSecondaryContainer}); } :host([disabled]) .tick.inactive { background-color: var(--m3e-slider-disabled-tick-inactive-color, ${v.color.onSurface}); } :host(:not([discrete])) .tick.active { display: none; } :host(:hover[labelled]) .base, :host(:focus-within[labelled]) .base { --_slider-label-visibility: visible; --_slider-label-opacity: 1; --_slider-label-transform: scale(1); } @media (forced-colors: active) { :host(:not([disabled])) .track-inactive { background-color: unset; } :host(:not([disabled])) .base.range .track-inactive.start, :host(:not([disabled])) .track-inactive.end { border: 1px solid CanvasText; box-sizing: border-box; } :host(:not([disabled])) .tick.inactive { background-color: CanvasText; } :host(:not([disabled])) .tick.active { background-color: Canvas; } :host(:not([disabled])) .track-active { background-color: CanvasText; } :host([disabled]) .base.range .track-inactive.start, :host([disabled]) .track-inactive.end { border: 1px solid GrayText; box-sizing: border-box; } :host([disabled]) .track-active { background-color: GrayText; } :host([disabled]) .tick.inactive { background-color: GrayText; } :host([disabled]) .tick.active { background-color: Canvas; } }`,t([h(".base")],xC.prototype,"_base",void 0),t([p()],xC.prototype,"_ticks",void 0),t([m({reflect:!0})],xC.prototype,"size",void 0),t([m({type:Boolean,reflect:!0})],xC.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],xC.prototype,"discrete",void 0),t([m({type:Number})],xC.prototype,"min",void 0),t([m({type:Number})],xC.prototype,"max",void 0),t([m({type:Number})],xC.prototype,"step",void 0),t([m({type:Boolean})],xC.prototype,"labelled",void 0),t([m({attribute:!1})],xC.prototype,"displayWith",void 0),xC=t([$("m3e-slider")],xC);let TC=PC=class extends(f(r,"status")){constructor(){super(...arguments),kC.add(this),CC.set(this,-1),SC.set(this,!1),_C.set(this,t=>e(this,kC,"m",MC).call(this,t)),this.duration=3e3,this.action="",this.dismissible=!1,this.closeLabel="Close"}static get current(){return PC.__current}get isActionTaken(){return e(this,SC,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("beforetoggle",e(this,_C,"f")),this.setAttribute("popover","manual"),this.ariaLive="polite"}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",e(this,_C,"f"))}render(){return s`<div class="base"><span class="supporting-text"><slot></slot></span>${e(this,kC,"m",LC).call(this)} ${e(this,kC,"m",EC).call(this)}</div>`}updated(e){super.updated(e),this.style.setProperty("--_snackbar-height",this.getBoundingClientRect().height/.8+"px")}};CC=new WeakMap,SC=new WeakMap,_C=new WeakMap,kC=new WeakSet,LC=function(){return this.action?s`<m3e-button @click="${e(this,kC,"m",zC)}">${this.action}</m3e-button>`:n},EC=function(){return this.dismissible?s`<m3e-icon-button aria-label="${this.closeLabel}" @click="${this.hidePopover}"><slot name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button>`:n},zC=function(){a(this,SC,!0,"f"),this.hidePopover()},MC=function(t){"open"==t.newState?(PC.__current?.hidePopover(),PC.__current=this,this.duration>0&&a(this,CC,setTimeout(()=>this.hidePopover(),this.duration),"f")):(PC.__current===this&&(PC.__current=null),clearTimeout(e(this,CC,"f")))},B(o`m3e-snackbar { margin-inline: auto; }`),TC.styles=o`:host { position: fixed; top: calc(100vh - var(--_snackbar-height, 0px) - var(--m3e-snackbar-margin, 1rem)); display: inline-flex; align-items: center; min-width: var(--m3e-snackbar-min-width, 21.5rem); max-width: var(--m3e-snackbar-max-width, 42rem); visibility: hidden; border: none; margin: 0; padding: 0; opacity: 0; transform: scaleY(0.8); transform-origin: bottom; transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host::backdrop { background-color: transparent; } :host(:popover-open) { visibility: visible; opacity: 1; transform: scaleY(1); } @starting-style { :host(:popover-open) { opacity: 0; transform: scaleY(0.8); } } .base { display: inline-flex; align-items: center; flex: 1 1 auto; box-sizing: border-box; padding: var(--m3e-snackbar-padding, 0 1rem 0 1rem); border-radius: var(--m3e-snackbar-container-shape, ${v.shape.corner.extraSmall}); background-color: var(--m3e-snackbar-container-color, ${v.color.inverseSurface}); font-size: var(--m3e-snackbar-supporting-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-snackbar-supporting-text-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-snackbar-supporting-text-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-snackbar-supporting-text-tracking, ${v.typescale.standard.label.large.tracking} ); color: var(--m3e-snackbar-supporting-text-color, ${v.color.inverseOnSurface}); --m3e-text-button-label-text-color: var(--m3e-snackbar-action-text-color, ${v.color.inversePrimary}); --m3e-text-button-hover-label-text-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-hover-state-layer-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-focus-label-text-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-focus-state-layer-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-pressed-label-text-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-pressed-state-layer-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-standard-icon-button-icon-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-hover-icon-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-hover-state-layer-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-focus-icon-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-focus-state-layer-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-pressed-icon-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-pressed-state-layer-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); } :host([dismissible]) .base { padding-inline-end: 0.5rem; } .supporting-text { flex: 1 1 auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 2; margin-block: var(--m3e-snackbar-supporting-text-margin-block, 0.875rem); } ::slotted([slot="close-icon"]), .close-icon { width: 1em; font-size: var(--m3e-icon-button-icon-size, 1.5rem) !important; } @media (forced-colors: active) { :host { background-color: Canvas; color: CanvasText; border-radius: ${v.shape.corner.small}; box-sizing: border-box; outline: 1px solid CanvasText; } }`,TC.__current=null,t([m({type:Number})],TC.prototype,"duration",void 0),t([m()],TC.prototype,"action",void 0),t([m({type:Boolean,reflect:!0})],TC.prototype,"dismissible",void 0),t([m({attribute:"close-label"})],TC.prototype,"closeLabel",void 0),TC=PC=t([$("m3e-snackbar")],TC);class IC{static open(e,t,a,i){if(l)return;const o=document.createElement("m3e-snackbar");let r;o.append(document.createTextNode(e)),"string"==typeof t?o.action=t:"boolean"==typeof t?o.dismissible=t:r=t,"boolean"==typeof a?o.dismissible=a:r=a,i&&(r=i),void 0!==r?.duration&&(o.duration=r.duration),r?.closeLabel&&(o.closeLabel=r.closeLabel),o.addEventListener("toggle",e=>{"closed"===e.newState&&(C()?o.remove():o.addEventListener("transitionend",()=>o.remove(),{once:!0}),o.isActionTaken&&r?.actionCallback?.())}),(document.querySelector("m3e-theme")??document.body).append(o),o.showPopover()}static dismiss(){TC.current?.hidePopover()}}var DC,AC,WC,HC,OC,BC,FC,VC,RC,qC,NC,UC;globalThis.M3eSnackbar=IC;let jC=class extends(f(r,"group")){constructor(){super(...arguments),DC.add(this),AC.set(this,void 0),WC.set(this,void 0),HC.set(this,!1),OC.set(this,new Z(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(t,a,i)=>{switch(i){case e(this,AC,"f"):e(this,DC,"m",qC).call(this,t);break;case e(this,WC,"f"):e(this,DC,"m",NC).call(this,t||e(this,HC,"f"))}}})),BC.set(this,new ne(this,{target:null,callback:(t,i)=>{if(i===e(this,WC,"f"))e(this,WC,"f")?.disabled||e(this,WC,"f")?.disabledInteractive||(a(this,HC,t,"f"),e(this,DC,"m",NC).call(this,t))}})),this.variant="filled",this.size="small"}update(t){super.update(t),t.has("variant")&&e(this,DC,"m",RC).call(this)}render(){return s`<m3e-button-group class="base" disable-role variant="connected" size="${this.size}"><slot name="leading-button" @slotchange="${e(this,DC,"m",FC)}"></slot><slot name="trailing-button" @slotchange="${e(this,DC,"m",VC)}"></slot></m3e-button-group>`}};var YC,KC,ZC,XC,GC,JC,QC,eS,tS,aS,iS,oS,rS,sS,nS,lS,cS,dS,hS,mS,uS,pS,vS,bS,fS,gS,yS,$S,wS,xS;AC=new WeakMap,WC=new WeakMap,HC=new WeakMap,OC=new WeakMap,BC=new WeakMap,DC=new WeakSet,FC=function(t){e(this,AC,"f")&&e(this,OC,"f").unobserve(e(this,AC,"f")),a(this,AC,t.target.assignedElements({flatten:!0}).find(e=>e instanceof Ke),"f"),e(this,AC,"f")&&e(this,OC,"f").observe(e(this,AC,"f")),e(this,DC,"m",RC).call(this)},VC=function(t){e(this,WC,"f")&&(e(this,OC,"f").unobserve(e(this,WC,"f")),e(this,BC,"f").unobserve(e(this,WC,"f"))),a(this,WC,t.target.assignedElements({flatten:!0}).find(e=>e instanceof Ze),"f"),e(this,WC,"f")&&(e(this,OC,"f").observe(e(this,WC,"f")),e(this,BC,"f").observe(e(this,WC,"f"))),e(this,DC,"m",RC).call(this)},RC=function(){e(this,AC,"f")&&(e(this,AC,"f").variant=this.variant,e(this,AC,"f").size=this.size,e(this,AC,"f").shape="rounded"),e(this,WC,"f")&&(e(this,WC,"f").width="default",e(this,WC,"f").shape="rounded",e(this,WC,"f").setAttribute("variant",this.variant),e(this,WC,"f").size=this.size)},qC=function(t){t&&e(this,AC,"f")?e(this,DC,"m",UC).call(this,e(this,AC,"f"),"--_leading-button-shape"):this._base?.style.removeProperty("--_leading-button-shape")},NC=function(t){t&&e(this,WC,"f")?e(this,DC,"m",UC).call(this,e(this,WC,"f"),"--_trailing-button-shape"):this._base?.style.removeProperty("--_trailing-button-shape")},UC=function(e,t){const a=e.clientHeight/2;a&&this._base?.style.setProperty(t,`${a}px`)},jC.styles=o`:host { display: inline-flex; vertical-align: middle; } ::slotted([slot="leading-button"]) { flex: 1 1 auto; min-width: 0; --_button-start-shape-pressed-morph: var(--_leading-button-shape, ${v.shape.corner.full}); } ::slotted([slot="trailing-button"]:not([aria-expanded="true"])) { --m3e-icon-button-extra-small-default-leading-space: var( --m3e-split-button-extra-small-trailing-button-unselected-leading-space, 0.75rem ); --m3e-icon-button-extra-small-default-trailing-space: var( --m3e-split-button-extra-small-trailing-button-unselected-trailing-space, 0.875rem ); --m3e-icon-button-small-default-leading-space: var( --m3e-split-button-small-trailing-button-unselected-leading-space, 0.75rem ); --m3e-icon-button-small-default-trailing-space: var( --m3e-split-button-small-trailing-button-unselected-trailing-space, 0.875rem ); --m3e-icon-button-medium-default-leading-space: var( --m3e-split-button-medium-trailing-button-unselected-leading-space, 0.8125rem ); --m3e-icon-button-medium-default-trailing-space: var( --m3e-split-button-medium-trailing-button-unselected-trailing-space, 1.0625rem ); --m3e-icon-button-large-default-leading-space: var( --m3e-split-button-large-trailing-button-unselected-leading-space, 1.625rem ); --m3e-icon-button-large-default-trailing-space: var( --m3e-split-button-large-trailing-button-unselected-trailing-space, 2rem ); --m3e-icon-button-extra-large-default-leading-space: var( --m3e-split-button-extra-large-trailing-button-unselected-leading-space, 2.3125rem ); --m3e-icon-button-extra-large-default-trailing-space: var( --m3e-split-button-extra-large-trailing-button-unselected-trailing-space, 3.0625rem ); } ::slotted([slot="trailing-button"][aria-expanded="true"]) { --m3e-icon-button-extra-small-default-leading-space: var( --m3e-split-button-extra-small-trailing-button-selected-leading-space, 0.8125rem ); --m3e-icon-button-extra-small-default-trailing-space: var( --m3e-split-button-extra-small-trailing-button-selected-trailing-space, 0.8125rem ); --m3e-icon-button-small-default-leading-space: var( --m3e-split-button-small-trailing-button-selected-leading-space, 0.8125rem ); --m3e-icon-button-small-default-trailing-space: var( --m3e-split-button-small-trailing-button-selected-trailing-space, 0.8125rem ); --m3e-icon-button-medium-default-leading-space: var( --m3e-split-button-medium-trailing-button-selected-leading-space, 0.9375rem ); --m3e-icon-button-medium-default-trailing-space: var( --m3e-split-button-medium-trailing-button-selected-trailing-space, 0.9375rem ); --m3e-icon-button-large-default-leading-space: var( --m3e-split-button-large-trailing-button-selected-leading-space, 1.8125rem ); --m3e-icon-button-large-default-trailing-space: var( --m3e-split-button-large-trailing-button-selected-trailing-space, 1.8125rem ); --m3e-icon-button-extra-large-default-leading-space: var( --m3e-split-button-extra-large-trailing-button-selected-leading-space, 2.6875rem ); --m3e-icon-button-extra-large-default-trailing-space: var( --m3e-split-button-extra-large-trailing-button-selected-trailing-space, 2.6875rem ); } ::slotted([slot="leading-button"]:not(:hover)), ::slotted([slot="leading-button"]:disabled), ::slotted([slot="leading-button"][disabled-interactive]) { --m3e-connected-button-group-extra-small-inner-shape: var( --m3e-split-button-extra-small-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-size, ${v.shape.corner.small} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-size, ${v.shape.corner.medium} ); } ::slotted([slot="leading-button"]:hover:not(:disabled):not([disabled-interactive])), ::slotted([slot="trailing-button"]:not([aria-expanded="true"]):hover:not(:disabled):not([disabled-interactive])) { --m3e-connected-button-group-extra-small-inner-shape: var( --m3e-split-button-extra-small-inner-corner-hover-size, ${v.shape.corner.small} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-hover-size, ${v.shape.corner.medium} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-hover-size, ${v.shape.corner.medium} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-hover-size, ${v.shape.corner.largeIncreased} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-hover-size, ${v.shape.corner.largeIncreased} ); } ::slotted([slot="leading-button"]), ::slotted([slot="trailing-button"]) { --m3e-connected-button-group-extra-small-inner-pressed-shape: var( --m3e-split-button-extra-small-inner-corner-pressed-size, ${v.shape.corner.small} ); --m3e-connected-button-group-small-inner-pressed-shape: var( --m3e-split-button-small-inner-corner-pressed-size, ${v.shape.corner.medium} ); --m3e-connected-button-group-medium-inner-pressed-shape: var( --m3e-split-button-medium-inner-corner-pressed-size, ${v.shape.corner.medium} ); --m3e-connected-button-group-large-inner-pressed-shape: var( --m3e-split-button-large-inner-corner-pressed-size, ${v.shape.corner.largeIncreased} ); --m3e-connected-button-group-extra-large-inner-pressed-shape: var( --m3e-split-button-extra-large-inner-corner-pressed-size, ${v.shape.corner.largeIncreased} ); } ::slotted([slot="trailing-button"]:not([aria-expanded="true"]):not(:hover)), ::slotted([slot="trailing-button"]:disabled), ::slotted([slot="trailing-button"][disabled-interactive]) { --m3e-connected-button-group-extra-small-inner-shape: var( --m3e-split-button-extra-small-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-size, ${v.shape.corner.small} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-size, ${v.shape.corner.medium} ); } ::slotted([slot="trailing-button"][aria-expanded="true"]) { --_icon-button-icon-transform: rotate(180deg); --_button-rounded-start-shape: var(--_trailing-button-shape, ${v.shape.corner.full}); --_button-rounded-end-shape: var(--_trailing-button-shape, ${v.shape.corner.full}); } ::slotted([slot="trailing-button"]) { --_button-end-shape-pressed-morph: var(--_trailing-button-shape, ${v.shape.corner.full}); } .base { --m3e-icon-button-extra-small-icon-size: calc( var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${v.density.calc(0)} ); --m3e-button-extra-small-icon-size: calc( var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${v.density.calc(0)} ); --m3e-icon-button-small-icon-size: calc( var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${v.density.calc(-1)} ); --m3e-button-small-icon-size: calc( var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${v.density.calc(-1)} ); --m3e-icon-button-medium-icon-size: calc( var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${v.density.calc(-2)} ); --m3e-button-medium-icon-size: calc( var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${v.density.calc(-2)} ); --m3e-icon-button-large-icon-size: calc( var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${v.density.calc(-3)} ); --m3e-button-large-icon-size: calc( var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${v.density.calc(-3)} ); --m3e-icon-button-extra-large-icon-size: calc( var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${v.density.calc(-3)} ); --m3e-button-extra-large-icon-size: calc( var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${v.density.calc(-3)} ); } :host([size="extra-small"]) .base { --m3e-connected-button-group-spacing: var(--m3e-split-button-extra-small-between-spacing, 0.125rem); } :host([size="small"]) .base { --m3e-connected-button-group-spacing: var(--m3e-split-button-small-between-spacing, 0.125rem); } :host([size="medium"]).base { --m3e-connected-button-group-spacing: var(--m3e-split-button-medium-between-spacing, 0.125rem); } :host([size="large"]) .base { --m3e-connected-button-group-spacing: var(--m3e-split-button-large-between-spacing, 0.125rem); } :host([size="extra-large"]) .base { --m3e-connected-button-group-spacing: var(--m3e-split-button-extra-large-between-spacing, 0.125rem); }`,t([h(".base")],jC.prototype,"_base",void 0),t([m({reflect:!0})],jC.prototype,"variant",void 0),t([m({reflect:!0})],jC.prototype,"size",void 0),jC=t([$("m3e-split-button")],jC);let kS=class extends(se(N(z(P(r))))){constructor(){super(...arguments),YC.add(this),KC.set(this,void 0),ZC.set(this,void 0),XC.set(this,!1),GC.set(this,void 0),JC.set(this,new Z(this,{target:null,isPressedKey:e=>" "===e,minPressedDuration:150,callback:e=>x(this,"--pressed",e&&!this.disabled)})),QC.set(this,new w(this,{target:null,config:{attributeFilter:["hidden"]},callback:()=>e(this,YC,"m",rS).call(this,"start")})),eS.set(this,new w(this,{target:null,config:{attributeFilter:["hidden"]},callback:()=>e(this,YC,"m",rS).call(this,"end")})),this.value=50,this.min=0,this.max=100,this.overshootLimit=4,this.step=1,this.detents=[],this.wrapDetents=!1,this.orientation="horizontal",this.label="Resize panes",this.valueFormatter=(e,t,a)=>{if((e=Math.round(e))>=48&&e<=52)return"Panes equally sized";switch(e){case 0:return"horizontal"===t?"ltr"===a?"Left pane collapsed":"Right pane collapsed":"Top pane collapsed";case 100:return"horizontal"===t?"ltr"===a?"Right pane collapsed":"Left pane collapsed":"Bottom pane collapsed";default:return"horizontal"===t?"ltr"===a?`Left pane ${e}%, right pane ${100-e}%`:`Left pane ${100-e}%, right pane ${e}%`:`Top pane ${e}%, bottom pane ${100-e}%`}}}get currentOrientation(){return this._orientation??("vertical"!==this.orientation?"horizontal":"vertical")}get[(KC=new WeakMap,ZC=new WeakMap,XC=new WeakMap,GC=new WeakMap,JC=new WeakMap,QC=new WeakMap,eS=new WeakMap,YC=new WeakSet,le)](){return this.value?.toString()??null}collapse(){this.snapToValue(this.min)}expand(){this.snapToValue(this.max)}snapToValue(t){const a=e(this,YC,"m",bS).call(this,t);t=a>-1?e(this,YC,"m",yS).call(this,this.detents[a]):t,e(this,GC,"f")?e(this,YC,"m",vS).call(this,t):e(this,YC,"m",wS).call(this,t)}disconnectedCallback(){super.disconnectedCallback(),e(this,YC,"m",dS).call(this),e(this,JC,"f").unobserve(this._dragHandle)}reconnectedCallback(){super.reconnectedCallback(),e(this,YC,"m",nS).call(this),"auto"===this.orientation&&e(this,YC,"m",lS).call(this)}willUpdate(t){super.willUpdate(t),t.has("orientation")&&(e(this,KC,"f")?.call(this),"auto"===this.orientation?e(this,YC,"m",lS).call(this):(this._orientation=void 0,e(this,YC,"m",cS).call(this)))}updated(e){super.updated(e),e.has("value")&&this._base.style.setProperty("--_split-pane-value",`${this.value}%`)}firstUpdated(t){super.firstUpdated(t),e(this,YC,"m",nS).call(this)}render(){return s`<div class="base"><div class="start" id="start" ?inert="${this.value<=0}"><slot name="start" @slotchange="${e(this,YC,"m",aS)}"></slot></div>${e(this,YC,"m",tS).call(this)}<div class="end" ?inert="${this.value>=100}"><slot name="end" @slotchange="${e(this,YC,"m",iS)}"></slot></div></div>`}};tS=function(){return s`<div id="drag-handle" class="drag-handle" role="separator" tabindex="${je(this.disabled?void 0:0)}" aria-label="${this.label}" aria-controls="start" aria-disabled="${je(this.disabled?"true":void 0)}" aria-orientation="${"horizontal"===this.currentOrientation?"vertical":"horizontal"}" aria-valuemin="${this.min}" aria-valuemax="${this.max}" aria-valuenow="${this.value}" aria-valuetext="${je(this.valueFormatter?.(this.value,this.currentOrientation,qe.current))}" @pointerdown="${e(this,YC,"m",hS)}" @pointerup="${e(this,YC,"m",uS)}" @pointermove="${e(this,YC,"m",mS)}" @keydown="${e(this,YC,"m",pS)}" @dblclick="${e(this,YC,"m",xS)}">${this.disabled?n:s`<div class="handle"><m3e-focus-ring for="drag-handle"></m3e-focus-ring><m3e-state-layer for="drag-handle"></m3e-state-layer></div><div class="touch"></div>`}</div>`},aS=function(t){e(this,YC,"m",oS).call(this,t.target,e(this,QC,"f"),"--with-start")},iS=function(t){e(this,YC,"m",oS).call(this,t.target,e(this,eS,"f"),"--with-end")},oS=function(t,a,i){for(const e of a.targets)a.unobserve(e);const o=new Array;x(this,i,e(this,YC,"m",sS).call(this,t,o));for(const e of o)e instanceof HTMLElement&&a.observe(e)},rS=function(t){x(this,`--with-${t}`,e(this,YC,"m",sS).call(this,this.shadowRoot?.querySelector(`slot[name='${t}']`)))},sS=function(e,t){return(t=t??[]).push(...e?.assignedElements({flatten:!0})??[]),t.length>0&&!t.every(e=>e.hasAttribute("hidden"))},nS=function(){e(this,JC,"f").observe(this._dragHandle)},lS=function(){a(this,KC,Qe.observe([et.XSmall],t=>{this._orientation=t.get(et.XSmall)?"vertical":"horizontal",e(this,YC,"m",cS).call(this)}),"f")},cS=function(){x(this,"--vertical","vertical"===this.currentOrientation)},dS=function(){k(this,"--vertical"),this._orientation=void 0,e(this,KC,"f")?.call(this),a(this,KC,void 0,"f")},hS=function(t){if("mouse"===t.pointerType&&t.button>1)return;if(this.disabled)return;this._dragHandle.setPointerCapture(t.pointerId),a(this,XC,!1,"f");let i=this.min;if(0===i&&this.detents.length>0){const t=e(this,YC,"m",bS).call(this,0);t>-1&&(i=e(this,YC,"m",yS).call(this,this.detents[t])??this.min)}let o=this.max;if(100===o&&this.detents.length>0){const t=e(this,YC,"m",bS).call(this,100);t>-1&&(o=e(this,YC,"m",yS).call(this,this.detents[t])??this.max)}a(this,ZC,{startPos:"vertical"===this.currentOrientation?t.clientY:t.clientX,startValue:this.value,cachedSize:"vertical"===this.currentOrientation?this.clientHeight:this.clientWidth,min:i,max:o},"f")},mS=function(t){if(!this._dragHandle.hasPointerCapture(t.pointerId)||!e(this,ZC,"f"))return;const i="vertical"===this.currentOrientation?t.clientY:t.clientX;let o=e(this,ZC,"f").cachedSize>0?(i-e(this,ZC,"f").startPos)/e(this,ZC,"f").cachedSize*100:0;"rtl"===qe.current&&"vertical"!==this.currentOrientation&&(o=-o);let r=e(this,ZC,"f").startValue+o;if(r<e(this,ZC,"f").min){const t=e(this,ZC,"f").min-r,a=this.overshootLimit*t/(t+this.overshootLimit);r=e(this,ZC,"f").min-a}else if(r>e(this,ZC,"f").max){const t=r-e(this,ZC,"f").max,a=this.overshootLimit*t/(t+this.overshootLimit);r=e(this,ZC,"f").max+a}e(this,YC,"m",vS).call(this,r,!1,!0)&&a(this,XC,!0,"f")},uS=function(t){if(!("mouse"===t.pointerType&&t.button>1)&&this._dragHandle.hasPointerCapture(t.pointerId)){this._dragHandle.releasePointerCapture(t.pointerId),a(this,ZC,void 0,"f");const i=e(this,YC,"m",bS).call(this,this.value);if(i>=0){const t=e(this,YC,"m",yS).call(this,this.detents[i]);void 0!==t&&e(this,YC,"m",wS).call(this,t,!1)}else this.value<this.min?e(this,YC,"m",wS).call(this,this.min,!1):this.value>this.max&&e(this,YC,"m",wS).call(this,this.max,!1);e(this,XC,"f")&&(this.dispatchEvent(new Event("change",{bubbles:!0})),a(this,XC,!1,"f"))}},pS=function(t){const a="ltr"===qe.current||"vertical"===this.currentOrientation;switch(t.key){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":{t.preventDefault();const i=e(this,YC,"m",bS).call(this,this.value);if(i>=0){const t=a?e(this,YC,"m",gS).call(this,i):e(this,YC,"m",fS).call(this,i);if(t!==i&&!e(this,GC,"f")){const a=e(this,YC,"m",yS).call(this,this.detents[t]);void 0!==a&&e(this,YC,"m",wS).call(this,a)}}else this.step>1?e(this,GC,"f")||e(this,YC,"m",wS).call(this,this.value+(a?-this.step:this.step)):e(this,YC,"m",vS).call(this,this.value+(a?-this.step:this.step));break}case"Down":case"ArrowDown":case"Right":case"ArrowRight":{t.preventDefault();const i=e(this,YC,"m",bS).call(this,this.value);if(i>=0){const t=a?e(this,YC,"m",fS).call(this,i):e(this,YC,"m",gS).call(this,i);if(t!==i&&!e(this,GC,"f")){const a=e(this,YC,"m",yS).call(this,this.detents[t]);void 0!==a&&e(this,YC,"m",wS).call(this,a)}}else this.step>1?e(this,GC,"f")||e(this,YC,"m",wS).call(this,this.value+(a?this.step:-this.step)):e(this,YC,"m",vS).call(this,this.value+(a?this.step:-this.step));break}case"Home":if(t.preventDefault(),!e(this,GC,"f")){const t=e(this,YC,"m",bS).call(this,this.min);t>-1?e(this,YC,"m",wS).call(this,e(this,YC,"m",yS).call(this,this.detents[t])):e(this,YC,"m",wS).call(this,this.min)}break;case"End":if(t.preventDefault(),!e(this,GC,"f")){const t=e(this,YC,"m",bS).call(this,this.max);t>-1?e(this,YC,"m",wS).call(this,e(this,YC,"m",yS).call(this,this.detents[t])):e(this,YC,"m",wS).call(this,this.max)}break;case"PageUp":if(t.preventDefault(),!e(this,GC,"f")){const t=e(this,YC,"m",bS).call(this,this.value);if(t>=0){const a=e(this,YC,"m",gS).call(this,t);if(a!==t){const t=e(this,YC,"m",yS).call(this,this.detents[a]);void 0!==t&&e(this,YC,"m",wS).call(this,t)}}else e(this,YC,"m",wS).call(this,this.value-Math.max(10,this.step))}break;case"PageDown":if(t.preventDefault(),!e(this,GC,"f")){const t=e(this,YC,"m",bS).call(this,this.value);if(t>=0){const a=e(this,YC,"m",fS).call(this,t);if(a!==t){const t=e(this,YC,"m",yS).call(this,this.detents[a]);void 0!==t&&e(this,YC,"m",wS).call(this,t)}}else e(this,YC,"m",wS).call(this,this.value+Math.max(10,this.step))}break;case"Enter":e(this,GC,"f")||e(this,YC,"m",xS).call(this);break;case" ":t.preventDefault(),e(this,GC,"f")||e(this,YC,"m",xS).call(this)}},vS=function(t,a=!0,i=!1){return e(this,YC,"m",$S).call(this),!(!this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))||(i||(t=Math.max(this.min,Math.min(this.max,t))),t==this.value))&&(this.value=t,this._base.style.setProperty("--_split-pane-value",`${this.value}%`),this.dispatchEvent(new Event("input",{bubbles:!0})),a&&this.dispatchEvent(new Event("change",{bubbles:!0})),!0)},bS=function(t){let a=-1,i=1/0;for(let o=0;o<this.detents.length;o++){const r=e(this,YC,"m",yS).call(this,this.detents[o]);if(void 0===r)continue;const s=Math.abs(t-r);s<i&&(i=s,a=o)}return a},fS=function(t){const a=e(this,YC,"m",yS).call(this,this.detents[t]);if(void 0===a)return t;let i=1/0,o=t;for(let r=0;r<this.detents.length;r++){if(r===t)continue;const s=e(this,YC,"m",yS).call(this,this.detents[r]);void 0!==s&&(s>a&&s<i&&(i=s,o=r))}return o},gS=function(t){const a=e(this,YC,"m",yS).call(this,this.detents[t]);if(void 0===a)return t;let i=-1/0,o=t;for(let r=0;r<this.detents.length;r++){if(r===t)continue;const s=e(this,YC,"m",yS).call(this,this.detents[r]);void 0!==s&&(s<a&&s>i&&(i=s,o=r))}return o},yS=function(e){const t=e.endsWith("px")?this.clientWidth/parseFloat(e):parseFloat(e);return isNaN(t)?void 0:t},$S=function(){e(this,GC,"f")?.cancel(),a(this,GC,void 0,"f")},wS=function(t,i=!0){e(this,YC,"m",$S).call(this),(t=Math.max(this.min,Math.min(this.max,t)))!==this.value&&(C()?e(this,YC,"m",vS).call(this,t,i):(L(this,"--animating"),a(this,GC,this._base.animate([{"--_split-pane-value":`${this.value}%`},{"--_split-pane-value":`${t}%`}],{duration:250,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"}),"f"),e(this,GC,"f").onfinish=()=>{e(this,YC,"m",vS).call(this,t,i),a(this,GC,void 0,"f"),k(this,"--animating")}))},xS=function(){if(0===this.detents.length)return;const t=e(this,YC,"m",bS).call(this,this.value);if(-1===t)return;let a=e(this,YC,"m",fS).call(this,t);if(a===t&&this.wrapDetents&&(a=e(this,YC,"m",bS).call(this,0),-1===a))return;const i=e(this,YC,"m",yS).call(this,this.detents[a]);void 0!==i&&e(this,YC,"m",wS).call(this,i)},B(o`@property --_split-pane-value { syntax: "<length-percentage>"; inherits: true; initial-value: 50%; }</length-percentage>`),kS.styles=o`:host { display: block; } .base { display: flex; width: 100%; height: 100%; overflow: hidden; } :host(:not(:is(:state(--vertical), :--vertical))) .base { flex-direction: row; } :host(:is(:state(--vertical), :--vertical)) .base { flex-direction: column; } :host(:is(:state(--with-start), :--with-start):is(:state(--with-end), :--with-end)) .start { flex: 0 1 calc(var(--_split-pane-value) - calc(var(--m3e-split-pane-drag-handle-container-width, 1.5rem) / 2)); } :host(:not(:is(:state(--with-end), :--with-end))) .start { flex: 1 1 auto; } :host(:is(:state(--with-end), :--with-end)) .end { flex: 1 1 auto; } :host(:not(:is(:state(--with-end), :--with-end))) .end { display: none; } :host(:not(:is(:state(--animating), :--animating))) .start[inert], :host(:not(:is(:state(--animating), :--animating))) .end[inert] { visibility: hidden; } .drag-handle { flex: none; display: flex; align-items: center; justify-content: center; outline: none; touch-action: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); --m3e-state-layer-hover-color: var(--m3e-split-pane-drag-handle-hover-color, ${v.color.onSurface}); --m3e-state-layer-hover-opacity: var(--m3e-split-pane-drag-handle-hover-opacity, 8%); --m3e-state-layer-focus-color: var(--m3e-split-pane-drag-handle-focus-color, ${v.color.onSurface}); --m3e-state-layer-focus-opacity: var(--m3e-split-pane-drag-handle-focus-opacity, 10%); } :host(:is(:not(:is(:state(--with-start), :--with-start)), :not(:is(:state(--with-end), :--with-end)))) .drag-handle { display: none; } :host(:not(:is(:state(--pressed), :--pressed))) .drag-handle:not([aria-disabled]) { cursor: grab; } :host(:is(:state(--pressed), :--pressed)) .drag-handle:not([aria-disabled]) { cursor: grabbing; } .handle { position: relative; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n        width ${v.motion.spring.fastEffects}, height ${v.motion.spring.fastEffects}`)}; } .touch { z-index: 1; position: absolute; height: 3rem; width: 3rem; margin: auto; touch-action: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not(:is(:state(--pressed), :--pressed))) .handle { background-color: var(--m3e-split-pane-drag-handle-color, ${v.color.outline}); border-radius: var(--m3e-split-pane-drag-handle-shape, ${v.shape.corner.full}); } :host(:is(:state(--pressed), :--pressed)) .handle { background-color: var(--m3e-split-pane-drag-handle-pressed-color, ${v.color.onSurface}); border-radius: var(--m3e-split-pane-drag-handle-pressed-shape, ${v.shape.corner.medium}); } :host(:not(:is(:state(--vertical), :--vertical))) .drag-handle { flex-direction: column; width: var(--m3e-split-pane-drag-handle-container-width, 1.5rem); } :host(:not(:is(:state(--vertical), :--vertical)):not(:is(:state(--pressed), :--pressed))) .handle { width: var(--m3e-split-pane-drag-handle-width, 0.25rem); height: var(--m3e-split-pane-drag-handle-height, 3rem); } :host(:not(:is(:state(--vertical), :--vertical)):is(:state(--pressed), :--pressed)) .handle { width: var(--m3e-split-pane-drag-handle-pressed-width, 0.75rem); height: var(--m3e-split-pane-drag-handle-pressed-height, 3.25rem); } :host(:is(:state(--vertical), :--vertical)) .drag-handle { height: var(--m3e-split-pane-drag-handle-container-width, 1.5rem); } :host(:is(:state(--vertical), :--vertical):not(:is(:state(--pressed), :--pressed))) .handle { width: var(--m3e-split-pane-drag-handle-height, 3rem); height: var(--m3e-split-pane-drag-handle-width, 0.25rem); } :host(:is(:state(--vertical), :--vertical):is(:state(--pressed), :--pressed)) .handle { width: var(--m3e-split-pane-drag-handle-pressed-height, 3.25rem); height: var(--m3e-split-pane-drag-handle-pressed-width, 0.75rem); } @media (prefers-reduced-motion) { .handle { transition: none; } } @media (forced-colors: active) { :host(:is(:state(--pressed), :--pressed)) .handle, :host(:not(:is(:state(--pressed), :--pressed))) .handle { background-color: ButtonText; } }`,t([p()],kS.prototype,"_orientation",void 0),t([h(".base")],kS.prototype,"_base",void 0),t([h(".drag-handle")],kS.prototype,"_dragHandle",void 0),t([m({type:Number})],kS.prototype,"value",void 0),t([m({type:Number})],kS.prototype,"min",void 0),t([m({type:Number})],kS.prototype,"max",void 0),t([m({attribute:"overshoot-limit",type:Number})],kS.prototype,"overshootLimit",void 0),t([m({type:Number})],kS.prototype,"step",void 0),t([m({attribute:"detents",converter:F})],kS.prototype,"detents",void 0),t([m({attribute:"wrap-detents",type:Boolean})],kS.prototype,"wrapDetents",void 0),t([m()],kS.prototype,"orientation",void 0),t([m()],kS.prototype,"label",void 0),t([m()],kS.prototype,"valueFormatter",void 0),kS=t([$("m3e-split-pane")],kS);let CS=class extends(f(r,"tabpanel")){constructor(){super(...arguments),this.active=!1}connectedCallback(){this.slot="panel",super.connectedCallback()}render(){return s`<m3e-collapsible ?open="${this.active}"><div class="content"><div><slot></slot></div><slot name="actions"></slot></div></m3e-collapsible>`}};var SS,_S,LS,ES,zS;CS.styles=o`:host { display: block; } .content { display: flex; flex-direction: column; padding: var(--m3e-step-panel-padding, 1rem 1.5rem 1.5rem 1.5rem); row-gap: var(--m3e-step-panel-spacing, 0.5rem); } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; min-height: var(--m3e-step-panel-actions-height, 3rem); } ::slotted([slot="actions"][end]) { justify-content: flex-end; }`,t([p()],CS.prototype,"active",void 0),CS=t([$("m3e-step-panel")],CS);let MS=zS=class extends(pe(V(q(b(N(P(f(r,"tab")))))))){constructor(){super(...arguments),SS.add(this),_S.set(this,t=>e(this,SS,"m",ES).call(this,t)),this.optional=!1,this.editable=!1,this.completed=!1,this.invalid=!1,this.index=-1}get panel(){return this.control instanceof CS?this.control:null}get stepper(){return this.closest("m3e-stepper")}reset(){this.invalid=!1,this.completed=!1,this.panel?.querySelector("form")?.reset()}attach(e){e instanceof CS&&(e.id=e.id||"m3e-step-panel-"+zS.__nextId++,De(this,"aria-controls",e.id),e.style.order=this.style.order),super.attach(e)}detach(){this.control&&(this.control.style.order="",this.control.id&&Ae(this,"aria-controls",this.control.id)),super.detach()}connectedCallback(){this.slot="step",super.connectedCallback(),this.addEventListener("click",e(this,_S,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,_S,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-stepper")?.[We].notifySelectionChange(this)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){const t=s`<slot name="hint">${this.optional?s`<span class="hint">(Optional)</span>`:n}</slot>`,a=s`<slot name="error">${t}</slot>`;return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="wrapper"><div class="icon" aria-hidden="true">${e(this,SS,"m",LS).call(this)}</div><div class="label"><slot></slot>${this.invalid?a:t}</div></div></div>`}};var PS,TS,IS,DS,AS,WS,HS,OS,BS,FS,VS,RS;_S=new WeakMap,SS=new WeakSet,LS=function(){if(!this.selected){if(this.invalid)return s`<slot name="error-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z"/></svg></slot>`;if(this.completed)return this.editable?s`<slot name="edit-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z"/></svg></slot>`:s`<slot name="done-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg></slot>`}return s`<slot name="icon">${this.index+1}</slot>`},ES=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation()),e.defaultPrevented||this.selected||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&this.closest("m3e-stepper")?._moveTo(this.index)&&(this.selected=!0,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},MS.styles=o`:host { display: block; outline: none; min-width: 0px; position: relative; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { min-width: inherit; position: relative; border-radius: var(--m3e-step-shape, ${v.shape.corner.medium}); padding: var(--m3e-step-padding, 1.5rem); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .icon { flex: none; display: flex; align-items: center; justify-content: center; border-radius: var(--m3e-step-icon-shape, 50%); width: var(--m3e-step-icon-size, 1.5rem); height: var(--m3e-step-icon-size, 1.5rem); } .icon svg, ::slotted([slot="icon"]), ::slotted([slot="edit-icon"]), ::slotted([slot="done-icon"]), ::slotted([slot="error-icon"]) { width: 1em; font-size: var(--m3e-step-icon-size, 1.5rem) !important; } :host(:not([aria-disabled="true"])[selected]) .icon { background-color: var(--m3e-step-selected-icon-container-color, ${v.color.primary}); color: var(--m3e-step-selected-icon-color, ${v.color.onPrimary}); } :host(:not([aria-disabled="true"])[completed]:not([invalid])) .icon { background-color: var(--m3e-step-completed-icon-container-color, ${v.color.primary}); color: var(--m3e-step-completed-icon-color, ${v.color.onPrimary}); } :host(:not([aria-disabled="true"]):not([selected]):not([completed]):not([invalid])) .icon { background-color: var(--m3e-step-unselected-icon-container-color, ${v.color.inverseSurface}); color: var(--m3e-step-unselected-icon-color, ${v.color.inverseOnSurface}); } :host(:not([aria-disabled="true"]):not([selected])[invalid]) .icon { color: var(--m3e-step-icon-error-color, ${v.color.error}); } :host([aria-disabled="true"]) .icon { background-color: color-mix( in srgb, var(--m3e-step-disabled-icon-container-color, ${v.color.onSurface}) 10%, transparent ); color: color-mix(in srgb, var(--m3e-step-disabled-icon-color, ${v.color.onSurface}) 38%, transparent); } :host(:not([aria-disabled="true"])) .label { color: var(--m3e-step-label-color, ${v.color.onSurface}); } :host(:not([aria-disabled="true"]):not([selected])[invalid]) .label { color: var(--m3e-step-label-error-color, ${v.color.error}); } :host([aria-disabled="true"]) .label { color: color-mix(in srgb, var(--m3e-step-disabled-label-color, ${v.color.onSurface}) 38%, transparent); } .wrapper { display: flex; align-items: center; height: 100%; border-radius: inherit; font-size: var(--m3e-step-font-size, ${v.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-step-font-weight, ${v.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-step-line-height, ${v.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-step-tracking, ${v.typescale.standard.title.small.tracking}); flex-direction: var(--_step-direction, row); gap: var(--m3e-step-icon-label-space, 0.5rem); justify-content: flex-start; } .label { display: flex; flex-direction: column; align-items: var(--_step-label-align-items, flex-start); } ::slotted([slot="hint"]), .hint, ::slotted([slot="error"]) { font-size: var(--m3e-step-hint-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-step-hint-font-weight, ${v.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-step-hint-line-height, ${v.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-step-hint-tracking, ${v.typescale.standard.body.small.tracking}); } :host(:not([aria-disabled="true"]):not([invalid])) ::slotted([slot="hint"]), :host(:not([aria-disabled="true"]):not([invalid])) .hint { color: var(--m3e-step-hint-color, ${v.color.onSurfaceVariant}); } :host([aria-disabled="true"]) ::slotted([slot="hint"]), :host([aria-disabled="true"]) .hint { color: color-mix(in srgb, var(--m3e-step-disabled-hint-color, ${v.color.onSurface}) 38%, transparent); }`,MS.__nextId=0,t([h(".focus-ring")],MS.prototype,"_focusRing",void 0),t([h(".state-layer")],MS.prototype,"_stateLayer",void 0),t([h(".ripple")],MS.prototype,"_ripple",void 0),t([m({type:Boolean,reflect:!0})],MS.prototype,"optional",void 0),t([m({type:Boolean,reflect:!0})],MS.prototype,"editable",void 0),t([m({type:Boolean,reflect:!0})],MS.prototype,"completed",void 0),t([m({type:Boolean,reflect:!0})],MS.prototype,"invalid",void 0),t([p()],MS.prototype,"index",void 0),MS=zS=t([$("m3e-step")],MS);class qS extends E{constructor(e){super(),PS.set(this,void 0),a(this,PS,e,"f")}_onClick(){switch(e(this,PS,"f")){case"next":this.closest("m3e-stepper")?.moveNext();break;case"previous":this.closest("m3e-stepper")?.movePrevious();break;case"reset":this.closest("m3e-stepper")?.reset()}}}PS=new WeakMap;let NS=class extends(z(P(r))){constructor(){super(...arguments),TS.add(this),IS.set(this,void 0),this._selectedIndex=null,this[RS]=(new He).withHomeAndEnd().withWrap().onSelectedItemsChange(()=>e(this,TS,"m",OS).call(this)),this.headerPosition="above",this.labelPosition="end",this.linear=!1,this.orientation="horizontal"}get steps(){return this[We]?.items??[]}get selectedStep(){return null!==this._selectedIndex?this.steps[this._selectedIndex]??null:null}get selectedIndex(){return this._selectedIndex??-1}movePrevious(){return this.moveTo((this._selectedIndex??1)-1)}moveNext(){return this.moveTo((this._selectedIndex??-1)+1)}moveTo(e){return!!this._moveTo(e)&&(this.dispatchEvent(new Event("change",{bubbles:!0})),!0)}_moveTo(t){const a=this.selectedStep;if(a&&a.index===t)return!0;if(this.steps[t]?.disabled)return!1;if(t>=0&&t<this.steps.length){if(a){const i=e(this,TS,"m",BS).call(this);if(this.linear)if(t<a.index){const e=this[We].items[t];if(!e||e.completed&&!e.editable)return!1}else if(t>a.index+1){const e=this[We].items[t];if(!e||!e.completed)return!1}else if(!i&&!a.optional)return!1;a.completed=!0}return this._selectedIndex=t,this[We].select(this.selectedStep),!0}return a&&this[We].deselect(a),!1}reset(){this.steps.forEach(e=>e.reset());const e=this.steps.findIndex(e=>!e.disabled);e!==this._selectedIndex&&(this._selectedIndex=e,this[We].select(this.selectedStep),this.dispatchEvent(new Event("change",{bubbles:!0})))}connectedCallback(){super.connectedCallback(),L(this,"--no-animate")}disconnectedCallback(){super.disconnectedCallback(),this._orientation=void 0,e(this,IS,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.orientation&&e(this,TS,"m",FS).call(this)}willUpdate(t){super.willUpdate(t),t.has("orientation")&&(e(this,IS,"f")?.call(this),"auto"===this.orientation?e(this,TS,"m",FS).call(this):(this._orientation=void 0,e(this,TS,"m",VS).call(this))),t.has("_orientation")&&e(this,TS,"m",VS).call(this)}render(){let t;return this.selectedStep?.panel&&(t=[...this.querySelectorAll("[slot='panel']")].indexOf(this.selectedStep.panel),-1===t&&(t=void 0)),this[We].vertical?s`${e(this,TS,"m",DS).call(this)}<slot name="panel"></slot>`:s`${"above"===this.headerPosition?e(this,TS,"m",DS).call(this):n}<m3e-slide class="steps" selected-index="${je(t)}"><slot name="panel"></slot></m3e-slide>${"below"===this.headerPosition?e(this,TS,"m",DS).call(this):n}`}};IS=new WeakMap,TS=new WeakSet,RS=We,DS=function(){return s`<div class="header" role="tablist" aria-orientation="${je(this[We].vertical?"vertical":void 0)}" @change="${e(this,TS,"m",AS)}"><slot name="step" @slotchange="${e(this,TS,"m",WS)}" @keydown="${e(this,TS,"m",HS)}"></slot></div>`},AS=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},WS=function(){const{added:t,removed:a}=this[We].setItems([...this.querySelectorAll("m3e-step")]);if(t.length>0||a.length>0){this.querySelectorAll(".-m3e-step-divider").forEach(e=>e.remove());for(let e=0;e<this[We].items.length;e++){const t=this[We].items[e];if(t.index=e,e>0){const e=document.createElement("div");e.ariaHidden="true",e.classList.add("-m3e-step-divider"),e.slot="step",t.insertAdjacentElement("beforebegin",e)}}e(this,TS,"m",VS).call(this),0==this[We].selectedItems.length&&this[We].select(this[We].items.find(e=>!e.disabled))}},HS=function(e){this[We].onKeyDown(e)},OS=function(){const e=this[We].selectedItems[0];let t=e?this.steps.indexOf(e):null;-1===t&&(t=null),this._selectedIndex=t;for(const e of this[We].items)e.panel&&(e.panel.active=e.index===t);e&&this.matches(":focus-within")&&!e.matches(":focus")&&e.focus(),H(this,"--no-animate")&&requestAnimationFrame(()=>k(this,"--no-animate"))},BS=function(){let e=!1;return this.selectedStep&&(e=this.selectedStep.panel?.querySelector("form")?.checkValidity()??!0,this.selectedStep.optional&&(e=!0),this.selectedStep.invalid=!e),e},FS=function(){a(this,IS,Qe.observe([et.XSmall],t=>{this._orientation=t.get(et.XSmall)?"vertical":"horizontal",e(this,TS,"m",VS).call(this)}),"f")},VS=function(){this[We].vertical="vertical"===(this._orientation??this.orientation),x(this,"--vertical",this[We].vertical),this[We].vertical?this.steps.forEach((e,t)=>{e.style.order=`${t}`,e.panel&&(e.panel.style.order=`${t}`)}):this.steps.forEach(e=>{e.style.order="",e.panel&&(e.panel.style.order="")})},B(o`m3e-stepper:not(:is(:state(--vertical), :--vertical)) > .-m3e-step-divider::before { border-bottom-width: var(--m3e-step-divider-thickness, 1px); border-bottom-style: solid; border-bottom-color: var(--m3e-step-divider-color, ${v.color.outline}); } m3e-stepper:not(:is(:state(--vertical), :--vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:is(:state(--vertical), :--vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { border-bottom-width: var(--m3e-step-divider-thickness, 1px); border-bottom-style: solid; border-bottom-color: var(--m3e-step-divider-color, ${v.color.outline}); } m3e-stepper:not(:is(:state(--vertical), :--vertical))[label-position="end"] > .-m3e-step-divider { margin-block: auto; } m3e-stepper:not(:is(:state(--vertical), :--vertical))[label-position="below"] > .-m3e-step-divider::before, m3e-stepper:not(:is(:state(--vertical), :--vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:is(:state(--vertical), :--vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { margin-block-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:is(:state(--vertical), :--vertical) > [slot="panel"] { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:is(:state(--vertical), :--vertical) > [slot="panel"]:not(:last-of-type) { border-inline-start-width: var(--m3e-step-divider-thickness, 1px); border-inline-start-style: solid; border-inline-start-color: var(--m3e-step-divider-color, ${v.color.outline}); } m3e-stepper:is(:state(--vertical), :--vertical) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:is(:state(--vertical), :--vertical) > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); border-inline-start-width: var(--m3e-step-divider-thickness, 1px); border-inline-start-style: solid; border-inline-start-color: var(--m3e-step-divider-color, ${v.color.outline}); }`),NS.styles=o`:host { display: flex; flex-direction: column; position: relative; } :host(:not(:is(:state(--vertical), :--vertical))) .header { display: flex; align-items: flex-start; flex-wrap: nowrap; } :host(:not(:is(:state(--vertical), :--vertical))) ::slotted(.-m3e-step-divider) { flex: 1 1 auto; position: relative; min-width: 2rem; } :host(:not(:is(:state(--vertical), :--vertical))) ::slotted(.-m3e-step-divider)::before { content: ""; position: absolute; left: 0; right: 0; } :host(:not(:is(:state(--vertical), :--vertical)):not([label-position="below"])) ::slotted(.-m3e-step-divider)::before { top: 50%; } :host(:not(:is(:state(--vertical), :--vertical))) ::slotted([slot="step"]) { align-self: stretch; } :host(:not(:is(:state(--vertical), :--vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:is(:state(--vertical), :--vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; top: 0; } :host(:not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { top: 50%; } :host(:not(:dir(rtl)):not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { left: 0; right: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:dir(rtl):not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { right: 0; left: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:not(:dir(rtl)):not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { left: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); right: 0; } :host(:dir(rtl):not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { right: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); left: 0; } :host(:not(:dir(rtl)):not(:is(:state(--vertical), :--vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { left: 0; right: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:dir(rtl):not(:is(:state(--vertical), :--vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { right: 0; left: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:not(:dir(rtl)):not(:is(:state(--vertical), :--vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { left: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); right: 0; } :host(:dir(rtl):not(:is(:state(--vertical), :--vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { right: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); left: 0; } :host(:not(:is(:state(--vertical), :--vertical))[label-position="below"]) { --_step-direction: column; --_step-label-align-items: center; } :host(:is(:state(--vertical), :--vertical)) .header { display: contents; } :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider)) { flex: none; } :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; left: 0; } :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { top: 0; bottom: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { top: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); bottom: 0; } :host(:not(:is(:state(--vertical), :--vertical))) { --m3e-collapsible-animation-duration: 0ms; } :host(:is(:state(--no-animate), :--no-animate)) { --m3e-collapsible-animation-duration: 0ms; }`,t([p()],NS.prototype,"_orientation",void 0),t([p()],NS.prototype,"_selectedIndex",void 0),t([m({attribute:"header-position",reflect:!0})],NS.prototype,"headerPosition",void 0),t([m({attribute:"label-position",reflect:!0})],NS.prototype,"labelPosition",void 0),t([m({type:Boolean,reflect:!0})],NS.prototype,"linear",void 0),t([m({reflect:!0})],NS.prototype,"orientation",void 0),NS=t([$("m3e-stepper")],NS);let US=class extends qS{constructor(){super("next")}};US=t([$("m3e-stepper-next")],US);let jS=class extends qS{constructor(){super("previous")}};jS=t([$("m3e-stepper-previous")],jS);let YS=class extends qS{constructor(){super("reset")}};YS=t([$("m3e-stepper-reset")],YS);const KS=i(`var(--m3e-switch-selected-icon-color, ${v.color.onPrimaryContainer})`),ZS=i("var(--m3e-switch-selected-icon-size, 1rem)"),XS=i(`var(--m3e-switch-unselected-icon-color, ${v.color.surfaceContainerHighest})`),GS=i("var(--m3e-switch-unselected-icon-size, 1rem)"),JS=i("var(--m3e-switch-track-height, 2rem)"),QS=i("var(--m3e-switch-track-width, 3.25rem)"),e_=i(`var(--m3e-switch-track-outline-color, ${v.color.outline})`),t_=i("var(--m3e-switch-track-outline-width, 2px)"),a_=i(`var(--m3e-switch-track-shape, ${v.shape.corner.full})`),i_=i(`var(--m3e-switch-selected-track-color, ${v.color.primary})`),o_=i(`var(--m3e-switch-unselected-track-color, ${v.color.surfaceContainerHighest})`),r_=i("var(--m3e-switch-unselected-handle-height, 1rem)"),s_=i("var(--m3e-switch-unselected-handle-width, 1rem)"),n_=i("var(--m3e-switch-with-icon-handle-height, 1.5rem)"),l_=i("var(--m3e-switch-with-icon-handle-width, 1.5rem)"),c_=i("var(--m3e-switch-selected-handle-height, 1.5rem)"),d_=i("var(--m3e-switch-selected-handle-width, 1.5rem)"),h_=i("var(--m3e-switch-pressed-handle-height, 1.75rem)"),m_=i("var(--m3e-switch-pressed-handle-width, 1.75rem)"),u_=i(`var(--m3e-switch-handle-shape, ${v.shape.corner.full})`),p_=i(`var(--m3e-switch-selected-handle-color, ${v.color.onPrimary})`),v_=i(`var(--m3e-switch-unselected-handle-color, ${v.color.outline})`),b_=i("var(--m3e-switch-state-layer-size, 2.5rem)"),f_=i(`var(--m3e-switch-state-layer-shape, ${v.shape.corner.full})`),g_=i(`var(--m3e-switch-disabled-selected-icon-color, ${v.color.onSurface})`),y_=i("var(--m3e-switch-disabled-selected-icon-opacity, 38%)"),$_=i(`var(--m3e-switch-disabled-unselected-icon-color, ${v.color.surfaceContainerHighest})`),w_=i("var(--m3e-switch-disabled-unselected-icon-opacity, 38%)"),x_=i("var(--m3e-switch-disabled-track-opacity, 12%)"),k_=i(`var(--m3e-switch-disabled-selected-track-color, ${v.color.onSurface})`),C_=i(`var(--m3e-switch-disabled-unselected-track-color, ${v.color.surfaceContainerHighest})`),S_=i(`var(--m3e-switch-disabled-unselected-track-outline-color, ${v.color.onSurface})`),__=i("var(--m3e-switch-disabled-unselected-handle-opacity, 38%)"),L_=i("var(--m3e-switch-disabled-selected-handle-opacity, 100%)"),E_=i(`var(--m3e-switch-disabled-selected-handle-color, ${v.color.surface})`),z_=i(`var(--m3e-switch-disabled-unselected-handle-color, ${v.color.onSurface})`),M_=i(`var(--m3e-switch-selected-hover-icon-color, ${v.color.onPrimaryContainer})`),P_=i(`var(--m3e-switch-unselected-hover-icon-color, ${v.color.surfaceContainerHighest})`),T_=i(`var(--m3e-switch-selected-hover-track-color, ${v.color.primary})`),I_=i(`var(--m3e-switch-selected-hover-state-layer-color, ${v.color.primary})`),D_=i("var(--m3e-switch-selected-hover-state-layer-opacity, 8%)"),A_=i(`var(--m3e-switch-unselected-hover-track-color, ${v.color.surfaceContainerHighest})`),W_=i(`var(--m3e-switch-unselected-hover-track-outline-color, ${v.color.outline})`),H_=i(`var(--m3e-switch-unselected-hover-state-layer-color, ${v.color.onSurface})`),O_=i("var(--m3e-switch-unselected-hover-state-layer-opacity, 8%)"),B_=i(`var(--m3e-switch-selected-hover-handle-color, ${v.color.surfaceContainerHighest})`),F_=i(`var(--m3e-switch-unselected-hover-handle-color, ${v.color.onSurfaceVariant})`),V_=i(`var(--m3e-switch-selected-focus-icon-color, ${v.color.onPrimaryContainer})`),R_=i(`var(--m3e-switch-unselected-focus-icon-color, ${v.color.surfaceContainerHighest})`),q_=i(`var(--m3e-switch-selected-focus-track-color, ${v.color.primary})`),N_=i(`var(--m3e-switch-selected-focus-state-layer-color, ${v.color.primary})`),U_=i("var(--m3e-switch-selected-focus-state-layer-opacity, 10%)"),j_=i(`var(--m3e-switch-unselected-focus-track-color, ${v.color.surfaceContainerHighest})`),Y_=i(`var(--m3e-switch-unselected-focus-track-outline-color, ${v.color.outline})`),K_=i(`var(--m3e-switch-unselected-focus-state-layer-color, ${v.color.onSurface})`),Z_=i("var(--m3e-switch-unselected-focus-state-layer-opacity, 10%)"),X_=i(`var(--m3e-switch-selected-focus-handle-color, ${v.color.primaryContainer})`),G_=i(`var(--m3e-switch-unselected-focus-handle-color, ${v.color.onSurfaceVariant})`),J_=i(`var(--m3e-switch-selected-pressed-icon-color, ${v.color.onPrimaryContainer})`),Q_=i(`var(--m3e-switch-unselected-pressed-icon-color, ${v.color.surfaceContainerHighest})`),eL=i(`var(--m3e-switch-selected-pressed-track-color, ${v.color.primary})`),tL=(i(`var(--m3e-switch-selected-pressed-state-layer-color, ${v.color.primary})`),i("var(--m3e-switch-selected-pressed-state-layer-opacity, 10%)"),i(`var(--m3e-switch-unselected-pressed-track-color, ${v.color.surfaceContainerHighest})`)),aL=i(`var(--m3e-switch-unselected-pressed-track-outline-color, ${v.color.outline})`),iL=(i(`var(--m3e-switch-unselected-pressed-state-layer-color, ${v.color.onSurface})`),i("var(--m3e-switch-unselected-pressed-state-layer-opacity, 10%)"),i(`var(--m3e-switch-selected-pressed-handle-color, ${v.color.primaryContainer})`)),oL=i(`var(--m3e-switch-unselected-pressed-handle-color, ${v.color.onSurfaceVariant})`),rL=o`.handle { position: relative; display: flex; align-items: center; justify-content: center; pointer-events: none; transform-origin: center center; border-radius: ${u_}; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n      transform var(--_switch-handle-effect),\n      width ${v.motion.spring.fastEffects},\n      height ${v.motion.spring.fastEffects}`)}; } .track:not(.pressed) .handle { --_switch-handle-effect: ${v.motion.spring.fastSpatial}; } .track.pressed .handle { --_switch-handle-effect: ${v.motion.spring.fastEffects}; } :host(:not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { width: ${l_}; height: ${n_}; } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .handle, :host([aria-disabled="true"]:not([checked])) .handle { width: ${s_}; height: ${r_}; } :host([checked]) .track:not(.pressed) .handle { width: ${d_}; height: ${c_}; } .track.pressed .handle { width: ${m_}; height: ${h_}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${v_}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .handle { background-color: ${F_}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .handle { background-color: ${G_}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .handle { background-color: ${oL}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${p_}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .handle { background-color: ${B_}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .handle { background-color: ${X_}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .handle { background-color: ${iL}; } :host([aria-disabled="true"]:not([checked])) .handle { background-color: color-mix( in srgb, ${z_} ${__}, transparent ); } :host([aria-disabled="true"][checked]) .handle { background-color: color-mix( in srgb, ${E_} ${L_}, transparent ); } :host(:not(:dir(rtl))[checked]) .track:not(.pressed) .handle { transform: translateX( calc(${QS} - ${d_} - calc(${t_} * 2)) ); } :host(:dir(rtl)[checked]) .track:not(.pressed) .handle { transform: translateX( calc( 0px - calc( ${QS} - ${d_} - calc(${t_} * 2) ) ) ); } :host(:not(:dir(rtl))[checked]) .track.pressed .handle { transform: translateX( calc(${QS} - ${m_} - ${t_}) ); } :host(:dir(rtl)[checked]) .track.pressed .handle { transform: translateX( calc(0px - calc(${QS} - ${m_} - ${t_})) ); } :host(:not(:dir(rtl)):not([checked]):not([icons="both"])) .track:not(.pressed) .handle, :host(:not(:dir(rtl))[aria-disabled="true"]:not([checked])) .handle { transform: translateX( calc( ${t_} + calc(${m_} - ${l_}) ) ); } :host(:dir(rtl):not([checked]):not([icons="both"])) .track:not(.pressed) .handle, :host(:dir(rtl)[aria-disabled="true"]:not([checked])) .handle { transform: translateX( calc( 0px - calc( ${t_} + calc(${m_} - ${l_}) ) ) ); } :host(:not(:dir(rtl)):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(${t_}); } :host(:dir(rtl):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(calc(0px - ${t_})); } @media (forced-colors: active) { .handle { transition: ${i(`transform var(--_switch-handle-effect),\n      width ${v.motion.spring.fastEffects},\n      height ${v.motion.spring.fastEffects}`)}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .handle { background-color: ButtonText; } :host([aria-disabled="true"]:not([checked])) .handle { background-color: GrayText; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"])[checked]) .track.pressed .handle { background-color: Canvas; } :host([aria-disabled="true"][checked]) .handle { background-color: Canvas; } } @media (prefers-reduced-motion) { .handle { transition: none; } }`,sL=o`:host([icons="none"]) .icon, :host([icons="selected"]:not([checked])) .icon, :host([aria-disabled="true"]:not([checked])) .icon { display: none; } .icon { width: 1em; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not([checked])) .icon { font-size: ${GS}; } :host([checked]) .icon { font-size: ${ZS}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${XS}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .icon { color: ${P_}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .icon { color: ${R_}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .icon { color: ${Q_}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${KS}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .icon { color: ${M_}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .icon { color: ${V_}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .icon { color: ${J_}; } :host([aria-disabled="true"]:not([checked])) .icon { color: color-mix( in srgb, ${$_} ${w_}, transparent ); } :host([aria-disabled="true"][checked]) .icon { color: color-mix( in srgb, ${g_} ${y_}, transparent ); } @media (forced-colors: active) { :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .icon { color: Canvas; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"])[checked]) .track.pressed .icon { color: CanvasText; } :host([aria-disabled="true"]:not([checked])) .icon { color: Canvas; } :host([aria-disabled="true"][checked]) .icon { color: GrayText; } } @media (prefers-reduced-motion) { .icon { transition: none; } }`,nL=o`.state-layer { width: ${b_}; height: ${b_}; border-radius: ${f_}; transition: ${i(`top ${v.motion.spring.fastEffects},\n          left ${v.motion.spring.fastEffects},\n          right ${v.motion.spring.fastEffects}`)}; } :host(:not([checked])[icons="both"]) .track:not(.pressed) .state-layer { inset-inline-start: calc(0px - calc(calc(${b_} - ${l_}) / 2)); top: calc(0px - calc(calc(${b_} - ${n_}) / 2)); } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .state-layer { inset-inline-start: calc( 0px - calc(calc(${b_} - ${s_}) / 2) ); top: calc(0px - calc(calc(${b_} - ${r_}) / 2)); } :host([checked]) .track:not(.pressed) .state-layer { inset-inline-start: calc(0px - calc(calc(${b_} - ${d_}) / 2)); top: calc(0px - calc(calc(${b_} - ${c_}) / 2)); } .track.pressed .state-layer { inset-inline-start: calc(0px - calc(calc(${b_} - ${m_}) / 2)); top: calc(0px - calc(calc(${b_} - ${m_}) / 2)); } :host(:not([checked])) .state-layer { --m3e-state-layer-hover-color: ${H_}; --m3e-state-layer-hover-opacity: ${O_}; --m3e-state-layer-focus-color: ${K_}; --m3e-state-layer-focus-opacity: ${Z_}; } :host([checked]) .state-layer { --m3e-state-layer-hover-color: ${I_}; --m3e-state-layer-hover-opacity: ${D_}; --m3e-state-layer-focus-color: ${N_}; --m3e-state-layer-focus-opacity: ${U_}; }`,lL=o`:host { display: inline-block; position: relative; outline: none; height: fit-content; width: fit-content; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .focus-ring { border-radius: ${a_}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .base { display: flex; align-items: center; justify-content: center; }`,cL=o`.track { display: flex; align-items: center; position: relative; box-sizing: border-box; border-radius: ${a_}; width: ${QS}; height: ${JS}; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not([checked])) .track { border-width: ${t_}; border-style: solid; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) { border-color: ${e_}; background-color: ${o_}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) { border-color: ${W_}; background-color: ${A_}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) { border-color: ${Y_}; background-color: ${j_}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed { border-color: ${aL}; background-color: ${tL}; } :host([aria-disabled="true"]:not([checked])) .track { border-color: color-mix( in srgb, ${S_} ${x_}, transparent ); background-color: color-mix( in srgb, ${C_} ${x_}, transparent ); } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) { background-color: ${i_}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) { background-color: ${T_}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) { background-color: ${q_}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed { background-color: ${eL}; } :host([aria-disabled="true"][checked]) .track { background-color: color-mix( in srgb, ${k_} ${x_}, transparent ); } @media (forced-colors: active) { .track { transition: none; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed), :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed), :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed), :host(:not([aria-disabled="true"]):not([checked])) .track.pressed { border-color: ButtonText; background-color: Canvas; } :host([aria-disabled="true"]:not([checked])) .track { border-color: GrayText; background-color: Canvas; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed), :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed), :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed), :host(:not([aria-disabled="true"])[checked]) .track.pressed { background-color: ButtonText; } :host([aria-disabled="true"][checked]) .track { background-color: GrayText; } } @media (prefers-reduced-motion) { .track { transition: none; } }`;var dL,hL,mL,uL,pL,vL;let bL=class extends(Q(te(ae(oe(we(se(V(q(N(P(f(r,"switch")))))))))))){constructor(){super(),dL.add(this),hL.set(this,t=>e(this,dL,"m",vL).call(this,t)),mL.set(this,new ne(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),uL.set(this,new Z(this,{target:null,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})),this.icons="none",this.value="on",new Z(this,{isPressedKey:e=>" "===e,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})}get[(hL=new WeakMap,mL=new WeakMap,uL=new WeakMap,dL=new WeakSet,le)](){return this.checked&&!this.disabled?this.value:null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,hL,"f"));for(const t of this.labels)e(this,mL,"f").observe(t),e(this,uL,"f").observe(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,hL,"f"));for(const t of this.labels)e(this,mL,"f").unobserve(t),e(this,uL,"f").unobserve(t)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer].forEach(e=>e?.attach(this))}render(){return s`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="track" aria-hidden="true"><div class="touch" aria-hidden="true"></div><div class="handle"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><div class="base">${e(this,dL,"m",pL).call(this)}</div></div></div>`}};var fL,gL,yL,$L;pL=function(){return this.checked?s`<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z"></path></svg>`:s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>`},vL=function(e){e.defaultPrevented||(this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))),this.closest("label")&&e.preventDefault())},bL.styles=[lL,nL,cL,rL,sL],t([h(".track")],bL.prototype,"_track",void 0),t([h(".focus-ring")],bL.prototype,"_focusRing",void 0),t([h(".state-layer")],bL.prototype,"_stateLayer",void 0),t([m({reflect:!0})],bL.prototype,"icons",void 0),t([m()],bL.prototype,"value",void 0),bL=t([$("m3e-switch")],bL);let wL=$L=class extends(pe(b(V(q(N(P(f(r,"tab"),!0))))))){constructor(){super(...arguments),fL.add(this),gL.set(this,t=>e(this,fL,"m",yL).call(this,t))}attach(e){super.attach(e),e.id=e.id||"m3e-tab-panel-"+$L.__nextId++,De(this,"aria-controls",e.id)}detach(){this.control&&this.control.id&&Ae(this,"aria-controls",this.control.id),super.detach()}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,gL,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,gL,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-tabs")?.[We].notifySelectionChange(this)}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper"><slot name="icon" aria-hidden="true"></slot><span class="label"><slot></slot></span></div></div>`}};gL=new WeakMap,fL=new WeakSet,yL=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation()),e.defaultPrevented||this.selected||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!0,this.closest("m3e-tabs")?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},wL.styles=o`:host { display: inline-block; outline: none; user-select: none; height: calc(var(--_tab-height) + ${v.density.calc(-3)}); font-size: var(--m3e-tab-font-size, ${v.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-tab-font-weight, ${v.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-tab-line-height, ${v.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-tab-tracking, ${v.typescale.standard.title.small.tracking}); flex-grow: var(--_tab-grow); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not(:disabled)) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; padding-inline-start: var(--m3e-tab-padding-start, 1.5rem); padding-inline-end: var(--m3e-tab-padding-end, 1.5rem); } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .focus-ring { border-radius: var(--m3e-tab-focus-ring-shape, ${v.shape.corner.large}); } :host([selected]:focus-within) .focus-ring { top: var(--_tab-focus-ring-top-offset, 0); bottom: var(--_tab-focus-ring-bottom-offset, 0); } :host([selected]:not(:disabled)) .base { color: var(--m3e-tab-selected-color, var(--_tab-selected-color, ${v.color.primary})); --m3e-state-layer-hover-color: var( --m3e-tab-selected-container-hover-color, var(--_tab-selected-container-hover-color, ${v.color.primary}) ); --m3e-state-layer-focus-color: var( --_tab-selected-container-focus-color, var(--m3e-tab-selected-container-focus-color, ${v.color.primary}) ); --m3e-ripple-color: var( --_tab-selected-ripple-color, var(--m3e-tab-selected-ripple-color, ${v.color.primary}) ); } :host(:not([selected]):not(:disabled)) .base { color: var(--m3e-tab-unselected-color, ${v.color.onSurfaceVariant}); --m3e-state-layer-hover-color: var(--m3e-tab-unselected-container-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-tab-unselected-container-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-tab-unselected-ripple-color, ${v.color.onSurface}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-tab-disabled-color, ${v.color.onSurface}) var(--m3e-tab-disabled-opacity, 38%), transparent ); } .wrapper { display: inline-flex; align-items: center; white-space: nowrap; flex-direction: var(--_tab-direction); justify-content: center; column-gap: var(--m3e-tab-spacing, 0.5rem); } ::slotted([slot="icon"]) { width: 1em; font-size: var(--m3e-tab-icon-size, 1.5rem) !important; } @media (forced-colors: active) { :host([selected]:not(:disabled)) .base { color: ButtonText; } :host(:not([selected]):not(:disabled)) .base { color: ButtonText; } :host(:disabled) .base { color: GrayText; } }`,wL.__nextId=0,t([h(".focus-ring")],wL.prototype,"_focusRing",void 0),t([h(".state-layer")],wL.prototype,"_stateLayer",void 0),t([h(".ripple")],wL.prototype,"_ripple",void 0),t([h(".label")],wL.prototype,"label",void 0),wL=$L=t([$("m3e-tab")],wL);let xL=class extends(f(r,"tabpanel")){connectedCallback(){super.connectedCallback(),this.slot="panel"}render(){return s`<slot></slot>`}};var kL,CL,SL,_L,LL,EL,zL,ML,PL,TL,IL,DL,AL,WL,HL,OL,BL,FL,VL,RL;xL.styles=o`:host { display: block; overflow-y: auto; scrollbar-width: ${v.scrollbar.width}; scrollbar-color: ${v.scrollbar.color}; }`,xL=t([$("m3e-tab-panel")],xL);let qL=class extends(P(r)){constructor(){super(),kL.add(this),CL.set(this,void 0),this._selectedIndex=null,SL.set(this,void 0),_L.set(this,new T),this[RL]=(new He).onSelectedItemsChange(()=>e(this,kL,"m",PL).call(this)).onActiveItemChange(()=>e(this,kL,"m",TL).call(this)).withHomeAndEnd().withWrap().withDirectionality(qe.current),this.headerPosition="before",this.variant="secondary",this.stretch=!1,this.previousPageLabel="Previous page",this.nextPageLabel="Next page",new A(this,{skipInitial:!0,callback:()=>{L(this,"--no-animate");const t=this[We].activeItem??this.selectedTab;t?e(this,kL,"m",FL).call(this,t,!0):e(this,kL,"m",VL).call(this)}})}get disablePagination(){switch(this.getAttribute("disable-pagination")){case"auto":return"auto";case"":case"true":return!0;default:return!1}}set disablePagination(e){switch(e){case!1:this.removeAttribute("disable-pagination");break;case!0:this.toggleAttribute("disable-pagination",!0);break;case"auto":this.setAttribute("disable-pagination","auto")}}get tabs(){return this[We]?.items??[]}get selectedTab(){return null!==this._selectedIndex?this.tabs[this._selectedIndex]??null:null}get selectedIndex(){return this._selectedIndex??-1}set selectedIndex(e){if(e>=0&&e<this.tabs.length)this.tabs[e].selected=!0;else{const e=this.selectedTab;e&&(e.selected=!1)}}connectedCallback(){super.connectedCallback(),L(this,"--no-animate"),a(this,CL,qe.observe(()=>{this.requestUpdate(),this[We].directionality=qe.current}),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,CL,"f")?.call(this)}updated(t){super.updated(t),(t.has("variant")||t.has("stretch"))&&null!==this._selectedIndex&&e(this,kL,"m",VL).call(this)}render(){let t;return this.selectedTab?.control&&(t=[...this.querySelectorAll("[slot='panel']")].indexOf(this.selectedTab.control),-1===t&&(t=void 0)),s`${"before"===this.headerPosition?e(this,kL,"m",LL).call(this):n}<m3e-slide class="tabs" selected-index="${je(t)}" @pointerdown="${e(this,kL,"m",DL)}" @pointermove="${e(this,kL,"m",AL)}" @pointerup="${e(this,kL,"m",WL)}" @pointercancel="${e(this,kL,"m",HL)}" @lostpointercapture="${e(this,kL,"m",OL)}"><slot name="panel"></slot></m3e-slide>${"after"===this.headerPosition?e(this,kL,"m",LL).call(this):n}`}};
+        </g>`:d`<path d="${o}" stroke="currentColor" stroke-width=${e(this,x$,"f")} fill="none" stroke-linecap="round" />`}</svg>`:s`<div class="complete"></div>`},E$=function(){return s`<div class="stroke" aria-hidden="true"></div><div class="amplitude-and-wavelength" aria-hidden="true"></div>`},z$=function(){const e=this.shadowRoot?.querySelector(".stroke");e&&a(this,x$,e.clientHeight,"f")},M$=function(){const e=this.shadowRoot?.querySelector(".amplitude-and-wavelength");e&&(a(this,k$,e.clientHeight,"f"),a(this,C$,e.clientWidth,"f"))},P$=function(t,a=0){const i=e(this,k$,"f")+e(this,x$,"f")/2,o=i,r=[],s=e(this,C$,"f")/2;let n=0;for(r.push(`M ${n},${o}`);n<=t;){const t=n+s,l=o+i*Math.sin(2*Math.PI*t/e(this,C$,"f")+a),c=n+s/2,d=o+i*Math.sin(2*Math.PI*(n+s/2)/e(this,C$,"f")+a);r.push(`Q ${c},${d} ${t},${l}`),n+=s}const l=`0 -1 ${t} ${2*i+2}`;return{path:r.join(" "),viewBox:l,height:e(this,x$,"f")+2*e(this,k$,"f"),padding:1}},I$.styles=[jy.styles,o`:host { display: block; position: relative; } .progress { width: 100%; height: 100%; position: relative; align-items: center; border-radius: var(--m3e-linear-progress-indicator-shape, ${v.shape.corner.extraSmall}); } .stroke, .amplitude-and-wavelength { visibility: hidden; position: absolute; } .stroke { width: 100%; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } .amplitude-and-wavelength { height: var(--m3e-linear-wavy-progress-indicator-amplitude, 0.1875rem); width: var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem); } :host([mode="indeterminate"]) .amplitude-and-wavelength, :host([mode="query"]) .amplitude-and-wavelength { width: var(--m3e-linear-wavy-indeterminate-progress-indicator-wavelength, 1.5rem); } .primary, .secondary, .stop { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } .stop { aspect-ratio: 1; flex: none; } :host([variant="flat"]) { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } :host([variant="wavy"]) { height: calc( var(--m3e-linear-progress-indicator-thickness, 0.25rem) + calc(var(--m3e-linear-wavy-progress-indicator-amplitude, 0.1875rem) * 2) ); } :host([variant="wavy"]) .primary, :host([variant="wavy"]) .secondary { position: relative; height: 100%; overflow: hidden; } :host([variant="wavy"]) .complete { position: absolute; margin: auto; top: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); left: 0; right: 0; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } :host([variant="wavy"]) .secondary { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } .wave { position: absolute; display: block; } .primary .wave, .secondary .wave { margin-inline-start: calc(0px - var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem)); } :host([variant="wavy"][mode="determinate"]) .primary path, :host([variant="wavy"][mode="buffer"]) .primary path { animation: wave-slide 1.5s linear infinite; } @keyframes wave-slide { from { transform: translateX(0); } to { transform: translateX(calc(0px - var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem))); } } :host([mode="determinate"]) .progress, :host([mode="buffer"]) .progress { display: flex; overflow: hidden; } :host([mode="determinate"]) .primary, :host([mode="buffer"]) .primary { width: var(--_value, 0px); flex: none; } :host([mode="determinate"]) .gap, :host([mode="buffer"]) .gap { flex-basis: var(--m3e-linear-progress-indicator-thickness, 0.25rem); flex-shrink: 1; } :host([mode="determinate"]) .secondary, :host([mode="buffer"]) .buffer { flex: 1 1 auto; } :host([mode="buffer"]) .buffer { flex-shrink: 5; height: 100%; width: 100%; background-color: var(--m3e-progress-indicator-track-color, ${v.color.secondaryContainer}); mask-image: radial-gradient( circle, black 0, black calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2), transparent calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2) ); mask-size: calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) * 2) 100%; mask-repeat: repeat; animation: buffer 250ms linear infinite; } :host(:dir(rtl)[mode="buffer"]) .buffer { transform: scaleX(-1); } @keyframes buffer { from { mask-position: 0 0; } to { mask-position: calc(-1 * calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) * 2)) 0; } } :host([mode="buffer"]) .secondary { width: var(--_buffer-value, 0px); flex: none; } :host([mode="indeterminate"]) .primary, :host([mode="query"]) .primary { position: absolute; top: 0; height: 100%; border-radius: inherit; animation: indeterminate-primary 2.1s infinite linear; } :host([variant="wavy"][mode="indeterminate"]) .primary, :host([variant="wavy"][mode="query"]) .primary { animation-name: wavy-indeterminate-primary; } :host([mode="indeterminate"]) .secondary, :host([mode="query"]) .secondary { position: absolute; top: 0; height: 100%; border-radius: inherit; animation: indeterminate-secondary 2.1s infinite linear; animation-delay: 1.15s; animation-fill-mode: backwards; } :host([variant="wavy"][mode="indeterminate"]) .secondary, :host([variant="wavy"][mode="query"]) .secondary { animation-name: wavy-indeterminate-secondary; } :host([mode="indeterminate"]) .progress, :host([mode="query"]) .progress { overflow: hidden; position: relative; } :host(:not(:dir(rtl))[mode="query"]) .progress, :host(:dir(rtl)[mode="indeterminate"]) .progress { transform: scaleX(-1); } :host([variant="flat"]) .primary, :host([variant="flat"][mode="indeterminate"]) .secondary, :host([variant="flat"][mode="query"]) .secondary, :host([variant="wavy"]) .complete, .stop { background-color: var(--m3e-progress-indicator-color, ${v.color.primary}); } :host([variant="wavy"]) .progress { color: var(--m3e-progress-indicator-color, ${v.color.primary}); } :host([mode="determinate"]) .secondary, :host([mode="buffer"]) .secondary, :host([variant="flat"][mode="indeterminate"]) .track, :host([variant="flat"][mode="query"]) .track { background-color: var(--m3e-progress-indicator-track-color, ${v.color.secondaryContainer}); } :host([variant="wavy"][mode="indeterminate"]) .track, :host([variant="wavy"][mode="query"]) .track { color: var(--m3e-progress-indicator-track-color, ${v.color.secondaryContainer}); } :host([variant="wavy"][mode="indeterminate"]) .track, :host([variant="wavy"][mode="query"]) .track { y: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); border-radius: inherit; } :host([variant="flat"][mode="indeterminate"]) .track, :host([variant="flat"][mode="query"]) .track { position: absolute; margin: auto; top: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); left: 0; right: 0; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } @keyframes indeterminate-primary { 0% { left: -145.167%; width: 8%; } 20% { left: -113.333%; width: 48%; } 60% { left: 56.333%; width: 78%; } 100% { left: 100%; width: 8%; } } @keyframes indeterminate-secondary { 0% { left: -54.888%; width: 8%; } 20% { left: -20%; width: 48%; } 60% { left: 60%; width: 78%; } 100% { left: 160%; width: 8%; } } @keyframes wavy-indeterminate-primary { 0% { transform: translateX(-145.167%); width: 8%; } 20% { transform: translateX(-113.333%); width: 48%; } 60% { transform: translateX(56.333%); width: 78%; } 100% { transform: translateX(100%); width: 8%; } } @keyframes wavy-indeterminate-secondary { 0% { transform: translateX(-54.888%); width: 8%; } 20% { transform: translateX(-20%); width: 48%; } 60% { transform: translateX(60%); width: 78%; } 100% { transform: translateX(160%); width: 8%; } } @media (forced-colors: active) { .progress { --m3e-progress-indicator-track-color: GrayText; --m3e-progress-indicator-color: CanvasText; } }`],I$.__nextMaskId=0,t([m({reflect:!0})],I$.prototype,"mode",void 0),t([m({attribute:"buffer-value",type:Number,reflect:!0})],I$.prototype,"bufferValue",void 0),I$=T$=t([$("m3e-linear-progress-indicator")],I$);let V$=class extends(Q(te(ae(we(V(q(se(N(P(f(r,"radio"),!0)))))))))){constructor(){super(...arguments),D$.add(this),A$.set(this,t=>e(this,D$,"m",B$).call(this,t)),W$.set(this,new ne(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),H$.set(this,new Z(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(A$=new WeakMap,W$=new WeakMap,H$=new WeakMap,D$=new WeakSet,le)](){return this.checked&&!this.disabled?this.value:null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,A$,"f"));for(const t of this.labels)e(this,W$,"f").observe(t),e(this,H$,"f").observe(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,A$,"f"));for(const t of this.labels)e(this,W$,"f").unobserve(t),e(this,H$,"f").unobserve(t)}update(t){super.update(t),t.has("checked")&&e(this,D$,"m",F$).call(this)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${e(this,D$,"m",O$).call(this)}</div></div>`}};var R$,q$,N$,U$,j$,Y$,K$;O$=function(){return s`<svg viewBox="0 0 20 20"><mask id="cutout2"><rect width="100%" height="100%" fill="white"></rect><circle cx="10" cy="10" r="8" fill="black"></circle></mask><circle class="outer circle" cx="10" cy="10" r="10" mask="url(#cutout2)"></circle><circle class="inner circle" cx="10" cy="10" r="5"></circle></svg>`},B$=function(t){if(!t.defaultPrevented&&!this.checked){if(this.disabled)return t.preventDefault(),void t.stopImmediatePropagation();this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.checked=!0,e(this,D$,"m",F$).call(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))),this.closest("label")&&t.preventDefault()}},F$=function(){const e=this.closest("m3e-radio-group");e?e[We].notifySelectionChange(this):this.name&&this.checked&&[...this.getRootNode()?.querySelectorAll(`m3e-radio[name="${this.name}"]`)??[]].filter(e=>e!==this&&e.checked).forEach(e=>e.checked=!1)},V$.styles=o`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-radio-container-size, 2.5rem) + ${v.density.calc(-3)}); height: calc(var(--m3e-radio-container-size, 2.5rem) + ${v.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) .base { --m3e-state-layer-hover-color: var(--m3e-radio-unselected-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-radio-unselected-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-radio-unselected-ripple-color, ${v.color.onSurface}); color: var(--m3e-radio-unselected-icon-color, ${v.color.onSurfaceVariant}); } :host([checked]) .base { --m3e-state-layer-hover-color: var(--m3e-radio-selected-hover-color, ${v.color.primary}); --m3e-state-layer-focus-color: var(--m3e-radio-selected-focus-color, ${v.color.primary}); --m3e-ripple-color: var(--m3e-radio-selected-ripple-color, ${v.color.primary}); color: var(--m3e-radio-selected-icon-color, ${v.color.primary}); } :host([aria-disabled="true"]) .base { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${v.color.onSurface}) 38%, transparent); } :host(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)) .base { --m3e-state-layer-hover-color: var(--m3e-radio-error-hover-color, ${v.color.error}); --m3e-state-layer-focus-color: var(--m3e-radio-error-focus-color, ${v.color.error}); --m3e-ripple-color: var(--m3e-radio-error-ripple-color, ${v.color.error}); color: var(--m3e-radio-error-icon-color, ${v.color.error}); } @media (forced-colors: active) { :host(:not([checked])) .base, :host([checked]) .base { --m3e-state-layer-hover-color: var(--_radio-forced-color, CanvasText); --m3e-state-layer-focus-color: var(--_radio-forced-color, CanvasText); --m3e-ripple-color: var(--_radio-forced-color, CanvasText); color: var(--_radio-forced-color, CanvasText); } :host([aria-disabled="true"]) .base { color: GrayText; } :host(:is(:state(--touched), :--touched):is(:state(--invalid), :--invalid)) .base { --_radio-forced-color: Highlight; color: Highlight; } }`,t([h(".focus-ring")],V$.prototype,"_focusRing",void 0),t([h(".state-layer")],V$.prototype,"_stateLayer",void 0),t([h(".ripple")],V$.prototype,"_ripple",void 0),t([m()],V$.prototype,"value",void 0),V$=t([$("m3e-radio")],V$);let Z$=class extends(Q(ee(te(ae(ie(oe(se(N(P(f(r,"radiogroup"))))))))))){constructor(){super(...arguments),R$.add(this),q$.set(this,void 0),N$.set(this,()=>e(this,R$,"m",Y$).call(this)),this[K$]=(new He).withWrap().withDirectionality(qe.current).onActiveItemChange(()=>{this[We].activeItem?.click()})}static get observedAttributes(){return[...super.observedAttributes,"aria-invalid"]}get radios(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems[0]??null}get value(){return this.selected?.value??null}markAsTouched(){super.markAsTouched(),this.radios.forEach(e=>e.markAsTouched())}markAsUntouched(){super.markAsUntouched(),this.radios.forEach(e=>e.markAsUntouched())}markAsDirty(){super.markAsDirty(),this.radios.forEach(e=>e.markAsDirty())}markAsPristine(){super.markAsPristine(),this.radios.forEach(e=>e.markAsPristine())}attributeChangedCallback(e,t,a){switch(super.attributeChangedCallback(e,t,a),e){case"name":this.radios.forEach(e=>e.name=this.name);break;case"aria-invalid":this.radios.forEach(e=>{x(e,"--invalid","true"===a),e[_e]?.()})}}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",e(this,N$,"f")),a(this,q$,qe.observe(()=>this[We].directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",e(this,N$,"f")),e(this,q$,"f")?.call(this)}update(e){super.update(e),e.has("disabled")&&(this.ariaDisabled=null),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled)}render(){return s`<slot @slotchange="${e(this,R$,"m",U$)}" @keydown="${e(this,R$,"m",j$)}" @change="${e(this,R$,"m",Y$)}"></slot>`}};q$=new WeakMap,N$=new WeakMap,R$=new WeakSet,K$=We,U$=function(){const{added:e}=this[We].setItems([...this.querySelectorAll("m3e-radio")]);e.forEach(e=>e.name=e.name||this.name)},j$=function(e){this[We].onKeyDown(e)},Y$=function(){this.checkValidity()},Z$.styles=o`:host { display: inline-flex; }`,Z$=t([$("m3e-radio-group")],Z$);const X$=i(`var(--m3e-search-bar-container-color, ${v.color.surfaceContainerHigh})`),G$=i(`var(--m3e-search-bar-leading-icon-color, ${v.color.onSurface})`),J$=i(`var(--m3e-search-bar-trailing-icon-color, ${v.color.onSurfaceVariant})`),Q$=i("var(--m3e-search-bar-container-height, 3.5rem)"),ew=i(`var(--m3e-search-bar-container-shape, ${v.shape.corner.full})`),tw=i("var(--m3e-search-bar-icon-size, 1.5rem)"),aw=i(`var(--m3e-search-bar-supporting-text-color, ${v.color.onSurfaceVariant})`),iw=i(`var(--m3e-search-bar-supporting-text-font-size, ${v.typescale.standard.body.large.fontSize})`),ow=i(`var(--m3e-search-bar-supporting-text-font-weight, ${v.typescale.standard.body.large.fontWeight})`),rw=i(`var(--m3e-search-bar-supporting-text-line-height, ${v.typescale.standard.body.large.lineHeight})`),sw=i(`var(--m3e-search-bar-supporting-text-tracking, ${v.typescale.standard.body.large.tracking})`),nw=i(`var(--m3e-search-bar-input-color, ${v.color.onSurface})`),lw=i(`var(--m3e-search-bar-input-text-font-size, ${v.typescale.standard.body.large.fontSize})`),cw=i(`var(--m3e-search-bar-input-text-font-weight, ${v.typescale.standard.body.large.fontWeight})`),dw=i(`var(--m3e-search-bar-input-text-line-height, ${v.typescale.standard.body.large.lineHeight})`),hw=i(`var(--m3e-search-bar-input-text-tracking, ${v.typescale.standard.body.large.tracking})`),mw=i("var(--m3e-search-bar-leading-space, 0.25rem)"),uw=i("var(--m3e-search-bar-trailing-space, 0.25rem)"),pw=i("var(--m3e-search-bar-no-actions-leading-space, 1rem)"),vw=i("var(--m3e-search-bar-no-actions-trailing-space, 1rem)"),bw=i("var(--m3e-search-bar-leading-actions-trailing-space, 0.25rem)"),fw=i("var(--m3e-search-bar-trailing-actions-leading-space, 0.25rem)"),gw=i("var(--m3e-search-bar-actions-gap, 0px)"),yw=o`m3e-search-bar input[slot="input"]::placeholder { user-select: none; color: ${aw}; font-size: ${iw}; font-weight: ${ow}; line-height: ${rw}; letter-spacing: ${sw}; }`,$w=o`:host { display: block; height: ${Q$}; } .base { cursor: text; display: flex; align-items: center; box-sizing: border-box; width: 100%; height: 100%; border-radius: ${ew}; background-color: ${X$}; } .clear { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 3rem; } :host(:not(:is(:state(--clearable), :--clearable))) .clear { display: none; } :host(:is(:state(--with-leading), :--with-leading)) slot[name="leading"], :host(:is(:state(--with-trailing), :--with-trailing)) slot[name="trailing"] { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 3rem; padding-inline: 0.25rem; column-gap: calc(0.5rem + ${gw}); } ::slotted([slot="input"]) { flex: 1 1 auto; outline: unset; border: unset; background-color: transparent; box-shadow: none; min-width: 0; padding: unset; color: ${nw}; font-size: ${lw}; font-weight: ${cw}; line-height: ${dw}; letter-spacing: ${hw}; } :host(:is(:state(--with-leading), :--with-leading)) .base { padding-inline-start: ${mw}; } :host(:not(:is(:state(--with-leading), :--with-leading))) .base { padding-inline-start: ${pw}; } :host(:is(:is(:state(--with-trailing), :--with-trailing), :is(:state(--clearable), :--clearable))) .base { padding-inline-end: ${uw}; } :host(:not(:is(:is(:state(--with-trailing), :--with-trailing), :is(:state(--clearable), :--clearable)))) .base { padding-inline-end: ${vw}; } :host(:is(:state(--with-leading), :--with-leading)) ::slotted([slot="input"]) { margin-inline-start: ${bw}; } :host(:is(:is(:state(--with-trailing), :--with-trailing), :is(:state(--clearable), :--clearable))) ::slotted([slot="input"]) { margin-inline-end: ${fw}; } slot[name="leading"] { color: ${G$}; --m3e-icon-color: ${G$}; --m3e-icon-button-icon-color: ${G$}; --m3e-icon-size: ${tw}; } slot[name="trailing"], .clear { color: ${J$}; --m3e-icon-color: ${J$}; --m3e-icon-button-icon-color: ${J$}; --m3e-icon-size: ${tw}; } ::slotted(svg[slot="leading"]), ::slotted(svg[slot="trailing"]) { width: 1em; font-size: ${tw}; } ::slotted([slot="clear-icon"]), .clear-icon { width: 1em; font-size: ${tw} !important; } slot[name="clear-icon"] { --m3e-icon-size: ${tw}; } @media (forced-colors: active) { .base { border: 1px var(--_search-bar-forced-color-outline-style, solid) CanvasText; } }`,ww=i(`var(--m3e-search-view-container-color, ${v.color.surfaceContainerHigh})`),xw=i(`var(--m3e-search-view-contained-container-color, ${v.color.surfaceContainerLow})`),kw=i(`var(--m3e-search-view-divider-color, ${v.color.outline})`),Cw=i("var(--m3e-search-view-divider-thickness, 1px)"),Sw=i(`var(--m3e-search-view-full-screen-container-shape, ${v.shape.corner.none})`),_w=i("var(--m3e-search-view-full-screen-header-container-height, 4.5rem)"),Lw=i(`var(--m3e-search-view-docked-container-shape, ${v.shape.corner.extraLarge})`),Ew=i("var(--m3e-search-view-docked-header-container-height, 3.5rem)"),zw=i("var(--m3e-search-view-contained-leading-margin, 1.5rem)"),Mw=i("var(--m3e-search-view-contained-trailing-margin, 1.55rem)"),Pw=i("var(--m3e-search-view-contained-focused-leading-margin, 0.75rem)"),Tw=i("var(--m3e-search-view-contained-focused-trailing-margin, 0.75rem)"),Iw=i("var(--m3e-search-view-contained-docked-bar-results-gap, 2px)"),Dw=(i(`var(--m3e-search-view-contained-docked-results-shape, ${v.shape.corner.medium})`),i(`var(--m3e-search-view-contained-docked-bar-shape, ${v.shape.corner.full})`),i("var(--m3e-search-view-contained-full-screen-bar-container-height, 3.5rem)")),Aw=i("var(--m3e-search-view-docked-container-min-height, 240px)"),Ww=i("var(--m3e-search-view-docked-container-max-height, calc(100vh * 0.6667))"),Hw=i("var(--m3e-search-view-contained-docked-results-space, 0.25rem)"),Ow=i("var(--m3e-search-view-docked-results-bottom-space, 1rem)"),Bw=i(`var(--m3e-search-view-docked-scrim-color, ${v.color.scrim})`),Fw=i("var(--m3e-search-view-docked-scrim-opacity, 32%)"),Vw=o`m3e-search-view input[slot="input"]::placeholder { user-select: none; color: ${aw}; font-size: ${iw}; font-weight: ${ow}; line-height: ${rw}; letter-spacing: ${sw}; }`,Rw=o`:host { display: block; } .base { position: relative; width: 100%; } .anchor { position: absolute; width: 100%; visibility: hidden; } .view { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; outline: none; padding: unset; margin: unset; border: unset; } .header { flex: none; display: flex; align-items: center; } .bar { flex: 1 1 auto; } :host(:is(:state(--fullscreen), :--fullscreen)) .bar { transition: ${i(`margin ${v.motion.duration.short2} ${v.motion.easing.standard}`)}; } :host(:is(:state(--fullscreen), :--fullscreen)[contained]:not([open])) .bar { margin-inline-start: ${zw}; margin-inline-end: ${Mw}; } :host(:is(:state(--fullscreen), :--fullscreen)[contained][open]) .bar, :host(:is(:state(--fullscreen), :--fullscreen)[contained][open]) .results { margin-inline-start: ${Pw}; margin-inline-end: ${Tw}; } .icon { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 3rem; } ::slotted([slot="search-icon"]), .search-icon, ::slotted([slot="close-icon"]), .close-icon { width: 1em; font-size: ${tw} !important; } .results { overflow: hidden; flex: 1 1 auto; display: flex; flex-direction: column; } .scroll-container { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; scrollbar-color: ${v.scrollbar.color}; } .view:not(:popover-open) .results, .view.closing .results { display: none; } :host(:not(:is(:is(:state(--clearable), :--clearable), [open]))) .clear { display: none; } ::slotted([slot="clear-icon"]), .clear-icon { width: 1em; font-size: ${tw} !important; } slot[name="clear-icon"] { --m3e-icon-size: ${tw}; } :host(:is(:state(--fullscreen), :--fullscreen)) .header { transition: height 150ms cubic-bezier(0.2, 0, 0, 1); } :host(:is(:state(--fullscreen), :--fullscreen)) .view:popover-open:not(.closing) .header { height: ${_w}; } :host(:is(:state(--fullscreen), :--fullscreen):not([open])) .header, :host(:is(:state(--fullscreen), :--fullscreen)[open]) .view.closing .header { height: ${Dw}; } :host(:is(:state(--fullscreen), :--fullscreen)[open]) .bar { --m3e-search-bar-container-height: ${Dw}; } :host(:is(:state(--fullscreen), :--fullscreen)) .anchor { height: ${Dw}; } :host(:is(:state(--fullscreen), :--fullscreen)) .view:popover-open { border-radius: ${Sw}; } :host(:is(:state(--fullscreen), :--fullscreen)[contained]) .view:popover-open { background-color: ${xw}; } :host(:is(:state(--fullscreen), :--fullscreen):not([contained])) .view:popover-open { background-color: ${ww}; } :host(:is(:state(--docked), :--docked)[open]) .header, :host(:is(:state(--docked), :--docked)) .anchor { height: ${Ew}; } :host(:not([contained])[open]) .results { border-top-width: ${Cw}; border-top-style: solid; border-top-color: ${kw}; } :host(:is(:state(--docked), :--docked)[contained]) .results { margin-top: ${Iw}; } :host(:is(:state(--docked), :--docked):not([contained])[open]) .view { background-color: ${ww}; --m3e-search-bar-container-color: ${ww}; } :host(:is(:state(--docked), :--docked)[contained]) .results { background-color: ${ww}; } :host(:is(:state(--docked), :--docked):not([contained])) .view, :host(:is(:state(--docked), :--docked)[contained]) .results { border-radius: ${Lw}; } :host(:is(:state(--docked), :--docked)) .results { min-height: calc(${Aw} - ${Ew}); max-height: calc(${Ww} - ${Ew}); } :host(:is(:state(--docked), :--docked)) .scroll-container { scrollbar-width: ${v.scrollbar.thinWidth}; } :host(:is(:state(--docked), :--docked):not([contained])) .scroll-container { padding-bottom: ${Ow}; } :host(:is(:state(--docked), :--docked)[contained]) .scroll-container { padding: ${Hw}; } :host(:is(:state(--docked), :--docked)) .results { transform-origin: top; transition: ${i(`transform ${v.motion.duration.short2} ${v.motion.easing.standard},\n      overlay ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n      display ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--docked), :--docked):not([open])) .results { transform: scaleY(0.8); } :host(:is(:state(--docked), :--docked)[open]) .results { transform: scaleY(1); } @starting-style { :host(:is(:state(--docked), :--docked)[open]) .results { transform: scaleY(0.8); } } :host(:is(:state(--docked), :--docked)) .view { background-color: transparent; } :host(:is(:state(--docked), :--docked):not([open])) .view { transition: ${i(`border-radius ${v.motion.duration.long2} ${v.motion.easing.standard},\n      background-color ${v.motion.duration.long2} ${v.motion.easing.standard}`)}; } :host(:is(:state(--docked), :--docked):not([open])) .view::backdrop { transition: ${i(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--docked), :--docked)) .view::backdrop { background-color: color-mix(in srgb, ${Bw} 0%, transparent); margin-inline-end: -20px; } :host(:is(:state(--docked), :--docked)[open]) .view::backdrop { background-color: color-mix( in srgb, ${Bw} ${Fw}, transparent ); transition: ${i(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { :host(:is(:state(--docked), :--docked)[open]) .view::backdrop { background-color: color-mix(in srgb, ${Bw} 0%, transparent); } } :host(:is(:state(--fullscreen), :--fullscreen)) .view:popover-open { width: 100vw; width: 100dvw; height: 100vh; height: 100dvh; overflow: hidden; } @media (prefers-reduced-motion) { :host(:is(:state(--fullscreen), :--fullscreen)) .bar, :host(:is(:state(--fullscreen), :--fullscreen)) .header, :host(:is(:state(--docked), :--docked)) .results, :host(:is(:state(--docked), :--docked):not([open])) .view, :host(:is(:state(--docked), :--docked):not([open])) .view::backdrop, :host(:is(:state(--docked), :--docked)[open]) .view::backdrop { transition: none; } } @media (forced-colors: active) { :host(:not([contained])[open]) .bar { --_search-bar-forced-color-outline-style: none; } :host(:is(:state(--docked), :--docked):not([contained])[open]) .view, :host(:is(:state(--docked), :--docked)[contained]) .results { border: 1px solid CanvasText; } :host(:not([contained])[open]) .results { border-top-color: CanvasText; } }`;var qw,Nw,Uw,jw,Yw,Kw,Zw,Xw,Gw,Jw;let Qw=class extends(P(r)){constructor(){super(...arguments),qw.add(this),Nw.set(this,void 0),Uw.set(this,()=>e(this,qw,"m",Gw).call(this)),this.clearable=!1,this.clearLabel="Clear"}clear(){e(this,Nw,"f")&&(e(this,Nw,"f").value="",e(this,qw,"m",Gw).call(this),this.dispatchEvent(new Event("clear",{bubbles:!0,composed:!0})))}render(){return s`<div class="base" @click="${e(this,qw,"m",Yw)}"><slot name="leading" @slotchange="${e(this,qw,"m",Kw)}"></slot><slot name="input" @slotchange="${e(this,qw,"m",Xw)}"></slot>${e(this,qw,"m",jw).call(this)}<slot name="trailing" @slotchange="${e(this,qw,"m",Zw)}"></slot></div>`}};var ex,tx,ax,ix,ox,rx,sx,nx,lx,cx,dx,hx,mx,ux,px,vx,bx,fx,gx,yx,$x,wx,xx,kx,Cx,Sx,_x,Lx,Ex,zx,Mx,Px;Nw=new WeakMap,Uw=new WeakMap,qw=new WeakSet,jw=function(){return this.clearable?s`<div class="clear"><m3e-icon-button aria-label="${this.clearLabel}" @click="${e(this,qw,"m",Jw)}"><slot name="clear-icon"><svg class="clear-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button></div>`:n},Yw=function(){this.matches(":focus-within")||e(this,Nw,"f")?.focus()},Kw=function(e){x(this,"--with-leading",g(e.target))},Zw=function(e){x(this,"--with-trailing",g(e.target))},Xw=function(t){const i=t.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLInputElement);i!=e(this,Nw,"f")&&(e(this,Nw,"f")?.removeEventListener("input",e(this,Uw,"f")),a(this,Nw,i,"f"),e(this,Nw,"f")?.addEventListener("input",e(this,Uw,"f")),e(this,Nw,"f")&&(e(this,Nw,"f").role=e(this,Nw,"f").role||"searchbox",e(this,Nw,"f").inputMode=e(this,Nw,"f").inputMode||"search",e(this,Nw,"f").type="text"),e(this,qw,"m",Gw).call(this))},Gw=function(){x(this,"--clearable",this.clearable&&(e(this,Nw,"f")?.value??"").length>0)},Jw=function(){this.clear(),e(this,Nw,"f")?.focus()},B(yw),Qw.styles=$w,t([m({type:Boolean,reflect:!0})],Qw.prototype,"clearable",void 0),t([m({attribute:"clear-label"})],Qw.prototype,"clearLabel",void 0),Qw=t([$("m3e-search-bar")],Qw);let Tx=class extends(z(P(r))){constructor(){super(),ex.add(this),tx.set(this,void 0),ax.set(this,!1),ix.set(this,()=>e(this,ex,"m",gx).call(this)),ox.set(this,()=>e(this,ex,"m",wx).call(this)),rx.set(this,t=>e(this,ex,"m",Sx).call(this,t)),sx.set(this,()=>e(this,ex,"m",Cx).call(this)),nx.set(this,new I(this)),lx.set(this,new D(this)),this._clearable=!1,cx.set(this,void 0),dx.set(this,void 0),hx.set(this,void 0),this.contained=!1,this.mode="docked",this.open=!1,this.clearLabel="Clear",this.closeLabel="Close",this.hideSearchIcon=!1,new K(this,{callback:e=>this._handleFocusChange(e)})}get currentMode(){return this._mode??("fullscreen"!==this.mode?"docked":"fullscreen")}set currentMode(e){this._mode=e}clear(){e(this,tx,"f")&&(e(this,tx,"f").value="",e(this,ex,"m",$x).call(this),this.dispatchEvent(new CustomEvent("query",{detail:{term:""},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("clear",{bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this._mode=void 0,e(this,hx,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.mode&&e(this,ex,"m",bx).call(this)}willUpdate(t){if(super.willUpdate(t),t.has("mode")){e(this,hx,"f")?.call(this);const a=t.get("mode");a&&a!==this.mode&&this.open&&(this.open=!1),"auto"===this.mode?e(this,ex,"m",bx).call(this):(this._mode=void 0,e(this,ex,"m",yx).call(this))}t.has("_mode")&&e(this,ex,"m",yx).call(this)}updated(t){super.updated(t),t.has("open")&&(this.open?"fullscreen"===this.currentMode?e(this,ex,"m",Mx).call(this):e(this,ex,"m",Lx).call(this):"fullscreen"===(e(this,cx,"f")??this.currentMode)?e(this,ex,"m",Px).call(this):e(this,ex,"m",Ex).call(this))}render(){return s`<div class="base"><div class="anchor"></div><div role="${je(this.open?"dialog":void 0)}" aria-modal="${je(this.open?"true":void 0)}" aria-labelledby="${je(this.open?"header":void 0)}" class="view" tabindex="-1" @keydown="${e(this,ex,"m",_x)}"><m3e-focus-trap ?disabled="${!this.open}"><div class="header" id="header"><m3e-search-bar class="bar">${e(this,ex,"m",mx).call(this)} ${this.open?s`<slot name="open-leading" slot="leading"></slot>`:s`<slot name="closed-leading" slot="leading"></slot>`}<slot name="input" slot="input" @slotchange="${e(this,ex,"m",fx)}"></slot>${e(this,ex,"m",vx).call(this)} ${this.open?s`<slot name="open-trailing" slot="trailing"></slot>`:s`<slot name="closed-trailing" slot="trailing"></slot>`}</m3e-search-bar></div><div class="results"><div class="scroll-container"><slot></slot></div></div></m3e-focus-trap></div></div>`}_handleFocusChange(e){e||"docked"!==this.currentMode||(this.clear(),this.open=!1)}};var Ix,Dx,Ax,Wx,Hx;tx=new WeakMap,ax=new WeakMap,ix=new WeakMap,ox=new WeakMap,rx=new WeakMap,sx=new WeakMap,nx=new WeakMap,lx=new WeakMap,cx=new WeakMap,dx=new WeakMap,hx=new WeakMap,ex=new WeakSet,mx=function(){return!this.open&&this.hideSearchIcon?n:s`<div class="icon" slot="leading">${this.open?e(this,ex,"m",px).call(this):e(this,ex,"m",ux).call(this)}</div>`},ux=function(){return s`<slot name="search-icon"><svg class="search-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg></slot>`},px=function(){return s`<m3e-icon-button class="close" slot="leading" aria-label="${this.closeLabel}" @click="${e(this,ex,"m",xx)}"><slot name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor">${"docked"===this.currentMode?d`<path d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z"/>`:d`<path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/>`}</svg></slot></m3e-icon-button>`},vx=function(){return s`<m3e-icon-button class="clear" slot="trailing" aria-label="${this.open&&!this._clearable?this.closeLabel:this.clearLabel}" @click="${e(this,ex,"m",kx)}"><slot name="clear-icon"><svg class="clear-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button>`},bx=function(){a(this,hx,Qe.observe([et.XSmall],t=>{const a=this.currentMode;this._mode=t.get(et.XSmall)?"fullscreen":"docked",a!==this._mode&&this.open&&(this.open=!1),e(this,ex,"m",yx).call(this)}),"f")},fx=function(t){const i=t.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLInputElement);i!=e(this,tx,"f")&&(e(this,tx,"f")?.removeEventListener("input",e(this,ix,"f")),e(this,tx,"f")?.removeEventListener("focus",e(this,ox,"f")),e(this,tx,"f")?.removeEventListener("keydown",e(this,rx,"f")),e(this,tx,"f")?.removeEventListener("pointerdown",e(this,sx,"f")),a(this,tx,i,"f"),e(this,tx,"f")?.addEventListener("input",e(this,ix,"f")),e(this,tx,"f")?.addEventListener("focus",e(this,ox,"f")),e(this,tx,"f")?.addEventListener("keydown",e(this,rx,"f")),e(this,tx,"f")?.addEventListener("pointerdown",e(this,sx,"f")),e(this,tx,"f")&&(e(this,tx,"f").role=e(this,tx,"f").role||"searchbox",e(this,tx,"f").inputMode=e(this,tx,"f").inputMode||"search",e(this,tx,"f").type="text",e(this,tx,"f").ariaHasPopup="dialog"),e(this,ex,"m",$x).call(this))},gx=function(){e(this,ex,"m",$x).call(this),this.open?this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,tx,"f")?.value??""},bubbles:!0,composed:!0})):this.open=!0},yx=function(){x(this,"--fullscreen","fullscreen"===this.currentMode),x(this,"--docked","docked"===this.currentMode)},$x=function(){this._clearable=(e(this,tx,"f")?.value??"").length>0,x(this,"--clearable",this._clearable)},wx=function(){this.open=!e(this,ax,"f"),a(this,ax,!1,"f")},xx=function(){e(this,tx,"f")&&(e(this,tx,"f").value&&this.clear(),a(this,ax,!0,"f"),e(this,tx,"f")?.focus())},kx=function(){e(this,tx,"f")&&(e(this,tx,"f").value?this.clear():a(this,ax,!0,"f"),e(this,tx,"f")?.focus())},Cx=function(){!this.open&&e(this,tx,"f")?.matches(":focus")&&(this.open=!0)},Sx=function(e){if(this.open&&"Escape"===e.key&&!e.shiftKey&&!e.ctrlKey){e.preventDefault();e.target.value&&this.clear(),this.open=!1}},_x=function(t){!this.open||"Escape"!==t.key||t.shiftKey||t.ctrlKey||(t.preventDefault(),e(this,ex,"m",xx).call(this))},Lx=async function(){if(!this.dispatchEvent(new ToggleEvent("beforetoggle",{oldState:"closed",newState:"open",bubbles:!0,composed:!0,cancelable:!0})))return void(this.open=!1);a(this,cx,this.currentMode,"f");const t=this._view;e(this,dx,"f")?.call(this),a(this,dx,await Ne(t,this._anchor,{position:"bottom"},(e,t)=>{const a=this._view;a.style.top=t-this._anchor.clientHeight+"px",a.style.width=`${this._anchor.clientWidth}px`,"rtl"===qe.current?(a.style.right=window.innerWidth-e-this.clientWidth+"px",a.style.left=""):(a.style.left=`${e}px`,a.style.right="")}),"f"),this._anchor.style.position="relative",t.popover="manual",t.style.position="absolute",t.showPopover(),e(this,nx,"f").lock(),e(this,lx,"f").lock(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:"closed",newState:"open",bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,tx,"f")?.value??""},bubbles:!0,composed:!0}))},Ex=function(){const t=this._view;"manual"===t.popover&&(this.dispatchEvent(new ToggleEvent("beforetoggle",{oldState:"open",newState:"closed",bubbles:!0,composed:!0,cancelable:!0}))?(a(this,cx,void 0,"f"),e(this,nx,"f").unlock(),e(this,lx,"f").unlock(),C()?e(this,ex,"m",zx).call(this):(t.classList.add("closing"),t.addEventListener("transitionend",()=>e(this,ex,"m",zx).call(this),{once:!0}))):this.open=!0)},zx=function(){e(this,dx,"f")?.call(this),a(this,dx,void 0,"f");const t=this._view;t.classList.remove("closing"),t.style.position="",t.style.width="",t.style.top="",t.style.left="",t.style.right="",t.hidePopover(),t.popover=null,this._anchor.style.position="",this.dispatchEvent(new ToggleEvent("toggle",{oldState:"open",newState:"closed",bubbles:!0,composed:!0}))},Mx=async function(){if(!this.dispatchEvent(new ToggleEvent("beforetoggle",{oldState:"closed",newState:"open",bubbles:!0,composed:!0,cancelable:!0})))return void(this.open=!1);a(this,cx,this.currentMode,"f"),e(this,nx,"f").lock(),e(this,lx,"f").lock();const t=this._view;if(e(this,dx,"f")?.call(this),C())t.style.position="fixed",t.popover="manual",t.showPopover(),this._anchor.style.position="relative";else{const e=t.getBoundingClientRect(),a="rtl"===qe.current?window.innerWidth-e.right:e.left;t.style.position="fixed",t.popover="manual",t.showPopover(),this._anchor.style.position="relative",t.animate([{transform:`translateX(${a}px)`,width:`${e.width}px`,top:`${e.top}px`,height:`${e.height}px`},{transform:"translateX(0px)",width:"100vw",top:"0px",height:"100vh"}],{duration:150,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"})}this.dispatchEvent(new ToggleEvent("toggle",{oldState:"closed",newState:"open",bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("query",{detail:{term:e(this,tx,"f")?.value??""},bubbles:!0,composed:!0}))},Px=async function(){const t=this._view;if("manual"!==t.popover)return;if(!this.dispatchEvent(new ToggleEvent("beforetoggle",{oldState:"open",newState:"closed",bubbles:!0,composed:!0,cancelable:!0})))return void(this.open=!0);a(this,cx,void 0,"f"),e(this,nx,"f").unlock(),e(this,lx,"f").unlock();const i=this._anchor;if(!C()){const e=t.getBoundingClientRect(),a=i.getBoundingClientRect(),o="rtl"===qe.current?window.innerWidth-e.right:e.left,r="rtl"===qe.current?window.innerWidth-a.right:a.left,s="rtl"===qe.current?o-r:r-o;t.classList.add("closing"),await t.animate([{transform:"translateX(0px)",width:`${e.width}px`,top:`${e.top}px`,height:`${e.height}px`},{transform:`translateX(${s}px)`,width:`${a.width}px`,top:`${a.top}px`,height:`${a.height}px`}],{duration:150,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"}).finished}t.hidePopover(),t.style.position="",t.popover=null,t.classList.remove("closing"),i.style.position="",this.dispatchEvent(new ToggleEvent("toggle",{oldState:"open",newState:"closed",bubbles:!0,composed:!0}))},B(Vw),Tx.styles=Rw,t([p()],Tx.prototype,"_clearable",void 0),t([p()],Tx.prototype,"_mode",void 0),t([h(".anchor")],Tx.prototype,"_anchor",void 0),t([h(".view")],Tx.prototype,"_view",void 0),t([m({type:Boolean,reflect:!0})],Tx.prototype,"contained",void 0),t([m({reflect:!0})],Tx.prototype,"mode",void 0),t([m({type:Boolean,reflect:!0})],Tx.prototype,"open",void 0),t([m({attribute:"clear-label"})],Tx.prototype,"clearLabel",void 0),t([m({attribute:"close-label"})],Tx.prototype,"closeLabel",void 0),t([m({attribute:"hide-search-icon",type:Boolean})],Tx.prototype,"hideSearchIcon",void 0),t([y(40)],Tx.prototype,"_handleFocusChange",null),Tx=t([$("m3e-search-view")],Tx);let Ox=Hx=class extends(te(ae(we(N(P(f(r,"radio"),!0)))))){constructor(){super(...arguments),Ix.add(this),Dx.set(this,t=>e(this,Ix,"m",Wx).call(this,t)),this.value="on"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Dx,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Dx,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){const t=this.closest("m3e-segmented-button");t&&(this.role=t.multi?"button":"radio"),super.update(e),e.has("checked")&&t?.[We].notifySelectionChange(this),e.has("disabled")&&(this.disabled?this.nextElementSibling instanceof Hx&&(this.nextElementSibling.disabled?this.style.removeProperty("--_segmented-button-disabled-outline-color"):this.style.setProperty("--_segmented-button-disabled-outline-color",`var(--m3e-segmented-button-outline-color, ${v.color.outline})`)):(this.style.removeProperty("--_segmented-button-disabled-outline-color"),this.previousElementSibling instanceof Hx&&(this.previousElementSibling.disabled?this.previousElementSibling.style.setProperty("--_segmented-button-disabled-outline-color",`var(--m3e-segmented-button-outline-color, ${v.color.outline})`):this.previousElementSibling.style.removeProperty("--_segmented-button-disabled-outline-color"))))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper"><div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg><slot name="icon" @slotchange="${e(this,Ix,"m",Ax)}"></slot></div><div class="label"><slot></slot></div></div></div>`}};var Bx,Fx,Vx,Rx,qx,Nx;Dx=new WeakMap,Ix=new WeakSet,Ax=function(e){x(this,"--with-icon",g(e.target))},Wx=function(e){if(e.defaultPrevented)return;const t=this.closest("m3e-segmented-button");!t||!t.multi&&this.checked||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.checked=!this.checked,this.closest("m3e-segmented-button")?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},Ox.styles=o`:host { display: inline-block; position: relative; vertical-align: middle; outline: none; user-select: none; flex: 1 1 auto; min-width: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: inline-flex; vertical-align: middle; align-items: center; width: 100%; height: calc(var(--m3e-segmented-button-height, 2.5rem) + ${v.density.calc(-3)}); box-sizing: border-box; border-width: var(--m3e-segmented-button-outline-thickness, 1px); border-color: var(--m3e-segmented-button-outline-color, ${v.color.outline}); border-style: solid; border-radius: inherit; border-inline-start-style: var(--_segmented-button-left-border, solid); transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; padding-inline-start: var(--m3e-segmented-button-padding-start, 1rem); padding-inline-end: var(--m3e-segmented-button-padding-end, 1rem); column-gap: var(--m3e-segmented-button-spacing, 0.5rem); } .label { font-size: var(--m3e-segmented-button-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-segmented-button-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-segmented-button-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-segmented-button-tracking, ${v.typescale.standard.label.large.tracking}); justify-self: center; flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { display: flex; align-items: center; justify-content: center; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) { cursor: pointer; } :host([checked]:not(:is(:state(--hide-selection), :--hide-selection))) .wrapper, :host(:is(:state(--with-icon), :--with-icon)) .wrapper { padding-inline-start: var(--m3e-segmented-button-with-icon-padding-start, 0.75rem); } :host(:not(:disabled)[checked]) .base { background-color: var(--m3e-segmented-button-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-segmented-button-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-segmented-button-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-segmented-button-selected-ripple-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled)[checked]) .label { color: var(--m3e-segmented-button-selected-label-text-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled)[checked]) .icon { color: var(--m3e-segmented-button-selected-icon-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled):not([checked])) .base { --m3e-state-layer-hover-color: var( --m3e-segmented-button-unselected-container-hover-color, ${v.color.onSurface} ); --m3e-state-layer-focus-color: var( --m3e-segmented-button-unselected-container-focus-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-segmented-button-unselected-ripple-color, ${v.color.onSurface}); } :host(:not(:disabled):not([checked])) .label { color: var(--m3e-segmented-button-unselected-label-text-color, ${v.color.onSurface}); } :host(:not(:disabled):not([checked])) .icon { color: var(--m3e-segmented-button-unselected-icon-color, ${v.color.onSurface}); } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-segmented-button-spacing, 0.5rem)); transition: margin-inline-start ${v.motion.spring.fastEffects}; } .check, ::slotted([slot="icon"]) { width: 1em; font-size: var(--m3e-segmented-button-icon-size, 1.125rem) !important; } :host(:not([checked])) .check, :host(:is(:state(--hide-selection), :--hide-selection)) .check, :host(:is(:state(--hide-selection), :--hide-selection):not(:is(:state(--with-icon), :--with-icon))) .icon { display: none; } :host([checked]) .icon { margin-inline-start: 0; } :host([checked]:not(:is(:state(--hide-selection), :--hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:disabled) .base { border-color: color-mix( in srgb, var(--m3e-segmented-button-disabled-outline-color, ${v.color.onSurface}) var(--m3e-segmented-button-disabled-outline-opacity, 12%), transparent ); border-inline-end-color: var( --_segmented-button-disabled-outline-color, color-mix( in srgb, var(--m3e-segmented-button-disabled-outline-color, ${v.color.onSurface}) var(--m3e-segmented-button-disabled-outline-opacity, 12%), transparent ) ); } :host(:disabled) .label { color: color-mix( in srgb, var(--m3e-segmented-button-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-segmented-button-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) .icon { color: color-mix( in srgb, var(--m3e-segmented-button-disabled-icon-color, ${v.color.onSurface}) var(--m3e-segmented-button-disabled-icon-opacity, 38%), transparent ); } @media (prefers-reduced-motion) { .base, .icon, .label { transition: none; } } @media (forced-colors: active) { .base, .icon, .label { transition: none !important; } :host(:disabled) .label, :host(:disabled) .icon { color: GrayText; } :host(:not([selected]):not(:disabled)) .label, :host(:not([selected]):not(:disabled)) .icon { color: ButtonText; } :host(:not(:disabled)[checked]) .base { background-color: ButtonText; } :host(:not(:disabled)[checked]) .label, :host(:not(:disabled)[checked]) .icon { forced-color-adjust: none; color: ButtonFace; } :host { --m3e-segmented-button-outline-color: ButtonText; } }`,t([h(".focus-ring")],Ox.prototype,"_focusRing",void 0),t([h(".state-layer")],Ox.prototype,"_stateLayer",void 0),t([h(".ripple")],Ox.prototype,"_ripple",void 0),t([m()],Ox.prototype,"value",void 0),Ox=Hx=t([$("m3e-button-segment")],Ox);let Ux=class extends(Q(te(ae(se(N(P(f(r,"radiogroup")))))))){constructor(){super(...arguments),Bx.add(this),Fx.set(this,void 0),this[Nx]=(new He).withWrap().withDirectionality(qe.current).onActiveItemChange(()=>this[We].activeItem?.click()),this.multi=!1,this.hideSelectionIndicator=!1}get segments(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Fx=new WeakMap,Bx=new WeakSet,Nx=We,le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}connectedCallback(){super.connectedCallback(),this[We].multi=this.multi,this[We].disableRovingTabIndex(this.multi),a(this,Fx,qe.observe(()=>this[We].directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Fx,"f")?.call(this)}update(e){super.update(e),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled),e.has("multi")&&(this.role=this.multi?"group":"radiogroup",this[We].multi=this.multi,this[We].disableRovingTabIndex(this.multi)),(e.has("multi")||e.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),e.has("hideSelectionIndicator")&&this.segments.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator))}render(){return s`<slot @slotchange="${e(this,Bx,"m",Vx)}" @keydown="${e(this,Bx,"m",Rx)}" @change="${e(this,Bx,"m",qx)}"></slot>`}};var jx,Yx,Kx,Zx,Xx,Gx,Jx,Qx,ek,tk,ak,ik,ok,rk,sk,nk,lk,ck,dk,hk,mk,uk,pk,vk,bk,fk,gk,yk,$k,wk,xk,kk;Vx=function(){const{added:e}=this[We].setItems([...this.querySelectorAll("m3e-button-segment")]);e.forEach(e=>x(e,"--hide-selection",this.hideSelectionIndicator)),this[We].items.forEach((e,t)=>{x(e,"--first",0==t),x(e,"--last",t==this[We].items.length-1)})},Rx=function(e){this.multi||this[We].onKeyDown(e)},qx=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Ux.styles=o`:host { display: inline-flex; vertical-align: middle; align-items: center; } ::slotted(:is(:state(--first), :--first)) { border-start-start-radius: var(--m3e-segmented-button-start-shape, ${v.shape.corner.full}); border-end-start-radius: var(--m3e-segmented-button-start-shape, ${v.shape.corner.full}); } ::slotted(:is(:state(--last), :--last)) { border-start-end-radius: var(--m3e-segmented-button-end-shape, ${v.shape.corner.full}); border-end-end-radius: var(--m3e-segmented-button-end-shape, ${v.shape.corner.full}); } ::slotted(:not(:is(:state(--first), :--first))) { --_segmented-button-left-border: none; }`,t([m({type:Boolean})],Ux.prototype,"multi",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],Ux.prototype,"hideSelectionIndicator",void 0),Ux=t([$("m3e-segmented-button")],Ux);let Ck=kk=class extends(q(Q(ee(te(ae(ie(oe(se(N(P(f(r,"combobox")))))))))))){constructor(){super(),jx.add(this),this._options=new Array,Yx.set(this,void 0),Kx.set(this,void 0),Zx.set(this,!1),Xx.set(this,!1),Gx.set(this,"m3e-select-"+kk.__nextId++),Jx.set(this,`${e(this,Gx,"f")}-list`),Qx.set(this,t=>e(this,jx,"m",dk).call(this,t)),ek.set(this,t=>e(this,jx,"m",hk).call(this,t)),tk.set(this,t=>e(this,jx,"m",mk).call(this,t)),ak.set(this,t=>e(this,jx,"m",vk).call(this,t)),ik.set(this,t=>e(this,jx,"m",uk).call(this,t)),ok.set(this,t=>e(this,jx,"m",pk).call(this,t)),rk.set(this,void 0),this._listKeyManager=(new Me).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&e(this,jx,"m",$k).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,this.panelClass="",new w(this,{config:{childList:!0,subtree:!0},callback:()=>e(this,jx,"m",ck).call(this)})}get options(){return this._options??[]}get selected(){return this.options.filter(e=>e.selected)}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Yx=new WeakMap,Kx=new WeakMap,Zx=new WeakMap,Xx=new WeakMap,Gx=new WeakMap,Jx=new WeakMap,Qx=new WeakMap,ek=new WeakMap,tk=new WeakMap,ak=new WeakMap,ik=new WeakMap,ok=new WeakMap,rk=new WeakMap,jx=new WeakSet,sk=function(){return this._listKeyManager?.items??[]},nk=function(){return e(this,jx,"a",sk).filter(e=>e.selected)},le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}get shouldLabelFloat(){return this.selected.filter(e=>!e.isEmpty).length>0}onContainerClick(){a(this,Xx,!0,"f"),e(this,jx,"m",fk).call(this),this.focus({preventScroll:!0})}clear(t=!1){const a=e(this,jx,"a",nk),i=a.length>0;i&&(a.forEach(t=>{t.selected=!1,e(this,jx,"m",wk).call(this,t)}),this.requestUpdate()),e(this,jx,"m",yk).call(this),i&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",e(this,Qx,"f")),this.addEventListener("keydown",e(this,ek,"f")),this.addEventListener("keyup",e(this,tk,"f")),e(this,jx,"m",ck).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Qx,"f")),this.removeEventListener("keydown",e(this,ek,"f")),this.removeEventListener("keyup",e(this,tk,"f"))}update(t){super.update(t),t.has("hideSelectionIndicator")&&e(this,jx,"a",sk).forEach(e=>x(e,"--hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(t){super.firstUpdated(t),this._focusRing?.attach(this),e(this,jx,"a",lk)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return s`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="base"><m3e-text-overflow><slot name="value">${this.selected.filter(e=>!e.isEmpty).map((e,t)=>t>0?s`<span>, </span>${e.label}`:e.label)}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" aria-hidden="true"><slot></slot></div>`}};lk=function(){return this.closest("m3e-form-field")},ck=function(){a(this,Yx,this.cloneNode(!0),"f");const{added:t}=this._listKeyManager.setItems([...e(this,Yx,"f").querySelectorAll("m3e-option")]);t.forEach(t=>{t.id=t.id||`${e(this,Gx,"f")}-option-${this._listKeyManager.items.indexOf(t)}`,x(t,"--hide-selection-indicator",this.hideSelectionIndicator)}),this._options=[...this.querySelectorAll("m3e-option")],e(this,jx,"a",lk)?.notifyControlStateChange(),e(this,Kx,"f")&&(e(this,Kx,"f").replaceChildren(...e(this,Yx,"f").childNodes),0==this._options.length&&e(this,jx,"m",yk).call(this))},dk=function(t){t.defaultPrevented||this.disabled||e(this,jx,"m",fk).call(this)},hk=function(t){if(!t.defaultPrevented)switch(a(this,Xx,!1,"f"),t.key){case" ":case"Enter":t.preventDefault(),this.multi?e(this,Kx,"f")||(a(this,Zx,!0,"f"),e(this,jx,"m",fk).call(this)):(e(this,Kx,"f")&&this._listKeyManager.activeItem&&e(this,jx,"m",xk).call(this,this._listKeyManager.activeItem),e(this,Kx,"f")?.isOpen?C()?e(this,jx,"m",yk).call(this):setTimeout(()=>e(this,jx,"m",yk).call(this),150):e(this,jx,"m",gk).call(this));break;case"Escape":case"Tab":e(this,jx,"m",yk).call(this);break;case"Down":case"ArrowDown":this.multi&&!e(this,Kx,"f")?e(this,jx,"m",fk).call(this):(this._listKeyManager.onKeyDown(t),!e(this,Kx,"f")&&this._listKeyManager.activeItem&&e(this,jx,"m",xk).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(t),this.multi||e(this,Kx,"f")||!this._listKeyManager.activeItem||e(this,jx,"m",xk).call(this,this._listKeyManager.activeItem)}},mk=function(t){if(!t.defaultPrevented)if(e(this,Zx,"f"))a(this,Zx,!1,"f");else switch(t.key){case" ":case"Enter":if(!this.multi)return;t.preventDefault(),e(this,Kx,"f")&&this._listKeyManager.activeItem&&e(this,jx,"m",xk).call(this,this._listKeyManager.activeItem)}},uk=function(e){if(a(this,rk,void 0,"f"),2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const t=e.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);t&&!t.disabled&&a(this,rk,t,"f")},pk=function(t){const i=e(this,rk,"f");if(a(this,rk,void 0,"f"),2===t.button)return;if(!i)return;const o=t.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);o===i&&(e(this,jx,"m",xk).call(this,o),this._listKeyManager.setActiveItem(o),this.multi&&this.requestUpdate()),this.multi||(C()?e(this,jx,"m",yk).call(this):setTimeout(()=>e(this,jx,"m",yk).call(this),150))},vk=function(t){if(e(this,Kx,"f"))if("closed"!==t.newState){const a=e(this,jx,"a",nk).find(e=>!e.disabled)??this._listKeyManager.items.find(e=>!e.disabled);this._listKeyManager.setActiveItem(a),a&&S(a,e(this,Kx,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState}))}else C()?e(this,jx,"m",bk).call(this,t):setTimeout(()=>e(this,jx,"m",bk).call(this,t),100)},bk=function(t){e(this,Kx,"f")&&(e(this,Yx,"f")?.replaceChildren(...e(this,Kx,"f").childNodes),e(this,Kx,"f").remove(),e(this,Kx,"f").removeEventListener("toggle",e(this,ak,"f")),e(this,Kx,"f").removeEventListener("pointerdown",e(this,ik,"f")),e(this,Kx,"f").removeEventListener("pointerup",e(this,ok,"f")),a(this,Kx,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.removeAttribute("aria-activedescendant"),this.requestUpdate(),k(this,"--open"),e(this,jx,"a",lk)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState})))},fk=function(){this.disabled||(e(this,Kx,"f")?e(this,jx,"m",yk).call(this):e(this,jx,"m",gk).call(this))},gk=function(){if(!e(this,Kx,"f")&&0!=this._options.length){if(a(this,Kx,document.createElement("m3e-option-panel"),"f"),this.multi&&(e(this,Kx,"f").ariaMultiSelectable="true"),e(this,Kx,"f").id=e(this,Jx,"f"),this.panelClass)for(const t of this.panelClass.split(/\s+/).map(e=>e.trim()).filter(Boolean))e(this,Kx,"f").classList.add(t);e(this,Kx,"f").style.overflowX="hidden",e(this,Kx,"f").fitAnchorWidth=!0,e(this,Kx,"f").addEventListener("toggle",e(this,ak,"f")),e(this,Kx,"f").addEventListener("pointerdown",e(this,ik,"f")),e(this,Kx,"f").addEventListener("pointerup",e(this,ok,"f")),e(this,Yx,"f")&&e(this,Kx,"f").replaceChildren(...e(this,Yx,"f").childNodes),(e(this,jx,"a",lk)??this).insertAdjacentElement("afterend",e(this,Kx,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",e(this,Jx,"f")),this.setAttribute("aria-owns",e(this,Jx,"f")),e(this,jx,"a",lk)?.notifyControlStateChange(),setTimeout(()=>{e(this,Kx,"f")?.show(this,e(this,jx,"a",lk)?.menuAnchor),L(this,"--open")})}},yk=function(){e(this,Kx,"f")&&(e(this,Kx,"f").hide(),k(this,"--open"))},$k=function(t){if(this.setAttribute("aria-activedescendant",t.id),e(this,Kx,"f")){S(t,e(this,Kx,"f"),{block:"nearest",behavior:"instant"});const a=!e(this,Xx,"f")&&(this.matches(":focus-visible")||_());e(this,jx,"a",sk).forEach(e=>{e===t&&a?(e.focusRing?.show(),e.stateLayer?.show("focused")):(e.focusRing?.hide(),e.stateLayer?.hide("focused"))})}},wk=function(e){const t=this._options[this._listKeyManager.items.indexOf(e)];t&&(t.selected=e.selected)},xk=function(t){const a=!this.multi||!t.selected;t.selected!==a&&this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(t.selected=a,e(this,jx,"m",wk).call(this,t),this.multi||e(this,jx,"a",nk).filter(e=>e!==t).forEach(t=>{t.selected=!1,e(this,jx,"m",wk).call(this,t)}),this.requestUpdate(),e(this,jx,"a",lk)?.notifyControlStateChange(),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},Ck.styles=o`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${v.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${v.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${v.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${v.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${v.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${v.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${v.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%), transparent ); } .options { display: none; } .base { flex: 1 1 auto; display: inline-flex; align-items: center; overflow: hidden; } .arrow-wrapper { display: flex; align-items: center; justify-content: center; margin-top: var(--_select-arrow-margin-top); } ::slotted([slot="arrow"]), .arrow { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-select-icon-size, 1.5rem); } :host(:is(:state(--open), :--open)) .focus-ring { display: none; }`,Ck.__nextId=0,t([h(".focus-ring")],Ck.prototype,"_focusRing",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],Ck.prototype,"hideSelectionIndicator",void 0),t([m({type:Boolean})],Ck.prototype,"multi",void 0),t([m({attribute:"panel-class"})],Ck.prototype,"panelClass",void 0),Ck=kk=t([$("m3e-select")],Ck);const Sk=i("var(--m3e-shape-size, 3rem)"),_k=i(`var(--m3e-shape-container-color, ${v.color.primary})`),Lk=i(`var(--m3e-shape-transition, clip-path ${v.motion.spring.slowEffects})`),Ek=o`:host { display: inline-block; position: relative; aspect-ratio: 1 / 1; width: ${Sk}; } :host([name]) .wrapper { background-color: ${_k}; transition: ${Lk}; transform-origin: center; } .wrapper { width: 100%; height: 100%; position: relative; isolation: isolate; overflow: hidden; will-change: clip-path; } ::slotted(img), ::slotted(video) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } @media (prefers-reduced-motion) { .wrapper { transition: none; } }`,zk={"4-leaf-clover":"M63.0014 190C49.8954 174.339 42 154.126 42 132.06C42 82.321 82.1131 42 131.595 42C153.99 42 174.466 50.2594 190.173 63.9131C205.843 50.2594 226.271 42 248.614 42C297.981 42 338 82.321 338 132.06C338 154.126 330.123 174.339 317.048 190C330.123 205.661 338 225.874 338 247.94C338 297.679 297.981 338 248.614 338C226.271 338 205.843 329.741 190.173 316.087C174.466 329.741 153.99 338 131.595 338C82.1131 338 42 297.679 42 247.94C42 225.874 49.8954 205.661 63.0014 190Z","4-sided-cookie":"M230.389 50.473C293.109 23.2328 356.767 86.8908 329.527 149.611L325.023 159.981C316.707 179.13 316.707 200.87 325.023 220.019L329.527 230.389C356.767 293.109 293.109 356.767 230.389 329.527L220.019 325.023C200.87 316.707 179.13 316.707 159.981 325.023L149.611 329.527C86.8908 356.767 23.2328 293.109 50.473 230.389L54.9768 220.019C63.2934 200.87 63.2934 179.13 54.9768 159.981L50.473 149.611C23.2328 86.8908 86.8908 23.2328 149.611 50.473L159.981 54.9768C179.13 63.2934 200.87 63.2934 220.019 54.9768L230.389 50.473Z","6-sided-cookie":"M134.186 54.5654C165.276 24.4782 214.724 24.4782 245.814 54.5654C255.328 63.7718 266.984 70.4811 279.738 74.0919C321.419 85.8924 346.142 128.586 335.552 170.473C332.312 183.291 332.312 196.709 335.552 209.527C346.142 251.414 321.419 294.108 279.738 305.908C266.984 309.519 255.328 316.228 245.814 325.435C214.724 355.522 165.276 355.522 134.186 325.435C124.672 316.228 113.016 309.519 100.262 305.908C58.5815 294.108 33.8578 251.414 44.4476 209.527C47.6879 196.709 47.6879 183.291 44.4476 170.473C33.8578 128.586 58.5815 85.8924 100.262 74.0919C113.016 70.4811 124.672 63.7718 134.186 54.5654Z","7-sided-cookie":"M142.67 51.7842C146.243 48.6394 148.029 47.067 149.671 45.7954C173.425 27.4015 206.575 27.4015 230.329 45.7954C231.971 47.067 233.757 48.6394 237.33 51.7842C238.526 52.8372 239.124 53.3636 239.724 53.8672C248.136 60.9247 258.171 65.7683 268.92 67.9594C269.688 68.1158 270.471 68.2562 272.038 68.537C276.719 69.3756 279.059 69.7949 281.075 70.2889C310.234 77.4346 330.902 103.411 331.364 133.493C331.396 135.573 331.283 137.953 331.057 142.713C330.982 144.307 330.944 145.104 330.925 145.888C330.665 156.88 333.143 167.763 338.136 177.553C338.493 178.252 338.872 178.953 339.63 180.356C341.894 184.547 343.026 186.642 343.897 188.53C356.503 215.834 349.127 248.226 325.949 267.344C324.347 268.666 322.42 270.061 318.566 272.852C317.276 273.787 316.63 274.254 316.007 274.729C307.27 281.377 300.326 290.105 295.803 300.122C295.48 300.837 295.169 301.571 294.547 303.04C292.69 307.427 291.761 309.62 290.832 311.48C277.393 338.382 247.526 352.798 218.162 346.556C216.132 346.124 213.842 345.484 209.262 344.204C207.728 343.776 206.962 343.562 206.203 343.369C195.569 340.668 184.431 340.668 173.797 343.369C173.038 343.562 172.272 343.776 170.738 344.204C166.158 345.484 163.868 346.124 161.838 346.556C132.474 352.798 102.607 338.382 89.168 311.48C88.2388 309.62 87.3102 307.427 85.453 303.04C84.8311 301.571 84.5202 300.837 84.1975 300.122C79.6741 290.105 72.7297 281.377 63.993 274.729C63.3696 274.254 62.7244 273.787 61.434 272.852C57.5801 270.061 55.6532 268.666 54.0507 267.344C30.873 248.226 23.4965 215.834 36.1027 188.53C36.9742 186.642 38.1062 184.547 40.3703 180.356C41.1283 178.953 41.5074 178.252 41.8636 177.553C46.8568 167.763 49.3353 156.88 49.0745 145.888C49.0559 145.104 49.0182 144.307 48.9426 142.713C48.7168 137.953 48.6039 135.573 48.6359 133.493C49.0982 103.411 69.7665 77.4346 98.9252 70.2889C100.941 69.7949 103.281 69.3756 107.962 68.537C109.529 68.2562 110.312 68.1158 111.08 67.9594C121.829 65.7683 131.864 60.9247 140.276 53.8672C140.876 53.3636 141.474 52.8372 142.67 51.7842Z","8-leaf-clover":"M338.584 189.998C364.427 238.164 344.902 281.771 295.066 295.061C281.771 344.902 238.164 364.422 189.998 338.584C141.831 364.427 98.2245 344.902 84.9337 295.066C35.0981 281.771 15.573 238.164 41.4157 189.998C15.573 141.831 35.0981 98.2245 84.9337 84.9337C98.2245 35.0981 141.831 15.573 189.998 41.4157C238.164 15.573 281.771 35.0981 295.061 84.9337C344.902 98.2245 364.422 141.831 338.584 189.998Z","9-sided-cookie":"M154.828 43.2756C156.574 41.8498 157.448 41.1369 158.245 40.535C177.03 26.3548 202.97 26.3548 221.755 40.535C222.552 41.1369 223.425 41.8498 225.172 43.2756C225.952 43.9121 226.342 44.2303 226.727 44.5333C235.567 51.4788 246.406 55.4147 257.652 55.7636C258.143 55.7788 258.647 55.785 259.654 55.7975C261.911 55.8255 263.039 55.8395 264.037 55.8898C287.563 57.0742 307.435 73.7107 312.689 96.6205C312.912 97.5928 313.121 98.6991 313.541 100.911C313.728 101.899 313.822 102.393 313.922 102.872C316.219 113.862 321.986 123.828 330.377 131.308C330.743 131.635 331.125 131.962 331.888 132.618C333.599 134.087 334.454 134.821 335.187 135.5C352.445 151.495 356.95 176.983 346.215 197.903C345.76 198.791 345.208 199.773 344.104 201.737C343.611 202.613 343.364 203.052 343.132 203.483C337.812 213.375 335.809 224.708 337.418 235.82C337.488 236.304 337.569 236.8 337.732 237.792C338.096 240.014 338.278 241.125 338.402 242.115C341.318 265.436 328.347 287.851 306.647 296.991C305.726 297.379 304.67 297.778 302.559 298.574C301.617 298.929 301.146 299.107 300.69 299.289C290.241 303.455 281.406 310.852 275.48 320.395C275.221 320.811 274.964 321.243 274.449 322.107C273.297 324.043 272.721 325.011 272.178 325.849C259.387 345.584 235.011 354.436 212.498 347.521C211.543 347.228 210.477 346.856 208.347 346.112C207.396 345.78 206.921 345.614 206.455 345.461C195.767 341.951 184.233 341.951 173.545 345.461C173.079 345.614 172.603 345.78 171.652 346.112C169.522 346.856 168.457 347.228 167.502 347.521C144.989 354.436 120.613 345.584 107.822 325.849C107.279 325.011 106.703 324.043 105.55 322.107C105.036 321.243 104.779 320.811 104.52 320.395C98.5939 310.852 89.7583 303.455 79.3096 299.289C78.8539 299.107 78.3827 298.929 77.4404 298.574C75.3294 297.778 74.274 297.379 73.3529 296.991C51.6523 287.851 38.6819 265.436 41.598 242.115C41.7218 241.125 41.9039 240.014 42.2682 237.792C42.4308 236.8 42.5121 236.304 42.5822 235.82C44.1908 224.708 42.188 213.375 36.8675 203.483C36.6354 203.052 36.389 202.613 35.8962 201.737C34.7921 199.773 34.2401 198.791 33.7845 197.903C23.0499 176.983 27.5544 151.495 44.8128 135.5C45.5454 134.821 46.4007 134.087 48.1113 132.618C48.875 131.962 49.2568 131.635 49.6228 131.308C58.0134 123.828 63.7804 113.862 66.0777 102.872C66.1779 102.393 66.2715 101.899 66.4588 100.911C66.8783 98.699 67.088 97.5928 67.311 96.6204C72.5652 73.7107 92.4369 57.0742 115.962 55.8898C116.961 55.8395 118.089 55.8255 120.346 55.7975C121.353 55.785 121.857 55.7788 122.347 55.7636C133.594 55.4147 144.432 51.4788 153.272 44.5333C153.658 44.2303 154.048 43.9121 154.828 43.2756Z","12-sided-cookie":"M166.697 39.8458C167.238 39.3157 167.508 39.0506 167.743 38.8298C180.246 27.0567 199.754 27.0567 212.257 38.8298C212.492 39.0506 212.762 39.3157 213.303 39.8458C213.628 40.1639 213.79 40.323 213.945 40.4703C221.945 48.1056 233.282 51.1433 244.028 48.5311C244.235 48.4807 244.456 48.4242 244.896 48.311C245.629 48.1224 245.996 48.0282 246.31 47.9542C263.024 44.0098 279.919 53.7642 284.86 70.2114C284.953 70.5199 285.055 70.8847 285.258 71.6143C285.38 72.0522 285.442 72.2711 285.502 72.4758C288.613 83.0884 296.912 91.3875 307.524 94.4985C307.729 94.5585 307.948 94.6195 308.386 94.7417C309.115 94.9452 309.48 95.0469 309.789 95.1396C326.236 100.081 335.99 116.976 332.046 133.69C331.972 134.004 331.878 134.371 331.689 135.104C331.576 135.544 331.519 135.765 331.469 135.972C328.857 146.718 331.894 158.055 339.53 166.055C339.677 166.21 339.836 166.372 340.154 166.697C340.684 167.238 340.949 167.508 341.17 167.743C352.943 180.246 352.943 199.754 341.17 212.257C340.949 212.492 340.684 212.762 340.154 213.303C339.836 213.628 339.677 213.79 339.53 213.945C331.894 221.945 328.857 233.282 331.469 244.028C331.519 244.235 331.576 244.456 331.689 244.896C331.878 245.629 331.972 245.996 332.046 246.31C335.99 263.024 326.236 279.919 309.789 284.86C309.48 284.953 309.115 285.055 308.386 285.258C307.948 285.381 307.729 285.442 307.524 285.502C296.912 288.613 288.613 296.912 285.502 307.524C285.442 307.729 285.381 307.948 285.258 308.386C285.055 309.115 284.953 309.48 284.86 309.789C279.919 326.236 263.024 335.99 246.31 332.046C245.996 331.972 245.629 331.878 244.896 331.689C244.456 331.576 244.235 331.519 244.028 331.469C233.282 328.857 221.945 331.894 213.945 339.53C213.79 339.677 213.628 339.836 213.303 340.154C212.762 340.684 212.492 340.949 212.257 341.17C199.754 352.943 180.246 352.943 167.743 341.17C167.508 340.949 167.238 340.684 166.697 340.154C166.372 339.836 166.21 339.677 166.055 339.53C158.055 331.894 146.718 328.857 135.972 331.469C135.765 331.519 135.544 331.576 135.104 331.689C134.371 331.878 134.004 331.972 133.69 332.046C116.976 335.99 100.081 326.236 95.1396 309.789C95.0469 309.48 94.9452 309.115 94.7417 308.386C94.6195 307.948 94.5585 307.729 94.4985 307.524C91.3875 296.912 83.0884 288.613 72.4758 285.502C72.2711 285.442 72.0522 285.38 71.6143 285.258C70.8847 285.055 70.5199 284.953 70.2114 284.86C53.7642 279.919 44.0098 263.024 47.9542 246.31C48.0282 245.996 48.1224 245.629 48.311 244.896C48.4242 244.456 48.4807 244.235 48.5311 244.028C51.1433 233.282 48.1056 221.945 40.4703 213.945C40.323 213.79 40.1639 213.628 39.8458 213.303C39.3157 212.762 39.0506 212.492 38.8298 212.257C27.0567 199.754 27.0567 180.246 38.8298 167.743C39.0506 167.508 39.3157 167.238 39.8458 166.697C40.1639 166.372 40.323 166.21 40.4703 166.055C48.1056 158.055 51.1433 146.718 48.5311 135.972C48.4807 135.765 48.4242 135.544 48.311 135.104C48.1224 134.371 48.0282 134.004 47.9542 133.69C44.0098 116.976 53.7642 100.081 70.2114 95.1396C70.5199 95.0469 70.8847 94.9452 71.6143 94.7417C72.0522 94.6195 72.2711 94.5585 72.4758 94.4985C83.0884 91.3875 91.3875 83.0884 94.4985 72.4758C94.5585 72.2711 94.6195 72.0522 94.7417 71.6143C94.9452 70.8847 95.0469 70.5199 95.1396 70.2114C100.081 53.7642 116.976 44.0098 133.69 47.9542C134.004 48.0282 134.371 48.1224 135.104 48.311C135.544 48.4242 135.765 48.4807 135.972 48.5311C146.718 51.1433 158.055 48.1056 166.055 40.4703C166.21 40.323 166.372 40.1639 166.697 39.8458Z",burst:"M187.293 26.6421C188.056 25.2785 188.437 24.5966 188.902 24.3108C189.575 23.8964 190.425 23.8964 191.098 24.3108C191.563 24.5966 191.944 25.2785 192.707 26.6421L218.917 73.4925C219.386 74.3306 219.62 74.7497 219.937 75.0046C220.396 75.3737 220.989 75.5326 221.571 75.4425C221.973 75.3802 222.386 75.1345 223.211 74.6431L269.335 47.1743C270.677 46.3748 271.348 45.9751 271.893 45.9598C272.684 45.9377 273.42 46.3624 273.796 47.0581C274.055 47.5379 274.045 48.3191 274.023 49.8814L273.296 103.56C273.283 104.52 273.277 105 273.424 105.38C273.637 105.929 274.071 106.363 274.62 106.576C275 106.723 275.48 106.717 276.44 106.704L330.119 105.977C331.681 105.955 332.462 105.945 332.942 106.204C333.638 106.58 334.062 107.316 334.04 108.107C334.025 108.652 333.625 109.323 332.826 110.665L305.357 156.789C304.865 157.614 304.62 158.027 304.557 158.429C304.467 159.011 304.626 159.604 304.995 160.063C305.25 160.38 305.669 160.614 306.508 161.083L353.358 187.293C354.722 188.056 355.403 188.437 355.689 188.902C356.104 189.575 356.104 190.425 355.689 191.098C355.403 191.563 354.722 191.944 353.358 192.707L306.508 218.917C305.669 219.386 305.25 219.62 304.995 219.937C304.626 220.396 304.467 220.989 304.557 221.571C304.62 221.973 304.865 222.386 305.357 223.211L332.826 269.335C333.625 270.677 334.025 271.348 334.04 271.893C334.062 272.684 333.638 273.42 332.942 273.796C332.462 274.055 331.681 274.045 330.119 274.023L276.44 273.296C275.48 273.283 275 273.277 274.62 273.424C274.071 273.637 273.637 274.071 273.424 274.62C273.277 275 273.283 275.48 273.296 276.44L274.023 330.119C274.045 331.681 274.055 332.462 273.796 332.942C273.42 333.638 272.684 334.062 271.893 334.04C271.348 334.025 270.677 333.625 269.335 332.826L223.211 305.357C222.386 304.865 221.973 304.62 221.571 304.557C220.989 304.467 220.396 304.626 219.937 304.995C219.62 305.25 219.386 305.669 218.917 306.508L192.707 353.358C191.944 354.722 191.563 355.403 191.098 355.689C190.425 356.104 189.575 356.104 188.902 355.689C188.437 355.403 188.056 354.722 187.293 353.358L161.083 306.508C160.614 305.669 160.38 305.25 160.063 304.995C159.604 304.626 159.011 304.467 158.429 304.557C158.027 304.62 157.614 304.865 156.789 305.357L110.665 332.826C109.323 333.625 108.652 334.025 108.107 334.04C107.316 334.062 106.58 333.638 106.204 332.942C105.945 332.462 105.955 331.681 105.977 330.119L106.704 276.44C106.717 275.48 106.723 275 106.576 274.62C106.363 274.071 105.929 273.637 105.38 273.424C105 273.277 104.52 273.283 103.56 273.296L49.8814 274.023C48.3191 274.045 47.5379 274.055 47.0581 273.796C46.3624 273.42 45.9377 272.684 45.9598 271.893C45.9751 271.348 46.3748 270.677 47.1743 269.335L74.6431 223.211C75.1345 222.386 75.3802 221.973 75.4425 221.571C75.5326 220.989 75.3737 220.396 75.0046 219.937C74.7497 219.62 74.3306 219.386 73.4925 218.917L26.6421 192.707C25.2785 191.944 24.5966 191.563 24.3108 191.098C23.8964 190.425 23.8964 189.575 24.3108 188.902C24.5966 188.437 25.2785 188.056 26.6421 187.293L73.4925 161.083C74.3306 160.614 74.7497 160.38 75.0046 160.063C75.3737 159.604 75.5326 159.011 75.4425 158.429C75.3802 158.027 75.1345 157.614 74.6431 156.789L47.1743 110.665C46.3748 109.323 45.9751 108.652 45.9598 108.107C45.9377 107.316 46.3624 106.58 47.0581 106.204C47.5379 105.945 48.3191 105.955 49.8814 105.977L103.56 106.704C104.52 106.717 105 106.723 105.38 106.576C105.929 106.363 106.363 105.929 106.576 105.38C106.723 105 106.717 104.52 106.704 103.56L105.977 49.8814C105.955 48.3191 105.945 47.5379 106.204 47.0581C106.58 46.3624 107.316 45.9377 108.107 45.9598C108.652 45.9751 109.323 46.3748 110.665 47.1743L156.789 74.6431C157.614 75.1345 158.027 75.3802 158.429 75.4425C159.011 75.5326 159.604 75.3737 160.063 75.0046C160.38 74.7497 160.614 74.3306 161.083 73.4925L187.293 26.6421Z",oval:"M271.309 271.309C201.705 340.913 108.877 360.935 63.9707 316.029C19.0648 271.123 39.0867 178.295 108.691 108.691C178.295 39.0867 271.123 19.0648 316.029 63.9707C360.935 108.877 340.913 201.705 271.309 271.309Z",pentagon:"M155.064 49.459C176.093 34.1803 204.569 34.1803 225.598 49.459L322.926 120.171C343.955 135.45 352.754 162.532 344.722 187.253L307.546 301.668C299.514 326.39 276.476 343.127 250.483 343.127H130.18C104.186 343.127 81.1489 326.39 73.1164 301.668L35.9407 187.253C27.9082 162.532 36.7077 135.45 57.737 120.171L155.064 49.459Z",pill:"M116.116 71.7851C169.162 18.7383 255.168 18.7383 308.215 71.7851C361.262 124.832 361.262 210.838 308.215 263.884L263.884 308.215C210.838 361.262 124.832 361.262 71.7851 308.215C18.7383 255.168 18.7383 169.162 71.7851 116.116L116.116 71.7851Z","soft-burst":"M175.147 33.1508C181.983 22.2831 198.017 22.2831 204.853 33.1508L221.238 59.2009C225.731 66.3458 234.797 69.2506 242.692 66.0751L271.475 54.4972C283.482 49.6671 296.455 58.9613 295.507 71.7154L293.235 102.288C292.612 110.673 298.215 118.278 306.494 120.284L336.681 127.601C349.275 130.653 354.23 145.692 345.861 155.461L325.8 178.877C320.298 185.3 320.298 194.7 325.8 201.123L345.861 224.539C354.23 234.308 349.275 249.347 336.681 252.399L306.494 259.716C298.215 261.722 292.612 269.327 293.235 277.712L295.507 308.285C296.455 321.039 283.482 330.333 271.475 325.503L242.692 313.925C234.797 310.749 225.731 313.654 221.238 320.799L204.853 346.849C198.017 357.717 181.983 357.717 175.147 346.849L158.762 320.799C154.269 313.654 145.203 310.749 137.308 313.925L108.525 325.503C96.5177 330.333 83.5454 321.039 84.4931 308.285L86.7649 277.712C87.388 269.327 81.785 261.722 73.5056 259.716L43.3186 252.399C30.7252 249.347 25.7702 234.308 34.1391 224.539L54.1997 201.123C59.7018 194.7 59.7018 185.3 54.1997 178.877L34.1391 155.461C25.7702 145.692 30.7252 130.653 43.3186 127.601L73.5056 120.284C81.785 118.278 87.388 110.673 86.7649 102.288L84.4931 71.7154C83.5454 58.9613 96.5177 49.6671 108.525 54.4972L137.308 66.0751C145.203 69.2506 154.269 66.3458 158.762 59.201L175.147 33.1508Z",sunny:"M276.453 68.8118C286.405 69.4881 291.381 69.8263 295.404 71.5853C301.223 74.1305 305.87 78.7766 308.415 84.5965C310.174 88.6186 310.512 93.5948 311.188 103.547L312.732 126.259C313.005 130.284 313.142 132.296 313.579 134.219C314.212 136.997 315.31 139.648 316.827 142.059C317.877 143.728 319.203 145.248 321.856 148.288L336.824 165.438C343.384 172.954 346.663 176.712 348.263 180.8C350.579 186.715 350.579 193.285 348.263 199.2C346.663 203.288 343.384 207.046 336.824 214.562L321.856 231.712C319.203 234.752 317.877 236.272 316.827 237.941C315.31 240.352 314.212 243.003 313.579 245.781C313.142 247.704 313.005 249.716 312.732 253.741L311.188 276.453C310.512 286.405 310.174 291.381 308.415 295.404C305.87 301.223 301.223 305.87 295.404 308.415C291.381 310.174 286.405 310.512 276.453 311.188L253.741 312.732C249.716 313.005 247.704 313.142 245.781 313.579C243.003 314.212 240.352 315.31 237.941 316.827C236.272 317.877 234.752 319.203 231.712 321.856L214.562 336.824C207.046 343.384 203.288 346.663 199.2 348.263C193.285 350.579 186.715 350.579 180.8 348.263C176.712 346.663 172.954 343.384 165.438 336.824L148.288 321.856C145.248 319.203 143.728 317.877 142.059 316.827C139.648 315.31 136.997 314.212 134.219 313.579C132.296 313.142 130.284 313.005 126.259 312.732L103.547 311.188C93.5947 310.512 88.6186 310.174 84.5965 308.415C78.7766 305.87 74.1305 301.223 71.5853 295.404C69.8263 291.381 69.4881 286.405 68.8118 276.453L67.2684 253.741C66.9949 249.716 66.8581 247.704 66.4206 245.781C65.7883 243.003 64.6903 240.352 63.173 237.941C62.123 236.272 60.7965 234.752 58.1437 231.712L43.1756 214.562C36.6164 207.046 33.3369 203.288 31.7366 199.2C29.4211 193.285 29.4211 186.715 31.7366 180.8C33.3369 176.712 36.6164 172.954 43.1756 165.438L58.1437 148.288C60.7965 145.248 62.123 143.728 63.173 142.059C64.6903 139.648 65.7883 136.997 66.4206 134.219C66.8581 132.296 66.9949 130.284 67.2684 126.259L68.8118 103.547C69.4881 93.5948 69.8263 88.6186 71.5853 84.5965C74.1305 78.7766 78.7766 74.1305 84.5965 71.5853C88.6186 69.8263 93.5948 69.4881 103.547 68.8118L126.259 67.2684C130.284 66.9949 132.296 66.8581 134.219 66.4206C136.997 65.7883 139.648 64.6903 142.059 63.173C143.728 62.123 145.248 60.7966 148.288 58.1437L165.438 43.1756C172.954 36.6164 176.712 33.3369 180.8 31.7366C186.715 29.4211 193.285 29.4211 199.2 31.7366C203.288 33.3369 207.046 36.6164 214.562 43.1756L231.712 58.1437C234.752 60.7966 236.272 62.123 237.941 63.173C240.352 64.6903 243.003 65.7883 245.781 66.4206C247.704 66.8581 249.716 66.9949 253.741 67.2684L276.453 68.8118Z","very-sunny":"M166.725 43.1869C177.261 25.6044 202.739 25.6044 213.275 43.1868L225.124 62.9597C231.268 73.2136 243.399 78.2385 254.995 75.3327L277.355 69.7294C297.237 64.7468 315.253 82.7627 310.271 102.645L304.667 125.005C301.762 136.601 306.786 148.732 317.04 154.876L336.813 166.725C354.396 177.261 354.396 202.739 336.813 213.275L317.04 225.124C306.786 231.268 301.762 243.399 304.667 254.995L310.271 277.355C315.253 297.237 297.237 315.253 277.355 310.271L254.995 304.667C243.399 301.762 231.268 306.786 225.124 317.04L213.275 336.813C202.739 354.396 177.261 354.396 166.725 336.813L154.876 317.04C148.732 306.786 136.601 301.762 125.005 304.667L102.646 310.271C82.7627 315.253 64.7468 297.237 69.7294 277.355L75.3327 254.995C78.2385 243.399 73.2136 231.268 62.9597 225.124L43.1869 213.275C25.6044 202.739 25.6044 177.261 43.1868 166.725L62.9597 154.876C73.2136 148.732 78.2385 136.601 75.3327 125.005L69.7294 102.646C64.7468 82.7627 82.7627 64.7468 102.645 69.7294L125.005 75.3327C136.601 78.2385 148.732 73.2136 154.876 62.9597L166.725 43.1869Z",bun:"M38.875 113.322C38.875 69.5137 74.3887 34 118.197 34H261.803C305.611 34 341.125 69.5137 341.125 113.322C341.125 149.45 316.972 179.937 283.932 189.516C283.717 189.579 283.567 189.776 283.567 190C283.567 190.224 283.717 190.421 283.932 190.484C316.972 200.063 341.125 230.55 341.125 266.678C341.125 310.486 305.611 346 261.803 346H118.197C74.3887 346 38.875 310.486 38.875 266.678C38.875 230.785 62.7138 200.461 95.422 190.674C95.72 190.585 95.9264 190.311 95.9264 190C95.9264 189.689 95.72 189.415 95.422 189.326C62.7138 179.539 38.875 149.214 38.875 113.322Z",boom:"M186.738 36.413C187.51 30.2399 187.896 27.1534 188.483 26.6019C189.337 25.7994 190.663 25.7994 191.517 26.6019C192.104 27.1534 192.49 30.2399 193.262 36.413L203.079 114.907C203.39 117.398 203.546 118.644 203.993 119.158C204.642 119.904 205.703 120.131 206.598 119.715C207.214 119.428 207.861 118.353 209.153 116.205L249.875 48.5119C253.078 43.1883 254.679 40.5264 255.438 40.2626C256.543 39.8785 257.754 40.4209 258.21 41.5032C258.522 42.247 257.626 45.2245 255.834 51.1796L233.049 126.902C232.326 129.305 231.964 130.507 232.165 131.159C232.456 132.107 233.333 132.748 234.319 132.733C234.998 132.723 236.023 132.006 238.073 130.572L302.659 85.3844C307.738 81.8306 310.278 80.0538 311.078 80.1231C312.243 80.2241 313.13 81.2151 313.108 82.39C313.093 83.1974 311.07 85.5511 307.024 90.2585L255.576 150.116C253.943 152.016 253.126 152.966 253.045 153.644C252.928 154.628 253.47 155.573 254.377 155.963C255.001 156.231 256.228 155.995 258.681 155.524L335.963 140.655C342.041 139.485 345.08 138.901 345.783 139.291C346.806 139.86 347.215 141.128 346.72 142.192C346.38 142.924 343.579 144.247 337.979 146.893L266.764 180.536C264.503 181.604 263.373 182.137 263.025 182.724C262.52 183.575 262.633 184.66 263.304 185.387C263.765 185.887 264.981 186.173 267.413 186.745L344.029 204.766C350.054 206.184 353.067 206.892 353.551 207.537C354.256 208.474 354.117 209.8 353.234 210.57C352.627 211.099 349.534 211.163 343.347 211.289L264.679 212.901C262.182 212.952 260.933 212.977 260.378 213.371C259.572 213.942 259.237 214.979 259.555 215.917C259.774 216.563 260.77 217.322 262.76 218.839L325.462 266.634C330.393 270.393 332.858 272.272 333.04 273.059C333.304 274.203 332.641 275.358 331.523 275.7C330.755 275.935 327.903 274.728 322.2 272.314L249.681 241.615C247.379 240.641 246.228 240.153 245.562 240.286C244.595 240.478 243.869 241.288 243.78 242.275C243.719 242.955 244.321 244.055 245.526 246.255L283.472 315.559C286.456 321.01 287.948 323.735 287.796 324.528C287.574 325.682 286.501 326.466 285.341 326.321C284.544 326.221 282.428 323.952 278.194 319.415L224.364 261.714C222.655 259.882 221.801 258.966 221.139 258.815C220.177 258.594 219.187 259.038 218.706 259.904C218.375 260.5 218.48 261.751 218.691 264.253L225.32 343.084C225.841 349.283 226.102 352.383 225.642 353.045C224.973 354.009 223.676 354.286 222.675 353.679C221.987 353.263 220.971 350.324 218.939 344.447L193.105 269.721C192.285 267.349 191.875 266.163 191.332 265.754C190.542 265.16 189.458 265.16 188.668 265.754C188.125 266.163 187.715 267.349 186.895 269.721L161.061 344.447C159.029 350.324 158.013 353.263 157.325 353.679C156.324 354.286 155.027 354.009 154.358 353.045C153.898 352.383 154.159 349.283 154.68 343.084L161.309 264.253C161.52 261.751 161.625 260.5 161.294 259.904C160.813 259.038 159.823 258.594 158.861 258.815C158.199 258.966 157.345 259.882 155.636 261.714L101.806 319.415C97.5724 323.952 95.4556 326.221 94.6586 326.321C93.4987 326.466 92.4257 325.682 92.2041 324.528C92.0519 323.735 93.544 321.01 96.5282 315.559L134.474 246.255C135.679 244.055 136.281 242.955 136.22 242.275C136.131 241.288 135.405 240.478 134.438 240.286C133.772 240.153 132.621 240.641 130.319 241.615L57.8002 272.314C52.097 274.728 49.2455 275.935 48.4771 275.7C47.3589 275.358 46.6958 274.203 46.9601 273.059C47.1418 272.272 49.6074 270.393 54.5385 266.634L117.24 218.839C119.23 217.322 120.226 216.563 120.445 215.917C120.763 214.979 120.428 213.942 119.622 213.371C119.067 212.977 117.818 212.952 115.321 212.901L36.6531 211.289C30.4664 211.163 27.373 211.099 26.7662 210.57C25.8831 209.8 25.7445 208.474 26.449 207.537C26.9332 206.892 29.9459 206.184 35.9713 204.766L112.587 186.745C115.019 186.173 116.235 185.887 116.697 185.387C117.367 184.66 117.48 183.575 116.975 182.724C116.627 182.137 115.497 181.604 113.236 180.536L42.0212 146.893C36.4205 144.247 33.6202 142.924 33.2799 142.192C32.7846 141.128 33.1944 139.86 34.2174 139.291C34.9204 138.901 37.9592 139.485 44.037 140.655L121.319 155.524C123.772 155.995 124.999 156.231 125.623 155.963C126.53 155.573 127.072 154.628 126.955 153.644C126.874 152.966 126.057 152.016 124.424 150.116L72.9761 90.2585C68.93 85.5511 66.907 83.1974 66.8919 82.39C66.87 81.2151 67.7575 80.2241 68.922 80.1231C69.7222 80.0538 72.2618 81.8306 77.3411 85.3844L141.927 130.572C143.977 132.006 145.002 132.723 145.681 132.733C146.667 132.748 147.544 132.107 147.835 131.159C148.036 130.507 147.674 129.305 146.951 126.902L124.166 51.1796C122.374 45.2245 121.478 42.247 121.79 41.5032C122.246 40.4209 123.457 39.8785 124.562 40.2626C125.321 40.5264 126.922 43.1883 130.125 48.5119L170.847 116.205C172.139 118.354 172.786 119.428 173.402 119.715C174.297 120.131 175.358 119.904 176.007 119.158C176.454 118.644 176.61 117.398 176.921 114.907L186.738 36.413Z",arch:"M345 293.727C345 299.96 345 303.076 344.689 305.696C342.259 326.14 326.14 342.259 305.696 344.689C303.076 345 299.96 345 293.727 345H86.2732C80.0405 345 76.9242 345 74.3043 344.689C53.8596 342.259 37.7407 326.14 35.3113 305.696C35 303.076 35 299.96 35 293.727L35 190C35 104.396 104.396 35 190 35C275.604 35 345 104.396 345 190V293.727Z",arrow:"M262.422 104.907C253.213 90.2936 243.84 75.4777 231.389 63.8739C218.938 52.2412 202.808 44.023 186.27 45.0937C171.748 46.0486 158.288 54.0932 147.662 64.5974C137.036 75.1015 128.781 88.0365 120.661 100.856C98.7011 135.464 76.7136 170.073 54.7533 204.711C44.3181 221.147 33.6105 238.307 30.7224 257.898C27.2349 281.568 36.6348 305.673 53.3093 321.415C70.7467 337.88 99.0008 336.549 120.225 332.035C143.493 327.086 166.244 317.769 189.975 317.797C210.301 317.797 229.945 324.685 249.726 329.691C269.479 334.668 290.704 337.735 309.776 330.327C333.453 321.154 350.454 295.082 349.991 268.315C349.555 243.892 323.508 201.759 323.508 201.759C323.508 201.759 282.78 137.194 262.422 104.907Z",diamond:"M247.442 306.481C230.606 328.514 222.188 339.53 212.466 344.548C198.383 351.817 181.617 351.817 167.534 344.548C157.812 339.53 149.394 328.514 132.558 306.481L76.646 233.308C66.4059 219.906 61.2859 213.206 58.7505 206.032C55.0832 195.654 55.0832 184.346 58.7505 173.968C61.2859 166.794 66.4059 160.094 76.6461 146.692L132.558 73.5194C149.394 51.4863 157.812 40.4697 167.534 35.4518C181.617 28.1827 198.383 28.1827 212.466 35.4518C222.188 40.4697 230.606 51.4863 247.442 73.5195L303.354 146.692C313.594 160.094 318.714 166.794 321.249 173.968C324.917 184.346 324.917 195.654 321.249 206.032C318.714 213.206 313.594 219.906 303.354 233.308L247.442 306.481Z",fan:"M40 87.3684C40 85.697 40 84.8613 40.0219 84.1547C40.7686 60.0969 60.0969 40.7686 84.1547 40.0219C84.8613 40 85.697 40 87.3684 40C96.2825 40 100.74 40 104.508 40.117C232.816 44.0992 335.901 147.184 339.883 275.492C340 279.26 340 283.717 340 292.632C340 294.303 340 295.139 339.978 295.845C339.231 319.903 319.903 339.231 295.845 339.978C295.139 340 294.303 340 292.632 340H107.441C87.0642 340 76.8757 340 68.7935 336.8C57.0947 332.168 47.8318 322.905 43.2 311.207C40 303.124 40 292.936 40 272.559V87.3684Z",flower:"M303.126 76.8625C291.251 64.988 264.194 70.8597 231.547 89.6813C221.771 53.2855 206.79 30 189.996 30C173.203 30 158.223 53.2841 148.447 89.6779C115.802 70.8581 88.7463 64.9874 76.8722 76.8614C64.997 88.7367 70.8701 115.796 89.6945 148.446C53.2912 158.222 30 173.204 30 190C30 206.793 53.283 221.773 89.6753 231.549C70.8495 264.2 64.9757 291.261 76.8513 303.137C88.7274 315.013 115.79 309.138 148.444 290.31C158.22 326.711 173.201 350 189.996 350C206.792 350 221.774 326.709 231.55 290.307C264.205 309.136 291.27 315.012 303.146 303.136C315.022 291.26 309.148 264.2 290.323 231.549C326.716 221.773 350 206.793 350 190C350 173.204 326.708 158.222 290.304 148.446C309.128 115.797 315.001 88.7376 303.126 76.8625Z",gem:"M133.415 65.7498C150.981 52.991 159.763 46.6116 169.124 43.4402C182.663 38.8533 197.337 38.8533 210.876 43.4402C220.237 46.6116 229.019 52.991 246.585 65.7498L286.083 94.4402C296.514 102.017 301.729 105.805 305.981 110.353C312.125 116.926 316.839 124.702 319.823 133.189C321.888 139.062 322.834 145.437 324.725 158.189L332.038 207.501C335.355 229.87 337.014 241.055 335.34 251.136C332.918 265.718 325.6 279.04 314.59 288.907C306.979 295.728 296.649 300.329 275.987 309.532L229.176 330.382C216.707 335.935 210.473 338.712 204.064 340.131C194.8 342.182 185.2 342.182 175.936 340.131C169.527 338.712 163.293 335.935 150.824 330.382L104.013 309.532C83.3515 300.329 73.0207 295.728 65.4097 288.907C54.4005 279.04 47.0819 265.718 44.6602 251.136C42.9859 241.055 44.6447 229.87 47.9621 207.501L55.2752 158.189C57.1662 145.437 58.1117 139.062 60.1768 133.189C63.1612 124.702 67.8747 116.926 74.0191 110.353C78.2706 105.805 83.4862 102.017 93.9172 94.4402L133.415 65.7498Z","ghost-ish":"M40 182.857C40 103.959 107.157 40 190 40C272.843 40 340 103.959 340 182.857L340 282.857C340 314.416 313.137 340 280 340C270.178 340 260.907 337.752 252.724 333.768C248.554 331.737 244.394 329.512 240.216 327.277C225.513 319.411 210.592 311.429 194.27 311.429H185.73C169.408 311.429 154.487 319.411 139.784 327.277C135.606 329.512 131.446 331.737 127.276 333.768C119.093 337.752 109.822 340 100 340C66.8629 340 40 314.416 40 282.857L40 182.857Z",heart:"M281.1 47.134C259.439 47.134 240.113 57.3021 227.481 73.1973L190 114.513V114.379L152.519 73.0633C139.887 57.1681 120.561 47 98.8995 47C60.8478 47 30 78.3656 30 117.059C30 151.058 58.3751 176.471 78.9187 200.884C99.3895 225.205 119.856 249.523 140.323 273.844L186.272 328.437C187.516 329.914 188.756 331.388 190 332.866V333C191.244 331.522 192.484 330.048 193.728 328.571C209.043 310.375 224.358 292.178 239.677 273.978C260.144 249.657 280.614 225.339 301.081 201.018C321.625 176.608 350 151.196 350 117.193C350 78.4996 319.152 47.134 281.1 47.134Z",hexagon:"M360.196 147.081C367.995 160.591 371.894 167.346 373.864 174.403C376.712 184.606 376.712 195.394 373.864 205.597C371.894 212.654 367.995 219.409 360.196 232.919L336.437 274.079C328.638 287.589 324.738 294.344 319.613 299.58C312.202 307.148 302.86 312.543 292.601 315.177C285.505 317 277.706 317 262.108 317L117.892 317C102.294 317 94.4949 317 87.399 315.178C77.1398 312.543 67.798 307.149 60.3873 299.58C55.2616 294.345 51.3621 287.589 43.5632 274.079L19.8039 232.919C12.0054 219.409 8.10612 212.654 6.13613 205.597C3.28796 195.394 3.28796 184.606 6.13613 174.403C8.10613 167.346 12.0054 160.591 19.804 147.081L43.5632 105.921C51.3622 92.4107 55.2616 85.6554 60.3874 80.4202C67.798 72.8514 77.1398 67.457 87.3989 64.8224C94.4949 63.0002 102.294 63.0002 117.892 63.0002L262.108 63C277.706 63 285.505 63 292.601 64.8222C302.86 67.4567 312.202 72.8511 319.613 80.42C324.738 85.6551 328.638 92.4104 336.437 105.921L360.196 147.081Z","pixel-circle":"M253.556 34H126.444V54.2217H83.1111V80.2222H57.1111V126.444H34V253.556H57.1111V299.778H83.1111V325.777H126.444V346H253.556V325.777H296.889V299.778H322.889V253.556H346V126.444H322.889V80.2222H296.889V54.2217H253.556V34Z","pixel-triangle":"M121.641 30H66V350H121.641V322.174H164.564V295.739H209.077V265.13H245.641V240.086H282.205V209.478H314V170.522H282.205V139.912H245.641V114.869H209.077V84.2609H164.564V57.8262H121.641V30Z",puffy:"M371.982 187.559C371.686 165.488 353.541 147.816 331.439 148.112C330.218 148.112 329.016 148.204 327.832 148.334C328.757 147.576 329.663 146.799 330.532 145.949C346.365 130.551 346.698 105.226 331.291 89.4031C330.384 88.4788 329.478 87.5546 328.553 86.6673C312.721 71.2692 287.4 71.6019 271.974 87.4252C271.123 88.294 270.347 89.1997 269.588 90.124C269.718 88.9409 269.792 87.7394 269.81 86.5194C270.125 64.4482 252.443 46.3142 230.359 46C229.711 46 229.064 46 228.417 46H227.103C210.734 46 196.696 55.8341 190.5 69.9013C184.304 55.8341 170.247 46 153.897 46H152.583C151.936 46 151.289 46 150.641 46C128.557 46.2958 110.875 64.4297 111.171 86.5194C111.171 87.7394 111.264 88.9409 111.393 90.124C110.635 89.1997 109.858 88.294 109.007 87.4252C93.6001 71.6019 68.2608 71.2692 52.4283 86.6673C51.5035 87.573 50.5787 88.4788 49.6909 89.4031C34.2839 105.226 34.6168 130.532 50.4493 145.949C51.3186 146.799 52.2249 147.576 53.1497 148.334C51.9659 148.204 50.7637 148.13 49.543 148.112C27.4589 147.816 9.31443 165.488 9 187.559C9 188.206 9 188.853 9 189.5C9 190.147 9 190.794 9 191.441C9.29593 213.512 27.4404 231.184 49.543 230.888C50.7637 230.888 51.9659 230.796 53.1497 230.666C52.2249 231.424 51.3186 232.201 50.4493 233.051C34.6168 248.449 34.2839 273.774 49.6909 289.597C50.5972 290.521 51.5035 291.445 52.4283 292.333C68.2608 307.731 93.5816 307.398 109.007 291.575C109.858 290.706 110.635 289.8 111.393 288.876C111.264 290.059 111.19 291.261 111.171 292.481C110.875 314.552 128.539 332.704 150.641 333C151.289 333 151.936 333 152.583 333H153.897C170.266 333 184.304 323.166 190.5 309.099C196.696 323.166 210.753 333 227.103 333H228.417C229.064 333 229.711 333 230.359 333C252.443 332.704 270.125 314.57 269.829 292.481C269.829 291.261 269.736 290.059 269.607 288.876C270.365 289.8 271.142 290.706 271.993 291.575C287.4 307.398 312.739 307.731 328.572 292.333C329.496 291.427 330.421 290.521 331.309 289.597C346.716 273.774 346.383 248.468 330.551 233.051C329.681 232.201 328.775 231.424 327.85 230.666C329.034 230.796 330.236 230.87 331.457 230.888C353.541 231.184 371.704 213.531 372 191.441C372 190.794 372 190.147 372 189.5C372 188.853 372 188.206 372 187.559H371.982Z","puffy-diamond":"M279.397 279.754C291.485 267.666 295.573 250.608 291.663 235.157C307.124 239.086 324.202 235.001 336.3 222.902C354.567 204.636 354.567 175.02 336.3 156.754C324.273 144.727 307.325 140.619 291.936 144.43C295.368 129.286 291.188 112.766 279.397 100.975C267.282 88.8601 250.174 84.7804 234.696 88.736C238.798 73.1705 234.747 55.9026 222.544 43.6997C204.278 25.4334 174.662 25.4334 156.396 43.6997C144.266 55.83 140.191 72.9655 144.172 88.4584C129.001 84.9862 112.435 89.1585 100.618 100.975C88.8257 112.767 84.6462 129.289 88.0792 144.434C72.6865 140.616 55.7312 144.723 43.6997 156.754C25.4334 175.02 25.4334 204.636 43.6997 222.902C55.8026 235.005 72.8879 239.089 88.3531 235.153C84.4405 250.605 88.5288 267.665 100.618 279.754C112.385 291.521 128.862 295.708 143.98 292.314C140.328 307.602 144.467 324.371 156.396 336.3C174.662 354.567 204.278 354.567 222.544 336.3C234.544 324.301 238.661 307.403 234.894 292.043C250.32 295.914 267.333 291.817 279.397 279.754Z",semicircle:"M350 256.921C350 275.19 335.19 290 316.921 290L63.0794 290C44.8102 290 30 275.19 30 256.921L30 250C30 161.634 101.634 90 190 90C278.366 90 350 161.634 350 250V256.921Z",slanted:"M45.7147 120.543C48.289 95.9642 49.5761 83.6748 54.3025 73.9777C61.142 59.9453 73.0768 49.1101 87.6278 43.7229C97.6833 40 109.933 40 134.432 40H258.137C287.764 40 302.578 40 313.887 44.8539C330.261 51.8819 342.72 65.8495 347.927 83.0153C351.523 94.8709 349.967 109.733 346.854 139.457L334.285 259.457C331.711 284.036 330.424 296.325 325.697 306.022C318.858 320.055 306.923 330.89 292.372 336.277C282.317 340 270.067 340 245.568 340H121.863C92.2359 340 77.4221 340 66.1134 335.146C49.7395 328.118 37.2802 314.151 32.0729 296.985C28.4765 285.129 30.0331 270.267 33.1463 240.543L45.7147 120.543Z","soft-boom":"M204.57 116.822C226.539 6.39254 153.487 6.39254 175.457 116.822C153.487 6.39254 85.9934 34.3433 148.549 127.966C85.9934 34.3433 34.3433 85.9934 127.966 148.549C34.3433 85.9934 6.39254 153.487 116.822 175.444C6.39254 153.474 6.39254 226.526 116.822 204.556C6.39254 226.526 34.3565 294.007 127.966 231.451C34.3565 294.007 86.0066 345.657 148.549 252.034C85.9934 345.644 153.487 373.594 175.444 263.178C153.474 373.607 226.526 373.607 204.556 263.178C226.526 373.607 294.007 345.644 231.451 252.034C294.007 345.644 345.657 293.993 252.034 231.451C345.644 294.007 373.594 226.513 263.178 204.556C373.607 226.526 373.607 153.474 263.178 175.444C373.607 153.474 345.644 85.9934 252.034 148.549C345.644 85.9934 293.993 34.3433 231.451 127.966C294.007 34.3565 226.513 6.40574 204.556 116.822H204.57Z",square:"M350 202C350 246.717 350 269.076 342.978 286.812C332.813 312.485 312.485 332.813 286.812 342.978C269.076 350 246.717 350 202 350H178C133.283 350 110.924 350 93.1875 342.978C67.5145 332.813 47.187 312.485 37.0223 286.812C30 269.076 30 246.717 30 202L30 178C30 133.283 30 110.924 37.0224 93.1875C47.187 67.5145 67.5146 47.187 93.1876 37.0223C110.924 30 133.283 30 178 30L202 30C246.717 30 269.076 30 286.812 37.0224C312.485 47.187 332.813 67.5146 342.978 93.1876C350 110.924 350 133.283 350 178V202Z",circle:"M350 190C350 278.366 278.366 350 190 350C101.634 350 30 278.366 30 190C30 101.634 101.634 30 190 30C278.366 30 350 101.634 350 190Z",triangle:"M136.461 98.2021C151.597 71.8217 159.165 58.6315 168.342 53.0594C181.648 44.9802 198.352 44.9802 211.658 53.0594C220.835 58.6315 228.403 71.8217 243.539 98.2021L325.309 240.72C340.3 266.847 347.795 279.911 347.993 290.585C348.28 306.06 339.949 320.418 326.364 327.864C316.994 333 301.919 333 271.77 333H108.23C78.0806 333 63.006 333 53.636 327.864C40.0505 320.418 31.7204 306.06 32.0072 290.585C32.2049 279.911 39.7003 266.847 54.6909 240.72L136.461 98.2021Z"};let Mk=new Array;const Pk=new Map;for(const e in zk)Mk.push(zk[e]),Pk.set(e,Mk.length-1);const Tk={};Mk=$e(Mk,300);for(const e of Pk)Tk[e[0]]=i(Mk[e[1]]);const Ik=Tk;const Dk=[...Object.getOwnPropertyNames(Ik).map(e=>function(e){return o`:host([name="${i(e)}"]) .wrapper { clip-path: polygon(${Ik[e]}); }`}(e))];let Ak=class extends r{constructor(){super(...arguments),this.name=null}render(){return s`<div class="wrapper"><slot></slot></div>`}};var Wk,Hk,Ok,Bk,Fk,Vk;Ak.styles=[Ek,Dk],t([m({reflect:!0})],Ak.prototype,"name",void 0),Ak=t([$("m3e-shape")],Ak);let Rk=class extends(z(r)){constructor(){super(...arguments),Wk.add(this),Hk.set(this,new Map),this.shape="auto",this.animation="wave",this.loaded=!1}disconnectedCallback(){super.disconnectedCallback(),e(this,Wk,"m",Bk).call(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,Wk,"m",Fk).call(this)}render(){return s`<slot ?inert="${!this.loaded}" @slotchange="${e(this,Wk,"m",Ok)}"></slot>`}};var qk,Nk,Uk,jk,Yk;Hk=new WeakMap,Wk=new WeakSet,Ok=async function(){e(this,Wk,"m",Fk).call(this)},Bk=function(){for(const t of e(this,Hk,"f"))t[0].remove(),t[1]();e(this,Hk,"f").clear()},Fk=async function(){e(this,Wk,"m",Bk).call(this);const t=this.shadowRoot?.querySelector("slot");if(t)for(const a of t.assignedElements({flatten:!0}).filter(e=>e instanceof HTMLElement))await e(this,Wk,"m",Vk).call(this,a)},Vk=async function(t){await X(t);const a=document.createElement("div");if(a.classList.add("shape"),"auto"===this.shape){let e=getComputedStyle(t).borderRadius;if(!e||"0px"===e){const a=t.shadowRoot?.firstElementChild;a&&!a.nextElementSibling&&(e=getComputedStyle(a).borderRadius)}e&&"0px"!==e&&(a.style.borderRadius=e)}const i=await Ne(a,t,{position:"bottom"},(e,i)=>{a.style.left=`${e}px`,a.style.top=i-t.clientHeight+"px",a.style.width=`${t.clientWidth}px`,a.style.height=`${t.clientHeight}px`});e(this,Hk,"f").set(a,i),this.shadowRoot?.appendChild(a)},(()=>{if(void 0!==window){B(o`@property --_m3e-skeleton-wave-pct { syntax: "<number>"; inherits: true; initial-value: 0; } @property --_m3e-skeleton-pulse-norm { syntax: "<number>"; inherits: true; initial-value: 0; } :root { --_m3e-skeleton-wave-span: 40vw; --_m3e-skeleton-pulse-min: 0.06; }</number></number>`);const e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=window.matchMedia("(forced-colors: active)");let a=null,i=null;function r(){a=document.documentElement.animate([{"--_m3e-skeleton-wave-pct":0},{"--_m3e-skeleton-wave-pct":1}],{duration:2100,iterations:1/0,easing:"linear"}),i=document.documentElement.animate([{"--_m3e-skeleton-pulse-norm":0},{"--_m3e-skeleton-pulse-norm":1},{"--_m3e-skeleton-pulse-norm":0}],{duration:1200,iterations:1/0,easing:"ease-in-out"})}function s(){e.matches||t.matches?(a?.pause(),i?.pause()):(a?.play(),i?.play())}r(),s(),e.addEventListener("change",s),t.addEventListener("change",s)}})(),Rk.styles=o`:host { display: contents; } .shape { position: absolute; overflow: hidden; pointer-events: none; opacity: 1; background-color: var(--m3e-skeleton-color, ${v.color.surface}); } .shape::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: color-mix( in srgb, var(--m3e-skeleton-tint-color, ${v.color.onSurface}) var(--m3e-skeleton-tint-opacity, 8%), transparent ); } :host(:not([loaded])) slot { visibility: hidden; } :host([loaded]) .shape { opacity: 0; transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}`)}; } :host([shape="rounded"]) .shape { border-radius: var(--m3e-skeleton-rounded-shape, var(--m3e-skeleton-shape, ${v.shape.corner.large})); } :host([shape="circular"]) .shape { border-radius: var(--m3e-skeleton-circular-shape, var(--m3e-skeleton-shape, ${v.shape.corner.full})); } :host([shape="square"]) .shape { border-radius: var(--m3e-skeleton-square-shape, var(--m3e-skeleton-shape, 0px)); } :host([animation="pulse"]:not([loaded])) .shape::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: calc( var(--m3e-skeleton-accent-opacity, 0.06) + (1 - var(--m3e-skeleton-accent-opacity, 0.06)) * var(--_m3e-skeleton-pulse-norm) ); background-color: var(--m3e-skeleton-tint-color, ${v.color.surfaceDim}); } :host([animation="wave"]:not([loaded])) .shape::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient( 90deg, transparent 0%, transparent 35%, var(--m3e-skeleton-accent-color, ${v.color.onSurface}) 50%, transparent 65%, transparent 100% ); background-attachment: fixed; background-size: calc(100vw + var(--_m3e-skeleton-wave-span) * 2) 100%; background-position-x: calc( var(--_m3e-skeleton-wave-pct) * (100vw + var(--_m3e-skeleton-wave-span) * 2) - var(--_m3e-skeleton-wave-span) ); opacity: var(--m3e-skeleton-accent-opacity, 0.06); } @media (forced-colors: active) { :host([loaded]) .shape { transition: none; } .shape::after { display: none; } .shape { background-color: GrayText; } } @media (prefers-reduced-motion) { :host([loaded]) .shape { transition: none; } .shape::after { display: none; } }`,t([m({reflect:!0})],Rk.prototype,"shape",void 0),t([m({reflect:!0})],Rk.prototype,"animation",void 0),t([m({type:Boolean,reflect:!0})],Rk.prototype,"loaded",void 0),Rk=t([$("m3e-skeleton")],Rk);let Kk=class extends(z(r)){constructor(){super(...arguments),qk.add(this),Nk.set(this,void 0),Uk.set(this,new A(this,{target:null,callback:()=>this._updatePaging()})),this._canPage=!1,this._canPageStart=!1,this._canPageEnd=!1,this.disabled=!1,this.vertical=!1,this.threshold=0,this.previousPageLabel="Previous page",this.nextPageLabel="Next page"}connectedCallback(){super.connectedCallback(),a(this,Nk,qe.observe(()=>this.requestUpdate()),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Nk,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,Uk,"f").observe(this.scrollContainer)}firstUpdated(t){super.firstUpdated(t),e(this,Uk,"f").observe(this.scrollContainer)}render(){const t=s`<m3e-icon-button class="prev-button" tabindex="-1" aria-label="${this.previousPageLabel}" ?disabled="${!this._canPageStart}" @click="${e(this,qk,"m",jk)}"><slot name="prev-icon">${"ltr"===qe.current||this.vertical?s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M640-80 240-480l400-400 71 71-329 329 329 329-71 71Z"/></svg>`:s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/></svg>`}</slot></m3e-icon-button>`,a=s`<m3e-icon-button class="next-button" tabindex="-1" aria-label="${this.nextPageLabel}" ?disabled="${!this._canPageEnd}" @click="${e(this,qk,"m",Yk)}"><slot name="next-icon">${"ltr"===qe.current||this.vertical?s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/></svg>`:s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M640-80 240-480l400-400 71 71-329 329 329 329-71 71Z"/></svg>`}</slot></m3e-icon-button>`;return s`${this._canPage?t:n}<div class="content" @scroll="${this._updatePaging}"><slot></slot></div>${this._canPage?a:n}`}_updatePaging(){const e=this._canPage;this.disabled?this._canPage=!1:this.vertical?(this._canPage=Math.round(this.scrollContainer.scrollHeight)>Math.round(this.scrollContainer.clientHeight)+this.threshold,this._canPage&&(this._canPageStart=Math.round(this.scrollContainer.scrollTop)>this.threshold,this._canPageEnd=Math.round(this.scrollContainer.scrollTop)+ +this.threshold<Math.round(this.scrollContainer.scrollHeight-this.scrollContainer.clientHeight))):(this._canPage=Math.round(this.scrollContainer.scrollWidth)>Math.round(this.scrollContainer.clientWidth)+this.threshold,this._canPage&&(this._canPageStart=Math.round(this.scrollContainer.scrollLeft)>this.threshold,this._canPageEnd=Math.round(this.scrollContainer.scrollLeft)+this.threshold<Math.round(this.scrollContainer.scrollWidth-this.scrollContainer.clientWidth))),this._canPage||(this._canPageStart=this._canPageEnd=!1),e!=this._canPage&&this.dispatchEvent(new CustomEvent("pagination-changed"))}};var Zk,Xk;Nk=new WeakMap,Uk=new WeakMap,qk=new WeakSet,jk=function(){if(this.vertical){let e=this.scrollContainer.scrollTop-this.scrollContainer.clientHeight;e<=this.threshold&&(e=0),this.scrollContainer.scrollTo({top:e,behavior:"smooth"})}else{let e=this.scrollContainer.scrollLeft-this.scrollContainer.clientWidth;e<=this.threshold&&(e=0),this.scrollContainer.scrollTo({left:e,behavior:"smooth"})}},Yk=function(){if(this.vertical){let e=this.scrollContainer.scrollTop+this.scrollContainer.clientHeight;e>=this.scrollContainer.scrollHeight-this.scrollContainer.clientHeight-this.threshold&&(e=this.scrollContainer.scrollHeight-this.scrollContainer.clientHeight),this.scrollContainer.scrollTo({top:e,behavior:"smooth"})}else{let e=this.scrollContainer.scrollLeft+this.scrollContainer.clientWidth;e>=this.scrollContainer.scrollWidth-this.scrollContainer.clientWidth-this.threshold&&(e=this.scrollContainer.scrollWidth-this.scrollContainer.clientWidth),this.scrollContainer.scrollTo({left:e,behavior:"smooth"})}},Kk.styles=o`:host { display: flex; flex-wrap: nowrap; } :host([vertical]) { flex-direction: column; } .prev-button, .next-button { flex: none; --m3e-icon-button-small-shape-round: 0px; --m3e-icon-button-small-shape-square: 0px; --m3e-icon-button-small-shape-pressed-morph: 0px; --m3e-focus-ring-visibility: hidden; } ::slotted(prev-icon), ::slotted(next-icon), .icon { width: 1em; font-size: var(--m3e-slide-group-button-icon-size, var(--m3e-icon-button-small-icon-size, 1.5rem)) !important; } :host(:not([vertical])) .prev-button, :host(:not([vertical])) .next-button { --m3e-icon-button-small-container-height: 100%; width: var(--m3e-slide-group-button-size, 2.5rem); } :host([vertical]) .prev-button, :host([vertical]) .next-button { width: unset; --m3e-icon-button-small-container-height: var(--m3e-slide-group-button-size, 2.5rem); } :host([vertical]) .prev-button .icon, :host([vertical]) .next-button .icon { transform: rotate(90deg); } .content { flex: 1 1 auto; display: inherit; flex-wrap: inherit; flex-direction: inherit; position: relative; border-top: var(--m3e-slide-group-divider-top); border-bottom: var(--m3e-slide-group-divider-bottom); scrollbar-width: none; } .content::-webkit-scrollbar { display: none; } :host([vertical]) .content { overflow-x: hidden; overflow-y: auto; } :host(:not([vertical])) .content { overflow-x: auto; overflow-y: hidden; }`,t([h(".content")],Kk.prototype,"scrollContainer",void 0),t([p()],Kk.prototype,"_canPage",void 0),t([p()],Kk.prototype,"_canPageStart",void 0),t([p()],Kk.prototype,"_canPageEnd",void 0),t([m({type:Boolean,reflect:!0})],Kk.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],Kk.prototype,"vertical",void 0),t([m({type:Number})],Kk.prototype,"threshold",void 0),t([m({attribute:"previous-page-label"})],Kk.prototype,"previousPageLabel",void 0),t([m({attribute:"next-page-label"})],Kk.prototype,"nextPageLabel",void 0),t([y(40)],Kk.prototype,"_updatePaging",null),Kk=t([$("m3e-slide-group")],Kk);let Gk=class extends(te(ae(se(q(N(P(f(r,"slider")))))))){constructor(){super(...arguments),Zk.add(this),this.value=null}get[(Zk=new WeakSet,le)](){return this.value?.toString()??null}focus(e){this._focusRing&&(this._focusRing.disabled=!0),super.focus(e),this._focusRing&&(this._focusRing.disabled=this.disabled)}firstUpdated(e){super.firstUpdated(e),this._focusRing?.attach(this)}update(e){super.update(e),e.has("value")&&this.dispatchEvent(new Event("value-change",{bubbles:!0}))}render(){return s`<div class="label" aria-hidden="true">${e(this,Zk,"a",Xk)}</div><div class="base"><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><div class="touch" aria-hidden="true"></div><div class="wrapper"><div class="handle"></div></div></div>`}};var Jk,Qk,eC,tC,aC,iC,oC,rC,sC,nC,lC,cC,dC,hC,mC,uC,pC,vC,bC,fC,gC,yC,$C,wC;Xk=function(){return this.closest("m3e-slider")?.displayWith?.(this.value)??this.value?.toString()??""},Gk.styles=o`:host { display: block; box-sizing: border-box; position: absolute; outline: none; top: 0; bottom: 0; border-radius: var(--m3e-slider-thumb-shape, ${v.shape.corner.full}); user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; border-radius: inherit; } .touch { position: absolute; height: 3rem; left: 0; right: 0; touch-action: none; } .wrapper { display: inline-flex; justify-content: center; height: 100%; border-radius: inherit; width: calc(var(--m3e-slider-thumb-width, 0.25rem) + calc(var(--m3e-slider-thumb-padding, 0.375em) * 2)); } .focus-ring { top: calc(0px - var(--m3e-focus-ring-thickness, 3px)); bottom: calc(0px - var(--m3e-focus-ring-thickness, 3px)); left: var(--m3e-focus-ring-thickness, 3px); right: var(--m3e-focus-ring-thickness, 3px); } .label { user-select: none; position: absolute; display: flex; align-items: center; justify-content: center; visibility: var(--_slider-label-visibility, hidden); opacity: var(--_slider-label-opacity, 0); transform: var(--_slider-label-transform, scale(0)); transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}, \n          transform ${v.motion.duration.short3} ${v.motion.easing.standard},\n          visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; width: var(--m3e-slider-label-width, 3rem); height: var(--_m3e-slider-label-height, 2.75rem); top: calc(0px - var(--_m3e-slider-label-height, 2.75rem) - var(--_m3e-slider-label-margin, 0.25rem)); inset-inline-start: calc(0px - 100%); border-radius: var(--m3e-slider-label-shape, ${v.shape.corner.full}); background-color: var(--m3e-slider-label-container-color, ${v.color.inverseSurface}); color: var(--m3e-slider-label-color, ${v.color.inverseOnSurface}); font-size: var(--m3e-slider-label-font-size, ${v.typescale.standard.label.medium.fontSize}); font-weight: var(--m3e-slider-label-font-weight, ${v.typescale.standard.label.medium.fontWeight}); line-height: var(--m3e-slider-label-line-height, ${v.typescale.standard.label.medium.lineHeight}); letter-spacing: var(--m3e-slider-label-tracking, ${v.typescale.standard.label.medium.tracking}); } @starting-style { .label { opacity: 0; transform: scale(0); } } .handle { height: 100%; width: var(--m3e-slider-thumb-width, 0.25rem); border-radius: inherit; transition: ${i(`width ${v.motion.duration.short2} ${v.motion.easing.standard}`)}; } :host(:active:not([aria-disabled="true"])) .handle { width: var(--m3e-slider-thumb-pressed-width, 2px); } :host(:not([aria-disabled="true"])) .handle { background-color: var(--m3e-slider-thumb-color, ${v.color.primary}); } :host([aria-disabled="true"]) .handle { opacity: var(--m3e-slider-thumb-disabled-opacity, 38%); background-color: var(--m3e-slider-thumb-disabled-color, ${v.color.onSurface}); } @media (prefers-reduced-motion) { .label { transition: none; } } @media (forced-colors: active) { .label { forced-color-adjust: none; background-color: CanvasText; color: Canvas; } :host(:not([aria-disabled="true"])) .handle { background-color: CanvasText; } :host([aria-disabled="true"]) .handle { opacity: unset; background-color: GrayText; } }`,t([h(".focus-ring")],Gk.prototype,"_focusRing",void 0),t([m({type:Number,reflect:!0})],Gk.prototype,"value",void 0),Gk=t([$("m3e-slider-thumb")],Gk);let xC=class extends(P(r)){constructor(){super(),Jk.add(this),Qk.set(this,void 0),this._ticks=new Array,eC.set(this,new Set),tC.set(this,new Array),aC.set(this,void 0),iC.set(this,0),oC.set(this,0),rC.set(this,0),this.size="extra-small",this.disabled=!1,this.discrete=!1,this.min=0,this.max=100,this.step=1,this.labelled=!1,this.displayWith=null,new A(this,{callback:()=>e(this,Jk,"m",mC).call(this,!0)})}get thumbs(){return e(this,tC,"f")}get isRange(){return e(this,tC,"f").length>1}get thumb(){return e(this,tC,"f")[0]??null}get lowerThumb(){return this.thumb}get upperThumb(){return e(this,tC,"f")[1]??null}connectedCallback(){super.connectedCallback(),a(this,Qk,qe.observe(()=>{e(this,Jk,"m",mC).call(this,!0),this.requestUpdate()}),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,eC,"f").clear(),e(this,Qk,"f")?.call(this)}updated(t){super.updated(t),t.has("disabled")&&e(this,tC,"f").forEach(e=>e.disabled=this.disabled)}render(){return s`<div class="base" tabindex="${je(this.disabled?void 0:"-1")}" @pointerdown="${e(this,Jk,"m",pC)}" @pointermove="${e(this,Jk,"m",vC)}" @pointerup="${e(this,Jk,"m",bC)}" @keydown="${e(this,Jk,"m",fC)}" @keyup="${e(this,Jk,"m",gC)}" @value-change="${e(this,Jk,"m",yC)}"><div class="track" aria-hidden="true"><div class="track-inactive start"></div><div class="track-active"></div><div class="track-inactive end"></div></div><div class="ticks" aria-hidden="true">${this._ticks.map(t=>e(this,Jk,"m",sC).call(this,t))}</div><slot @slotchange="${e(this,Jk,"m",nC)}"></slot></div>`}};var kC,CC,SC,_C,LC,EC,zC,MC,PC;Qk=new WeakMap,eC=new WeakMap,tC=new WeakMap,aC=new WeakMap,iC=new WeakMap,oC=new WeakMap,rC=new WeakMap,Jk=new WeakSet,sC=function(t){return s`<div class="tick ${t.active?"active":"inactive"}" style="${Se({transform:`translate(${"rtl"===qe.current?-e(this,Jk,"m",cC).call(this,t.value):e(this,Jk,"m",cC).call(this,t.value)}px, 0)`})}"></div>`},nC=function(t){a(this,tC,t.target.assignedElements({flatten:!0}).filter(e=>e instanceof Gk),"f"),e(this,tC,"f").length>2&&(e(this,tC,"f").length=2),this.isRange?this._base?.style.setProperty("--_slider-active-track-middle-shape","0"):this._base?.style.removeProperty("--_slider-active-track-middle-shape"),e(this,Jk,"m",lC).call(this)},lC=function(){e(this,tC,"f").forEach((t,a)=>{this.disabled&&(t.disabled=!0),t.ariaValueMin=`${e(this,tC,"f")[a-1]?.value??this.min}`,t.ariaValueMax=`${e(this,tC,"f")[a+1]?.value??this.max}`,t.ariaValueNow=`${t.value??e(this,tC,"f")[a-1]?.value??this.min}`})},cC=function(t){return(e(this,iC,"f")-e(this,oC,"f"))*((t-this.min)/(this.max-this.min))},dC=function(t){const a="rtl"===qe.current?e(this,rC,"f")+e(this,iC,"f")-t.clientX:t.clientX-e(this,rC,"f"),i=0===this.step?1:this.step,o=Math.floor((this.max-this.min)/i),r=a/e(this,iC,"f"),s=Math.round(r*o)/o*(this.max-this.min)+this.min;return Math.round(s/i)*i},hC=function(t=!1){this.lowerThumb&&(a(this,iC,!t&&e(this,iC,"f")>0?e(this,iC,"f"):this.clientWidth,"f"),a(this,oC,!t&&e(this,oC,"f")>0?e(this,oC,"f"):this.lowerThumb.clientWidth,"f"),a(this,rC,!t&&e(this,rC,"f")>0?e(this,rC,"f"):this.getBoundingClientRect().left,"f"))},mC=function(t=!1){if(e(this,Jk,"m",hC).call(this,t),!this.lowerThumb)return;const a=this.lowerThumb.value??this.min,i=e(this,Jk,"m",cC).call(this,a);if(this.lowerThumb.style.transform=`translate(${"rtl"===qe.current?-i:i}px, 0)`,this.upperThumb){const t=this.upperThumb.value??a,o=e(this,Jk,"m",cC).call(this,t);this.upperThumb.style.transform=`translate(${"rtl"===qe.current?-o:o}px, 0)`,this._base?.classList.toggle("range",!0),this._base?.style.setProperty("--_slider-inactive-track-before-size",`${i}px`),this._base?.style.setProperty("--_slider-active-track-offset",`${i+e(this,oC,"f")}px`),this._base?.style.setProperty("--_slider-active-track-size",o-i-e(this,oC,"f")+"px"),this._base?.style.setProperty("--_slider-inactive-track-after-offset",`${o+e(this,oC,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",e(this,iC,"f")-e(this,oC,"f")-o+"px"),e(this,Jk,"m",uC).call(this,e=>e>a&&e<t)}else this._base?.classList.toggle("range",!1),this._base?.style.setProperty("--_slider-active-track-size",`${i}px`),this._base?.style.setProperty("--_slider-inactive-track-after-offset",`${i+e(this,oC,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",e(this,iC,"f")-i-e(this,oC,"f")+"px"),e(this,Jk,"m",uC).call(this,e=>e<a)},uC=function(e){if(this._ticks=[],this.discrete&&this.step>1)for(let t=this.min;t<=this.max;t+=this.step)this._ticks.push({value:t,active:e(t)});else this._ticks.push({value:this.min,active:e(this.min)}),this.min<0&&this.max>0&&this._ticks.push({value:0,active:e(0)}),this._ticks.push({value:this.max,active:e(this.max)})},pC=function(t){if("mouse"===t.pointerType&&t.button>1)return;if(!this.lowerThumb||this.disabled)return;if(t.target instanceof HTMLElement&&t.target.setPointerCapture(t.pointerId),e(this,eC,"f").clear(),a(this,aC,t.composedPath().find(e=>e instanceof Gk),"f"),e(this,aC,"f"))return;const i=e(this,Jk,"m",dC).call(this,t);if(this.upperThumb){const t=this.lowerThumb.value??this.min,o=this.upperThumb.value??t;if(i<t)this.lowerThumb.disabled||(e(this,Jk,"m",$C).call(this,this.lowerThumb,i,!0),a(this,aC,this.lowerThumb,"f"));else if(i>o)this.upperThumb.disabled||(e(this,Jk,"m",$C).call(this,this.upperThumb,i,!0),a(this,aC,this.upperThumb,"f"));else{i<(t+o)/2&&!this.lowerThumb.disabled?(e(this,Jk,"m",$C).call(this,this.lowerThumb,i,!0),a(this,aC,this.lowerThumb,"f")):this.upperThumb.disabled||(e(this,Jk,"m",$C).call(this,this.upperThumb,i,!0),a(this,aC,this.upperThumb,"f"))}}else this.lowerThumb.disabled||(e(this,Jk,"m",$C).call(this,this.lowerThumb,i,!0),a(this,aC,this.lowerThumb,"f"))},vC=function(t){if(!(t.target instanceof HTMLElement)||!t.target.hasPointerCapture(t.pointerId)||!e(this,aC,"f")||e(this,aC,"f").disabled)return;const a=e(this,Jk,"m",dC).call(this,t);let i=this.min,o=this.max;e(this,aC,"f")===this.upperThumb?i=Math.max(i,this.lowerThumb?.value??0):this.upperThumb&&(o=Math.min(o,this.upperThumb.value??this.max)),H(this,"--animating")&&(k(this,"--animating"),e(this,aC,"f").style.transition=""),e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(o,Math.max(i,a)))},bC=function(t){"mouse"===t.pointerType&&t.button>1||this.lowerThumb&&!this.disabled&&(t.target instanceof HTMLElement&&t.target.releasePointerCapture(t.pointerId),e(this,aC,"f")&&!e(this,aC,"f").disabled&&(e(this,Jk,"m",wC).call(this,e(this,aC,"f")),e(this,aC,"f").focus()))},fC=function(t){if(a(this,aC,t.composedPath().find(e=>e instanceof Gk),"f"),!e(this,aC,"f"))return;const i=e(this,aC,"f").value??0;let o=this.min,r=this.max;switch(e(this,aC,"f")===this.upperThumb?o=Math.max(o,this.lowerThumb?.value??0):this.upperThumb&&(r=Math.max(r,this.upperThumb.value??this.max)),t.key){case"Home":e(this,Jk,"m",$C).call(this,e(this,aC,"f"),o),t.preventDefault();break;case"End":e(this,Jk,"m",$C).call(this,e(this,aC,"f"),r),t.preventDefault();break;case"PageUp":"ltr"===qe.current?e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(r,i+(this.step>1?this.step:10))):e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.max(o,i-(this.step>1?this.step:10))),t.preventDefault();break;case"PageDown":"ltr"===qe.current?e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.max(o,i-(this.step>1?this.step:10))):e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(r,i+(this.step>1?this.step:10))),t.preventDefault();break;case"Down":case"ArrowDown":case"Left":case"ArrowLeft":"ltr"===qe.current?e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.max(o,i-this.step)):e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(r,i+this.step)),t.preventDefault();break;case"Up":case"ArrowUp":case"Right":case"ArrowRight":"ltr"===qe.current?e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.min(r,i+this.step)):e(this,Jk,"m",$C).call(this,e(this,aC,"f"),Math.max(o,i-this.step)),t.preventDefault();break;case" ":t.preventDefault()}},gC=function(t){const a=t.composedPath().find(e=>e instanceof Gk);a&&e(this,Jk,"m",wC).call(this,a)},yC=function(t){t.stopPropagation(),e(this,Jk,"m",lC).call(this),e(this,Jk,"m",mC).call(this)},$C=function(t,a,i=!1){t.value!==a&&t.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(i&&!C()&&(L(this,"--animating"),t.addEventListener("transitionend",()=>{t.style.transition="",k(this,"--animating")},{once:!0}),t.style.transition=`transform ${v.motion.spring.fastEffects}`),e(this,eC,"f").add(t),t.value=a,t.markAsDirty(),t.markAsTouched(),t.dispatchEvent(new Event("input",{bubbles:!0})))},wC=function(t){e(this,eC,"f").has(t)&&(t.dispatchEvent(new Event("change",{bubbles:!0})),e(this,eC,"f").delete(t))},xC.styles=o`:host { display: inline-block; vertical-align: middle; min-inline-size: var(--m3e-slider-min-width, 12.5rem); user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([disabled])) { cursor: pointer; } :host([size="extra-small"]), :host([size="small"]) { height: var(--m3e-slider-small-height, 2.75rem); } :host(:not(:dir(rtl))[size="extra-small"]) .base, :host(:not(:dir(rtl))[size="small"]) .base { --_slider-active-track-shape: var(--m3e-slider-small-active-track-shape, ${v.shape.corner.smallStart}); --_slider-inactive-track-start-shape: var( --m3e-slider-small-inactive-active-track-start-shape, ${v.shape.corner.smallStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-small-inactive-track-end-shape, ${v.shape.corner.smallEnd} ); } :host(:dir(rtl)[size="extra-small"]) .base, :host(:dir(rtl)[size="small"]) .base { --_slider-active-track-shape: var(--m3e-slider-small-active-track-shape, ${v.shape.corner.smallEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-small-inactive-active-track-start-shape, ${v.shape.corner.smallEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-small-inactive-track-end-shape, ${v.shape.corner.smallStart} ); } :host([size="extra-small"]) .track { height: calc(var(--m3e-slider-extra-small-track-height, 1rem)); } :host([size="small"]) .track { height: calc(var(--m3e-slider-small-track-height, 1.5rem)); } :host([size="medium"]) { height: var(--m3e-slider-medium-height, 3.25rem); } :host(:not(:dir(rtl))[size="medium"]) .base { --_slider-active-track-shape: var( --m3e-slider-medium-active-track-shape, ${v.shape.corner.mediumStart} ); --_slider-inactive-track-start-shape: var( --m3e-slider-medium-inactive-active-track-start-shape, ${v.shape.corner.mediumStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-medium-inactive-track-end-shape, ${v.shape.corner.mediumEnd} ); } :host(:dir(rtl)[size="medium"]) .base { --_slider-active-track-shape: var(--m3e-slider-medium-active-track-shape, ${v.shape.corner.mediumEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-medium-inactive-active-track-start-shape, ${v.shape.corner.mediumEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-medium-inactive-track-end-shape, ${v.shape.corner.mediumStart} ); } :host([size="medium"]) .track { height: var(--m3e-slider-medium-track-height, 2.5rem); } :host([size="large"]) { height: var(--m3e-slider-large-height, 4.25rem); } :host(:not(:dir(rtl))[size="large"]) .base { --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${v.shape.corner.largeStart}); --_slider-inactive-track-start-shape: var( --m3e-slider-large-inactive-active-track-start-shape, ${v.shape.corner.largeStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-large-inactive-track-end-shape, ${v.shape.corner.largeEnd} ); } :host(:dir(rtl)[size="large"]) .base { --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${v.shape.corner.largeEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-large-inactive-active-track-start-shape, ${v.shape.corner.largeEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-large-inactive-track-end-shape, ${v.shape.corner.largeStart} ); } :host([size="large"]) .track { height: var(--m3e-slider-large-track-height, 3.5rem); } :host([size="extra-large"]) { height: var(--m3e-slider-extra-large-height, 6.75rem); } :host(:not(:dir(rtl))[size="extra-large"]) .base { --_slider-active-track-shape: var( --m3e-slider-extra-large-active-track-shape, ${v.shape.corner.extraLargeStart} ); --_slider-inactive-track-start-shape: var( --m3e-slider-extra-large-inactive-active-track-start-shape, ${v.shape.corner.extraLargeStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-extra-large-inactive-track-end-shape, ${v.shape.corner.extraLargeEnd} ); } :host(:dir(rtl)[size="extra-large"]) .base { --_slider-active-track-shape: var( --m3e-slider-extra-large-active-track-shape, ${v.shape.corner.extraLargeEnd} ); --_slider-inactive-track-start-shape: var( --m3e-slider-extra-large-inactive-active-track-start-shape, ${v.shape.corner.extraLargeEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-extra-large-inactive-track-end-shape, ${v.shape.corner.extraLargeStart} ); } :host([size="extra-large"]) .track { height: var(--m3e-slider-extra-large-track-height, 6rem); } :host(:is(:state(--animating), :--animating)) .track-active, :host(:is(:state(--animating), :--animating)) .track-inactive.start, :host(:is(:state(--animating), :--animating)) .track-inactive.end { transition: ${i(`margin-inline-start ${v.motion.spring.fastEffects},\n        width ${v.motion.spring.fastEffects}`)}; } .base { display: inline-flex; align-items: center; position: relative; width: 100%; height: 100%; border-radius: inherit; outline: none; touch-action: none; } .track { position: relative; flex: 1 1 auto; touch-action: none; } .track-inactive, .track-active { position: absolute; height: 100%; touch-action: none; } .track-active { margin-inline-start: var(--_slider-active-track-offset, 0px); width: var(--_slider-active-track-size, 0px); border-radius: var(--_slider-active-track-middle-shape, var(--_slider-active-track-shape)); } .track-inactive.start { width: var(--_slider-inactive-track-before-size, 0px); border-radius: var(--_slider-inactive-track-start-shape); } .track-inactive.end { margin-inline-start: var(--_slider-inactive-track-after-offset, 0px); width: var(--_slider-inactive-track-after-size, 0px); border-radius: var(--_slider-inactive-track-end-shape); } .ticks { position: absolute; width: 100%; height: var(--m3e-slider-tick-size, 0.25rem); overflow: visible; touch-action: none; } .tick { position: absolute; top: 0; touch-action: none; inset-inline-start: calc(var(--m3e-slider-tick-size, 0.25rem) + calc(var(--m3e-slider-tick-size, 0.25rem) / 2)); width: var(--m3e-slider-tick-size, 0.25rem); height: var(--m3e-slider-tick-size, 0.25rem); border-radius: var(--m3e-slider-tick-shape, ${v.shape.corner.full}); } :host(:not([disabled])) .track-inactive { background-color: var(--m3e-slider-inactive-track-color, ${v.color.secondaryContainer}); } :host([disabled]) .track-inactive { background-color: color-mix( in srgb, var(--m3e-slider-disabled-inactive-track-color, ${v.color.onSurface}) var(--m3e-slider-disabled-inactive-track-opacity, 12%), transparent ); } :host(:not([disabled])) .track-active { background-color: var(--m3e-slider-active-track-color, ${v.color.primary}); } :host([disabled]) .track-active { background-color: color-mix( in srgb, var(--m3e-slider-disabled-active-track-color, ${v.color.onSurface}) var(--m3e-slider-disabled-active-track-opacity, 38%), transparent ); } :host(:not([disabled])) .tick.active { background-color: var(--m3e-slider-tick-active-color, ${v.color.onPrimary}); } :host([disabled]) .tick.active { background-color: var(--m3e-slider-disabled-tick-active-color, ${v.color.inverseOnSurface}); } :host(:not([disabled])) .tick.inactive { background-color: var(--m3e-slider-tick-inactive-color, ${v.color.onSecondaryContainer}); } :host([disabled]) .tick.inactive { background-color: var(--m3e-slider-disabled-tick-inactive-color, ${v.color.onSurface}); } :host(:not([discrete])) .tick.active { display: none; } :host(:hover[labelled]) .base, :host(:focus-within[labelled]) .base { --_slider-label-visibility: visible; --_slider-label-opacity: 1; --_slider-label-transform: scale(1); } @media (forced-colors: active) { :host(:not([disabled])) .track-inactive { background-color: unset; } :host(:not([disabled])) .base.range .track-inactive.start, :host(:not([disabled])) .track-inactive.end { border: 1px solid CanvasText; box-sizing: border-box; } :host(:not([disabled])) .tick.inactive { background-color: CanvasText; } :host(:not([disabled])) .tick.active { background-color: Canvas; } :host(:not([disabled])) .track-active { background-color: CanvasText; } :host([disabled]) .base.range .track-inactive.start, :host([disabled]) .track-inactive.end { border: 1px solid GrayText; box-sizing: border-box; } :host([disabled]) .track-active { background-color: GrayText; } :host([disabled]) .tick.inactive { background-color: GrayText; } :host([disabled]) .tick.active { background-color: Canvas; } }`,t([h(".base")],xC.prototype,"_base",void 0),t([p()],xC.prototype,"_ticks",void 0),t([m({reflect:!0})],xC.prototype,"size",void 0),t([m({type:Boolean,reflect:!0})],xC.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],xC.prototype,"discrete",void 0),t([m({type:Number})],xC.prototype,"min",void 0),t([m({type:Number})],xC.prototype,"max",void 0),t([m({type:Number})],xC.prototype,"step",void 0),t([m({type:Boolean})],xC.prototype,"labelled",void 0),t([m({attribute:!1})],xC.prototype,"displayWith",void 0),xC=t([$("m3e-slider")],xC);let TC=PC=class extends(f(r,"status")){constructor(){super(...arguments),kC.add(this),CC.set(this,-1),SC.set(this,!1),_C.set(this,t=>e(this,kC,"m",MC).call(this,t)),this.duration=3e3,this.action="",this.dismissible=!1,this.closeLabel="Close"}static get current(){return PC.__current}get isActionTaken(){return e(this,SC,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("beforetoggle",e(this,_C,"f")),this.setAttribute("popover","manual"),this.ariaLive="polite"}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",e(this,_C,"f"))}render(){return s`<div class="base"><span class="supporting-text"><slot></slot></span>${e(this,kC,"m",LC).call(this)} ${e(this,kC,"m",EC).call(this)}</div>`}updated(e){super.updated(e),this.style.setProperty("--_snackbar-height",this.getBoundingClientRect().height/.8+"px")}};CC=new WeakMap,SC=new WeakMap,_C=new WeakMap,kC=new WeakSet,LC=function(){return this.action?s`<m3e-button @click="${e(this,kC,"m",zC)}">${this.action}</m3e-button>`:n},EC=function(){return this.dismissible?s`<m3e-icon-button aria-label="${this.closeLabel}" @click="${this.hidePopover}"><slot name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button>`:n},zC=function(){a(this,SC,!0,"f"),this.hidePopover()},MC=function(t){"open"==t.newState?(PC.__current?.hidePopover(),PC.__current=this,this.duration>0&&a(this,CC,setTimeout(()=>this.hidePopover(),this.duration),"f")):(PC.__current===this&&(PC.__current=null),clearTimeout(e(this,CC,"f")))},B(o`m3e-snackbar { margin-inline: auto; }`),TC.styles=o`:host { position: fixed; top: calc(100vh - var(--_snackbar-height, 0px) - var(--m3e-snackbar-margin, 1rem)); display: inline-flex; align-items: center; min-width: var(--m3e-snackbar-min-width, 21.5rem); max-width: var(--m3e-snackbar-max-width, 42rem); visibility: hidden; border: none; margin: 0; padding: 0; opacity: 0; transform: scaleY(0.8); transform-origin: bottom; transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host::backdrop { background-color: transparent; } :host(:popover-open) { visibility: visible; opacity: 1; transform: scaleY(1); } @starting-style { :host(:popover-open) { opacity: 0; transform: scaleY(0.8); } } .base { display: inline-flex; align-items: center; flex: 1 1 auto; box-sizing: border-box; padding: var(--m3e-snackbar-padding, 0 1rem 0 1rem); border-radius: var(--m3e-snackbar-container-shape, ${v.shape.corner.extraSmall}); background-color: var(--m3e-snackbar-container-color, ${v.color.inverseSurface}); font-size: var(--m3e-snackbar-supporting-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-snackbar-supporting-text-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-snackbar-supporting-text-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-snackbar-supporting-text-tracking, ${v.typescale.standard.label.large.tracking} ); color: var(--m3e-snackbar-supporting-text-color, ${v.color.inverseOnSurface}); --m3e-text-button-label-text-color: var(--m3e-snackbar-action-text-color, ${v.color.inversePrimary}); --m3e-text-button-hover-label-text-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-hover-state-layer-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-focus-label-text-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-focus-state-layer-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-pressed-label-text-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-text-button-pressed-state-layer-color: var( --m3e-snackbar-action-text-color, ${v.color.inversePrimary} ); --m3e-standard-icon-button-icon-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-hover-icon-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-hover-state-layer-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-focus-icon-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-focus-state-layer-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-pressed-icon-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); --m3e-standard-icon-button-pressed-state-layer-color: var( --m3e-snackbar-close-icon-color, ${v.color.inverseOnSurface} ); } :host([dismissible]) .base { padding-inline-end: 0.5rem; } .supporting-text { flex: 1 1 auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 2; margin-block: var(--m3e-snackbar-supporting-text-margin-block, 0.875rem); } ::slotted([slot="close-icon"]), .close-icon { width: 1em; font-size: var(--m3e-icon-button-icon-size, 1.5rem) !important; } @media (forced-colors: active) { :host { background-color: Canvas; color: CanvasText; border-radius: ${v.shape.corner.small}; box-sizing: border-box; outline: 1px solid CanvasText; } }`,TC.__current=null,t([m({type:Number})],TC.prototype,"duration",void 0),t([m()],TC.prototype,"action",void 0),t([m({type:Boolean,reflect:!0})],TC.prototype,"dismissible",void 0),t([m({attribute:"close-label"})],TC.prototype,"closeLabel",void 0),TC=PC=t([$("m3e-snackbar")],TC);class IC{static open(e,t,a,i){if(l)return;const o=document.createElement("m3e-snackbar");let r;o.append(document.createTextNode(e)),"string"==typeof t?o.action=t:"boolean"==typeof t?o.dismissible=t:r=t,"boolean"==typeof a?o.dismissible=a:r=a,i&&(r=i),void 0!==r?.duration&&(o.duration=r.duration),r?.closeLabel&&(o.closeLabel=r.closeLabel),o.addEventListener("toggle",e=>{"closed"===e.newState&&(C()?o.remove():o.addEventListener("transitionend",()=>o.remove(),{once:!0}),o.isActionTaken&&r?.actionCallback?.())}),(document.querySelector("m3e-theme")??document.body).append(o),o.showPopover()}static dismiss(){TC.current?.hidePopover()}}var DC,AC,WC,HC,OC,BC,FC,VC,RC,qC,NC,UC;globalThis.M3eSnackbar=IC;let jC=class extends(f(r,"group")){constructor(){super(...arguments),DC.add(this),AC.set(this,void 0),WC.set(this,void 0),HC.set(this,!1),OC.set(this,new Z(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(t,a,i)=>{switch(i){case e(this,AC,"f"):e(this,DC,"m",qC).call(this,t);break;case e(this,WC,"f"):e(this,DC,"m",NC).call(this,t||e(this,HC,"f"))}}})),BC.set(this,new ne(this,{target:null,callback:(t,i)=>{if(i===e(this,WC,"f"))e(this,WC,"f")?.disabled||e(this,WC,"f")?.disabledInteractive||(a(this,HC,t,"f"),e(this,DC,"m",NC).call(this,t))}})),this.variant="filled",this.size="small"}update(t){super.update(t),t.has("variant")&&e(this,DC,"m",RC).call(this)}render(){return s`<m3e-button-group class="base" disable-role variant="connected" size="${this.size}"><slot name="leading-button" @slotchange="${e(this,DC,"m",FC)}"></slot><slot name="trailing-button" @slotchange="${e(this,DC,"m",VC)}"></slot></m3e-button-group>`}};var YC,KC,ZC,XC,GC,JC,QC,eS,tS,aS,iS,oS,rS,sS,nS,lS,cS,dS,hS,mS,uS,pS,vS,bS,fS,gS,yS,$S,wS,xS;AC=new WeakMap,WC=new WeakMap,HC=new WeakMap,OC=new WeakMap,BC=new WeakMap,DC=new WeakSet,FC=function(t){e(this,AC,"f")&&e(this,OC,"f").unobserve(e(this,AC,"f")),a(this,AC,t.target.assignedElements({flatten:!0}).find(e=>e instanceof Ke),"f"),e(this,AC,"f")&&e(this,OC,"f").observe(e(this,AC,"f")),e(this,DC,"m",RC).call(this)},VC=function(t){e(this,WC,"f")&&(e(this,OC,"f").unobserve(e(this,WC,"f")),e(this,BC,"f").unobserve(e(this,WC,"f"))),a(this,WC,t.target.assignedElements({flatten:!0}).find(e=>e instanceof Ze),"f"),e(this,WC,"f")&&(e(this,OC,"f").observe(e(this,WC,"f")),e(this,BC,"f").observe(e(this,WC,"f"))),e(this,DC,"m",RC).call(this)},RC=function(){e(this,AC,"f")&&(e(this,AC,"f").variant=this.variant,e(this,AC,"f").size=this.size,e(this,AC,"f").shape="rounded"),e(this,WC,"f")&&(e(this,WC,"f").width="default",e(this,WC,"f").shape="rounded",e(this,WC,"f").setAttribute("variant",this.variant),e(this,WC,"f").size=this.size)},qC=function(t){t&&e(this,AC,"f")?e(this,DC,"m",UC).call(this,e(this,AC,"f"),"--_leading-button-shape"):this._base?.style.removeProperty("--_leading-button-shape")},NC=function(t){t&&e(this,WC,"f")?e(this,DC,"m",UC).call(this,e(this,WC,"f"),"--_trailing-button-shape"):this._base?.style.removeProperty("--_trailing-button-shape")},UC=function(e,t){const a=e.clientHeight/2;a&&this._base?.style.setProperty(t,`${a}px`)},jC.styles=o`:host { display: inline-flex; vertical-align: middle; } ::slotted([slot="leading-button"]) { flex: 1 1 auto; min-width: 0; --_button-start-shape-pressed-morph: var(--_leading-button-shape, ${v.shape.corner.full}); } ::slotted([slot="trailing-button"]:not([aria-expanded="true"])) { --m3e-icon-button-extra-small-default-leading-space: var( --m3e-split-button-extra-small-trailing-button-unselected-leading-space, 0.75rem ); --m3e-icon-button-extra-small-default-trailing-space: var( --m3e-split-button-extra-small-trailing-button-unselected-trailing-space, 0.875rem ); --m3e-icon-button-small-default-leading-space: var( --m3e-split-button-small-trailing-button-unselected-leading-space, 0.75rem ); --m3e-icon-button-small-default-trailing-space: var( --m3e-split-button-small-trailing-button-unselected-trailing-space, 0.875rem ); --m3e-icon-button-medium-default-leading-space: var( --m3e-split-button-medium-trailing-button-unselected-leading-space, 0.8125rem ); --m3e-icon-button-medium-default-trailing-space: var( --m3e-split-button-medium-trailing-button-unselected-trailing-space, 1.0625rem ); --m3e-icon-button-large-default-leading-space: var( --m3e-split-button-large-trailing-button-unselected-leading-space, 1.625rem ); --m3e-icon-button-large-default-trailing-space: var( --m3e-split-button-large-trailing-button-unselected-trailing-space, 2rem ); --m3e-icon-button-extra-large-default-leading-space: var( --m3e-split-button-extra-large-trailing-button-unselected-leading-space, 2.3125rem ); --m3e-icon-button-extra-large-default-trailing-space: var( --m3e-split-button-extra-large-trailing-button-unselected-trailing-space, 3.0625rem ); } ::slotted([slot="trailing-button"][aria-expanded="true"]) { --m3e-icon-button-extra-small-default-leading-space: var( --m3e-split-button-extra-small-trailing-button-selected-leading-space, 0.8125rem ); --m3e-icon-button-extra-small-default-trailing-space: var( --m3e-split-button-extra-small-trailing-button-selected-trailing-space, 0.8125rem ); --m3e-icon-button-small-default-leading-space: var( --m3e-split-button-small-trailing-button-selected-leading-space, 0.8125rem ); --m3e-icon-button-small-default-trailing-space: var( --m3e-split-button-small-trailing-button-selected-trailing-space, 0.8125rem ); --m3e-icon-button-medium-default-leading-space: var( --m3e-split-button-medium-trailing-button-selected-leading-space, 0.9375rem ); --m3e-icon-button-medium-default-trailing-space: var( --m3e-split-button-medium-trailing-button-selected-trailing-space, 0.9375rem ); --m3e-icon-button-large-default-leading-space: var( --m3e-split-button-large-trailing-button-selected-leading-space, 1.8125rem ); --m3e-icon-button-large-default-trailing-space: var( --m3e-split-button-large-trailing-button-selected-trailing-space, 1.8125rem ); --m3e-icon-button-extra-large-default-leading-space: var( --m3e-split-button-extra-large-trailing-button-selected-leading-space, 2.6875rem ); --m3e-icon-button-extra-large-default-trailing-space: var( --m3e-split-button-extra-large-trailing-button-selected-trailing-space, 2.6875rem ); } ::slotted([slot="leading-button"]:not(:hover)), ::slotted([slot="leading-button"]:disabled), ::slotted([slot="leading-button"][disabled-interactive]) { --m3e-connected-button-group-extra-small-inner-shape: var( --m3e-split-button-extra-small-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-size, ${v.shape.corner.small} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-size, ${v.shape.corner.medium} ); } ::slotted([slot="leading-button"]:hover:not(:disabled):not([disabled-interactive])), ::slotted([slot="trailing-button"]:not([aria-expanded="true"]):hover:not(:disabled):not([disabled-interactive])) { --m3e-connected-button-group-extra-small-inner-shape: var( --m3e-split-button-extra-small-inner-corner-hover-size, ${v.shape.corner.small} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-hover-size, ${v.shape.corner.medium} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-hover-size, ${v.shape.corner.medium} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-hover-size, ${v.shape.corner.largeIncreased} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-hover-size, ${v.shape.corner.largeIncreased} ); } ::slotted([slot="leading-button"]), ::slotted([slot="trailing-button"]) { --m3e-connected-button-group-extra-small-inner-pressed-shape: var( --m3e-split-button-extra-small-inner-corner-pressed-size, ${v.shape.corner.small} ); --m3e-connected-button-group-small-inner-pressed-shape: var( --m3e-split-button-small-inner-corner-pressed-size, ${v.shape.corner.medium} ); --m3e-connected-button-group-medium-inner-pressed-shape: var( --m3e-split-button-medium-inner-corner-pressed-size, ${v.shape.corner.medium} ); --m3e-connected-button-group-large-inner-pressed-shape: var( --m3e-split-button-large-inner-corner-pressed-size, ${v.shape.corner.largeIncreased} ); --m3e-connected-button-group-extra-large-inner-pressed-shape: var( --m3e-split-button-extra-large-inner-corner-pressed-size, ${v.shape.corner.largeIncreased} ); } ::slotted([slot="trailing-button"]:not([aria-expanded="true"]):not(:hover)), ::slotted([slot="trailing-button"]:disabled), ::slotted([slot="trailing-button"][disabled-interactive]) { --m3e-connected-button-group-extra-small-inner-shape: var( --m3e-split-button-extra-small-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-size, ${v.shape.corner.extraSmall} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-size, ${v.shape.corner.small} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-size, ${v.shape.corner.medium} ); } ::slotted([slot="trailing-button"][aria-expanded="true"]) { --_icon-button-icon-transform: rotate(180deg); --_button-rounded-start-shape: var(--_trailing-button-shape, ${v.shape.corner.full}); --_button-rounded-end-shape: var(--_trailing-button-shape, ${v.shape.corner.full}); } ::slotted([slot="trailing-button"]) { --_button-end-shape-pressed-morph: var(--_trailing-button-shape, ${v.shape.corner.full}); } .base { --m3e-icon-button-extra-small-icon-size: var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem); --m3e-button-extra-small-icon-size: var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem); --m3e-icon-button-small-icon-size: var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem); --m3e-button-small-icon-size: var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem); --m3e-icon-button-medium-icon-size: var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem); --m3e-button-medium-icon-size: var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem); --m3e-icon-button-large-icon-size: var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem); --m3e-button-large-icon-size: var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem); --m3e-icon-button-extra-large-icon-size: var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem); --m3e-button-extra-large-icon-size: var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem); } :host([size="extra-small"]) .base { --m3e-connected-button-group-spacing: var(--m3e-split-button-extra-small-between-spacing, 0.125rem); } :host([size="small"]) .base { --m3e-connected-button-group-spacing: var(--m3e-split-button-small-between-spacing, 0.125rem); } :host([size="medium"]).base { --m3e-connected-button-group-spacing: var(--m3e-split-button-medium-between-spacing, 0.125rem); } :host([size="large"]) .base { --m3e-connected-button-group-spacing: var(--m3e-split-button-large-between-spacing, 0.125rem); } :host([size="extra-large"]) .base { --m3e-connected-button-group-spacing: var(--m3e-split-button-extra-large-between-spacing, 0.125rem); }`,t([h(".base")],jC.prototype,"_base",void 0),t([m({reflect:!0})],jC.prototype,"variant",void 0),t([m({reflect:!0})],jC.prototype,"size",void 0),jC=t([$("m3e-split-button")],jC);let kS=class extends(se(N(z(P(r))))){constructor(){super(...arguments),YC.add(this),KC.set(this,void 0),ZC.set(this,void 0),XC.set(this,!1),GC.set(this,void 0),JC.set(this,new Z(this,{target:null,isPressedKey:e=>" "===e,minPressedDuration:150,callback:e=>x(this,"--pressed",e&&!this.disabled)})),QC.set(this,new w(this,{target:null,config:{attributeFilter:["hidden"]},callback:()=>e(this,YC,"m",rS).call(this,"start")})),eS.set(this,new w(this,{target:null,config:{attributeFilter:["hidden"]},callback:()=>e(this,YC,"m",rS).call(this,"end")})),this.value=50,this.min=0,this.max=100,this.overshootLimit=4,this.step=1,this.detents=[],this.wrapDetents=!1,this.orientation="horizontal",this.label="Resize panes",this.valueFormatter=(e,t,a)=>{if((e=Math.round(e))>=48&&e<=52)return"Panes equally sized";switch(e){case 0:return"horizontal"===t?"ltr"===a?"Left pane collapsed":"Right pane collapsed":"Top pane collapsed";case 100:return"horizontal"===t?"ltr"===a?"Right pane collapsed":"Left pane collapsed":"Bottom pane collapsed";default:return"horizontal"===t?"ltr"===a?`Left pane ${e}%, right pane ${100-e}%`:`Left pane ${100-e}%, right pane ${e}%`:`Top pane ${e}%, bottom pane ${100-e}%`}}}get currentOrientation(){return this._orientation??("vertical"!==this.orientation?"horizontal":"vertical")}get[(KC=new WeakMap,ZC=new WeakMap,XC=new WeakMap,GC=new WeakMap,JC=new WeakMap,QC=new WeakMap,eS=new WeakMap,YC=new WeakSet,le)](){return this.value?.toString()??null}collapse(){this.snapToValue(this.min)}expand(){this.snapToValue(this.max)}snapToValue(t){const a=e(this,YC,"m",bS).call(this,t);t=a>-1?e(this,YC,"m",yS).call(this,this.detents[a]):t,e(this,GC,"f")?e(this,YC,"m",vS).call(this,t):e(this,YC,"m",wS).call(this,t)}disconnectedCallback(){super.disconnectedCallback(),e(this,YC,"m",dS).call(this),e(this,JC,"f").unobserve(this._dragHandle)}reconnectedCallback(){super.reconnectedCallback(),e(this,YC,"m",nS).call(this),"auto"===this.orientation&&e(this,YC,"m",lS).call(this)}willUpdate(t){super.willUpdate(t),t.has("orientation")&&(e(this,KC,"f")?.call(this),"auto"===this.orientation?e(this,YC,"m",lS).call(this):(this._orientation=void 0,e(this,YC,"m",cS).call(this)))}updated(e){super.updated(e),e.has("value")&&this._base.style.setProperty("--_split-pane-value",`${this.value}%`)}firstUpdated(t){super.firstUpdated(t),e(this,YC,"m",nS).call(this)}render(){return s`<div class="base"><div class="start" id="start" ?inert="${this.value<=0}"><slot name="start" @slotchange="${e(this,YC,"m",aS)}"></slot></div>${e(this,YC,"m",tS).call(this)}<div class="end" ?inert="${this.value>=100}"><slot name="end" @slotchange="${e(this,YC,"m",iS)}"></slot></div></div>`}};tS=function(){return s`<div id="drag-handle" class="drag-handle" role="separator" tabindex="${je(this.disabled?void 0:0)}" aria-label="${this.label}" aria-controls="start" aria-disabled="${je(this.disabled?"true":void 0)}" aria-orientation="${"horizontal"===this.currentOrientation?"vertical":"horizontal"}" aria-valuemin="${this.min}" aria-valuemax="${this.max}" aria-valuenow="${this.value}" aria-valuetext="${je(this.valueFormatter?.(this.value,this.currentOrientation,qe.current))}" @pointerdown="${e(this,YC,"m",hS)}" @pointerup="${e(this,YC,"m",uS)}" @pointermove="${e(this,YC,"m",mS)}" @keydown="${e(this,YC,"m",pS)}" @dblclick="${e(this,YC,"m",xS)}">${this.disabled?n:s`<div class="handle"><m3e-focus-ring for="drag-handle"></m3e-focus-ring><m3e-state-layer for="drag-handle"></m3e-state-layer></div><div class="touch"></div>`}</div>`},aS=function(t){e(this,YC,"m",oS).call(this,t.target,e(this,QC,"f"),"--with-start")},iS=function(t){e(this,YC,"m",oS).call(this,t.target,e(this,eS,"f"),"--with-end")},oS=function(t,a,i){for(const e of a.targets)a.unobserve(e);const o=new Array;x(this,i,e(this,YC,"m",sS).call(this,t,o));for(const e of o)e instanceof HTMLElement&&a.observe(e)},rS=function(t){x(this,`--with-${t}`,e(this,YC,"m",sS).call(this,this.shadowRoot?.querySelector(`slot[name='${t}']`)))},sS=function(e,t){return(t=t??[]).push(...e?.assignedElements({flatten:!0})??[]),t.length>0&&!t.every(e=>e.hasAttribute("hidden"))},nS=function(){e(this,JC,"f").observe(this._dragHandle)},lS=function(){a(this,KC,Qe.observe([et.XSmall],t=>{this._orientation=t.get(et.XSmall)?"vertical":"horizontal",e(this,YC,"m",cS).call(this)}),"f")},cS=function(){x(this,"--vertical","vertical"===this.currentOrientation)},dS=function(){k(this,"--vertical"),this._orientation=void 0,e(this,KC,"f")?.call(this),a(this,KC,void 0,"f")},hS=function(t){if("mouse"===t.pointerType&&t.button>1)return;if(this.disabled)return;this._dragHandle.setPointerCapture(t.pointerId),a(this,XC,!1,"f");let i=this.min;if(0===i&&this.detents.length>0){const t=e(this,YC,"m",bS).call(this,0);t>-1&&(i=e(this,YC,"m",yS).call(this,this.detents[t])??this.min)}let o=this.max;if(100===o&&this.detents.length>0){const t=e(this,YC,"m",bS).call(this,100);t>-1&&(o=e(this,YC,"m",yS).call(this,this.detents[t])??this.max)}a(this,ZC,{startPos:"vertical"===this.currentOrientation?t.clientY:t.clientX,startValue:this.value,cachedSize:"vertical"===this.currentOrientation?this.clientHeight:this.clientWidth,min:i,max:o},"f")},mS=function(t){if(!this._dragHandle.hasPointerCapture(t.pointerId)||!e(this,ZC,"f"))return;const i="vertical"===this.currentOrientation?t.clientY:t.clientX;let o=e(this,ZC,"f").cachedSize>0?(i-e(this,ZC,"f").startPos)/e(this,ZC,"f").cachedSize*100:0;"rtl"===qe.current&&"vertical"!==this.currentOrientation&&(o=-o);let r=e(this,ZC,"f").startValue+o;if(r<e(this,ZC,"f").min){const t=e(this,ZC,"f").min-r,a=this.overshootLimit*t/(t+this.overshootLimit);r=e(this,ZC,"f").min-a}else if(r>e(this,ZC,"f").max){const t=r-e(this,ZC,"f").max,a=this.overshootLimit*t/(t+this.overshootLimit);r=e(this,ZC,"f").max+a}e(this,YC,"m",vS).call(this,r,!1,!0)&&a(this,XC,!0,"f")},uS=function(t){if(!("mouse"===t.pointerType&&t.button>1)&&this._dragHandle.hasPointerCapture(t.pointerId)){this._dragHandle.releasePointerCapture(t.pointerId),a(this,ZC,void 0,"f");const i=e(this,YC,"m",bS).call(this,this.value);if(i>=0){const t=e(this,YC,"m",yS).call(this,this.detents[i]);void 0!==t&&e(this,YC,"m",wS).call(this,t,!1)}else this.value<this.min?e(this,YC,"m",wS).call(this,this.min,!1):this.value>this.max&&e(this,YC,"m",wS).call(this,this.max,!1);e(this,XC,"f")&&(this.dispatchEvent(new Event("change",{bubbles:!0})),a(this,XC,!1,"f"))}},pS=function(t){const a="ltr"===qe.current||"vertical"===this.currentOrientation;switch(t.key){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":{t.preventDefault();const i=e(this,YC,"m",bS).call(this,this.value);if(i>=0){const t=a?e(this,YC,"m",gS).call(this,i):e(this,YC,"m",fS).call(this,i);if(t!==i&&!e(this,GC,"f")){const a=e(this,YC,"m",yS).call(this,this.detents[t]);void 0!==a&&e(this,YC,"m",wS).call(this,a)}}else this.step>1?e(this,GC,"f")||e(this,YC,"m",wS).call(this,this.value+(a?-this.step:this.step)):e(this,YC,"m",vS).call(this,this.value+(a?-this.step:this.step));break}case"Down":case"ArrowDown":case"Right":case"ArrowRight":{t.preventDefault();const i=e(this,YC,"m",bS).call(this,this.value);if(i>=0){const t=a?e(this,YC,"m",fS).call(this,i):e(this,YC,"m",gS).call(this,i);if(t!==i&&!e(this,GC,"f")){const a=e(this,YC,"m",yS).call(this,this.detents[t]);void 0!==a&&e(this,YC,"m",wS).call(this,a)}}else this.step>1?e(this,GC,"f")||e(this,YC,"m",wS).call(this,this.value+(a?this.step:-this.step)):e(this,YC,"m",vS).call(this,this.value+(a?this.step:-this.step));break}case"Home":if(t.preventDefault(),!e(this,GC,"f")){const t=e(this,YC,"m",bS).call(this,this.min);t>-1?e(this,YC,"m",wS).call(this,e(this,YC,"m",yS).call(this,this.detents[t])):e(this,YC,"m",wS).call(this,this.min)}break;case"End":if(t.preventDefault(),!e(this,GC,"f")){const t=e(this,YC,"m",bS).call(this,this.max);t>-1?e(this,YC,"m",wS).call(this,e(this,YC,"m",yS).call(this,this.detents[t])):e(this,YC,"m",wS).call(this,this.max)}break;case"PageUp":if(t.preventDefault(),!e(this,GC,"f")){const t=e(this,YC,"m",bS).call(this,this.value);if(t>=0){const a=e(this,YC,"m",gS).call(this,t);if(a!==t){const t=e(this,YC,"m",yS).call(this,this.detents[a]);void 0!==t&&e(this,YC,"m",wS).call(this,t)}}else e(this,YC,"m",wS).call(this,this.value-Math.max(10,this.step))}break;case"PageDown":if(t.preventDefault(),!e(this,GC,"f")){const t=e(this,YC,"m",bS).call(this,this.value);if(t>=0){const a=e(this,YC,"m",fS).call(this,t);if(a!==t){const t=e(this,YC,"m",yS).call(this,this.detents[a]);void 0!==t&&e(this,YC,"m",wS).call(this,t)}}else e(this,YC,"m",wS).call(this,this.value+Math.max(10,this.step))}break;case"Enter":e(this,GC,"f")||e(this,YC,"m",xS).call(this);break;case" ":t.preventDefault(),e(this,GC,"f")||e(this,YC,"m",xS).call(this)}},vS=function(t,a=!0,i=!1){return e(this,YC,"m",$S).call(this),!(!this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))||(i||(t=Math.max(this.min,Math.min(this.max,t))),t==this.value))&&(this.value=t,this._base.style.setProperty("--_split-pane-value",`${this.value}%`),this.dispatchEvent(new Event("input",{bubbles:!0})),a&&this.dispatchEvent(new Event("change",{bubbles:!0})),!0)},bS=function(t){let a=-1,i=1/0;for(let o=0;o<this.detents.length;o++){const r=e(this,YC,"m",yS).call(this,this.detents[o]);if(void 0===r)continue;const s=Math.abs(t-r);s<i&&(i=s,a=o)}return a},fS=function(t){const a=e(this,YC,"m",yS).call(this,this.detents[t]);if(void 0===a)return t;let i=1/0,o=t;for(let r=0;r<this.detents.length;r++){if(r===t)continue;const s=e(this,YC,"m",yS).call(this,this.detents[r]);void 0!==s&&(s>a&&s<i&&(i=s,o=r))}return o},gS=function(t){const a=e(this,YC,"m",yS).call(this,this.detents[t]);if(void 0===a)return t;let i=-1/0,o=t;for(let r=0;r<this.detents.length;r++){if(r===t)continue;const s=e(this,YC,"m",yS).call(this,this.detents[r]);void 0!==s&&(s<a&&s>i&&(i=s,o=r))}return o},yS=function(e){const t=e.endsWith("px")?this.clientWidth/parseFloat(e):parseFloat(e);return isNaN(t)?void 0:t},$S=function(){e(this,GC,"f")?.cancel(),a(this,GC,void 0,"f")},wS=function(t,i=!0){e(this,YC,"m",$S).call(this),(t=Math.max(this.min,Math.min(this.max,t)))!==this.value&&(C()?e(this,YC,"m",vS).call(this,t,i):(L(this,"--animating"),a(this,GC,this._base.animate([{"--_split-pane-value":`${this.value}%`},{"--_split-pane-value":`${t}%`}],{duration:250,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"}),"f"),e(this,GC,"f").onfinish=()=>{e(this,YC,"m",vS).call(this,t,i),a(this,GC,void 0,"f"),k(this,"--animating")}))},xS=function(){if(0===this.detents.length)return;const t=e(this,YC,"m",bS).call(this,this.value);if(-1===t)return;let a=e(this,YC,"m",fS).call(this,t);if(a===t&&this.wrapDetents&&(a=e(this,YC,"m",bS).call(this,0),-1===a))return;const i=e(this,YC,"m",yS).call(this,this.detents[a]);void 0!==i&&e(this,YC,"m",wS).call(this,i)},B(o`@property --_split-pane-value { syntax: "<length-percentage>"; inherits: true; initial-value: 50%; }</length-percentage>`),kS.styles=o`:host { display: block; } .base { display: flex; width: 100%; height: 100%; overflow: hidden; } :host(:not(:is(:state(--vertical), :--vertical))) .base { flex-direction: row; } :host(:is(:state(--vertical), :--vertical)) .base { flex-direction: column; } :host(:is(:state(--with-start), :--with-start):is(:state(--with-end), :--with-end)) .start { flex: 0 1 calc(var(--_split-pane-value) - calc(var(--m3e-split-pane-drag-handle-container-width, 1.5rem) / 2)); } :host(:not(:is(:state(--with-end), :--with-end))) .start { flex: 1 1 auto; } :host(:is(:state(--with-end), :--with-end)) .end { flex: 1 1 auto; } :host(:not(:is(:state(--with-end), :--with-end))) .end { display: none; } :host(:not(:is(:state(--animating), :--animating))) .start[inert], :host(:not(:is(:state(--animating), :--animating))) .end[inert] { visibility: hidden; } .drag-handle { flex: none; display: flex; align-items: center; justify-content: center; outline: none; touch-action: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); --m3e-state-layer-hover-color: var(--m3e-split-pane-drag-handle-hover-color, ${v.color.onSurface}); --m3e-state-layer-hover-opacity: var(--m3e-split-pane-drag-handle-hover-opacity, 8%); --m3e-state-layer-focus-color: var(--m3e-split-pane-drag-handle-focus-color, ${v.color.onSurface}); --m3e-state-layer-focus-opacity: var(--m3e-split-pane-drag-handle-focus-opacity, 10%); } :host(:is(:not(:is(:state(--with-start), :--with-start)), :not(:is(:state(--with-end), :--with-end)))) .drag-handle { display: none; } :host(:not(:is(:state(--pressed), :--pressed))) .drag-handle:not([aria-disabled]) { cursor: grab; } :host(:is(:state(--pressed), :--pressed)) .drag-handle:not([aria-disabled]) { cursor: grabbing; } .handle { position: relative; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n        width ${v.motion.spring.fastEffects}, height ${v.motion.spring.fastEffects}`)}; } .touch { z-index: 1; position: absolute; height: 3rem; width: 3rem; margin: auto; touch-action: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not(:is(:state(--pressed), :--pressed))) .handle { background-color: var(--m3e-split-pane-drag-handle-color, ${v.color.outline}); border-radius: var(--m3e-split-pane-drag-handle-shape, ${v.shape.corner.full}); } :host(:is(:state(--pressed), :--pressed)) .handle { background-color: var(--m3e-split-pane-drag-handle-pressed-color, ${v.color.onSurface}); border-radius: var(--m3e-split-pane-drag-handle-pressed-shape, ${v.shape.corner.medium}); } :host(:not(:is(:state(--vertical), :--vertical))) .drag-handle { flex-direction: column; width: var(--m3e-split-pane-drag-handle-container-width, 1.5rem); } :host(:not(:is(:state(--vertical), :--vertical)):not(:is(:state(--pressed), :--pressed))) .handle { width: var(--m3e-split-pane-drag-handle-width, 0.25rem); height: var(--m3e-split-pane-drag-handle-height, 3rem); } :host(:not(:is(:state(--vertical), :--vertical)):is(:state(--pressed), :--pressed)) .handle { width: var(--m3e-split-pane-drag-handle-pressed-width, 0.75rem); height: var(--m3e-split-pane-drag-handle-pressed-height, 3.25rem); } :host(:is(:state(--vertical), :--vertical)) .drag-handle { height: var(--m3e-split-pane-drag-handle-container-width, 1.5rem); } :host(:is(:state(--vertical), :--vertical):not(:is(:state(--pressed), :--pressed))) .handle { width: var(--m3e-split-pane-drag-handle-height, 3rem); height: var(--m3e-split-pane-drag-handle-width, 0.25rem); } :host(:is(:state(--vertical), :--vertical):is(:state(--pressed), :--pressed)) .handle { width: var(--m3e-split-pane-drag-handle-pressed-height, 3.25rem); height: var(--m3e-split-pane-drag-handle-pressed-width, 0.75rem); } @media (prefers-reduced-motion) { .handle { transition: none; } } @media (forced-colors: active) { :host(:is(:state(--pressed), :--pressed)) .handle, :host(:not(:is(:state(--pressed), :--pressed))) .handle { background-color: ButtonText; } }`,t([p()],kS.prototype,"_orientation",void 0),t([h(".base")],kS.prototype,"_base",void 0),t([h(".drag-handle")],kS.prototype,"_dragHandle",void 0),t([m({type:Number})],kS.prototype,"value",void 0),t([m({type:Number})],kS.prototype,"min",void 0),t([m({type:Number})],kS.prototype,"max",void 0),t([m({attribute:"overshoot-limit",type:Number})],kS.prototype,"overshootLimit",void 0),t([m({type:Number})],kS.prototype,"step",void 0),t([m({attribute:"detents",converter:F})],kS.prototype,"detents",void 0),t([m({attribute:"wrap-detents",type:Boolean})],kS.prototype,"wrapDetents",void 0),t([m()],kS.prototype,"orientation",void 0),t([m()],kS.prototype,"label",void 0),t([m()],kS.prototype,"valueFormatter",void 0),kS=t([$("m3e-split-pane")],kS);let CS=class extends(f(r,"tabpanel")){constructor(){super(...arguments),this.active=!1}connectedCallback(){this.slot="panel",super.connectedCallback()}render(){return s`<m3e-collapsible ?open="${this.active}"><div class="content"><div><slot></slot></div><slot name="actions"></slot></div></m3e-collapsible>`}};var SS,_S,LS,ES,zS;CS.styles=o`:host { display: block; } .content { display: flex; flex-direction: column; padding: var(--m3e-step-panel-padding, 1rem 1.5rem 1.5rem 1.5rem); row-gap: var(--m3e-step-panel-spacing, 0.5rem); } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; min-height: var(--m3e-step-panel-actions-height, 3rem); } ::slotted([slot="actions"][end]) { justify-content: flex-end; }`,t([p()],CS.prototype,"active",void 0),CS=t([$("m3e-step-panel")],CS);let MS=zS=class extends(pe(V(q(b(N(P(f(r,"tab")))))))){constructor(){super(...arguments),SS.add(this),_S.set(this,t=>e(this,SS,"m",ES).call(this,t)),this.optional=!1,this.editable=!1,this.completed=!1,this.invalid=!1,this.index=-1}get panel(){return this.control instanceof CS?this.control:null}get stepper(){return this.closest("m3e-stepper")}reset(){this.invalid=!1,this.completed=!1,this.panel?.querySelector("form")?.reset()}attach(e){e instanceof CS&&(e.id=e.id||"m3e-step-panel-"+zS.__nextId++,De(this,"aria-controls",e.id),e.style.order=this.style.order),super.attach(e)}detach(){this.control&&(this.control.style.order="",this.control.id&&Ae(this,"aria-controls",this.control.id)),super.detach()}connectedCallback(){this.slot="step",super.connectedCallback(),this.addEventListener("click",e(this,_S,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,_S,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-stepper")?.[We].notifySelectionChange(this)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){const t=s`<slot name="hint">${this.optional?s`<span class="hint">(Optional)</span>`:n}</slot>`,a=s`<slot name="error">${t}</slot>`;return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="wrapper"><div class="icon" aria-hidden="true">${e(this,SS,"m",LS).call(this)}</div><div class="label"><slot></slot>${this.invalid?a:t}</div></div></div>`}};var PS,TS,IS,DS,AS,WS,HS,OS,BS,FS,VS,RS;_S=new WeakMap,SS=new WeakSet,LS=function(){if(!this.selected){if(this.invalid)return s`<slot name="error-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z"/></svg></slot>`;if(this.completed)return this.editable?s`<slot name="edit-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z"/></svg></slot>`:s`<slot name="done-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg></slot>`}return s`<slot name="icon">${this.index+1}</slot>`},ES=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation()),e.defaultPrevented||this.selected||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&this.closest("m3e-stepper")?._moveTo(this.index)&&(this.selected=!0,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},MS.styles=o`:host { display: block; outline: none; min-width: 0px; position: relative; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { min-width: inherit; position: relative; border-radius: var(--m3e-step-shape, ${v.shape.corner.medium}); padding: var(--m3e-step-padding, 1.5rem); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .icon { flex: none; display: flex; align-items: center; justify-content: center; border-radius: var(--m3e-step-icon-shape, 50%); width: var(--m3e-step-icon-size, 1.5rem); height: var(--m3e-step-icon-size, 1.5rem); } .icon svg, ::slotted([slot="icon"]), ::slotted([slot="edit-icon"]), ::slotted([slot="done-icon"]), ::slotted([slot="error-icon"]) { width: 1em; font-size: var(--m3e-step-icon-size, 1.5rem) !important; } :host(:not([aria-disabled="true"])[selected]) .icon { background-color: var(--m3e-step-selected-icon-container-color, ${v.color.primary}); color: var(--m3e-step-selected-icon-color, ${v.color.onPrimary}); } :host(:not([aria-disabled="true"])[completed]:not([invalid])) .icon { background-color: var(--m3e-step-completed-icon-container-color, ${v.color.primary}); color: var(--m3e-step-completed-icon-color, ${v.color.onPrimary}); } :host(:not([aria-disabled="true"]):not([selected]):not([completed]):not([invalid])) .icon { background-color: var(--m3e-step-unselected-icon-container-color, ${v.color.inverseSurface}); color: var(--m3e-step-unselected-icon-color, ${v.color.inverseOnSurface}); } :host(:not([aria-disabled="true"]):not([selected])[invalid]) .icon { color: var(--m3e-step-icon-error-color, ${v.color.error}); } :host([aria-disabled="true"]) .icon { background-color: color-mix( in srgb, var(--m3e-step-disabled-icon-container-color, ${v.color.onSurface}) 10%, transparent ); color: color-mix(in srgb, var(--m3e-step-disabled-icon-color, ${v.color.onSurface}) 38%, transparent); } :host(:not([aria-disabled="true"])) .label { color: var(--m3e-step-label-color, ${v.color.onSurface}); } :host(:not([aria-disabled="true"]):not([selected])[invalid]) .label { color: var(--m3e-step-label-error-color, ${v.color.error}); } :host([aria-disabled="true"]) .label { color: color-mix(in srgb, var(--m3e-step-disabled-label-color, ${v.color.onSurface}) 38%, transparent); } .wrapper { display: flex; align-items: center; height: 100%; border-radius: inherit; font-size: var(--m3e-step-font-size, ${v.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-step-font-weight, ${v.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-step-line-height, ${v.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-step-tracking, ${v.typescale.standard.title.small.tracking}); flex-direction: var(--_step-direction, row); gap: var(--m3e-step-icon-label-space, 0.5rem); justify-content: flex-start; } .label { display: flex; flex-direction: column; align-items: var(--_step-label-align-items, flex-start); } ::slotted([slot="hint"]), .hint, ::slotted([slot="error"]) { font-size: var(--m3e-step-hint-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-step-hint-font-weight, ${v.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-step-hint-line-height, ${v.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-step-hint-tracking, ${v.typescale.standard.body.small.tracking}); } :host(:not([aria-disabled="true"]):not([invalid])) ::slotted([slot="hint"]), :host(:not([aria-disabled="true"]):not([invalid])) .hint { color: var(--m3e-step-hint-color, ${v.color.onSurfaceVariant}); } :host([aria-disabled="true"]) ::slotted([slot="hint"]), :host([aria-disabled="true"]) .hint { color: color-mix(in srgb, var(--m3e-step-disabled-hint-color, ${v.color.onSurface}) 38%, transparent); }`,MS.__nextId=0,t([h(".focus-ring")],MS.prototype,"_focusRing",void 0),t([h(".state-layer")],MS.prototype,"_stateLayer",void 0),t([h(".ripple")],MS.prototype,"_ripple",void 0),t([m({type:Boolean,reflect:!0})],MS.prototype,"optional",void 0),t([m({type:Boolean,reflect:!0})],MS.prototype,"editable",void 0),t([m({type:Boolean,reflect:!0})],MS.prototype,"completed",void 0),t([m({type:Boolean,reflect:!0})],MS.prototype,"invalid",void 0),t([p()],MS.prototype,"index",void 0),MS=zS=t([$("m3e-step")],MS);class qS extends E{constructor(e){super(),PS.set(this,void 0),a(this,PS,e,"f")}_onClick(){switch(e(this,PS,"f")){case"next":this.closest("m3e-stepper")?.moveNext();break;case"previous":this.closest("m3e-stepper")?.movePrevious();break;case"reset":this.closest("m3e-stepper")?.reset()}}}PS=new WeakMap;let NS=class extends(z(P(r))){constructor(){super(...arguments),TS.add(this),IS.set(this,void 0),this._selectedIndex=null,this[RS]=(new He).withHomeAndEnd().withWrap().onSelectedItemsChange(()=>e(this,TS,"m",OS).call(this)),this.headerPosition="above",this.labelPosition="end",this.linear=!1,this.orientation="horizontal"}get steps(){return this[We]?.items??[]}get selectedStep(){return null!==this._selectedIndex?this.steps[this._selectedIndex]??null:null}get selectedIndex(){return this._selectedIndex??-1}movePrevious(){return this.moveTo((this._selectedIndex??1)-1)}moveNext(){return this.moveTo((this._selectedIndex??-1)+1)}moveTo(e){return!!this._moveTo(e)&&(this.dispatchEvent(new Event("change",{bubbles:!0})),!0)}_moveTo(t){const a=this.selectedStep;if(a&&a.index===t)return!0;if(this.steps[t]?.disabled)return!1;if(t>=0&&t<this.steps.length){if(a){const i=e(this,TS,"m",BS).call(this);if(this.linear)if(t<a.index){const e=this[We].items[t];if(!e||e.completed&&!e.editable)return!1}else if(t>a.index+1){const e=this[We].items[t];if(!e||!e.completed)return!1}else if(!i&&!a.optional)return!1;a.completed=!0}return this._selectedIndex=t,this[We].select(this.selectedStep),!0}return a&&this[We].deselect(a),!1}reset(){this.steps.forEach(e=>e.reset());const e=this.steps.findIndex(e=>!e.disabled);e!==this._selectedIndex&&(this._selectedIndex=e,this[We].select(this.selectedStep),this.dispatchEvent(new Event("change",{bubbles:!0})))}connectedCallback(){super.connectedCallback(),L(this,"--no-animate")}disconnectedCallback(){super.disconnectedCallback(),this._orientation=void 0,e(this,IS,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.orientation&&e(this,TS,"m",FS).call(this)}willUpdate(t){super.willUpdate(t),t.has("orientation")&&(e(this,IS,"f")?.call(this),"auto"===this.orientation?e(this,TS,"m",FS).call(this):(this._orientation=void 0,e(this,TS,"m",VS).call(this))),t.has("_orientation")&&e(this,TS,"m",VS).call(this)}render(){let t;return this.selectedStep?.panel&&(t=[...this.querySelectorAll("[slot='panel']")].indexOf(this.selectedStep.panel),-1===t&&(t=void 0)),this[We].vertical?s`${e(this,TS,"m",DS).call(this)}<slot name="panel"></slot>`:s`${"above"===this.headerPosition?e(this,TS,"m",DS).call(this):n}<m3e-slide class="steps" selected-index="${je(t)}"><slot name="panel"></slot></m3e-slide>${"below"===this.headerPosition?e(this,TS,"m",DS).call(this):n}`}};IS=new WeakMap,TS=new WeakSet,RS=We,DS=function(){return s`<div class="header" role="tablist" aria-orientation="${je(this[We].vertical?"vertical":void 0)}" @change="${e(this,TS,"m",AS)}"><slot name="step" @slotchange="${e(this,TS,"m",WS)}" @keydown="${e(this,TS,"m",HS)}"></slot></div>`},AS=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},WS=function(){const{added:t,removed:a}=this[We].setItems([...this.querySelectorAll("m3e-step")]);if(t.length>0||a.length>0){this.querySelectorAll(".-m3e-step-divider").forEach(e=>e.remove());for(let e=0;e<this[We].items.length;e++){const t=this[We].items[e];if(t.index=e,e>0){const e=document.createElement("div");e.ariaHidden="true",e.classList.add("-m3e-step-divider"),e.slot="step",t.insertAdjacentElement("beforebegin",e)}}e(this,TS,"m",VS).call(this),0==this[We].selectedItems.length&&this[We].select(this[We].items.find(e=>!e.disabled))}},HS=function(e){this[We].onKeyDown(e)},OS=function(){const e=this[We].selectedItems[0];let t=e?this.steps.indexOf(e):null;-1===t&&(t=null),this._selectedIndex=t;for(const e of this[We].items)e.panel&&(e.panel.active=e.index===t);e&&this.matches(":focus-within")&&!e.matches(":focus")&&e.focus(),H(this,"--no-animate")&&requestAnimationFrame(()=>k(this,"--no-animate"))},BS=function(){let e=!1;return this.selectedStep&&(e=this.selectedStep.panel?.querySelector("form")?.checkValidity()??!0,this.selectedStep.optional&&(e=!0),this.selectedStep.invalid=!e),e},FS=function(){a(this,IS,Qe.observe([et.XSmall],t=>{this._orientation=t.get(et.XSmall)?"vertical":"horizontal",e(this,TS,"m",VS).call(this)}),"f")},VS=function(){this[We].vertical="vertical"===(this._orientation??this.orientation),x(this,"--vertical",this[We].vertical),this[We].vertical?this.steps.forEach((e,t)=>{e.style.order=`${t}`,e.panel&&(e.panel.style.order=`${t}`)}):this.steps.forEach(e=>{e.style.order="",e.panel&&(e.panel.style.order="")})},B(o`m3e-stepper:not(:is(:state(--vertical), :--vertical)) > .-m3e-step-divider::before { border-bottom-width: var(--m3e-step-divider-thickness, 1px); border-bottom-style: solid; border-bottom-color: var(--m3e-step-divider-color, ${v.color.outline}); } m3e-stepper:not(:is(:state(--vertical), :--vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:is(:state(--vertical), :--vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { border-bottom-width: var(--m3e-step-divider-thickness, 1px); border-bottom-style: solid; border-bottom-color: var(--m3e-step-divider-color, ${v.color.outline}); } m3e-stepper:not(:is(:state(--vertical), :--vertical))[label-position="end"] > .-m3e-step-divider { margin-block: auto; } m3e-stepper:not(:is(:state(--vertical), :--vertical))[label-position="below"] > .-m3e-step-divider::before, m3e-stepper:not(:is(:state(--vertical), :--vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:is(:state(--vertical), :--vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { margin-block-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:is(:state(--vertical), :--vertical) > [slot="panel"] { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:is(:state(--vertical), :--vertical) > [slot="panel"]:not(:last-of-type) { border-inline-start-width: var(--m3e-step-divider-thickness, 1px); border-inline-start-style: solid; border-inline-start-color: var(--m3e-step-divider-color, ${v.color.outline}); } m3e-stepper:is(:state(--vertical), :--vertical) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:is(:state(--vertical), :--vertical) > [slot="step"]:not(.-m3e-step-divider):not(:last-of-type)::after { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); border-inline-start-width: var(--m3e-step-divider-thickness, 1px); border-inline-start-style: solid; border-inline-start-color: var(--m3e-step-divider-color, ${v.color.outline}); }`),NS.styles=o`:host { display: flex; flex-direction: column; position: relative; } :host(:not(:is(:state(--vertical), :--vertical))) .header { display: flex; align-items: flex-start; flex-wrap: nowrap; } :host(:not(:is(:state(--vertical), :--vertical))) ::slotted(.-m3e-step-divider) { flex: 1 1 auto; position: relative; min-width: 2rem; } :host(:not(:is(:state(--vertical), :--vertical))) ::slotted(.-m3e-step-divider)::before { content: ""; position: absolute; left: 0; right: 0; } :host(:not(:is(:state(--vertical), :--vertical)):not([label-position="below"])) ::slotted(.-m3e-step-divider)::before { top: 50%; } :host(:not(:is(:state(--vertical), :--vertical))) ::slotted([slot="step"]) { align-self: stretch; } :host(:not(:is(:state(--vertical), :--vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:is(:state(--vertical), :--vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; top: 0; } :host(:not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { top: 50%; } :host(:not(:dir(rtl)):not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { left: 0; right: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:dir(rtl):not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { right: 0; left: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:not(:dir(rtl)):not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { left: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); right: 0; } :host(:dir(rtl):not(:is(:state(--vertical), :--vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { right: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); left: 0; } :host(:not(:dir(rtl)):not(:is(:state(--vertical), :--vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { left: 0; right: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:dir(rtl):not(:is(:state(--vertical), :--vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { right: 0; left: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:not(:dir(rtl)):not(:is(:state(--vertical), :--vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { left: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); right: 0; } :host(:dir(rtl):not(:is(:state(--vertical), :--vertical))[label-position="below"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { right: calc(50% + calc(var(--m3e-step-icon-size, 1.5rem) / 2) + var(--m3e-step-divider-inset, 0.5rem)); left: 0; } :host(:not(:is(:state(--vertical), :--vertical))[label-position="below"]) { --_step-direction: column; --_step-label-align-items: center; } :host(:is(:state(--vertical), :--vertical)) .header { display: contents; } :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider)) { flex: none; } :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; left: 0; } :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before { top: 0; bottom: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); } :host(:is(:state(--vertical), :--vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { top: calc(100% - var(--m3e-step-padding, 1.5rem) + var(--m3e-step-divider-inset, 0.5rem)); bottom: 0; } :host(:not(:is(:state(--vertical), :--vertical))) { --m3e-collapsible-animation-duration: 0ms; } :host(:is(:state(--no-animate), :--no-animate)) { --m3e-collapsible-animation-duration: 0ms; }`,t([p()],NS.prototype,"_orientation",void 0),t([p()],NS.prototype,"_selectedIndex",void 0),t([m({attribute:"header-position",reflect:!0})],NS.prototype,"headerPosition",void 0),t([m({attribute:"label-position",reflect:!0})],NS.prototype,"labelPosition",void 0),t([m({type:Boolean,reflect:!0})],NS.prototype,"linear",void 0),t([m({reflect:!0})],NS.prototype,"orientation",void 0),NS=t([$("m3e-stepper")],NS);let US=class extends qS{constructor(){super("next")}};US=t([$("m3e-stepper-next")],US);let jS=class extends qS{constructor(){super("previous")}};jS=t([$("m3e-stepper-previous")],jS);let YS=class extends qS{constructor(){super("reset")}};YS=t([$("m3e-stepper-reset")],YS);const KS=i(`var(--m3e-switch-selected-icon-color, ${v.color.onPrimaryContainer})`),ZS=i("var(--m3e-switch-selected-icon-size, 1rem)"),XS=i(`var(--m3e-switch-unselected-icon-color, ${v.color.surfaceContainerHighest})`),GS=i("var(--m3e-switch-unselected-icon-size, 1rem)"),JS=i(`calc(var(--m3e-switch-track-height, 2rem) + ${v.density.calc(-3)})`),QS=i(`calc(var(--m3e-switch-track-width, 3.25rem) + ${v.density.calc(-3)})`),e_=i(`var(--m3e-switch-track-outline-color, ${v.color.outline})`),t_=i("var(--m3e-switch-track-outline-width, 2px)"),a_=i(`var(--m3e-switch-track-shape, ${v.shape.corner.full})`),i_=i(`var(--m3e-switch-selected-track-color, ${v.color.primary})`),o_=i(`var(--m3e-switch-unselected-track-color, ${v.color.surfaceContainerHighest})`),r_=i(`calc(var(--m3e-switch-unselected-handle-height, 1rem) + ${v.density.calc(-3)})`),s_=i(`calc(var(--m3e-switch-unselected-handle-width, 1rem) + ${v.density.calc(-3)})`),n_=i(`calc(var(--m3e-switch-with-icon-handle-height, 1.5rem) + ${v.density.calc(-3)})`),l_=i(`calc(var(--m3e-switch-with-icon-handle-width, 1.5rem) + ${v.density.calc(-3)})`),c_=i(`calc(var(--m3e-switch-selected-handle-height, 1.5rem) + ${v.density.calc(-3)})`),d_=i(`calc(var(--m3e-switch-selected-handle-width, 1.5rem) + ${v.density.calc(-3)})`),h_=i(`calc(var(--m3e-switch-pressed-handle-height, 1.75rem) + ${v.density.calc(-3)})`),m_=i(`calc(var(--m3e-switch-pressed-handle-width, 1.75rem) + ${v.density.calc(-3)})`),u_=i(`var(--m3e-switch-handle-shape, ${v.shape.corner.full})`),p_=i(`var(--m3e-switch-selected-handle-color, ${v.color.onPrimary})`),v_=i(`var(--m3e-switch-unselected-handle-color, ${v.color.outline})`),b_=i(`calc(var(--m3e-switch-state-layer-size, 2.5rem) + ${v.density.calc(-3)})`),f_=i(`var(--m3e-switch-state-layer-shape, ${v.shape.corner.full})`),g_=i(`var(--m3e-switch-disabled-selected-icon-color, ${v.color.onSurface})`),y_=i("var(--m3e-switch-disabled-selected-icon-opacity, 38%)"),$_=i(`var(--m3e-switch-disabled-unselected-icon-color, ${v.color.surfaceContainerHighest})`),w_=i("var(--m3e-switch-disabled-unselected-icon-opacity, 38%)"),x_=i("var(--m3e-switch-disabled-track-opacity, 12%)"),k_=i(`var(--m3e-switch-disabled-selected-track-color, ${v.color.onSurface})`),C_=i(`var(--m3e-switch-disabled-unselected-track-color, ${v.color.surfaceContainerHighest})`),S_=i(`var(--m3e-switch-disabled-unselected-track-outline-color, ${v.color.onSurface})`),__=i("var(--m3e-switch-disabled-unselected-handle-opacity, 38%)"),L_=i("var(--m3e-switch-disabled-selected-handle-opacity, 100%)"),E_=i(`var(--m3e-switch-disabled-selected-handle-color, ${v.color.surface})`),z_=i(`var(--m3e-switch-disabled-unselected-handle-color, ${v.color.onSurface})`),M_=i(`var(--m3e-switch-selected-hover-icon-color, ${v.color.onPrimaryContainer})`),P_=i(`var(--m3e-switch-unselected-hover-icon-color, ${v.color.surfaceContainerHighest})`),T_=i(`var(--m3e-switch-selected-hover-track-color, ${v.color.primary})`),I_=i(`var(--m3e-switch-selected-hover-state-layer-color, ${v.color.primary})`),D_=i("var(--m3e-switch-selected-hover-state-layer-opacity, 8%)"),A_=i(`var(--m3e-switch-unselected-hover-track-color, ${v.color.surfaceContainerHighest})`),W_=i(`var(--m3e-switch-unselected-hover-track-outline-color, ${v.color.outline})`),H_=i(`var(--m3e-switch-unselected-hover-state-layer-color, ${v.color.onSurface})`),O_=i("var(--m3e-switch-unselected-hover-state-layer-opacity, 8%)"),B_=i(`var(--m3e-switch-selected-hover-handle-color, ${v.color.surfaceContainerHighest})`),F_=i(`var(--m3e-switch-unselected-hover-handle-color, ${v.color.onSurfaceVariant})`),V_=i(`var(--m3e-switch-selected-focus-icon-color, ${v.color.onPrimaryContainer})`),R_=i(`var(--m3e-switch-unselected-focus-icon-color, ${v.color.surfaceContainerHighest})`),q_=i(`var(--m3e-switch-selected-focus-track-color, ${v.color.primary})`),N_=i(`var(--m3e-switch-selected-focus-state-layer-color, ${v.color.primary})`),U_=i("var(--m3e-switch-selected-focus-state-layer-opacity, 10%)"),j_=i(`var(--m3e-switch-unselected-focus-track-color, ${v.color.surfaceContainerHighest})`),Y_=i(`var(--m3e-switch-unselected-focus-track-outline-color, ${v.color.outline})`),K_=i(`var(--m3e-switch-unselected-focus-state-layer-color, ${v.color.onSurface})`),Z_=i("var(--m3e-switch-unselected-focus-state-layer-opacity, 10%)"),X_=i(`var(--m3e-switch-selected-focus-handle-color, ${v.color.primaryContainer})`),G_=i(`var(--m3e-switch-unselected-focus-handle-color, ${v.color.onSurfaceVariant})`),J_=i(`var(--m3e-switch-selected-pressed-icon-color, ${v.color.onPrimaryContainer})`),Q_=i(`var(--m3e-switch-unselected-pressed-icon-color, ${v.color.surfaceContainerHighest})`),eL=i(`var(--m3e-switch-selected-pressed-track-color, ${v.color.primary})`),tL=(i(`var(--m3e-switch-selected-pressed-state-layer-color, ${v.color.primary})`),i("var(--m3e-switch-selected-pressed-state-layer-opacity, 10%)"),i(`var(--m3e-switch-unselected-pressed-track-color, ${v.color.surfaceContainerHighest})`)),aL=i(`var(--m3e-switch-unselected-pressed-track-outline-color, ${v.color.outline})`),iL=(i(`var(--m3e-switch-unselected-pressed-state-layer-color, ${v.color.onSurface})`),i("var(--m3e-switch-unselected-pressed-state-layer-opacity, 10%)"),i(`var(--m3e-switch-selected-pressed-handle-color, ${v.color.primaryContainer})`)),oL=i(`var(--m3e-switch-unselected-pressed-handle-color, ${v.color.onSurfaceVariant})`),rL=o`.handle { position: relative; display: flex; align-items: center; justify-content: center; pointer-events: none; transform-origin: center center; border-radius: ${u_}; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n      transform var(--_switch-handle-effect),\n      width ${v.motion.spring.fastEffects},\n      height ${v.motion.spring.fastEffects}`)}; } .track:not(.pressed) .handle { --_switch-handle-effect: ${v.motion.spring.fastSpatial}; } .track.pressed .handle { --_switch-handle-effect: ${v.motion.spring.fastEffects}; } :host(:not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { width: ${l_}; height: ${n_}; } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .handle, :host([aria-disabled="true"]:not([checked])) .handle { width: ${s_}; height: ${r_}; } :host([checked]) .track:not(.pressed) .handle { width: ${d_}; height: ${c_}; } .track.pressed .handle { width: ${m_}; height: ${h_}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${v_}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .handle { background-color: ${F_}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .handle { background-color: ${G_}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .handle { background-color: ${oL}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${p_}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .handle { background-color: ${B_}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .handle { background-color: ${X_}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .handle { background-color: ${iL}; } :host([aria-disabled="true"]:not([checked])) .handle { background-color: color-mix( in srgb, ${z_} ${__}, transparent ); } :host([aria-disabled="true"][checked]) .handle { background-color: color-mix( in srgb, ${E_} ${L_}, transparent ); } :host(:not(:dir(rtl))[checked]) .track:not(.pressed) .handle { transform: translateX( calc(${QS} - ${d_} - calc(${t_} * 2)) ); } :host(:dir(rtl)[checked]) .track:not(.pressed) .handle { transform: translateX( calc( 0px - calc( ${QS} - ${d_} - calc(${t_} * 2) ) ) ); } :host(:not(:dir(rtl))[checked]) .track.pressed .handle { transform: translateX( calc(${QS} - ${m_} - ${t_}) ); } :host(:dir(rtl)[checked]) .track.pressed .handle { transform: translateX( calc(0px - calc(${QS} - ${m_} - ${t_})) ); } :host(:not(:dir(rtl)):not([checked]):not([icons="both"])) .track:not(.pressed) .handle, :host(:not(:dir(rtl))[aria-disabled="true"]:not([checked])) .handle { transform: translateX( calc( ${t_} + calc(${m_} - ${l_}) ) ); } :host(:dir(rtl):not([checked]):not([icons="both"])) .track:not(.pressed) .handle, :host(:dir(rtl)[aria-disabled="true"]:not([checked])) .handle { transform: translateX( calc( 0px - calc( ${t_} + calc(${m_} - ${l_}) ) ) ); } :host(:not(:dir(rtl)):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(${t_}); } :host(:dir(rtl):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(calc(0px - ${t_})); } @media (forced-colors: active) { .handle { transition: ${i(`transform var(--_switch-handle-effect),\n      width ${v.motion.spring.fastEffects},\n      height ${v.motion.spring.fastEffects}`)}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .handle { background-color: ButtonText; } :host([aria-disabled="true"]:not([checked])) .handle { background-color: GrayText; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .handle, :host(:not([aria-disabled="true"])[checked]) .track.pressed .handle { background-color: Canvas; } :host([aria-disabled="true"][checked]) .handle { background-color: Canvas; } } @media (prefers-reduced-motion) { .handle { transition: none; } }`,sL=o`:host([icons="none"]) .icon, :host([icons="selected"]:not([checked])) .icon, :host([aria-disabled="true"]:not([checked])) .icon { display: none; } .icon { width: 1em; transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not([checked])) .icon { font-size: ${GS}; } :host([checked]) .icon { font-size: ${ZS}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${XS}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .icon { color: ${P_}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .icon { color: ${R_}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .icon { color: ${Q_}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${KS}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .icon { color: ${M_}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .icon { color: ${V_}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .icon { color: ${J_}; } :host([aria-disabled="true"]:not([checked])) .icon { color: color-mix( in srgb, ${$_} ${w_}, transparent ); } :host([aria-disabled="true"][checked]) .icon { color: color-mix( in srgb, ${g_} ${y_}, transparent ); } @media (forced-colors: active) { :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .icon { color: Canvas; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .icon, :host(:not([aria-disabled="true"])[checked]) .track.pressed .icon { color: CanvasText; } :host([aria-disabled="true"]:not([checked])) .icon { color: Canvas; } :host([aria-disabled="true"][checked]) .icon { color: GrayText; } } @media (prefers-reduced-motion) { .icon { transition: none; } }`,nL=o`.state-layer { width: ${b_}; height: ${b_}; border-radius: ${f_}; transition: ${i(`top ${v.motion.spring.fastEffects},\n          left ${v.motion.spring.fastEffects},\n          right ${v.motion.spring.fastEffects}`)}; } :host(:not([checked])[icons="both"]) .track:not(.pressed) .state-layer { inset-inline-start: calc(0px - calc(calc(${b_} - ${l_}) / 2)); top: calc(0px - calc(calc(${b_} - ${n_}) / 2)); } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .state-layer { inset-inline-start: calc( 0px - calc(calc(${b_} - ${s_}) / 2) ); top: calc(0px - calc(calc(${b_} - ${r_}) / 2)); } :host([checked]) .track:not(.pressed) .state-layer { inset-inline-start: calc(0px - calc(calc(${b_} - ${d_}) / 2)); top: calc(0px - calc(calc(${b_} - ${c_}) / 2)); } .track.pressed .state-layer { inset-inline-start: calc(0px - calc(calc(${b_} - ${m_}) / 2)); top: calc(0px - calc(calc(${b_} - ${m_}) / 2)); } :host(:not([checked])) .state-layer { --m3e-state-layer-hover-color: ${H_}; --m3e-state-layer-hover-opacity: ${O_}; --m3e-state-layer-focus-color: ${K_}; --m3e-state-layer-focus-opacity: ${Z_}; } :host([checked]) .state-layer { --m3e-state-layer-hover-color: ${I_}; --m3e-state-layer-hover-opacity: ${D_}; --m3e-state-layer-focus-color: ${N_}; --m3e-state-layer-focus-opacity: ${U_}; }`,lL=o`:host { display: inline-block; position: relative; outline: none; height: fit-content; width: fit-content; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .focus-ring { border-radius: ${a_}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .base { display: flex; align-items: center; justify-content: center; }`,cL=o`.track { display: flex; align-items: center; position: relative; box-sizing: border-box; border-radius: ${a_}; width: ${QS}; height: ${JS}; transition: ${i(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not([checked])) .track { border-width: ${t_}; border-style: solid; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) { border-color: ${e_}; background-color: ${o_}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) { border-color: ${W_}; background-color: ${A_}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) { border-color: ${Y_}; background-color: ${j_}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed { border-color: ${aL}; background-color: ${tL}; } :host([aria-disabled="true"]:not([checked])) .track { border-color: color-mix( in srgb, ${S_} ${x_}, transparent ); background-color: color-mix( in srgb, ${C_} ${x_}, transparent ); } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) { background-color: ${i_}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) { background-color: ${T_}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) { background-color: ${q_}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed { background-color: ${eL}; } :host([aria-disabled="true"][checked]) .track { background-color: color-mix( in srgb, ${k_} ${x_}, transparent ); } @media (forced-colors: active) { .track { transition: none; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed), :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed), :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed), :host(:not([aria-disabled="true"]):not([checked])) .track.pressed { border-color: ButtonText; background-color: Canvas; } :host([aria-disabled="true"]:not([checked])) .track { border-color: GrayText; background-color: Canvas; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed), :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed), :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed), :host(:not([aria-disabled="true"])[checked]) .track.pressed { background-color: ButtonText; } :host([aria-disabled="true"][checked]) .track { background-color: GrayText; } } @media (prefers-reduced-motion) { .track { transition: none; } }`;var dL,hL,mL,uL,pL,vL;let bL=class extends(Q(te(ae(oe(we(se(V(q(N(P(f(r,"switch")))))))))))){constructor(){super(),dL.add(this),hL.set(this,t=>e(this,dL,"m",vL).call(this,t)),mL.set(this,new ne(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),uL.set(this,new Z(this,{target:null,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})),this.icons="none",this.value="on",new Z(this,{isPressedKey:e=>" "===e,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})}get[(hL=new WeakMap,mL=new WeakMap,uL=new WeakMap,dL=new WeakSet,le)](){return this.checked&&!this.disabled?this.value:null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,hL,"f"));for(const t of this.labels)e(this,mL,"f").observe(t),e(this,uL,"f").observe(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,hL,"f"));for(const t of this.labels)e(this,mL,"f").unobserve(t),e(this,uL,"f").unobserve(t)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer].forEach(e=>e?.attach(this))}render(){return s`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="track" aria-hidden="true"><div class="touch" aria-hidden="true"></div><div class="handle"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><div class="base">${e(this,dL,"m",pL).call(this)}</div></div></div>`}};var fL,gL,yL,$L;pL=function(){return this.checked?s`<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z"></path></svg>`:s`<svg class="icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>`},vL=function(e){if(!e.defaultPrevented){if(this.disabled)return e.preventDefault(),void e.stopImmediatePropagation();this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))),this.closest("label")&&e.preventDefault()}},bL.styles=[lL,nL,cL,rL,sL],t([h(".track")],bL.prototype,"_track",void 0),t([h(".focus-ring")],bL.prototype,"_focusRing",void 0),t([h(".state-layer")],bL.prototype,"_stateLayer",void 0),t([m({reflect:!0})],bL.prototype,"icons",void 0),t([m()],bL.prototype,"value",void 0),bL=t([$("m3e-switch")],bL);let wL=$L=class extends(pe(b(V(q(N(P(f(r,"tab"),!0))))))){constructor(){super(...arguments),fL.add(this),gL.set(this,t=>e(this,fL,"m",yL).call(this,t))}attach(e){super.attach(e),e.id=e.id||"m3e-tab-panel-"+$L.__nextId++,De(this,"aria-controls",e.id)}detach(){this.control&&this.control.id&&Ae(this,"aria-controls",this.control.id),super.detach()}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,gL,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,gL,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-tabs")?.[We].notifySelectionChange(this)}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper"><slot name="icon" aria-hidden="true"></slot><span class="label"><slot></slot></span></div></div>`}};gL=new WeakMap,fL=new WeakSet,yL=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation()),e.defaultPrevented||this.selected||this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(this.selected=!0,this.closest("m3e-tabs")?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},wL.styles=o`:host { display: inline-block; outline: none; user-select: none; height: calc(var(--_tab-height) + ${v.density.calc(-3)}); font-size: var(--m3e-tab-font-size, ${v.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-tab-font-weight, ${v.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-tab-line-height, ${v.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-tab-tracking, ${v.typescale.standard.title.small.tracking}); flex-grow: var(--_tab-grow); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not(:disabled)) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; padding-inline-start: var(--m3e-tab-padding-start, 1.5rem); padding-inline-end: var(--m3e-tab-padding-end, 1.5rem); } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .focus-ring { border-radius: var(--m3e-tab-focus-ring-shape, ${v.shape.corner.large}); } :host([selected]:focus-within) .focus-ring { top: var(--_tab-focus-ring-top-offset, 0); bottom: var(--_tab-focus-ring-bottom-offset, 0); } :host([selected]:not(:disabled)) .base { color: var(--m3e-tab-selected-color, var(--_tab-selected-color, ${v.color.primary})); --m3e-state-layer-hover-color: var( --m3e-tab-selected-container-hover-color, var(--_tab-selected-container-hover-color, ${v.color.primary}) ); --m3e-state-layer-focus-color: var( --_tab-selected-container-focus-color, var(--m3e-tab-selected-container-focus-color, ${v.color.primary}) ); --m3e-ripple-color: var( --_tab-selected-ripple-color, var(--m3e-tab-selected-ripple-color, ${v.color.primary}) ); } :host(:not([selected]):not(:disabled)) .base { color: var(--m3e-tab-unselected-color, ${v.color.onSurfaceVariant}); --m3e-state-layer-hover-color: var(--m3e-tab-unselected-container-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-tab-unselected-container-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-tab-unselected-ripple-color, ${v.color.onSurface}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-tab-disabled-color, ${v.color.onSurface}) var(--m3e-tab-disabled-opacity, 38%), transparent ); } .wrapper { display: inline-flex; align-items: center; white-space: nowrap; flex-direction: var(--_tab-direction); justify-content: center; column-gap: var(--m3e-tab-spacing, 0.5rem); } ::slotted([slot="icon"]) { width: 1em; font-size: var(--m3e-tab-icon-size, 1.5rem) !important; } @media (forced-colors: active) { :host([selected]:not(:disabled)) .base { color: ButtonText; } :host(:not([selected]):not(:disabled)) .base { color: ButtonText; } :host(:disabled) .base { color: GrayText; } }`,wL.__nextId=0,t([h(".focus-ring")],wL.prototype,"_focusRing",void 0),t([h(".state-layer")],wL.prototype,"_stateLayer",void 0),t([h(".ripple")],wL.prototype,"_ripple",void 0),t([h(".label")],wL.prototype,"label",void 0),wL=$L=t([$("m3e-tab")],wL);let xL=class extends(f(r,"tabpanel")){connectedCallback(){super.connectedCallback(),this.slot="panel"}render(){return s`<slot></slot>`}};var kL,CL,SL,_L,LL,EL,zL,ML,PL,TL,IL,DL,AL,WL,HL,OL,BL,FL,VL,RL;xL.styles=o`:host { display: block; overflow-y: auto; scrollbar-width: ${v.scrollbar.width}; scrollbar-color: ${v.scrollbar.color}; }`,xL=t([$("m3e-tab-panel")],xL);let qL=class extends(P(r)){constructor(){super(),kL.add(this),CL.set(this,void 0),this._selectedIndex=null,SL.set(this,void 0),_L.set(this,new T),this[RL]=(new He).onSelectedItemsChange(()=>e(this,kL,"m",PL).call(this)).onActiveItemChange(()=>e(this,kL,"m",TL).call(this)).withHomeAndEnd().withWrap().withDirectionality(qe.current),this.headerPosition="before",this.variant="secondary",this.stretch=!1,this.previousPageLabel="Previous page",this.nextPageLabel="Next page",new A(this,{skipInitial:!0,callback:()=>{L(this,"--no-animate");const t=this[We].activeItem??this.selectedTab;t?e(this,kL,"m",FL).call(this,t,!0):e(this,kL,"m",VL).call(this)}})}get disablePagination(){switch(this.getAttribute("disable-pagination")){case"auto":return"auto";case"":case"true":return!0;default:return!1}}set disablePagination(e){switch(e){case!1:this.removeAttribute("disable-pagination");break;case!0:this.toggleAttribute("disable-pagination",!0);break;case"auto":this.setAttribute("disable-pagination","auto")}}get tabs(){return this[We]?.items??[]}get selectedTab(){return null!==this._selectedIndex?this.tabs[this._selectedIndex]??null:null}get selectedIndex(){return this._selectedIndex??-1}set selectedIndex(e){if(e>=0&&e<this.tabs.length)this.tabs[e].selected=!0;else{const e=this.selectedTab;e&&(e.selected=!1)}}connectedCallback(){super.connectedCallback(),L(this,"--no-animate"),a(this,CL,qe.observe(()=>{this.requestUpdate(),this[We].directionality=qe.current}),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,CL,"f")?.call(this)}updated(t){super.updated(t),(t.has("variant")||t.has("stretch"))&&null!==this._selectedIndex&&e(this,kL,"m",VL).call(this)}render(){let t;return this.selectedTab?.control&&(t=[...this.querySelectorAll("[slot='panel']")].indexOf(this.selectedTab.control),-1===t&&(t=void 0)),s`${"before"===this.headerPosition?e(this,kL,"m",LL).call(this):n}<m3e-slide class="tabs" selected-index="${je(t)}" @pointerdown="${e(this,kL,"m",DL)}" @pointermove="${e(this,kL,"m",AL)}" @pointerup="${e(this,kL,"m",WL)}" @pointercancel="${e(this,kL,"m",HL)}" @lostpointercapture="${e(this,kL,"m",OL)}"><slot name="panel"></slot></m3e-slide>${"after"===this.headerPosition?e(this,kL,"m",LL).call(this):n}`}};
 /**
  * Adapted from Angular Material CDK Text Field
  * Source: https://github.com/angular/components/blob/main/src/cdk/text-field/autosize.ts
@@ -587,7 +587,7 @@ class oz{static maybeFallbackSpecVersion(e,t){switch(t){case ZE.EXPRESSIVE:case
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function zz(e){const t=$E(e),a=wE(e),i=xE(e),o=[t.toString(16),a.toString(16),i.toString(16)];for(const[e,t]of o.entries())1===t.length&&(o[e]="0"+t);return"#"+o.join("")}function Mz(e){return parseInt(e,16)}
+function zz(e){const t=$E(e),a=wE(e),i=xE(e),o=[t.toString(16),a.toString(16),i.toString(16)];for(const[e,t]of o.entries())1===t.length&&(o[e]="0"+t);return"#"+o.join("")}function Mz(e){const t=3===(e=e.replace("#","")).length,a=6===e.length,i=8===e.length;if(!t&&!a&&!i)throw new Error("unexpected hex "+e);let o=0,r=0,s=0;return t?(o=Pz(e.slice(0,1).repeat(2)),r=Pz(e.slice(1,2).repeat(2)),s=Pz(e.slice(2,3).repeat(2))):a?(o=Pz(e.slice(0,2)),r=Pz(e.slice(2,4)),s=Pz(e.slice(4,6))):i&&(o=Pz(e.slice(2,4)),r=Pz(e.slice(4,6)),s=Pz(e.slice(6,8))),(255<<24|(255&o)<<16|(255&r)<<8|255&s)>>>0}function Pz(e){return parseInt(e,16)}
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -603,7 +603,7 @@ function zz(e){const t=$E(e),a=wE(e),i=xE(e),o=[t.toString(16),a.toString(16),i.
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */async function Pz(e){return function(e){const t=[];for(let a=0;a<e.length;a+=4){const i=e[a],o=e[a+1],r=e[a+2];if(e[a+3]<255)continue;const s=fE(i,o,r);t.push(s)}const a=Cz.quantize(t,128),i=Ez.score(a);return i[0]}
+ */async function Tz(e){return function(e){const t=[];for(let a=0;a<e.length;a+=4){const i=e[a],o=e[a+1],r=e[a+2];if(e[a+3]<255)continue;const s=fE(i,o,r);t.push(s)}const a=Cz.quantize(t,128),i=Ez.score(a);return i[0]}
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -619,5 +619,5 @@ function zz(e){const t=$E(e),a=wE(e),i=xE(e),o=[t.toString(16),a.toString(16),i.
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */(await new Promise((t,a)=>{const i=document.createElement("canvas"),o=i.getContext("2d");if(!o)return void a(new Error("Could not get canvas context"));const r=()=>{i.width=e.width,i.height=e.height,o.drawImage(e,0,0);let a=[0,0,e.width,e.height];const r=e.dataset.area;r&&/^\d+(\s*,\s*\d+){3}$/.test(r)&&(a=r.split(/\s*,\s*/).map(e=>parseInt(e,10)));const[s,n,l,c]=a;t(o.getImageData(s,n,l,c).data)},s=()=>{a(new Error("Image load failed"))};e.complete?r():(e.onload=r,e.onerror=s)}))}function Tz(e,t=[]){const a=dz.of(e);return{source:e,schemes:{light:Sz.light(e),dark:Sz.dark(e)},palettes:{primary:a.a1,secondary:a.a2,tertiary:a.a3,neutral:a.n1,neutralVariant:a.n2,error:a.error},customColors:t.map(t=>function(e,t){let a=t.value;const i=a,o=e;t.blend&&(a=WE.harmonize(i,o));const r=dz.of(a),s=r.a1;return{color:t,value:a,light:{color:s.tone(40),onColor:s.tone(100),colorContainer:s.tone(90),onColorContainer:s.tone(10)},dark:{color:s.tone(80),onColor:s.tone(20),colorContainer:s.tone(30),onColorContainer:s.tone(90)}}}(e,t))}}async function Iz(e){return zz(await Pz(e))}var Dz,Az,Wz,Hz,Oz,Bz,Fz,Vz,Rz;Ez.TARGET_CHROMA=48,Ez.WEIGHT_PROPORTION=.7,Ez.WEIGHT_CHROMA_ABOVE=.3,Ez.WEIGHT_CHROMA_BELOW=.1,Ez.CUTOFF_CHROMA=5,Ez.CUTOFF_EXCITED_PROPORTION=.01;let qz=class extends r{constructor(){super(...arguments),Dz.add(this),Az.set(this,new CSSStyleSheet),Wz.set(this,!1),Hz.set(this,void 0),Oz.set(this,void 0),Bz.set(this,void 0),Fz.set(this,()=>e(this,Dz,"m",Vz).call(this,!0)),this.color="#6750A4",this.scheme="auto",this.contrast="standard",this.strongFocus=!1,this.density=0,this.motion="standard"}get isDark(){switch(this.scheme){case"light":return!1;case"dark":return!0;default:if(this.parentElement instanceof HTMLBodyElement)switch(document.documentElement.style.colorScheme){case"light":return!1;case"dark":return!0}return e(this,Oz,"f")?.matches??!1}}connectedCallback(){super.connectedCallback(),this.parentElement instanceof HTMLBodyElement?(this.shadowRoot?.adoptedStyleSheets.includes(e(this,Az,"f"))&&(this.shadowRoot.adoptedStyleSheets=this.shadowRoot.adoptedStyleSheets.filter(t=>t!==e(this,Az,"f"))),document.adoptedStyleSheets.includes(e(this,Az,"f"))||(document.adoptedStyleSheets=[e(this,Az,"f"),...document.adoptedStyleSheets])):(document.adoptedStyleSheets.includes(e(this,Az,"f"))&&(document.adoptedStyleSheets=document.adoptedStyleSheets.filter(t=>t!==e(this,Az,"f"))),this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(e(this,Az,"f"))&&(this.shadowRoot.adoptedStyleSheets=[e(this,Az,"f"),...this.shadowRoot.adoptedStyleSheets])),a(this,Hz,matchMedia("(prefers-color-scheme: light)"),"f"),a(this,Oz,matchMedia("(prefers-color-scheme: dark)"),"f"),a(this,Bz,matchMedia("(forced-colors: active)"),"f"),[e(this,Hz,"f"),e(this,Oz,"f"),e(this,Bz,"f")].forEach(t=>t.addEventListener("change",e(this,Fz,"f")))}disconnectedCallback(){super.disconnectedCallback(),[e(this,Hz,"f"),e(this,Oz,"f"),e(this,Bz,"f")].forEach(t=>t?.removeEventListener("change",e(this,Fz,"f"))),a(this,Hz,a(this,Oz,a(this,Bz,void 0,"f"),"f"),"f"),document.adoptedStyleSheets.includes(e(this,Az,"f"))&&(document.adoptedStyleSheets=document.adoptedStyleSheets.filter(t=>t!==e(this,Az,"f")))}updated(t){super.updated(t),e(this,Dz,"m",Vz).call(this,e(this,Wz,"f")&&["color","scheme","contrast"].some(e=>t.has(e)))}firstUpdated(e){super.firstUpdated(e),a(this,Wz,!0,"f")}render(){return s`<slot></slot>`}};Az=new WeakMap,Wz=new WeakMap,Hz=new WeakMap,Oz=new WeakMap,Bz=new WeakMap,Fz=new WeakMap,Dz=new WeakSet,Vz=function(t){const a=function(e){const t=3===(e=e.replace("#","")).length,a=6===e.length,i=8===e.length;if(!t&&!a&&!i)throw new Error("unexpected hex "+e);let o=0,r=0,s=0;return t?(o=Mz(e.slice(0,1).repeat(2)),r=Mz(e.slice(1,2).repeat(2)),s=Mz(e.slice(2,3).repeat(2))):a?(o=Mz(e.slice(0,2)),r=Mz(e.slice(2,4)),s=Mz(e.slice(4,6))):i&&(o=Mz(e.slice(2,4)),r=Mz(e.slice(4,6)),s=Mz(e.slice(6,8))),(255<<24|(255&o)<<16|(255&r)<<8|255&s)>>>0}(this.color),i=Tz(a),o=new oz({sourceColorHct:AE.fromInt(a),variant:1,contrastLevel:e(this,Dz,"m",Rz).call(this),isDark:this.isDark,primaryPalette:i.palettes.primary,secondaryPalette:i.palettes.secondary,tertiaryPalette:i.palettes.tertiary,neutralPalette:i.palettes.neutral,neutralVariantPalette:i.palettes.neutralVariant,errorPalette:i.palettes.error});let r="";const s=new iz,n=[...s.allColors,s.surfaceVariant(),s.shadow(),s.scrim(),s.surfaceTint()];for(const e of n){r+=`${`--md-sys-color-${e.name.replace(/_/g,"-").toLowerCase()}`}: ${zz(e.getArgb(o))};`}if("expressive"===this.motion&&(r+="--md-sys-motion-spring-fast-spatial: 350ms cubic-bezier(0.42, 1.67, 0.21, 0.90);",r+="--md-sys-motion-spring-default-spatial: 500ms cubic-bezier(0.38, 1.21, 0.22, 1.00);",r+="--md-sys-motion-spring-slow-spatial: 650ms cubic-bezier(0.39, 1.29, 0.35, 0.98);",r+="--md-sys-motion-spring-fast-effects: 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00);",r+="--md-sys-motion-spring-default-effects: 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00);",r+="--md-sys-motion-spring-slow-effects: 300ms cubic-bezier(0.34, 0.88, 0.34, 1.00);"),r+=`--md-sys-density-scale: ${this.density};`,r+=`--m3e-scrollbar-thumb-color: ${zz(o.neutralPalette.tone(60))};`,r+=`--m3e-focus-ring-visibility: ${this.strongFocus?"visible":"hidden"};`,r+=`font-size: ${v.typescale.standard.body.large.fontSize};`,r+=`font-weight: ${v.typescale.standard.body.large.fontWeight};`,r+=`line-height: ${v.typescale.standard.body.large.lineHeight};`,r+=`letter-spacing: ${v.typescale.standard.body.large.tracking};`,this.parentElement instanceof HTMLBodyElement)switch(e(this,Az,"f").replaceSync(`\n        html { ${r} }\n        @media not (forced-colors: active) {\n          body { \n            background-color: var(--md-sys-color-background);\n            color: var(--md-sys-color-on-background);\n            scrollbar-color: ${v.scrollbar.color};\n          }\n        }`),this.scheme){case"light":document.documentElement.style.colorScheme="light";break;case"dark":document.documentElement.style.colorScheme="dark";break;default:switch(document.documentElement.style.colorScheme){case"light":case"dark":document.documentElement.style.colorScheme="light dark"}}else e(this,Az,"f").replaceSync(`:host { ${r} }`);e(this,Wz,"f")&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&document.body.offsetHeight},Rz=function(){switch(this.contrast){case"high":return 1;case"medium":return.5;default:return 0}},(()=>{if("undefined"!=typeof window){const e=e=>{let t="";for(const a in e){const i=e[a].toString();if(!i.startsWith("var("))continue;const o=i.trim().slice(4,-1),[r,s]=o.split(/,(.+)/).map(e=>e.trim());r.startsWith("--")&&s&&(t+=`${r}:${s};`)}return t},t=(e,t)=>{const{[t]:a,...i}=e;return i};let a="";a+=e(v.typescale.standard.display.large),a+=e(v.typescale.standard.display.medium),a+=e(v.typescale.standard.display.small),a+=e(v.typescale.standard.headline.large),a+=e(v.typescale.standard.headline.medium),a+=e(v.typescale.standard.headline.small),a+=e(v.typescale.standard.title.large),a+=e(v.typescale.standard.title.medium),a+=e(v.typescale.standard.title.small),a+=e(v.typescale.standard.label.large),a+=e(v.typescale.standard.label.medium),a+=e(v.typescale.standard.label.small),a+=e(v.typescale.standard.body.large),a+=e(v.typescale.standard.body.medium),a+=e(v.typescale.standard.body.small),a+=e(v.elevation),a+=e(v.shape.corner.value),a+=e(t(v.shape.corner,"value")),a+=e(v.motion.duration),a+=e(v.motion.easing),a+=e(v.motion.spring),a+=e(t(v.density,"calc")),a+=e(v.measurement),a+=e(v.state),B(i(`html{${a}}`))}})(),qz.styles=o`:host { display: contents; }`,t([m()],qz.prototype,"color",void 0),t([m()],qz.prototype,"scheme",void 0),t([m()],qz.prototype,"contrast",void 0),t([m({attribute:"strong-focus",type:Boolean})],qz.prototype,"strongFocus",void 0),t([m({type:Number})],qz.prototype,"density",void 0),t([m()],qz.prototype,"motion",void 0),qz=t([$("m3e-theme")],qz);let Nz=class extends(pe(N(P(f(r,"link"))))){update(e){super.update(e),e.has("selected")&&(this.ariaSelected=null,this.ariaCurrent=this.selected?"true":null),e.has("node")&&(this.node?this._base?.style.setProperty("--_level",""+(this.node.level-1)):this._base?.style.removeProperty("--_level"))}firstUpdated(e){super.firstUpdated(e),this._stateLayer?.attach(this)}render(){return s`<m3e-state-layer class="state-layer"></m3e-state-layer><div class="base"><slot></slot></div>`}};var Uz,jz,Yz,Kz,Zz,Xz,Gz,Jz,Qz,eM,tM,aM,iM,oM;Nz.styles=o`:host { display: inline-block; position: relative; user-select: none; outline: none; border-radius: var(--m3e-toc-item-shape, ${v.shape.corner.largeIncreased}); padding-block: var(--m3e-toc-item-padding-block, 0.5rem); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not(:disabled)) { cursor: pointer; } .base { padding-inline-start: calc( var(--m3e-toc-item-padding, 1rem) + calc(var(--m3e-toc-item-inset, 0.75rem) * var(--_level, 0)) ); padding-inline-end: var(--m3e-toc-item-padding, 1rem); transition: ${i(`color var(--m3e-toc-active-indicator-animation-duration, ${v.motion.duration.long1}) ${v.motion.easing.standard}`)}; } :host(:not([selected])) { font-size: var(--m3e-toc-item-font-size, ${v.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-toc-item-font-weight, ${v.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-toc-item-line-height, ${v.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-toc-item-tracking, ${v.typescale.standard.body.large.tracking}); color: var(--m3e-toc-item-color, ${v.color.onSurfaceVariant}); } :host([selected]) { font-size: var(--m3e-toc-item-selected-font-size, ${v.typescale.emphasized.body.large.fontSize}); font-weight: var(--m3e-toc-item-selected-font-weight, ${v.typescale.emphasized.body.large.fontWeight}); line-height: var(--m3e-toc-item-selected-line-height, ${v.typescale.emphasized.body.large.lineHeight}); letter-spacing: var(--m3e-toc-item-selected-tracking, ${v.typescale.emphasized.body.large.tracking}); color: var(--m3e-toc-item-selected-color, ${v.color.onSurface}); } .base { justify-content: unset; } .state-layer { --m3e-state-layer-focus-opacity: 0; } @media (prefers-reduced-motion) { .base { transition: none; } }`,t([h(".base")],Nz.prototype,"_base",void 0),t([h(".state-layer")],Nz.prototype,"_stateLayer",void 0),t([p()],Nz.prototype,"node",void 0),Nz=t([$("m3e-toc-item")],Nz);class rM{static generate(t,a=6){let i=6;const o=new Array;t.querySelectorAll("h1:not([m3e-toc-ignore]),h2:not([m3e-toc-ignore]),h3:not([m3e-toc-ignore]),h4:not([m3e-toc-ignore]),h5:not([m3e-toc-ignore]),h6:not([m3e-toc-ignore]),m3e-heading[level]:not([m3e-toc-ignore])").forEach(t=>{const a=e(Uz,Uz,"m",jz).call(Uz,t);i=Math.min(a,i),o.push({id:t.id||Le(),element:t,level:a,label:me(t,!0),nodes:new Array})});for(let e=i+a-1;e>i;e--)for(let t=0;t<o.length;t++){const a=o[t];if(a.level===e)for(let i=t;i>=0;i--){const t=o[i];if(t.level<e){t.nodes.push(a);break}}}return o.forEach(e=>e.level-=i-1),o.filter(e=>1===e.level)}}Uz=rM,jz=function(e){return e.tagName.startsWith("H")?parseInt(e.tagName.substring(1)):parseInt(e.getAttribute("level")??"0")};let sM=class extends(b(P(f(r,"navigation")))){constructor(){super(...arguments),Yz.add(this),this._toc=[],Kz.set(this,!1),Zz.set(this,(new He).withHomeAndEnd().withVerticalOrientation().disableRovingTabIndex().onSelectedItemsChange(()=>{for(const t of e(this,Qz,"f").targets)e(this,Qz,"f").unobserve(t);if(this._activeIndicator){const t=e(this,Zz,"f").selectedItems[0];if(t){e(this,Qz,"f").observe(t);const a=this._scrollContainer;t===e(this,Zz,"f").items[0]?a.scrollTo({top:0,behavior:"smooth"}):t===e(this,Zz,"f").items[e(this,Zz,"f").items.length-1]?a.scrollTo({top:a.scrollHeight-a.clientHeight,behavior:"smooth"}):S(t,this._scrollContainer,{block:"nearest",behavior:"smooth"}),this._activeIndicator.style.top=`${t.offsetTop}px`,this._activeIndicator.style.height=`${t.clientHeight}px`,this._activeIndicator.style.visibility=0==t.clientHeight?"hidden":"",H(this,"--no-animate")&&setTimeout(()=>x(this,"--no-animate",!1),40)}else x(this,"--no-animate",!0),this._activeIndicator.style.top="0px",this._activeIndicator.style.height="0px",this._activeIndicator.style.visibility="hidden"}})),Xz.set(this,new Ee(this,{target:null,callback:t=>{if(!this.control||e(this,Kz,"f"))return;const a=this.control.scrollTop;let i=null,o=Number.POSITIVE_INFINITY;if(t.filter(e=>e.isIntersecting).map(e=>e.target).forEach(e=>{const t=e.offsetTop,r=Math.abs(t-a);r<o&&(o=r,i=e)}),i){const t=e(this,Zz,"f").items.find(e=>e.node?.element===i);t&&e(this,Zz,"f").select(t)}}})),Gz.set(this,new be(this,{target:null,callback:()=>a(this,Kz,!1,"f"),debounce:!0})),Jz.set(this,new w(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>this._updateToc()})),Qz.set(this,new A(this,{target:null,callback:()=>{const t=e(this,Zz,"f").selectedItems[0];t&&this._activeIndicator&&(this._activeIndicator.style.top=`${t.offsetTop}px`,this._activeIndicator.style.height=`${t.clientHeight}px`,this._activeIndicator.style.visibility=0==t.clientHeight?"hidden":"")}})),this.maxDepth=2}attach(t){super.attach(t),e(this,Jz,"f").observe(t),e(this,Gz,"f").observe(t),e(this,Yz,"m",oM).call(this)}detach(){this.control&&(e(this,Jz,"f").unobserve(this.control),e(this,Gz,"f").unobserve(this.control)),super.detach(),e(this,Yz,"m",oM).call(this)}willUpdate(t){super.willUpdate(t),t.has("maxDepth")&&e(this,Yz,"m",oM).call(this)}updated(t){if(super.updated(t),t.has("_toc")){const{added:t,removed:a}=e(this,Zz,"f").setItems([...this.shadowRoot?.querySelectorAll("m3e-toc-item")??[]]);e(this,Zz,"f").activeItem||(x(this,"--no-animate",!0),e(this,Zz,"f").updateActiveItem(t.find(e=>!e.disabled)));for(const a of t)a.node&&e(this,Xz,"f").observe(a.node.element);for(const t of a)t.node&&e(this,Xz,"f").unobserve(t.node.element)}}render(){return s`<div class="base"><div class="scroll-container"><div class="header"><div class="overline"><slot name="overline" @slotchange="${e(this,Yz,"m",tM)}"></slot></div><div class="title"><slot name="title" @slotchange="${e(this,Yz,"m",aM)}"></slot></div></div><slot></slot><ul class="list">${this._toc.map(t=>e(this,Yz,"m",eM).call(this,t))}</ul><div class="active-indicator" aria-hidden="true"></div></div></div>`}_updateToc(){e(this,Yz,"m",oM).call(this)}};var nM,lM,cM,dM,hM,mM;Kz=new WeakMap,Zz=new WeakMap,Xz=new WeakMap,Gz=new WeakMap,Jz=new WeakMap,Qz=new WeakMap,Yz=new WeakSet,eM=function t(a){return s`<li><m3e-toc-item tabindex="-1" .node="${a}" @click="${e(this,Yz,"m",iM)}">${a.label}</m3e-toc-item>${0==a.nodes.length?n:s`<ul>${a.nodes.map(a=>e(this,Yz,"m",t).call(this,a))}</ul>`}</li>`},tM=function(e){x(this,"--with-overline",g(e.target))},aM=function(e){x(this,"--with-title",g(e.target))},iM=function(t){t.target instanceof Nz&&!t.target.disabled&&t.target.node?.element&&(a(this,Kz,!0,"f"),t.target.node.element.scrollIntoView({block:"start",behavior:"smooth"}),e(this,Zz,"f").updateActiveItem(t.target),e(this,Zz,"f").select(t.target))},oM=function(){this._toc=this.control?rM.generate(this.control,Math.max(1,Math.min(this.maxDepth,6))):[]},sM.styles=o`:host { display: inline-block; width: calc(var(--m3e-toc-width, 9.75rem)); } .base { border-radius: var(--m3e-toc-container-shape, ${v.shape.corner.none}); box-sizing: border-box; overflow: hidden; height: 100%; width: 100%; } .scroll-container { height: inherit; width: inherit; box-sizing: inherit; background-color: var(--m3e-toc-container-color, transparent); border-radius: inherit; padding-inline: var(--m3e-toc-container-padding-inline, 0px); padding-block: var(--m3e-toc-container-padding-block, 0px); position: relative; overflow-y: auto; overflow-x: hidden; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; } ul { list-style: none; padding-inline-start: unset; margin-block-start: unset; margin-block-end: unset; } ul, li { display: flex; flex-direction: column; align-items: stretch; } m3e-toc-item { flex: none; } .active-indicator { position: absolute; pointer-events: none; box-sizing: border-box; left: var(--m3e-toc-container-padding-inline, 0px); right: var(--m3e-toc-container-padding-inline, 0px); border-radius: var(--m3e-toc-item-shape, ${v.shape.corner.largeIncreased}); border: 1px solid var(--m3e-toc-active-indicator-color, ${v.color.outline}); transition: ${i(`visibility var(--m3e-toc-active-indicator-animation-duration, ${v.motion.duration.long1})\n          ${v.motion.easing.standard},\n        height var(--m3e-toc-active-indicator-animation-duration, ${v.motion.duration.long1})\n          ${v.motion.easing.standard},\n        top var(--m3e-toc-active-indicator-animation-duration, ${v.motion.duration.long1})\n          ${v.motion.easing.standard}`)}; } .header { display: flex; flex-direction: column; align-items: stretch; padding-inline-start: var(--m3e-toc-item-padding, 1rem); padding-block-end: var(--m3e-toc-header-space, 0.5rem); row-gap: var(--m3e-toc-header-space, 0.5rem); } .overline { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 2; } :host(:not(:is(:state(--with-overline), :--with-overline))) .overline, :host(:not(:is(:state(--with-title), :--with-title))) .title, :host(:not(:is(:state(--with-overline), :--with-overline)):not(:is(:state(--with-title), :--with-title))) .header { display: none; } ::slotted([slot="overline"]) { font-size: var(--m3e-toc-overline-font-size, ${v.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-toc-overline-font-weight, ${v.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-toc-overline-line-height, ${v.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-toc-overline-tracking, ${v.typescale.standard.label.small.tracking}); color: var(--m3e-toc-overline-color, ${v.color.onSurfaceVariant}); } ::slotted([slot="title"]) { font-size: var(--m3e-toc-title-font-size, ${v.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-toc-title-font-weight, ${v.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-toc-title-line-height, ${v.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-toc-title-tracking, ${v.typescale.standard.headline.small.tracking}); color: var(--m3e-toc-title-color, ${v.color.onSurface}); } :host(:is(:state(--no-animate), :--no-animate)) .active-indicator { transition: none; } @media (prefers-reduced-motion) { .active-indicator { transition: none; } }`,t([p()],sM.prototype,"_toc",void 0),t([h(".active-indicator")],sM.prototype,"_activeIndicator",void 0),t([h(".scroll-container")],sM.prototype,"_scrollContainer",void 0),t([m({attribute:"max-depth",type:Number})],sM.prototype,"maxDepth",void 0),t([y(40)],sM.prototype,"_updateToc",null),sM=t([$("m3e-toc")],sM);let uM=class extends(ue(f(r,"toolbar"))){constructor(){super(...arguments),nM.add(this),lM.set(this,void 0),cM.set(this,(new Be).withHomeAndEnd().withDirectionality(qe.current)),this.variant="standard",this.shape="square",this.elevated=!1}connectedCallback(){super.connectedCallback(),a(this,lM,qe.observe(()=>e(this,cM,"f").directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,lM,"f")?.call(this)}update(t){super.update(t),t.has("vertical")&&(e(this,cM,"f").vertical=this.vertical)}render(){return s`<m3e-state-layer class="state-layer"></m3e-state-layer><m3e-elevation class="elevation" level="${this.elevated?3:0}"></m3e-elevation><div class="base"><slot @click="${e(this,nM,"m",mM)}" @keydown="${e(this,nM,"m",hM)}" @slotchange="${e(this,nM,"m",dM)}"></slot></div>`}};lM=new WeakMap,cM=new WeakMap,nM=new WeakSet,dM=function(){const t=Te.findInteractiveElements(this,!0),{added:a}=e(this,cM,"f").setItems(t);if(!e(this,cM,"f").activeItem){const t=a.find(e=>!e.hasAttribute("disabled"));t&&e(this,cM,"f").updateActiveItem(t)}},hM=function(t){e(this,cM,"f").onKeyDown(t)},mM=function(t){const a=t.composedPath().find(t=>t instanceof HTMLElement&&e(this,cM,"f").items.includes(t));a&&e(this,cM,"f").updateActiveItem(a)},uM.styles=o`:host { display: inline-block; position: relative; } .base { display: flex; align-items: center; box-sizing: border-box; border-radius: inherit; } :host(:not([vertical])) { height: fit-content; } :host(:not([vertical])) .base { height: calc(var(--m3e-toolbar-size, 4rem) + ${v.density.calc(-3)}); column-gap: var(--m3e-toolbar-spacing, 0.25rem); } :host([vertical]) { width: fit-content; } :host([vertical]) .base { width: calc(var(--m3e-toolbar-size, 4rem) + ${v.density.calc(-3)}); } :host([vertical]) .base { flex-direction: column; justify-content: center; row-gap: var(--m3e-toolbar-spacing, 0.25rem); } :host([shape="rounded"]) { border-radius: var(--m3e-toolbar-rounded-shape, ${v.shape.corner.full}); } :host([shape="rounded"]) .base { padding: var(--m3e-toolbar-rounded-padding, 0.5rem); } :host(:not([vertical])[shape="square"]) .base { padding-inline: var(--m3e-toolbar-square-padding, 1rem); } :host([vertical][shape="square"]) .base { padding-block: var(--m3e-toolbar-square-padding, 1rem); } :host([variant="standard"]) .state-layer { background-color: var(--m3e-toolbar-standard-container-color, ${v.color.surfaceContainer}); } :host([variant="standard"]) .base { color: var(--m3e-toolbar-standard-color, ${v.color.onSurface}); } :host([variant="vibrant"]) .state-layer { background-color: var(--m3e-toolbar-vibrant-container-color, ${v.color.primaryContainer}); } :host([variant="vibrant"]) .base { color: var(--m3e-toolbar-vibrant-color, ${v.color.onPrimaryContainer}); } @media (forced-colors: active) { :host([variant]) .state-layer { background-color: Canvas; } :host([variant]) .base { color: CanvasText; outline: 1px solid CanvasText; } }`,t([m({reflect:!0})],uM.prototype,"variant",void 0),t([m({reflect:!0})],uM.prototype,"shape",void 0),t([m({type:Boolean,reflect:!0})],uM.prototype,"elevated",void 0),uM=t([$("m3e-toolbar")],uM);let pM=class extends E{constructor(){super(...arguments),this.disableRestoreFocus=!1}_onClick(){this.closest("m3e-rich-tooltip")?.hide(!this.disableRestoreFocus)}};var vM,bM,fM,gM,yM,$M,wM,xM,kM,CM,SM;t([m({attribute:"disable-restore-focus",type:Boolean})],pM.prototype,"disableRestoreFocus",void 0),pM=t([$("m3e-rich-tooltip-action")],pM);class _M extends(b(z(P(r)))){constructor(){super(...arguments),vM.add(this),fM.set(this,null),gM.set(this,void 0),yM.set(this,!1),$M.set(this,()=>e(this,vM,"m",CM).call(this)),wM.set(this,new ne(this,{target:null,endDelay:200,callback:(t,i)=>{if(!this._isInteractive)if(t){if(i===this._base)return void a(this,yM,!0,"f");this.show()}else e(this,yM,"f")&&i!==this._base||(a(this,yM,!1,"f"),this.hide())}})),xM.set(this,new ze(this,{target:null,callback:e=>{this._isInteractive||(e?this.show():this.hide())}})),this.disabled=!1,this.touchGestures="auto"}get showDelay(){return e(this,wM,"f").startDelay}set showDelay(t){e(this,wM,"f").startDelay=t}get hideDelay(){return e(this,wM,"f").endDelay}set hideDelay(t){e(this,wM,"f").endDelay=t}get isOpen(){return bM.__openTooltips.includes(this)}get _isInteractive(){return!1}attach(t){super.attach(t),at.iOS||at.Android?(e(this,xM,"f").observe(t),e(this,vM,"m",SM).call(this)):e(this,wM,"f").observe(t),t.addEventListener("click",e(this,$M,"f"))}detach(){this.control&&(e(this,wM,"f").unobserve(this.control),e(this,xM,"f").unobserve(this.control),this.control.removeEventListener("click",e(this,$M,"f")),this.hide()),super.detach()}update(e){super.update(e),e.has("disabled")&&this.disabled&&this.hide()}reconnectedCallback(){super.reconnectedCallback(),e(this,vM,"m",kM).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,vM,"m",kM).call(this)}async show(){!this.control||this.disabled||ce(this.control)&&this.control.disabled||(bM.__openTooltips.filter(e=>e!==this).forEach(e=>e.hide()),this._base.showPopover(),a(this,gM,await Ne(this._base,this.control,{position:this._anchorPosition,inline:!0,flip:!0,shift:"main",offset:4},(e,t)=>this._updatePosition(this._base,e,t)),"f"),bM.__openTooltips.includes(this)||bM.__openTooltips.push(this))}hide(){this._base.hidePopover(),e(this,gM,"f")?.call(this),a(this,gM,void 0,"f"),e(this,wM,"f").clearDelays(),bM.__openTooltips.includes(this)&&(bM.__openTooltips=bM.__openTooltips.filter(e=>e!==this))}}var LM,EM,zM,MM,PM,TM,IM,DM,AM,WM,HM,OM,BM,FM,VM,RM;bM=_M,fM=new WeakMap,gM=new WeakMap,yM=new WeakMap,$M=new WeakMap,wM=new WeakMap,xM=new WeakMap,vM=new WeakSet,kM=function(){this._base&&e(this,wM,"f").observe(this._base)},CM=function(){this._isInteractive?bM.__openTooltips.includes(this)?this.hide():this.show():this.hide()},SM=function(){if("off"!==this.touchGestures&&e(this,fM,"f")){const t=e(this,fM,"f").style;("on"===this.touchGestures||"INPUT"!==e(this,fM,"f").nodeName&&"TEXTAREA"!==e(this,fM,"f").nodeName)&&(t.userSelect=t.msUserSelect=t.webkitUserSelect=t.MozUserSelect="none"),"on"!==this.touchGestures&&e(this,fM,"f").draggable||(t.webkitUserDrag="none"),t.touchAction="none",t.webkitTapHighlightColor="transparent"}},_M.__openTooltips=new Array,t([h(".base")],_M.prototype,"_base",void 0),t([m({type:Boolean,reflect:!0})],_M.prototype,"disabled",void 0),t([m({attribute:"show-delay",type:Number})],_M.prototype,"showDelay",null),t([m({attribute:"hide-delay",type:Number})],_M.prototype,"hideDelay",null),t([m({attribute:"touch-gestures"})],_M.prototype,"touchGestures",void 0);let qM=RM=class extends _M{constructor(){super(...arguments),LM.add(this),EM.set(this,RM.__nextId++),zM.set(this,""),MM.set(this,""),PM.set(this,""),TM.set(this,!1),this._hasSubhead=!1,this._interactive=!1,IM.set(this,t=>e(this,LM,"m",WM).call(this,t)),this.position="below-after"}get _isInteractive(){return this._interactive}get _anchorPosition(){switch(this.position){case"above":return"top";case"above-after":return"rtl"===qe.current?"top-start":"top-end";case"above-before":return"rtl"===qe.current?"top-end":"top-start";case"after":return"rtl"===qe.current?"left":"right";case"before":return"rtl"===qe.current?"right":"left";case"below":return"bottom";case"below-after":return"rtl"===qe.current?"bottom-start":"bottom-end";case"below-before":return"rtl"===qe.current?"bottom-end":"bottom-start"}}render(){const t=this._interactive&&this._hasSubhead?`m3e-rich-tooltip-${e(this,EM,"f")}-subhead`:void 0;return s`<div class="base" popover="manual" role="${je(this._interactive?"dialog":void 0)}" aria-labelledby="${je(t)}" @keydown="${e(this,LM,"m",HM)}" @beforetoggle="${e(this,LM,"m",DM)}" @toggle="${e(this,LM,"m",AM)}"><m3e-elevation level="3"></m3e-elevation><div class="subhead" id="${je(t)}"><slot name="subhead" @slotchange="${e(this,LM,"m",OM)}"></slot></div><div class="content"><slot @slotchange="${e(this,LM,"m",BM)}"></slot></div><div class="actions"><slot name="actions" @slotchange="${e(this,LM,"m",FM)}"></slot></div></div>`}show(){return this._interactive&&document.addEventListener("click",e(this,IM,"f")),super.show()}hide(t=!0){this._interactive&&document.removeEventListener("click",e(this,IM,"f")),super.hide(),t&&this._interactive&&this.control&&Te.isFocusable(this.control)&&this.control.focus()}attach(t){super.attach(t),e(this,LM,"m",VM).call(this),this._interactive&&(t.ariaHasPopup="dialog")}update(t){super.update(t),t.has("_interactive")&&(this.ariaHidden=this._interactive?null:"true",e(this,LM,"m",VM).call(this),this.control&&this._interactive&&(this.control.ariaHasPopup="dialog"))}_updatePosition(e,t,a){this.position.includes("before")&&"before"!==this.position&&("rtl"===qe.current?t+=this.control?.clientWidth??0:t-=this.control?.clientWidth??0),this.position.includes("after")&&"after"!==this.position&&("rtl"===qe.current?t-=this.control?.clientWidth??0:t+=this.control?.clientWidth??0),"rtl"===qe.current?(e.style.right=window.innerWidth-t-e.clientWidth+"px",e.style.left=""):(e.style.left=`${t}px`,e.style.right=""),e.style.top=`${a}px`}};var NM,UM,jM,YM;EM=new WeakMap,zM=new WeakMap,MM=new WeakMap,PM=new WeakMap,TM=new WeakMap,IM=new WeakMap,LM=new WeakSet,DM=function(e){const t=new ToggleEvent("beforetoggle",{oldState:e.oldState,newState:e.newState,bubbles:!0,composed:!0,cancelable:e.cancelable});this.dispatchEvent(t)||(e.preventDefault(),this.hide())},AM=function(e){const t=new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState,bubbles:!0,composed:!0});this.dispatchEvent(t)},WM=function(e){e.composedPath().some(e=>e instanceof RM||e===this.control)||this.hide()},HM=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.hide())},OM=function(t){this._hasSubhead=g(t.target),this.shadowRoot?.querySelector(".base")?.classList.toggle("has-subhead",this._hasSubhead),a(this,zM,this._hasSubhead?me(t.target,!0):"","f"),e(this,LM,"m",VM).call(this)},BM=function(t){this._interactive=Te.findInteractiveElements(this,!0).length>0,a(this,MM,me(t.target,!0),"f"),e(this,LM,"m",VM).call(this)},FM=function(t){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",g(t.target)),this._interactive=Te.findInteractiveElements(this,!0).length>0,e(this,LM,"m",VM).call(this)},VM=function(){const t=e(this,zM,"f")?`${e(this,zM,"f")}/n${e(this,MM,"f")}`:e(this,MM,"f");this.isConnected&&this.control&&(e(this,PM,"f")&&e(this,TM,"f")&&(Fe.removeDescription(this.control,e(this,PM,"f")),a(this,TM,!1,"f")),a(this,PM,t,"f"),e(this,PM,"f")&&!this._interactive&&(Fe.describe(this.control,e(this,PM,"f")),a(this,TM,!0,"f")))},qM.styles=o`:host { display: contents; } .base { flex-direction: column; position: absolute; padding: unset; margin: unset; border: unset; padding-block-start: var(--m3e-rich-tooltip-padding-top, 0.75rem); padding-inline: var(--m3e-rich-tooltip-padding-inline, 1rem); max-width: var(--m3e-rich-tooltip-max-width, 20rem); box-sizing: border-box; overflow: visible; border-radius: var(--m3e-rich-tooltip-shape, ${v.shape.corner.medium}); background-color: var(--m3e-rich-tooltip-container-color, ${v.color.surfaceContainer}); display: none; opacity: 0; transform: scale(0.8); transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}, \n            transform ${v.motion.duration.short3} ${v.motion.easing.standard},\n            overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n            display ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } .base:not(.has-actions) { padding-block-end: var(--m3e-rich-tooltip-padding-bottom, 0.75rem); } .base::backdrop { background-color: transparent; } .base:popover-open { display: flex; opacity: 1; transform: scale(1); } .base:not(.has-subhead) .subhead, .base:not(.has-actions) .actions { display: none; } .subhead { color: var(--m3e-rich-tooltip-subhead-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-rich-tooltip-subhead-font-size, ${v.typescale.standard.title.small.fontSize}); font-weight: var( --m3e-rich-tooltip-subhead-font-weight, ${v.typescale.standard.title.small.fontWeight} ); line-height: var( --m3e-rich-tooltip-subhead-line-height, ${v.typescale.standard.title.small.lineHeight} ); letter-spacing: var(--m3e-rich-tooltip-subhead-tracking, ${v.typescale.standard.title.small.tracking}); padding-block-end: var(--m3e-rich-tooltip-subhead-bottom-space, 0.25rem); } .content { color: var(--m3e-rich-tooltip-supporting-text-color, ${v.color.onSurfaceVariant}); font-size: var( --m3e-rich-tooltip-supporting-text-font-size, ${v.typescale.standard.body.medium.fontSize} ); font-weight: var( --m3e-rich-tooltip-supporting-text-font-weight, ${v.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-rich-tooltip-supporting-text-line-height, ${v.typescale.standard.body.medium.lineHeight} ); letter-spacing: var( --m3e-rich-tooltip-supporting-text-tracking, ${v.typescale.standard.body.medium.tracking} ); } .actions { margin-inline: calc( 0px - calc( var(--m3e-rich-tooltip-padding-inline, 1rem) - var(--m3e-rich-tooltip-actions-padding-inline, 0.25rem) ) ); padding-block-start: var(--m3e-rich-tooltip-actions-top-space, 0.75rem); padding-block-end: var(--m3e-rich-tooltip-actions-bottom-space, 0.5rem); } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; min-height: 1.5rem; column-gap: 0.5rem; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } @starting-style { .base:popover-open { opacity: 0; transform: scale(0.8); } } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { background-color: Canvas; color: CanvasText; box-sizing: border-box; border: 1px solid CanvasText; } }`,qM.__nextId=0,t([p()],qM.prototype,"_hasSubhead",void 0),t([p()],qM.prototype,"_interactive",void 0),t([m()],qM.prototype,"position",void 0),qM=RM=t([$("m3e-rich-tooltip")],qM);let KM=class extends _M{constructor(){super(...arguments),NM.add(this),UM.set(this,void 0),this.position="below"}get _anchorPosition(){return"above"===this.position?"top":"below"===this.position?"bottom":"before"===this.position?"ltr"===qe.current?"left":"right":"ltr"===qe.current?"right":"left"}attach(t){super.attach(t),e(this,UM,"f")&&Fe.describe(t,e(this,UM,"f"))}detach(){this.control&&e(this,UM,"f")&&Fe.removeDescription(this.control,e(this,UM,"f")),super.detach()}connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return s`<div class="base" popover="manual" @toggle="${e(this,NM,"m",YM)}"><slot @slotchange="${e(this,NM,"m",jM)}"></slot></div>`}_updatePosition(e,t,a){"rtl"===qe.current?(e.style.right=window.innerWidth-t-e.clientWidth+"px",e.style.left=""):(e.style.left=`${t}px`,e.style.right=""),e.style.top=`${a}px`}};var ZM,XM,GM,JM,QM,eP,tP,aP,iP,oP,rP,sP,nP,lP,cP,dP;UM=new WeakMap,NM=new WeakSet,jM=function(t){const i=me(t.target,!0);this.isConnected&&this.control?(e(this,UM,"f")&&Fe.removeDescription(this.control,e(this,UM,"f")),a(this,UM,i,"f"),e(this,UM,"f")&&Fe.describe(this.control,e(this,UM,"f"))):a(this,UM,i,"f")},YM=function(e){if("open"===e.newState){const e=this._base.getBoundingClientRect().height>parseFloat(getComputedStyle(this._base).minHeight);x(this,"--multiline",e)}},KM.styles=o`:host { display: contents; } .base { position: absolute; pointer-events: none; margin: unset; border: unset; word-break: normal; overflow-wrap: break-word; padding: var(--m3e-tooltip-padding, 0.25rem 0.5rem); min-width: var(--m3e-tooltip-min-width, 2.5rem); max-width: var(--m3e-tooltip-max-width, 12.5rem); min-height: var(--m3e-tooltip-min-height, 1.5rem); max-height: var(--m3e-tooltip-max-height, 40vh); box-sizing: border-box; overflow: hidden; text-align: center; border-radius: var(--m3e-tooltip-shape, ${v.shape.corner.extraSmall}); background-color: var(--m3e-tooltip-container-color, ${v.color.inverseSurface}); color: var(--m3e-tooltip-supporting-text-color, ${v.color.inverseOnSurface}); font-size: var(--m3e-tooltip-supporting-text-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var( --m3e-tooltip-supporting-text-font-weight, ${v.typescale.standard.body.small.fontWeight} ); line-height: var( --m3e-tooltip-supporting-text-line-height, ${v.typescale.standard.body.small.lineHeight} ); letter-spacing: var( --m3e-tooltip-supporting-text-tracking, ${v.typescale.standard.body.small.tracking} ); display: none; opacity: 0; transform: scale(0.8); transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short3} ${v.motion.easing.standard},\n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        display ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--multiline), :--multiline)) .base { text-align: start; } .base::backdrop { background-color: transparent; } .base:popover-open { display: block; opacity: 1; transform: scale(1); } @starting-style { .base:popover-open { opacity: 0; transform: scale(0.8); } } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { background-color: Canvas; color: CanvasText; box-sizing: border-box; border: 1px solid CanvasText; } }`,t([m()],KM.prototype,"position",void 0),KM=t([$("m3e-tooltip")],KM);let hP=dP=class extends(pe(N(P(f(r,"treeitem"),!0)))){constructor(){super(...arguments),ZM.add(this),this._hasChildItems=!1,this._multi=!1,XM.set(this,new w(this,{target:null,skipInitial:!0,config:{attributeFilter:["multi"]},callback:()=>e(this,ZM,"m",sP).call(this)})),GM.set(this,[]),JM.set(this,null),QM.set(this,new Array),eP.set(this,null),this.open=!1,this.indeterminate=!1}get link(){return e(this,eP,"f")}get label(){return this._base??null}get visible(){return!e(this,QM,"f").some(e=>!e.open)}get path(){return[...e(this,QM,"f"),this]}get hasChildItems(){return this._hasChildItems}get parentItem(){return e(this,QM,"f")[e(this,QM,"f").length-1]??null}get childItems(){return e(this,GM,"f")}get level(){return e(this,QM,"f").length+1}expand(e=!1){this.hasChildItems&&(this.open=!0,e&&this.childItems.forEach(e=>e.expand(!0)))}collapse(e=!1){this.hasChildItems&&(this.open=!1,e&&this.childItems.forEach(e=>e.collapse(!0)))}toggle(){this.hasChildItems&&(this.open=!this.open)}connectedCallback(){super.connectedCallback(),e(this,QM,"f").length=0;for(let t=this.parentElement?.closest("m3e-tree-item");t;t=t.parentElement?.closest("m3e-tree-item"))e(this,QM,"f").push(t);e(this,QM,"f").reverse(),this.style.setProperty("--_tree-item-level",""+(this.level-1)),a(this,JM,this.closest("m3e-tree"),"f"),e(this,JM,"f")&&(e(this,XM,"f").observe(e(this,JM,"f")),e(this,ZM,"m",sP).call(this))}disconnectedCallback(){super.disconnectedCallback(),e(this,QM,"f").length=0,e(this,JM,"f")&&e(this,XM,"f").unobserve(e(this,JM,"f"))}update(t){if(super.update(t),(t.has("selected")||t.has("indeterminate")||t.has("_multi"))&&(e(this,JM,"f")?.multi?(this.ariaSelected=null,this.ariaChecked=this.indeterminate?"mixed":`${this.selected}`):this.ariaSelected=`${this.selected}`),t.has("selected"))for(const e of this.querySelectorAll(":scope > m3e-icon[slot]:not([slot='toggle-icon']):not([slot='open-toggle-icon'])"))e.toggleAttribute("filled",this.selected);(t.has("open")||t.has("_hasChildItems"))&&(this.ariaExpanded=this._hasChildItems?`${this.open}`:null),(t.has("_hasChildItems")&&this.disabled||t.has("disabled"))&&e(this,GM,"f").forEach(e=>e.disabled=this.disabled)}firstUpdated(e){super.firstUpdated(e);const t=this._base;t&&[this.focusRing,this.stateLayer,this.ripple].forEach(e=>e?.attach(t))}render(){return s`<div class="base" @click="${e(this,ZM,"m",nP)}"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div aria-hidden="true" class="inset"></div><div aria-hidden="true" class="toggle"><slot name="toggle-icon"><svg class="toggle-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg></slot><slot name="open-toggle-icon" @slotchange="${e(this,ZM,"m",aP)}"></slot></div>${this._multi?s`<m3e-pseudo-checkbox class="checkbox" ?checked="${this.selected}" ?indeterminate="${this.indeterminate}" ?disabled="${this.disabled}" @click="${e(this,ZM,"m",lP)}"></m3e-pseudo-checkbox>`:n}<div class="icon" aria-hidden="true">${e(this,ZM,"m",tP).call(this)}</div><div class="label"><slot name="label" @slotchange="${e(this,ZM,"m",oP)}"></slot></div></div><m3e-collapsible class="group" role="group" aria-hidden="${je(this._hasChildItems?void 0:"true")}" ?open="${this.open}" @opening="${e(this,ZM,"m",cP)}" @opened="${e(this,ZM,"m",cP)}" @closing="${e(this,ZM,"m",cP)}" @closed="${e(this,ZM,"m",cP)}"><slot @slotchange="${e(this,ZM,"m",rP)}"></slot></m3e-collapsible>`}};var mP,uP,pP,vP,bP,fP,gP,yP,$P,wP,xP,kP,CP,SP,_P,LP;XM=new WeakMap,GM=new WeakMap,JM=new WeakMap,QM=new WeakMap,eP=new WeakMap,ZM=new WeakSet,tP=function(){const t=s`<slot name="icon" @slotchange="${e(this,ZM,"m",iP)}"></slot>`;return this.selected&&!this.hasChildItems?s`<slot name="selected-icon" @slotchange="${e(this,ZM,"m",iP)}">${t}</slot>`:t},aP=function(e){x(this,"--with-open-toggle-icon",g(e.target))},iP=function(e){x(this,"--with-icon",g(e.target))},oP=function(t){a(this,eP,t.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLAnchorElement)??null,"f"),e(this,eP,"f")?.setAttribute("tabindex","-1")},rP=function(t){a(this,GM,t.target.assignedElements({flatten:!0}).filter(e=>e instanceof dP),"f");const i=this._hasChildItems;if(this._hasChildItems=e(this,GM,"f").length>0,x(this,"--with-items",this._hasChildItems),(i||this._hasChildItems)&&this._multi&&e(this,JM,"f")?.cascade){let t=!1,a=!1;for(const e of this.querySelectorAll("m3e-tree-item"))if(t=t||e.selected,a=a||!e.selected,t&&a)break;a?(e(this,JM,"f")?.[We].deselect(this),this.indeterminate=t):(e(this,JM,"f")?.[We].select(this,!1),this.indeterminate=!1)}},sP=function(){this._multi=!0===e(this,JM,"f")?.multi,x(this,"--multi",this._multi)},nP=function(){this.disabled||(e(this,JM,"f")?.[We].setActiveItem(this),this._hasChildItems?(this._multi||e(this,JM,"f")?.select(this),this.toggle()):(this._multi&&this.selected?e(this,JM,"f")?.deselect(this):e(this,JM,"f")?.select(this),e(this,eP,"f")?.click()))},lP=function(t){t.stopPropagation(),this.selected?e(this,JM,"f")?.deselect(this):e(this,JM,"f")?.select(this)},cP=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},hP.styles=o`:host { display: block; flex: none; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: flex; align-items: center; position: relative; height: calc(var(--m3e-tree-item-height, 3rem) + ${v.density.calc(-3)}); padding-inline: var(--m3e-tree-item-padding, 1rem); font-size: var(--m3e-tree-item-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-tree-item-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-tree-item-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-tree-item-tracking, ${v.typescale.standard.label.large.tracking}); transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard},\n        background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .base, .focus-ring { border-radius: var(--m3e-tree-item-shape, ${v.shape.corner.none}); } .label { flex: 1 1 auto; display: flex; align-items: center; position: relative; overflow: hidden; vertical-align: middle; } .checkbox { flex: none; margin-inline-end: 0.5rem; } .icon, .toggle { flex: none; align-items: center; justify-content: center; position: relative; vertical-align: middle; margin-inline-end: 0.5rem; } .toggle { display: var(--_tree-item-toggle-display, none); } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { display: none; } .inset { margin-inline-start: calc(var(--m3e-tree-item-inset, 2rem) * var(--_tree-item-level, 0)); } :host([open]) .toggle-icon { transform: rotate(90deg); } :host(:not(:is(:state(--with-items), :--with-items))) .toggle { visibility: hidden; } :host(:not(:is(:state(--with-items), :--with-items))) .group { display: none; } ::slotted([slot="selected-icon"]), ::slotted([slot="icon"]), ::slotted([slot="toggle-icon"]), ::slotted([slot="open-toggle-icon"]), .toggle-icon { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-tree-item-icon-size, 1.5rem); } .toggle-icon { transition: ${i(`transform var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host(:is(:state(--with-open-toggle-icon), :--with-open-toggle-icon)[open]) slot[name="toggle-icon"], :host(:is(:state(--with-open-toggle-icon), :--with-open-toggle-icon):not([open])) slot[name="open-toggle-icon"] { display: none; } :host(:not(:disabled)) .base { cursor: pointer; } :host(:not(:disabled)) .base { color: var(--m3e-tree-item-label-color, ${v.color.onSurfaceVariant}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-tree-item-disabled-color, ${v.color.onSurface}) var(--m3e-tree-item-disabled-color-opacity, 38%), transparent ); } :host([selected]:not(:disabled)) .base { color: var(--m3e-tree-item-selected-label-color, ${v.color.onSecondaryContainer}); background-color: var(--m3e-tree-item-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-tree-item-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-tree-item-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-tree-item-selected-ripple-color, ${v.color.onSecondaryContainer}); } :host(:not([selected]):not(:disabled)) .base { --m3e-state-layer-focus-color: var( --m3e-tree-item-unselected-container-focus-color, ${v.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-tree-item-unselected-container-hover-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-tree-item-unselected-ripple-color, ${v.color.onSurface}); } .state-layer { margin-inline: auto; } ::slotted(a[slot="label"]) { all: unset; } @media (prefers-reduced-motion) { .base, .toggle, .state-layer { transition: none !important; } } @media (forced-colors: active) { .base, .state-layer { transition: none !important; } :host(:disabled) .base { color: GrayText; } :host(:not(:disabled)) .base { color: CanvasText; background-color: Canvas; } :host([selected]:not(:is(:state(--multi), :--multi)):not(:disabled)) slot[name="icon"], :host([selected]:not(:is(:state(--multi), :--multi)):not(:disabled)) slot[name="label"] { color: Highlight; } }`,t([h(".state-layer")],hP.prototype,"stateLayer",void 0),t([h(".focus-ring")],hP.prototype,"focusRing",void 0),t([h(".ripple")],hP.prototype,"ripple",void 0),t([h(".base")],hP.prototype,"_base",void 0),t([p()],hP.prototype,"_hasChildItems",void 0),t([p()],hP.prototype,"_multi",void 0),t([m({type:Boolean,reflect:!0})],hP.prototype,"open",void 0),t([m({type:Boolean,reflect:!0})],hP.prototype,"indeterminate",void 0),hP=dP=t([$("m3e-tree-item")],hP);let EP=LP=class extends(f(r,"tree")){constructor(){super(),mP.add(this),uP.set(this,!1),pP.set(this,!1),this[_P]=(new He).withVerticalOrientation().withHomeAndEnd().withPageUpAndDown().withTypeahead().withSkipPredicate(e=>e.disabled||!e.visible).disableRovingTabIndex().onActiveItemChange(()=>{this[We].activeItem&&e(this,mP,"m",xP).call(this,this[We].activeItem)}),vP.set(this,t=>e(this,mP,"m",yP).call(this,t)),bP.set(this,()=>e(this,mP,"m",$P).call(this)),fP.set(this,t=>e(this,mP,"m",wP).call(this,t)),this.multi=!1,this.cascade=!1,new Z(this,{callback:e=>a(this,pP,e,"f")}),new K(this,{callback:()=>{e(this,pP,"f")||e(this,mP,"m",kP).call(this)}})}get selected(){return this[We].selectedItems}get items(){return this[We].items}expand(e,t=!1){const a=Array.isArray(e)?e:this[We].items,i="boolean"==typeof e?e:t;a.forEach(e=>e.expand(i))}collapse(e,t=!1){const a=Array.isArray(e)?e:this[We].items,i="boolean"==typeof e?e:t;a.forEach(e=>e.collapse(i));const o=this[We].activeItem;if(o&&!o.visible)for(let e=o.parentItem;e;e=e.parentItem)if(e.visible){this[We].setActiveItem(e);break}}select(t,a=!1){this[We].select(t,a),t.indeterminate=!1,this.multi&&this.cascade&&(t.hasChildItems&&t.childItems.forEach(e=>this.select(e)),e(this,mP,"m",SP).call(this,t)),a&&e(this,mP,"m",xP).call(this,t),this.dispatchEvent(new Event("change",{bubbles:!0}))}deselect(t){this[We].deselect(t),t.indeterminate=!1,this.multi&&this.cascade&&(t.hasChildItems&&t.childItems.forEach(e=>this.deselect(e)),e(this,mP,"m",SP).call(this,t)),this.dispatchEvent(new Event("change",{bubbles:!0}))}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.addEventListener("keydown",e(this,vP,"f")),this.addEventListener("keyup",e(this,bP,"f")),this.addEventListener("pointerdown",e(this,fP,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,vP,"f")),this.removeEventListener("keyup",e(this,bP,"f")),this.removeEventListener("pointerdown",e(this,fP,"f"))}willUpdate(e){super.willUpdate(e),e.has("multi")&&(this[We].multi=this.multi,this.multi?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"))}render(){return s`<div class="base"><slot @slotchange="${e(this,mP,"m",gP)}"></slot></div>`}};uP=new WeakMap,pP=new WeakMap,vP=new WeakMap,bP=new WeakMap,fP=new WeakMap,mP=new WeakSet,_P=We,gP=function(){const{added:t}=this[We].setItems([...this.querySelectorAll("m3e-tree-item")]);for(const e of t)e.id=e.id||"m3e-tree-item-"+LP.__nextId++;this[We].activeItem?(this.setAttribute("aria-activedescendant",this[We].activeItem.id),e(this,mP,"m",kP).call(this)):this.removeAttribute("aria-activedescendant")},yP=function(t){a(this,uP,!1,"f"),e(this,mP,"m",kP).call(this);const i=this[We].activeItem;if(!t.defaultPrevented&&i&&!i.disabled)switch(t.key){case"Enter":this.multi?(i.ripple&&!i.ripple.visible&&(i.ripple.centered=!0,i.ripple.show(0,0,!0),i.ripple.centered=!1),i.link?.click()):i.selected||(this.select(i),i.link?.click());break;case" ":t.preventDefault(),this.multi?i.selected?this.deselect(i):this.select(i):(i.ripple&&!i.ripple.visible&&(i.ripple.centered=!0,i.ripple.show(0,0,!0),i.ripple.centered=!1),this.select(i),i.link?.click());break;case"*":t.preventDefault(),i.expand(!0);break;case"Left":case"ArrowLeft":if(t.preventDefault(),"ltr"===qe.current)if(i.hasChildItems&&i.open)requestAnimationFrame(()=>i.collapse());else{const e=i.parentItem;e&&this[We].setActiveItem(e)}else i.hasChildItems&&!i.open&&i.expand();break;case"Right":case"ArrowRight":if(t.preventDefault(),"rtl"===qe.current)if(i.hasChildItems&&i.open)requestAnimationFrame(()=>i.collapse());else{const e=i.parentItem;e&&this[We].setActiveItem(e)}else i.hasChildItems&&!i.open&&i.expand();break;default:this[We].onKeyDown(t)}},$P=function(){const e=this[We].activeItem;e&&!e.disabled&&e.ripple?.visible&&e.ripple.hide()},wP=function(t){if(!t.defaultPrevented&&!e(this,uP,"f")&&!_()){a(this,uP,!0,"f");const i=t.composedPath().reverse().find(e=>e instanceof hP);i&&!i.disabled&&e(this,mP,"m",CP).call(this,i,!0,!1)}},xP=function(t){this.setAttribute("aria-activedescendant",t.id),t.label&&S(t.label,this,{block:"nearest",behavior:"smooth"}),e(this,mP,"m",kP).call(this)},kP=function(){const t=this.matches(":focus-within"),a=t||this.matches(":focus"),i=a&&!e(this,uP,"f")&&(_()||this.matches(":focus-visible")||t&&null!==this.querySelector("a:focus-visible"));this[We].items.forEach(t=>{const o=t===this[We].activeItem;e(this,mP,"m",CP).call(this,t,o&&a,o&&i)})},CP=function(e,t,a){t&&a?e.stateLayer?.show("focused"):e.stateLayer?.hide("focused"),a?e.focusRing?.show():e.focusRing?.hide()},SP=function(e){for(let t=e.parentItem;t;t=t.parentItem){let e=!1,a=!1;for(const i of t.querySelectorAll("m3e-tree-item"))if(e=e||i.selected,a=a||!i.selected,e&&a)break;a?(this[We].deselect(t),t.indeterminate=e):(this[We].select(t,!1),t.indeterminate=!1)}},B(o`${i("m3e-tree:has(> m3e-tree-item:is(:state(--with-items), :--with-items)) {\n        --_tree-item-toggle-display: flex;\n      }")}`),EP.styles=o`:host { display: block; outline: none; overflow-y: auto; overflow-x: hidden; min-height: 0; scrollbar-width: ${v.scrollbar.width}; scrollbar-color: ${v.scrollbar.color}; } .base { width: 100%; display: flex; flex-direction: column; position: relative; min-height: inherit; box-sizing: border-box; }`,EP.__nextId=0,t([m({type:Boolean,reflect:!0})],EP.prototype,"multi",void 0),t([m({type:Boolean,reflect:!0})],EP.prototype,"cascade",void 0),EP=LP=t([$("m3e-tree")],EP);export{Kd as ActionElementBase,Ps as AnimationLoopController,sc as AttachInternals,xo as CalendarViewElementBase,mc as Checked,pc as CheckedIndeterminate,md as ConstraintValidation,qc as DesignToken,xc as Dirty,Uc as Disabled,Xc as DisabledInteractive,xl as FocusController,pd as Focusable,nd as FormAssociated,fd as FormSubmitter,kl as HoverController,wd as HtmlFor,Cl as InertController,Sl as IntersectionController,xd as KeyboardClick,ed as Labelled,_d as LinkButton,_l as LongPressController,Du as M3eAccordionElement,Tb as M3eActionListElement,Lt as M3eAppBarElement,zr as M3eAssistChipElement,La as M3eAutocompleteElement,Ea as M3eAvatarElement,Aa as M3eBadgeElement,Wa as M3eBottomSheetActionElement,wi as M3eBottomSheetElement,xi as M3eBottomSheetTriggerElement,Ei as M3eBreadcrumbElement,Vi as M3eBreadcrumbItemElement,ao as M3eButtonElement,co as M3eButtonGroupElement,Ox as M3eButtonSegmentElement,Jo as M3eCalendarElement,ur as M3eCardElement,$r as M3eCheckboxElement,Er as M3eChipElement,Mr as M3eChipSetElement,y$ as M3eCircularProgressIndicatorElement,Zd as M3eCollapsibleElement,xs as M3eContentPaneElement,Am as M3eDatepickerElement,Wm as M3eDatepickerToggleElement,Hm as M3eDialogActionElement,Xm as M3eDialogElement,Gm as M3eDialogTriggerElement,Jm as M3eDividerElement,xu as M3eDrawerContainerElement,zu as M3eDrawerToggleElement,hh as M3eElevationElement,zb as M3eExpandableListItemElement,cp as M3eExpansionHeaderElement,xp as M3eExpansionPanelElement,Tp as M3eFabElement,Gp as M3eFabMenuElement,Wp as M3eFabMenuItemElement,Jp as M3eFabMenuTriggerElement,Dr as M3eFilterChipElement,Rr as M3eFilterChipSetElement,xh as M3eFocusRingElement,Tv as M3eFormFieldElement,Iv as M3eHeadingElement,rb as M3eIconButtonElement,qv as M3eIconElement,Yr as M3eInputChipElement,gs as M3eInputChipSetElement,I$ as M3eLinearProgressIndicatorElement,Wb as M3eListActionElement,yb as M3eListElement,ub as M3eListItemElement,qb as M3eListOptionElement,lf as M3eLoadingIndicatorElement,Ff as M3eMenuElement,Qf as M3eMenuItemCheckboxElement,kf as M3eMenuItemElement,eg as M3eMenuItemGroupElement,ug as M3eMenuItemRadioElement,df as M3eMenuTriggerElement,Po as M3eMonthViewElement,Wo as M3eMultiYearViewElement,$g as M3eNavBarElement,zg as M3eNavItemElement,oy as M3eNavMenuElement,Rg as M3eNavMenuItemElement,dy as M3eNavMenuItemGroupElement,vy as M3eNavRailElement,yy as M3eNavRailToggleElement,My as M3eOptGroupElement,Cy as M3eOptionElement,Ay as M3eOptionPanelElement,Uy as M3ePaginatorElement,kh as M3ePseudoCheckboxElement,Ch as M3ePseudoRadioElement,V$ as M3eRadioElement,Z$ as M3eRadioGroupElement,pM as M3eRichTooltipActionElement,qM as M3eRichTooltipElement,Wh as M3eRippleElement,Oh as M3eScrollContainerElement,Qw as M3eSearchBarElement,Tx as M3eSearchViewElement,Ux as M3eSegmentedButtonElement,Ck as M3eSelectElement,Zb as M3eSelectionListElement,Ak as M3eShapeElement,Rk as M3eSkeletonElement,qh as M3eSlideElement,Kk as M3eSlideGroupElement,xC as M3eSliderElement,Gk as M3eSliderThumbElement,IC as M3eSnackbar,TC as M3eSnackbarElement,jC as M3eSplitButtonElement,kS as M3eSplitPaneElement,tm as M3eStateLayerElement,MS as M3eStepElement,CS as M3eStepPanelElement,NS as M3eStepperElement,US as M3eStepperNextElement,jS as M3eStepperPreviousElement,YS as M3eStepperResetElement,ys as M3eSuggestionChipElement,bL as M3eSwitchElement,wL as M3eTabElement,xL as M3eTabPanelElement,qL as M3eTabsElement,dm as M3eTextHighlightElement,hm as M3eTextOverflowElement,sE as M3eTextareaAutosizeElement,qz as M3eThemeElement,sM as M3eTocElement,Nz as M3eTocItemElement,uM as M3eToolbarElement,KM as M3eTooltipElement,EP as M3eTreeElement,hP as M3eTreeItemElement,Vo as M3eYearViewElement,Ll as MutationController,El as PressedController,jy as ProgressElementIndicatorBase,Ed as ReadOnly,Md as ReconnectedCallback,Td as Required,Dd as RequiredConstraintValidation,zl as ResizeController,Ad as Role,Kl as ScrollController,Zl as ScrollLockController,bc as Selected,qS as StepperButtonElementBase,Hd as SuppressInitialAnimation,rM as TocGenerator,_M as TooltipElementBase,Sc as Touched,$l as VelocityTracker,Bd as Vertical,lc as addCustomState,yc as checkOrSelect,Is as computeCssSize,Ds as computeLineCount,Ml as customElement,Xl as dateConverter,Pl as debounce,ad as defaultValue,cc as deleteCustomState,tv as findFormFieldControl,As as focusWhenReady,Ws as forcedColorsActive,td as formValue,Us as generateClipPaths,Iz as getColorFromImage,Ks as getScrollbarWidth,Zs as getTextContent,Xs as guid,Gs as hasAssignedNodes,nc as hasCustomState,tc as hasKeys,Js as interceptProperty,ac as internals,ic as isAttachInternalsMixin,uc as isCheckedIndeterminateMixin,hc as isCheckedMixin,gc as isCheckedOrSelected,fc as isCheckedOrSelectedMixin,cd as isConstraintValidationMixin,$c as isDirtyMixin,jc as isDisabledInteractiveMixin,Nc as isDisabledMixin,id as isFormAssociatedMixin,ev as isFormFieldControl,vd as isFormSubmitterMixin,gd as isHtmlForMixin,Jc as isLabelledMixin,Cd as isLinkButtonMixin,Ld as isReadOnlyMixin,Id as isRequiredConstraintValidationMixin,Pd as isRequiredMixin,vc as isSelectedMixin,kc as isTouchedMixin,Od as isVerticalMixin,Qs as prefersReducedMotion,Nv as registerIcon,en as registerStyleSheet,kd as renderPseudoLink,tn as resolveElementById,an as resolveFragmentUrl,Wd as resumeAnimation,ec as safeStyleMap,on as scrollIntoViewIfNeeded,dc as setCustomState,Gl as spaceSeparatedStringConverter,Gc as updateLabels,ld as validate,wl as waitForUpgrade};
+ */(await new Promise((t,a)=>{const i=document.createElement("canvas"),o=i.getContext("2d");if(!o)return void a(new Error("Could not get canvas context"));const r=()=>{i.width=e.width,i.height=e.height,o.drawImage(e,0,0);let a=[0,0,e.width,e.height];const r=e.dataset.area;r&&/^\d+(\s*,\s*\d+){3}$/.test(r)&&(a=r.split(/\s*,\s*/).map(e=>parseInt(e,10)));const[s,n,l,c]=a;t(o.getImageData(s,n,l,c).data)},s=()=>{a(new Error("Image load failed"))};e.complete?r():(e.onload=r,e.onerror=s)}))}function Iz(e,t=[]){const a=dz.of(e);return{source:e,schemes:{light:Sz.light(e),dark:Sz.dark(e)},palettes:{primary:a.a1,secondary:a.a2,tertiary:a.a3,neutral:a.n1,neutralVariant:a.n2,error:a.error},customColors:t.map(t=>function(e,t){let a=t.value;const i=a,o=e;t.blend&&(a=WE.harmonize(i,o));const r=dz.of(a),s=r.a1;return{color:t,value:a,light:{color:s.tone(40),onColor:s.tone(100),colorContainer:s.tone(90),onColorContainer:s.tone(10)},dark:{color:s.tone(80),onColor:s.tone(20),colorContainer:s.tone(30),onColorContainer:s.tone(90)}}}(e,t))}}async function Dz(e){return zz(await Tz(e))}var Az,Wz,Hz,Oz,Bz,Fz,Vz,Rz,qz,Nz;Ez.TARGET_CHROMA=48,Ez.WEIGHT_PROPORTION=.7,Ez.WEIGHT_CHROMA_ABOVE=.3,Ez.WEIGHT_CHROMA_BELOW=.1,Ez.CUTOFF_CHROMA=5,Ez.CUTOFF_EXCITED_PROPORTION=.01;let Uz=class extends r{constructor(){super(...arguments),Az.add(this),Wz.set(this,new CSSStyleSheet),Hz.set(this,!1),Oz.set(this,void 0),Bz.set(this,void 0),Fz.set(this,void 0),Vz.set(this,()=>e(this,Az,"m",Rz).call(this,!0)),this.color="#6750A4",this.variant="neutral",this.scheme="auto",this.contrast="standard",this.strongFocus=!1,this.density=0,this.motion="standard"}get isDark(){switch(this.scheme){case"light":return!1;case"dark":return!0;default:if(this.parentElement instanceof HTMLBodyElement)switch(document.documentElement.style.colorScheme){case"light":return!1;case"dark":return!0}return e(this,Bz,"f")?.matches??!1}}connectedCallback(){super.connectedCallback(),this.parentElement instanceof HTMLBodyElement?(this.shadowRoot?.adoptedStyleSheets.includes(e(this,Wz,"f"))&&(this.shadowRoot.adoptedStyleSheets=this.shadowRoot.adoptedStyleSheets.filter(t=>t!==e(this,Wz,"f"))),document.adoptedStyleSheets.includes(e(this,Wz,"f"))||(document.adoptedStyleSheets=[e(this,Wz,"f"),...document.adoptedStyleSheets])):(document.adoptedStyleSheets.includes(e(this,Wz,"f"))&&(document.adoptedStyleSheets=document.adoptedStyleSheets.filter(t=>t!==e(this,Wz,"f"))),this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(e(this,Wz,"f"))&&(this.shadowRoot.adoptedStyleSheets=[e(this,Wz,"f"),...this.shadowRoot.adoptedStyleSheets])),a(this,Oz,matchMedia("(prefers-color-scheme: light)"),"f"),a(this,Bz,matchMedia("(prefers-color-scheme: dark)"),"f"),a(this,Fz,matchMedia("(forced-colors: active)"),"f"),[e(this,Oz,"f"),e(this,Bz,"f"),e(this,Fz,"f")].forEach(t=>t.addEventListener("change",e(this,Vz,"f")))}disconnectedCallback(){super.disconnectedCallback(),[e(this,Oz,"f"),e(this,Bz,"f"),e(this,Fz,"f")].forEach(t=>t?.removeEventListener("change",e(this,Vz,"f"))),a(this,Oz,a(this,Bz,a(this,Fz,void 0,"f"),"f"),"f"),document.adoptedStyleSheets.includes(e(this,Wz,"f"))&&(document.adoptedStyleSheets=document.adoptedStyleSheets.filter(t=>t!==e(this,Wz,"f")))}updated(t){super.updated(t),e(this,Az,"m",Rz).call(this,e(this,Hz,"f")&&["color","scheme","contrast"].some(e=>t.has(e)))}firstUpdated(e){super.firstUpdated(e),a(this,Hz,!0,"f")}render(){return s`<slot></slot>`}};var jz,Yz,Kz,Zz,Xz;Wz=new WeakMap,Hz=new WeakMap,Oz=new WeakMap,Bz=new WeakMap,Fz=new WeakMap,Vz=new WeakMap,Az=new WeakSet,Rz=function(t){const a=Mz(this.color),i=Iz(a),o=new oz({sourceColorHct:AE.fromInt(a),variant:e(this,Az,"m",qz).call(this),contrastLevel:e(this,Az,"m",Nz).call(this),isDark:this.isDark,primaryPalette:i.palettes.primary,secondaryPalette:i.palettes.secondary,tertiaryPalette:i.palettes.tertiary,neutralPalette:i.palettes.neutral,neutralVariantPalette:i.palettes.neutralVariant,errorPalette:i.palettes.error});let r="";const s=new iz,n=[...s.allColors,s.surfaceVariant(),s.shadow(),s.scrim(),s.surfaceTint()];for(const e of n){r+=`${`--md-sys-color-${e.name.replace(/_/g,"-").toLowerCase()}`}: ${zz(e.getArgb(o))};`}if("expressive"===this.motion&&(r+="--md-sys-motion-spring-fast-spatial: 350ms cubic-bezier(0.42, 1.67, 0.21, 0.90);",r+="--md-sys-motion-spring-default-spatial: 500ms cubic-bezier(0.38, 1.21, 0.22, 1.00);",r+="--md-sys-motion-spring-slow-spatial: 650ms cubic-bezier(0.39, 1.29, 0.35, 0.98);",r+="--md-sys-motion-spring-fast-effects: 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00);",r+="--md-sys-motion-spring-default-effects: 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00);",r+="--md-sys-motion-spring-slow-effects: 300ms cubic-bezier(0.34, 0.88, 0.34, 1.00);"),r+=`--md-sys-density-scale: ${this.density};`,r+=`--m3e-scrollbar-thumb-color: ${zz(o.neutralPalette.tone(60))};`,r+=`--m3e-focus-ring-visibility: ${this.strongFocus?"visible":"hidden"};`,r+=`font-size: ${v.typescale.standard.body.large.fontSize};`,r+=`font-weight: ${v.typescale.standard.body.large.fontWeight};`,r+=`line-height: ${v.typescale.standard.body.large.lineHeight};`,r+=`letter-spacing: ${v.typescale.standard.body.large.tracking};`,this.parentElement instanceof HTMLBodyElement)switch(e(this,Wz,"f").replaceSync(`\n        html { ${r} }\n        @media not (forced-colors: active) {\n          body { \n            background-color: var(--md-sys-color-background);\n            color: var(--md-sys-color-on-background);\n            scrollbar-color: ${v.scrollbar.color};\n          }\n        }`),this.scheme){case"light":document.documentElement.style.colorScheme="light";break;case"dark":document.documentElement.style.colorScheme="dark";break;default:switch(document.documentElement.style.colorScheme){case"light":case"dark":document.documentElement.style.colorScheme="light dark"}}else e(this,Wz,"f").replaceSync(`:host { ${r} }`);e(this,Hz,"f")&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&document.body.offsetHeight},qz=function(){switch(this.variant){case"neutral":return 1;case"tonal-spot":return 2;case"vibrant":return 3;case"expressive":return 4;case"fidelity":return 5;case"content":return 6;case"rainbow":return 7;case"fruit-salad":return 8;default:return 0}},Nz=function(){switch(this.contrast){case"high":return 1;case"medium":return.5;default:return 0}},(()=>{if("undefined"!=typeof window){const e=e=>{let t="";for(const a in e){const i=e[a].toString();if(!i.startsWith("var("))continue;const o=i.trim().slice(4,-1),[r,s]=o.split(/,(.+)/).map(e=>e.trim());r.startsWith("--")&&s&&(t+=`${r}:${s};`)}return t},t=(e,t)=>{const{[t]:a,...i}=e;return i};let a="";a+=e(v.typescale.standard.display.large),a+=e(v.typescale.standard.display.medium),a+=e(v.typescale.standard.display.small),a+=e(v.typescale.standard.headline.large),a+=e(v.typescale.standard.headline.medium),a+=e(v.typescale.standard.headline.small),a+=e(v.typescale.standard.title.large),a+=e(v.typescale.standard.title.medium),a+=e(v.typescale.standard.title.small),a+=e(v.typescale.standard.label.large),a+=e(v.typescale.standard.label.medium),a+=e(v.typescale.standard.label.small),a+=e(v.typescale.standard.body.large),a+=e(v.typescale.standard.body.medium),a+=e(v.typescale.standard.body.small),a+=e(v.elevation),a+=e(v.shape.corner.value),a+=e(t(v.shape.corner,"value")),a+=e(v.motion.duration),a+=e(v.motion.easing),a+=e(v.motion.spring),a+=e(t(v.density,"calc")),a+=e(v.measurement),a+=e(v.state),B(i(`html{${a}}`))}})(),Uz.styles=o`:host { display: contents; }`,t([m()],Uz.prototype,"color",void 0),t([m()],Uz.prototype,"variant",void 0),t([m()],Uz.prototype,"scheme",void 0),t([m()],Uz.prototype,"contrast",void 0),t([m({attribute:"strong-focus",type:Boolean})],Uz.prototype,"strongFocus",void 0),t([m({type:Number})],Uz.prototype,"density",void 0),t([m()],Uz.prototype,"motion",void 0),Uz=t([$("m3e-theme")],Uz);let Gz=class extends(f(r,"img")){constructor(){super(...arguments),jz.add(this),Yz.set(this,void 0),Kz.set(this,void 0),Zz.set(this,()=>this.requestUpdate()),this.color="#6750A4",this.variant="neutral",this.scheme="auto"}get isDark(){switch(this.scheme){case"light":return!1;case"dark":return!0;default:if(this.parentElement instanceof HTMLBodyElement)switch(document.documentElement.style.colorScheme){case"light":return!1;case"dark":return!0}return e(this,Kz,"f")?.matches??!1}}connectedCallback(){super.connectedCallback(),a(this,Yz,matchMedia("(prefers-color-scheme: light)"),"f"),a(this,Kz,matchMedia("(prefers-color-scheme: dark)"),"f"),[e(this,Yz,"f"),e(this,Kz,"f")].forEach(t=>t.addEventListener("change",e(this,Zz,"f")))}disconnectedCallback(){super.disconnectedCallback(),[e(this,Yz,"f"),e(this,Kz,"f")].forEach(t=>t?.removeEventListener("change",e(this,Zz,"f"))),a(this,Yz,a(this,Kz,void 0,"f"),"f")}updated(t){super.updated(t);const a=this.shadowRoot?.querySelector(".base"),i=Mz(this.color),o=Iz(i),r=new oz({sourceColorHct:AE.fromInt(i),variant:e(this,jz,"m",Xz).call(this),contrastLevel:0,isDark:this.isDark,primaryPalette:o.palettes.primary,neutralPalette:o.palettes.neutral}),s=new iz;a?.style.setProperty("--_theme-icon-container-color",zz(s.surface().getArgb(r))),a?.style.setProperty("--_theme-icon-color",zz(s.primary().getArgb(r)))}render(){return s`<div class="base"><svg viewBox="0 0 80 80" class="icon"><path class="container" d="M77.87 0C79.05 0 80 .95 80 2.13v75.74c0 1.17-.95 2.13-2.13 2.13H2.13C.96 80 0 79.04 0 77.87V2.13C0 .95.96 0 2.13 0h75.74z"/><path class="color" d="M54 40c3.32 0 6 2.69 6 6 0 1.2 0-1.2 0 0 0 3.31-2.68 6-6 6H26c-3.31 0-6-2.69-6-6 0-1.2 0 1.2 0 0 0-3.31 2.69-6 6-6h28z"/><path class="color" d="M0 0h80v17.24H0V0z"/></svg></div>`}};Yz=new WeakMap,Kz=new WeakMap,Zz=new WeakMap,jz=new WeakSet,Xz=function(){switch(this.variant){case"neutral":return 1;case"tonal-spot":return 2;case"vibrant":return 3;case"expressive":return 4;case"fidelity":return 5;case"content":return 6;case"rainbow":return 7;case"fruit-salad":return 8;default:return 0}},Gz.styles=o`:host { display: inline-block; width: var(--m3e-theme-icon-size, 1.5rem); height: var(--m3e-theme-icon-size, 1.5rem); } .base { width: 100%; height: 100%; border-radius: var(--m3e-theme-icon-shape, ${v.shape.corner.extraSmall}); outline: solid 1px color-mix( in srgb, var(--m3e-theme-icon-outline-color, ${v.color.outlineVariant}) var(--m3e-theme-icon-outline-opacity, 50%), transparent ); } .icon { width: 100%; height: 100%; } .container { fill: var(--m3e-theme-icon-container-color, var(--_theme-icon-container-color)); } .color { fill: var(--m3e-theme-icon-color, var(--_theme-icon-color)); }`,t([m()],Gz.prototype,"color",void 0),t([m()],Gz.prototype,"variant",void 0),t([m()],Gz.prototype,"scheme",void 0),Gz=t([$("m3e-theme-icon")],Gz);let Jz=class extends(pe(N(P(f(r,"link"))))){update(e){super.update(e),e.has("selected")&&(this.ariaSelected=null,this.ariaCurrent=this.selected?"true":null),e.has("node")&&(this.node?this._base?.style.setProperty("--_level",""+(this.node.level-1)):this._base?.style.removeProperty("--_level"))}firstUpdated(e){super.firstUpdated(e),this._stateLayer?.attach(this)}render(){return s`<m3e-state-layer class="state-layer"></m3e-state-layer><div class="base"><slot></slot></div>`}};var Qz,eM,tM,aM,iM,oM,rM,sM,nM,lM,cM,dM,hM,mM;Jz.styles=o`:host { display: inline-block; position: relative; user-select: none; outline: none; border-radius: var(--m3e-toc-item-shape, ${v.shape.corner.largeIncreased}); padding-block: var(--m3e-toc-item-padding-block, 0.5rem); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not(:disabled)) { cursor: pointer; } .base { padding-inline-start: calc( var(--m3e-toc-item-padding, 1rem) + calc(var(--m3e-toc-item-inset, 0.75rem) * var(--_level, 0)) ); padding-inline-end: var(--m3e-toc-item-padding, 1rem); transition: ${i(`color var(--m3e-toc-active-indicator-animation-duration, ${v.motion.duration.long1}) ${v.motion.easing.standard}`)}; } :host(:not([selected])) { font-size: var(--m3e-toc-item-font-size, ${v.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-toc-item-font-weight, ${v.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-toc-item-line-height, ${v.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-toc-item-tracking, ${v.typescale.standard.body.large.tracking}); color: var(--m3e-toc-item-color, ${v.color.onSurfaceVariant}); } :host([selected]) { font-size: var(--m3e-toc-item-selected-font-size, ${v.typescale.emphasized.body.large.fontSize}); font-weight: var(--m3e-toc-item-selected-font-weight, ${v.typescale.emphasized.body.large.fontWeight}); line-height: var(--m3e-toc-item-selected-line-height, ${v.typescale.emphasized.body.large.lineHeight}); letter-spacing: var(--m3e-toc-item-selected-tracking, ${v.typescale.emphasized.body.large.tracking}); color: var(--m3e-toc-item-selected-color, ${v.color.onSurface}); } .base { justify-content: unset; } .state-layer { --m3e-state-layer-focus-opacity: 0; } @media (prefers-reduced-motion) { .base { transition: none; } }`,t([h(".base")],Jz.prototype,"_base",void 0),t([h(".state-layer")],Jz.prototype,"_stateLayer",void 0),t([p()],Jz.prototype,"node",void 0),Jz=t([$("m3e-toc-item")],Jz);class uM{static generate(t,a=6){let i=6;const o=new Array;t.querySelectorAll("h1:not([m3e-toc-ignore]),h2:not([m3e-toc-ignore]),h3:not([m3e-toc-ignore]),h4:not([m3e-toc-ignore]),h5:not([m3e-toc-ignore]),h6:not([m3e-toc-ignore]),m3e-heading[level]:not([m3e-toc-ignore])").forEach(t=>{const a=e(Qz,Qz,"m",eM).call(Qz,t);i=Math.min(a,i),o.push({id:t.id||Le(),element:t,level:a,label:me(t,!0),nodes:new Array})});for(let e=i+a-1;e>i;e--)for(let t=0;t<o.length;t++){const a=o[t];if(a.level===e)for(let i=t;i>=0;i--){const t=o[i];if(t.level<e){t.nodes.push(a);break}}}return o.forEach(e=>e.level-=i-1),o.filter(e=>1===e.level)}}Qz=uM,eM=function(e){return e.tagName.startsWith("H")?parseInt(e.tagName.substring(1)):parseInt(e.getAttribute("level")??"0")};let pM=class extends(b(P(f(r,"navigation")))){constructor(){super(...arguments),tM.add(this),this._toc=[],aM.set(this,!1),iM.set(this,(new He).withHomeAndEnd().withVerticalOrientation().disableRovingTabIndex().onSelectedItemsChange(()=>{for(const t of e(this,nM,"f").targets)e(this,nM,"f").unobserve(t);if(this._activeIndicator){const t=e(this,iM,"f").selectedItems[0];if(t){e(this,nM,"f").observe(t);const a=this._scrollContainer;t===e(this,iM,"f").items[0]?a.scrollTo({top:0,behavior:"smooth"}):t===e(this,iM,"f").items[e(this,iM,"f").items.length-1]?a.scrollTo({top:a.scrollHeight-a.clientHeight,behavior:"smooth"}):S(t,this._scrollContainer,{block:"nearest",behavior:"smooth"}),this._activeIndicator.style.top=`${t.offsetTop}px`,this._activeIndicator.style.height=`${t.clientHeight}px`,this._activeIndicator.style.visibility=0==t.clientHeight?"hidden":"",H(this,"--no-animate")&&setTimeout(()=>x(this,"--no-animate",!1),40)}else x(this,"--no-animate",!0),this._activeIndicator.style.top="0px",this._activeIndicator.style.height="0px",this._activeIndicator.style.visibility="hidden"}})),oM.set(this,new Ee(this,{target:null,callback:t=>{if(!this.control||e(this,aM,"f"))return;const a=this.control.scrollTop;let i=null,o=Number.POSITIVE_INFINITY;if(t.filter(e=>e.isIntersecting).map(e=>e.target).forEach(e=>{const t=e.offsetTop,r=Math.abs(t-a);r<o&&(o=r,i=e)}),i){const t=e(this,iM,"f").items.find(e=>e.node?.element===i);t&&e(this,iM,"f").select(t)}}})),rM.set(this,new be(this,{target:null,callback:()=>a(this,aM,!1,"f"),debounce:!0})),sM.set(this,new w(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>this._updateToc()})),nM.set(this,new A(this,{target:null,callback:()=>{const t=e(this,iM,"f").selectedItems[0];t&&this._activeIndicator&&(this._activeIndicator.style.top=`${t.offsetTop}px`,this._activeIndicator.style.height=`${t.clientHeight}px`,this._activeIndicator.style.visibility=0==t.clientHeight?"hidden":"")}})),this.maxDepth=2}attach(t){super.attach(t),e(this,sM,"f").observe(t),e(this,rM,"f").observe(t),e(this,tM,"m",mM).call(this)}detach(){this.control&&(e(this,sM,"f").unobserve(this.control),e(this,rM,"f").unobserve(this.control)),super.detach(),e(this,tM,"m",mM).call(this)}willUpdate(t){super.willUpdate(t),t.has("maxDepth")&&e(this,tM,"m",mM).call(this)}updated(t){if(super.updated(t),t.has("_toc")){const{added:t,removed:a}=e(this,iM,"f").setItems([...this.shadowRoot?.querySelectorAll("m3e-toc-item")??[]]);e(this,iM,"f").activeItem||(x(this,"--no-animate",!0),e(this,iM,"f").updateActiveItem(t.find(e=>!e.disabled)));for(const a of t)a.node&&e(this,oM,"f").observe(a.node.element);for(const t of a)t.node&&e(this,oM,"f").unobserve(t.node.element)}}render(){return s`<div class="base"><div class="scroll-container"><div class="header"><div class="overline"><slot name="overline" @slotchange="${e(this,tM,"m",cM)}"></slot></div><div class="title"><slot name="title" @slotchange="${e(this,tM,"m",dM)}"></slot></div></div><slot></slot><ul class="list">${this._toc.map(t=>e(this,tM,"m",lM).call(this,t))}</ul><div class="active-indicator" aria-hidden="true"></div></div></div>`}_updateToc(){e(this,tM,"m",mM).call(this)}};var vM,bM,fM,gM,yM,$M;aM=new WeakMap,iM=new WeakMap,oM=new WeakMap,rM=new WeakMap,sM=new WeakMap,nM=new WeakMap,tM=new WeakSet,lM=function t(a){return s`<li><m3e-toc-item tabindex="-1" .node="${a}" @click="${e(this,tM,"m",hM)}">${a.label}</m3e-toc-item>${0==a.nodes.length?n:s`<ul>${a.nodes.map(a=>e(this,tM,"m",t).call(this,a))}</ul>`}</li>`},cM=function(e){x(this,"--with-overline",g(e.target))},dM=function(e){x(this,"--with-title",g(e.target))},hM=function(t){t.target instanceof Jz&&!t.target.disabled&&t.target.node?.element&&(a(this,aM,!0,"f"),t.target.node.element.scrollIntoView({block:"start",behavior:"smooth"}),e(this,iM,"f").updateActiveItem(t.target),e(this,iM,"f").select(t.target))},mM=function(){this._toc=this.control?uM.generate(this.control,Math.max(1,Math.min(this.maxDepth,6))):[]},pM.styles=o`:host { display: inline-block; width: calc(var(--m3e-toc-width, 9.75rem)); } .base { border-radius: var(--m3e-toc-container-shape, ${v.shape.corner.none}); box-sizing: border-box; overflow: hidden; height: 100%; width: 100%; } .scroll-container { height: inherit; width: inherit; box-sizing: inherit; background-color: var(--m3e-toc-container-color, transparent); border-radius: inherit; padding-inline: var(--m3e-toc-container-padding-inline, 0px); padding-block: var(--m3e-toc-container-padding-block, 0px); position: relative; overflow-y: auto; overflow-x: hidden; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; } ul { list-style: none; padding-inline-start: unset; margin-block-start: unset; margin-block-end: unset; } ul, li { display: flex; flex-direction: column; align-items: stretch; } m3e-toc-item { flex: none; } .active-indicator { position: absolute; pointer-events: none; box-sizing: border-box; left: var(--m3e-toc-container-padding-inline, 0px); right: var(--m3e-toc-container-padding-inline, 0px); border-radius: var(--m3e-toc-item-shape, ${v.shape.corner.largeIncreased}); border: 1px solid var(--m3e-toc-active-indicator-color, ${v.color.outline}); transition: ${i(`visibility var(--m3e-toc-active-indicator-animation-duration, ${v.motion.duration.long1})\n          ${v.motion.easing.standard},\n        height var(--m3e-toc-active-indicator-animation-duration, ${v.motion.duration.long1})\n          ${v.motion.easing.standard},\n        top var(--m3e-toc-active-indicator-animation-duration, ${v.motion.duration.long1})\n          ${v.motion.easing.standard}`)}; } .header { display: flex; flex-direction: column; align-items: stretch; padding-inline-start: var(--m3e-toc-item-padding, 1rem); padding-block-end: var(--m3e-toc-header-space, 0.5rem); row-gap: var(--m3e-toc-header-space, 0.5rem); } .overline { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 2; } :host(:not(:is(:state(--with-overline), :--with-overline))) .overline, :host(:not(:is(:state(--with-title), :--with-title))) .title, :host(:not(:is(:state(--with-overline), :--with-overline)):not(:is(:state(--with-title), :--with-title))) .header { display: none; } ::slotted([slot="overline"]) { font-size: var(--m3e-toc-overline-font-size, ${v.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-toc-overline-font-weight, ${v.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-toc-overline-line-height, ${v.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-toc-overline-tracking, ${v.typescale.standard.label.small.tracking}); color: var(--m3e-toc-overline-color, ${v.color.onSurfaceVariant}); } ::slotted([slot="title"]) { font-size: var(--m3e-toc-title-font-size, ${v.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-toc-title-font-weight, ${v.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-toc-title-line-height, ${v.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-toc-title-tracking, ${v.typescale.standard.headline.small.tracking}); color: var(--m3e-toc-title-color, ${v.color.onSurface}); } :host(:is(:state(--no-animate), :--no-animate)) .active-indicator { transition: none; } @media (prefers-reduced-motion) { .active-indicator { transition: none; } }`,t([p()],pM.prototype,"_toc",void 0),t([h(".active-indicator")],pM.prototype,"_activeIndicator",void 0),t([h(".scroll-container")],pM.prototype,"_scrollContainer",void 0),t([m({attribute:"max-depth",type:Number})],pM.prototype,"maxDepth",void 0),t([y(40)],pM.prototype,"_updateToc",null),pM=t([$("m3e-toc")],pM);let wM=class extends(ue(f(r,"toolbar"))){constructor(){super(...arguments),vM.add(this),bM.set(this,void 0),fM.set(this,(new Be).withHomeAndEnd().withDirectionality(qe.current)),this.variant="standard",this.shape="square",this.elevated=!1}connectedCallback(){super.connectedCallback(),a(this,bM,qe.observe(()=>e(this,fM,"f").directionality=qe.current),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,bM,"f")?.call(this)}update(t){super.update(t),t.has("vertical")&&(e(this,fM,"f").vertical=this.vertical)}render(){return s`<m3e-state-layer class="state-layer"></m3e-state-layer><m3e-elevation class="elevation" level="${this.elevated?3:0}"></m3e-elevation><div class="base"><slot @click="${e(this,vM,"m",$M)}" @keydown="${e(this,vM,"m",yM)}" @slotchange="${e(this,vM,"m",gM)}"></slot></div>`}};bM=new WeakMap,fM=new WeakMap,vM=new WeakSet,gM=function(){const t=Te.findInteractiveElements(this,!0),{added:a}=e(this,fM,"f").setItems(t);if(!e(this,fM,"f").activeItem){const t=a.find(e=>!e.hasAttribute("disabled"));t&&e(this,fM,"f").updateActiveItem(t)}},yM=function(t){e(this,fM,"f").onKeyDown(t)},$M=function(t){const a=t.composedPath().find(t=>t instanceof HTMLElement&&e(this,fM,"f").items.includes(t));a&&e(this,fM,"f").updateActiveItem(a)},wM.styles=o`:host { display: inline-block; position: relative; } .base { display: flex; align-items: center; box-sizing: border-box; border-radius: inherit; } :host(:not([vertical])) { height: fit-content; } :host(:not([vertical])) .base { height: calc(var(--m3e-toolbar-size, 4rem) + ${v.density.calc(-3)}); column-gap: var(--m3e-toolbar-spacing, 0.25rem); } :host([vertical]) { width: fit-content; } :host([vertical]) .base { width: calc(var(--m3e-toolbar-size, 4rem) + ${v.density.calc(-3)}); } :host([vertical]) .base { flex-direction: column; justify-content: center; row-gap: var(--m3e-toolbar-spacing, 0.25rem); } :host([shape="rounded"]) { border-radius: var(--m3e-toolbar-rounded-shape, ${v.shape.corner.full}); } :host([shape="rounded"]) .base { padding: var(--m3e-toolbar-rounded-padding, 0.5rem); } :host(:not([vertical])[shape="square"]) .base { padding-inline: var(--m3e-toolbar-square-padding, 1rem); } :host([vertical][shape="square"]) .base { padding-block: var(--m3e-toolbar-square-padding, 1rem); } :host([variant="standard"]) .state-layer { background-color: var(--m3e-toolbar-standard-container-color, ${v.color.surfaceContainer}); } :host([variant="standard"]) .base { color: var(--m3e-toolbar-standard-color, ${v.color.onSurface}); } :host([variant="vibrant"]) .state-layer { background-color: var(--m3e-toolbar-vibrant-container-color, ${v.color.primaryContainer}); } :host([variant="vibrant"]) .base { color: var(--m3e-toolbar-vibrant-color, ${v.color.onPrimaryContainer}); } @media (forced-colors: active) { :host([variant]) .state-layer { background-color: Canvas; } :host([variant]) .base { color: CanvasText; outline: 1px solid CanvasText; } }`,t([m({reflect:!0})],wM.prototype,"variant",void 0),t([m({reflect:!0})],wM.prototype,"shape",void 0),t([m({type:Boolean,reflect:!0})],wM.prototype,"elevated",void 0),wM=t([$("m3e-toolbar")],wM);let xM=class extends E{constructor(){super(...arguments),this.disableRestoreFocus=!1}_onClick(){this.closest("m3e-rich-tooltip")?.hide(!this.disableRestoreFocus)}};var kM,CM,SM,_M,LM,EM,zM,MM,PM,TM,IM;t([m({attribute:"disable-restore-focus",type:Boolean})],xM.prototype,"disableRestoreFocus",void 0),xM=t([$("m3e-rich-tooltip-action")],xM);class DM extends(b(z(P(r)))){constructor(){super(...arguments),kM.add(this),SM.set(this,null),_M.set(this,void 0),LM.set(this,!1),EM.set(this,()=>e(this,kM,"m",TM).call(this)),zM.set(this,new ne(this,{target:null,endDelay:200,callback:(t,i)=>{if(!this._isInteractive)if(t){if(i===this._base)return void a(this,LM,!0,"f");this.show()}else e(this,LM,"f")&&i!==this._base||(a(this,LM,!1,"f"),this.hide())}})),MM.set(this,new ze(this,{target:null,callback:e=>{this._isInteractive||(e?this.show():this.hide())}})),this.disabled=!1,this.touchGestures="auto"}get showDelay(){return e(this,zM,"f").startDelay}set showDelay(t){e(this,zM,"f").startDelay=t}get hideDelay(){return e(this,zM,"f").endDelay}set hideDelay(t){e(this,zM,"f").endDelay=t}get isOpen(){return CM.__openTooltips.includes(this)}get _isInteractive(){return!1}attach(t){super.attach(t),at.iOS||at.Android?(e(this,MM,"f").observe(t),e(this,kM,"m",IM).call(this)):e(this,zM,"f").observe(t),t.addEventListener("click",e(this,EM,"f"))}detach(){this.control&&(e(this,zM,"f").unobserve(this.control),e(this,MM,"f").unobserve(this.control),this.control.removeEventListener("click",e(this,EM,"f")),this.hide()),super.detach()}update(e){super.update(e),e.has("disabled")&&this.disabled&&this.hide()}reconnectedCallback(){super.reconnectedCallback(),e(this,kM,"m",PM).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,kM,"m",PM).call(this)}async show(){!this.control||this.disabled||ce(this.control)&&this.control.disabled||(CM.__openTooltips.filter(e=>e!==this).forEach(e=>e.hide()),this._base.showPopover(),a(this,_M,await Ne(this._base,this.control,{position:this._anchorPosition,inline:!0,flip:!0,shift:"main",offset:4},(e,t)=>this._updatePosition(this._base,e,t)),"f"),CM.__openTooltips.includes(this)||CM.__openTooltips.push(this))}hide(){this._base.hidePopover(),e(this,_M,"f")?.call(this),a(this,_M,void 0,"f"),e(this,zM,"f").clearDelays(),CM.__openTooltips.includes(this)&&(CM.__openTooltips=CM.__openTooltips.filter(e=>e!==this))}}var AM,WM,HM,OM,BM,FM,VM,RM,qM,NM,UM,jM,YM,KM,ZM,XM;CM=DM,SM=new WeakMap,_M=new WeakMap,LM=new WeakMap,EM=new WeakMap,zM=new WeakMap,MM=new WeakMap,kM=new WeakSet,PM=function(){this._base&&e(this,zM,"f").observe(this._base)},TM=function(){this._isInteractive?CM.__openTooltips.includes(this)?this.hide():this.show():this.hide()},IM=function(){if("off"!==this.touchGestures&&e(this,SM,"f")){const t=e(this,SM,"f").style;("on"===this.touchGestures||"INPUT"!==e(this,SM,"f").nodeName&&"TEXTAREA"!==e(this,SM,"f").nodeName)&&(t.userSelect=t.msUserSelect=t.webkitUserSelect=t.MozUserSelect="none"),"on"!==this.touchGestures&&e(this,SM,"f").draggable||(t.webkitUserDrag="none"),t.touchAction="none",t.webkitTapHighlightColor="transparent"}},DM.__openTooltips=new Array,t([h(".base")],DM.prototype,"_base",void 0),t([m({type:Boolean,reflect:!0})],DM.prototype,"disabled",void 0),t([m({attribute:"show-delay",type:Number})],DM.prototype,"showDelay",null),t([m({attribute:"hide-delay",type:Number})],DM.prototype,"hideDelay",null),t([m({attribute:"touch-gestures"})],DM.prototype,"touchGestures",void 0);let GM=XM=class extends DM{constructor(){super(...arguments),AM.add(this),WM.set(this,XM.__nextId++),HM.set(this,""),OM.set(this,""),BM.set(this,""),FM.set(this,!1),this._hasSubhead=!1,this._interactive=!1,VM.set(this,t=>e(this,AM,"m",NM).call(this,t)),this.position="below-after"}get _isInteractive(){return this._interactive}get _anchorPosition(){switch(this.position){case"above":return"top";case"above-after":return"rtl"===qe.current?"top-start":"top-end";case"above-before":return"rtl"===qe.current?"top-end":"top-start";case"after":return"rtl"===qe.current?"left":"right";case"before":return"rtl"===qe.current?"right":"left";case"below":return"bottom";case"below-after":return"rtl"===qe.current?"bottom-start":"bottom-end";case"below-before":return"rtl"===qe.current?"bottom-end":"bottom-start"}}render(){const t=this._interactive&&this._hasSubhead?`m3e-rich-tooltip-${e(this,WM,"f")}-subhead`:void 0;return s`<div class="base" popover="manual" role="${je(this._interactive?"dialog":void 0)}" aria-labelledby="${je(t)}" @keydown="${e(this,AM,"m",UM)}" @beforetoggle="${e(this,AM,"m",RM)}" @toggle="${e(this,AM,"m",qM)}"><m3e-elevation level="3"></m3e-elevation><div class="subhead" id="${je(t)}"><slot name="subhead" @slotchange="${e(this,AM,"m",jM)}"></slot></div><div class="content"><slot @slotchange="${e(this,AM,"m",YM)}"></slot></div><div class="actions"><slot name="actions" @slotchange="${e(this,AM,"m",KM)}"></slot></div></div>`}show(){return this._interactive&&document.addEventListener("click",e(this,VM,"f")),super.show()}hide(t=!0){this._interactive&&document.removeEventListener("click",e(this,VM,"f")),super.hide(),t&&this._interactive&&this.control&&Te.isFocusable(this.control)&&this.control.focus()}attach(t){super.attach(t),e(this,AM,"m",ZM).call(this),this._interactive&&(t.ariaHasPopup="dialog")}update(t){super.update(t),t.has("_interactive")&&(this.ariaHidden=this._interactive?null:"true",e(this,AM,"m",ZM).call(this),this.control&&this._interactive&&(this.control.ariaHasPopup="dialog"))}_updatePosition(e,t,a){this.position.includes("before")&&"before"!==this.position&&("rtl"===qe.current?t+=this.control?.clientWidth??0:t-=this.control?.clientWidth??0),this.position.includes("after")&&"after"!==this.position&&("rtl"===qe.current?t-=this.control?.clientWidth??0:t+=this.control?.clientWidth??0),"rtl"===qe.current?(e.style.right=window.innerWidth-t-e.clientWidth+"px",e.style.left=""):(e.style.left=`${t}px`,e.style.right=""),e.style.top=`${a}px`}};var JM,QM,eP,tP;WM=new WeakMap,HM=new WeakMap,OM=new WeakMap,BM=new WeakMap,FM=new WeakMap,VM=new WeakMap,AM=new WeakSet,RM=function(e){const t=new ToggleEvent("beforetoggle",{oldState:e.oldState,newState:e.newState,bubbles:!0,composed:!0,cancelable:e.cancelable});this.dispatchEvent(t)||(e.preventDefault(),this.hide())},qM=function(e){const t=new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState,bubbles:!0,composed:!0});this.dispatchEvent(t)},NM=function(e){e.composedPath().some(e=>e instanceof XM||e===this.control)||this.hide()},UM=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.hide())},jM=function(t){this._hasSubhead=g(t.target),this.shadowRoot?.querySelector(".base")?.classList.toggle("has-subhead",this._hasSubhead),a(this,HM,this._hasSubhead?me(t.target,!0):"","f"),e(this,AM,"m",ZM).call(this)},YM=function(t){this._interactive=Te.findInteractiveElements(this,!0).length>0,a(this,OM,me(t.target,!0),"f"),e(this,AM,"m",ZM).call(this)},KM=function(t){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",g(t.target)),this._interactive=Te.findInteractiveElements(this,!0).length>0,e(this,AM,"m",ZM).call(this)},ZM=function(){const t=e(this,HM,"f")?`${e(this,HM,"f")}/n${e(this,OM,"f")}`:e(this,OM,"f");this.isConnected&&this.control&&(e(this,BM,"f")&&e(this,FM,"f")&&(Fe.removeDescription(this.control,e(this,BM,"f")),a(this,FM,!1,"f")),a(this,BM,t,"f"),e(this,BM,"f")&&!this._interactive&&(Fe.describe(this.control,e(this,BM,"f")),a(this,FM,!0,"f")))},GM.styles=o`:host { display: contents; } .base { flex-direction: column; position: absolute; padding: unset; margin: unset; border: unset; padding-block-start: var(--m3e-rich-tooltip-padding-top, 0.75rem); padding-inline: var(--m3e-rich-tooltip-padding-inline, 1rem); max-width: var(--m3e-rich-tooltip-max-width, 20rem); box-sizing: border-box; overflow: visible; border-radius: var(--m3e-rich-tooltip-shape, ${v.shape.corner.medium}); background-color: var(--m3e-rich-tooltip-container-color, ${v.color.surfaceContainer}); display: none; opacity: 0; transform: scale(0.8); transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}, \n            transform ${v.motion.duration.short3} ${v.motion.easing.standard},\n            overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n            display ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } .base:not(.has-actions) { padding-block-end: var(--m3e-rich-tooltip-padding-bottom, 0.75rem); } .base::backdrop { background-color: transparent; } .base:popover-open { display: flex; opacity: 1; transform: scale(1); } .base:not(.has-subhead) .subhead, .base:not(.has-actions) .actions { display: none; } .subhead { color: var(--m3e-rich-tooltip-subhead-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-rich-tooltip-subhead-font-size, ${v.typescale.standard.title.small.fontSize}); font-weight: var( --m3e-rich-tooltip-subhead-font-weight, ${v.typescale.standard.title.small.fontWeight} ); line-height: var( --m3e-rich-tooltip-subhead-line-height, ${v.typescale.standard.title.small.lineHeight} ); letter-spacing: var(--m3e-rich-tooltip-subhead-tracking, ${v.typescale.standard.title.small.tracking}); padding-block-end: var(--m3e-rich-tooltip-subhead-bottom-space, 0.25rem); } .content { color: var(--m3e-rich-tooltip-supporting-text-color, ${v.color.onSurfaceVariant}); font-size: var( --m3e-rich-tooltip-supporting-text-font-size, ${v.typescale.standard.body.medium.fontSize} ); font-weight: var( --m3e-rich-tooltip-supporting-text-font-weight, ${v.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-rich-tooltip-supporting-text-line-height, ${v.typescale.standard.body.medium.lineHeight} ); letter-spacing: var( --m3e-rich-tooltip-supporting-text-tracking, ${v.typescale.standard.body.medium.tracking} ); } .actions { margin-inline: calc( 0px - calc( var(--m3e-rich-tooltip-padding-inline, 1rem) - var(--m3e-rich-tooltip-actions-padding-inline, 0.25rem) ) ); padding-block-start: var(--m3e-rich-tooltip-actions-top-space, 0.75rem); padding-block-end: var(--m3e-rich-tooltip-actions-bottom-space, 0.5rem); } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; min-height: 1.5rem; column-gap: 0.5rem; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } @starting-style { .base:popover-open { opacity: 0; transform: scale(0.8); } } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { background-color: Canvas; color: CanvasText; box-sizing: border-box; border: 1px solid CanvasText; } }`,GM.__nextId=0,t([p()],GM.prototype,"_hasSubhead",void 0),t([p()],GM.prototype,"_interactive",void 0),t([m()],GM.prototype,"position",void 0),GM=XM=t([$("m3e-rich-tooltip")],GM);let aP=class extends DM{constructor(){super(...arguments),JM.add(this),QM.set(this,void 0),this.position="below"}get _anchorPosition(){return"above"===this.position?"top":"below"===this.position?"bottom":"before"===this.position?"ltr"===qe.current?"left":"right":"ltr"===qe.current?"right":"left"}attach(t){super.attach(t),e(this,QM,"f")&&Fe.describe(t,e(this,QM,"f"))}detach(){this.control&&e(this,QM,"f")&&Fe.removeDescription(this.control,e(this,QM,"f")),super.detach()}connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return s`<div class="base" popover="manual" @toggle="${e(this,JM,"m",tP)}"><slot @slotchange="${e(this,JM,"m",eP)}"></slot></div>`}_updatePosition(e,t,a){"rtl"===qe.current?(e.style.right=window.innerWidth-t-e.clientWidth+"px",e.style.left=""):(e.style.left=`${t}px`,e.style.right=""),e.style.top=`${a}px`}};var iP,oP,rP,sP,nP,lP,cP,dP,hP,mP,uP,pP,vP,bP,fP,gP;QM=new WeakMap,JM=new WeakSet,eP=function(t){const i=me(t.target,!0);this.isConnected&&this.control?(e(this,QM,"f")&&Fe.removeDescription(this.control,e(this,QM,"f")),a(this,QM,i,"f"),e(this,QM,"f")&&Fe.describe(this.control,e(this,QM,"f"))):a(this,QM,i,"f")},tP=function(e){if("open"===e.newState){const e=this._base.getBoundingClientRect().height>parseFloat(getComputedStyle(this._base).minHeight);x(this,"--multiline",e)}},aP.styles=o`:host { display: contents; } .base { position: absolute; pointer-events: none; margin: unset; border: unset; word-break: normal; overflow-wrap: break-word; padding: var(--m3e-tooltip-padding, 0.25rem 0.5rem); min-width: var(--m3e-tooltip-min-width, 2.5rem); max-width: var(--m3e-tooltip-max-width, 12.5rem); min-height: var(--m3e-tooltip-min-height, 1.5rem); max-height: var(--m3e-tooltip-max-height, 40vh); box-sizing: border-box; overflow: hidden; text-align: center; border-radius: var(--m3e-tooltip-shape, ${v.shape.corner.extraSmall}); background-color: var(--m3e-tooltip-container-color, ${v.color.inverseSurface}); color: var(--m3e-tooltip-supporting-text-color, ${v.color.inverseOnSurface}); font-size: var(--m3e-tooltip-supporting-text-font-size, ${v.typescale.standard.body.small.fontSize}); font-weight: var( --m3e-tooltip-supporting-text-font-weight, ${v.typescale.standard.body.small.fontWeight} ); line-height: var( --m3e-tooltip-supporting-text-line-height, ${v.typescale.standard.body.small.lineHeight} ); letter-spacing: var( --m3e-tooltip-supporting-text-tracking, ${v.typescale.standard.body.small.tracking} ); display: none; opacity: 0; transform: scale(0.8); transition: ${i(`opacity ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short3} ${v.motion.easing.standard},\n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        display ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host(:is(:state(--multiline), :--multiline)) .base { text-align: start; } .base::backdrop { background-color: transparent; } .base:popover-open { display: block; opacity: 1; transform: scale(1); } @starting-style { .base:popover-open { opacity: 0; transform: scale(0.8); } } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { background-color: Canvas; color: CanvasText; box-sizing: border-box; border: 1px solid CanvasText; } }`,t([m()],aP.prototype,"position",void 0),aP=t([$("m3e-tooltip")],aP);let yP=gP=class extends(pe(N(P(f(r,"treeitem"),!0)))){constructor(){super(...arguments),iP.add(this),this._hasChildItems=!1,this._multi=!1,oP.set(this,new w(this,{target:null,skipInitial:!0,config:{attributeFilter:["multi"]},callback:()=>e(this,iP,"m",pP).call(this)})),rP.set(this,[]),sP.set(this,null),nP.set(this,new Array),lP.set(this,null),this.open=!1,this.indeterminate=!1}get link(){return e(this,lP,"f")}get label(){return this._base??null}get visible(){return!e(this,nP,"f").some(e=>!e.open)}get path(){return[...e(this,nP,"f"),this]}get hasChildItems(){return this._hasChildItems}get parentItem(){return e(this,nP,"f")[e(this,nP,"f").length-1]??null}get childItems(){return e(this,rP,"f")}get level(){return e(this,nP,"f").length+1}expand(e=!1){this.hasChildItems&&(this.open=!0,e&&this.childItems.forEach(e=>e.expand(!0)))}collapse(e=!1){this.hasChildItems&&(this.open=!1,e&&this.childItems.forEach(e=>e.collapse(!0)))}toggle(){this.hasChildItems&&(this.open=!this.open)}connectedCallback(){super.connectedCallback(),e(this,nP,"f").length=0;for(let t=this.parentElement?.closest("m3e-tree-item");t;t=t.parentElement?.closest("m3e-tree-item"))e(this,nP,"f").push(t);e(this,nP,"f").reverse(),this.style.setProperty("--_tree-item-level",""+(this.level-1)),a(this,sP,this.closest("m3e-tree"),"f"),e(this,sP,"f")&&(e(this,oP,"f").observe(e(this,sP,"f")),e(this,iP,"m",pP).call(this))}disconnectedCallback(){super.disconnectedCallback(),e(this,nP,"f").length=0,e(this,sP,"f")&&e(this,oP,"f").unobserve(e(this,sP,"f"))}update(t){if(super.update(t),(t.has("selected")||t.has("indeterminate")||t.has("_multi"))&&(e(this,sP,"f")?.multi?(this.ariaSelected=null,this.ariaChecked=this.indeterminate?"mixed":`${this.selected}`):this.ariaSelected=`${this.selected}`),t.has("selected"))for(const e of this.querySelectorAll(":scope > m3e-icon[slot]:not([slot='toggle-icon']):not([slot='open-toggle-icon'])"))e.toggleAttribute("filled",this.selected);(t.has("open")||t.has("_hasChildItems"))&&(this.ariaExpanded=this._hasChildItems?`${this.open}`:null),(t.has("_hasChildItems")&&this.disabled||t.has("disabled"))&&e(this,rP,"f").forEach(e=>e.disabled=this.disabled)}firstUpdated(e){super.firstUpdated(e);const t=this._base;t&&[this.focusRing,this.stateLayer,this.ripple].forEach(e=>e?.attach(t))}render(){return s`<div class="base" @click="${e(this,iP,"m",vP)}"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" inward ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div aria-hidden="true" class="inset"></div><div aria-hidden="true" class="toggle"><slot name="toggle-icon"><svg class="toggle-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg></slot><slot name="open-toggle-icon" @slotchange="${e(this,iP,"m",dP)}"></slot></div>${this._multi?s`<m3e-pseudo-checkbox class="checkbox" ?checked="${this.selected}" ?indeterminate="${this.indeterminate}" ?disabled="${this.disabled}" @click="${e(this,iP,"m",bP)}"></m3e-pseudo-checkbox>`:n}<div class="icon" aria-hidden="true">${e(this,iP,"m",cP).call(this)}</div><div class="label"><slot name="label" @slotchange="${e(this,iP,"m",mP)}"></slot></div></div><m3e-collapsible class="group" role="group" aria-hidden="${je(this._hasChildItems?void 0:"true")}" ?open="${this.open}" @opening="${e(this,iP,"m",fP)}" @opened="${e(this,iP,"m",fP)}" @closing="${e(this,iP,"m",fP)}" @closed="${e(this,iP,"m",fP)}"><slot @slotchange="${e(this,iP,"m",uP)}"></slot></m3e-collapsible>`}};var $P,wP,xP,kP,CP,SP,_P,LP,EP,zP,MP,PP,TP,IP,DP,AP;oP=new WeakMap,rP=new WeakMap,sP=new WeakMap,nP=new WeakMap,lP=new WeakMap,iP=new WeakSet,cP=function(){const t=s`<slot name="icon" @slotchange="${e(this,iP,"m",hP)}"></slot>`;return this.selected&&!this.hasChildItems?s`<slot name="selected-icon" @slotchange="${e(this,iP,"m",hP)}">${t}</slot>`:t},dP=function(e){x(this,"--with-open-toggle-icon",g(e.target))},hP=function(e){x(this,"--with-icon",g(e.target))},mP=function(t){a(this,lP,t.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLAnchorElement)??null,"f"),e(this,lP,"f")?.setAttribute("tabindex","-1")},uP=function(t){a(this,rP,t.target.assignedElements({flatten:!0}).filter(e=>e instanceof gP),"f");const i=this._hasChildItems;if(this._hasChildItems=e(this,rP,"f").length>0,x(this,"--with-items",this._hasChildItems),(i||this._hasChildItems)&&this._multi&&e(this,sP,"f")?.cascade){let t=!1,a=!1;for(const e of this.querySelectorAll("m3e-tree-item"))if(t=t||e.selected,a=a||!e.selected,t&&a)break;a?(e(this,sP,"f")?.[We].deselect(this),this.indeterminate=t):(e(this,sP,"f")?.[We].select(this,!1),this.indeterminate=!1)}},pP=function(){this._multi=!0===e(this,sP,"f")?.multi,x(this,"--multi",this._multi)},vP=function(){this.disabled||(e(this,sP,"f")?.[We].setActiveItem(this),this._hasChildItems?(this._multi||e(this,sP,"f")?.select(this),this.toggle()):(this._multi&&this.selected?e(this,sP,"f")?.deselect(this):e(this,sP,"f")?.select(this),e(this,lP,"f")?.click()))},bP=function(t){t.stopPropagation(),this.selected?e(this,sP,"f")?.deselect(this):e(this,sP,"f")?.select(this)},fP=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},yP.styles=o`:host { display: block; flex: none; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: flex; align-items: center; position: relative; height: calc(var(--m3e-tree-item-height, 3rem) + ${v.density.calc(-3)}); padding-inline: var(--m3e-tree-item-padding, 1rem); font-size: var(--m3e-tree-item-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-tree-item-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-tree-item-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-tree-item-tracking, ${v.typescale.standard.label.large.tracking}); transition: ${i(`color ${v.motion.duration.short4} ${v.motion.easing.standard},\n        background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .base, .focus-ring { border-radius: var(--m3e-tree-item-shape, ${v.shape.corner.none}); } .label { flex: 1 1 auto; display: flex; align-items: center; position: relative; overflow: hidden; vertical-align: middle; } .checkbox { flex: none; margin-inline-end: 0.5rem; } .icon, .toggle { flex: none; align-items: center; justify-content: center; position: relative; vertical-align: middle; margin-inline-end: 0.5rem; } .toggle { display: var(--_tree-item-toggle-display, none); } :host(:not(:is(:state(--with-icon), :--with-icon))) .icon { display: none; } .inset { margin-inline-start: calc(var(--m3e-tree-item-inset, 2rem) * var(--_tree-item-level, 0)); } :host([open]) .toggle-icon { transform: rotate(90deg); } :host(:not(:is(:state(--with-items), :--with-items))) .toggle { visibility: hidden; } :host(:not(:is(:state(--with-items), :--with-items))) .group { display: none; } ::slotted([slot="selected-icon"]), ::slotted([slot="icon"]), ::slotted([slot="toggle-icon"]), ::slotted([slot="open-toggle-icon"]), .toggle-icon { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-tree-item-icon-size, 1.5rem); } .toggle-icon { transition: ${i(`transform var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host(:is(:state(--with-open-toggle-icon), :--with-open-toggle-icon)[open]) slot[name="toggle-icon"], :host(:is(:state(--with-open-toggle-icon), :--with-open-toggle-icon):not([open])) slot[name="open-toggle-icon"] { display: none; } :host(:not(:disabled)) .base { cursor: pointer; } :host(:not(:disabled)) .base { color: var(--m3e-tree-item-label-color, ${v.color.onSurfaceVariant}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-tree-item-disabled-color, ${v.color.onSurface}) var(--m3e-tree-item-disabled-color-opacity, 38%), transparent ); } :host([selected]:not(:disabled)) .base { color: var(--m3e-tree-item-selected-label-color, ${v.color.onSecondaryContainer}); background-color: var(--m3e-tree-item-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-tree-item-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-tree-item-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-tree-item-selected-ripple-color, ${v.color.onSecondaryContainer}); } :host(:not([selected]):not(:disabled)) .base { --m3e-state-layer-focus-color: var( --m3e-tree-item-unselected-container-focus-color, ${v.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-tree-item-unselected-container-hover-color, ${v.color.onSurface} ); --m3e-ripple-color: var(--m3e-tree-item-unselected-ripple-color, ${v.color.onSurface}); } .state-layer { margin-inline: auto; } ::slotted(a[slot="label"]) { all: unset; } @media (prefers-reduced-motion) { .base, .toggle, .state-layer { transition: none !important; } } @media (forced-colors: active) { .base, .state-layer { transition: none !important; } :host(:disabled) .base { color: GrayText; } :host(:not(:disabled)) .base { color: CanvasText; background-color: Canvas; } :host([selected]:not(:is(:state(--multi), :--multi)):not(:disabled)) slot[name="icon"], :host([selected]:not(:is(:state(--multi), :--multi)):not(:disabled)) slot[name="label"] { color: Highlight; } }`,t([h(".state-layer")],yP.prototype,"stateLayer",void 0),t([h(".focus-ring")],yP.prototype,"focusRing",void 0),t([h(".ripple")],yP.prototype,"ripple",void 0),t([h(".base")],yP.prototype,"_base",void 0),t([p()],yP.prototype,"_hasChildItems",void 0),t([p()],yP.prototype,"_multi",void 0),t([m({type:Boolean,reflect:!0})],yP.prototype,"open",void 0),t([m({type:Boolean,reflect:!0})],yP.prototype,"indeterminate",void 0),yP=gP=t([$("m3e-tree-item")],yP);let WP=AP=class extends(f(r,"tree")){constructor(){super(),$P.add(this),wP.set(this,!1),xP.set(this,!1),this[DP]=(new He).withVerticalOrientation().withHomeAndEnd().withPageUpAndDown().withTypeahead().withSkipPredicate(e=>e.disabled||!e.visible).disableRovingTabIndex().onActiveItemChange(()=>{this[We].activeItem&&e(this,$P,"m",MP).call(this,this[We].activeItem)}),kP.set(this,t=>e(this,$P,"m",LP).call(this,t)),CP.set(this,()=>e(this,$P,"m",EP).call(this)),SP.set(this,t=>e(this,$P,"m",zP).call(this,t)),this.multi=!1,this.cascade=!1,new Z(this,{callback:e=>a(this,xP,e,"f")}),new K(this,{callback:()=>{e(this,xP,"f")||e(this,$P,"m",PP).call(this)}})}get selected(){return this[We].selectedItems}get items(){return this[We].items}expand(e,t=!1){const a=Array.isArray(e)?e:this[We].items,i="boolean"==typeof e?e:t;a.forEach(e=>e.expand(i))}collapse(e,t=!1){const a=Array.isArray(e)?e:this[We].items,i="boolean"==typeof e?e:t;a.forEach(e=>e.collapse(i));const o=this[We].activeItem;if(o&&!o.visible)for(let e=o.parentItem;e;e=e.parentItem)if(e.visible){this[We].setActiveItem(e);break}}select(t,a=!1){this[We].select(t,a),t.indeterminate=!1,this.multi&&this.cascade&&(t.hasChildItems&&t.childItems.forEach(e=>this.select(e)),e(this,$P,"m",IP).call(this,t)),a&&e(this,$P,"m",MP).call(this,t),this.dispatchEvent(new Event("change",{bubbles:!0}))}deselect(t){this[We].deselect(t),t.indeterminate=!1,this.multi&&this.cascade&&(t.hasChildItems&&t.childItems.forEach(e=>this.deselect(e)),e(this,$P,"m",IP).call(this,t)),this.dispatchEvent(new Event("change",{bubbles:!0}))}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.addEventListener("keydown",e(this,kP,"f")),this.addEventListener("keyup",e(this,CP,"f")),this.addEventListener("pointerdown",e(this,SP,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,kP,"f")),this.removeEventListener("keyup",e(this,CP,"f")),this.removeEventListener("pointerdown",e(this,SP,"f"))}willUpdate(e){super.willUpdate(e),e.has("multi")&&(this[We].multi=this.multi,this.multi?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"))}render(){return s`<div class="base"><slot @slotchange="${e(this,$P,"m",_P)}"></slot></div>`}};wP=new WeakMap,xP=new WeakMap,kP=new WeakMap,CP=new WeakMap,SP=new WeakMap,$P=new WeakSet,DP=We,_P=function(){const{added:t}=this[We].setItems([...this.querySelectorAll("m3e-tree-item")]);for(const e of t)e.id=e.id||"m3e-tree-item-"+AP.__nextId++;this[We].activeItem?(this.setAttribute("aria-activedescendant",this[We].activeItem.id),e(this,$P,"m",PP).call(this)):this.removeAttribute("aria-activedescendant")},LP=function(t){a(this,wP,!1,"f"),e(this,$P,"m",PP).call(this);const i=this[We].activeItem;if(!t.defaultPrevented&&i&&!i.disabled)switch(t.key){case"Enter":this.multi?(i.ripple&&!i.ripple.visible&&(i.ripple.centered=!0,i.ripple.show(0,0,!0),i.ripple.centered=!1),i.link?.click()):i.selected||(this.select(i),i.link?.click());break;case" ":t.preventDefault(),this.multi?i.selected?this.deselect(i):this.select(i):(i.ripple&&!i.ripple.visible&&(i.ripple.centered=!0,i.ripple.show(0,0,!0),i.ripple.centered=!1),this.select(i),i.link?.click());break;case"*":t.preventDefault(),i.expand(!0);break;case"Left":case"ArrowLeft":if(t.preventDefault(),"ltr"===qe.current)if(i.hasChildItems&&i.open)requestAnimationFrame(()=>i.collapse());else{const e=i.parentItem;e&&this[We].setActiveItem(e)}else i.hasChildItems&&!i.open&&i.expand();break;case"Right":case"ArrowRight":if(t.preventDefault(),"rtl"===qe.current)if(i.hasChildItems&&i.open)requestAnimationFrame(()=>i.collapse());else{const e=i.parentItem;e&&this[We].setActiveItem(e)}else i.hasChildItems&&!i.open&&i.expand();break;default:this[We].onKeyDown(t)}},EP=function(){const e=this[We].activeItem;e&&!e.disabled&&e.ripple?.visible&&e.ripple.hide()},zP=function(t){if(!t.defaultPrevented&&!e(this,wP,"f")&&!_()){a(this,wP,!0,"f");const i=t.composedPath().reverse().find(e=>e instanceof yP);i&&!i.disabled&&e(this,$P,"m",TP).call(this,i,!0,!1)}},MP=function(t){this.setAttribute("aria-activedescendant",t.id),t.label&&S(t.label,this,{block:"nearest",behavior:"smooth"}),e(this,$P,"m",PP).call(this)},PP=function(){const t=this.matches(":focus-within"),a=t||this.matches(":focus"),i=a&&!e(this,wP,"f")&&(_()||this.matches(":focus-visible")||t&&null!==this.querySelector("a:focus-visible"));this[We].items.forEach(t=>{const o=t===this[We].activeItem;e(this,$P,"m",TP).call(this,t,o&&a,o&&i)})},TP=function(e,t,a){t&&a?e.stateLayer?.show("focused"):e.stateLayer?.hide("focused"),a?e.focusRing?.show():e.focusRing?.hide()},IP=function(e){for(let t=e.parentItem;t;t=t.parentItem){let e=!1,a=!1;for(const i of t.querySelectorAll("m3e-tree-item"))if(e=e||i.selected,a=a||!i.selected,e&&a)break;a?(this[We].deselect(t),t.indeterminate=e):(this[We].select(t,!1),t.indeterminate=!1)}},B(o`${i("m3e-tree:has(> m3e-tree-item:is(:state(--with-items), :--with-items)) {\n        --_tree-item-toggle-display: flex;\n      }")}`),WP.styles=o`:host { display: block; outline: none; overflow-y: auto; overflow-x: hidden; min-height: 0; scrollbar-width: ${v.scrollbar.width}; scrollbar-color: ${v.scrollbar.color}; } .base { width: 100%; display: flex; flex-direction: column; position: relative; min-height: inherit; box-sizing: border-box; }`,WP.__nextId=0,t([m({type:Boolean,reflect:!0})],WP.prototype,"multi",void 0),t([m({type:Boolean,reflect:!0})],WP.prototype,"cascade",void 0),WP=AP=t([$("m3e-tree")],WP);export{Kd as ActionElementBase,Ps as AnimationLoopController,sc as AttachInternals,xo as CalendarViewElementBase,mc as Checked,pc as CheckedIndeterminate,md as ConstraintValidation,qc as DesignToken,xc as Dirty,Uc as Disabled,Xc as DisabledInteractive,xl as FocusController,pd as Focusable,nd as FormAssociated,fd as FormSubmitter,kl as HoverController,wd as HtmlFor,Cl as InertController,Sl as IntersectionController,xd as KeyboardClick,ed as Labelled,_d as LinkButton,_l as LongPressController,Du as M3eAccordionElement,Tb as M3eActionListElement,Lt as M3eAppBarElement,zr as M3eAssistChipElement,La as M3eAutocompleteElement,Ea as M3eAvatarElement,Aa as M3eBadgeElement,Wa as M3eBottomSheetActionElement,wi as M3eBottomSheetElement,xi as M3eBottomSheetTriggerElement,Ei as M3eBreadcrumbElement,Vi as M3eBreadcrumbItemElement,ao as M3eButtonElement,co as M3eButtonGroupElement,Ox as M3eButtonSegmentElement,Jo as M3eCalendarElement,ur as M3eCardElement,$r as M3eCheckboxElement,Er as M3eChipElement,Mr as M3eChipSetElement,y$ as M3eCircularProgressIndicatorElement,Zd as M3eCollapsibleElement,xs as M3eContentPaneElement,Am as M3eDatepickerElement,Wm as M3eDatepickerToggleElement,Hm as M3eDialogActionElement,Xm as M3eDialogElement,Gm as M3eDialogTriggerElement,Jm as M3eDividerElement,xu as M3eDrawerContainerElement,zu as M3eDrawerToggleElement,hh as M3eElevationElement,zb as M3eExpandableListItemElement,cp as M3eExpansionHeaderElement,xp as M3eExpansionPanelElement,Tp as M3eFabElement,Gp as M3eFabMenuElement,Wp as M3eFabMenuItemElement,Jp as M3eFabMenuTriggerElement,Dr as M3eFilterChipElement,Rr as M3eFilterChipSetElement,xh as M3eFocusRingElement,Tv as M3eFormFieldElement,Iv as M3eHeadingElement,rb as M3eIconButtonElement,qv as M3eIconElement,Yr as M3eInputChipElement,gs as M3eInputChipSetElement,I$ as M3eLinearProgressIndicatorElement,Wb as M3eListActionElement,yb as M3eListElement,ub as M3eListItemElement,qb as M3eListOptionElement,lf as M3eLoadingIndicatorElement,Ff as M3eMenuElement,Qf as M3eMenuItemCheckboxElement,kf as M3eMenuItemElement,eg as M3eMenuItemGroupElement,ug as M3eMenuItemRadioElement,df as M3eMenuTriggerElement,Po as M3eMonthViewElement,Wo as M3eMultiYearViewElement,$g as M3eNavBarElement,zg as M3eNavItemElement,oy as M3eNavMenuElement,Rg as M3eNavMenuItemElement,dy as M3eNavMenuItemGroupElement,vy as M3eNavRailElement,yy as M3eNavRailToggleElement,My as M3eOptGroupElement,Cy as M3eOptionElement,Ay as M3eOptionPanelElement,Uy as M3ePaginatorElement,kh as M3ePseudoCheckboxElement,Ch as M3ePseudoRadioElement,V$ as M3eRadioElement,Z$ as M3eRadioGroupElement,xM as M3eRichTooltipActionElement,GM as M3eRichTooltipElement,Wh as M3eRippleElement,Oh as M3eScrollContainerElement,Qw as M3eSearchBarElement,Tx as M3eSearchViewElement,Ux as M3eSegmentedButtonElement,Ck as M3eSelectElement,Zb as M3eSelectionListElement,Ak as M3eShapeElement,Rk as M3eSkeletonElement,qh as M3eSlideElement,Kk as M3eSlideGroupElement,xC as M3eSliderElement,Gk as M3eSliderThumbElement,IC as M3eSnackbar,TC as M3eSnackbarElement,jC as M3eSplitButtonElement,kS as M3eSplitPaneElement,tm as M3eStateLayerElement,MS as M3eStepElement,CS as M3eStepPanelElement,NS as M3eStepperElement,US as M3eStepperNextElement,jS as M3eStepperPreviousElement,YS as M3eStepperResetElement,ys as M3eSuggestionChipElement,bL as M3eSwitchElement,wL as M3eTabElement,xL as M3eTabPanelElement,qL as M3eTabsElement,dm as M3eTextHighlightElement,hm as M3eTextOverflowElement,sE as M3eTextareaAutosizeElement,Uz as M3eThemeElement,Gz as M3eThemeIconElement,pM as M3eTocElement,Jz as M3eTocItemElement,wM as M3eToolbarElement,aP as M3eTooltipElement,WP as M3eTreeElement,yP as M3eTreeItemElement,Vo as M3eYearViewElement,Ll as MutationController,El as PressedController,jy as ProgressElementIndicatorBase,Ed as ReadOnly,Md as ReconnectedCallback,Td as Required,Dd as RequiredConstraintValidation,zl as ResizeController,Ad as Role,Kl as ScrollController,Zl as ScrollLockController,bc as Selected,qS as StepperButtonElementBase,Hd as SuppressInitialAnimation,uM as TocGenerator,DM as TooltipElementBase,Sc as Touched,$l as VelocityTracker,Bd as Vertical,lc as addCustomState,yc as checkOrSelect,Is as computeCssSize,Ds as computeLineCount,Ml as customElement,Xl as dateConverter,Pl as debounce,ad as defaultValue,cc as deleteCustomState,tv as findFormFieldControl,As as focusWhenReady,Ws as forcedColorsActive,td as formValue,Us as generateClipPaths,Dz as getColorFromImage,Ks as getScrollbarWidth,Zs as getTextContent,Xs as guid,Gs as hasAssignedNodes,nc as hasCustomState,tc as hasKeys,Js as interceptProperty,ac as internals,ic as isAttachInternalsMixin,uc as isCheckedIndeterminateMixin,hc as isCheckedMixin,gc as isCheckedOrSelected,fc as isCheckedOrSelectedMixin,cd as isConstraintValidationMixin,$c as isDirtyMixin,jc as isDisabledInteractiveMixin,Nc as isDisabledMixin,id as isFormAssociatedMixin,ev as isFormFieldControl,vd as isFormSubmitterMixin,gd as isHtmlForMixin,Jc as isLabelledMixin,Cd as isLinkButtonMixin,Ld as isReadOnlyMixin,Id as isRequiredConstraintValidationMixin,Pd as isRequiredMixin,vc as isSelectedMixin,kc as isTouchedMixin,Od as isVerticalMixin,Qs as prefersReducedMotion,Nv as registerIcon,en as registerStyleSheet,kd as renderPseudoLink,tn as resolveElementById,an as resolveFragmentUrl,Wd as resumeAnimation,ec as safeStyleMap,on as scrollIntoViewIfNeeded,dc as setCustomState,Gl as spaceSeparatedStringConverter,Gc as updateLabels,ld as validate,wl as waitForUpgrade};
 //# sourceMappingURL=all.min.js.map