@m3e/web 2.0.4 → 2.0.5

package/dist/all.min.js

@@ -3,7 +3,7 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{unsafeCSS as e,css as t,LitElement as a,html as o,nothing as i,isServer as r,noChange as s,svg as n}from"lit";import{DesignToken as l,HtmlFor as c,Role as d,debounce as h,element as m,hasAssignedNodes as p,setCustomState as u,prefersReducedMotion as v,scrollIntoViewIfNeeded as b,forcedColorsActive as f,deleteCustomState as g,addCustomState as y,ActionElementBase as $,EventAttribute as x,AttachInternals as w,VelocityTracker as k,ScrollLockController as C,ResizeController as S,focusWhenReady as _,hasCustomState as L,computeCssSize as z,spaceSeparatedStringConverter as E,KeyboardClick as M,LinkButton as T,FormSubmitter as P,Focusable as I,DisabledInteractive as A,Disabled as W,FocusController as H,PressedController as O,renderPseudoLink as D,isSelectedMixin as B,Labelled as q,RequiredConstraintValidation as R,Dirty as F,Touched as V,Required as U,ConstraintValidation as N,CheckedIndeterminate as j,FormAssociated as K,HoverController as Z,formValue as G,isDisabledMixin as X,isDisabledInteractiveMixin as Y,isLinkButtonMixin as J,getTextContent as Q,Vertical as ee,Selected as te,ScrollController as ae,MutationController as oe,isReadOnlyMixin as ie,interceptProperty as re,computeLineCount as se,generateClipPaths as ne,Checked as le,AnimationLoopController as ce,resolveFragmentUrl as de,safeStyleMap as he,updateLabels as me,guid as pe,IntersectionController as ue,LongPressController as ve}from"@m3e/web/core";import{ListKeyManager as be,M3eInteractivityChecker as fe,isModifierAllowed as ge,addAriaReferencedId as ye,removeAriaReferencedId as $e,selectionManager as xe,SelectionManager as we,ListManager as ke,RovingTabIndexManager as Ce,M3eAriaDescriber as Se,typeaheadLabel as _e}from"@m3e/web/core/a11y";import{M3eDirectionality as Le}from"@m3e/web/core/bidi";import{positionAnchor as ze}from"@m3e/web/core/anchoring";import{M3eBreakpointObserver as Ee,Breakpoint as Me}from"@m3e/web/core/layout";import{M3eNavBarElement as Te}from"@m3e/web/nav-bar";import{M3eButtonElement as Pe}from"@m3e/web/button";import{M3eIconButtonElement as Ie}from"@m3e/web/icon-button";import{M3ePlatform as Ae}from"@m3e/web/core/platform";function We(e,t,a,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,a,o);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(r<3?i(s):r>3?i(t,a,s):i(t,a))||s);return r>3&&s&&Object.defineProperty(t,a,s),s}function He(e,t,a,o){if("a"===a&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?o:"a"===a?o.call(e):o?o.value:t.get(e)}function Oe(e,t,a,o,i){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?i.call(e,a):i?i.value=a:t.set(e,a),a}"function"==typeof SuppressedError&&SuppressedError;
+import{unsafeCSS as e,css as t,LitElement as a,html as o,nothing as i,isServer as r,noChange as s,svg as n}from"lit";import{DesignToken as l,HtmlFor as c,Role as d,debounce as h,customElement as m,hasAssignedNodes as p,setCustomState as u,prefersReducedMotion as v,scrollIntoViewIfNeeded as b,forcedColorsActive as f,deleteCustomState as g,addCustomState as y,ActionElementBase as $,EventAttribute as x,AttachInternals as w,VelocityTracker as k,ScrollLockController as C,ResizeController as S,focusWhenReady as _,hasCustomState as L,computeCssSize as z,spaceSeparatedStringConverter as E,KeyboardClick as M,LinkButton as T,FormSubmitter as P,Focusable as I,DisabledInteractive as A,Disabled as W,FocusController as H,PressedController as O,renderPseudoLink as D,isSelectedMixin as B,Labelled as q,RequiredConstraintValidation as R,Dirty as F,Touched as V,Required as U,ConstraintValidation as N,CheckedIndeterminate as j,FormAssociated as K,HoverController as Z,formValue as G,isDisabledMixin as X,isDisabledInteractiveMixin as Y,isLinkButtonMixin as J,getTextContent as Q,Vertical as ee,Selected as te,ScrollController as ae,MutationController as oe,isReadOnlyMixin as ie,interceptProperty as re,computeLineCount as se,generateClipPaths as ne,Checked as le,AnimationLoopController as ce,resolveFragmentUrl as de,safeStyleMap as he,updateLabels as me,guid as pe,IntersectionController as ue,LongPressController as ve}from"@m3e/web/core";import{ListKeyManager as be,M3eInteractivityChecker as fe,isModifierAllowed as ge,addAriaReferencedId as ye,removeAriaReferencedId as $e,selectionManager as xe,SelectionManager as we,ListManager as ke,RovingTabIndexManager as Ce,M3eAriaDescriber as Se,typeaheadLabel as _e}from"@m3e/web/core/a11y";import{M3eDirectionality as Le}from"@m3e/web/core/bidi";import{positionAnchor as ze}from"@m3e/web/core/anchoring";import{M3eIconButtonElement as Ee}from"@m3e/web/icon-button";import{M3eBreakpointObserver as Me,Breakpoint as Te}from"@m3e/web/core/layout";import{M3eNavBarElement as Pe}from"@m3e/web/nav-bar";import"@m3e/web/form-field";import"@m3e/web/select";import"@m3e/web/option";import"@m3e/web/tooltip";import{M3eButtonElement as Ie}from"@m3e/web/button";import"@m3e/web/button-group";import"@m3e/web/slide-group";import{M3ePlatform as Ae}from"@m3e/web/core/platform";function We(e,t,a,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,a,o);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(r<3?i(s):r>3?i(t,a,s):i(t,a))||s);return r>3&&s&&Object.defineProperty(t,a,s),s}function He(e,t,a,o){if("a"===a&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?o:"a"===a?o.call(e):o?o.value:t.get(e)}function Oe(e,t,a,o,i){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?i.call(e,a):i?i.value=a:t.set(e,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -57,7 +57,7 @@ const cr=e=>e??Zi;var dr,hr,mr,pr;let ur=class extends(x(A(W(d(pi,"row"))),"remo
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class dl{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,a){this._$Ct=e,this._$AM=t,this._$Ci=a}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}const hl="important",ml=" !"+hl;const pl=cl(class extends dl{constructor(e){if(super(e),e.type!==nl||"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 i}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 o=t[e];if(null!=o){this._previousStyleProperties.add(e);const t="string"==typeof o&&o.endsWith(ml);e.includes("-")||t?a.setProperty(e,t?o.slice(0,-11):o,t?hl:""):a[e]=o}}return s}});function ul(e,...t){return"object"==typeof e&&null!==e&&t.every(t=>t in e)}const vl=Symbol("internals");function bl(e){return ul(e,vl)}const fl=Symbol("_internals");function gl(e,t){class a extends e{get[vl](){return this[fl]??(this[fl]=this.attachInternals())}}return a.formAssociated=t,a}function yl(e,t){return!r&&e[vl].states.has(t)}function $l(e,t){r||e[vl]?.states.add(t)}function xl(e,t){return!r&&e[vl]?.states.delete(t)}function wl(e,t,a){a?$l(e,t):xl(e,t)}function kl(e){return ul(e,"checked")}function Cl(e){class t 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 We([nt({type:Boolean,reflect:!0})],t.prototype,"checked",void 0),t}function Sl(e){return ul(e,"indeterminate")&&kl(e)}function _l(e){class t extends(Cl(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 We([nt({type:Boolean,reflect:!0})],t.prototype,"indeterminate",void 0),t}function Ll(e){return ul(e,"selected")}function zl(e){class t 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 We([nt({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),t}function El(e){return kl(e)||Ll(e)}function Ml(e){return kl(e)&&e.checked||Ll(e)&&e.selected}function Tl(e,t){kl(e)?e.checked=t:e.selected=t}function Pl(e){return ul(e,"dirty","pristine","markAsDirty","markAsPristine")}const Il=Symbol("_eventHandler");function Al(e){var t;return t=Il,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsDirty()}get dirty(){return yl(this,"-dirty")}get pristine(){return!this.dirty}connectedCallback(){this.markAsPristine(),super.connectedCallback(),this.addEventListener("change",this[Il])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",this[Il])}markAsPristine(){xl(this,"-dirty")}markAsDirty(){$l(this,"-dirty")}}}function Wl(e){return ul(e,"touched","untouched","markAsTouched","markAsUntouched")}const Hl=Symbol("_eventHandler");function Ol(e){var t;return t=Hl,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsTouched()}get touched(){return yl(this,"-touched")}get untouched(){return!this.touched}connectedCallback(){this.markAsUntouched(),super.connectedCallback(),this.addEventListener("focusout",this[Hl],{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[Hl],{capture:!0})}markAsTouched(){$l(this,"-touched")}markAsUntouched(){xl(this,"-touched")}}}const Dl={primary:e("var(--md-sys-color-primary, #6750A4)"),onPrimary:e("var(--md-sys-color-on-primary, #FFFFFF)"),primaryContainer:e("var(--md-sys-color-primary-container, #EADDFF)"),onPrimaryContainer:e("var(--md-sys-color-on-primary-container, #4F378B)"),primaryFixed:e("var(--md-sys-color-primary-fixed, #EADDFF)"),primaryFixedDim:e("var(--md-sys-color-primary-fixed-dim, #D0BCFF)"),onPrimaryFixed:e("var(--md-sys-color-on-primary-fixed, #21005D)"),onPrimaryFixedVariant:e("var(--md-sys-color-on-primary-fixed-variant, #4F378B)"),secondary:e("var(--md-sys-color-secondary, #625B71)"),onSecondary:e("var(--md-sys-color-on-secondary, #FFFFFF)"),secondaryContainer:e("var(--md-sys-color-secondary-container, #E8DEF8)"),onSecondaryContainer:e("var(--md-sys-color-on-secondary-container, #4A4458)"),secondaryFixed:e("var(--md-sys-color-secondary-fixed, #E8DEF8)"),secondaryFixedDim:e("var(--md-sys-color-secondary-fixed-dim, #CCC2DC)"),onSecondaryFixed:e("var(--md-sys-color-on-secondary-fixed, #1D192B)"),onSecondaryFixedVariant:e("var(--md-sys-color-on-secondary-fixed-variant, #4A4458)"),tertiary:e("var(--md-sys-color-tertiary, #7D5260)"),onTertiary:e("var(--md-sys-color-on-tertiary, #FFFFFF)"),tertiaryContainer:e("var(--md-sys-color-tertiary-container, #FFD8E4)"),onTertiaryContainer:e("var(--md-sys-color-on-tertiary-container, #633B48)"),tertiaryFixed:e("var(--md-sys-color-tertiary-fixed, #FFD8E4)"),tertiaryFixedDim:e("var(--md-sys-color-tertiary-fixed-dim, #EFB8C8)"),onTertiaryFixed:e("var(--md-sys-color-on-tertiary-fixed, #31111D)"),onTertiaryFixedVariant:e("var(--md-sys-color-on-tertiary-fixed-variant, #633B48)"),error:e("var(--md-sys-color-error, #B3261E)"),onError:e("var(--md-sys-color-on-error, #FFFFFF)"),errorContainer:e("var(--md-sys-color-error-container, #F9DEDC)"),onErrorContainer:e("var(--md-sys-color-on-error-container, #8C1D18)"),surface:e("var(--md-sys-color-surface, #FEF7FF)"),onSurface:e("var(--md-sys-color-on-surface, #1D1B20)"),onSurfaceVariant:e("var(--md-sys-color-on-surface-variant, #49454F)"),surfaceContainerLowest:e("var(--md-sys-color-surface-container-lowest, #FFFFFF)"),surfaceContainerLow:e("var(--md-sys-color-surface-container-low, #F7F2FA)"),surfaceContainer:e("var(--md-sys-color-surface-container, #F3EDF7)"),surfaceContainerHigh:e("var(--md-sys-color-surface-container-high, #ECE6F0)"),surfaceContainerHighest:e("var(--md-sys-color-surface-container-highest, #E6E0E9)"),surfaceDim:e("var(--md-sys-color-surface-dim, #DED8E1)"),surfaceBright:e("var(--md-sys-color-surface-bright, #FEF7FF)"),surfaceVariant:e("var(--md-sys-color-surface-variant, #E7E0EC)"),inverseSurface:e("var(--md-sys-color-inverse-surface, #322F35)"),inverseOnSurface:e("var(--md-sys-color-inverse-on-surface, #F5EFF7)"),inversePrimary:e("var(--md-sys-color-inverse-primary, #D0BCFF)"),outline:e("var(--md-sys-color-outline, #79747E)"),outlineVariant:e("var(--md-sys-color-outline-variant, #CAC4D0)"),shadow:e("var(--md-sys-color-shadow, #000000)"),scrim:e("var(--md-sys-color-scrim, #000000)")},Bl={scale:e("var(--md-sys-density-scale, 0)"),size:e("var(--md-sys-density-size, 0.25rem)")},ql={...Bl,calc:t=>e(`calc(max(${t}, ${Bl.scale}) * ${Bl.size})`)},Rl=`color-mix(in srgb, var(--m3e-elevation-color, ${Dl.shadow}) 20%, transparent)`,Fl=["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"],Vl=`color-mix(in srgb, var(--m3e-elevation-color, ${Dl.shadow}) 14%, transparent)`,Ul=["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"],Nl=`color-mix(in srgb, var(--m3e-elevation-color, ${Dl.shadow}) 12%, transparent)`,jl=["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 Kl(e){return`${Rl} ${Fl[e]},${Vl} ${Ul[e]},${Nl} ${jl[e]}`}const Zl={level0:e(`var(--md-sys-elevation-level0, ${Kl(0)})`),level1:e(`var(--md-sys-elevation-level1, ${Kl(1)})`),level2:e(`var(--md-sys-elevation-level2, ${Kl(3)})`),level3:e(`var(--md-sys-elevation-level3, ${Kl(6)})`),level4:e(`var(--md-sys-elevation-level4, ${Kl(8)})`),level5:e(`var(--md-sys-elevation-level5, ${Kl(12)})`)},Gl={emphasized:e("var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0.0, 0, 1.0))"),emphasizedDecelerate:e("var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1.0))"),emphasizedAccelerate:e("var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0.0, 0.8, 0.15))"),standard:e("var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0.0, 0, 1.0))"),standardDecelerate:e("var(--md-sys-motion-easing-standard-decelerate, cubic-bezier(0, 0, 0, 1))"),standardAccelerate:e("var(--md-sys-motion-easing-standard-accelerate, cubic-bezier(0.3, 0, 1, 1))")},Xl={fastSpatial:e("var(--md-sys-motion-spring-fast-spatial, 350ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),defaultSpatial:e("var(--md-sys-motion-spring-default-spatial, 500ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),slowSpatial:e("var(--md-sys-motion-spring-slow-spatial, 750ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),fastEffects:e("var(--md-sys-motion-spring-fast-effects, 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00))"),defaultEffects:e("var(--md-sys-motion-spring-default-effects, 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00))"),slowEffects:e("var(--md-sys-motion-spring-slow-effects, 200ms cubic-bezier(0.34, 0.88, 0.34, 1.00))")},Yl={easing:Gl,duration:{short1:e("var(--md-sys-motion-duration-short-1, 50ms)"),short2:e("var(--md-sys-motion-duration-short-2, 100ms)"),short3:e("var(--md-sys-motion-duration-short-3, 150ms)"),short4:e("var(--md-sys-motion-duration-short-4, 200ms)"),medium1:e("var(--md-sys-motion-duration-medium-1, 250ms)"),medium2:e("var(--md-sys-motion-duration-medium-2, 300ms)"),medium3:e("var(--md-sys-motion-duration-medium-3, 350ms)"),medium4:e("var(--md-sys-motion-duration-medium-4, 400ms)"),long1:e("var(--md-sys-motion-duration-long-1, 450ms)"),long2:e("var(--md-sys-motion-duration-long-2, 500ms)"),long3:e("var(--md-sys-motion-duration-long-3, 550ms)"),long4:e("var(--md-sys-motion-duration-long-4, 600ms)"),extraLong1:e("var(--md-sys-motion-duration-extra-long-1, 700ms)"),extraLong2:e("var(--md-sys-motion-duration-extra-long-2, 800ms)"),extraLong3:e("var(--md-sys-motion-duration-extra-long-3, 900ms)"),extraLong4:e("var(--md-sys-motion-duration-extra-long-4, 1000ms)")},spring:Xl},Jl={width:e("var(--m3e-scrollbar-width, auto)"),thinWidth:e("var(--m3e-scrollbar-thin-width, thin)"),color:e("var(--m3e-scrollbar-thumb-color, #938f94) var(--m3e-scrollbar-track-color, transparent)")},Ql={none:e("var(--md-sys-shape-corner-value-none, 0)"),extraSmall:e("var(--md-sys-shape-corner-value-extra-small, 0.25rem)"),small:e("var(--md-sys-shape-corner-value-small, 0.5rem)"),medium:e("var(--md-sys-shape-corner-value-medium, 0.75rem)"),large:e("var(--md-sys-shape-corner-value-large, 1rem)"),largeIncreased:e("var(--md-sys-shape-corner-value-large-increased, 1.25rem)"),extraLarge:e("var(--md-sys-shape-corner-value-extra-large, 1.75rem)"),extraLargeIncreased:e("var(--md-sys-shape-corner-value-extra-large-increased, 2rem)"),extraExtraLarge:e("var(--md-sys-shape-corner-value-extra-extra-large, 3rem)")},ec={color:Dl,elevation:Zl,motion:Yl,shape:{corner:{full:e("var(--md-sys-shape-corner-full, 624.9375rem)"),extraLargeTop:e(`var(--md-sys-shape-corner-extra-large-top, ${Ql.extraLarge} ${Ql.extraLarge} ${Ql.none} ${Ql.none})`),extraLarge:e(`var(--md-sys-shape-corner-extra-large, ${Ql.extraLarge})`),extraLargeEnd:e(`${Ql.none} ${Ql.extraLarge} ${Ql.extraLarge} ${Ql.none}`),extraLargeStart:e(`${Ql.extraLarge} ${Ql.none} ${Ql.none} ${Ql.extraLarge}`),largeTop:e(`var(--md-sys-shape-corner-large-top, ${Ql.large} ${Ql.large} ${Ql.none} ${Ql.none})`),largeEnd:e(`var(--md-sys-shape-corner-large-end, ${Ql.none} ${Ql.large} ${Ql.large} ${Ql.none})`),largeStart:e(`var(--md-sys-shape-corner-large-end, ${Ql.large} ${Ql.none} ${Ql.none} ${Ql.large})`),large:e(`var(--md-sys-shape-corner-large, ${Ql.large})`),medium:e(`var(--md-sys-shape-corner-medium, ${Ql.medium})`),mediumTop:e(`${Ql.medium} ${Ql.medium} ${Ql.none} ${Ql.none}`),mediumEnd:e(`${Ql.none} ${Ql.medium} ${Ql.medium} ${Ql.none}`),mediumStart:e(`${Ql.medium} ${Ql.none} ${Ql.none} ${Ql.medium}`),small:e(`var(--md-sys-shape-corner-small, ${Ql.small})`),smallTop:e(`${Ql.small} ${Ql.small} ${Ql.none} ${Ql.none}`),smallEnd:e(`${Ql.none} ${Ql.small} ${Ql.small} ${Ql.none}`),smallStart:e(`${Ql.small} ${Ql.none} ${Ql.none} ${Ql.small}`),extraSmallTop:e(`var(--md-sys-shape-corner-extra-small-top, ${Ql.extraSmall} ${Ql.extraSmall} ${Ql.none} ${Ql.none})`),extraSmall:e(`var(--md-sys-shape-corner-extra-small, ${Ql.extraSmall})`),extraSmallEnd:e(`${Ql.none} ${Ql.extraSmall} ${Ql.extraSmall} ${Ql.none}`),extraSmallStart:e(`${Ql.extraSmall} ${Ql.none} ${Ql.none} ${Ql.extraSmall}`),extraSmallBottom:e(`${Ql.none} ${Ql.none} ${Ql.extraSmall} ${Ql.extraSmall}`),none:e(`var(--md-sys-shape-corner-none, ${Ql.none})`),largeIncreased:e(`var(--md-sys-shape-corner-large-increased, ${Ql.largeIncreased})`),extraLargeIncreased:e(`var(--md-sys-shape-corner-extra-large-increased, ${Ql.extraLargeIncreased})`),extraExtraLarge:e(`var(--md-sys-shape-corner-extra-extra-large, ${Ql.extraExtraLarge})`),value:Ql}},state:{focusStateLayerOpacity:e("var(--md-sys-state-focus-state-layer-opacity, 10%)"),hoverStateLayerOpacity:e("var(--md-sys-state-hover-state-layer-opacity, 8%)"),pressedStateLayerOpacity:e("var(--md-sys-state-pressed-state-layer-opacity, 10%)")},typescale:{standard:{display:{large:{fontSize:e("var(--md-sys-typescale-display-large-font-size, 3.5625rem)"),fontWeight:e("var(--md-sys-typescale-display-large-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-display-large-line-height, 4rem)"),tracking:e("var(--md-sys-typescale-display-large-tracking, 0.015625rem)")},medium:{fontSize:e("var(--md-sys-typescale-display-medium-font-size, 2.8125rem)"),fontWeight:e("var(--md-sys-typescale-display-medium-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-display-medium-line-height, 3.25rem)"),tracking:e("var(--md-sys-typescale-display-medium-tracking, 0)")},small:{fontSize:e("var(--md-sys-typescale-display-small-font-size, 2.25rem)"),fontWeight:e("var(--md-sys-typescale-display-small-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-display-small-line-height, 2.75rem)"),tracking:e("var(--md-sys-typescale-display-small-tracking, 0)")}},headline:{large:{fontSize:e("var(--md-sys-typescale-headline-large-font-size, 2rem)"),fontWeight:e("var(--md-sys-typescale-headline-large-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-headline-large-line-height, 2.5rem)"),tracking:e("var(--md-sys-typescale-headline-large-tracking, 0)")},medium:{fontSize:e("var(--md-sys-typescale-headline-medium-font-size, 1.75rem)"),fontWeight:e("var(--md-sys-typescale-headline-medium-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-headline-medium-line-height, 2.25rem)"),tracking:e("var(--md-sys-typescale-headline-medium-tracking, 0)")},small:{fontSize:e("var(--md-sys-typescale-headline-small-font-size, 1.5rem)"),fontWeight:e("var(--md-sys-typescale-headline-small-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-headline-small-line-height, 2rem)"),tracking:e("var(--md-sys-typescale-headline-small-tracking, 0)")}},title:{large:{fontSize:e("var(--md-sys-typescale-title-large-font-size, 1.375rem)"),fontWeight:e("var(--md-sys-typescale-title-large-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-title-large-line-height, 1.75rem)"),tracking:e("var(--md-sys-typescale-title-large-tracking, 0)")},medium:{fontSize:e("var(--md-sys-typescale-title-medium-font-size, 1rem)"),fontWeight:e("var(--md-sys-typescale-title-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-title-medium-line-height, 1.5rem)"),tracking:e("var(--md-sys-typescale-title-medium-tracking, 0.009375rem)")},small:{fontSize:e("var(--md-sys-typescale-title-small-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-title-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-title-small-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:e("var(--md-sys-typescale-body-large-font-size, 1rem)"),fontWeight:e("var(--md-sys-typescale-body-large-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-body-large-line-height, 1.5rem)"),tracking:e("var(--md-sys-typescale-body-large-tracking, 0.03125rem)")},medium:{fontSize:e("var(--md-sys-typescale-body-medium-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-body-medium-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-body-medium-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-body-medium-tracking, 0.015625rem)")},small:{fontSize:e("var(--md-sys-typescale-body-small-font-size, 0.75rem)"),fontWeight:e("var(--md-sys-typescale-body-small-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-body-small-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:e("var(--md-sys-typescale-label-large-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-label-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-label-large-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-label-large-tracking, 0.00625rem)")},medium:{fontSize:e("var(--md-sys-typescale-label-medium-font-size, 0.75rem)"),fontWeight:e("var(--md-sys-typescale-label-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-label-medium-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-label-medium-tracking, 0.03125rem)")},small:{fontSize:e("var(--md-sys-typescale-label-small-font-size, 0.6875rem)"),fontWeight:e("var(--md-sys-typescale-label-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-label-small-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-label-small-tracking, 0.03125rem)")}}},emphasized:{display:{large:{fontSize:e("var(--md-sys-typescale-emphasized-display-large-font-size, 3.5625rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-display-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-display-large-line-height, 4rem)"),tracking:e("var(--md-sys-typescale-emphasized-display-large-tracking, 0.015625rem)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-display-medium-font-size, 2.8125rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-display-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-display-medium-line-height, 3.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-display-medium-tracking, 0)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-display-small-font-size, 2.25rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-display-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-display-small-line-height, 2.75rem)"),tracking:e("var(--md-sys-typescale-emphasized-display-small-tracking, 0)")}},headline:{large:{fontSize:e("var(--md-sys-typescale-emphasized-headline-large-font-size, 2rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-headline-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-headline-large-line-height, 2.5rem)"),tracking:e("var(--md-sys-typescale-emphasized-headline-large-tracking, 0)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-headline-medium-font-size, 1.75rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-headline-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-headline-medium-line-height, 2.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-headline-medium-tracking, 0)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-headline-small-font-size, 1.5rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-headline-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-headline-small-line-height, 2rem)"),tracking:e("var(--md-sys-typescale-emphasized-headline-small-tracking, 0)")}},title:{large:{fontSize:e("var(--md-sys-typescale-emphasized-title-large-font-size, 1.375rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-title-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-title-large-line-height, 1.75rem)"),tracking:e("var(--md-sys-typescale-emphasized-title-large-tracking, 0)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-title-medium-font-size, 1rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-title-medium-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-title-medium-line-height, 3.5rem)"),tracking:e("var(--md-sys-typescale-emphasized-title-medium-tracking, 0.009375rem)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-title-small-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-title-small-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-title-small-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:e("var(--md-sys-typescale-emphasized-body-large-font-size, 1rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-body-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-body-large-line-height, 1.5rem)"),tracking:e("var(--md-sys-typescale-emphasized-body-large-tracking, 0.03125rem)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-body-medium-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-body-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-body-medium-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-body-medium-tracking, 0.015625rem)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-body-small-font-size, 0.75rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-body-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-body-small-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-emphasized-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:e("var(--md-sys-typescale-emphasized-label-large-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-label-large-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-label-large-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-label-large-tracking, 0.00625rem)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-label-medium-font-size, 0.75rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-label-medium-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-label-medium-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-emphasized-label-medium-tracking, 0.03125rem)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-label-small-font-size, 0.6875rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-label-small-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-label-small-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-emphasized-label-small-tracking, 0.03125rem)")}}}},scrollbar:Jl,density:ql};function tc(e){return ul(e,"disabled")}function ac(e,t=!0){class a 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 We([nt({type:Boolean,reflect:t})],a.prototype,"disabled",void 0),a}function oc(e){return ul(e,"disabledInteractive")&&tc(e)}const ic=["click","dblclick","auxclick","keydown","keyup"],rc=["Tab","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Left","Up","Right","Down"],sc=Symbol("_suppressedEventHandler");function nc(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{if(this.disabledInteractive){if(e instanceof KeyboardEvent&&rc.includes(e.key))return;e.stopImmediatePropagation(),e.preventDefault()}},this.disabledInteractive=!1}connectedCallback(){ic.forEach(e=>this.addEventListener(e,this[sc],!0)),super.connectedCallback()}disconnectedCallback(){ic.forEach(e=>this.removeEventListener(e,this[sc],!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 t=sc,We([nt({attribute:"disabled-interactive",type:Boolean,reflect:!0})],a.prototype,"disabledInteractive",void 0),a}const lc=Symbol("updateLabels");function cc(e){return ul(e,"labels")&&bl(e)}const dc=Symbol("_eventHandler");function hc(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{e.defaultPrevented||this[lc]()}}get labels(){return this[vl].labels}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this[dc]),this.addEventListener("change",this[dc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[dc]),this.removeEventListener("change",this[dc])}update(e){super.update(e),this[lc]()}[(t=dc,lc)](){const e=this.hasAttribute("tabindex"),t=tc(this)&&this.disabled||oc(this)&&this.disabledInteractive,a=Wl(this)&&this.touched&&(this.ariaInvalid||yl(this,"-invalid"));for(const o of this.labels??[])o.style.userSelect=e?"none":"",o.style.cursor=!t&&e?"pointer":"",!t&&e?o.style.setProperty("-webkit-tap-highlight-color","rgba(0, 0, 0, 0)"):o.style.removeProperty("-webkit-tap-highlight-color"),o.style.color=t?`color-mix(in srgb, ${ec.color.onSurface} 38%, transparent)`:a?`${ec.color.error}`:""}}return a.formAssociated=!0,a}const mc=Symbol("formValue"),pc=Symbol("defaultValue");function uc(e){return ul(e,"disabled","form","name")&&cc(e)&&bl(e)}const vc=Symbol("_defaultValue"),bc=Symbol("_defaultIndeterminate"),fc=Symbol("_formDisabled");function gc(e){var t,a;class o extends e{constructor(){super(...arguments),this[t]=!1,this[a]=!1}get form(){return this[vl].form}get labels(){return this[vl].labels}get[(t=bc,a=fc,mc)](){return null}get[pc](){return this[vc]}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get disabled(){return super.disabled||this[fc]}set disabled(e){super.disabled=e}connectedCallback(){super.connectedCallback(),kl(this)?(this[vc]=this.checked,Sl(this)&&(this[bc]=this.indeterminate)):"value"in this&&(this[vc]=this.value)}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[vl].setFormValue(this[mc])}formDisabledCallback(e){const t=this.disabled;this[fc]=e,this.disabled!=t&&this.requestUpdate("disabled",t)}formResetCallback(){kl(this)?(this.checked=!0===this[vc],Sl(this)&&(this.indeterminate=this[bc])):"value"in this&&(this.value=this[pc]),Pl(this)&&this.markAsPristine(),Wl(this)&&this.markAsUntouched()}}return o.formAssociated=!0,We([nt({noAccessor:!0})],o.prototype,"name",null),We([nt({type:Boolean})],o.prototype,"disabled",null),o}const yc=Symbol("validate");function $c(e){return ul(e,"willValidate","validity","validationMessage","reportValidity","checkValidity","setCustomValidity")&&uc(e)}const xc=Symbol("_updateValidity"),wc=Symbol("_validityMessage");function kc(e){var t,a;class o extends e{constructor(){super(...arguments),t.add(this)}get willValidate(){return this[vl].willValidate}get validity(){return this[xc](),this[vl].validity}get validationMessage(){return this[xc](),this[vl].validationMessage}[(t=new WeakSet,yc)](){return this[wc]?{customError:!0}:void 0}reportValidity(){return Wl(this)&&this.markAsTouched(),this[xc](),this[vl].reportValidity()}checkValidity(){return this[xc](),this[vl].checkValidity()}setCustomValidity(e){this[wc]=e||void 0,this[xc]()}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[xc]()}firstUpdated(e){super.firstUpdated(e),this[xc]()}[xc](){if(r||!this.isConnected)return;const e=this[yc](),o=e&&Object.keys(e).some(t=>!0===e[t]);let i=e?.customError?this[wc]:"";e&&!i&&(i=He(this,t,"m",a).call(this,e)),this[vl].setValidity(e,i),this.ariaInvalid=o?"true":null,wl(this,"-invalid",!0===o),cc(this)&&this[lc]?.()}}return a=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}function Cc(e,...t){return class extends e{dispatchEvent(e){if(t.includes(e.type)){const t=this.getAttribute(`on${e.type}`);t&&new Function("e",`${t};`).call(this,e)}return super.dispatchEvent(e)}}}const Sc=Symbol("_tabindex");function _c(e){var t;return t=Sc,class extends e{constructor(){super(...arguments),this[t]=0}connectedCallback(){this[Sc]=Number.parseInt(this.getAttribute("tabindex")??"0"),super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||e.has("disabled")||this.setAttribute("tabindex",`${this[Sc]}`)}update(e){if(super.update(e),e.has("disabled"))if(this.disabled||"none"===this.role){const e=this.getAttribute("tabindex");e&&(this[Sc]=Number.parseInt(e)),this.removeAttribute("tabindex")}else this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${this[Sc]}`)}}}function Lc(e){return ul(e,"name","type","value")&&bl(e)}const zc=Symbol("_clickHandler");function Ec(e){var t;class a extends e{constructor(){super(...arguments),this.type="button",this[t]=async e=>{if(e.defaultPrevented||tc(this)&&this.disabled||oc(this)&&this.disabledInteractive)return;const t=this[vl].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[vl].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[zc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[zc])}}return t=zc,a.formAssociated=!0,We([nt()],a.prototype,"name",null),We([nt()],a.prototype,"value",null),We([nt()],a.prototype,"type",void 0),a}function Mc(e){return ul(e,"htmlFor","control","attach","detach")}const Tc=Symbol("_control"),Pc=Symbol("_firstUpdated");function Ic(e){var t;class a extends e{constructor(){super(...arguments),this[t]=!1,this.htmlFor=null}get control(){return this[Tc]?.deref()??null}connectedCallback(){super.connectedCallback();const e=this[Tc]?.deref();e&&this.attach(e)}disconnectedCallback(){super.disconnectedCallback();const e=this[Tc];e&&(this.detach(),this[Tc]=e)}firstUpdated(e){super.firstUpdated(e),this[Pc]=!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[Pc]&&this.detach()}attach(e){this[Tc]=new WeakRef(e)}detach(){this[Tc]=void 0}}return t=Pc,We([nt({attribute:"for"})],a.prototype,"htmlFor",void 0),a}function Ac(e,t=!0){var a,o,i,r,s,n,l;return o=new WeakMap,i=new WeakMap,r=new WeakMap,s=new WeakMap,a=new WeakSet,n=function(e){e.target!==e.currentTarget||tc(this)&&this.disabled||oc(this)&&this.disabledInteractive?Oe(this,o,!1,"f"):(" "===e.key||t&&"Enter"===e.key)&&Oe(this,o,!0,"f")},l=function(e){e.target!==e.currentTarget||tc(this)&&this.disabled||oc(this)&&this.disabledInteractive||!He(this,o,"f")?Oe(this,o,!1,"f"):(Oe(this,o,!1,"f"),this.dispatchEvent(new MouseEvent("click",{cancelable:!0,bubbles:!0,composed:!0})))},class extends e{constructor(){super(...arguments),a.add(this),o.set(this,!1),i.set(this,e=>He(this,a,"m",n).call(this,e)),r.set(this,e=>He(this,a,"m",l).call(this,e)),s.set(this,()=>Oe(this,o,!1,"f"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",He(this,i,"f")),this.addEventListener("keyup",He(this,r,"f")),this.addEventListener("focusout",He(this,s,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,i,"f")),this.removeEventListener("keyup",He(this,r,"f")),this.removeEventListener("focusout",He(this,s,"f"))}}}const Wc=Symbol("renderPseudoLink");function Hc(e){return ul(e,"download","href","rel","target")}const Oc=Symbol("_clickHandler");function Dc(e){var t,a,r,s,n;class l extends e{constructor(){super(...arguments),t.add(this),this[n]=async e=>{if(oc(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(),this.addEventListener("click",this[Oc]),this.hasAttribute("href")&&"button"===this.role&&(this.role="link")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[Oc])}[(t=new WeakSet,n=Oc,Wc)](){const e=tc(this)&&this.disabled,n=oc(this)&&this.disabledInteractive;return e||n||!this.href?i:o`<a href="${this.href}" target="${cr(this.target||void 0)}" rel="${cr(this.rel||void 0)}" download="${cr(this.download||void 0)}" tabindex="-1" aria-hidden="true" @pointerdown="${He(this,t,"m",a)}" @focus="${He(this,t,"m",r)}" @blur="${He(this,t,"m",s)}"></a>`}}return a=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")},r=function(e){e.target.blur(),this.focus()},s=function(e){e.target.setAttribute("aria-hidden","true")},We([nt()],l.prototype,"href",void 0),We([nt()],l.prototype,"target",void 0),We([nt()],l.prototype,"rel",void 0),We([nt({reflect:!1})],l.prototype,"download",null),l}function Bc(e){return ul(e,"readOnly")}function qc(e,t=!0){class a extends e{constructor(){super(...arguments),this.readOnly=!1}update(e){super.update(e),e.has("readOnly")&&(this.ariaReadOnly=this.readOnly?"true":null)}}return We([nt({attribute:"readonly",type:Boolean,reflect:t})],a.prototype,"readOnly",void 0),a}function Rc(e){return ul(e,"required","optional")}function Fc(e){class t 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 We([nt({type:Boolean,reflect:!0})],t.prototype,"required",void 0),t}function Vc(e){return Rc(e)&&$c(e)}function Uc(e){return class extends e{[yc](){const e=super[yc]();if(!e&&this.required){if(kl(this)&&!this.checked)return{valueMissing:!0};if(!this.value)return{valueMissing:!0}}return e}}}function Nc(e,t){return class extends e{connectedCallback(){this.role=this.role||t,super.connectedCallback()}}}function jc(e){return ul(e,"vertical")}function Kc(e){class t extends e{constructor(){super(...arguments),this.vertical=!1}update(e){super.update(e),e.has("vertical")&&(this.ariaOrientation=this.vertical?"vertical":"horizontal")}}return We([nt({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),t}var Zc,Gc,Xc,Yc,Jc,Qc,ed,td;class ad extends a{constructor(){super(...arguments),Zc.set(this,e=>{e.defaultPrevented||this._onClick(e)})}connectedCallback(){super.connectedCallback(),this.parentElement?.addEventListener("click",He(this,Zc,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.parentElement?.removeEventListener("click",He(this,Zc,"f"))}render(){return o`<slot></slot>`}}Zc=new WeakMap,ad.styles=t`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;let od=class extends(Cc(gl(a),"opening","opened","closing","closed")){constructor(){super(...arguments),Gc.add(this),Xc.set(this,!1),Yc.set(this,!1),this.open=!1}update(e){if(super.update(e),$l(this,"-no-animate"),!He(this,Xc,"f"))return this.open&&(Oe(this,Yc,!0,"f"),He(this,Gc,"m",Qc).call(this)),void Oe(this,Xc,!0,"f");this.toggleAttribute("inert",!this.open),this.open?(Oe(this,Yc,!0,"f"),Mn()||(He(this,Gc,"m",Qc).call(this),wl(this,"-overflows",this.clientHeight<this.scrollHeight),He(this,Gc,"m",ed).call(this)),xl(this,"-closing"),$l(this,"-opening"),this.dispatchEvent(new Event("opening")),He(this,Gc,"m",ed).call(this),xl(this,"-no-animate"),He(this,Gc,"m",td).call(this),Mn()?(He(this,Gc,"m",Qc).call(this),xl(this,"-opening"),this.dispatchEvent(new Event("opened"))):this.addEventListener("transitionend",()=>{this.open&&(He(this,Gc,"m",Qc).call(this),xl(this,"-opening"),this.dispatchEvent(new Event("opened")))},{once:!0})):(xl(this,"-opening"),$l(this,"-closing"),this.dispatchEvent(new Event("closing")),He(this,Gc,"m",td).call(this),He(this,Yc,"f")&&xl(this,"-no-animate"),Mn()?(He(this,Gc,"m",ed).call(this),xl(this,"-closing"),this.dispatchEvent(new Event("closed"))):requestAnimationFrame(()=>{He(this,Gc,"m",ed).call(this),this.addEventListener("transitionend",()=>{this.open||(xl(this,"-closing"),this.dispatchEvent(new Event("closed")))},{once:!0})}))}render(){return o`<slot @slotchange="${He(this,Gc,"m",Jc)}"></slot>`}};Xc=new WeakMap,Yc=new WeakMap,Gc=new WeakSet,Jc=function(){Oe(this,Xc,!0,"f")},Qc=function(){this.style.height="auto"},ed=function(){this.style.height=""},td=function(){this.style.height=`${this.scrollHeight}px`},od.styles=t`:host { display: block; height: 0px; overflow: hidden; transition: ${e(`visibility var(--m3e-collapsible-animation-duration, ${ec.motion.duration.medium1})\n          ${ec.motion.easing.standard},\n        height var(--m3e-collapsible-animation-duration, ${ec.motion.duration.medium1})\n          ${ec.motion.easing.standard},\n        padding-top var(--m3e-collapsible-animation-duration, ${ec.motion.duration.medium1})\n          ${ec.motion.easing.standard},\n        padding-bottom var(--m3e-collapsible-animation-duration, ${ec.motion.duration.medium1})\n          ${ec.motion.easing.standard}`)}; } :host(:not(:state(-closing)):not([open])) { visibility: hidden; } :host(:not([open])) { min-height: unset !important; padding-top: 0px !important; padding-bottom: 0px !important; } :host(:state(-no-animate)) { transition-duration: 0ms; } :host(:state(-opening)), :host(:state(-closing)) { overflow-y: hidden !important; } :host(:state(-overflows)) { scrollbar-gutter: stable; } ::slotted(*) { --m3e-collapsible-animation-duration: initial; } @media (prefers-reduced-motion) { :host { transition: none; } }`,We([nt({type:Boolean,reflect:!0})],od.prototype,"open",void 0),od=We([Fn("m3e-collapsible")],od);const id=e(`var(--m3e-elevation-lift-duration, ${ec.motion.duration.short4})`),rd=e(`var(--m3e-elevation-lift-easing, ${ec.motion.easing.standard})`),sd=e(`var(--m3e-elevation-settle-duration, ${ec.motion.duration.short3})`),nd=e(`var(--m3e-elevation-settle-easing, ${ec.motion.easing.standardAccelerate})`),ld=e(`var(--m3e-elevation-level, ${ec.elevation.level0})`),cd=e(`var(--m3e-elevation-hover-level, ${ec.elevation.level0})`),dd=e(`var(--m3e-elevation-focus-level, ${ec.elevation.level0})`),hd=e(`var(--m3e-elevation-pressed-level, ${ec.elevation.level0})`);var md,pd,ud,vd,bd,fd,gd;let yd=class extends(Ic(Nc(a,"none"))){constructor(){super(...arguments),md.add(this),pd.set(this,new Hn(this,{target:null,callback:e=>He(this,md,"m",bd).call(this,e)})),ud.set(this,new Wn(this,{target:null,callback:e=>He(this,md,"m",fd).call(this,e)})),vd.set(this,new qn(this,{target:null,callback:e=>He(this,md,"m",gd).call(this,e)})),this.disabled=!1,this.level=null}attach(e){super.attach(e),He(this,pd,"f").observe(e),He(this,ud,"f").observe(e),He(this,vd,"f").observe(e)}detach(){this.control&&(He(this,pd,"f").unobserve(this.control),He(this,ud,"f").unobserve(this.control),He(this,vd,"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 o`<div class="shadow"></div>`}};pd=new WeakMap,ud=new WeakMap,vd=new WeakMap,md=new WeakSet,bd=function(e){this.disabled||(this._shadow?.classList.toggle("hover",e),this._shadow?.classList.toggle("resting",!e))},fd=function(e){this.disabled||this._shadow?.classList.toggle("focus",e)},gd=function(e){this.disabled||this._shadow?.classList.toggle("pressed",e)},yd.styles=t`: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: ${e(`box-shadow ${sd} ${nd};`)}; } .shadow.hover { will-change: box-shadow; transition: ${e(`box-shadow ${id} ${rd};`)}; } .shadow { box-shadow: ${ld}; } .shadow.focus { box-shadow: ${dd}; } .shadow.hover { box-shadow: ${cd}; } .shadow.pressed { box-shadow: ${hd}; } :host([level="0"]) .shadow { --m3e-elevation-level: ${ec.elevation.level0}; --m3e-elevation-hover-level: ${ec.elevation.level1}; } :host([level="1"]) .shadow { --m3e-elevation-level: ${ec.elevation.level1}; --m3e-elevation-hover-level: ${ec.elevation.level2}; } :host([level="2"]) .shadow { --m3e-elevation-level: ${ec.elevation.level2}; --m3e-elevation-hover-level: ${ec.elevation.level3}; } :host([level="3"]) .shadow { --m3e-elevation-level: ${ec.elevation.level3}; --m3e-elevation-hover-level: ${ec.elevation.level4}; } :host([level="4"]) .shadow { --m3e-elevation-level: ${ec.elevation.level4}; --m3e-elevation-hover-level: ${ec.elevation.level5}; } :host([level="5"]) .shadow { --m3e-elevation-level: ${ec.elevation.level5}; --m3e-elevation-hover-level: ${ld}; } :host([level]) .shadow { --m3e-elevation-focus-level: ${ld}; --m3e-elevation-pressed-level: ${ld}; } @media (prefers-reduced-motion) { .shadow.resting, .shadow.pressed, .shadow.focus, .shadow.hover { transition: none; } } @media (forced-colors: active) { .shadow { display: none; } }`,We([dt(".shadow")],yd.prototype,"_shadow",void 0),We([nt({type:Boolean,reflect:!0})],yd.prototype,"disabled",void 0),We([nt({type:Number,reflect:!0})],yd.prototype,"level",void 0),yd=We([Fn("m3e-elevation")],yd);const $d=e(`var(--m3e-focus-ring-color, ${ec.color.secondary})`),xd=e(`var(--m3e-focus-ring-duration, ${ec.motion.duration.long2})`),wd=e("var(--m3e-focus-ring-thickness, 3px)"),kd=e("var(--m3e-focus-ring-outward-offset, 2px)"),Cd=e("var(--m3e-focus-ring-inward-offset, 0px)"),Sd=e("var(--m3e-focus-ring-visibility, visible)"),_d=e("var(--m3e-focus-ring-growth-factor, 2)");var Ld,zd,Ed;let Md=class extends(Ic(Nc(a,"none"))){constructor(){super(...arguments),Ld.add(this),zd.set(this,new Wn(this,{target:null,callback:(e,t)=>He(this,Ld,"m",Ed).call(this,t)})),this.inward=!1,this.disabled=!1}show(){this._outline?.classList.toggle("visible",!0)}hide(){this._outline?.classList.toggle("visible",!1)}attach(e){super.attach(e),He(this,zd,"f").observe(e)}detach(){this.control&&He(this,zd,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide()}render(){return o`<div class="outline"></div>`}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};zd=new WeakMap,Ld=new WeakSet,Ed=function(e){this.disabled||(e?this.show():this.hide())},Md.styles=t`: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: ${$d}; outline-width: ${wd}; visibility: ${Sd}; } .outline.visible { outline-style: solid; } :host(:not([inward])) .outline { outline-offset: ${kd}; } :host([inward]) .outline { outline-offset: calc(${Cd} - ${wd}); } :host(:not([inward])) .outline.visible { animation: grow-shrink ${xd}; } :host([inward]) .outline.visible { animation: shrink-grow ${xd}; } @keyframes grow-shrink { 50% { outline-width: calc(${wd} * ${_d}); } } @keyframes shrink-grow { 50% { outline-offset: calc( ${Cd} - calc(${wd} * ${_d}) ); outline-width: calc(${wd} * ${_d}); } } @media (prefers-reduced-motion) { :host(:not([inward])) .outline.visible, :host([inward]) .outline.visible { animation: none; } } @media (forced-colors: active) { .outline { outline-color: Highlight; } }`,We([dt(".outline")],Md.prototype,"_outline",void 0),We([nt({type:Boolean,reflect:!0})],Md.prototype,"inward",void 0),We([nt({type:Boolean,reflect:!0})],Md.prototype,"disabled",void 0),Md=We([Fn("m3e-focus-ring")],Md);let Td=class extends(_l(ac(Nc(a,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return this.indeterminate?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:i}};Td.styles=t`: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, ${ec.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${ec.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${ec.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${ec.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, ${ec.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${ec.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); }`,Td=We([Fn("m3e-pseudo-checkbox")],Td);let Pd=class extends(Cl(ac(Nc(a,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return o`<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>`}};Pd.styles=t`: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, ${ec.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${ec.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${ec.color.onSurface}) 38%, transparent); }`,Pd=We([Fn("m3e-pseudo-radio")],Pd);const Id=e(`var(--m3e-ripple-color, ${ec.color.onSurface})`),Ad=e(`var(--m3e-ripple-opacity, ${ec.state.pressedStateLayerOpacity})`),Wd=e(`var(--m3e-ripple-enter-duration, ${ec.motion.duration.long4})`),Hd=e(`var(--m3e-ripple-exit-duration, ${ec.motion.duration.short2})`),Od=e("var(--m3e-ripple-scale-factor, 2.5)");var Dd,Bd,qd,Rd,Fd,Vd;let Ud=class extends(Ic(Nc(a,"none"))){constructor(){super(...arguments),Dd.add(this),Bd.set(this,null),qd.set(this,new qn(this,{target:null,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(e,{x:t,y:a})=>He(this,Dd,"m",Vd).call(this,e,t,a)})),this.disabled=!1,this.centered=!1,this.unbounded=!1,this.radius=null}get visible(){return null!==He(this,Bd,"f")}show(e,t,a=!1){He(this,Dd,"m",Rd).call(this);const o=this.getBoundingClientRect();this.centered&&(e=o.left+o.width/2,t=o.top+o.height/2);let i=this.radius;if(!i||isNaN(i)){const a=Math.max(Math.abs(e-o.left),Math.abs(e-o.right)),r=Math.max(Math.abs(t-o.top),Math.abs(t-o.bottom));i=Math.sqrt(a*a+r*r)}const r=e-o.left,s=t-o.top;Oe(this,Bd,document.createElement("div"),"f"),He(this,Bd,"f").classList.add("ripple"),a&&He(this,Bd,"f").classList.add("persistent"),He(this,Bd,"f").style.left=r-i+"px",He(this,Bd,"f").style.top=s-i+"px",He(this,Bd,"f").style.width=2*i+"px",He(this,Bd,"f").style.height=2*i+"px",He(this,Bd,"f").addEventListener("animationend",()=>He(this,Dd,"m",Fd).call(this,a),{once:!0}),He(this,Bd,"f").addEventListener("transitionend",()=>He(this,Dd,"m",Rd).call(this),{once:!0}),this.shadowRoot?.appendChild(He(this,Bd,"f"))}hide(){He(this,Bd,"f")?.classList.add("exit")}attach(e){super.attach(e),He(this,qd,"f").observe(e)}detach(){this.control&&He(this,qd,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),He(this,Dd,"m",Rd).call(this)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};var Nd;Bd=new WeakMap,qd=new WeakMap,Dd=new WeakSet,Rd=function(){He(this,Bd,"f")?.remove(),Oe(this,Bd,null,"f")},Fd=function(e){e?He(this,Bd,"f")?.classList.add("pressed"):this.hide()},Vd=function(e,t,a){this.disabled||(e?this.show(t,a,!0):this.hide())},Ud.styles=t`: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: ${ec.shape.corner.full}; background-color: color-mix(in srgb, ${Id} ${Ad}, transparent); will-change: background-color, opacity; animation: ripple ${Wd} linear; } .ripple.persistent.pressed { transform: scale(${Od}); } .ripple.exit { transition: opacity ${Hd} cubic-bezier(0, 0, 0.2, 0.1); opacity: 0; } @keyframes ripple { to { transform: scale(${Od}); } } @media (prefers-reduced-motion) { .ripple { transform: scale(${Od}); animation-duration: 90ms; } .ripple.exit { transition-duration: 10ms; } } @media (forced-colors: active) { .ripple { display: none; } }`,We([nt({type:Boolean,reflect:!0})],Ud.prototype,"disabled",void 0),We([nt({type:Boolean,reflect:!0})],Ud.prototype,"centered",void 0),We([nt({type:Boolean,reflect:!0})],Ud.prototype,"unbounded",void 0),We([nt({type:Number})],Ud.prototype,"radius",void 0),Ud=We([Fn("m3e-ripple")],Ud);let jd=class extends(gl(a)){constructor(){super(...arguments),Nd.set(this,()=>this._updateScroll()),this.dividers="above-below",this.thin=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",He(this,Nd,"f"))}update(e){super.update(e),e.has("dividers")&&(this.removeEventListener("scroll",He(this,Nd,"f")),"none"!==this.dividers&&this.addEventListener("scroll",He(this,Nd,"f"),{passive:!0}))}render(){return o`<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;wl(this,"-above",e),wl(this,"-below",t)}};var Kd,Zd,Gd,Xd;Nd=new WeakMap,jd.styles=t`:host { display: block; overflow-y: auto; position: relative; box-sizing: border-box; scrollbar-color: ${ec.scrollbar.color}; border-top: var(--m3e-divider-thickness, 1px) solid transparent; border-bottom: var(--m3e-divider-thickness, 1px) solid transparent; outline-color: ${$d}; outline-width: ${wd}; outline-offset: ${kd}; } :host([thin]) { scrollbar-width: ${ec.scrollbar.thinWidth}; } :host(:not([thin])) { scrollbar-width: ${ec.scrollbar.width}; } :host(:not(:focus-visible):state(-above)) { border-top-color: var(--m3e-divider-color, ${ec.color.outlineVariant}); } :host(:not(:focus-visible):state(-below)) { border-bottom-color: var(--m3e-divider-color, ${ec.color.outlineVariant}); } :host(:focus-visible) { outline-style: solid; animation: grow-shrink ${xd}; } @keyframes grow-shrink { 50% { outline-width: calc(${wd} * ${_d}); } } @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):state(-above)) { border-top-color: GrayText; } :host(:not(:focus-visible):state(-below)) { border-bottom-color: GrayText; } } @media (prefers-reduced-motion) { :host(:focus-visible) { animation: none; } }`,We([nt()],jd.prototype,"dividers",void 0),We([nt({type:Boolean,reflect:!0})],jd.prototype,"thin",void 0),We([Vn(40)],jd.prototype,"_updateScroll",null),jd=We([Fn("m3e-scroll-container")],jd);let Yd=class extends(gl(a)){constructor(){super(...arguments),Kd.add(this),Zd.set(this,new Array),this.selectedIndex=null}connectedCallback(){super.connectedCallback(),$l(this,"-no-animate")}update(e){super.update(e),e.has("selectedIndex")&&(null===this.selectedIndex&&$l(this,"-no-animate"),He(this,Kd,"m",Xd).call(this),null!==this.selectedIndex&&yl(this,"-no-animate")&&requestAnimationFrame(()=>{null!==this.selectedIndex&&xl(this,"-no-animate")}))}render(){return o`<slot @slotchange="${He(this,Kd,"m",Gd)}"></slot>`}};Zd=new WeakMap,Kd=new WeakSet,Gd=function(e){const t=[...e.target.assignedElements({flatten:!0})];for(const e of He(this,Zd,"f").filter(e=>!t.includes(e)))e.classList.remove("-before"),e.classList.remove("-after"),e.removeAttribute("inert");Oe(this,Zd,t,"f"),He(this,Kd,"m",Xd).call(this)},Xd=function(){const e=this.selectedIndex??He(this,Zd,"f").length;for(let t=0;t<He(this,Zd,"f").length;t++){const a=He(this,Zd,"f")[t];a.classList.toggle("-before",t<e),a.classList.toggle("-after",t>e),a.toggleAttribute("inert",t!==e)}},Yd.styles=t`:host { display: flex; position: relative; overflow: hidden; } ::slotted(*) { width: 100%; top: 0; transition: ${e(`inset-inline-start var(--m3e-slide-animation-duration, ${ec.motion.duration.long2}) ${ec.motion.easing.standard},\n        visibility var(--m3e-slide-animation-duration, ${ec.motion.duration.long2}) ${ec.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(:state(-no-animate)) ::slotted(*) { transition: none; } @media (prefers-reduced-motion) { ::slotted(*) { transition: none; } }`,We([nt({attribute:"selected-index",type:Number,reflect:!0})],Yd.prototype,"selectedIndex",void 0),Yd=We([Fn("m3e-slide")],Yd);const Jd=e(`var(--m3e-state-layer-hover-color, ${ec.color.onSurface})`),Qd=e(`var(--m3e-state-layer-hover-opacity, ${ec.state.hoverStateLayerOpacity})`),eh=e(`var(--m3e-state-layer-focus-color, ${ec.color.onSurface})`),th=e(`var(--m3e-state-layer-focus-opacity, ${ec.state.focusStateLayerOpacity})`),ah=e(`var(--m3e-state-layer-duration, ${ec.motion.duration.medium1})`),oh=e(`var(--m3e-state-layer-easing, ${ec.motion.easing.standard})`);var ih,rh,sh,nh,lh;let ch=class extends(Ic(Nc(a,"none"))){constructor(){super(...arguments),ih.add(this),rh.set(this,new Hn(this,{target:null,callback:e=>He(this,ih,"m",nh).call(this,e)})),sh.set(this,new Wn(this,{target:null,callback:(e,t)=>He(this,ih,"m",lh).call(this,t)})),this.disabled=!1,this.disableHover=!1}show(e){this._layer?.classList.toggle(e,!0)}hide(e){this._layer?.classList.toggle(e,!1)}attach(e){super.attach(e),He(this,rh,"f").observe(e),He(this,sh,"f").observe(e)}detach(){this.control&&(He(this,rh,"f").unobserve(this.control),He(this,sh,"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 o`<div class="layer"></div>`}};rh=new WeakMap,sh=new WeakMap,ih=new WeakSet,nh=function(e){this.disabled||this.disableHover||(e?this.show("hover"):this.hide("hover"))},lh=function(e){this.disabled||(e?this.show("focused"):this.hide("focused"))},ch.styles=t`: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: ${e(`background-color ${ah} ${oh}`)}; } .layer.focused { background-color: color-mix(in srgb, ${eh} ${th}, transparent); } .layer.hover { background-color: color-mix(in srgb, ${Jd} ${Qd}, transparent); } @media (prefers-reduced-motion) { .layer { transition: none; } } @media (forced-colors: active) { .layer { display: none; } }`,We([dt(".layer")],ch.prototype,"_layer",void 0),We([nt({type:Boolean,reflect:!0})],ch.prototype,"disabled",void 0),We([nt({attribute:"disable-hover",type:Boolean,reflect:!0})],ch.prototype,"disableHover",void 0),ch=We([Fn("m3e-state-layer")],ch);let dh=class extends a{render(){return o`<span class="base"><slot></slot></span>`}};var hh,mh,ph,uh,vh,bh,fh,gh;dh.styles=t`: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; }`,dh=We([Fn("m3e-text-overflow")],dh);let yh=gh=class extends a{constructor(){super(),hh.add(this),mh.set(this,"m3e-text-highlight-"+gh.__nextId++),ph.set(this,new Array),uh.set(this,null),this.disabled=!1,this.term="",this.caseSensitive=!1,this.isSupported&&(Oe(this,uh,new CSSStyleSheet,"f"),He(this,uh,"f").replaceSync(t`::highlight(${e(He(this,mh,"f"))}) { background-color: var(--m3e-text-highlight-container-color, ${ec.color.secondaryContainer}); color: var(--m3e-text-highlight-color, ${ec.color.onSecondaryContainer}); text-decoration: var(--m3e-text-highlight-decoration); text-shadow: var(--m3e-text-highlight-shadow); }`.toString()))}get isSupported(){return!(r||!CSS.highlights)}get ranges(){return He(this,ph,"f")}firstUpdated(e){super.firstUpdated(e),this.shadowRoot&&He(this,uh,"f")&&!this.shadowRoot.adoptedStyleSheets.includes(He(this,uh,"f"))&&this.shadowRoot.adoptedStyleSheets.push(He(this,uh,"f"))}updated(e){super.updated(e),(e.has("term")||e.has("caseSensitive")||e.has("disabled"))&&He(this,hh,"m",fh).call(this)}render(){return o`<slot @slotchange="${He(this,hh,"m",fh)}"></slot>`}};mh=new WeakMap,ph=new WeakMap,uh=new WeakMap,hh=new WeakSet,vh=function(e){return!/^(\\s|\\n)+$/gi.test(e.data)},bh=function e(t,a){t instanceof HTMLSlotElement?t.assignedElements({flatten:!0}).forEach(t=>{switch(t.nodeType){case Node.TEXT_NODE:He(this,hh,"m",vh).call(this,t)&&a.push(t);break;case Node.ELEMENT_NODE:He(this,hh,"m",e).call(this,t,a)}}):t.childNodes.forEach(t=>{switch(t.nodeType){case Node.TEXT_NODE:He(this,hh,"m",vh).call(this,t)&&a.push(t);break;case Node.ELEMENT_NODE:He(this,hh,"m",e).call(this,t,a)}})},fh=function(){if(!this.isSupported||!this.isConnected)return;if(CSS.highlights.delete(He(this,mh,"f")),He(this,ph,"f").length=0,this.disabled)return;if(!this.term)return void this.dispatchEvent(new CustomEvent("highlight",{detail:[...He(this,ph,"f")],bubbles:!1,composed:!1}));const e=new Array;He(this,hh,"m",bh).call(this,this,e);const t=this.caseSensitive?this.term:this.term.toLowerCase();Oe(this,ph,e.map(e=>({el:e,text:(this.caseSensitive?e.textContent:e.textContent?.toLowerCase())??""})).map(({el:e,text:a})=>{const o=new Array;let i=0;for(;i<a.length;){const e=a.indexOf(t,i);if(-1===e)break;o.push(e),i=e+t.length}return o.map(a=>{const o=new Range;return o.setStart(e,a),o.setEnd(e,a+t.length),o})}).flat(),"f"),He(this,ph,"f").length>0&&CSS.highlights.set(He(this,mh,"f"),new Highlight(...He(this,ph,"f"))),this.dispatchEvent(new CustomEvent("highlight",{detail:[...He(this,ph,"f")],bubbles:!1,composed:!1}))},yh.styles=t`:host { display: contents; }`,yh.__nextId=0,We([nt({type:Boolean,reflect:!0})],yh.prototype,"disabled",void 0),We([nt()],yh.prototype,"term",void 0),We([nt({attribute:"case-sensitive",type:Boolean})],yh.prototype,"caseSensitive",void 0),yh=gh=We([Fn("m3e-text-highlight")],yh);let $h=class extends ${constructor(){super(...arguments),this.returnValue=""}_onClick(){this.closest("m3e-dialog")?.hide(this.returnValue)}};var xh,wh,kh,Ch,Sh,_h,Lh,zh,Eh,Mh,Th,Ph;We([nt({attribute:"return-value"})],$h.prototype,"returnValue",void 0),$h=We([m("m3e-dialog-action")],$h);let Ih=Ph=class extends(x(w(a),"opening","opened","cancel","closing","closed")){constructor(){super(...arguments),xh.add(this),wh.set(this,Ph.__nextId++),kh.set(this,!1),Ch.set(this,!1),this._withActions=!1,Sh.set(this,new C(this)),this.alert=!1,this.dismissible=!1,this.disableClose=!1,this.noFocusTrap=!1,this.closeLabel="Close",this.returnValue=""}get open(){return He(this,kh,"f")}set open(e){e!==He(this,kh,"f")&&(Oe(this,kh,e,"f"),He(this,kh,"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);He(this,Sh,"f").lock(),this._base.showModal(),this._content.scrollTop=0;const e=this.querySelector("[autofocus]");e&&_(e),this.dispatchEvent(new Event("opened"))}async hide(e=this.returnValue){if(!this.isConnected)return void(this.open=!1);if(await this.updateComplete,He(this,Sh,"f").unlock(),!this._base.open)return void(this.open=!1);const t=this.returnValue;this.returnValue=e,this.dispatchEvent(new Event("closing",{cancelable:!0}))?(this.open=!1,this._base.close(e),this.dispatchEvent(new Event("closed"))):this.returnValue=t}render(){return o`<dialog class="base" role="${cr(this.alert?"alertdialog":void 0)}" aria-labelledby="m3e-dialog-${He(this,wh,"f")}-header" .returnvalue="${this.returnValue}" @close="${He(this,xh,"m",Lh)}" @cancel="${He(this,xh,"m",zh)}" @click="${He(this,xh,"m",Eh)}" @keydown="${He(this,xh,"m",Mh)}"><m3e-elevation level="3"></m3e-elevation><m3e-focus-trap ?disabled="${this.noFocusTrap}"><div class="header"><slot name="header" id="m3e-dialog-${He(this,wh,"f")}-header"></slot>${He(this,xh,"m",_h).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="${He(this,xh,"m",Th)}"></slot></div></m3e-focus-trap></dialog>`}};wh=new WeakMap,kh=new WeakMap,Ch=new WeakMap,Sh=new WeakMap,xh=new WeakSet,_h=function(){return this.dismissible?o`<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>`:i},Lh=function(){He(this,Ch,"f")&&(Oe(this,Ch,!0,"f"),this._base?.dispatchEvent(new Event("cancel",{cancelable:!0})))},zh=function(e){e.target===this._base&&(Oe(this,Ch,!1,"f"),e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},Eh=function(e){this.disableClose||e.target!==this._base||this.hide()},Mh=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.disableClose||this.hide())},Th=function(e){this._withActions=e.target.assignedNodes({flatten:!0}).length>0,u(this,"-with-actions",this._withActions)},Ih.styles=t`: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, ${l.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, ${l.color.onSurface}); background-color: var(--m3e-dialog-container-color, ${l.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, ${l.color.scrim}) 0%, transparent); margin-inline-end: -20px; } .base:not([open]) { visibility: hidden; opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.emphasized}, \n        transform ${l.motion.duration.short3} ${l.motion.easing.emphasized},\n        overlay ${l.motion.duration.short3} ${l.motion.easing.emphasized} allow-discrete,\n        visibility ${l.motion.duration.short3} ${l.motion.easing.emphasized} allow-discrete`)}; } .base[open] { visibility: visible; opacity: 1; transform: translateY(0) scaleY(1); transition: ${e(`opacity ${l.motion.duration.long2} ${l.motion.easing.emphasized}, \n        transform ${l.motion.duration.long2} ${l.motion.easing.emphasized},\n        overlay ${l.motion.duration.long2} ${l.motion.easing.emphasized} allow-discrete,\n        visibility ${l.motion.duration.long2} ${l.motion.easing.emphasized} allow-discrete`)}; } .base:not([open])::backdrop { transition: ${e(`background-color ${l.motion.duration.short3} ${l.motion.easing.standard}, \n        overlay ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete,\n        visibility ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete`)}; } .base[open]::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${l.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${e(`background-color ${l.motion.duration.long2} ${l.motion.easing.standard}, \n        overlay ${l.motion.duration.long2} ${l.motion.easing.standard} allow-discrete,\n        visibility ${l.motion.duration.long2} ${l.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, ${l.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, ${l.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-dialog-header-font-weight, ${l.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-dialog-header-line-height, ${l.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-dialog-header-tracking, ${l.typescale.standard.headline.small.tracking}); } .content { padding-inline: 1.5rem; color: var(--m3e-dialog-content-color, ${l.color.onSurfaceVariant}); font-size: var(--m3e-dialog-content-font-size, ${l.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-dialog-content-font-weight, ${l.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-dialog-content-line-height, ${l.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-dialog-content-tracking, ${l.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(:state(-with-actions))) .content { margin-bottom: 1.5rem; } :host(:not(:state(-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; } }`,Ih.__nextId=0,We([lt()],Ih.prototype,"_withActions",void 0),We([dt(".base")],Ih.prototype,"_base",void 0),We([dt(".content")],Ih.prototype,"_content",void 0),We([nt({type:Boolean})],Ih.prototype,"alert",void 0),We([nt({type:Boolean,reflect:!0})],Ih.prototype,"open",null),We([nt({type:Boolean})],Ih.prototype,"dismissible",void 0),We([nt({attribute:"disable-close",type:Boolean})],Ih.prototype,"disableClose",void 0),We([nt({attribute:"no-focus-trap",type:Boolean})],Ih.prototype,"noFocusTrap",void 0),We([nt({attribute:"close-label"})],Ih.prototype,"closeLabel",void 0),Ih=Ph=We([m("m3e-dialog")],Ih);let Ah=class extends(c($)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof Ih&&this.control.show()}};Ah=We([m("m3e-dialog-trigger")],Ah);let Wh=class extends(d(a,"separator")){constructor(){super(...arguments),this.vertical=!1,this.inset=!1,this.insetStart=!1,this.insetEnd=!1}render(){return o`<div class="line"></div>`}};Wh.styles=t`: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, ${l.color.outlineVariant}); height: inherit; } :host([vertical]) .line { border-right: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${l.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; } }`,We([nt({type:Boolean,reflect:!0})],Wh.prototype,"vertical",void 0),We([nt({type:Boolean,reflect:!0})],Wh.prototype,"inset",void 0),We([nt({attribute:"inset-start",type:Boolean,reflect:!0})],Wh.prototype,"insetStart",void 0),We([nt({attribute:"inset-end",type:Boolean,reflect:!0})],Wh.prototype,"insetEnd",void 0),Wh=We([m("m3e-divider")],Wh);const Hh=e(`var(--m3e-drawer-container-color, ${l.color.surface})`),Oh=e(`var(--m3e-drawer-container-elevation, ${l.elevation.level0})`),Dh=e("var(--m3e-drawer-container-width, 22.5rem)"),Bh=e("var(--m3e-drawer-container-scrim-opacity, 32%)"),qh=e(`var(--m3e-modal-drawer-corner-shape, ${l.shape.corner.large})`),Rh=e(`var(--m3e-modal-drawer-container-color, ${l.color.surfaceContainerLow})`),Fh=e(`var(--m3e-modal-drawer-elevation, ${l.elevation.level1})`),Vh=e(`var(--m3e-drawer-divider-color, ${l.color.outline})`),Uh=e("var(--m3e-drawer-divider-thickness, 1px)"),Nh=t`: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: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; box-sizing: border-box; background-color: ${Hh}; box-shadow: ${Oh}; transition: ${e(`margin ${l.motion.duration.medium4} ${l.motion.easing.standard},\n      visibility ${l.motion.duration.medium4} ${l.motion.easing.standard} allow-discrete,\n      background-color ${l.motion.duration.medium4} ${l.motion.easing.standard},\n      box-shadow ${l.motion.duration.medium4} ${l.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, ${Dh})); } :host(:not([start]):dir(rtl)) .start { margin-right: calc(0px - var(--_start-drawer-size, ${Dh})); } :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, ${Dh})); } :host(:not([end]):dir(rtl)) .end { margin-left: calc(0px - var(--_end-drawer-size, ${Dh})); } :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: ${Dh}; box-sizing: border-box; } .content { position: relative; height: 100%; overflow: auto; margin-left: 0; margin-right: 0; transition: ${e(`margin ${l.motion.duration.medium4} ${l.motion.easing.standard}`)}; } :host(:state(-start-push)[start]:not(:dir(rtl))) .content, :host(:state(-start-side)[start]:not(:dir(rtl))) .content { margin-left: var(--_start-drawer-size, ${Dh}); } :host(:state(-start-push)[start]:dir(rtl)) .content, :host(:state(-start-side)[start]:dir(rtl)) .content { margin-right: var(--_start-drawer-size, ${Dh}); } :host(:state(-end-push)[end]:not(:dir(rtl))) .content, :host(:state(-end-side)[end]:not(:dir(rtl))) .content { margin-right: var(--_end-drawer-size, ${Dh}); } :host(:state(-end-push)[end]:dir(rtl)) .content, :host(:state(-end-side)[end]:dir(rtl)) .content { margin-left: var(--_end-drawer-size, ${Dh}); } .scrim { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: ${l.color.scrim}; opacity: 0; visibility: hidden; transition: ${e(`opacity ${l.motion.duration.medium4} ${l.motion.easing.standard}, \n        visibility ${l.motion.duration.medium4} ${l.motion.easing.standard} allow-discrete`)}; } @starting-style { .scrim { opacity: 0; } } :host(:state(-start-push)[start]) .scrim, :host(:state(-end-push)[end]) .scrim, :host(:state(-start-over)[start]) .scrim, :host(:state(-end-over)[end]) .scrim { visibility: visible; opacity: ${Bh}; } :host(:state(-start-push)) .start, :host(:state(-start-over)) .start { border-start-end-radius: ${qh}; border-end-end-radius: ${qh}; } :host(:state(-end-push)) .end, :host(:state(-end-over)) .end { border-start-start-radius: ${qh}; border-end-start-radius: ${qh}; } :host(:state(-start-push)) .start, :host(:state(-end-push)) .end, :host(:state(-start-over)) .start, :host(:state(-end-over)) .end { background-color: ${Rh}; box-shadow: ${Fh}; } :host([start-divider]) .start { border-inline-end-color: transparent; border-inline-end-width: ${Uh}; border-inline-end-style: solid; box-sizing: border-box; } :host([start-divider]:state(-start-side)[start]:not(:state(-end-push)[end]):not(:state(-end-over)[end])) .start { border-inline-end-color: ${Vh}; } :host([end-divider]) .end { border-inline-start-color: transparent; border-inline-start-width: ${Uh}; border-inline-start-style: solid; box-sizing: border-box; } :host([end-divider]:state(-end-side)[end]:not(:state(-start-push)[start]):not(:state(-start-over)[start])) .end { border-inline-start-color: ${Vh}; } :host(:state(-no-animate)) .start, :host(:state(-no-animate)) .end, :host(:state(-no-animate)) .content { transition: none; } @media (forced-colors: active) { .start, .end { background-color: Canvas; box-shadow: unset; transition: ${e(`margin ${l.motion.duration.medium4} ${l.motion.easing.standard},\n      visibility ${l.motion.duration.medium4} ${l.motion.easing.standard} allow-discrete`)}; } :host(:state(-start-push)) .start, :host(:state(-end-push)) .end, :host(:state(-start-over)) .start, :host(:state(-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]:state(-start-side)[start]:not(:state(-end-push)[end]):not(:state(-end-over)[end])) .start { border-inline-end-color: GrayText; } :host([end-divider]:state(-end-side)[end]:not(:state(-start-push)[start]):not(:state(-start-over)[start])) .end { border-inline-start-color: GrayText; } } @media (prefers-reduced-motion) { .start, .end, .content, .scrim { transition: none; } }`;var jh,Kh,Zh,Gh,Xh,Yh,Jh,Qh,em,tm,am;let om=class extends(w(a)){constructor(){super(...arguments),jh.add(this),this._startMode="side",this._endMode="side",Kh.set(this,void 0),Zh.set(this,!1),Gh.set(this,!1),Xh.set(this,new S(this,{target:null,skipInitial:!0,callback:e=>He(this,jh,"m",em).call(this,e)})),this.start=!1,this.startMode="side",this.startDivider=!1,this.end=!1,this.endMode="side",this.endDivider=!1}connectedCallback(){super.connectedCallback(),y(this,"-no-animate")}disconnectedCallback(){super.disconnectedCallback(),He(this,Kh,"f")?.call(this),He(this,jh,"m",tm).call(this)}update(e){super.update(e),(e.has("startMode")||e.has("endMode"))&&(He(this,Kh,"f")?.call(this),"auto"===this.startMode||"auto"===this.endMode?Oe(this,Kh,Ee.observe([Me.XSmall,Me.Small],e=>He(this,jh,"m",am).call(this,e,!0)),"f"):He(this,jh,"m",am).call(this)),e.has("start")?this.start&&this.end&&"side"!==this._endMode&&(this.end=!1,this.dispatchEvent(new Event("change",{bubbles:!0}))):e.has("end")&&this.end&&this.start&&"side"!==this._startMode&&(this.start=!1,this.dispatchEvent(new Event("change",{bubbles:!0})))}firstUpdated(e){super.firstUpdated(e);let t=this.shadowRoot?.querySelector(".start");t&&He(this,Xh,"f").observe(t),t=this.shadowRoot?.querySelector(".end"),t&&He(this,Xh,"f").observe(t)}render(){return o`<div class="start"><m3e-focus-trap ?disabled="${!this.start||"side"===this._startMode||He(this,Zh,"f")}"><slot name="start" @slotchange="${He(this,jh,"m",Jh)}"></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="${He(this,jh,"m",Yh)}"></div><div class="end"><m3e-focus-trap ?disabled="${!this.end||"side"===this._endMode||He(this,Gh,"f")}"><slot name="end" @slotchange="${He(this,jh,"m",Qh)}"></slot></m3e-focus-trap></div>`}};var im,rm,sm,nm,lm,cm;Kh=new WeakMap,Zh=new WeakMap,Gh=new WeakMap,Xh=new WeakMap,jh=new WeakSet,Yh=function(){"side"!==this._startMode&&(this.start=!1),"side"!==this._endMode&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0}))},Jh=function(e){Oe(this,Zh,!p(e.target),"f")},Qh=function(e){Oe(this,Gh,!p(e.target),"f")},em=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`)}L(this,"-no-animate")&&(this.offsetTop,g(this,"-no-animate"))},tm=function(){g(this,"-start-over"),g(this,"-start-push"),g(this,"-start-side"),g(this,"-end-over"),g(this,"-end-push"),g(this,"-end-side")},am=function(e,t=!1){let a=!1,o=!1;"auto"===this.startMode?e?.get(Me.Medium)?this._startMode="side":e?.get(Me.Small)?(a="side"===this._startMode&&this.start,this._startMode="push"):e?.get(Me.XSmall)?(a="over"!==this._startMode&&this.start,this._startMode="over"):this._startMode="side":this._startMode=this.startMode,"auto"===this.endMode?e?.get(Me.Medium)?this._endMode="side":e?.get(Me.Small)?(o="side"===this._endMode&&this.end,this._endMode="push"):e?.get(Me.XSmall)?(o="over"!==this._endMode&&this.end,this._endMode="over"):this._endMode="side":this._endMode=this.endMode,He(this,jh,"m",tm).call(this),y(this,`-start-${this._startMode}`),y(this,`-end-${this._endMode}`),t&&(a||o)&&(a&&(this.start=!1),o&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0})))},om.styles=Nh,We([lt()],om.prototype,"_startMode",void 0),We([lt()],om.prototype,"_endMode",void 0),We([nt({type:Boolean,reflect:!0})],om.prototype,"start",void 0),We([nt({attribute:"start-mode",reflect:!0})],om.prototype,"startMode",void 0),We([nt({attribute:"start-divider",type:Boolean,reflect:!0})],om.prototype,"startDivider",void 0),We([nt({type:Boolean,reflect:!0})],om.prototype,"end",void 0),We([nt({attribute:"end-mode",reflect:!0})],om.prototype,"endMode",void 0),We([nt({attribute:"end-divider",type:Boolean,reflect:!0})],om.prototype,"endDivider",void 0),om=We([m("m3e-drawer-container")],om);let dm=class extends(c($)){constructor(){super(...arguments),im.add(this),rm.set(this,()=>He(this,im,"m",nm).call(this)),sm.set(this,!1)}attach(e){super.attach(e),this.htmlFor&&this.parentElement&&ye(this.parentElement,"aria-controls",this.htmlFor);const t=e.closest("m3e-drawer-container");t&&(t.addEventListener("change",He(this,rm,"f")),He(this,im,"m",cm).call(this,t,!0))}detach(){this.parentElement&&(this.htmlFor&&$e(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),this.control?.closest("m3e-drawer-container")?.removeEventListener("change",He(this,rm,"f")),super.detach()}_onClick(){He(this,im,"m",lm).call(this)}};var hm,mm,pm,um;rm=new WeakMap,sm=new WeakMap,im=new WeakSet,nm=function(){if(this.control&&!He(this,sm,"f")){const e=this.control.closest("m3e-drawer-container");e&&He(this,im,"m",cm).call(this,e,!0)}},lm=async function(){if(!this.parentElement||!this.control)return;const e=this.control.closest("m3e-drawer-container");if(e){Oe(this,sm,!0,"f");try{"start"===this.control.slot?e.start=!e.start:"end"===this.control.slot&&(e.end=!e.end),e.isUpdatePending&&await e.updateComplete,await He(this,im,"m",cm).call(this,e,!1)}finally{Oe(this,sm,!1,"f")}}},cm=async function(e,t){if(!this.parentElement||!this.control)return;let o=!1;"start"===this.control.slot?o=e.start:"end"===this.control.slot&&(o=e.end),this.parentElement.ariaExpanded=`${o}`,t&&this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",o),this.parentElement instanceof a&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},dm=We([m("m3e-drawer-toggle")],dm);let vm=class extends a{constructor(){super(...arguments),hm.add(this),mm.set(this,[]),this.multi=!1}get panels(){return He(this,mm,"f")}render(){return o`<slot @slotchange="${He(this,hm,"m",pm)}" @opening="${He(this,hm,"m",um)}"></slot>`}};mm=new WeakMap,hm=new WeakSet,pm=function(){if(Oe(this,mm,[...this.querySelectorAll("m3e-expansion-panel")],"f"),this.multi)return;let e=!1;for(const t of He(this,mm,"f").filter(e=>!e.open))e&&(t.open=!1),e=!0},um=function(e){if(!this.multi)for(const t of He(this,mm,"f").filter(t=>t!==e.target&&t.open))t.open=!1},vm.styles=t`:host { display: block; } ::slotted(m3e-expansion-panel) { --m3e-expansion-panel-container-color: ${l.color.surface}; --m3e-expansion-panel-elevation: ${l.elevation.level2}; --m3e-expansion-panel-open-shape: ${l.shape.corner.medium}; --_expansion-panel-open-spacing: 1rem; } ::slotted(m3e-expansion-panel:first-of-type:last-of-type) { --m3e-expansion-panel-shape: ${l.shape.corner.medium}; } ::slotted(m3e-expansion-panel:first-of-type:not(:last-of-type)) { --m3e-expansion-panel-shape: ${l.shape.corner.value.medium} ${l.shape.corner.value.medium} ${l.shape.corner.value.none} ${l.shape.corner.value.none}; } ::slotted(m3e-expansion-panel:last-of-type:not(:first-of-type)) { --m3e-expansion-panel-shape: ${l.shape.corner.value.none} ${l.shape.corner.value.none} ${l.shape.corner.value.medium} ${l.shape.corner.value.medium}; }`,We([nt({type:Boolean})],vm.prototype,"multi",void 0),vm=We([m("m3e-accordion")],vm);const bm=e("var(--m3e-expansion-header-collapsed-height, 3rem)"),fm=e("var(--m3e-expansion-header-expanded-height, 4rem)"),gm=e("var(--m3e-expansion-header-padding-left, 1.5rem)"),ym=e("var(--m3e-expansion-header-padding-right, 1.5rem)"),$m=e("var(--m3e-expansion-header-spacing, 0.5rem)"),xm=e("var(--m3e-expansion-header-toggle-icon-size, 1.5rem)"),wm=e(`var(--m3e-expansion-header-font-size, ${l.typescale.standard.title.medium.fontSize})`),km=e(`var(--m3e-expansion-header-font-weight, ${l.typescale.standard.title.medium.fontWeight})`),Cm=e(`var(--m3e-expansion-header-line-height, ${l.typescale.standard.title.medium.lineHeight})`),Sm=e(`var(--m3e-expansion-header-tracking, ${l.typescale.standard.title.medium.tracking})`),_m=t`:host { display: block; border-radius: inherit; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: ${e(`height var(--m3e-collapsible-animation-duration, ${l.motion.duration.medium1})\n        ${l.motion.easing.standard}`)}; } .base { box-sizing: border-box; width: 100%; height: 100%; display: flex; border-radius: inherit; outline: none; position: relative; padding-inline-start: ${gm}; padding-inline-end: ${ym}; font-size: ${wm}; font-weight: ${km}; line-height: ${Cm}; letter-spacing: ${Sm}; column-gap: ${$m}; } :host(:not(:disabled)) { cursor: pointer; } :host(:not([aria-expanded="true"])) { height: ${bm}; } :host([aria-expanded="true"]) { height: ${fm}; } :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: ${xm}; transition: ${e(`transform var(--m3e-collapsible-animation-duration, ${l.motion.duration.medium1})\n        ${l.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 - ${$m}); } :host([toggle-position="after"]) .toggle { margin-inline-end: calc(0px - ${$m}); } :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; } }`,Lm=e(`var(--m3e-expansion-panel-text-color, ${l.color.onSurface})`),zm=e(`var(--m3e-expansion-panel-disabled-text-color, ${l.color.onSurface})`),Em=e("var(--m3e-expansion-panel-disabled-text-opacity, 38%)"),Mm=e("var(--m3e-expansion-panel-container-color)"),Tm=e("var(--m3e-expansion-panel-elevation)"),Pm=e("var(--m3e-expansion-panel-shape)"),Im=e("var(--m3e-expansion-panel-open-elevation, var(--m3e-expansion-panel-elevation))"),Am=e("var(--m3e-expansion-panel-open-shape, var(--m3e-expansion-panel-shape))"),Wm=e("var(--_expansion-panel-open-spacing)"),Hm=e("var(--m3e-expansion-panel-content-padding, 0 1.5rem 1rem 1.5rem)"),Om=e("var(--m3e-expansion-panel-actions-spacing, 0.5rem)"),Dm=e("var(--m3e-expansion-panel-actions-padding, 1rem 1.5rem 1rem 1.5rem)"),Bm=e("var(--m3e-expansion-panel-actions-divider-thickness, var(--m3e-divider-thickness, 1px))"),qm=e(`var(--m3e-expansion-panel-actions-divider-color, var(--m3e-divider-color, ${l.color.outlineVariant}))`),Rm=t`:host { display: block; } .base { background-color: ${Mm}; transition: ${e(`box-shadow var(--m3e-collapsible-animation-duration, ${l.motion.duration.medium1})\n        ${l.motion.easing.standard}`)}; } :host(:not(:disabled)) .base { color: ${Lm}; } :host(:disabled) .base { color: color-mix( in srgb, ${zm} ${Em}, transparent ); } :host(:not([open])) .base { box-shadow: ${Tm}; border-radius: ${Pm}; } :host([open]) .base { box-shadow: ${Im}; border-radius: ${Am}; margin-block: ${Wm}; } .toggle { display: flex; align-items: center; justify-content: center; font-size: ${xm}; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } .toggle svg, ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } .content { padding: ${Hm}; } :host(:not(:state(-with-actions))) .actions { display: none; } .actions { padding: ${Dm}; border-top-style: solid; border-top-width: ${Bm}; border-top-color: ${qm}; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; column-gap: ${Om}; } ::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 Fm,Vm;let Um=class extends(M(I(W(w(d(a,"button"),!0))))){constructor(){super(...arguments),Fm.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 o`<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?He(this,Fm,"m",Vm).call(this):i}<div class="content"><slot></slot></div>${"after"===this.togglePosition?He(this,Fm,"m",Vm).call(this):i}</div>`}};var Nm,jm,Km,Zm,Gm,Xm,Ym,Jm,Qm,ep,tp,ap;Fm=new WeakSet,Vm=function(){return o`<div class="toggle" aria-hidden="true"><slot name="toggle-icon"></slot></div>`},Um.styles=_m,We([dt(".focus-ring")],Um.prototype,"_focusRing",void 0),We([dt(".state-layer")],Um.prototype,"_stateLayer",void 0),We([nt({attribute:"toggle-direction",reflect:!0})],Um.prototype,"toggleDirection",void 0),We([nt({attribute:"toggle-position",reflect:!0})],Um.prototype,"togglePosition",void 0),We([nt({attribute:"hide-toggle",type:Boolean,reflect:!0})],Um.prototype,"hideToggle",void 0),Um=We([m("m3e-expansion-header")],Um);let op=ap=class extends(x(W(w(a,!0)),"opening","opened","closing","closed")){constructor(){super(...arguments),Nm.add(this),jm.set(this,ap.__nextId++),Km.set(this,`m3e-expansion-panel-${He(this,jm,"f")}-content`),Zm.set(this,`m3e-expansion-panel-${He(this,jm,"f")}-header`),Gm.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(),Oe(this,Gm,Le.observe(()=>{this.requestUpdate(),He(this,Nm,"m",tp).call(this)}),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,Gm,"f")?.call(this)}firstUpdated(e){super.firstUpdated(e),He(this,Nm,"m",tp).call(this)}render(){return o`<div class="base"><m3e-expansion-header id="${He(this,Zm,"f")}" toggle-direction="${this.toggleDirection}" toggle-position="${this.togglePosition}" ?hide-toggle="${this.hideToggle}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${He(this,Km,"f")}" @click="${He(this,Nm,"m",Ym)}" @keydown="${He(this,Nm,"m",Jm)}"><div slot="toggle-icon" class="toggle"><slot name="toggle-icon">${He(this,Nm,"m",Xm).call(this)}</slot></div><slot name="header"></slot></m3e-expansion-header><m3e-collapsible id="${He(this,Km,"f")}" role="region" aria-labelledby="${He(this,Zm,"f")}" ?open="${this.open}" @opening="${He(this,Nm,"m",Qm)}" @opened="${He(this,Nm,"m",Qm)}" @closing="${He(this,Nm,"m",Qm)}" @closed="${He(this,Nm,"m",Qm)}"><div class="content"><slot></slot></div><div class="actions"><slot name="actions" @slotchange="${He(this,Nm,"m",ep)}"></slot></div></m3e-collapsible></div>`}};jm=new WeakMap,Km=new WeakMap,Zm=new WeakMap,Gm=new WeakMap,Nm=new WeakSet,Xm=function(){return"vertical"===this.toggleDirection?o`<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"===Le.current?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`},Ym=function(){this.open=!this.open},Jm=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}}},Qm=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},ep=function(e){u(this,"-with-actions",p(e.target))},tp=function(){"rtl"===Le.current?this._header?.style.setProperty("--_expansion-header-horizontal-expanded-toggle-rotation","-90deg"):this._header?.style.removeProperty("--_expansion-header-horizontal-expanded-toggle-rotation")},op.styles=Rm,op.__nextId=0,We([dt("m3e-expansion-header")],op.prototype,"_header",void 0),We([nt({type:Boolean,reflect:!0})],op.prototype,"open",void 0),We([nt({attribute:"toggle-direction",reflect:!0})],op.prototype,"toggleDirection",void 0),We([nt({attribute:"toggle-position",reflect:!0})],op.prototype,"togglePosition",void 0),We([nt({attribute:"hide-toggle",type:Boolean,reflect:!0})],op.prototype,"hideToggle",void 0),op=ap=We([m("m3e-expansion-panel")],op);const ip=t`: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: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .icon { transition: ${e(`color ${l.motion.duration.short4} ${l.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; } :host(:not([extended])) ::slotted([slot="label"]), .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, ${l.shape.corner.full}); height: calc(var(--m3e-fab-menu-close-button-container-height, 3.5rem) + ${l.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .wrapper { padding-inline-start: calc(var(--m3e-fab-menu-close-button-leading-space, 1rem) + ${l.density.calc(-3)}); padding-inline-end: calc(var(--m3e-fab-menu-close-button-trailing-space, 1rem) + ${l.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .icon { font-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${l.density.calc(-3)}); --m3e-icon-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${l.density.calc(-3)}); } .base.with-menu { transition: height ${l.motion.spring.fastSpatial}; } .base.with-menu .wrapper { transition: padding ${l.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; } }`,rp={small:{containerHeight:e(`calc(var(--m3e-fab-small-container-height, var(--m3e-fab-container-height, 3.5rem)) + ${l.density.calc(-3)})`),labelTextFontSize:e(`var(--m3e-fab-small-label-text-font-size, var(--m3e-fab-label-text-font-size, ${l.typescale.standard.title.medium.fontSize}))`),labelTextFontWeight:e(`var(--m3e-fab-small-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${l.typescale.standard.title.medium.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-fab-small-label-text-line-height, var(--m3e-fab-label-text-line-height, ${l.typescale.standard.title.medium.lineHeight}))`),labelTextTracking:e(`var(--m3e-fab-small-label-text-tracking, var(--m3e-fab-label-text-tracking, ${l.typescale.standard.title.medium.tracking}))`),iconSize:e(`calc(var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem)) + ${l.density.calc(-3)})`),extendedIconSize:e("var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem))"),shape:e(`var(--m3e-fab-small-shape, var(--m3e-fab-shape, ${l.shape.corner.large}))`),leadingSpace:e(`calc(var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem)) + ${l.density.calc(-3)})`),trailingSpace:e(`calc(var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem)) + ${l.density.calc(-3)})`),iconLabelSpace:e("var(--m3e-fab-small-icon-label-space, var(--m3e-fab-icon-label-space, 0.5rem))"),extendedLeadingSpace:e("var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem))"),extendedTrailingSpace:e("var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem))")},medium:{containerHeight:e(`calc(var(--m3e-fab-medium-container-height, var(--m3e-fab-container-height, 5rem)) + ${l.density.calc(-3)})`),labelTextFontSize:e(`var(--m3e-fab-medium-label-text-font-size, var(--m3e-fab-label-text-font-size, ${l.typescale.standard.title.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-fab-medium-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${l.typescale.standard.title.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-fab-medium-label-text-line-height, var(--m3e-fab-label-text-line-height, ${l.typescale.standard.title.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-fab-medium-label-text-tracking, var(--m3e-fab-label-text-tracking, ${l.typescale.standard.title.large.tracking}))`),iconSize:e(`calc(var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem)) + ${l.density.calc(-3)})`),extendedIconSize:e("var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem))"),shape:e(`var(--m3e-fab-medium-shape, var(--m3e-fab-shape, ${l.shape.corner.largeIncreased}))`),leadingSpace:e(`calc(var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem)) + ${l.density.calc(-3)})`),trailingSpace:e(`calc(var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem)) + ${l.density.calc(-3)})`),iconLabelSpace:e("var(--m3e-fab-medium-icon-label-space, var(--m3e-fab-icon-label-space, 0.75rem))"),extendedLeadingSpace:e("var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem))"),extendedTrailingSpace:e("var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem))")},large:{containerHeight:e(`calc(var(--m3e-fab-large-container-height, var(--m3e-fab-container-height, 6rem)) + ${l.density.calc(-3)})`),labelTextFontSize:e(`var(--m3e-fab-large-label-text-font-size, var(--m3e-fab-label-text-font-size, ${l.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:e(`var(--m3e-fab-large-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${l.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-fab-large-label-text-line-height, var(--m3e-fab-label-text-line-height, ${l.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:e(`var(--m3e-fab-large-label-text-tracking, var(--m3e-fab-label-text-tracking, ${l.typescale.standard.headline.small.tracking}))`),iconSize:e(`calc(var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem)) + ${l.density.calc(-3)})`),extendedIconSize:e("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),shape:e(`var(--m3e-fab-large-shape, var(--m3e-fab-shape, ${l.shape.corner.extraLarge}))`),leadingSpace:e(`calc(var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem)) + ${l.density.calc(-3)})`),trailingSpace:e(`calc(var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem)) + ${l.density.calc(-3)})`),iconLabelSpace:e("var(--m3e-fab-large-icon-label-space, var(--m3e-fab-icon-label-space, 1rem))"),extendedLeadingSpace:e("var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem))"),extendedTrailingSpace:e("var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem))")}};function sp(a){return t`:host([size="${e(a)}"]) .base { height: ${rp[a].containerHeight}; } :host([size="${e(a)}"]) .base { border-radius: ${rp[a].shape}; } :host([size="${e(a)}"]) .label { font-size: ${rp[a].labelTextFontSize}; font-weight: ${rp[a].labelTextFontWeight}; line-height: ${rp[a].labelTextLineHeight}; letter-spacing: ${rp[a].labelTextTracking}; } :host([size="${e(a)}"]:not([extended])) .wrapper { padding-inline-start: ${rp[a].leadingSpace}; padding-inline-end: ${rp[a].trailingSpace}; } :host([size="${e(a)}"]:not([extended])) .icon { font-size: ${rp[a].iconSize}; --m3e-icon-size: ${rp[a].iconSize}; } :host([size="${e(a)}"][extended]) .wrapper { padding-inline-start: ${rp[a].extendedLeadingSpace}; padding-inline-end: ${rp[a].extendedTrailingSpace}; column-gap: ${rp[a].iconLabelSpace}; } :host([size="${e(a)}"][extended]) .icon { font-size: ${rp[a].extendedIconSize}; --m3e-icon-size: ${rp[a].extendedIconSize}; }`}const np=[sp("small"),sp("medium"),sp("large")],lp={primary:{labelTextColor:e(`var(--m3e-primary-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onPrimary}))`),iconColor:e(`var(--m3e-primary-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onPrimary}))`),containerColor:e(`var(--m3e-primary-fab-container-color, var(--m3e-fab-container-color, ${l.color.primary}))`),containerElevation:e(`var(--m3e-primary-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-primary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-primary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-primary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-primary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-primary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-primary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-primary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-primary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-primary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-primary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-primary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-primary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-primary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-primary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-primary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-primary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-primary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-primary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-primary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},secondary:{labelTextColor:e(`var(--m3e-secondary-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onSecondary}))`),iconColor:e(`var(--m3e-secondary-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onSecondary}))`),containerColor:e(`var(--m3e-secondary-fab-container-color, var(--m3e-fab-container-color, ${l.color.secondary}))`),containerElevation:e(`var(--m3e-secondary-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-secondary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-secondary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-secondary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-secondary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-secondary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-secondary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-secondary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-secondary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onSecondary}))`),labelTextColor:e(`var(--m3e-secondary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onSecondary}))`),stateLayerColor:e(`var(--m3e-secondary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onSecondary}))`),stateLayerOpacity:e(`var(--m3e-secondary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-secondary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onSecondary}))`),labelTextColor:e(`var(--m3e-secondary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onSecondary}))`),stateLayerColor:e(`var(--m3e-secondary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onSecondary}))`),stateLayerOpacity:e(`var(--m3e-secondary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-secondary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onSecondary}))`),labelTextColor:e(`var(--m3e-secondary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onSecondary}))`),stateLayerColor:e(`var(--m3e-secondary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onSecondary}))`),stateLayerOpacity:e(`var(--m3e-secondary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},tertiary:{labelTextColor:e(`var(--m3e-tertiary-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onTertiary}))`),iconColor:e(`var(--m3e-tertiary-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onTertiary}))`),containerColor:e(`var(--m3e-tertiary-fab-container-color, var(--m3e-fab-container-color, ${l.color.tertiary}))`),containerElevation:e(`var(--m3e-tertiary-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-tertiary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-tertiary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tertiary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-tertiary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-tertiary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-tertiary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-tertiary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-tertiary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onTertiary}))`),labelTextColor:e(`var(--m3e-tertiary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onTertiary}))`),stateLayerColor:e(`var(--m3e-tertiary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onTertiary}))`),stateLayerOpacity:e(`var(--m3e-tertiary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-tertiary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onTertiary}))`),labelTextColor:e(`var(--m3e-tertiary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onTertiary}))`),stateLayerColor:e(`var(--m3e-tertiary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onTertiary}))`),stateLayerOpacity:e(`var(--m3e-tertiary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-tertiary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onTertiary}))`),labelTextColor:e(`var(--m3e-tertiary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onTertiary}))`),stateLayerColor:e(`var(--m3e-tertiary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onTertiary}))`),stateLayerOpacity:e(`var(--m3e-tertiary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},"primary-container":{labelTextColor:e(`var(--m3e-primary-container-fab-label-text-color, var(--m3e-primary-container-fab-label-text-color, ${l.color.onPrimaryContainer}))`),iconColor:e(`var(--m3e-primary-container-fab-icon-color, var(--m3e-primary-container-fab-icon-color, ${l.color.onPrimaryContainer}))`),containerColor:e(`var(--m3e-primary-container-fab-container-color, var(--m3e-fab-container-color, ${l.color.primaryContainer}))`),containerElevation:e(`var(--m3e-primary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-primary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-primary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-primary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-primary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-primary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-primary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-primary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-primary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onPrimaryContainer}))`),labelTextColor:e(`var(--m3e-primary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onPrimaryContainer}))`),stateLayerColor:e(`var(--m3e-primary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onPrimaryContainer}))`),stateLayerOpacity:e(`var(--m3e-primary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-primary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onPrimaryContainer}))`),labelTextColor:e(`var(--m3e-primary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onPrimaryContainer}))`),stateLayerColor:e(`var(--m3e-primary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onPrimaryContainer}))`),stateLayerOpacity:e(`var(--m3e-primary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-primary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onPrimaryContainer}))`),labelTextColor:e(`var(--m3e-primary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onPrimaryContainer}))`),stateLayerColor:e(`var(--m3e-primary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onPrimaryContainer}))`),stateLayerOpacity:e(`var(--m3e-primary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},"secondary-container":{labelTextColor:e(`var(--m3e-secondary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onSecondaryContainer}))`),iconColor:e(`var(--m3e-secondary-container-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onSecondaryContainer}))`),containerColor:e(`var(--m3e-secondary-container-fab-container-color, var(--m3e-fab-container-color, ${l.color.secondaryContainer}))`),containerElevation:e(`var(--m3e-secondary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-secondary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-secondary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-secondary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-secondary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-secondary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-secondary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-secondary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-secondary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-secondary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-secondary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-secondary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-secondary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-secondary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-secondary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-secondary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-secondary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-secondary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-secondary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-secondary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},"tertiary-container":{labelTextColor:e(`var(--m3e-tertiary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onTertiaryContainer}))`),iconColor:e(`var(--m3e-tertiary-container-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onTertiaryContainer}))`),containerColor:e(`var(--m3e-tertiary-container-fab-container-color, var(--m3e-fab-container-color, ${l.color.tertiaryContainer}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-tertiary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-tertiary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tertiary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-tertiary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-tertiary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-tertiary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-tertiary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-tertiary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onTertiaryContainer}))`),labelTextColor:e(`var(--m3e-tertiary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onTertiaryContainer}))`),stateLayerColor:e(`var(--m3e-tertiary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onTertiaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tertiary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-tertiary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onTertiaryContainer}))`),labelTextColor:e(`var(--m3e-tertiary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onTertiaryContainer}))`),stateLayerColor:e(`var(--m3e-tertiary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onTertiaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tertiary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-tertiary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onTertiaryContainer}))`),labelTextColor:e(`var(--m3e-tertiary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onTertiaryContainer}))`),stateLayerColor:e(`var(--m3e-tertiary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onTertiaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tertiary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},surface:{labelTextColor:e(`var(--m3e-surface-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.primary}))`),iconColor:e(`var(--m3e-surface-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.primary}))`),containerColor:e(`var(--m3e-surface-fab-container-color, var(--m3e-fab-container-color, ${l.color.surfaceContainerHigh}))`),containerElevation:e(`var(--m3e-surface-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),loweredContainerColor:e(`var(--m3e-surface-fab-lowered-container-color, var(--m3e-fab-lowered-container-color, ${l.color.surfaceContainerLow}))`),disabled:{containerColor:e(`var(--m3e-surface-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-surface-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-surface-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-surface-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-surface-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-surface-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-surface-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-surface-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-surface-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-surface-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-surface-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-surface-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-surface-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-surface-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-surface-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-surface-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-surface-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-surface-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-surface-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-surface-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-surface-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-surface-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}}};function cp(a){return t`:host([variant="${e(a)}"]:not([lowered])) .base { background-color: ${lp[a].containerColor}; --m3e-elevation-level: ${lp[a].containerElevation}; --m3e-elevation-hover-level: ${lp[a].hover.containerElevation}; --m3e-elevation-focus-level: ${lp[a].focus.containerElevation}; --m3e-elevation-pressed-level: ${lp[a].pressed.containerElevation}; } :host([variant="${e(a)}"][lowered]) .base { background-color: ${lp[a].loweredContainerColor??lp[a].containerColor}; --m3e-elevation-level: ${lp[a].loweredContainerElevation}; --m3e-elevation-hover-level: ${lp[a].hover.loweredContainerElevation}; --m3e-elevation-focus-level: ${lp[a].focus.loweredContainerElevation}; --m3e-elevation-pressed-level: ${lp[a].pressed.loweredContainerElevation}; } :host([variant="${e(a)}"]) .base { --m3e-state-layer-hover-color: ${lp[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${lp[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${lp[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${lp[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${lp[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${lp[a].pressed.stateLayerOpacity}; } :host([variant="${e(a)}"]) .label { color: ${lp[a].labelTextColor}; } :host([variant="${e(a)}"]:focus) .label { color: ${lp[a].focus.labelTextColor}; } :host([variant="${e(a)}"]:hover) .label { color: ${lp[a].hover.labelTextColor}; } :host([variant="${e(a)}"]) .base.pressed .label { color: ${lp[a].pressed.labelTextColor}; } :host([variant="${e(a)}"]) .icon { color: ${lp[a].iconColor}; } :host([variant="${e(a)}"]:focus) .icon { color: ${lp[a].focus.iconColor}; } :host([variant="${e(a)}"]:hover) .icon { color: ${lp[a].hover.iconColor}; } :host([variant="${e(a)}"]) .base.pressed .icon { color: ${lp[a].pressed.iconColor}; } :host([variant="${e(a)}"]:disabled) .base, :host([variant="${e(a)}"][disabled-interactive]) .base { --m3e-elevation-level: ${lp[a].disabled.containerElevation}; background-color: color-mix( in srgb, ${lp[a].disabled.containerColor} ${lp[a].disabled.containerOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .label, :host([variant="${e(a)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${lp[a].disabled.labelTextColor} ${lp[a].disabled.labelTextOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .icon, :host([variant="${e(a)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${lp[a].disabled.iconColor} ${lp[a].disabled.iconOpacity}, transparent ); }`}const dp=[cp("primary"),cp("secondary"),cp("tertiary"),cp("primary-container"),cp("secondary-container"),cp("tertiary-container"),cp("surface")];var hp,mp;let pp=class extends(M(T(P(I(A(W(w(d(a,"button"),!0)))))))){constructor(){super(),hp.add(this),this.variant="primary-container",this.lowered=!1,this.size="medium",this.extended=!1,new O(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 o`<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[D]()}<div class="wrapper"><slot class="icon" aria-hidden="true" @slotchange="${He(this,hp,"m",mp)}"></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><div class="label"><slot name="label" @slotchange="${He(this,hp,"m",mp)}"></slot></div></div></div>`}};var up,vp,bp;hp=new WeakSet,mp=function(){this._base?.classList.toggle("with-menu",null!==this.querySelector("m3e-fab-menu-trigger"))},pp.styles=[np,dp,ip],We([dt(".base")],pp.prototype,"_base",void 0),We([dt(".elevation")],pp.prototype,"_elevation",void 0),We([dt(".focus-ring")],pp.prototype,"_focusRing",void 0),We([dt(".state-layer")],pp.prototype,"_stateLayer",void 0),We([dt(".ripple")],pp.prototype,"_ripple",void 0),We([nt({reflect:!0})],pp.prototype,"variant",void 0),We([nt({type:Boolean,reflect:!0})],pp.prototype,"lowered",void 0),We([nt({reflect:!0})],pp.prototype,"size",void 0),We([nt({type:Boolean,reflect:!0})],pp.prototype,"extended",void 0),pp=We([m("m3e-fab")],pp);let fp=class extends(M(T(W(w(d(a,"menuitem"),!0))))){constructor(){super(...arguments),up.add(this),vp.set(this,e=>He(this,up,"m",bp).call(this,e))}get menu(){return this.closest("m3e-fab-menu")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,vp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,vp,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return o`<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[D]()}<div class="wrapper"><slot class="icon" name="icon" aria-hidden="true"></slot><div class="label"><slot></slot></div></div></div>`}};var gp,yp,$p,xp,wp,kp,Cp,Sp,_p,Lp,zp,Ep,Mp,Tp;vp=new WeakMap,up=new WeakSet,bp=function(e){e.defaultPrevented||this.menu?.hide(!0)},fp.styles=t`: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: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; height: var(--m3e-fab-menu-item-height, 3.5rem); font-size: var(--m3e-fab-menu-item-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-fab-menu-item-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-fab-menu-item-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-fab-menu-item-tracking, ${l.typescale.standard.label.large.tracking}); border-radius: var(--m3e-fab-menu-item-shape, ${l.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, ${l.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, ${l.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: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .icon { font-size: var(--m3e-fab-menu-item-icon-size, 1.5rem); transition: ${e(`color ${l.motion.duration.short4} ${l.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; } }`,We([dt(".elevation")],fp.prototype,"_elevation",void 0),We([dt(".focus-ring")],fp.prototype,"_focusRing",void 0),We([dt(".state-layer")],fp.prototype,"_stateLayer",void 0),We([dt(".ripple")],fp.prototype,"_ripple",void 0),fp=We([m("m3e-fab-menu-item")],fp);let Pp=class extends(w(d(a,"menu"))){constructor(){super(...arguments),gp.add(this),yp.set(this,void 0),$p.set(this,void 0),xp.set(this,void 0),wp.set(this,(new Ce).withWrap().withHomeAndEnd().withVerticalOrientation()),kp.set(this,e=>He(this,gp,"m",zp).call(this,e)),Cp.set(this,e=>He(this,gp,"m",Ep).call(this,e)),Sp.set(this,new ae(this,{target:null,callback:()=>this.hide()})),_p.set(this,e=>{"closed"===e.newState?(He(this,xp,"f")?.call(this),Oe(this,xp,void 0,"f")):setTimeout(()=>{He(this,wp,"f").setActiveItem(He(this,wp,"f").items.find(e=>!e.disabled))},40)}),this.variant="primary"}get isOpen(){return void 0!==He(this,$p,"f")}async show(e){He(this,$p,"f")&&He(this,$p,"f")!==e&&this.hide(),He(this,xp,"f")?.call(this),Oe(this,xp,await ze(this,e,{position:"top-end",inline:!0,shift:!0,flip:!0,offset:8},(e,t,a)=>{u(this,"-right",a.includes("end")),u(this,"-left",a.includes("start")),"rtl"===Le.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(),Oe(this,$p,e,"f"),He(this,$p,"f").ariaExpanded="true",He(this,Sp,"f").observe(He(this,$p,"f")),He(this,gp,"m",Mp).call(this)}hide(e=!1){He(this,xp,"f")?.call(this),Oe(this,xp,void 0,"f"),He(this,$p,"f")&&(He(this,$p,"f").ariaExpanded="false",e&&He(this,$p,"f").focus(),He(this,gp,"m",Tp).call(this),He(this,Sp,"f").unobserve(He(this,$p,"f")),Oe(this,$p,void 0,"f")),this.hidePopover()}async toggle(e){He(this,$p,"f")?this.hide():await this.show(e)}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.setAttribute("popover","manual"),y(this,"-no-animate"),this.addEventListener("keydown",He(this,kp,"f")),this.addEventListener("toggle",He(this,_p,"f")),document.addEventListener("click",He(this,Cp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,kp,"f")),this.removeEventListener("toggle",He(this,_p,"f")),document.removeEventListener("click",He(this,Cp,"f"))}firstUpdated(e){super.firstUpdated(e),requestAnimationFrame(()=>g(this,"-no-animate"))}render(){return o`<div class="base"><slot @slotchange="${He(this,gp,"m",Lp)}"></slot></div>`}};yp=new WeakMap,$p=new WeakMap,xp=new WeakMap,wp=new WeakMap,kp=new WeakMap,Cp=new WeakMap,Sp=new WeakMap,_p=new WeakMap,gp=new WeakSet,Lp=function(){const{added:e}=He(this,wp,"f").setItems([...this.querySelectorAll("m3e-fab-menu-item")]);He(this,wp,"f").activeItem||He(this,wp,"f").updateActiveItem(e.find(e=>!e.disabled))},zp=function(e){switch(e.key){case"Tab":this.hide();break;case"Escape":e.shiftKey||e.ctrlKey||this.hide(!0);break;default:He(this,wp,"f").onKeyDown(e)}},Ep=function(e){e.composedPath().some(e=>e instanceof fp||e===He(this,$p,"f"))||this.hide()},Mp=function(){const e=He(this,$p,"f")?.closest("m3e-fab");e&&(Oe(this,yp,e.tabIndex,"f"),e.addEventListener("keydown",He(this,kp,"f")),He(this,wp,"f").setItems([...He(this,wp,"f").items,e]))},Tp=function(){const e=He(this,$p,"f")?.closest("m3e-fab");e&&(void 0!==He(this,yp,"f")&&(e.tabIndex=He(this,yp,"f")),e.removeEventListener("keydown",He(this,kp,"f")),He(this,wp,"f").setItems([...He(this,wp,"f").items.filter(t=>t!==e)]))},Pp.styles=t`: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(:state(-no-animate))) { transition: ${e(`opacity ${l.motion.spring.fastEffects}, \n        transform ${l.motion.spring.fastSpatial},\n        overlay ${l.motion.spring.fastEffects} allow-discrete,\n        display ${l.motion.spring.fastEffects} allow-discrete`)}; } .base { display: contents; } :host([variant="primary"]) .base { --_fab-menu-item-color: var(--m3e-primary-fab-color, ${l.color.onPrimaryContainer}); --_fab-menu-item-container-color: var(--m3e-primary-fab-container-color, ${l.color.primaryContainer}); --_fab-menu-background-hover-color: var(--m3e-primary-fab-hover-color, ${l.color.onPrimaryContainer}); --_fab-menu-background-focus-color: var(--m3e-primary-fab-focus-color, ${l.color.onPrimaryContainer}); --_fab-menu-ripple-color: var(--m3e-primary-fab-ripple-color, ${l.color.onPrimaryContainer}); } :host([variant="secondary"]) .base { --_fab-menu-item-color: var(--m3e-secondary-fab-color, ${l.color.onSecondaryContainer}); --_fab-menu-item-container-color: var( --m3e-secondary-fab-container-color, ${l.color.secondaryContainer} ); --_fab-menu-background-hover-color: var( --m3e-secondary-fab-hover-color, ${l.color.onSecondaryContainer} ); --_fab-menu-background-focus-color: var( --m3e-secondary-fab-focus-color, ${l.color.onSecondaryContainer} ); --_fab-menu-ripple-color: var(--m3e-secondary-fab-ripple-color, ${l.color.onSecondaryContainer}); } :host([variant="tertiary"]) .base { --_fab-menu-item-color: var(--m3e-tertiary-fab-color, ${l.color.onTertiaryContainer}); --_fab-menu-item-container-color: var(--m3e-tertiary-fab-container-color, ${l.color.tertiaryContainer}); --_fab-menu-background-hover-color: var(--m3e-tertiary-fab-hover-color, ${l.color.onTertiaryContainer}); --_fab-menu-background-focus-color: var(--m3e-tertiary-fab-focus-color, ${l.color.onTertiaryContainer}); --_fab-menu-ripple-color: var(--m3e-tertiary-fab-ripple-color, ${l.color.onTertiaryContainer}); } :host { transform: scaleX(0.8); } :host(:state(-left)) { align-items: flex-start; transform-origin: left; } :host(:state(-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(:state(-no-animate))) { transition: none; } } @media (forced-colors: active) { :host { border-radius: ${l.shape.corner.medium}; outline: 1px solid MenuText; background-color: Menu; } }`,We([nt({reflect:!0})],Pp.prototype,"variant",void 0),Pp=We([m("m3e-fab-menu")],Pp);let Ip=class extends(c($)){get menu(){return this.control instanceof Pp?this.control:null}attach(e){super.attach(e),this.parentElement&&e instanceof Pp&&(this.parentElement.ariaHasPopup="menu",this.parentElement.ariaExpanded="false",e.id&&ye(this.parentElement,"aria-controls",e.id))}detach(){this.parentElement&&(this.parentElement.ariaHasPopup=null,this.parentElement.ariaExpanded=null,this.control?.id&&$e(this.parentElement,"aria-controls",this.control.id)),super.detach()}_onClick(){this.parentElement&&this.menu?.toggle(this.parentElement)}};Ip=We([m("m3e-fab-menu-trigger")],Ip);
+ */class dl{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,a){this._$Ct=e,this._$AM=t,this._$Ci=a}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}const hl="important",ml=" !"+hl;const pl=cl(class extends dl{constructor(e){if(super(e),e.type!==nl||"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 i}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 o=t[e];if(null!=o){this._previousStyleProperties.add(e);const t="string"==typeof o&&o.endsWith(ml);e.includes("-")||t?a.setProperty(e,t?o.slice(0,-11):o,t?hl:""):a[e]=o}}return s}});function ul(e,...t){return"object"==typeof e&&null!==e&&t.every(t=>t in e)}const vl=Symbol("internals");function bl(e){return ul(e,vl)}const fl=Symbol("_internals");function gl(e,t){class a extends e{get[vl](){return this[fl]??(this[fl]=this.attachInternals())}}return a.formAssociated=t,a}function yl(e,t){return!r&&e[vl].states.has(t)}function $l(e,t){r||e[vl]?.states.add(t)}function xl(e,t){return!r&&e[vl]?.states.delete(t)}function wl(e,t,a){a?$l(e,t):xl(e,t)}function kl(e){return ul(e,"checked")}function Cl(e){class t 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 We([nt({type:Boolean,reflect:!0})],t.prototype,"checked",void 0),t}function Sl(e){return ul(e,"indeterminate")&&kl(e)}function _l(e){class t extends(Cl(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 We([nt({type:Boolean,reflect:!0})],t.prototype,"indeterminate",void 0),t}function Ll(e){return ul(e,"selected")}function zl(e){class t 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 We([nt({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),t}function El(e){return kl(e)||Ll(e)}function Ml(e){return kl(e)&&e.checked||Ll(e)&&e.selected}function Tl(e,t){kl(e)?e.checked=t:e.selected=t}function Pl(e){return ul(e,"dirty","pristine","markAsDirty","markAsPristine")}const Il=Symbol("_eventHandler");function Al(e){var t;return t=Il,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsDirty()}get dirty(){return yl(this,"-dirty")}get pristine(){return!this.dirty}connectedCallback(){this.markAsPristine(),super.connectedCallback(),this.addEventListener("change",this[Il])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",this[Il])}markAsPristine(){xl(this,"-dirty")}markAsDirty(){$l(this,"-dirty")}}}function Wl(e){return ul(e,"touched","untouched","markAsTouched","markAsUntouched")}const Hl=Symbol("_eventHandler");function Ol(e){var t;return t=Hl,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsTouched()}get touched(){return yl(this,"-touched")}get untouched(){return!this.touched}connectedCallback(){this.markAsUntouched(),super.connectedCallback(),this.addEventListener("focusout",this[Hl],{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[Hl],{capture:!0})}markAsTouched(){$l(this,"-touched")}markAsUntouched(){xl(this,"-touched")}}}const Dl={primary:e("var(--md-sys-color-primary, #6750A4)"),onPrimary:e("var(--md-sys-color-on-primary, #FFFFFF)"),primaryContainer:e("var(--md-sys-color-primary-container, #EADDFF)"),onPrimaryContainer:e("var(--md-sys-color-on-primary-container, #4F378B)"),primaryFixed:e("var(--md-sys-color-primary-fixed, #EADDFF)"),primaryFixedDim:e("var(--md-sys-color-primary-fixed-dim, #D0BCFF)"),onPrimaryFixed:e("var(--md-sys-color-on-primary-fixed, #21005D)"),onPrimaryFixedVariant:e("var(--md-sys-color-on-primary-fixed-variant, #4F378B)"),secondary:e("var(--md-sys-color-secondary, #625B71)"),onSecondary:e("var(--md-sys-color-on-secondary, #FFFFFF)"),secondaryContainer:e("var(--md-sys-color-secondary-container, #E8DEF8)"),onSecondaryContainer:e("var(--md-sys-color-on-secondary-container, #4A4458)"),secondaryFixed:e("var(--md-sys-color-secondary-fixed, #E8DEF8)"),secondaryFixedDim:e("var(--md-sys-color-secondary-fixed-dim, #CCC2DC)"),onSecondaryFixed:e("var(--md-sys-color-on-secondary-fixed, #1D192B)"),onSecondaryFixedVariant:e("var(--md-sys-color-on-secondary-fixed-variant, #4A4458)"),tertiary:e("var(--md-sys-color-tertiary, #7D5260)"),onTertiary:e("var(--md-sys-color-on-tertiary, #FFFFFF)"),tertiaryContainer:e("var(--md-sys-color-tertiary-container, #FFD8E4)"),onTertiaryContainer:e("var(--md-sys-color-on-tertiary-container, #633B48)"),tertiaryFixed:e("var(--md-sys-color-tertiary-fixed, #FFD8E4)"),tertiaryFixedDim:e("var(--md-sys-color-tertiary-fixed-dim, #EFB8C8)"),onTertiaryFixed:e("var(--md-sys-color-on-tertiary-fixed, #31111D)"),onTertiaryFixedVariant:e("var(--md-sys-color-on-tertiary-fixed-variant, #633B48)"),error:e("var(--md-sys-color-error, #B3261E)"),onError:e("var(--md-sys-color-on-error, #FFFFFF)"),errorContainer:e("var(--md-sys-color-error-container, #F9DEDC)"),onErrorContainer:e("var(--md-sys-color-on-error-container, #8C1D18)"),surface:e("var(--md-sys-color-surface, #FEF7FF)"),onSurface:e("var(--md-sys-color-on-surface, #1D1B20)"),onSurfaceVariant:e("var(--md-sys-color-on-surface-variant, #49454F)"),surfaceContainerLowest:e("var(--md-sys-color-surface-container-lowest, #FFFFFF)"),surfaceContainerLow:e("var(--md-sys-color-surface-container-low, #F7F2FA)"),surfaceContainer:e("var(--md-sys-color-surface-container, #F3EDF7)"),surfaceContainerHigh:e("var(--md-sys-color-surface-container-high, #ECE6F0)"),surfaceContainerHighest:e("var(--md-sys-color-surface-container-highest, #E6E0E9)"),surfaceDim:e("var(--md-sys-color-surface-dim, #DED8E1)"),surfaceBright:e("var(--md-sys-color-surface-bright, #FEF7FF)"),surfaceVariant:e("var(--md-sys-color-surface-variant, #E7E0EC)"),inverseSurface:e("var(--md-sys-color-inverse-surface, #322F35)"),inverseOnSurface:e("var(--md-sys-color-inverse-on-surface, #F5EFF7)"),inversePrimary:e("var(--md-sys-color-inverse-primary, #D0BCFF)"),outline:e("var(--md-sys-color-outline, #79747E)"),outlineVariant:e("var(--md-sys-color-outline-variant, #CAC4D0)"),shadow:e("var(--md-sys-color-shadow, #000000)"),scrim:e("var(--md-sys-color-scrim, #000000)")},Bl={scale:e("var(--md-sys-density-scale, 0)"),size:e("var(--md-sys-density-size, 0.25rem)")},ql={...Bl,calc:t=>e(`calc(max(${t}, ${Bl.scale}) * ${Bl.size})`)},Rl=`color-mix(in srgb, var(--m3e-elevation-color, ${Dl.shadow}) 20%, transparent)`,Fl=["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"],Vl=`color-mix(in srgb, var(--m3e-elevation-color, ${Dl.shadow}) 14%, transparent)`,Ul=["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"],Nl=`color-mix(in srgb, var(--m3e-elevation-color, ${Dl.shadow}) 12%, transparent)`,jl=["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 Kl(e){return`${Rl} ${Fl[e]},${Vl} ${Ul[e]},${Nl} ${jl[e]}`}const Zl={level0:e(`var(--md-sys-elevation-level0, ${Kl(0)})`),level1:e(`var(--md-sys-elevation-level1, ${Kl(1)})`),level2:e(`var(--md-sys-elevation-level2, ${Kl(3)})`),level3:e(`var(--md-sys-elevation-level3, ${Kl(6)})`),level4:e(`var(--md-sys-elevation-level4, ${Kl(8)})`),level5:e(`var(--md-sys-elevation-level5, ${Kl(12)})`)},Gl={emphasized:e("var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0.0, 0, 1.0))"),emphasizedDecelerate:e("var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1.0))"),emphasizedAccelerate:e("var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0.0, 0.8, 0.15))"),standard:e("var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0.0, 0, 1.0))"),standardDecelerate:e("var(--md-sys-motion-easing-standard-decelerate, cubic-bezier(0, 0, 0, 1))"),standardAccelerate:e("var(--md-sys-motion-easing-standard-accelerate, cubic-bezier(0.3, 0, 1, 1))")},Xl={fastSpatial:e("var(--md-sys-motion-spring-fast-spatial, 350ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),defaultSpatial:e("var(--md-sys-motion-spring-default-spatial, 500ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),slowSpatial:e("var(--md-sys-motion-spring-slow-spatial, 750ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),fastEffects:e("var(--md-sys-motion-spring-fast-effects, 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00))"),defaultEffects:e("var(--md-sys-motion-spring-default-effects, 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00))"),slowEffects:e("var(--md-sys-motion-spring-slow-effects, 200ms cubic-bezier(0.34, 0.88, 0.34, 1.00))")},Yl={easing:Gl,duration:{short1:e("var(--md-sys-motion-duration-short-1, 50ms)"),short2:e("var(--md-sys-motion-duration-short-2, 100ms)"),short3:e("var(--md-sys-motion-duration-short-3, 150ms)"),short4:e("var(--md-sys-motion-duration-short-4, 200ms)"),medium1:e("var(--md-sys-motion-duration-medium-1, 250ms)"),medium2:e("var(--md-sys-motion-duration-medium-2, 300ms)"),medium3:e("var(--md-sys-motion-duration-medium-3, 350ms)"),medium4:e("var(--md-sys-motion-duration-medium-4, 400ms)"),long1:e("var(--md-sys-motion-duration-long-1, 450ms)"),long2:e("var(--md-sys-motion-duration-long-2, 500ms)"),long3:e("var(--md-sys-motion-duration-long-3, 550ms)"),long4:e("var(--md-sys-motion-duration-long-4, 600ms)"),extraLong1:e("var(--md-sys-motion-duration-extra-long-1, 700ms)"),extraLong2:e("var(--md-sys-motion-duration-extra-long-2, 800ms)"),extraLong3:e("var(--md-sys-motion-duration-extra-long-3, 900ms)"),extraLong4:e("var(--md-sys-motion-duration-extra-long-4, 1000ms)")},spring:Xl},Jl={width:e("var(--m3e-scrollbar-width, auto)"),thinWidth:e("var(--m3e-scrollbar-thin-width, thin)"),color:e("var(--m3e-scrollbar-thumb-color, #938f94) var(--m3e-scrollbar-track-color, transparent)")},Ql={none:e("var(--md-sys-shape-corner-value-none, 0)"),extraSmall:e("var(--md-sys-shape-corner-value-extra-small, 0.25rem)"),small:e("var(--md-sys-shape-corner-value-small, 0.5rem)"),medium:e("var(--md-sys-shape-corner-value-medium, 0.75rem)"),large:e("var(--md-sys-shape-corner-value-large, 1rem)"),largeIncreased:e("var(--md-sys-shape-corner-value-large-increased, 1.25rem)"),extraLarge:e("var(--md-sys-shape-corner-value-extra-large, 1.75rem)"),extraLargeIncreased:e("var(--md-sys-shape-corner-value-extra-large-increased, 2rem)"),extraExtraLarge:e("var(--md-sys-shape-corner-value-extra-extra-large, 3rem)")},ec={color:Dl,elevation:Zl,motion:Yl,shape:{corner:{full:e("var(--md-sys-shape-corner-full, 624.9375rem)"),extraLargeTop:e(`var(--md-sys-shape-corner-extra-large-top, ${Ql.extraLarge} ${Ql.extraLarge} ${Ql.none} ${Ql.none})`),extraLarge:e(`var(--md-sys-shape-corner-extra-large, ${Ql.extraLarge})`),extraLargeEnd:e(`${Ql.none} ${Ql.extraLarge} ${Ql.extraLarge} ${Ql.none}`),extraLargeStart:e(`${Ql.extraLarge} ${Ql.none} ${Ql.none} ${Ql.extraLarge}`),largeTop:e(`var(--md-sys-shape-corner-large-top, ${Ql.large} ${Ql.large} ${Ql.none} ${Ql.none})`),largeEnd:e(`var(--md-sys-shape-corner-large-end, ${Ql.none} ${Ql.large} ${Ql.large} ${Ql.none})`),largeStart:e(`var(--md-sys-shape-corner-large-end, ${Ql.large} ${Ql.none} ${Ql.none} ${Ql.large})`),large:e(`var(--md-sys-shape-corner-large, ${Ql.large})`),medium:e(`var(--md-sys-shape-corner-medium, ${Ql.medium})`),mediumTop:e(`${Ql.medium} ${Ql.medium} ${Ql.none} ${Ql.none}`),mediumEnd:e(`${Ql.none} ${Ql.medium} ${Ql.medium} ${Ql.none}`),mediumStart:e(`${Ql.medium} ${Ql.none} ${Ql.none} ${Ql.medium}`),small:e(`var(--md-sys-shape-corner-small, ${Ql.small})`),smallTop:e(`${Ql.small} ${Ql.small} ${Ql.none} ${Ql.none}`),smallEnd:e(`${Ql.none} ${Ql.small} ${Ql.small} ${Ql.none}`),smallStart:e(`${Ql.small} ${Ql.none} ${Ql.none} ${Ql.small}`),extraSmallTop:e(`var(--md-sys-shape-corner-extra-small-top, ${Ql.extraSmall} ${Ql.extraSmall} ${Ql.none} ${Ql.none})`),extraSmall:e(`var(--md-sys-shape-corner-extra-small, ${Ql.extraSmall})`),extraSmallEnd:e(`${Ql.none} ${Ql.extraSmall} ${Ql.extraSmall} ${Ql.none}`),extraSmallStart:e(`${Ql.extraSmall} ${Ql.none} ${Ql.none} ${Ql.extraSmall}`),extraSmallBottom:e(`${Ql.none} ${Ql.none} ${Ql.extraSmall} ${Ql.extraSmall}`),none:e(`var(--md-sys-shape-corner-none, ${Ql.none})`),largeIncreased:e(`var(--md-sys-shape-corner-large-increased, ${Ql.largeIncreased})`),extraLargeIncreased:e(`var(--md-sys-shape-corner-extra-large-increased, ${Ql.extraLargeIncreased})`),extraExtraLarge:e(`var(--md-sys-shape-corner-extra-extra-large, ${Ql.extraExtraLarge})`),value:Ql}},state:{focusStateLayerOpacity:e("var(--md-sys-state-focus-state-layer-opacity, 10%)"),hoverStateLayerOpacity:e("var(--md-sys-state-hover-state-layer-opacity, 8%)"),pressedStateLayerOpacity:e("var(--md-sys-state-pressed-state-layer-opacity, 10%)")},typescale:{standard:{display:{large:{fontSize:e("var(--md-sys-typescale-display-large-font-size, 3.5625rem)"),fontWeight:e("var(--md-sys-typescale-display-large-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-display-large-line-height, 4rem)"),tracking:e("var(--md-sys-typescale-display-large-tracking, 0.015625rem)")},medium:{fontSize:e("var(--md-sys-typescale-display-medium-font-size, 2.8125rem)"),fontWeight:e("var(--md-sys-typescale-display-medium-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-display-medium-line-height, 3.25rem)"),tracking:e("var(--md-sys-typescale-display-medium-tracking, 0)")},small:{fontSize:e("var(--md-sys-typescale-display-small-font-size, 2.25rem)"),fontWeight:e("var(--md-sys-typescale-display-small-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-display-small-line-height, 2.75rem)"),tracking:e("var(--md-sys-typescale-display-small-tracking, 0)")}},headline:{large:{fontSize:e("var(--md-sys-typescale-headline-large-font-size, 2rem)"),fontWeight:e("var(--md-sys-typescale-headline-large-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-headline-large-line-height, 2.5rem)"),tracking:e("var(--md-sys-typescale-headline-large-tracking, 0)")},medium:{fontSize:e("var(--md-sys-typescale-headline-medium-font-size, 1.75rem)"),fontWeight:e("var(--md-sys-typescale-headline-medium-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-headline-medium-line-height, 2.25rem)"),tracking:e("var(--md-sys-typescale-headline-medium-tracking, 0)")},small:{fontSize:e("var(--md-sys-typescale-headline-small-font-size, 1.5rem)"),fontWeight:e("var(--md-sys-typescale-headline-small-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-headline-small-line-height, 2rem)"),tracking:e("var(--md-sys-typescale-headline-small-tracking, 0)")}},title:{large:{fontSize:e("var(--md-sys-typescale-title-large-font-size, 1.375rem)"),fontWeight:e("var(--md-sys-typescale-title-large-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-title-large-line-height, 1.75rem)"),tracking:e("var(--md-sys-typescale-title-large-tracking, 0)")},medium:{fontSize:e("var(--md-sys-typescale-title-medium-font-size, 1rem)"),fontWeight:e("var(--md-sys-typescale-title-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-title-medium-line-height, 1.5rem)"),tracking:e("var(--md-sys-typescale-title-medium-tracking, 0.009375rem)")},small:{fontSize:e("var(--md-sys-typescale-title-small-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-title-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-title-small-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:e("var(--md-sys-typescale-body-large-font-size, 1rem)"),fontWeight:e("var(--md-sys-typescale-body-large-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-body-large-line-height, 1.5rem)"),tracking:e("var(--md-sys-typescale-body-large-tracking, 0.03125rem)")},medium:{fontSize:e("var(--md-sys-typescale-body-medium-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-body-medium-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-body-medium-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-body-medium-tracking, 0.015625rem)")},small:{fontSize:e("var(--md-sys-typescale-body-small-font-size, 0.75rem)"),fontWeight:e("var(--md-sys-typescale-body-small-font-weight, 400)"),lineHeight:e("var(--md-sys-typescale-body-small-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:e("var(--md-sys-typescale-label-large-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-label-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-label-large-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-label-large-tracking, 0.00625rem)")},medium:{fontSize:e("var(--md-sys-typescale-label-medium-font-size, 0.75rem)"),fontWeight:e("var(--md-sys-typescale-label-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-label-medium-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-label-medium-tracking, 0.03125rem)")},small:{fontSize:e("var(--md-sys-typescale-label-small-font-size, 0.6875rem)"),fontWeight:e("var(--md-sys-typescale-label-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-label-small-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-label-small-tracking, 0.03125rem)")}}},emphasized:{display:{large:{fontSize:e("var(--md-sys-typescale-emphasized-display-large-font-size, 3.5625rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-display-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-display-large-line-height, 4rem)"),tracking:e("var(--md-sys-typescale-emphasized-display-large-tracking, 0.015625rem)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-display-medium-font-size, 2.8125rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-display-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-display-medium-line-height, 3.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-display-medium-tracking, 0)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-display-small-font-size, 2.25rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-display-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-display-small-line-height, 2.75rem)"),tracking:e("var(--md-sys-typescale-emphasized-display-small-tracking, 0)")}},headline:{large:{fontSize:e("var(--md-sys-typescale-emphasized-headline-large-font-size, 2rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-headline-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-headline-large-line-height, 2.5rem)"),tracking:e("var(--md-sys-typescale-emphasized-headline-large-tracking, 0)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-headline-medium-font-size, 1.75rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-headline-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-headline-medium-line-height, 2.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-headline-medium-tracking, 0)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-headline-small-font-size, 1.5rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-headline-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-headline-small-line-height, 2rem)"),tracking:e("var(--md-sys-typescale-emphasized-headline-small-tracking, 0)")}},title:{large:{fontSize:e("var(--md-sys-typescale-emphasized-title-large-font-size, 1.375rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-title-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-title-large-line-height, 1.75rem)"),tracking:e("var(--md-sys-typescale-emphasized-title-large-tracking, 0)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-title-medium-font-size, 1rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-title-medium-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-title-medium-line-height, 3.5rem)"),tracking:e("var(--md-sys-typescale-emphasized-title-medium-tracking, 0.009375rem)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-title-small-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-title-small-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-title-small-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:e("var(--md-sys-typescale-emphasized-body-large-font-size, 1rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-body-large-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-body-large-line-height, 1.5rem)"),tracking:e("var(--md-sys-typescale-emphasized-body-large-tracking, 0.03125rem)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-body-medium-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-body-medium-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-body-medium-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-body-medium-tracking, 0.015625rem)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-body-small-font-size, 0.75rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-body-small-font-weight, 500)"),lineHeight:e("var(--md-sys-typescale-emphasized-body-small-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-emphasized-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:e("var(--md-sys-typescale-emphasized-label-large-font-size, 0.875rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-label-large-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-label-large-line-height, 1.25rem)"),tracking:e("var(--md-sys-typescale-emphasized-label-large-tracking, 0.00625rem)")},medium:{fontSize:e("var(--md-sys-typescale-emphasized-label-medium-font-size, 0.75rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-label-medium-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-label-medium-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-emphasized-label-medium-tracking, 0.03125rem)")},small:{fontSize:e("var(--md-sys-typescale-emphasized-label-small-font-size, 0.6875rem)"),fontWeight:e("var(--md-sys-typescale-emphasized-label-small-font-weight, 700)"),lineHeight:e("var(--md-sys-typescale-emphasized-label-small-line-height, 1rem)"),tracking:e("var(--md-sys-typescale-emphasized-label-small-tracking, 0.03125rem)")}}}},scrollbar:Jl,density:ql};function tc(e){return ul(e,"disabled")}function ac(e,t=!0){class a 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 We([nt({type:Boolean,reflect:t})],a.prototype,"disabled",void 0),a}function oc(e){return ul(e,"disabledInteractive")&&tc(e)}const ic=["click","dblclick","auxclick","keydown","keyup"],rc=["Tab","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Left","Up","Right","Down"],sc=Symbol("_suppressedEventHandler");function nc(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{if(this.disabledInteractive){if(e instanceof KeyboardEvent&&rc.includes(e.key))return;e.stopImmediatePropagation(),e.preventDefault()}},this.disabledInteractive=!1}connectedCallback(){ic.forEach(e=>this.addEventListener(e,this[sc],!0)),super.connectedCallback()}disconnectedCallback(){ic.forEach(e=>this.removeEventListener(e,this[sc],!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 t=sc,We([nt({attribute:"disabled-interactive",type:Boolean,reflect:!0})],a.prototype,"disabledInteractive",void 0),a}const lc=Symbol("updateLabels");function cc(e){return ul(e,"labels")&&bl(e)}const dc=Symbol("_eventHandler");function hc(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{e.defaultPrevented||this[lc]()}}get labels(){return this[vl].labels}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this[dc]),this.addEventListener("change",this[dc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[dc]),this.removeEventListener("change",this[dc])}update(e){super.update(e),this[lc]()}[(t=dc,lc)](){const e=this.hasAttribute("tabindex"),t=tc(this)&&this.disabled||oc(this)&&this.disabledInteractive,a=Wl(this)&&this.touched&&(this.ariaInvalid||yl(this,"-invalid"));for(const o of this.labels??[])o.style.userSelect=e?"none":"",o.style.cursor=!t&&e?"pointer":"",!t&&e?o.style.setProperty("-webkit-tap-highlight-color","rgba(0, 0, 0, 0)"):o.style.removeProperty("-webkit-tap-highlight-color"),o.style.color=t?`color-mix(in srgb, ${ec.color.onSurface} 38%, transparent)`:a?`${ec.color.error}`:""}}return a.formAssociated=!0,a}const mc=Symbol("formValue"),pc=Symbol("defaultValue");function uc(e){return ul(e,"disabled","form","name")&&cc(e)&&bl(e)}const vc=Symbol("_defaultValue"),bc=Symbol("_defaultIndeterminate"),fc=Symbol("_formDisabled");function gc(e){var t,a;class o extends e{constructor(){super(...arguments),this[t]=!1,this[a]=!1}get form(){return this[vl].form}get labels(){return this[vl].labels}get[(t=bc,a=fc,mc)](){return null}get[pc](){return this[vc]}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get disabled(){return super.disabled||this[fc]}set disabled(e){super.disabled=e}connectedCallback(){super.connectedCallback(),kl(this)?(this[vc]=this.checked,Sl(this)&&(this[bc]=this.indeterminate)):"value"in this&&(this[vc]=this.value)}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[vl].setFormValue(this[mc])}formDisabledCallback(e){const t=this.disabled;this[fc]=e,this.disabled!=t&&this.requestUpdate("disabled",t)}formResetCallback(){kl(this)?(this.checked=!0===this[vc],Sl(this)&&(this.indeterminate=this[bc])):"value"in this&&(this.value=this[pc]),Pl(this)&&this.markAsPristine(),Wl(this)&&this.markAsUntouched()}}return o.formAssociated=!0,We([nt({noAccessor:!0})],o.prototype,"name",null),We([nt({type:Boolean})],o.prototype,"disabled",null),o}const yc=Symbol("validate");function $c(e){return ul(e,"willValidate","validity","validationMessage","reportValidity","checkValidity","setCustomValidity")&&uc(e)}const xc=Symbol("_updateValidity"),wc=Symbol("_validityMessage");function kc(e){var t,a;class o extends e{constructor(){super(...arguments),t.add(this)}get willValidate(){return this[vl].willValidate}get validity(){return this[xc](),this[vl].validity}get validationMessage(){return this[xc](),this[vl].validationMessage}[(t=new WeakSet,yc)](){return this[wc]?{customError:!0}:void 0}reportValidity(){return Wl(this)&&this.markAsTouched(),this[xc](),this[vl].reportValidity()}checkValidity(){return this[xc](),this[vl].checkValidity()}setCustomValidity(e){this[wc]=e||void 0,this[xc]()}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[xc]()}firstUpdated(e){super.firstUpdated(e),this[xc]()}[xc](){if(r||!this.isConnected)return;const e=this[yc](),o=e&&Object.keys(e).some(t=>!0===e[t]);let i=e?.customError?this[wc]:"";e&&!i&&(i=He(this,t,"m",a).call(this,e)),this[vl].setValidity(e,i),this.ariaInvalid=o?"true":null,wl(this,"-invalid",!0===o),cc(this)&&this[lc]?.()}}return a=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}function Cc(e,...t){return class extends e{dispatchEvent(e){if(t.includes(e.type)){const t=this.getAttribute(`on${e.type}`);t&&new Function("e",`${t};`).call(this,e)}return super.dispatchEvent(e)}}}const Sc=Symbol("_tabindex");function _c(e){var t;return t=Sc,class extends e{constructor(){super(...arguments),this[t]=0}connectedCallback(){this[Sc]=Number.parseInt(this.getAttribute("tabindex")??"0"),super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||e.has("disabled")||this.setAttribute("tabindex",`${this[Sc]}`)}update(e){if(super.update(e),e.has("disabled"))if(this.disabled||"none"===this.role){const e=this.getAttribute("tabindex");e&&(this[Sc]=Number.parseInt(e)),this.removeAttribute("tabindex")}else this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${this[Sc]}`)}}}function Lc(e){return ul(e,"name","type","value")&&bl(e)}const zc=Symbol("_clickHandler");function Ec(e){var t;class a extends e{constructor(){super(...arguments),this.type="button",this[t]=async e=>{if(e.defaultPrevented||tc(this)&&this.disabled||oc(this)&&this.disabledInteractive)return;const t=this[vl].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[vl].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[zc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[zc])}}return t=zc,a.formAssociated=!0,We([nt()],a.prototype,"name",null),We([nt()],a.prototype,"value",null),We([nt()],a.prototype,"type",void 0),a}function Mc(e){return ul(e,"htmlFor","control","attach","detach")}const Tc=Symbol("_control"),Pc=Symbol("_firstUpdated");function Ic(e){var t;class a extends e{constructor(){super(...arguments),this[t]=!1,this.htmlFor=null}get control(){return this[Tc]?.deref()??null}connectedCallback(){super.connectedCallback();const e=this[Tc]?.deref();e&&this.attach(e)}disconnectedCallback(){super.disconnectedCallback();const e=this[Tc];e&&(this.detach(),this[Tc]=e)}firstUpdated(e){super.firstUpdated(e),this[Pc]=!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[Pc]&&this.detach()}attach(e){this[Tc]=new WeakRef(e)}detach(){this[Tc]=void 0}}return t=Pc,We([nt({attribute:"for"})],a.prototype,"htmlFor",void 0),a}function Ac(e,t=!0){var a,o,i,r,s,n,l;return o=new WeakMap,i=new WeakMap,r=new WeakMap,s=new WeakMap,a=new WeakSet,n=function(e){e.target!==e.currentTarget||tc(this)&&this.disabled||oc(this)&&this.disabledInteractive?Oe(this,o,!1,"f"):(" "===e.key||t&&"Enter"===e.key)&&Oe(this,o,!0,"f")},l=function(e){e.target!==e.currentTarget||tc(this)&&this.disabled||oc(this)&&this.disabledInteractive||!He(this,o,"f")?Oe(this,o,!1,"f"):(Oe(this,o,!1,"f"),this.dispatchEvent(new MouseEvent("click",{cancelable:!0,bubbles:!0,composed:!0})))},class extends e{constructor(){super(...arguments),a.add(this),o.set(this,!1),i.set(this,e=>He(this,a,"m",n).call(this,e)),r.set(this,e=>He(this,a,"m",l).call(this,e)),s.set(this,()=>Oe(this,o,!1,"f"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",He(this,i,"f")),this.addEventListener("keyup",He(this,r,"f")),this.addEventListener("focusout",He(this,s,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,i,"f")),this.removeEventListener("keyup",He(this,r,"f")),this.removeEventListener("focusout",He(this,s,"f"))}}}const Wc=Symbol("renderPseudoLink");function Hc(e){return ul(e,"download","href","rel","target")}const Oc=Symbol("_clickHandler");function Dc(e){var t,a,r,s,n;class l extends e{constructor(){super(...arguments),t.add(this),this[n]=async e=>{if(oc(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(),this.addEventListener("click",this[Oc]),this.hasAttribute("href")&&"button"===this.role&&(this.role="link")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[Oc])}[(t=new WeakSet,n=Oc,Wc)](){const e=tc(this)&&this.disabled,n=oc(this)&&this.disabledInteractive;return e||n||!this.href?i:o`<a href="${this.href}" target="${cr(this.target||void 0)}" rel="${cr(this.rel||void 0)}" download="${cr(this.download||void 0)}" tabindex="-1" aria-hidden="true" @pointerdown="${He(this,t,"m",a)}" @focus="${He(this,t,"m",r)}" @blur="${He(this,t,"m",s)}"></a>`}}return a=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")},r=function(e){e.target.blur(),this.focus()},s=function(e){e.target.setAttribute("aria-hidden","true")},We([nt()],l.prototype,"href",void 0),We([nt()],l.prototype,"target",void 0),We([nt()],l.prototype,"rel",void 0),We([nt({reflect:!1})],l.prototype,"download",null),l}function Bc(e){return ul(e,"readOnly")}function qc(e,t=!0){class a extends e{constructor(){super(...arguments),this.readOnly=!1}update(e){super.update(e),e.has("readOnly")&&(this.ariaReadOnly=this.readOnly?"true":null)}}return We([nt({attribute:"readonly",type:Boolean,reflect:t})],a.prototype,"readOnly",void 0),a}function Rc(e){return ul(e,"required","optional")}function Fc(e){class t 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 We([nt({type:Boolean,reflect:!0})],t.prototype,"required",void 0),t}function Vc(e){return Rc(e)&&$c(e)}function Uc(e){return class extends e{[yc](){const e=super[yc]();if(!e&&this.required){if(kl(this)&&!this.checked)return{valueMissing:!0};if(!this.value)return{valueMissing:!0}}return e}}}function Nc(e,t){return class extends e{connectedCallback(){this.role=this.role||t,super.connectedCallback()}}}function jc(e){return ul(e,"vertical")}function Kc(e){class t extends e{constructor(){super(...arguments),this.vertical=!1}update(e){super.update(e),e.has("vertical")&&(this.ariaOrientation=this.vertical?"vertical":"horizontal")}}return We([nt({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),t}var Zc,Gc,Xc,Yc,Jc,Qc,ed,td;class ad extends a{constructor(){super(...arguments),Zc.set(this,e=>{e.defaultPrevented||this._onClick(e)})}connectedCallback(){super.connectedCallback(),this.parentElement?.addEventListener("click",He(this,Zc,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.parentElement?.removeEventListener("click",He(this,Zc,"f"))}render(){return o`<slot></slot>`}}Zc=new WeakMap,ad.styles=t`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;let od=class extends(Cc(gl(a),"opening","opened","closing","closed")){constructor(){super(...arguments),Gc.add(this),Xc.set(this,!1),Yc.set(this,!1),this.open=!1}update(e){if(super.update(e),$l(this,"-no-animate"),!He(this,Xc,"f"))return this.open&&(Oe(this,Yc,!0,"f"),He(this,Gc,"m",Qc).call(this)),void Oe(this,Xc,!0,"f");this.toggleAttribute("inert",!this.open),this.open?(Oe(this,Yc,!0,"f"),Mn()||(He(this,Gc,"m",Qc).call(this),wl(this,"-overflows",this.clientHeight<this.scrollHeight),He(this,Gc,"m",ed).call(this)),xl(this,"-closing"),$l(this,"-opening"),this.dispatchEvent(new Event("opening")),He(this,Gc,"m",ed).call(this),xl(this,"-no-animate"),He(this,Gc,"m",td).call(this),Mn()?(He(this,Gc,"m",Qc).call(this),xl(this,"-opening"),this.dispatchEvent(new Event("opened"))):this.addEventListener("transitionend",()=>{this.open&&(He(this,Gc,"m",Qc).call(this),xl(this,"-opening"),this.dispatchEvent(new Event("opened")))},{once:!0})):(xl(this,"-opening"),$l(this,"-closing"),this.dispatchEvent(new Event("closing")),He(this,Gc,"m",td).call(this),He(this,Yc,"f")&&xl(this,"-no-animate"),Mn()?(He(this,Gc,"m",ed).call(this),xl(this,"-closing"),this.dispatchEvent(new Event("closed"))):requestAnimationFrame(()=>{He(this,Gc,"m",ed).call(this),this.addEventListener("transitionend",()=>{this.open||(xl(this,"-closing"),this.dispatchEvent(new Event("closed")))},{once:!0})}))}render(){return o`<slot @slotchange="${He(this,Gc,"m",Jc)}"></slot>`}};Xc=new WeakMap,Yc=new WeakMap,Gc=new WeakSet,Jc=function(){Oe(this,Xc,!0,"f")},Qc=function(){this.style.height="auto"},ed=function(){this.style.height=""},td=function(){this.style.height=`${this.scrollHeight}px`},od.styles=t`:host { display: block; height: 0px; overflow: hidden; transition: ${e(`visibility var(--m3e-collapsible-animation-duration, ${ec.motion.duration.medium1})\n          ${ec.motion.easing.standard},\n        height var(--m3e-collapsible-animation-duration, ${ec.motion.duration.medium1})\n          ${ec.motion.easing.standard},\n        padding-top var(--m3e-collapsible-animation-duration, ${ec.motion.duration.medium1})\n          ${ec.motion.easing.standard},\n        padding-bottom var(--m3e-collapsible-animation-duration, ${ec.motion.duration.medium1})\n          ${ec.motion.easing.standard}`)}; } :host(:not(:state(-closing)):not([open])) { visibility: hidden; } :host(:not([open])) { min-height: unset !important; padding-top: 0px !important; padding-bottom: 0px !important; } :host(:state(-no-animate)) { transition-duration: 0ms; } :host(:state(-opening)), :host(:state(-closing)) { overflow-y: hidden !important; } :host(:state(-overflows)) { scrollbar-gutter: stable; } ::slotted(*) { --m3e-collapsible-animation-duration: initial; } @media (prefers-reduced-motion) { :host { transition: none; } }`,We([nt({type:Boolean,reflect:!0})],od.prototype,"open",void 0),od=We([Fn("m3e-collapsible")],od);const id=e(`var(--m3e-elevation-lift-duration, ${ec.motion.duration.short4})`),rd=e(`var(--m3e-elevation-lift-easing, ${ec.motion.easing.standard})`),sd=e(`var(--m3e-elevation-settle-duration, ${ec.motion.duration.short3})`),nd=e(`var(--m3e-elevation-settle-easing, ${ec.motion.easing.standardAccelerate})`),ld=e(`var(--m3e-elevation-level, ${ec.elevation.level0})`),cd=e(`var(--m3e-elevation-hover-level, ${ec.elevation.level0})`),dd=e(`var(--m3e-elevation-focus-level, ${ec.elevation.level0})`),hd=e(`var(--m3e-elevation-pressed-level, ${ec.elevation.level0})`);var md,pd,ud,vd,bd,fd,gd;let yd=class extends(Ic(Nc(a,"none"))){constructor(){super(...arguments),md.add(this),pd.set(this,new Hn(this,{target:null,callback:e=>He(this,md,"m",bd).call(this,e)})),ud.set(this,new Wn(this,{target:null,callback:e=>He(this,md,"m",fd).call(this,e)})),vd.set(this,new qn(this,{target:null,callback:e=>He(this,md,"m",gd).call(this,e)})),this.disabled=!1,this.level=null}attach(e){super.attach(e),He(this,pd,"f").observe(e),He(this,ud,"f").observe(e),He(this,vd,"f").observe(e)}detach(){this.control&&(He(this,pd,"f").unobserve(this.control),He(this,ud,"f").unobserve(this.control),He(this,vd,"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 o`<div class="shadow"></div>`}};pd=new WeakMap,ud=new WeakMap,vd=new WeakMap,md=new WeakSet,bd=function(e){this.disabled||(this._shadow?.classList.toggle("hover",e),this._shadow?.classList.toggle("resting",!e))},fd=function(e){this.disabled||this._shadow?.classList.toggle("focus",e)},gd=function(e){this.disabled||this._shadow?.classList.toggle("pressed",e)},yd.styles=t`: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: ${e(`box-shadow ${sd} ${nd};`)}; } .shadow.hover { will-change: box-shadow; transition: ${e(`box-shadow ${id} ${rd};`)}; } .shadow { box-shadow: ${ld}; } .shadow.focus { box-shadow: ${dd}; } .shadow.hover { box-shadow: ${cd}; } .shadow.pressed { box-shadow: ${hd}; } :host([level="0"]) .shadow { --m3e-elevation-level: ${ec.elevation.level0}; --m3e-elevation-hover-level: ${ec.elevation.level1}; } :host([level="1"]) .shadow { --m3e-elevation-level: ${ec.elevation.level1}; --m3e-elevation-hover-level: ${ec.elevation.level2}; } :host([level="2"]) .shadow { --m3e-elevation-level: ${ec.elevation.level2}; --m3e-elevation-hover-level: ${ec.elevation.level3}; } :host([level="3"]) .shadow { --m3e-elevation-level: ${ec.elevation.level3}; --m3e-elevation-hover-level: ${ec.elevation.level4}; } :host([level="4"]) .shadow { --m3e-elevation-level: ${ec.elevation.level4}; --m3e-elevation-hover-level: ${ec.elevation.level5}; } :host([level="5"]) .shadow { --m3e-elevation-level: ${ec.elevation.level5}; --m3e-elevation-hover-level: ${ld}; } :host([level]) .shadow { --m3e-elevation-focus-level: ${ld}; --m3e-elevation-pressed-level: ${ld}; } @media (prefers-reduced-motion) { .shadow.resting, .shadow.pressed, .shadow.focus, .shadow.hover { transition: none; } } @media (forced-colors: active) { .shadow { display: none; } }`,We([dt(".shadow")],yd.prototype,"_shadow",void 0),We([nt({type:Boolean,reflect:!0})],yd.prototype,"disabled",void 0),We([nt({type:Number,reflect:!0})],yd.prototype,"level",void 0),yd=We([Fn("m3e-elevation")],yd);const $d=e(`var(--m3e-focus-ring-color, ${ec.color.secondary})`),xd=e(`var(--m3e-focus-ring-duration, ${ec.motion.duration.long2})`),wd=e("var(--m3e-focus-ring-thickness, 3px)"),kd=e("var(--m3e-focus-ring-outward-offset, 2px)"),Cd=e("var(--m3e-focus-ring-inward-offset, 0px)"),Sd=e("var(--m3e-focus-ring-visibility, visible)"),_d=e("var(--m3e-focus-ring-growth-factor, 2)");var Ld,zd,Ed;let Md=class extends(Ic(Nc(a,"none"))){constructor(){super(...arguments),Ld.add(this),zd.set(this,new Wn(this,{target:null,callback:(e,t)=>He(this,Ld,"m",Ed).call(this,t)})),this.inward=!1,this.disabled=!1}show(){this._outline?.classList.toggle("visible",!0)}hide(){this._outline?.classList.toggle("visible",!1)}attach(e){super.attach(e),He(this,zd,"f").observe(e)}detach(){this.control&&He(this,zd,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide()}render(){return o`<div class="outline"></div>`}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};zd=new WeakMap,Ld=new WeakSet,Ed=function(e){this.disabled||(e?this.show():this.hide())},Md.styles=t`: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: ${$d}; outline-width: ${wd}; visibility: ${Sd}; } .outline.visible { outline-style: solid; } :host(:not([inward])) .outline { outline-offset: ${kd}; } :host([inward]) .outline { outline-offset: calc(${Cd} - ${wd}); } :host(:not([inward])) .outline.visible { animation: grow-shrink ${xd}; } :host([inward]) .outline.visible { animation: shrink-grow ${xd}; } @keyframes grow-shrink { 50% { outline-width: calc(${wd} * ${_d}); } } @keyframes shrink-grow { 50% { outline-offset: calc( ${Cd} - calc(${wd} * ${_d}) ); outline-width: calc(${wd} * ${_d}); } } @media (prefers-reduced-motion) { :host(:not([inward])) .outline.visible, :host([inward]) .outline.visible { animation: none; } } @media (forced-colors: active) { .outline { outline-color: Highlight; } }`,We([dt(".outline")],Md.prototype,"_outline",void 0),We([nt({type:Boolean,reflect:!0})],Md.prototype,"inward",void 0),We([nt({type:Boolean,reflect:!0})],Md.prototype,"disabled",void 0),Md=We([Fn("m3e-focus-ring")],Md);let Td=class extends(_l(ac(Nc(a,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return this.indeterminate?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:i}};Td.styles=t`: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, ${ec.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${ec.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${ec.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${ec.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, ${ec.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${ec.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); }`,Td=We([Fn("m3e-pseudo-checkbox")],Td);let Pd=class extends(Cl(ac(Nc(a,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return o`<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>`}};Pd.styles=t`: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, ${ec.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${ec.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${ec.color.onSurface}) 38%, transparent); }`,Pd=We([Fn("m3e-pseudo-radio")],Pd);const Id=e(`var(--m3e-ripple-color, ${ec.color.onSurface})`),Ad=e(`var(--m3e-ripple-opacity, ${ec.state.pressedStateLayerOpacity})`),Wd=e(`var(--m3e-ripple-enter-duration, ${ec.motion.duration.long4})`),Hd=e(`var(--m3e-ripple-exit-duration, ${ec.motion.duration.short2})`),Od=e("var(--m3e-ripple-scale-factor, 2.5)");var Dd,Bd,qd,Rd,Fd,Vd;let Ud=class extends(Ic(Nc(a,"none"))){constructor(){super(...arguments),Dd.add(this),Bd.set(this,null),qd.set(this,new qn(this,{target:null,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(e,{x:t,y:a})=>He(this,Dd,"m",Vd).call(this,e,t,a)})),this.disabled=!1,this.centered=!1,this.unbounded=!1,this.radius=null}get visible(){return null!==He(this,Bd,"f")}show(e,t,a=!1){He(this,Dd,"m",Rd).call(this);const o=this.getBoundingClientRect();this.centered&&(e=o.left+o.width/2,t=o.top+o.height/2);let i=this.radius;if(!i||isNaN(i)){const a=Math.max(Math.abs(e-o.left),Math.abs(e-o.right)),r=Math.max(Math.abs(t-o.top),Math.abs(t-o.bottom));i=Math.sqrt(a*a+r*r)}const r=e-o.left,s=t-o.top;Oe(this,Bd,document.createElement("div"),"f"),He(this,Bd,"f").classList.add("ripple"),a&&He(this,Bd,"f").classList.add("persistent"),He(this,Bd,"f").style.left=r-i+"px",He(this,Bd,"f").style.top=s-i+"px",He(this,Bd,"f").style.width=2*i+"px",He(this,Bd,"f").style.height=2*i+"px",He(this,Bd,"f").addEventListener("animationend",()=>He(this,Dd,"m",Fd).call(this,a),{once:!0}),He(this,Bd,"f").addEventListener("transitionend",()=>He(this,Dd,"m",Rd).call(this),{once:!0}),this.shadowRoot?.appendChild(He(this,Bd,"f"))}hide(){He(this,Bd,"f")?.classList.add("exit")}attach(e){super.attach(e),He(this,qd,"f").observe(e)}detach(){this.control&&He(this,qd,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),He(this,Dd,"m",Rd).call(this)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};var Nd;Bd=new WeakMap,qd=new WeakMap,Dd=new WeakSet,Rd=function(){He(this,Bd,"f")?.remove(),Oe(this,Bd,null,"f")},Fd=function(e){e?He(this,Bd,"f")?.classList.add("pressed"):this.hide()},Vd=function(e,t,a){this.disabled||(e?this.show(t,a,!0):this.hide())},Ud.styles=t`: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: ${ec.shape.corner.full}; background-color: color-mix(in srgb, ${Id} ${Ad}, transparent); will-change: background-color, opacity; animation: ripple ${Wd} linear; } .ripple.persistent.pressed { transform: scale(${Od}); } .ripple.exit { transition: opacity ${Hd} cubic-bezier(0, 0, 0.2, 0.1); opacity: 0; } @keyframes ripple { to { transform: scale(${Od}); } } @media (prefers-reduced-motion) { .ripple { transform: scale(${Od}); animation-duration: 90ms; } .ripple.exit { transition-duration: 10ms; } } @media (forced-colors: active) { .ripple { display: none; } }`,We([nt({type:Boolean,reflect:!0})],Ud.prototype,"disabled",void 0),We([nt({type:Boolean,reflect:!0})],Ud.prototype,"centered",void 0),We([nt({type:Boolean,reflect:!0})],Ud.prototype,"unbounded",void 0),We([nt({type:Number})],Ud.prototype,"radius",void 0),Ud=We([Fn("m3e-ripple")],Ud);let jd=class extends(gl(a)){constructor(){super(...arguments),Nd.set(this,()=>this._updateScroll()),this.dividers="above-below",this.thin=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",He(this,Nd,"f"))}update(e){super.update(e),e.has("dividers")&&(this.removeEventListener("scroll",He(this,Nd,"f")),"none"!==this.dividers&&this.addEventListener("scroll",He(this,Nd,"f"),{passive:!0}))}render(){return o`<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;wl(this,"-above",e),wl(this,"-below",t)}};var Kd,Zd,Gd,Xd;Nd=new WeakMap,jd.styles=t`:host { display: block; overflow-y: auto; position: relative; box-sizing: border-box; scrollbar-color: ${ec.scrollbar.color}; border-top: var(--m3e-divider-thickness, 1px) solid transparent; border-bottom: var(--m3e-divider-thickness, 1px) solid transparent; outline-color: ${$d}; outline-width: ${wd}; outline-offset: ${kd}; } :host([thin]) { scrollbar-width: ${ec.scrollbar.thinWidth}; } :host(:not([thin])) { scrollbar-width: ${ec.scrollbar.width}; } :host(:not(:focus-visible):state(-above)) { border-top-color: var(--m3e-divider-color, ${ec.color.outlineVariant}); } :host(:not(:focus-visible):state(-below)) { border-bottom-color: var(--m3e-divider-color, ${ec.color.outlineVariant}); } :host(:focus-visible) { outline-style: solid; animation: grow-shrink ${xd}; } @keyframes grow-shrink { 50% { outline-width: calc(${wd} * ${_d}); } } @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):state(-above)) { border-top-color: GrayText; } :host(:not(:focus-visible):state(-below)) { border-bottom-color: GrayText; } } @media (prefers-reduced-motion) { :host(:focus-visible) { animation: none; } }`,We([nt()],jd.prototype,"dividers",void 0),We([nt({type:Boolean,reflect:!0})],jd.prototype,"thin",void 0),We([Vn(40)],jd.prototype,"_updateScroll",null),jd=We([Fn("m3e-scroll-container")],jd);let Yd=class extends(gl(a)){constructor(){super(...arguments),Kd.add(this),Zd.set(this,new Array),this.selectedIndex=null}connectedCallback(){super.connectedCallback(),$l(this,"-no-animate")}update(e){super.update(e),e.has("selectedIndex")&&(null===this.selectedIndex&&$l(this,"-no-animate"),He(this,Kd,"m",Xd).call(this),null!==this.selectedIndex&&yl(this,"-no-animate")&&requestAnimationFrame(()=>{null!==this.selectedIndex&&xl(this,"-no-animate")}))}render(){return o`<slot @slotchange="${He(this,Kd,"m",Gd)}"></slot>`}};Zd=new WeakMap,Kd=new WeakSet,Gd=function(e){const t=[...e.target.assignedElements({flatten:!0})];for(const e of He(this,Zd,"f").filter(e=>!t.includes(e)))e.classList.remove("-before"),e.classList.remove("-after"),e.removeAttribute("inert");Oe(this,Zd,t,"f"),He(this,Kd,"m",Xd).call(this)},Xd=function(){const e=this.selectedIndex??He(this,Zd,"f").length;for(let t=0;t<He(this,Zd,"f").length;t++){const a=He(this,Zd,"f")[t];a.classList.toggle("-before",t<e),a.classList.toggle("-after",t>e),a.toggleAttribute("inert",t!==e)}},Yd.styles=t`:host { display: flex; position: relative; overflow: hidden; } ::slotted(*) { width: 100%; top: 0; transition: ${e(`inset-inline-start var(--m3e-slide-animation-duration, ${ec.motion.duration.long2}) ${ec.motion.easing.standard},\n        visibility var(--m3e-slide-animation-duration, ${ec.motion.duration.long2}) ${ec.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(:state(-no-animate)) ::slotted(*) { transition: none; } @media (prefers-reduced-motion) { ::slotted(*) { transition: none; } }`,We([nt({attribute:"selected-index",type:Number,reflect:!0})],Yd.prototype,"selectedIndex",void 0),Yd=We([Fn("m3e-slide")],Yd);const Jd=e(`var(--m3e-state-layer-hover-color, ${ec.color.onSurface})`),Qd=e(`var(--m3e-state-layer-hover-opacity, ${ec.state.hoverStateLayerOpacity})`),eh=e(`var(--m3e-state-layer-focus-color, ${ec.color.onSurface})`),th=e(`var(--m3e-state-layer-focus-opacity, ${ec.state.focusStateLayerOpacity})`),ah=e(`var(--m3e-state-layer-duration, ${ec.motion.duration.medium1})`),oh=e(`var(--m3e-state-layer-easing, ${ec.motion.easing.standard})`);var ih,rh,sh,nh,lh;let ch=class extends(Ic(Nc(a,"none"))){constructor(){super(...arguments),ih.add(this),rh.set(this,new Hn(this,{target:null,callback:e=>He(this,ih,"m",nh).call(this,e)})),sh.set(this,new Wn(this,{target:null,callback:(e,t)=>He(this,ih,"m",lh).call(this,t)})),this.disabled=!1,this.disableHover=!1}show(e){this._layer?.classList.toggle(e,!0)}hide(e){this._layer?.classList.toggle(e,!1)}attach(e){super.attach(e),He(this,rh,"f").observe(e),He(this,sh,"f").observe(e)}detach(){this.control&&(He(this,rh,"f").unobserve(this.control),He(this,sh,"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 o`<div class="layer"></div>`}};rh=new WeakMap,sh=new WeakMap,ih=new WeakSet,nh=function(e){this.disabled||this.disableHover||(e?this.show("hover"):this.hide("hover"))},lh=function(e){this.disabled||(e?this.show("focused"):this.hide("focused"))},ch.styles=t`: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: ${e(`background-color ${ah} ${oh}`)}; } .layer.focused { background-color: color-mix(in srgb, ${eh} ${th}, transparent); } .layer.hover { background-color: color-mix(in srgb, ${Jd} ${Qd}, transparent); } @media (prefers-reduced-motion) { .layer { transition: none; } } @media (forced-colors: active) { .layer { display: none; } }`,We([dt(".layer")],ch.prototype,"_layer",void 0),We([nt({type:Boolean,reflect:!0})],ch.prototype,"disabled",void 0),We([nt({attribute:"disable-hover",type:Boolean,reflect:!0})],ch.prototype,"disableHover",void 0),ch=We([Fn("m3e-state-layer")],ch);let dh=class extends a{render(){return o`<span class="base"><slot></slot></span>`}};var hh,mh,ph,uh,vh,bh,fh,gh;dh.styles=t`: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; }`,dh=We([Fn("m3e-text-overflow")],dh);let yh=gh=class extends a{constructor(){super(),hh.add(this),mh.set(this,"m3e-text-highlight-"+gh.__nextId++),ph.set(this,new Array),uh.set(this,null),this.disabled=!1,this.term="",this.caseSensitive=!1,this.isSupported&&(Oe(this,uh,new CSSStyleSheet,"f"),He(this,uh,"f").replaceSync(t`::highlight(${e(He(this,mh,"f"))}) { background-color: var(--m3e-text-highlight-container-color, ${ec.color.secondaryContainer}); color: var(--m3e-text-highlight-color, ${ec.color.onSecondaryContainer}); text-decoration: var(--m3e-text-highlight-decoration); text-shadow: var(--m3e-text-highlight-shadow); }`.toString()))}get isSupported(){return!(r||!CSS.highlights)}get ranges(){return He(this,ph,"f")}firstUpdated(e){super.firstUpdated(e),this.shadowRoot&&He(this,uh,"f")&&!this.shadowRoot.adoptedStyleSheets.includes(He(this,uh,"f"))&&this.shadowRoot.adoptedStyleSheets.push(He(this,uh,"f"))}updated(e){super.updated(e),(e.has("term")||e.has("caseSensitive")||e.has("disabled"))&&He(this,hh,"m",fh).call(this)}render(){return o`<slot @slotchange="${He(this,hh,"m",fh)}"></slot>`}};mh=new WeakMap,ph=new WeakMap,uh=new WeakMap,hh=new WeakSet,vh=function(e){return!/^(\\s|\\n)+$/gi.test(e.data)},bh=function e(t,a){t instanceof HTMLSlotElement?t.assignedElements({flatten:!0}).forEach(t=>{switch(t.nodeType){case Node.TEXT_NODE:He(this,hh,"m",vh).call(this,t)&&a.push(t);break;case Node.ELEMENT_NODE:He(this,hh,"m",e).call(this,t,a)}}):t.childNodes.forEach(t=>{switch(t.nodeType){case Node.TEXT_NODE:He(this,hh,"m",vh).call(this,t)&&a.push(t);break;case Node.ELEMENT_NODE:He(this,hh,"m",e).call(this,t,a)}})},fh=function(){if(!this.isSupported||!this.isConnected)return;if(CSS.highlights.delete(He(this,mh,"f")),He(this,ph,"f").length=0,this.disabled)return;if(!this.term)return void this.dispatchEvent(new CustomEvent("highlight",{detail:[...He(this,ph,"f")],bubbles:!1,composed:!1}));const e=new Array;He(this,hh,"m",bh).call(this,this,e);const t=this.caseSensitive?this.term:this.term.toLowerCase();Oe(this,ph,e.map(e=>({el:e,text:(this.caseSensitive?e.textContent:e.textContent?.toLowerCase())??""})).map(({el:e,text:a})=>{const o=new Array;let i=0;for(;i<a.length;){const e=a.indexOf(t,i);if(-1===e)break;o.push(e),i=e+t.length}return o.map(a=>{const o=new Range;return o.setStart(e,a),o.setEnd(e,a+t.length),o})}).flat(),"f"),He(this,ph,"f").length>0&&CSS.highlights.set(He(this,mh,"f"),new Highlight(...He(this,ph,"f"))),this.dispatchEvent(new CustomEvent("highlight",{detail:[...He(this,ph,"f")],bubbles:!1,composed:!1}))},yh.styles=t`:host { display: contents; }`,yh.__nextId=0,We([nt({type:Boolean,reflect:!0})],yh.prototype,"disabled",void 0),We([nt()],yh.prototype,"term",void 0),We([nt({attribute:"case-sensitive",type:Boolean})],yh.prototype,"caseSensitive",void 0),yh=gh=We([Fn("m3e-text-highlight")],yh);let $h=class extends ${constructor(){super(...arguments),this.returnValue=""}_onClick(){this.closest("m3e-dialog")?.hide(this.returnValue)}};var xh,wh,kh,Ch,Sh,_h,Lh,zh,Eh,Mh,Th,Ph;We([nt({attribute:"return-value"})],$h.prototype,"returnValue",void 0),$h=We([m("m3e-dialog-action")],$h);let Ih=Ph=class extends(x(w(a),"opening","opened","cancel","closing","closed")){constructor(){super(...arguments),xh.add(this),wh.set(this,Ph.__nextId++),kh.set(this,!1),Ch.set(this,!1),this._withActions=!1,Sh.set(this,new C(this)),this.alert=!1,this.dismissible=!1,this.disableClose=!1,this.noFocusTrap=!1,this.closeLabel="Close",this.returnValue=""}get open(){return He(this,kh,"f")}set open(e){e!==He(this,kh,"f")&&(Oe(this,kh,e,"f"),He(this,kh,"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);He(this,Sh,"f").lock(),this._base.showModal(),this._content.scrollTop=0;const e=this.querySelector("[autofocus]");e&&_(e),this.dispatchEvent(new Event("opened"))}async hide(e=this.returnValue){if(!this.isConnected)return void(this.open=!1);if(await this.updateComplete,He(this,Sh,"f").unlock(),!this._base.open)return void(this.open=!1);const t=this.returnValue;this.returnValue=e,this.dispatchEvent(new Event("closing",{cancelable:!0}))?(this.open=!1,this._base.close(e),this.dispatchEvent(new Event("closed"))):this.returnValue=t}render(){return o`<dialog class="base" role="${cr(this.alert?"alertdialog":void 0)}" aria-labelledby="m3e-dialog-${He(this,wh,"f")}-header" .returnvalue="${this.returnValue}" @close="${He(this,xh,"m",Lh)}" @cancel="${He(this,xh,"m",zh)}" @click="${He(this,xh,"m",Eh)}" @keydown="${He(this,xh,"m",Mh)}"><m3e-elevation level="3"></m3e-elevation><m3e-focus-trap ?disabled="${this.noFocusTrap}"><div class="header"><slot name="header" id="m3e-dialog-${He(this,wh,"f")}-header"></slot>${He(this,xh,"m",_h).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="${He(this,xh,"m",Th)}"></slot></div></m3e-focus-trap></dialog>`}};wh=new WeakMap,kh=new WeakMap,Ch=new WeakMap,Sh=new WeakMap,xh=new WeakSet,_h=function(){return this.dismissible?o`<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>`:i},Lh=function(){He(this,Ch,"f")&&(Oe(this,Ch,!0,"f"),this._base?.dispatchEvent(new Event("cancel",{cancelable:!0})))},zh=function(e){e.target===this._base&&(Oe(this,Ch,!1,"f"),e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},Eh=function(e){this.disableClose||e.target!==this._base||this.hide()},Mh=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.disableClose||this.hide())},Th=function(e){this._withActions=e.target.assignedNodes({flatten:!0}).length>0,u(this,"-with-actions",this._withActions)},Ih.styles=t`: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, ${l.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, ${l.color.onSurface}); background-color: var(--m3e-dialog-container-color, ${l.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, ${l.color.scrim}) 0%, transparent); margin-inline-end: -20px; } .base:not([open]) { visibility: hidden; opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.emphasized}, \n        transform ${l.motion.duration.short3} ${l.motion.easing.emphasized},\n        overlay ${l.motion.duration.short3} ${l.motion.easing.emphasized} allow-discrete,\n        visibility ${l.motion.duration.short3} ${l.motion.easing.emphasized} allow-discrete`)}; } .base[open] { visibility: visible; opacity: 1; transform: translateY(0) scaleY(1); transition: ${e(`opacity ${l.motion.duration.long2} ${l.motion.easing.emphasized}, \n        transform ${l.motion.duration.long2} ${l.motion.easing.emphasized},\n        overlay ${l.motion.duration.long2} ${l.motion.easing.emphasized} allow-discrete,\n        visibility ${l.motion.duration.long2} ${l.motion.easing.emphasized} allow-discrete`)}; } .base:not([open])::backdrop { transition: ${e(`background-color ${l.motion.duration.short3} ${l.motion.easing.standard}, \n        overlay ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete,\n        visibility ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete`)}; } .base[open]::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${l.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${e(`background-color ${l.motion.duration.long2} ${l.motion.easing.standard}, \n        overlay ${l.motion.duration.long2} ${l.motion.easing.standard} allow-discrete,\n        visibility ${l.motion.duration.long2} ${l.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, ${l.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, ${l.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-dialog-header-font-weight, ${l.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-dialog-header-line-height, ${l.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-dialog-header-tracking, ${l.typescale.standard.headline.small.tracking}); } .content { padding-inline: 1.5rem; color: var(--m3e-dialog-content-color, ${l.color.onSurfaceVariant}); font-size: var(--m3e-dialog-content-font-size, ${l.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-dialog-content-font-weight, ${l.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-dialog-content-line-height, ${l.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-dialog-content-tracking, ${l.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(:state(-with-actions))) .content { margin-bottom: 1.5rem; } :host(:not(:state(-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; } }`,Ih.__nextId=0,We([lt()],Ih.prototype,"_withActions",void 0),We([dt(".base")],Ih.prototype,"_base",void 0),We([dt(".content")],Ih.prototype,"_content",void 0),We([nt({type:Boolean})],Ih.prototype,"alert",void 0),We([nt({type:Boolean,reflect:!0})],Ih.prototype,"open",null),We([nt({type:Boolean})],Ih.prototype,"dismissible",void 0),We([nt({attribute:"disable-close",type:Boolean})],Ih.prototype,"disableClose",void 0),We([nt({attribute:"no-focus-trap",type:Boolean})],Ih.prototype,"noFocusTrap",void 0),We([nt({attribute:"close-label"})],Ih.prototype,"closeLabel",void 0),Ih=Ph=We([m("m3e-dialog")],Ih);let Ah=class extends(c($)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof Ih&&this.control.show()}};Ah=We([m("m3e-dialog-trigger")],Ah);let Wh=class extends(d(a,"separator")){constructor(){super(...arguments),this.vertical=!1,this.inset=!1,this.insetStart=!1,this.insetEnd=!1}render(){return o`<div class="line"></div>`}};Wh.styles=t`: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, ${l.color.outlineVariant}); height: inherit; } :host([vertical]) .line { border-right: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${l.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; } }`,We([nt({type:Boolean,reflect:!0})],Wh.prototype,"vertical",void 0),We([nt({type:Boolean,reflect:!0})],Wh.prototype,"inset",void 0),We([nt({attribute:"inset-start",type:Boolean,reflect:!0})],Wh.prototype,"insetStart",void 0),We([nt({attribute:"inset-end",type:Boolean,reflect:!0})],Wh.prototype,"insetEnd",void 0),Wh=We([m("m3e-divider")],Wh);const Hh=e(`var(--m3e-drawer-container-color, ${l.color.surface})`),Oh=e(`var(--m3e-drawer-container-elevation, ${l.elevation.level0})`),Dh=e("var(--m3e-drawer-container-width, 22.5rem)"),Bh=e("var(--m3e-drawer-container-scrim-opacity, 32%)"),qh=e(`var(--m3e-modal-drawer-corner-shape, ${l.shape.corner.large})`),Rh=e(`var(--m3e-modal-drawer-container-color, ${l.color.surfaceContainerLow})`),Fh=e(`var(--m3e-modal-drawer-elevation, ${l.elevation.level1})`),Vh=e(`var(--m3e-drawer-divider-color, ${l.color.outline})`),Uh=e("var(--m3e-drawer-divider-thickness, 1px)"),Nh=t`: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: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; box-sizing: border-box; background-color: ${Hh}; box-shadow: ${Oh}; transition: ${e(`margin ${l.motion.duration.medium4} ${l.motion.easing.standard},\n      visibility ${l.motion.duration.medium4} ${l.motion.easing.standard} allow-discrete,\n      background-color ${l.motion.duration.medium4} ${l.motion.easing.standard},\n      box-shadow ${l.motion.duration.medium4} ${l.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, ${Dh})); } :host(:not([start]):dir(rtl)) .start { margin-right: calc(0px - var(--_start-drawer-size, ${Dh})); } :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, ${Dh})); } :host(:not([end]):dir(rtl)) .end { margin-left: calc(0px - var(--_end-drawer-size, ${Dh})); } :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: ${Dh}; box-sizing: border-box; } .content { position: relative; height: 100%; overflow: auto; margin-left: 0; margin-right: 0; transition: ${e(`margin ${l.motion.duration.medium4} ${l.motion.easing.standard}`)}; } :host(:state(-start-push)[start]:not(:dir(rtl))) .content, :host(:state(-start-side)[start]:not(:dir(rtl))) .content { margin-left: var(--_start-drawer-size, ${Dh}); } :host(:state(-start-push)[start]:dir(rtl)) .content, :host(:state(-start-side)[start]:dir(rtl)) .content { margin-right: var(--_start-drawer-size, ${Dh}); } :host(:state(-end-push)[end]:not(:dir(rtl))) .content, :host(:state(-end-side)[end]:not(:dir(rtl))) .content { margin-right: var(--_end-drawer-size, ${Dh}); } :host(:state(-end-push)[end]:dir(rtl)) .content, :host(:state(-end-side)[end]:dir(rtl)) .content { margin-left: var(--_end-drawer-size, ${Dh}); } .scrim { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: ${l.color.scrim}; opacity: 0; visibility: hidden; transition: ${e(`opacity ${l.motion.duration.medium4} ${l.motion.easing.standard}, \n        visibility ${l.motion.duration.medium4} ${l.motion.easing.standard} allow-discrete`)}; } @starting-style { .scrim { opacity: 0; } } :host(:state(-start-push)[start]) .scrim, :host(:state(-end-push)[end]) .scrim, :host(:state(-start-over)[start]) .scrim, :host(:state(-end-over)[end]) .scrim { visibility: visible; opacity: ${Bh}; } :host(:state(-start-push)) .start, :host(:state(-start-over)) .start { border-start-end-radius: ${qh}; border-end-end-radius: ${qh}; } :host(:state(-end-push)) .end, :host(:state(-end-over)) .end { border-start-start-radius: ${qh}; border-end-start-radius: ${qh}; } :host(:state(-start-push)) .start, :host(:state(-end-push)) .end, :host(:state(-start-over)) .start, :host(:state(-end-over)) .end { background-color: ${Rh}; box-shadow: ${Fh}; } :host([start-divider]) .start { border-inline-end-color: transparent; border-inline-end-width: ${Uh}; border-inline-end-style: solid; box-sizing: border-box; } :host([start-divider]:state(-start-side)[start]:not(:state(-end-push)[end]):not(:state(-end-over)[end])) .start { border-inline-end-color: ${Vh}; } :host([end-divider]) .end { border-inline-start-color: transparent; border-inline-start-width: ${Uh}; border-inline-start-style: solid; box-sizing: border-box; } :host([end-divider]:state(-end-side)[end]:not(:state(-start-push)[start]):not(:state(-start-over)[start])) .end { border-inline-start-color: ${Vh}; } :host(:state(-no-animate)) .start, :host(:state(-no-animate)) .end, :host(:state(-no-animate)) .content { transition: none; } @media (forced-colors: active) { .start, .end { background-color: Canvas; box-shadow: unset; transition: ${e(`margin ${l.motion.duration.medium4} ${l.motion.easing.standard},\n      visibility ${l.motion.duration.medium4} ${l.motion.easing.standard} allow-discrete`)}; } :host(:state(-start-push)) .start, :host(:state(-end-push)) .end, :host(:state(-start-over)) .start, :host(:state(-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]:state(-start-side)[start]:not(:state(-end-push)[end]):not(:state(-end-over)[end])) .start { border-inline-end-color: GrayText; } :host([end-divider]:state(-end-side)[end]:not(:state(-start-push)[start]):not(:state(-start-over)[start])) .end { border-inline-start-color: GrayText; } } @media (prefers-reduced-motion) { .start, .end, .content, .scrim { transition: none; } }`;var jh,Kh,Zh,Gh,Xh,Yh,Jh,Qh,em,tm,am;let om=class extends(w(a)){constructor(){super(...arguments),jh.add(this),this._startMode="side",this._endMode="side",Kh.set(this,void 0),Zh.set(this,!1),Gh.set(this,!1),Xh.set(this,new S(this,{target:null,skipInitial:!0,callback:e=>He(this,jh,"m",em).call(this,e)})),this.start=!1,this.startMode="side",this.startDivider=!1,this.end=!1,this.endMode="side",this.endDivider=!1}connectedCallback(){super.connectedCallback(),y(this,"-no-animate")}disconnectedCallback(){super.disconnectedCallback(),He(this,Kh,"f")?.call(this),He(this,jh,"m",tm).call(this)}update(e){super.update(e),(e.has("startMode")||e.has("endMode"))&&(He(this,Kh,"f")?.call(this),"auto"===this.startMode||"auto"===this.endMode?Oe(this,Kh,Me.observe([Te.XSmall,Te.Small],e=>He(this,jh,"m",am).call(this,e,!0)),"f"):He(this,jh,"m",am).call(this)),e.has("start")?this.start&&this.end&&"side"!==this._endMode&&(this.end=!1,this.dispatchEvent(new Event("change",{bubbles:!0}))):e.has("end")&&this.end&&this.start&&"side"!==this._startMode&&(this.start=!1,this.dispatchEvent(new Event("change",{bubbles:!0})))}firstUpdated(e){super.firstUpdated(e);let t=this.shadowRoot?.querySelector(".start");t&&He(this,Xh,"f").observe(t),t=this.shadowRoot?.querySelector(".end"),t&&He(this,Xh,"f").observe(t)}render(){return o`<div class="start"><m3e-focus-trap ?disabled="${!this.start||"side"===this._startMode||He(this,Zh,"f")}"><slot name="start" @slotchange="${He(this,jh,"m",Jh)}"></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="${He(this,jh,"m",Yh)}"></div><div class="end"><m3e-focus-trap ?disabled="${!this.end||"side"===this._endMode||He(this,Gh,"f")}"><slot name="end" @slotchange="${He(this,jh,"m",Qh)}"></slot></m3e-focus-trap></div>`}};var im,rm,sm,nm,lm,cm;Kh=new WeakMap,Zh=new WeakMap,Gh=new WeakMap,Xh=new WeakMap,jh=new WeakSet,Yh=function(){"side"!==this._startMode&&(this.start=!1),"side"!==this._endMode&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0}))},Jh=function(e){Oe(this,Zh,!p(e.target),"f")},Qh=function(e){Oe(this,Gh,!p(e.target),"f")},em=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`)}L(this,"-no-animate")&&(this.offsetTop,g(this,"-no-animate"))},tm=function(){g(this,"-start-over"),g(this,"-start-push"),g(this,"-start-side"),g(this,"-end-over"),g(this,"-end-push"),g(this,"-end-side")},am=function(e,t=!1){let a=!1,o=!1;"auto"===this.startMode?e?.get(Te.Medium)?this._startMode="side":e?.get(Te.Small)?(a="side"===this._startMode&&this.start,this._startMode="push"):e?.get(Te.XSmall)?(a="over"!==this._startMode&&this.start,this._startMode="over"):this._startMode="side":this._startMode=this.startMode,"auto"===this.endMode?e?.get(Te.Medium)?this._endMode="side":e?.get(Te.Small)?(o="side"===this._endMode&&this.end,this._endMode="push"):e?.get(Te.XSmall)?(o="over"!==this._endMode&&this.end,this._endMode="over"):this._endMode="side":this._endMode=this.endMode,He(this,jh,"m",tm).call(this),y(this,`-start-${this._startMode}`),y(this,`-end-${this._endMode}`),t&&(a||o)&&(a&&(this.start=!1),o&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0})))},om.styles=Nh,We([lt()],om.prototype,"_startMode",void 0),We([lt()],om.prototype,"_endMode",void 0),We([nt({type:Boolean,reflect:!0})],om.prototype,"start",void 0),We([nt({attribute:"start-mode",reflect:!0})],om.prototype,"startMode",void 0),We([nt({attribute:"start-divider",type:Boolean,reflect:!0})],om.prototype,"startDivider",void 0),We([nt({type:Boolean,reflect:!0})],om.prototype,"end",void 0),We([nt({attribute:"end-mode",reflect:!0})],om.prototype,"endMode",void 0),We([nt({attribute:"end-divider",type:Boolean,reflect:!0})],om.prototype,"endDivider",void 0),om=We([m("m3e-drawer-container")],om);let dm=class extends(c($)){constructor(){super(...arguments),im.add(this),rm.set(this,()=>He(this,im,"m",nm).call(this)),sm.set(this,!1)}attach(e){super.attach(e),this.htmlFor&&this.parentElement&&ye(this.parentElement,"aria-controls",this.htmlFor);const t=e.closest("m3e-drawer-container");t&&(t.addEventListener("change",He(this,rm,"f")),He(this,im,"m",cm).call(this,t,!0))}detach(){this.parentElement&&(this.htmlFor&&$e(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),this.control?.closest("m3e-drawer-container")?.removeEventListener("change",He(this,rm,"f")),super.detach()}_onClick(){He(this,im,"m",lm).call(this)}};var hm,mm,pm,um;rm=new WeakMap,sm=new WeakMap,im=new WeakSet,nm=function(){if(this.control&&!He(this,sm,"f")){const e=this.control.closest("m3e-drawer-container");e&&He(this,im,"m",cm).call(this,e,!0)}},lm=async function(){if(!this.parentElement||!this.control)return;const e=this.control.closest("m3e-drawer-container");if(e){Oe(this,sm,!0,"f");try{"start"===this.control.slot?e.start=!e.start:"end"===this.control.slot&&(e.end=!e.end),e.isUpdatePending&&await e.updateComplete,await He(this,im,"m",cm).call(this,e,!1)}finally{Oe(this,sm,!1,"f")}}},cm=async function(e,t){if(!this.parentElement||!this.control)return;let o=!1;"start"===this.control.slot?o=e.start:"end"===this.control.slot&&(o=e.end),this.parentElement.ariaExpanded=`${o}`,t&&this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",o),this.parentElement instanceof a&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},dm=We([m("m3e-drawer-toggle")],dm);let vm=class extends a{constructor(){super(...arguments),hm.add(this),mm.set(this,[]),this.multi=!1}get panels(){return He(this,mm,"f")}render(){return o`<slot @slotchange="${He(this,hm,"m",pm)}" @opening="${He(this,hm,"m",um)}"></slot>`}};mm=new WeakMap,hm=new WeakSet,pm=function(){if(Oe(this,mm,[...this.querySelectorAll("m3e-expansion-panel")],"f"),this.multi)return;let e=!1;for(const t of He(this,mm,"f").filter(e=>!e.open))e&&(t.open=!1),e=!0},um=function(e){if(!this.multi)for(const t of He(this,mm,"f").filter(t=>t!==e.target&&t.open))t.open=!1},vm.styles=t`:host { display: block; } ::slotted(m3e-expansion-panel) { --m3e-expansion-panel-container-color: ${l.color.surface}; --m3e-expansion-panel-elevation: ${l.elevation.level2}; --m3e-expansion-panel-open-shape: ${l.shape.corner.medium}; --_expansion-panel-open-spacing: 1rem; } ::slotted(m3e-expansion-panel:first-of-type:last-of-type) { --m3e-expansion-panel-shape: ${l.shape.corner.medium}; } ::slotted(m3e-expansion-panel:first-of-type:not(:last-of-type)) { --m3e-expansion-panel-shape: ${l.shape.corner.value.medium} ${l.shape.corner.value.medium} ${l.shape.corner.value.none} ${l.shape.corner.value.none}; } ::slotted(m3e-expansion-panel:last-of-type:not(:first-of-type)) { --m3e-expansion-panel-shape: ${l.shape.corner.value.none} ${l.shape.corner.value.none} ${l.shape.corner.value.medium} ${l.shape.corner.value.medium}; }`,We([nt({type:Boolean})],vm.prototype,"multi",void 0),vm=We([m("m3e-accordion")],vm);const bm=e("var(--m3e-expansion-header-collapsed-height, 3rem)"),fm=e("var(--m3e-expansion-header-expanded-height, 4rem)"),gm=e("var(--m3e-expansion-header-padding-left, 1.5rem)"),ym=e("var(--m3e-expansion-header-padding-right, 1.5rem)"),$m=e("var(--m3e-expansion-header-spacing, 0.5rem)"),xm=e("var(--m3e-expansion-header-toggle-icon-size, 1.5rem)"),wm=e(`var(--m3e-expansion-header-font-size, ${l.typescale.standard.title.medium.fontSize})`),km=e(`var(--m3e-expansion-header-font-weight, ${l.typescale.standard.title.medium.fontWeight})`),Cm=e(`var(--m3e-expansion-header-line-height, ${l.typescale.standard.title.medium.lineHeight})`),Sm=e(`var(--m3e-expansion-header-tracking, ${l.typescale.standard.title.medium.tracking})`),_m=t`:host { display: block; border-radius: inherit; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: ${e(`height var(--m3e-collapsible-animation-duration, ${l.motion.duration.medium1})\n        ${l.motion.easing.standard}`)}; } .base { box-sizing: border-box; width: 100%; height: 100%; display: flex; border-radius: inherit; outline: none; position: relative; padding-inline-start: ${gm}; padding-inline-end: ${ym}; font-size: ${wm}; font-weight: ${km}; line-height: ${Cm}; letter-spacing: ${Sm}; column-gap: ${$m}; } :host(:not(:disabled)) { cursor: pointer; } :host(:not([aria-expanded="true"])) { height: ${bm}; } :host([aria-expanded="true"]) { height: ${fm}; } :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: ${xm}; transition: ${e(`transform var(--m3e-collapsible-animation-duration, ${l.motion.duration.medium1})\n        ${l.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 - ${$m}); } :host([toggle-position="after"]) .toggle { margin-inline-end: calc(0px - ${$m}); } :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; } }`,Lm=e(`var(--m3e-expansion-panel-text-color, ${l.color.onSurface})`),zm=e(`var(--m3e-expansion-panel-disabled-text-color, ${l.color.onSurface})`),Em=e("var(--m3e-expansion-panel-disabled-text-opacity, 38%)"),Mm=e("var(--m3e-expansion-panel-container-color)"),Tm=e("var(--m3e-expansion-panel-elevation)"),Pm=e("var(--m3e-expansion-panel-shape)"),Im=e("var(--m3e-expansion-panel-open-elevation, var(--m3e-expansion-panel-elevation))"),Am=e("var(--m3e-expansion-panel-open-shape, var(--m3e-expansion-panel-shape))"),Wm=e("var(--_expansion-panel-open-spacing)"),Hm=e("var(--m3e-expansion-panel-content-padding, 0 1.5rem 1rem 1.5rem)"),Om=e("var(--m3e-expansion-panel-actions-spacing, 0.5rem)"),Dm=e("var(--m3e-expansion-panel-actions-padding, 1rem 1.5rem 1rem 1.5rem)"),Bm=e("var(--m3e-expansion-panel-actions-divider-thickness, var(--m3e-divider-thickness, 1px))"),qm=e(`var(--m3e-expansion-panel-actions-divider-color, var(--m3e-divider-color, ${l.color.outlineVariant}))`),Rm=t`:host { display: block; } .base { background-color: ${Mm}; transition: ${e(`box-shadow var(--m3e-collapsible-animation-duration, ${l.motion.duration.medium1})\n        ${l.motion.easing.standard}`)}; } :host(:not(:disabled)) .base { color: ${Lm}; } :host(:disabled) .base { color: color-mix( in srgb, ${zm} ${Em}, transparent ); } :host(:not([open])) .base { box-shadow: ${Tm}; border-radius: ${Pm}; } :host([open]) .base { box-shadow: ${Im}; border-radius: ${Am}; margin-block: ${Wm}; } .toggle { display: flex; align-items: center; justify-content: center; font-size: ${xm}; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } .toggle svg, ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } .content { padding: ${Hm}; } :host(:not(:state(-with-actions))) .actions { display: none; } .actions { padding: ${Dm}; border-top-style: solid; border-top-width: ${Bm}; border-top-color: ${qm}; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; column-gap: ${Om}; } ::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 Fm,Vm;let Um=class extends(M(I(W(w(d(a,"button"),!0))))){constructor(){super(...arguments),Fm.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 o`<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?He(this,Fm,"m",Vm).call(this):i}<div class="content"><slot></slot></div>${"after"===this.togglePosition?He(this,Fm,"m",Vm).call(this):i}</div>`}};var Nm,jm,Km,Zm,Gm,Xm,Ym,Jm,Qm,ep,tp,ap;Fm=new WeakSet,Vm=function(){return o`<div class="toggle" aria-hidden="true"><slot name="toggle-icon"></slot></div>`},Um.styles=_m,We([dt(".focus-ring")],Um.prototype,"_focusRing",void 0),We([dt(".state-layer")],Um.prototype,"_stateLayer",void 0),We([nt({attribute:"toggle-direction",reflect:!0})],Um.prototype,"toggleDirection",void 0),We([nt({attribute:"toggle-position",reflect:!0})],Um.prototype,"togglePosition",void 0),We([nt({attribute:"hide-toggle",type:Boolean,reflect:!0})],Um.prototype,"hideToggle",void 0),Um=We([m("m3e-expansion-header")],Um);let op=ap=class extends(x(W(w(a,!0)),"opening","opened","closing","closed")){constructor(){super(...arguments),Nm.add(this),jm.set(this,ap.__nextId++),Km.set(this,`m3e-expansion-panel-${He(this,jm,"f")}-content`),Zm.set(this,`m3e-expansion-panel-${He(this,jm,"f")}-header`),Gm.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(),Oe(this,Gm,Le.observe(()=>{this.requestUpdate(),He(this,Nm,"m",tp).call(this)}),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,Gm,"f")?.call(this)}firstUpdated(e){super.firstUpdated(e),He(this,Nm,"m",tp).call(this)}render(){return o`<div class="base"><m3e-expansion-header id="${He(this,Zm,"f")}" toggle-direction="${this.toggleDirection}" toggle-position="${this.togglePosition}" ?hide-toggle="${this.hideToggle}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${He(this,Km,"f")}" @click="${He(this,Nm,"m",Ym)}" @keydown="${He(this,Nm,"m",Jm)}"><div slot="toggle-icon" class="toggle"><slot name="toggle-icon">${He(this,Nm,"m",Xm).call(this)}</slot></div><slot name="header"></slot></m3e-expansion-header><m3e-collapsible id="${He(this,Km,"f")}" role="region" aria-labelledby="${He(this,Zm,"f")}" ?open="${this.open}" @opening="${He(this,Nm,"m",Qm)}" @opened="${He(this,Nm,"m",Qm)}" @closing="${He(this,Nm,"m",Qm)}" @closed="${He(this,Nm,"m",Qm)}"><div class="content"><slot></slot></div><div class="actions"><slot name="actions" @slotchange="${He(this,Nm,"m",ep)}"></slot></div></m3e-collapsible></div>`}};jm=new WeakMap,Km=new WeakMap,Zm=new WeakMap,Gm=new WeakMap,Nm=new WeakSet,Xm=function(){return"vertical"===this.toggleDirection?o`<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"===Le.current?o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:o`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`},Ym=function(){this.open=!this.open},Jm=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}}},Qm=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},ep=function(e){u(this,"-with-actions",p(e.target))},tp=function(){"rtl"===Le.current?this._header?.style.setProperty("--_expansion-header-horizontal-expanded-toggle-rotation","-90deg"):this._header?.style.removeProperty("--_expansion-header-horizontal-expanded-toggle-rotation")},op.styles=Rm,op.__nextId=0,We([dt("m3e-expansion-header")],op.prototype,"_header",void 0),We([nt({type:Boolean,reflect:!0})],op.prototype,"open",void 0),We([nt({attribute:"toggle-direction",reflect:!0})],op.prototype,"toggleDirection",void 0),We([nt({attribute:"toggle-position",reflect:!0})],op.prototype,"togglePosition",void 0),We([nt({attribute:"hide-toggle",type:Boolean,reflect:!0})],op.prototype,"hideToggle",void 0),op=ap=We([m("m3e-expansion-panel")],op);const ip=t`: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: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .icon { transition: ${e(`color ${l.motion.duration.short4} ${l.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; } :host(:not([extended])) ::slotted([slot="label"]), .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, ${l.shape.corner.full}); height: calc(var(--m3e-fab-menu-close-button-container-height, 3.5rem) + ${l.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .wrapper { padding-inline-start: calc(var(--m3e-fab-menu-close-button-leading-space, 1rem) + ${l.density.calc(-3)}); padding-inline-end: calc(var(--m3e-fab-menu-close-button-trailing-space, 1rem) + ${l.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .icon { font-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${l.density.calc(-3)}); --m3e-icon-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${l.density.calc(-3)}); } .base.with-menu { transition: height ${l.motion.spring.fastSpatial}; } .base.with-menu .wrapper { transition: padding ${l.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; } }`,rp={small:{containerHeight:e(`calc(var(--m3e-fab-small-container-height, var(--m3e-fab-container-height, 3.5rem)) + ${l.density.calc(-3)})`),labelTextFontSize:e(`var(--m3e-fab-small-label-text-font-size, var(--m3e-fab-label-text-font-size, ${l.typescale.standard.title.medium.fontSize}))`),labelTextFontWeight:e(`var(--m3e-fab-small-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${l.typescale.standard.title.medium.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-fab-small-label-text-line-height, var(--m3e-fab-label-text-line-height, ${l.typescale.standard.title.medium.lineHeight}))`),labelTextTracking:e(`var(--m3e-fab-small-label-text-tracking, var(--m3e-fab-label-text-tracking, ${l.typescale.standard.title.medium.tracking}))`),iconSize:e(`calc(var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem)) + ${l.density.calc(-3)})`),extendedIconSize:e("var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem))"),shape:e(`var(--m3e-fab-small-shape, var(--m3e-fab-shape, ${l.shape.corner.large}))`),leadingSpace:e(`calc(var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem)) + ${l.density.calc(-3)})`),trailingSpace:e(`calc(var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem)) + ${l.density.calc(-3)})`),iconLabelSpace:e("var(--m3e-fab-small-icon-label-space, var(--m3e-fab-icon-label-space, 0.5rem))"),extendedLeadingSpace:e("var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem))"),extendedTrailingSpace:e("var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem))")},medium:{containerHeight:e(`calc(var(--m3e-fab-medium-container-height, var(--m3e-fab-container-height, 5rem)) + ${l.density.calc(-3)})`),labelTextFontSize:e(`var(--m3e-fab-medium-label-text-font-size, var(--m3e-fab-label-text-font-size, ${l.typescale.standard.title.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-fab-medium-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${l.typescale.standard.title.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-fab-medium-label-text-line-height, var(--m3e-fab-label-text-line-height, ${l.typescale.standard.title.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-fab-medium-label-text-tracking, var(--m3e-fab-label-text-tracking, ${l.typescale.standard.title.large.tracking}))`),iconSize:e(`calc(var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem)) + ${l.density.calc(-3)})`),extendedIconSize:e("var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem))"),shape:e(`var(--m3e-fab-medium-shape, var(--m3e-fab-shape, ${l.shape.corner.largeIncreased}))`),leadingSpace:e(`calc(var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem)) + ${l.density.calc(-3)})`),trailingSpace:e(`calc(var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem)) + ${l.density.calc(-3)})`),iconLabelSpace:e("var(--m3e-fab-medium-icon-label-space, var(--m3e-fab-icon-label-space, 0.75rem))"),extendedLeadingSpace:e("var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem))"),extendedTrailingSpace:e("var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem))")},large:{containerHeight:e(`calc(var(--m3e-fab-large-container-height, var(--m3e-fab-container-height, 6rem)) + ${l.density.calc(-3)})`),labelTextFontSize:e(`var(--m3e-fab-large-label-text-font-size, var(--m3e-fab-label-text-font-size, ${l.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:e(`var(--m3e-fab-large-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${l.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-fab-large-label-text-line-height, var(--m3e-fab-label-text-line-height, ${l.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:e(`var(--m3e-fab-large-label-text-tracking, var(--m3e-fab-label-text-tracking, ${l.typescale.standard.headline.small.tracking}))`),iconSize:e(`calc(var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem)) + ${l.density.calc(-3)})`),extendedIconSize:e("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),shape:e(`var(--m3e-fab-large-shape, var(--m3e-fab-shape, ${l.shape.corner.extraLarge}))`),leadingSpace:e(`calc(var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem)) + ${l.density.calc(-3)})`),trailingSpace:e(`calc(var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem)) + ${l.density.calc(-3)})`),iconLabelSpace:e("var(--m3e-fab-large-icon-label-space, var(--m3e-fab-icon-label-space, 1rem))"),extendedLeadingSpace:e("var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem))"),extendedTrailingSpace:e("var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem))")}};function sp(a){return t`:host([size="${e(a)}"]) .base { height: ${rp[a].containerHeight}; } :host([size="${e(a)}"]) .base { border-radius: ${rp[a].shape}; } :host([size="${e(a)}"]) .label { font-size: ${rp[a].labelTextFontSize}; font-weight: ${rp[a].labelTextFontWeight}; line-height: ${rp[a].labelTextLineHeight}; letter-spacing: ${rp[a].labelTextTracking}; } :host([size="${e(a)}"]:not([extended])) .wrapper { padding-inline-start: ${rp[a].leadingSpace}; padding-inline-end: ${rp[a].trailingSpace}; } :host([size="${e(a)}"]:not([extended])) .icon { font-size: ${rp[a].iconSize}; --m3e-icon-size: ${rp[a].iconSize}; } :host([size="${e(a)}"][extended]) .wrapper { padding-inline-start: ${rp[a].extendedLeadingSpace}; padding-inline-end: ${rp[a].extendedTrailingSpace}; column-gap: ${rp[a].iconLabelSpace}; } :host([size="${e(a)}"][extended]) .icon { font-size: ${rp[a].extendedIconSize}; --m3e-icon-size: ${rp[a].extendedIconSize}; }`}const np=[sp("small"),sp("medium"),sp("large")],lp={primary:{labelTextColor:e(`var(--m3e-primary-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onPrimary}))`),iconColor:e(`var(--m3e-primary-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onPrimary}))`),containerColor:e(`var(--m3e-primary-fab-container-color, var(--m3e-fab-container-color, ${l.color.primary}))`),containerElevation:e(`var(--m3e-primary-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-primary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-primary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-primary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-primary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-primary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-primary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-primary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-primary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-primary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-primary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-primary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-primary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-primary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-primary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-primary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-primary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-primary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-primary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-primary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},secondary:{labelTextColor:e(`var(--m3e-secondary-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onSecondary}))`),iconColor:e(`var(--m3e-secondary-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onSecondary}))`),containerColor:e(`var(--m3e-secondary-fab-container-color, var(--m3e-fab-container-color, ${l.color.secondary}))`),containerElevation:e(`var(--m3e-secondary-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-secondary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-secondary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-secondary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-secondary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-secondary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-secondary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-secondary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-secondary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onSecondary}))`),labelTextColor:e(`var(--m3e-secondary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onSecondary}))`),stateLayerColor:e(`var(--m3e-secondary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onSecondary}))`),stateLayerOpacity:e(`var(--m3e-secondary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-secondary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onSecondary}))`),labelTextColor:e(`var(--m3e-secondary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onSecondary}))`),stateLayerColor:e(`var(--m3e-secondary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onSecondary}))`),stateLayerOpacity:e(`var(--m3e-secondary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-secondary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onSecondary}))`),labelTextColor:e(`var(--m3e-secondary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onSecondary}))`),stateLayerColor:e(`var(--m3e-secondary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onSecondary}))`),stateLayerOpacity:e(`var(--m3e-secondary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},tertiary:{labelTextColor:e(`var(--m3e-tertiary-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onTertiary}))`),iconColor:e(`var(--m3e-tertiary-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onTertiary}))`),containerColor:e(`var(--m3e-tertiary-fab-container-color, var(--m3e-fab-container-color, ${l.color.tertiary}))`),containerElevation:e(`var(--m3e-tertiary-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-tertiary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-tertiary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tertiary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-tertiary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-tertiary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-tertiary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-tertiary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-tertiary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onTertiary}))`),labelTextColor:e(`var(--m3e-tertiary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onTertiary}))`),stateLayerColor:e(`var(--m3e-tertiary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onTertiary}))`),stateLayerOpacity:e(`var(--m3e-tertiary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-tertiary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onTertiary}))`),labelTextColor:e(`var(--m3e-tertiary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onTertiary}))`),stateLayerColor:e(`var(--m3e-tertiary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onTertiary}))`),stateLayerOpacity:e(`var(--m3e-tertiary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-tertiary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onTertiary}))`),labelTextColor:e(`var(--m3e-tertiary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onTertiary}))`),stateLayerColor:e(`var(--m3e-tertiary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onTertiary}))`),stateLayerOpacity:e(`var(--m3e-tertiary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},"primary-container":{labelTextColor:e(`var(--m3e-primary-container-fab-label-text-color, var(--m3e-primary-container-fab-label-text-color, ${l.color.onPrimaryContainer}))`),iconColor:e(`var(--m3e-primary-container-fab-icon-color, var(--m3e-primary-container-fab-icon-color, ${l.color.onPrimaryContainer}))`),containerColor:e(`var(--m3e-primary-container-fab-container-color, var(--m3e-fab-container-color, ${l.color.primaryContainer}))`),containerElevation:e(`var(--m3e-primary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-primary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-primary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-primary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-primary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-primary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-primary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-primary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-primary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onPrimaryContainer}))`),labelTextColor:e(`var(--m3e-primary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onPrimaryContainer}))`),stateLayerColor:e(`var(--m3e-primary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onPrimaryContainer}))`),stateLayerOpacity:e(`var(--m3e-primary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-primary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onPrimaryContainer}))`),labelTextColor:e(`var(--m3e-primary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onPrimaryContainer}))`),stateLayerColor:e(`var(--m3e-primary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onPrimaryContainer}))`),stateLayerOpacity:e(`var(--m3e-primary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-primary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onPrimaryContainer}))`),labelTextColor:e(`var(--m3e-primary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onPrimaryContainer}))`),stateLayerColor:e(`var(--m3e-primary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onPrimaryContainer}))`),stateLayerOpacity:e(`var(--m3e-primary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-primary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-primary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},"secondary-container":{labelTextColor:e(`var(--m3e-secondary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onSecondaryContainer}))`),iconColor:e(`var(--m3e-secondary-container-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onSecondaryContainer}))`),containerColor:e(`var(--m3e-secondary-container-fab-container-color, var(--m3e-fab-container-color, ${l.color.secondaryContainer}))`),containerElevation:e(`var(--m3e-secondary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-secondary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-secondary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-secondary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-secondary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-secondary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-secondary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-secondary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-secondary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-secondary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-secondary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-secondary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-secondary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-secondary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-secondary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-secondary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-secondary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-secondary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-secondary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-secondary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-secondary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-secondary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},"tertiary-container":{labelTextColor:e(`var(--m3e-tertiary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.onTertiaryContainer}))`),iconColor:e(`var(--m3e-tertiary-container-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.onTertiaryContainer}))`),containerColor:e(`var(--m3e-tertiary-container-fab-container-color, var(--m3e-fab-container-color, ${l.color.tertiaryContainer}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),disabled:{containerColor:e(`var(--m3e-tertiary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-tertiary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tertiary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-tertiary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-tertiary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-tertiary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-tertiary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-tertiary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.onTertiaryContainer}))`),labelTextColor:e(`var(--m3e-tertiary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.onTertiaryContainer}))`),stateLayerColor:e(`var(--m3e-tertiary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.onTertiaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tertiary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-tertiary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.onTertiaryContainer}))`),labelTextColor:e(`var(--m3e-tertiary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.onTertiaryContainer}))`),stateLayerColor:e(`var(--m3e-tertiary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.onTertiaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tertiary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-tertiary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.onTertiaryContainer}))`),labelTextColor:e(`var(--m3e-tertiary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.onTertiaryContainer}))`),stateLayerColor:e(`var(--m3e-tertiary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.onTertiaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tertiary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tertiary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-tertiary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}},surface:{labelTextColor:e(`var(--m3e-surface-fab-label-text-color, var(--m3e-fab-label-text-color, ${l.color.primary}))`),iconColor:e(`var(--m3e-surface-fab-icon-color, var(--m3e-fab-icon-color, ${l.color.primary}))`),containerColor:e(`var(--m3e-surface-fab-container-color, var(--m3e-fab-container-color, ${l.color.surfaceContainerHigh}))`),containerElevation:e(`var(--m3e-surface-fab-container-elevation, var(--m3e-fab-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${l.elevation.level2}))`),loweredContainerColor:e(`var(--m3e-surface-fab-lowered-container-color, var(--m3e-fab-lowered-container-color, ${l.color.surfaceContainerLow}))`),disabled:{containerColor:e(`var(--m3e-surface-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-surface-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-surface-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-surface-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-surface-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-surface-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-surface-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${l.elevation.level0}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-surface-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-surface-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-surface-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-surface-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-surface-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${l.elevation.level4}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${l.elevation.level3}))`)},focus:{iconColor:e(`var(--m3e-surface-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-surface-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-surface-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-surface-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-surface-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${l.elevation.level2}))`)},pressed:{iconColor:e(`var(--m3e-surface-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-surface-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-surface-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-surface-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-surface-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${l.elevation.level3}))`),loweredContainerElevation:e(`var(--m3e-surface-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${l.elevation.level2}))`)}}};function cp(a){return t`:host([variant="${e(a)}"]:not([lowered])) .base { background-color: ${lp[a].containerColor}; --m3e-elevation-level: ${lp[a].containerElevation}; --m3e-elevation-hover-level: ${lp[a].hover.containerElevation}; --m3e-elevation-focus-level: ${lp[a].focus.containerElevation}; --m3e-elevation-pressed-level: ${lp[a].pressed.containerElevation}; } :host([variant="${e(a)}"][lowered]) .base { background-color: ${lp[a].loweredContainerColor??lp[a].containerColor}; --m3e-elevation-level: ${lp[a].loweredContainerElevation}; --m3e-elevation-hover-level: ${lp[a].hover.loweredContainerElevation}; --m3e-elevation-focus-level: ${lp[a].focus.loweredContainerElevation}; --m3e-elevation-pressed-level: ${lp[a].pressed.loweredContainerElevation}; } :host([variant="${e(a)}"]) .base { --m3e-state-layer-hover-color: ${lp[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${lp[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${lp[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${lp[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${lp[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${lp[a].pressed.stateLayerOpacity}; } :host([variant="${e(a)}"]) .label { color: ${lp[a].labelTextColor}; } :host([variant="${e(a)}"]:focus) .label { color: ${lp[a].focus.labelTextColor}; } :host([variant="${e(a)}"]:hover) .label { color: ${lp[a].hover.labelTextColor}; } :host([variant="${e(a)}"]) .base.pressed .label { color: ${lp[a].pressed.labelTextColor}; } :host([variant="${e(a)}"]) .icon { color: ${lp[a].iconColor}; } :host([variant="${e(a)}"]:focus) .icon { color: ${lp[a].focus.iconColor}; } :host([variant="${e(a)}"]:hover) .icon { color: ${lp[a].hover.iconColor}; } :host([variant="${e(a)}"]) .base.pressed .icon { color: ${lp[a].pressed.iconColor}; } :host([variant="${e(a)}"]:disabled) .base, :host([variant="${e(a)}"][disabled-interactive]) .base { --m3e-elevation-level: ${lp[a].disabled.containerElevation}; background-color: color-mix( in srgb, ${lp[a].disabled.containerColor} ${lp[a].disabled.containerOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .label, :host([variant="${e(a)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${lp[a].disabled.labelTextColor} ${lp[a].disabled.labelTextOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .icon, :host([variant="${e(a)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${lp[a].disabled.iconColor} ${lp[a].disabled.iconOpacity}, transparent ); }`}const dp=[cp("primary"),cp("secondary"),cp("tertiary"),cp("primary-container"),cp("secondary-container"),cp("tertiary-container"),cp("surface")];var hp,mp;let pp=class extends(M(T(P(I(A(W(w(d(a,"button"),!0)))))))){constructor(){super(),hp.add(this),this.variant="primary-container",this.lowered=!1,this.size="medium",this.extended=!1,new O(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 o`<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[D]()}<div class="wrapper"><slot class="icon" aria-hidden="true" @slotchange="${He(this,hp,"m",mp)}"></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><div class="label"><slot name="label" @slotchange="${He(this,hp,"m",mp)}"></slot></div></div></div>`}};var up,vp,bp;hp=new WeakSet,mp=function(){this._base?.classList.toggle("with-menu",null!==this.querySelector("m3e-fab-menu-trigger"))},pp.styles=[np,dp,ip],We([dt(".base")],pp.prototype,"_base",void 0),We([dt(".elevation")],pp.prototype,"_elevation",void 0),We([dt(".focus-ring")],pp.prototype,"_focusRing",void 0),We([dt(".state-layer")],pp.prototype,"_stateLayer",void 0),We([dt(".ripple")],pp.prototype,"_ripple",void 0),We([nt({reflect:!0})],pp.prototype,"variant",void 0),We([nt({type:Boolean,reflect:!0})],pp.prototype,"lowered",void 0),We([nt({reflect:!0})],pp.prototype,"size",void 0),We([nt({type:Boolean,reflect:!0})],pp.prototype,"extended",void 0),pp=We([m("m3e-fab")],pp);let fp=class extends(M(T(W(w(d(a,"menuitem"),!0))))){constructor(){super(...arguments),up.add(this),vp.set(this,e=>He(this,up,"m",bp).call(this,e))}get menu(){return this.closest("m3e-fab-menu")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,vp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,vp,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return o`<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[D]()}<div class="wrapper"><slot class="icon" name="icon" aria-hidden="true"></slot><div class="label"><slot></slot></div></div></div>`}};var gp,yp,$p,xp,wp,kp,Cp,Sp,_p,Lp,zp,Ep,Mp,Tp;vp=new WeakMap,up=new WeakSet,bp=function(e){e.defaultPrevented||this.menu?.hide(!0)},fp.styles=t`: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: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; height: var(--m3e-fab-menu-item-height, 3.5rem); font-size: var(--m3e-fab-menu-item-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-fab-menu-item-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-fab-menu-item-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-fab-menu-item-tracking, ${l.typescale.standard.label.large.tracking}); border-radius: var(--m3e-fab-menu-item-shape, ${l.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, ${l.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, ${l.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: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .icon { font-size: var(--m3e-fab-menu-item-icon-size, 1.5rem); transition: ${e(`color ${l.motion.duration.short4} ${l.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; } }`,We([dt(".elevation")],fp.prototype,"_elevation",void 0),We([dt(".focus-ring")],fp.prototype,"_focusRing",void 0),We([dt(".state-layer")],fp.prototype,"_stateLayer",void 0),We([dt(".ripple")],fp.prototype,"_ripple",void 0),fp=We([m("m3e-fab-menu-item")],fp);let Pp=class extends(w(d(a,"menu"))){constructor(){super(...arguments),gp.add(this),yp.set(this,void 0),$p.set(this,void 0),xp.set(this,void 0),wp.set(this,(new Ce).withWrap().withHomeAndEnd().withVerticalOrientation()),kp.set(this,e=>He(this,gp,"m",zp).call(this,e)),Cp.set(this,e=>He(this,gp,"m",Ep).call(this,e)),Sp.set(this,new ae(this,{target:null,callback:()=>this.hide()})),_p.set(this,e=>{"closed"===e.newState?(He(this,xp,"f")?.call(this),Oe(this,xp,void 0,"f")):setTimeout(()=>{He(this,wp,"f").setActiveItem(He(this,wp,"f").items.find(e=>!e.disabled))},40)}),this.variant="primary"}get isOpen(){return void 0!==He(this,$p,"f")}async show(e){He(this,$p,"f")&&He(this,$p,"f")!==e&&this.hide(),He(this,xp,"f")?.call(this),Oe(this,xp,await ze(this,e,{position:"top-end",inline:!0,shift:!0,flip:!0,offset:8},(e,t,a)=>{u(this,"-right",a.includes("end")),u(this,"-left",a.includes("start")),"rtl"===Le.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(),Oe(this,$p,e,"f"),He(this,$p,"f").ariaExpanded="true",He(this,Sp,"f").observe(He(this,$p,"f")),He(this,gp,"m",Mp).call(this)}hide(e=!1){He(this,xp,"f")?.call(this),Oe(this,xp,void 0,"f"),He(this,$p,"f")&&(He(this,$p,"f").ariaExpanded="false",e&&He(this,$p,"f").focus(),He(this,gp,"m",Tp).call(this),He(this,Sp,"f").unobserve(He(this,$p,"f")),Oe(this,$p,void 0,"f")),this.hidePopover()}async toggle(e){He(this,$p,"f")?this.hide():await this.show(e)}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.setAttribute("popover","manual"),y(this,"-no-animate"),this.addEventListener("keydown",He(this,kp,"f")),this.addEventListener("toggle",He(this,_p,"f")),document.addEventListener("click",He(this,Cp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,kp,"f")),this.removeEventListener("toggle",He(this,_p,"f")),document.removeEventListener("click",He(this,Cp,"f"))}firstUpdated(e){super.firstUpdated(e),requestAnimationFrame(()=>g(this,"-no-animate"))}render(){return o`<div class="base"><slot @slotchange="${He(this,gp,"m",Lp)}"></slot></div>`}};yp=new WeakMap,$p=new WeakMap,xp=new WeakMap,wp=new WeakMap,kp=new WeakMap,Cp=new WeakMap,Sp=new WeakMap,_p=new WeakMap,gp=new WeakSet,Lp=function(){const{added:e}=He(this,wp,"f").setItems([...this.querySelectorAll("m3e-fab-menu-item")]);He(this,wp,"f").activeItem||He(this,wp,"f").updateActiveItem(e.find(e=>!e.disabled))},zp=function(e){switch(e.key){case"Tab":this.hide();break;case"Escape":e.shiftKey||e.ctrlKey||this.hide(!0);break;default:He(this,wp,"f").onKeyDown(e)}},Ep=function(e){e.composedPath().some(e=>e instanceof fp||e===He(this,$p,"f"))||this.hide()},Mp=function(){const e=He(this,$p,"f")?.closest("m3e-fab");e&&(Oe(this,yp,e.tabIndex,"f"),e.addEventListener("keydown",He(this,kp,"f")),He(this,wp,"f").setItems([...He(this,wp,"f").items,e]))},Tp=function(){const e=He(this,$p,"f")?.closest("m3e-fab");e&&(void 0!==He(this,yp,"f")&&(e.tabIndex=He(this,yp,"f")),e.removeEventListener("keydown",He(this,kp,"f")),He(this,wp,"f").setItems([...He(this,wp,"f").items.filter(t=>t!==e)]))},Pp.styles=t`: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(:state(-no-animate))) { transition: ${e(`opacity ${l.motion.spring.fastEffects}, \n        transform ${l.motion.spring.fastSpatial},\n        overlay ${l.motion.spring.fastEffects} allow-discrete,\n        display ${l.motion.spring.fastEffects} allow-discrete`)}; } .base { display: contents; } :host([variant="primary"]) .base { --_fab-menu-item-color: var(--m3e-primary-fab-color, ${l.color.onPrimaryContainer}); --_fab-menu-item-container-color: var(--m3e-primary-fab-container-color, ${l.color.primaryContainer}); --_fab-menu-background-hover-color: var(--m3e-primary-fab-hover-color, ${l.color.onPrimaryContainer}); --_fab-menu-background-focus-color: var(--m3e-primary-fab-focus-color, ${l.color.onPrimaryContainer}); --_fab-menu-ripple-color: var(--m3e-primary-fab-ripple-color, ${l.color.onPrimaryContainer}); } :host([variant="secondary"]) .base { --_fab-menu-item-color: var(--m3e-secondary-fab-color, ${l.color.onSecondaryContainer}); --_fab-menu-item-container-color: var( --m3e-secondary-fab-container-color, ${l.color.secondaryContainer} ); --_fab-menu-background-hover-color: var( --m3e-secondary-fab-hover-color, ${l.color.onSecondaryContainer} ); --_fab-menu-background-focus-color: var( --m3e-secondary-fab-focus-color, ${l.color.onSecondaryContainer} ); --_fab-menu-ripple-color: var(--m3e-secondary-fab-ripple-color, ${l.color.onSecondaryContainer}); } :host([variant="tertiary"]) .base { --_fab-menu-item-color: var(--m3e-tertiary-fab-color, ${l.color.onTertiaryContainer}); --_fab-menu-item-container-color: var(--m3e-tertiary-fab-container-color, ${l.color.tertiaryContainer}); --_fab-menu-background-hover-color: var(--m3e-tertiary-fab-hover-color, ${l.color.onTertiaryContainer}); --_fab-menu-background-focus-color: var(--m3e-tertiary-fab-focus-color, ${l.color.onTertiaryContainer}); --_fab-menu-ripple-color: var(--m3e-tertiary-fab-ripple-color, ${l.color.onTertiaryContainer}); } :host { transform: scaleX(0.8); } :host(:state(-left)) { align-items: flex-start; transform-origin: left; } :host(:state(-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(:state(-no-animate))) { transition: none; } } @media (forced-colors: active) { :host { border-radius: ${l.shape.corner.medium}; outline: 1px solid MenuText; background-color: Menu; } }`,We([nt({reflect:!0})],Pp.prototype,"variant",void 0),Pp=We([m("m3e-fab-menu")],Pp);let Ip=class extends(c($)){get menu(){return this.control instanceof Pp?this.control:null}attach(e){super.attach(e),this.parentElement&&e instanceof Pp&&(this.parentElement.ariaHasPopup="menu",this.parentElement.ariaExpanded="false",e.id&&ye(this.parentElement,"aria-controls",e.id))}detach(){this.parentElement&&(this.parentElement.ariaHasPopup=null,this.parentElement.ariaExpanded=null,this.control?.id&&$e(this.parentElement,"aria-controls",this.control.id)),super.detach()}_onClick(){this.parentElement&&this.menu?.toggle(this.parentElement)}};Ip=We([m("m3e-fab-menu-trigger")],Ip);
 /**
  * Adapted from Angular Material Form Field Control
  * Source: https://github.com/angular/components/blob/main/src/material/form-field/form-field-control.ts
@@ -74,7 +74,7 @@ const Ap=["m3e-input-chip-set","m3e-select"];function Wp(e){return e instanceof
  * @license MIT
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
- */var Op,Dp,Bp,qp,Rp,Fp,Vp,Up,Np,jp,Kp,Zp,Gp,Xp,Yp,Jp,Qp,eu,tu,au,ou,iu,ru,su,nu,lu,cu,du,hu;let mu=class extends(w(a)){constructor(){super(),Op.add(this),Dp.set(this,null),Bp.set(this,void 0),qp.set(this,()=>He(this,Op,"m",nu).call(this)),Rp.set(this,()=>He(this,Op,"m",ru).call(this)),Fp.set(this,new oe(this,{target:null,config:{attributeFilter:["disabled","readonly","required"]},callback:()=>this.notifyControlStateChange()})),Vp.set(this,new S(this,{target:null,callback:()=>He(this,Op,"m",au).call(this)})),Up.set(this,new H(this,{target:null,callback:e=>{e=e&&!(He(this,Dp,"f")?.disabled??1),u(this,"-no-animate",!1),Oe(this,Zp,e,"f"),e?u(this,"-float-label",!0):(this._invalid=!(He(this,Dp,"f")?.checkValidity?.()??1),this.notifyControlStateChange())}})),Np.set(this,new oe(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>He(this,Op,"m",du).call(this)})),jp.set(this,new oe(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>He(this,Op,"m",hu).call(this)})),Kp.set(this,new O(this,{target:null,callback:e=>u(this,"-pressed",e&&!(He(this,Dp,"f")?.disabled??1))})),Zp.set(this,!1),this._pseudoLabel="",this._required=!1,this._invalid=!1,this._validationMessage="",Gp.set(this,""),Xp.set(this,""),this.variant="outlined",this.hideRequiredMarker=!1,this.hideSubscript="auto",this.floatLabel="auto",new Z(this,{callback:()=>u(this,"-no-animate",!1)})}get menuAnchor(){return this._base}get control(){return He(this,Dp,"f")}notifyControlStateChange(e=!1){this._required=!0===He(this,Dp,"f")?.required,u(this,"-required",this._required),u(this,"-disabled",!0===He(this,Dp,"f")?.disabled),u(this,"-readonly",ie(He(this,Dp,"f"))&&!0===He(this,Dp,"f").readOnly),"auto"===this.floatLabel&&u(this,"-float-label",He(this,Op,"a",Yp)||He(this,Zp,"f")),e&&(this._invalid=!(He(this,Dp,"f")?.checkValidity?.()??1)),u(this,"-invalid",this._invalid),this._validationMessage=He(this,Dp,"f")?.validationMessage??"",this.isUpdatePending||this.performUpdate()}connectedCallback(){super.connectedCallback(),u(this,"-no-animate",!0)}disconnectedCallback(){super.disconnectedCallback(),He(this,Op,"m",lu).call(this,null)}firstUpdated(e){super.firstUpdated(e),He(this,Up,"f").observe(this._base),He(this,Kp,"f").observe(this._base),He(this,Np,"f").observe(this._hint),He(this,Op,"m",du).call(this),He(this,jp,"f").observe(this._error),He(this,Op,"m",hu).call(this)}update(e){super.update(e),e.has("_invalid")&&He(this,Dp,"f")&&(He(this,Dp,"f").ariaInvalid=this._invalid?"true":null,He(this,Xp,"f")&&(this._invalid?Se.describe(He(this,Dp,"f"),He(this,Xp,"f")):Se.removeDescription(He(this,Dp,"f"),He(this,Xp,"f"))))}render(){return o`<div class="base" @click="${He(this,Op,"m",iu)}">${"outlined"===this.variant?o`<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?o`&nbsp;*`:i}</div></div><div class="outline-end"></div></div>`:i}<div class="prefix"><slot name="prefix" @slotchange="${He(this,Op,"m",eu)}"></slot></div><div class="content"><span class="prefix-text"><slot name="prefix-text"></slot></span><span class="input"><slot @slotchange="${He(this,Op,"m",ou)}" @change="${He(this,Op,"m",su)}"></slot></span><span class="suffix-text"><slot name="suffix-text"></slot></span><span class="label"><slot name="label" @slotchange="${He(this,Op,"m",Qp)}"></slot>${!this.hideRequiredMarker&&this._required?o`<span class="required-marker" aria-hidden="true">&nbsp;*</span>`:i}</span></div><div class="suffix" @click="${He(this,Op,"m",Jp)}" @focusin="${He(this,Op,"m",Jp)}" @focusout="${He(this,Op,"m",Jp)}" @pointerdown="${He(this,Op,"m",Jp)}" @keydown="${He(this,Op,"m",Jp)}" @keyup="${He(this,Op,"m",Jp)}"><slot name="suffix" @slotchange="${He(this,Op,"m",tu)}"></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>`}};Dp=new WeakMap,Bp=new WeakMap,qp=new WeakMap,Rp=new WeakMap,Fp=new WeakMap,Vp=new WeakMap,Up=new WeakMap,Np=new WeakMap,jp=new WeakMap,Kp=new WeakMap,Zp=new WeakMap,Gp=new WeakMap,Xp=new WeakMap,Op=new WeakSet,Yp=function(){return void 0!==He(this,Dp,"f")?.shouldLabelFloat?!0===He(this,Dp,"f").shouldLabelFloat:"string"==typeof He(this,Dp,"f")?.value&&He(this,Dp,"f").value.length>0},Jp=function(e){e.stopImmediatePropagation(),e.stopPropagation()},Qp=function(e){const t=e.target.assignedElements({flatten:!0});u(this,"-with-label",t.length>0),this._pseudoLabel=t[0]?.textContent??""},eu=function(e){u(this,"-with-prefix",p(e.target)),He(this,Vp,"f").observe(this._prefix)},tu=function(e){u(this,"-with-suffix",p(e.target))},au=function(){"outlined"===this.variant&&this._base.style.setProperty("--_prefix-width",`${this._prefix.clientWidth}px`)},ou=function(e){He(this,Op,"m",lu).call(this,Hp(e.target))},iu=function(e){!He(this,Dp,"f")||He(this,Zp,"f")||He(this,Dp,"f").disabled||(He(this,Dp,"f").onContainerClick?He(this,Dp,"f").onContainerClick(e):He(this,Dp,"f").focus())},ru=function(){this._invalid=!0,this.notifyControlStateChange()},su=function(){this._invalid=!(He(this,Dp,"f")?.checkValidity?.()??1),this.notifyControlStateChange()},nu=function(){this._invalid=!1,setTimeout(()=>this.notifyControlStateChange())},lu=function(e){if(He(this,Dp,"f")!==e&&(He(this,Dp,"f")&&(He(this,Gp,"f")&&Se.removeDescription(He(this,Dp,"f"),He(this,Gp,"f")),He(this,Xp,"f")&&Se.removeDescription(He(this,Dp,"f"),He(this,Xp,"f")),He(this,Fp,"f").unobserve(He(this,Dp,"f")),He(this,Dp,"f").removeEventListener("invalid",He(this,Rp,"f")),He(this,Dp,"f").form?.removeEventListener("reset",He(this,qp,"f")),He(this,Bp,"f")?.call(this),Oe(this,Bp,void 0,"f")),Oe(this,Dp,e,"f"),["INPUT","TEXTAREA"].includes(He(this,Dp,"f")?.tagName??"")?this._base.style.setProperty("--_form-field-cursor","text"):this._base.style.removeProperty("--_form-field-cursor"),u(this,"-with-select","M3E-SELECT"===He(this,Dp,"f")?.tagName),L(this,"-with-select")&&this._base.style.setProperty("--_form-field-cursor","pointer"),He(this,Dp,"f"))){He(this,Fp,"f").observe(He(this,Dp,"f")),He(this,Dp,"f").addEventListener("invalid",He(this,Rp,"f")),He(this,Dp,"f").form?.addEventListener("reset",He(this,qp,"f")),He(this,Dp,"f").removeAttribute("aria-invalid"),He(this,Gp,"f")&&Se.describe(He(this,Dp,"f"),He(this,Gp,"f")),this.notifyControlStateChange();const e=He(this,Dp,"f").tagName.toLowerCase();e.startsWith("m3e-")&&!customElements.get(e)?customElements.whenDefined(e).then(()=>He(this,Op,"m",cu).call(this)):He(this,Op,"m",cu).call(this)}},cu=function(){He(this,Dp,"f")&&Oe(this,Bp,re(He(this,Dp,"f"),"value",{set:(e,t)=>{t(e),this.notifyControlStateChange(!0)}}),"f")},du=function(){const e=Q(this._hint,!0);e!==He(this,Gp,"f")&&(He(this,Dp,"f")&&He(this,Gp,"f")&&Se.removeDescription(He(this,Dp,"f"),He(this,Gp,"f")),Oe(this,Gp,e,"f"),He(this,Dp,"f")&&He(this,Gp,"f")&&Se.describe(He(this,Dp,"f"),He(this,Gp,"f")))},hu=function(){const e=Q(this._error,!0);e!==He(this,Xp,"f")&&(He(this,Dp,"f")&&He(this,Xp,"f")&&Se.removeDescription(He(this,Dp,"f"),He(this,Xp,"f")),Oe(this,Xp,e,"f"),He(this,Dp,"f")&&He(this,Xp,"f")&&this._invalid&&Se.describe(He(this,Dp,"f"),He(this,Xp,"f")))},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { user-select: none; color: currentColor; transition: opacity ${l.motion.duration.extraLong1}; } m3e-form-field[float-label="auto"]:not(:state(-float-label)):state(-with-label) input::placeholder, m3e-form-field[float-label="auto"]:not(:state(-float-label)):state(-with-label) textarea::placeholder { opacity: 0; transition: opacity 0s; } m3e-form-field[variant="outlined"] m3e-input-chip-set { margin-block: calc(calc(3.5rem + ${l.density.calc(-2)}) / 4); } @media (prefers-reduced-motion) { m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { transition: none !important; } }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),mu.styles=t`:host { display: inline-flex; flex-direction: column; vertical-align: middle; font-size: var(--m3e-form-field-font-size, ${l.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${l.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${l.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${l.typescale.standard.body.large.tracking}); width: var(--m3e-form-field-width, 14.5rem); color: var(--_form-field-color); } :host(:not(:state(-disabled))) .base { cursor: var(--_form-field-cursor); } .base { display: flex; align-items: center; position: relative; min-height: calc(3.5rem + ${l.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${l.typescale.standard.body.small.fontSize} ); --_form-field-label-line-height: var( --m3e-form-field-label-line-height, ${l.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 ${l.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, ${l.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-form-field-label-font-weight, ${l.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-form-field-label-line-height, ${l.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-form-field-label-tracking, ${l.typescale.standard.body.small.tracking}); color: var(--_form-field-label-color, inherit); transition: ${e(`top ${l.motion.duration.short4}, \n        font-size ${l.motion.duration.short4}, \n        line-height ${l.motion.duration.short4}`)}; } :host(:state(-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, ${l.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-form-field-subscript-font-weight, ${l.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-form-field-subscript-line-height, ${l.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-form-field-subscript-tracking, ${l.typescale.standard.body.small.tracking}); min-height: var(--m3e-form-field-subscript-line-height, ${l.typescale.standard.body.small.lineHeight}); color: var(--m3e-form-field-subscript-color, ${l.color.onSurfaceVariant}); } .error, .hint { flex: 1 1 auto; } :host([hide-subscript="always"]) .subscript { display: none; } :host([hide-subscript="auto"]:not(:state(-invalid))) .subscript { opacity: 0; margin-top: 0px; margin-bottom: 0.25rem; transition: ${e(`opacity ${l.motion.duration.short4}, \n        margin-top ${l.motion.duration.short4}, \n        margin-bottom ${l.motion.duration.short4}`)}; } :host([hide-subscript="auto"]:not(:state(-invalid)):focus-within) .subscript, :host([hide-subscript="auto"]:not(:state(-invalid)):state(-pressed)) .subscript { opacity: 1; margin-top: 0.25rem; margin-bottom: 0; } :host(:state(-invalid)) .hint { display: none; } :host(:not(:state(-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: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; } ::slotted(m3e-select), ::slotted(m3e-input-chip-set) { flex: 1 1 auto; min-width: 0; } :host([float-label="auto"]:not(:state(-float-label)):not(:state(-pressed))) .label { font-size: inherit; } :host([float-label="auto"]:not(:state(-float-label)):state(-with-label)) .prefix-text, :host([float-label="auto"]:not(:state(-float-label)):state(-with-label)) .suffix-text { opacity: 0; transition: opacity 0s; } .prefix { margin-inline-start: 1rem; } :host(:state(-with-prefix)) .prefix { margin-inline-end: 1rem; margin-inline-start: 0.75rem; } .suffix { margin-inline-end: 1rem; } :host(:state(-with-suffix)) .suffix { margin-inline-start: 0.25rem; margin-inline-end: 0.5rem; } :host(:state(-with-suffix):state(-with-select)) .suffix { margin-inline-start: unset; } :host(:state(-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"]:state(-required):not([hide-required-marker])) .pseudo-label { margin-inline-end: 0.25rem; } :host([variant="outlined"][float-label="auto"]:not(:state(-float-label)):not(:state(-pressed))) .pseudo-label { max-width: 0; margin-inline-end: 0px; transition-delay: ${l.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 ${l.motion.duration.short4}; } :host([variant="outlined"]:not(:state(-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, ${l.shape.corner.extraSmall}); border-end-start-radius: var(--m3e-outlined-form-field-container-shape, ${l.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, ${l.shape.corner.extraSmall}); border-end-end-radius: var(--m3e-outlined-form-field-container-shape, ${l.shape.corner.extraSmall}); } :host([variant="outlined"]:state(-with-prefix)) .outline-start { min-width: calc(1.25rem + var(--_prefix-width, 0px) + 0.25rem); } :host([variant="outlined"]:not(:state(-disabled))) .base:hover .outline, :host([variant="outlined"]:not(:state(-disabled)):focus-within) .outline, :host([variant="outlined"]:not(:state(-disabled)):state(-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 + ${l.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${l.typescale.standard.body.small.fontSize} ); } :host([variant="outlined"][float-label="auto"]:not(:state(-float-label)):not(:state(-pressed))) .label { margin-top: unset; line-height: calc(3.5rem + ${l.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${l.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, ${l.shape.corner.extraSmallTop}); border-color: var(--_form-field-outline-color); background-color: var(--_form-field-container-color); } :host([variant="filled"]:not(:state(-disabled))) .base:hover::before, :host([variant="filled"]:not(:state(-disabled)):focus-within) .base::before, :host([variant="filled"]:not(:state(-disabled)):state(-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 ${l.motion.duration.short4}; } :host([variant="filled"]) .subscript { margin-inline: 1rem; width: calc(100% - 2rem); } :host([variant="filled"]) .content { padding-top: calc(1.5rem + ${l.density.calc(-2)}); margin-bottom: 0.5rem; } :host([variant="filled"]) .label { top: calc(0.5rem + ${l.density.calc(-2)}); } :host([variant="filled"][float-label="auto"]:not(:state(-float-label)):not(:state(-pressed))) .label { top: 0px; line-height: calc(3.5rem + ${l.density.calc(-2)} - 0.0625rem); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${l.typescale.standard.body.small.fontSize} ); } :host(:not(:state(-disabled)):not(:focus-within):not(:state(-pressed))) .base:hover { --_form-field-hover-container-color: color-mix( in srgb, var(--m3e-form-field-hover-container-color, ${l.color.onSurface}) var(--m3e-form-field-hover-container-opacity, 8%), transparent ); } :host(:not(:state(-disabled)):not(:state(-invalid))) { color: var(--m3e-form-field-color, ${l.color.onSurface}); } :host([variant="outlined"]:not(:state(-disabled)):not(:state(-invalid))) .base { --_form-field-outline-color: var(--m3e-form-field-outline-color, ${l.color.outline}); } :host([variant="filled"]:not(:state(-disabled)):not(:state(-invalid))) .base { --_form-field-outline-color: var(--m3e-form-field-outline-color, ${l.color.onSurfaceVariant}); } :host([variant="outlined"]:not(:state(-disabled)):not(:state(-invalid)):focus-within) .base, :host([variant="outlined"]:not(:state(-disabled)):not(:state(-invalid)):state(-pressed)) .base, :host([variant="filled"]:not(:state(-disabled)):not(:state(-invalid)):focus-within) .base, :host([variant="filled"]:not(:state(-disabled)):not(:state(-invalid)):state(-pressed)) .base { --_form-field-outline-color: var(--m3e-form-field-focused-outline-color, ${l.color.primary}); --_form-field-label-color: var(--m3e-form-field-focused-color, ${l.color.primary}); } :host(:not(:state(-disabled))) .base { --_form-field-container-color: var( --m3e-form-field-container-color, ${l.color.surfaceContainerHighest} ); } :host(:not(:state(-disabled)):state(-invalid)) .base { --_form-field-label-color: var(--m3e-form-field-invalid-color, ${l.color.error}); --_form-field-outline-color: var(--m3e-form-field-invalid-color, ${l.color.error}); } :host(:not(:state(-disabled)):state(-invalid)) .subscript { color: var(--m3e-form-field-invalid-color, ${l.color.error}); } :host(:state(-disabled)) { color: color-mix( in srgb, var(--m3e-form-field-disabled-color, ${l.color.onSurface}) var(--m3e-form-field-disabled-opacity, 38%), transparent ); } :host(:state(-disabled)) .base { --_form-field-container-color: color-mix( in srgb, var(--m3e-form-field-disabled-container-color, ${l.color.onSurface}) var(--m3e-form-field-disabled-container-opacity, 4%), transparent ); } :host(:state(-no-animate)) *, :host(:state(-no-animate)) *::before, :host(:state(-no-animate)) *::after { transition: none !important; } @media (forced-colors: active) { :host([variant="filled"]) .base::after { transition: none; } :host { --_form-field-outline-color: CanvasText; } :host(:state(-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; } }`,We([dt(".base")],mu.prototype,"_base",void 0),We([dt(".prefix")],mu.prototype,"_prefix",void 0),We([dt(".error")],mu.prototype,"_error",void 0),We([dt(".hint")],mu.prototype,"_hint",void 0),We([lt()],mu.prototype,"_pseudoLabel",void 0),We([lt()],mu.prototype,"_required",void 0),We([lt()],mu.prototype,"_invalid",void 0),We([lt()],mu.prototype,"_validationMessage",void 0),We([nt({reflect:!0})],mu.prototype,"variant",void 0),We([nt({attribute:"hide-required-marker",type:Boolean,reflect:!0})],mu.prototype,"hideRequiredMarker",void 0),We([nt({attribute:"hide-subscript",reflect:!0})],mu.prototype,"hideSubscript",void 0),We([nt({attribute:"float-label",reflect:!0})],mu.prototype,"floatLabel",void 0),mu=We([m("m3e-form-field")],mu);let pu=class extends a{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 o`<slot></slot>`}};pu.styles=t`:host { display: block; } :host([variant="display"][size="large"]:not([emphasized])) { font-size: ${l.typescale.standard.display.large.fontSize}; font-weight: ${l.typescale.standard.display.large.fontWeight}; line-height: ${l.typescale.standard.display.large.lineHeight}; letter-spacing: ${l.typescale.standard.display.large.tracking}; } :host([variant="display"][size="medium"]:not([emphasized])) { font-size: ${l.typescale.standard.display.medium.fontSize}; font-weight: ${l.typescale.standard.display.medium.fontWeight}; line-height: ${l.typescale.standard.display.medium.lineHeight}; letter-spacing: ${l.typescale.standard.display.medium.tracking}; } :host([variant="display"][size="small"]:not([emphasized])) { font-size: ${l.typescale.standard.display.small.fontSize}; font-weight: ${l.typescale.standard.display.small.fontWeight}; line-height: ${l.typescale.standard.display.small.lineHeight}; letter-spacing: ${l.typescale.standard.display.small.tracking}; } :host([variant="headline"][size="large"]:not([emphasized])) { font-size: ${l.typescale.standard.headline.large.fontSize}; font-weight: ${l.typescale.standard.headline.large.fontWeight}; line-height: ${l.typescale.standard.headline.large.lineHeight}; letter-spacing: ${l.typescale.standard.headline.large.tracking}; } :host([variant="headline"][size="medium"]:not([emphasized])) { font-size: ${l.typescale.standard.headline.medium.fontSize}; font-weight: ${l.typescale.standard.headline.medium.fontWeight}; line-height: ${l.typescale.standard.headline.medium.lineHeight}; letter-spacing: ${l.typescale.standard.headline.medium.tracking}; } :host([variant="headline"][size="small"]:not([emphasized])) { font-size: ${l.typescale.standard.headline.small.fontSize}; font-weight: ${l.typescale.standard.headline.small.fontWeight}; line-height: ${l.typescale.standard.headline.small.lineHeight}; letter-spacing: ${l.typescale.standard.headline.small.tracking}; } :host([variant="title"][size="large"]:not([emphasized])) { font-size: ${l.typescale.standard.title.large.fontSize}; font-weight: ${l.typescale.standard.title.large.fontWeight}; line-height: ${l.typescale.standard.title.large.lineHeight}; letter-spacing: ${l.typescale.standard.title.large.tracking}; } :host([variant="title"][size="medium"]:not([emphasized])) { font-size: ${l.typescale.standard.title.medium.fontSize}; font-weight: ${l.typescale.standard.title.medium.fontWeight}; line-height: ${l.typescale.standard.title.medium.lineHeight}; letter-spacing: ${l.typescale.standard.title.medium.tracking}; } :host([variant="title"][size="small"]:not([emphasized])) { font-size: ${l.typescale.standard.title.small.fontSize}; font-weight: ${l.typescale.standard.title.small.fontWeight}; line-height: ${l.typescale.standard.title.small.lineHeight}; letter-spacing: ${l.typescale.standard.title.small.tracking}; } :host([variant="label"][size="large"]:not([emphasized])) { font-size: ${l.typescale.standard.label.large.fontSize}; font-weight: ${l.typescale.standard.label.large.fontWeight}; line-height: ${l.typescale.standard.label.large.lineHeight}; letter-spacing: ${l.typescale.standard.label.large.tracking}; } :host([variant="label"][size="medium"]:not([emphasized])) { font-size: ${l.typescale.standard.label.medium.fontSize}; font-weight: ${l.typescale.standard.label.medium.fontWeight}; line-height: ${l.typescale.standard.label.medium.lineHeight}; letter-spacing: ${l.typescale.standard.label.medium.tracking}; } :host([variant="label"][size="small"]:not([emphasized])) { font-size: ${l.typescale.standard.label.small.fontSize}; font-weight: ${l.typescale.standard.label.small.fontWeight}; line-height: ${l.typescale.standard.label.small.lineHeight}; letter-spacing: ${l.typescale.standard.label.small.tracking}; } :host([variant="display"][size="large"][emphasized]) { font-size: ${l.typescale.emphasized.display.large.fontSize}; font-weight: ${l.typescale.emphasized.display.large.fontWeight}; line-height: ${l.typescale.emphasized.display.large.lineHeight}; letter-spacing: ${l.typescale.emphasized.display.large.tracking}; } :host([variant="display"][size="medium"][emphasized]) { font-size: ${l.typescale.emphasized.display.medium.fontSize}; font-weight: ${l.typescale.emphasized.display.medium.fontWeight}; line-height: ${l.typescale.emphasized.display.medium.lineHeight}; letter-spacing: ${l.typescale.emphasized.display.medium.tracking}; } :host([variant="display"][size="small"][emphasized]) { font-size: ${l.typescale.emphasized.display.small.fontSize}; font-weight: ${l.typescale.emphasized.display.small.fontWeight}; line-height: ${l.typescale.emphasized.display.small.lineHeight}; letter-spacing: ${l.typescale.emphasized.display.small.tracking}; } :host([variant="headline"][size="large"][emphasized]) { font-size: ${l.typescale.emphasized.headline.large.fontSize}; font-weight: ${l.typescale.emphasized.headline.large.fontWeight}; line-height: ${l.typescale.emphasized.headline.large.lineHeight}; letter-spacing: ${l.typescale.emphasized.headline.large.tracking}; } :host([variant="headline"][size="medium"][emphasized]) { font-size: ${l.typescale.emphasized.headline.medium.fontSize}; font-weight: ${l.typescale.emphasized.headline.medium.fontWeight}; line-height: ${l.typescale.emphasized.headline.medium.lineHeight}; letter-spacing: ${l.typescale.emphasized.headline.medium.tracking}; } :host([variant="headline"][size="small"][emphasized]) { font-size: ${l.typescale.emphasized.headline.small.fontSize}; font-weight: ${l.typescale.emphasized.headline.small.fontWeight}; line-height: ${l.typescale.emphasized.headline.small.lineHeight}; letter-spacing: ${l.typescale.emphasized.headline.small.tracking}; } :host([variant="title"][size="large"][emphasized]) { font-size: ${l.typescale.emphasized.title.large.fontSize}; font-weight: ${l.typescale.emphasized.title.large.fontWeight}; line-height: ${l.typescale.emphasized.title.large.lineHeight}; letter-spacing: ${l.typescale.emphasized.title.large.tracking}; } :host([variant="title"][size="medium"][emphasized]) { font-size: ${l.typescale.emphasized.title.medium.fontSize}; font-weight: ${l.typescale.emphasized.title.medium.fontWeight}; line-height: ${l.typescale.emphasized.title.medium.lineHeight}; letter-spacing: ${l.typescale.emphasized.title.medium.tracking}; } :host([variant="title"][size="small"][emphasized]) { font-size: ${l.typescale.emphasized.title.small.fontSize}; font-weight: ${l.typescale.emphasized.title.small.fontWeight}; line-height: ${l.typescale.emphasized.title.small.lineHeight}; letter-spacing: ${l.typescale.emphasized.title.small.tracking}; } :host([variant="label"][size="large"][emphasized]) { font-size: ${l.typescale.emphasized.label.large.fontSize}; font-weight: ${l.typescale.emphasized.label.large.fontWeight}; line-height: ${l.typescale.emphasized.label.large.lineHeight}; letter-spacing: ${l.typescale.emphasized.label.large.tracking}; } :host([variant="label"][size="medium"][emphasized]) { font-size: ${l.typescale.emphasized.label.medium.fontSize}; font-weight: ${l.typescale.emphasized.label.medium.fontWeight}; line-height: ${l.typescale.emphasized.label.medium.lineHeight}; letter-spacing: ${l.typescale.emphasized.label.medium.tracking}; } :host([variant="label"][size="small"][emphasized]) { font-size: ${l.typescale.emphasized.label.small.fontSize}; font-weight: ${l.typescale.emphasized.label.small.fontWeight}; line-height: ${l.typescale.emphasized.label.small.lineHeight}; letter-spacing: ${l.typescale.emphasized.label.small.tracking}; }`,We([nt({type:Boolean,reflect:!0})],pu.prototype,"emphasized",void 0),We([nt({reflect:!0})],pu.prototype,"variant",void 0),We([nt({reflect:!0})],pu.prototype,"size",void 0),We([nt({type:Number})],pu.prototype,"level",void 0),pu=We([m("m3e-heading")],pu);let uu=class extends(d(a,"img")){constructor(){super(...arguments),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()}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 o`<div class="icon" aria-hidden="true">${this.name}</div>`}};uu.styles=t`:host { display: inline-block; user-select: none; font-size: var(--m3e-icon-size, 1.5rem); width: 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"; }`,We([dt(".icon")],uu.prototype,"_icon",void 0),We([nt()],uu.prototype,"name",void 0),We([nt({reflect:!0})],uu.prototype,"variant",void 0),We([nt({type:Boolean,reflect:!0})],uu.prototype,"filled",void 0),We([nt()],uu.prototype,"grade",void 0),We([nt({type:Number})],uu.prototype,"weight",void 0),We([nt({attribute:"optical-size",type:Number})],uu.prototype,"opticalSize",void 0),uu=We([m("m3e-icon")],uu);const vu={"extra-small":{containerHeight:e(`calc(var(--m3e-icon-button-extra-small-container-height, var(--m3e-icon-button-container-height, 2rem)) + ${l.density.calc(0)})`),outlineThickness:e("var(--m3e-icon-button-extra-small-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:e(`calc(var(--m3e-icon-button-extra-small-icon-size, var(--m3e-icon-button-icon-size, 1.25rem)) + ${l.density.calc(0)})`),shapeRound:e(`var(--m3e-icon-button-extra-small-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-extra-small-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.medium}))`),selectedShapeRound:e(`var(--m3e-icon-button-extra-small-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.medium}))`),selectedShapeSquare:e(`var(--m3e-icon-button-extra-small-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-extra-small-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.small}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-extra-small-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.25rem)) + ${l.density.calc(0)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-extra-small-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.25rem)) + ${l.density.calc(0)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-extra-small-default-leading-space, var(--m3e-icon-button-default-leading-space, 0.375rem)) + ${l.density.calc(0)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-extra-small-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 0.375rem)) + ${l.density.calc(0)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-extra-small-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 0.625rem)) + ${l.density.calc(0)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-extra-small-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 0.625rem)) + ${l.density.calc(0)})`)},small:{containerHeight:e(`calc(var(--m3e-icon-button-small-container-height, var(--m3e-icon-button-container-height, 2.5rem)) + ${l.density.calc(-1)})`),outlineThickness:e("var(--m3e-icon-button-small-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:e(`calc(var(--m3e-icon-button-small-icon-size, var(--m3e-icon-button-icon-size, 1.5rem)) + ${l.density.calc(-1)})`),shapeRound:e(`var(--m3e-icon-button-small-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-small-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.medium}))`),selectedShapeRound:e(`var(--m3e-icon-button-small-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.medium}))`),selectedShapeSquare:e(`var(--m3e-icon-button-small-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-small-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.small}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-small-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.25rem)) + ${l.density.calc(-1)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-small-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.25rem)) + ${l.density.calc(-1)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-small-default-leading-space, var(--m3e-icon-button-default-leading-space, 0.5rem)) + ${l.density.calc(-1)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-small-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 0.5rem)) + ${l.density.calc(-1)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-small-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 0.875rem)) + ${l.density.calc(-1)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-small-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 0.875rem)) + ${l.density.calc(-1)})`)},medium:{containerHeight:e(`calc(var(--m3e-icon-button-medium-container-height, var(--m3e-icon-button-container-height, 3.5rem)) + ${l.density.calc(-2)})`),outlineThickness:e("var(--m3e-icon-button-medium-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:e(`calc(var(--m3e-icon-button-medium-icon-size, var(--m3e-icon-button-icon-size, 1.5rem)) + ${l.density.calc(-2)})`),shapeRound:e(`var(--m3e-icon-button-medium-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-medium-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.large}))`),selectedShapeRound:e(`var(--m3e-icon-button-medium-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.large}))`),selectedShapeSquare:e(`var(--m3e-icon-button-medium-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-medium-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.medium}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-medium-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.75rem)) + ${l.density.calc(-2)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-medium-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.75rem)) + ${l.density.calc(-2)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-medium-default-leading-space, var(--m3e-icon-button-default-leading-space, 1rem)) + ${l.density.calc(-2)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-medium-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 1rem)) + ${l.density.calc(-2)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-medium-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 1.5rem)) + ${l.density.calc(-2)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-medium-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 1.5rem)) + ${l.density.calc(-2)})`)},large:{containerHeight:e(`calc(var(--m3e-icon-button-large-container-height, var(--m3e-icon-button-container-height, 6rem)) + ${l.density.calc(-3)})`),outlineThickness:e("var(--m3e-icon-button-large-outline-thickness, var(--m3e-icon-button-outline-thickness, 2px))"),iconSize:e(`calc(var(--m3e-icon-button-large-icon-size, var(--m3e-icon-button-icon-size, 2rem)) + ${l.density.calc(-3)})`),shapeRound:e(`var(--m3e-icon-button-large-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-large-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.extraLarge}))`),selectedShapeRound:e(`var(--m3e-icon-button-large-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.extraLarge}))`),selectedShapeSquare:e(`var(--m3e-icon-button-large-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-large-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.large}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-large-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 1rem)) + ${l.density.calc(-3)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-large-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 1rem)) + ${l.density.calc(-3)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-large-default-leading-space, var(--m3e-icon-button-default-leading-space, 2rem)) + ${l.density.calc(-3)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-large-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 2rem)) + ${l.density.calc(-3)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-large-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 3rem)) + ${l.density.calc(-3)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-large-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 3rem)) + ${l.density.calc(-3)})`)},"extra-large":{containerHeight:e(`calc(var(--m3e-icon-button-extra-large-container-height, var(--m3e-icon-button-container-height, 8.5rem)) + ${l.density.calc(-3)})`),outlineThickness:e("var(--m3e-icon-button-extra-large-outline-thickness, var(--m3e-icon-button-outline-thickness, 3px))"),iconSize:e(`calc(var(--m3e-icon-button-extra-large-icon-size, var(--m3e-icon-button-icon-size, 2.5rem)) + ${l.density.calc(-3)})`),shapeRound:e(`var(--m3e-icon-button-extra-large-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-extra-large-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.extraLarge}))`),selectedShapeRound:e(`var(--m3e-icon-button-extra-large-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.extraLarge}))`),selectedShapeSquare:e(`var(--m3e-icon-button-extra-large-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-extra-large-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.large}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-extra-large-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 2rem)) + ${l.density.calc(-3)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-extra-large-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 2rem)) + ${l.density.calc(-3)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-extra-large-default-leading-space, var(--m3e-icon-button-default-leading-space, 3rem)) + ${l.density.calc(-3)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-extra-large-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 3rem)) + ${l.density.calc(-3)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-extra-large-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 4.5rem)) + ${l.density.calc(-3)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-extra-large-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 4.5rem)) + ${l.density.calc(-3)})`)}};function bu(a){return t`:host([size="${e(a)}"]) .base { height: ${vu[a].containerHeight}; } :host([size="${e(a)}"][width="default"]) .wrapper { padding-inline-start: ${vu[a].defaultLeadingSpace}; padding-inline-end: ${vu[a].defaultTrailingSpace}; } :host([size="${e(a)}"][width="narrow"]) .wrapper { padding-inline-start: ${vu[a].narrowLeadingSpace}; padding-inline-end: ${vu[a].narrowTrailingSpace}; } :host([size="${e(a)}"][width="wide"]) .wrapper { padding-inline-start: ${vu[a].wideLeadingSpace}; padding-inline-end: ${vu[a].wideTrailingSpace}; } :host([size="${e(a)}"]) .icon { font-size: ${vu[a].iconSize}; } :host([size="${e(a)}"]) .base { outline-offset: calc(0px - ${vu[a].outlineThickness}); outline-width: ${vu[a].outlineThickness}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${vu[a].shapeRound}); } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"]) .base { border-radius: ${vu[a].shapeSquare}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"][toggle][selected]:not(:state(-pressed))) .base { border-radius: ${vu[a].selectedShapeRound}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${vu[a].selectedShapeSquare}); } :host(:not(:state(-connected))[size="${e(a)}"]:state(-pressed)) .base { border-radius: ${vu[a].shapePressedMorph}; } :host(:state(-connected)[size="${e(a)}"][shape="rounded"]) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${vu[a].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${vu[a].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${vu[a].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${vu[a].shapeRound}) ); } :host(:state(-connected)[size="${e(a)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${vu[a].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${vu[a].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${vu[a].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${vu[a].shapeSquare}); } :host(:state(-connected)[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${vu[a].selectedShapeSquare}); } :host(:state(-connected)[size="${e(a)}"]:state(-pressed)) .base { border-start-start-radius: var( --_button-start-shape-pressed-morph, ${vu[a].shapePressedMorph} ); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${vu[a].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${vu[a].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${vu[a].shapePressedMorph}); }`}const fu=[bu("extra-small"),bu("small"),bu("medium"),bu("large"),bu("extra-large")],gu=t`: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: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: auto; right: auto; } :host(:state(-pressed)) .base, :host(:state(-resting)) .base { transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard},\n          border-radius ${l.motion.spring.fastEffects}`)}; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; transition: ${e(`padding-inline ${l.motion.spring.fastEffects}`)}; } .icon { transition: ${e(`color ${l.motion.duration.short4} ${l.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: ${e(`transform var(--_icon-button-icon-transform-transition, ${l.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(:state(-grouped):state(-connected)) { flex: 1 1 auto; } :host(:state(-grouped):not(:state(-connected)):not(:state(-adjacent-pressed)):not(:state(-pressed))) { flex-shrink: 0; flex-grow: 0; } :host(:state(-grouped):not(:state(-connected)):state(-adjacent-pressed):not(:state(-pressed))) { flex-shrink: 1; min-width: 0; } :host(:state(-grouped):not(:state(-connected)):state(-adjacent-pressed):not(:state(-pressed))) .label { text-overflow: clip; } :host(:state(-grouped):not(:state(-connected)):state(-pressed):not([disabled-interactive]):not(:disabled)) { flex-shrink: 0; flex-basis: 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(:state(-pressed)) .base, :host(:state(-resting)) .base { transition: border-radius ${l.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]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .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]:not(:disabled):not([disabled-interactive])[toggle][selected]) .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-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(:state(-pressed)) .base, :host(:state(-resting)) .base, .base, .wrapper, .icon { transition: none; } }`,yu={elevated:{iconColor:e(`var(--m3e-elevated-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.primary}))`),containerColor:e(`var(--m3e-elevated-icon-button-container-color, var(--m3e-icon-button-container-color, ${l.color.surfaceContainerLow}))`),containerElevation:e(`var(--m3e-elevated-icon-button-container-elevation, var(--m3e-icon-button-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.primary}))`),unselectedContainerColor:e(`var(--m3e-elevated-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${l.color.surfaceContainerLow}))`),selectedIconColor:e(`var(--m3e-elevated-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.onPrimary}))`),selectedContainerColor:e(`var(--m3e-elevated-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-elevated-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-elevated-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-elevated-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-elevated-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))"),containerElevation:e(`var(--m3e-elevated-icon-button-disabled-container-elevation, var(--m3e-icon-button-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-elevated-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-icon-button-hover-container-elevation, var(--m3e-icon-button-hover-container-elevation, ${l.elevation.level2}))`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.onPrimary}))`)},focus:{iconColor:e(`var(--m3e-elevated-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-icon-button-focus-container-elevation, var(--m3e-icon-button-focus-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.onPrimary}))`)},pressed:{iconColor:e(`var(--m3e-elevated-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-icon-button-pressed-container-elevation, var(--m3e-icon-button-pressed-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.onPrimary}))`)}},outlined:{iconColor:e(`var(--m3e-outlined-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-icon-button-outline-color, var(--m3e-icon-button-outline-color, ${l.color.outlineVariant}))`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedContainerColor:e(`var(--m3e-outlined-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${l.color.inverseSurface}))`),disabled:{containerColor:e(`var(--m3e-outlined-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-outlined-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-outlined-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-outlined-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))"),outlineColor:e(`var(--m3e-outlined-icon-button-disabled-outline-color, var(--m3e-icon-button-disabled-outline-color, ${l.color.outlineVariant}))`)},hover:{iconColor:e(`var(--m3e-outlined-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-icon-button-hover-outline-color, var(--m3e-icon-button-hover-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.inverseOnSurface}))`)},focus:{iconColor:e(`var(--m3e-outlined-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-icon-button-focus-outline-color, var(--m3e-icon-button-focus-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.inverseOnSurface}))`)},pressed:{iconColor:e(`var(--m3e-outlined-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-icon-button-pressed-outline-color, var(--m3e-icon-button-pressed-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.inverseOnSurface}))`)}},filled:{iconColor:e(`var(--m3e-filled-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.onPrimary}))`),containerColor:e(`var(--m3e-filled-icon-button-container-color, var(--m3e-icon-button-container-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-filled-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedContainerColor:e(`var(--m3e-filled-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${l.color.surfaceContainer}))`),selectedIconColor:e(`var(--m3e-filled-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.onPrimary}))`),selectedContainerColor:e(`var(--m3e-filled-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-filled-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-filled-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-filled-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-filled-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:e(`var(--m3e-filled-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-filled-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.onPrimary}))`)},focus:{iconColor:e(`var(--m3e-filled-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-filled-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.onPrimary}))`)},pressed:{iconColor:e(`var(--m3e-filled-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-filled-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.onPrimary}))`)}},tonal:{iconColor:e(`var(--m3e-tonal-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.onSecondaryContainer}))`),containerColor:e(`var(--m3e-tonal-icon-button-container-color, var(--m3e-icon-button-container-color, ${l.color.secondaryContainer}))`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedContainerColor:e(`var(--m3e-tonal-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${l.color.secondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.onSecondary}))`),selectedContainerColor:e(`var(--m3e-tonal-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${l.color.secondary}))`),disabled:{containerColor:e(`var(--m3e-tonal-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-tonal-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tonal-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-tonal-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:e(`var(--m3e-tonal-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.onSecondary}))`)},focus:{iconColor:e(`var(--m3e-tonal-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.onSecondary}))`)},pressed:{iconColor:e(`var(--m3e-tonal-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.onSecondary}))`)}},standard:{iconColor:e(`var(--m3e-standard-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.onSurfaceVariant}))`),unselectedIconColor:e(`var(--m3e-standard-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-standard-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.primary}))`),disabled:{containerColor:e("var(--m3e-standard-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, transparent))"),containerOpacity:e("var(--m3e-standard-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-standard-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-standard-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:e(`var(--m3e-standard-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.onSurfaceVariant}))`),stateLayerColor:e(`var(--m3e-standard-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-standard-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-standard-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-standard-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-standard-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-standard-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.primary}))`)},focus:{iconColor:e(`var(--m3e-standard-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.onSurfaceVariant}))`),stateLayerColor:e(`var(--m3e-standard-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-standard-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-standard-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-standard-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-standard-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-standard-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.primary}))`)},pressed:{iconColor:e(`var(--m3e-standard-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.onSurfaceVariant}))`),stateLayerColor:e(`var(--m3e-standard-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-standard-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-standard-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-standard-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-standard-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-standard-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.primary}))`)}}};function $u(a){return t`:host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${yu[a].containerColor??e("unset")}; --m3e-state-layer-hover-color: ${yu[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${yu[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${yu[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${yu[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${yu[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${yu[a].pressed.stateLayerOpacity}; --m3e-elevation-level: ${yu[a].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${yu[a].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${yu[a].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${yu[a].pressed.containerElevation??e("unset")}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${yu[a].unselectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${yu[a].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${yu[a].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${yu[a].pressed.unselectedStateLayerColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${yu[a].selectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${yu[a].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${yu[a].focus.selectedStateLayerColor}; --m3e-ripple-color: ${yu[a].pressed.selectedStateLayerColor}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${yu[a].outlineColor??e("unset")}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${yu[a].focus.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${yu[a].hover.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .base { outline-color: ${yu[a].pressed.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].selectedIconColor}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].focus.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].focus.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].focus.selectedIconColor}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].hover.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].hover.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].hover.selectedIconColor}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].pressed.iconColor}; } :host( [variant="${e(a)}"][toggle]:not([selected]):state(-pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${yu[a].pressed.unselectedIconColor}; } :host( [variant="${e(a)}"][toggle][selected]:state(-pressed):not(:disabled):not([disabled-interactive]) ) .icon { color: ${yu[a].pressed.selectedIconColor}; } :host([variant="${e(a)}"]:disabled) .base, :host([variant="${e(a)}"][disabled-interactive]) .base { outline-color: ${yu[a].disabled.outlineColor??e("unset")}; background-color: color-mix( in srgb, ${yu[a].disabled.containerColor} ${yu[a].disabled.containerOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .icon, :host([variant="${e(a)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${yu[a].disabled.iconColor} ${yu[a].disabled.iconOpacity}, transparent ); }`}const xu=[$u("standard"),$u("outlined"),$u("filled"),$u("tonal"),$u("elevated"),t`:host([variant="outlined"]:not([toggle][selected]):not(:disabled):not([disabled-interactive])) .base { outline-style: solid; }`];var wu,ku,Cu,Su,_u,Lu;let zu=class extends(M(T(P(I(A(W(w(d(a,"button"),!0)))))))){constructor(){super(),wu.add(this),ku.set(this,e=>He(this,wu,"m",_u).call(this,e)),this.variant="standard",this.shape="rounded",this.size="small",this.width="default",this.toggle=!1,this.selected=!1,new S(this,{callback:()=>{this.grouped&&this._handleResize()}}),new H(this,{callback:e=>{this.disabledInteractive||e||this.grouped||this._base?.style.removeProperty("--_button-shape")}}),new O(this,{isPressedKey:e=>" "===e,minPressedDuration:150,callback:e=>{this.disabled||this.disabledInteractive||(e?(He(this,wu,"m",Cu).call(this),v()?He(this,wu,"m",Su).call(this,!0):requestAnimationFrame(()=>He(this,wu,"m",Su).call(this,!0))):He(this,wu,"m",Su).call(this,!1))}})}get grouped(){return L(this,"-grouped")}render(){return o`<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[D]()}<div class="wrapper">${this.toggle?o`<slot class="icon" name="selected" aria-hidden="true" @slotchange="${He(this,wu,"m",Lu)}"></slot>`:i}<slot class="icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,ku,"f"))}disconnectedCallback(){super.disconnectedCallback(),["-pressed","-resting","-grouped","-connected"].forEach(e=>g(this,e)),this._base?.style.removeProperty("--_button-shape"),this.style.removeProperty("--_button-width"),this.style.removeProperty("--_adjacent-button-width"),g(this,"-adjacent-pressed"),this.removeEventListener("click",He(this,ku,"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)&&(g(this,"-pressed"),g(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&&!L(this,"-pressed")&&(this.style.setProperty("--_button-width",`${this.clientWidth}px`),He(this,wu,"m",Cu).call(this,!0))}};var Eu,Mu,Tu,Pu,Iu,Au;ku=new WeakMap,wu=new WeakSet,Cu=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`)}},Su=function(e){u(this,"-pressed",e),u(this,"-resting",!e);const t=this.closest("m3e-button-group");if(t){const a=this.getBoundingClientRect().width,o=[...t.querySelectorAll("m3e-button,m3e-icon-button")],i=o.indexOf(this);for(let t=0;t<o.length;t++){const r=o[t];t===i-1||t===i+1?(r.style.setProperty("--_adjacent-button-width",`${a}px`),u(r,"-adjacent-pressed",e)):(r.style.removeProperty("--_adjacent-button-width"),g(r,"-adjacent-pressed"))}}},_u=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation()),this.toggle&&!e.defaultPrevented&&(this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?this.dispatchEvent(new Event("change",{bubbles:!0})):this.selected=!this.selected)},Lu=function(e){this._base?.classList.toggle("with-selected-icon",p(e.target))},zu.styles=[fu,xu,gu],We([dt(".base")],zu.prototype,"_base",void 0),We([dt(".elevation")],zu.prototype,"_elevation",void 0),We([dt(".focus-ring")],zu.prototype,"_focusRing",void 0),We([dt(".state-layer")],zu.prototype,"_stateLayer",void 0),We([dt(".ripple")],zu.prototype,"_ripple",void 0),We([nt({reflect:!0})],zu.prototype,"variant",void 0),We([nt({reflect:!0})],zu.prototype,"shape",void 0),We([nt({reflect:!0})],zu.prototype,"size",void 0),We([nt({reflect:!0})],zu.prototype,"width",void 0),We([nt({type:Boolean,reflect:!0})],zu.prototype,"toggle",void 0),We([nt({type:Boolean,reflect:!0})],zu.prototype,"selected",void 0),We([h(40)],zu.prototype,"_handleResize",null),zu=We([m("m3e-icon-button")],zu);let Wu=class extends(w(d(a,"listitem"))){constructor(){super(...arguments),Eu.add(this),Mu.set(this,new S(this,{target:null,callback:()=>He(this,Eu,"m",Iu).call(this)})),Tu.set(this,void 0),Pu.set(this,void 0)}get leadingContentType(){return He(this,Tu,"f")}get trailingContentType(){return He(this,Pu,"f")}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector(".content");t&&He(this,Mu,"f").observe(t)}render(){return o`<div class="base">${this._renderBase()}</div>`}_renderBase(){return o`<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(e){const t=He(this,Tu,"f");Oe(this,Tu,He(this,Eu,"m",Au).call(this,e.target),"f"),u(this,"-has-leading",void 0!==He(this,Tu,"f")),t!==He(this,Tu,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyLeadingContentTypeChange(t,He(this,Tu,"f"))}_handleTrailingSlotChange(e){const t=He(this,Pu,"f");Oe(this,Pu,He(this,Eu,"m",Au).call(this,e.target),"f"),u(this,"-has-trailing",void 0!==He(this,Pu,"f")),t!==He(this,Pu,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyTrailingContentTypeChange(t,He(this,Pu,"f"))}};var Hu,Ou,Du,Bu,qu;Mu=new WeakMap,Tu=new WeakMap,Pu=new WeakMap,Eu=new WeakSet,Iu=function(){const e=this.shadowRoot?.querySelector(".content")??null,t=null===e?0:se(e);u(this,"-one-line",t<=1),u(this,"-two-line",2==t),u(this,"-three-line",t>2)},Au=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},Wu.styles=t`: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, ${l.shape.corner.none}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-container-shape, ${l.shape.corner.none}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-container-shape, ${l.shape.corner.none}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-container-shape, ${l.shape.corner.none}) ); transition: ${e(`border-radius ${l.motion.spring.fastEffects}, background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host(:state(-one-line)) { min-height: calc(var(--m3e-list-item-one-line-height, 3.5rem) + ${l.density.calc(-3)}); } :host(:state(-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(:state(-two-line)) { min-height: calc(var(--m3e-list-item-two-line-height, 4.5rem) + ${l.density.calc(-3)}); } :host(:state(-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(:state(-three-line)) { min-height: calc(var(--m3e-list-item-three-line-height, 5.5rem) + ${l.density.calc(-3)}); } :host(:state(-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(:state(-three-line))) .base { align-items: center; } :host(:state(-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, ${l.shape.corner.large}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-focus-container-shape, ${l.shape.corner.large}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-focus-container-shape, ${l.shape.corner.large}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-focus-container-shape, ${l.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, ${l.shape.corner.medium}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-hover-container-shape, ${l.shape.corner.medium}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-hover-container-shape, ${l.shape.corner.medium}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-hover-container-shape, ${l.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, ${l.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-list-item-overline-font-weight, ${l.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-list-item-overline-line-height, ${l.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-list-item-overline-tracking, ${l.typescale.standard.label.small.tracking}); } ::slotted([slot="supporting-text"]) { font-size: var(--m3e-list-item-supporting-text-font-size, ${l.typescale.standard.body.medium.fontSize}); font-weight: var( --m3e-list-item-supporting-text-font-weight, ${l.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-list-item-supporting-text-line-height, ${l.typescale.standard.body.medium.lineHeight} ); letter-spacing: var( --m3e-list-item-supporting-text-tracking, ${l.typescale.standard.body.medium.tracking} ); } ::slotted(:not([slot])) { font-size: var(--m3e-list-item-font-size, ${l.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-list-item-font-weight, ${l.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-list-item-line-height, ${l.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-list-item-tracking, ${l.typescale.standard.body.large.tracking}); } :host(:state(-has-leading)) slot[name="leading"], :host(:state(-has-trailing)) slot[name="trailing"] { display: flex; justify-content: center; } :host(:not(:state(-has-leading))) slot[name="leading"] { display: var(--_list-item-leading-reserved-display, contents); } :host(:not(:state(-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, ${l.typescale.standard.label.small.fontSize}); font-weight: var( --m3e-list-item-trailing-text-font-weight, ${l.typescale.standard.label.small.fontWeight} ); line-height: var( --m3e-list-item-trailing-text-line-height, ${l.typescale.standard.label.small.lineHeight} ); letter-spacing: var( --m3e-list-item-trailing-text-tracking, ${l.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, ${l.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, ${l.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, ${l.color.onSurfaceVariant}); } :host(:not(:disabled)) .content { color: var(--m3e-list-item-label-text-color, ${l.color.onSurface}); } :host(:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-overline-color, ${l.color.onSurfaceVariant}); } :host(:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-supporting-text-color, ${l.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, ${l.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, ${l.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, ${l.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, ${l.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, ${l.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, ${l.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, ${l.color.onSurface}); --m3e-state-layer-hover-opacity: var( --m3e-list-item-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var(--m3e-list-item-focus-state-layer-color, ${l.color.onSurface}); --m3e-state-layer-focus-opacity: var( --m3e-list-item-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity} ); } :host(:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-pressed-state-layer-color, ${l.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity} ); } @media (forced-colors: active) { :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; } }`,Wu=We([m("m3e-list-item")],Wu);let Ru=class extends(w(d(a,"list"))){constructor(){super(...arguments),Hu.add(this),Ou.set(this,new Array),Du.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),Bu.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),this.variant="standard"}get items(){return He(this,Ou,"f")}get leadingContentType(){return He(this,Du,"f").video>0?"video":He(this,Du,"f").image>0?"image":He(this,Du,"f").avatar>0?"avatar":He(this,Du,"f").icon>0?"icon":He(this,Du,"f").text>0?"text":void 0}get trailingContentType(){return He(this,Bu,"f").video>0?"video":He(this,Bu,"f").image>0?"image":He(this,Bu,"f").avatar>0?"avatar":He(this,Bu,"f").icon>0?"icon":He(this,Bu,"f").text>0?"text":void 0}render(){return o`<slot @slotchange="${He(this,Hu,"m",qu)}"></slot>`}notifyItemsChange(){}notifyLeadingContentTypeChange(e,t){e&&He(this,Du,"f")[e]--,t&&He(this,Du,"f")[t]++,["video","image","avatar","icon"].forEach(e=>{u(this,`-has-leading-${e}`,this.leadingContentType===e)})}notifyTrailingContentTypeChange(e,t){e&&He(this,Bu,"f")[e]--,t&&He(this,Bu,"f")[t]--,["video","image","avatar","icon"].forEach(e=>{u(this,`-has-trailing-${e}`,this.trailingContentType===e)})}};var Fu,Vu,Uu,Nu,ju,Ku,Zu,Gu,Xu;Ou=new WeakMap,Du=new WeakMap,Bu=new WeakMap,Hu=new WeakSet,qu=function(e){Oe(this,Ou,e.target.assignedElements({flatten:!0}).filter(e=>e instanceof Wu),"f"),He(this,Ou,"f").forEach((e,t)=>{u(e,"-first",0===t),u(e,"-last",t===He(this,Ou,"f").length-1)}),this.notifyItemsChange()},Ru.styles=t`: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, ${l.color.surface}); --m3e-list-item-disabled-container-color: var( --m3e-segmented-list-item-disabled-container-color, ${l.color.surface} ); --m3e-list-item-container-shape: var( --m3e-segmented-list-item-container-shape, ${l.shape.corner.extraSmall} ); --m3e-list-item-hover-container-shape: var( --m3e-segmented-list-item-hover-container-shape, ${l.shape.corner.medium} ); --m3e-list-item-focus-container-shape: var( --m3e-segmented-list-item-focus-container-shape, ${l.shape.corner.large} ); --m3e-list-item-selected-container-shape: var( --m3e-segmented-list-item-selected-container-shape, ${l.shape.corner.large} ); --m3e-list-item-video-shape: var(--m3e-segmented-list-item-video-shape, ${l.shape.corner.small}); --m3e-list-item-image-shape: var(--m3e-segmented-list-item-image-shape, ${l.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, ${l.shape.corner.large} ); } :host([variant="segmented"]) ::slotted(:state(-first)), :host([variant="segmented"]) ::slotted(:state(-has-previous-open):not([open])) { --_list-item-top-container-shape: var(--m3e-segmented-list-container-shape, ${l.shape.corner.large}); } :host([variant="segmented"]) ::slotted(:state(-has-next-open):not([open])), :host([variant="segmented"]) ::slotted(:state(-last)) { --_list-item-bottom-container-shape: var(--m3e-segmented-list-container-shape, ${l.shape.corner.large}); } :host([variant="segmented"]) ::slotted(m3e-divider) { display: none; } :host(:state(-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"]:state(-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(:state(-has-leading-image)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-image-width, 3.5rem); } :host(:state(-has-leading-avatar)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-avatar-size, 2.5rem); } :host(:state(-has-leading-icon)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-icon-size, 1.5rem); }`,We([nt({reflect:!0})],Ru.prototype,"variant",void 0),Ru=We([m("m3e-list")],Ru);let Yu=Xu=class extends Wu{constructor(){super(...arguments),Fu.add(this),Vu.set(this,Xu.__nextId++),Uu.set(this,`m3e-expandable-list-item-${He(this,Vu,"f")}-content`),Nu.set(this,`m3e-expandable-list-item-${He(this,Vu,"f")}-header`),ju.set(this,new Array),this.disabled=!1,this.open=!1}get items(){return He(this,ju,"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 Wu){u(e,"-has-next-open",this.open);break}for(let e=this.nextElementSibling;e;e=e.nextElementSibling)if(e instanceof Wu){u(e,"-has-previous-open",this.open);break}}}render(){return o`<div class="base"><m3e-list-item-button id="${He(this,Nu,"f")}" class="header" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${He(this,Uu,"f")}" @click="${He(this,Fu,"m",Ku)}"><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="${He(this,Uu,"f")}" class="items" role="list" aria-labelledby="${He(this,Nu,"f")}" ?open="${this.open}" @opening="${He(this,Fu,"m",Zu)}" @opened="${He(this,Fu,"m",Zu)}" @closing="${He(this,Fu,"m",Zu)}" @closed="${He(this,Fu,"m",Zu)}"><slot name="items" @slotchange="${He(this,Fu,"m",Gu)}"></slot></m3e-collapsible></div>`}};var Ju,Qu;Vu=new WeakMap,Uu=new WeakMap,Nu=new WeakMap,ju=new WeakMap,Fu=new WeakSet,Ku=function(e){e.defaultPrevented||(this.open=!this.open,this.closest("m3e-action-list")?.[xe].updateActiveItem(this.button))},Zu=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}))},Gu=function(e){Oe(this,ju,e.target.assignedElements({flatten:!0}).flatMap(e=>[...e.childNodes].filter(e=>e instanceof Wu)),"f"),He(this,ju,"f").forEach((e,t)=>{t==He(this,ju,"f").length-1?e.style.setProperty("--_list-item-bottom-container-shape",`var(--m3e-segmented-list-container-shape, ${l.shape.corner.large})`):e.style.removeProperty("--_list-item-bottom-container-shape")}),this.closest("m3e-list, m3e-action-list, m3e-selection-list")?.notifyItemsChange()},Yu.styles=t`:host { display: block; } .header { width: 100%; margin-bottom: 0px; transition: ${e(`margin-bottom \n        var(--m3e-expandable-list-item-bounce-duration, ${l.motion.duration.medium1})\n        ${l.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, ${l.shape.corner.full}); transition: ${e(`background-color ${l.motion.duration.short4} ${l.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: ${e(`transform ${l.motion.duration.short4} ${l.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, ${l.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, ${l.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; } }`,Yu.__nextId=0,We([nt({type:Boolean,reflect:!0})],Yu.prototype,"disabled",void 0),We([nt({type:Boolean,reflect:!0})],Yu.prototype,"open",void 0),We([dt(".header")],Yu.prototype,"button",void 0),Yu=Xu=We([m("m3e-expandable-list-item")],Yu);let ev=class extends Ru{constructor(){super(...arguments),Ju.set(this,e=>this[xe].onKeyDown(e)),this[Qu]=(new Ce).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");t instanceof Yu&&(e=t);break}}return!1})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",He(this,Ju,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,Ju,"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[xe].setItems(e.map(e=>e.button));this[xe].activeItem||this[xe].updateActiveItem(t.find(e=>!e.disabled))}};var tv,av;Ju=new WeakMap,Qu=xe,ev=We([m("m3e-action-list")],ev);let ov=class extends(T(Wu)){constructor(){super(...arguments),tv.add(this),this.disabled=!1}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}render(){return o`<m3e-list-item-button class="button" ?disabled="${this.disabled}" href="${cr(this.href||void 0)}" target="${cr(this.target||void 0)}" download="${cr(this.download||void 0)}" rel="${cr(this.rel||void 0)}" @click="${He(this,tv,"m",av)}"><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>`}};tv=new WeakSet,av=function(e){e.defaultPrevented||this.closest("m3e-action-list")?.[xe].updateActiveItem(this.button)},ov.styles=t`:host { display: block; } .button { width: 100%; }`,We([dt(".button")],ov.prototype,"button",void 0),We([nt({type:Boolean,reflect:!0})],ov.prototype,"disabled",void 0),ov=We([m("m3e-list-action")],ov);let iv=class extends(M(T(I(W(w(d(Wu,"button"),!0)))))){constructor(){super(),new H(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new O(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new Z(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 o`<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[D]()} ${super._renderBase()}</div>`}};var rv,sv,nv,lv,cv,dv;iv.styles=[Wu.styles,t`: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); }`],We([dt(".focus-ring")],iv.prototype,"_focusRing",void 0),We([dt(".state-layer")],iv.prototype,"_stateLayer",void 0),We([dt(".ripple")],iv.prototype,"_ripple",void 0),iv=We([m("m3e-list-item-button")],iv);let hv=class extends(M(I(te(W(w(d(Wu,"option"),!0)))))){constructor(){super(),rv.add(this),sv.set(this,void 0),nv.set(this,""),lv.set(this,e=>He(this,rv,"m",dv).call(this,e)),new H(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new O(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new Z(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("hover",e)})}get value(){return He(this,sv,"f")??He(this,nv,"f")}set value(e){Oe(this,sv,e,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,lv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,lv,"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")?.[xe].notifySelectionChange(this);for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}}render(){return o`<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="${He(this,rv,"m",cv)}"></slot><slot name="supporting-text"></slot></div><slot name="trailing" @slotchange="${this._handleTrailingSlotChange}"></slot><div class="indicator">${this.closest("m3e-selection-list")?.multi?o`<m3e-pseudo-checkbox ?checked="${this.selected}" ?disabled="${this.disabled}"></m3e-pseudo-checkbox>`:o`<m3e-pseudo-radio ?checked="${this.selected}" ?disabled="${this.disabled}"></m3e-pseudo-radio>`}</div></div>`}};var mv,pv,uv,vv,bv;sv=new WeakMap,nv=new WeakMap,lv=new WeakMap,rv=new WeakSet,cv=function(e){Oe(this,nv,Q(e.target),"f")},dv=function(e){const t=this.closest("m3e-selection-list");if(!e.defaultPrevented&&t&&(t.multi||!this.selected)){const e=this.selected;this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(t[xe].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=e}},hv.styles=[Wu.styles,t`: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(:state(-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, ${l.shape.corner.large}); } :host([selected]:not(:disabled)) .base { color: var(--m3e-list-item-selected-label-text-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-selected-overline-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-selected-supporting-text-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="leading"]) { color: var(--m3e-list-item-selected-leading-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: var(--m3e-list-item-selected-trailing-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) .base { background-color: var(--m3e-list-item-selected-container-color, ${l.color.secondaryContainer}); } :host([selected]:disabled) .base { background-color: color-mix( in srgb, var(--m3e-list-item-selected-disabled-container-color, ${l.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, ${l.color.onSurface} ); --m3e-state-layer-hover-opacity: var( --m3e-list-item-selected-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var( --m3e-list-item-selected-focus-state-layer-color, ${l.color.onSurface} ); --m3e-state-layer-focus-opacity: var( --m3e-list-item-selected-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity} ); } :host([selected]:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-selected-pressed-state-layer-color, ${l.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-selected-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity} ); } :host(:state(-hide-selection)) .indicator, :host(:not(:state(-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; } }`],We([dt(".focus-ring")],hv.prototype,"_focusRing",void 0),We([dt(".state-layer")],hv.prototype,"_stateLayer",void 0),We([dt(".ripple")],hv.prototype,"_ripple",void 0),We([nt()],hv.prototype,"value",null),hv=We([m("m3e-list-option")],hv);let fv=class extends(q(F(V(K(W(w(d(Ru,"listbox")))))))){constructor(){super(...arguments),mv.add(this),pv.set(this,e=>this[xe].onKeyDown(e)),uv.set(this,e=>He(this,mv,"m",vv).call(this,e)),this[bv]=(new we).withWrap().withHomeAndEnd().withVerticalOrientation(),this.multi=!1,this.hideSelectionIndicator=!1}get options(){return this[xe]?.items??[]}get selected(){return this[xe]?.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[(pv=new WeakMap,uv=new WeakMap,mv=new WeakSet,bv=xe,G)](){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",He(this,pv,"f")),this.addEventListener("change",He(this,uv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,pv,"f")),this.removeEventListener("change",He(this,uv,"f"))}update(e){super.update(e),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[xe].disabled=this.disabled),e.has("multi")&&(this[xe].multi=this.multi,this.multi?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"),this[xe].items.forEach(e=>e.requestUpdate())),e.has("hideSelectionIndicator")&&this[xe].items.forEach(e=>u(e,"-hide-selection",this.hideSelectionIndicator))}notifyItemsChange(){const{added:e}=this[xe].setItems(this.items.filter(e=>e instanceof hv));e.forEach(e=>u(e,"-hide-selection",this.hideSelectionIndicator)),this[xe].activeItem||this[xe].updateActiveItem(e.find(e=>!e.disabled))}};vv=function(e){e.target!==this&&(e.stopImmediatePropagation(),e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0})))},We([nt({type:Boolean})],fv.prototype,"multi",void 0),We([nt({attribute:"hide-selection-indicator",type:Boolean})],fv.prototype,"hideSelectionIndicator",void 0),fv=We([m("m3e-selection-list")],fv);const gv=e("var(--m3e-loading-indicator-size, 2.375rem)"),yv=e(`var(--m3e-loading-indicator-active-indicator-color, ${l.color.primary})`),$v=e(`var(--m3e-loading-indicator-contained-active-indicator-color, ${l.color.onPrimaryContainer})`),xv=e(`var(--m3e-loading-indicator-contained-container-color, ${l.color.secondaryContainer})`),wv=e(`var(--m3e-loading-indicator-container-shape, ${l.shape.corner.full})`),kv=e("var(--m3e-loading-indicator-container-size, 3rem)"),Cv={"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","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",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","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"};let Sv=new Array;const _v=new Map;for(const e in Cv)Sv.push(Cv[e]),_v.set(e,Sv.length-1);const Lv={};Sv=ne(Sv,300);for(const t of _v)Lv[t[0]]=e(Sv[t[1]]);const zv=Lv;let Ev=class extends(d(a,"progressbar")){constructor(){super(...arguments),this.variant="uncontained"}connectedCallback(){super.connectedCallback(),this.ariaValueMin=this.ariaValueMin||"0",this.ariaValueMax=this.ariaValueMax||"100"}disconnectedCallback(){super.disconnectedCallback(),this._activeIndicator?.classList.toggle("animate",!1)}firstUpdated(e){super.firstUpdated(e),this._activeIndicator?.classList.toggle("animate",!0)}render(){return o`<div class="container" aria-hidden="true"><div class="active-indicator"></div></div>`}};Ev.styles=t`:host { display: inline-block; aspect-ratio: 1 / 1; contain: strict; vertical-align: middle; content-visibility: auto; } :host([variant="uncontained"]) { width: ${gv}; } :host([variant="contained"]) { width: ${kv}; } :host([variant="uncontained"]) .active-indicator { background-color: ${yv}; } :host([variant="contained"]) .active-indicator { background-color: ${$v}; } :host([variant="contained"]) .container { background-color: ${xv}; } .container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: ${wv}; } .active-indicator { margin: auto; aspect-ratio: 1 / 1; width: calc(${gv} * 0.842); transform-origin: center; transition: clip-path ${l.motion.spring.slowEffects}; will-change: transform, clip-path; --_polygon-soft-burst: polygon(${zv["soft-burst"]}); --_polygon-7-sided-cookie: polygon(${zv["7-sided-cookie"]}); --_polygon-pentagon: polygon(${zv.pentagon}); --_polygon-pill: polygon(${zv.pill}); --_polygon-very-sunny: polygon(${zv["very-sunny"]}); --_polygon-4-sided-cookie: polygon(${zv["4-sided-cookie"]}); --_polygon-oval: polygon(${zv.oval}); } .active-indicator.animate { animation: rotate 4998ms infinite; } @keyframes rotate { 0% { clip-path: var(--_polygon-soft-burst); transform: rotate(0deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 14% { clip-path: var(--_polygon-7-sided-cookie); transform: rotate(154deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 29% { clip-path: var(--_polygon-pentagon); transform: rotate(309deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 43% { clip-path: var(--_polygon-pill); transform: rotate(463deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 57% { clip-path: var(--_polygon-very-sunny); transform: rotate(617deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 71% { clip-path: var(--_polygon-4-sided-cookie); transform: rotate(771deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 83% { clip-path: var(--_polygon-oval); transform: rotate(926deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 100% { clip-path: var(--_polygon-soft-burst); transform: rotate(1080deg); } } @media (forced-colors: active) { .active-indicator { background-color: CanvasText !important; } }`,We([dt(".active-indicator")],Ev.prototype,"_activeIndicator",void 0),We([nt({reflect:!0})],Ev.prototype,"variant",void 0),Ev=We([m("m3e-loading-indicator")],Ev);class Mv extends(M(I(w(W(a),!0)))){constructor(){super(),new H(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 o`<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>${J(this)?this[D]():i}<div class="wrapper">${this._renderContent()}</div></div>`}}Mv.styles=t`: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):not([aria-expanded="true"])) .base { color: var(--m3e-menu-item-color, ${l.color.onSurface}); } :host(:not([aria-expanded="true"])) .base { --m3e-state-layer-hover-color: var(--m3e-menu-item-container-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-menu-item-container-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-menu-item-ripple-color, ${l.color.onSurface}); } :host(:not(:disabled)[aria-expanded="true"]) .base { background-color: color-mix( in srgb, var(--m3e-menu-item-active-state-layer-color, ${l.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, ${l.color.onTertiaryContainer}); background-color: var(--m3e-menu-item-selected-container-color, ${l.color.tertiaryContainer}); } :host([checked]) .base { --m3e-state-layer-hover-color: var( --m3e-menu-item-selected-container-hover-color, ${l.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-menu-item-selected-container-focus-color, ${l.color.onTertiaryContainer} ); --m3e-ripple-color: var(--m3e-menu-item-selected-ripple-color, ${l.color.onTertiaryContainer}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-menu-item-disabled-color, ${l.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, ${l.shape.corner.extraSmall}); transition: ${e(`border-radius ${l.motion.spring.fastEffects}`)}; } :host([checked]:not(:state(-first))) .base { border-top-left-radius: var(--m3e-menu-item-selected-shape, ${l.shape.corner.medium}); border-top-right-radius: var(--m3e-menu-item-selected-shape, ${l.shape.corner.medium}); } :host([checked]:not(:state(-last))) .base { border-bottom-left-radius: var(--m3e-menu-item-selected-shape, ${l.shape.corner.medium}); border-bottom-right-radius: var(--m3e-menu-item-selected-shape, ${l.shape.corner.medium}); } :host(:state(-first)) .base { border-top-left-radius: var(--m3e-menu-item-first-child-shape, ${l.shape.corner.medium}); border-top-right-radius: var(--m3e-menu-item-first-child-shape, ${l.shape.corner.medium}); } :host(:state(-last)) .base { border-bottom-left-radius: var(--m3e-menu-item-last-child-shape, ${l.shape.corner.medium}); border-bottom-right-radius: var(--m3e-menu-item-last-child-shape, ${l.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, ${l.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-menu-item-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-menu-item-label-text-line-height, ${l.typescale.standard.label.large.lineHeight} ); letter-spacing: var(--m3e-menu-item-label-text-tracking, ${l.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; } }`,We([dt(".focus-ring")],Mv.prototype,"_focusRing",void 0),We([dt(".state-layer")],Mv.prototype,"_stateLayer",void 0),We([dt(".ripple")],Mv.prototype,"_ripple",void 0);let Tv=class extends(c($)){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&&ye(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&&$e(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 Pv,Iv,Av,Wv,Hv,Ov,Dv,Bv,qv,Rv,Fv,Vv;Tv=We([m("m3e-menu-trigger")],Tv);let Uv=Vv=class extends(T(d(Mv,"menuitem"))){constructor(){super(),Pv.add(this),Iv.set(this,e=>He(this,Pv,"m",qv).call(this,e)),Av.set(this,e=>He(this,Pv,"m",Rv).call(this,e)),Wv.set(this,()=>He(this,Pv,"m",Fv).call(this)),this._hasSubmenu=!1,Hv.set(this,void 0),new Z(this,{startDelay:500,endDelay:500,callback:e=>{e&&!this.disabled&&He(this,Hv,"f")&&He(this,Hv,"f").menu?.show(this)}})}get submenu(){return He(this,Hv,"f")?.menu??null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,Iv,"f")),this.addEventListener("keydown",He(this,Av,"f")),this.addEventListener("mouseenter",He(this,Wv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,Iv,"f")),this.removeEventListener("keydown",He(this,Av,"f")),this.removeEventListener("mouseenter",He(this,Wv,"f"))}_renderContent(){return o`<slot name="icon" aria-hidden="true" @slotchange="${He(this,Pv,"m",Dv)}"></slot><span class="content"><slot @slotchange="${He(this,Pv,"m",Ov)}"></slot></span>${this._hasSubmenu?"ltr"===Le.current?o`<svg class="trailing-icon" aria-hidden="true" viewBox="0 -960 960 960" fill="currentColor"><path d="M400-280v-400l200 200-200 200Z"/></svg>`:o`<svg class="trailing-icon" aria-hidden="true" viewBox="0 -960 960 960" fill="currentColor"><path d="M560-280 360-480l200-200v400Z"/></svg>`:o`<slot name="trailing-icon" aria-hidden="true" @slotchange="${He(this,Pv,"m",Bv)}"></slot>`}`}};var Nv,jv,Kv,Zv,Gv,Xv,Yv,Jv,Qv,eb,tb,ab,ob,ib,rb,sb;Iv=new WeakMap,Av=new WeakMap,Wv=new WeakMap,Hv=new WeakMap,Pv=new WeakSet,Ov=function(e){Oe(this,Hv,e.target.assignedElements({flatten:!0}).find(e=>e instanceof Tv),"f"),this._hasSubmenu=void 0!==He(this,Hv,"f")},Dv=function(e){u(this,"-with-icon",p(e.target))},Bv=function(e){u(this,"-with-trailing-icon",p(e.target))},qv=function(e){e.defaultPrevented||this._hasSubmenu||this.menu?.hideAll(!0)},Rv=function(e){if(!e.defaultPrevented&&!this.disabled)switch(e.key){case"Right":case"ArrowRight":"ltr"===Le.current&&(e.preventDefault(),this.submenu?.show(this));break;case"Left":case"ArrowLeft":"rtl"===Le.current&&(e.preventDefault(),this.submenu?.show(this))}},Fv=function(){this.menu?.items.forEach(e=>{e instanceof Vv&&e!==this&&e.submenu?.isOpen&&e.submenu.hide()})},We([lt()],Uv.prototype,"_hasSubmenu",void 0),Uv=Vv=We([m("m3e-menu-item")],Uv);let nb=sb=class extends(w(d(a,"menu"))){constructor(){super(...arguments),Nv.add(this),jv.set(this,void 0),Kv.set(this,void 0),Zv.set(this,(new Ce).withWrap().withHomeAndEnd().withVerticalOrientation()),Gv.set(this,e=>He(this,Nv,"m",tb).call(this,e)),Xv.set(this,()=>He(this,Nv,"m",ab).call(this)),Yv.set(this,e=>He(this,Nv,"m",ob).call(this,e)),Jv.set(this,new ae(this,{target:null,callback:e=>e instanceof sb?e.items.filter(e=>e instanceof Uv).forEach(e=>e.submenu?.hide()):this.hideAll()})),Qv.set(this,e=>{"closed"===e.newState?(He(this,Kv,"f")?.call(this),Oe(this,Kv,void 0,"f")):setTimeout(()=>{He(this,Zv,"f").setActiveItem(He(this,Zv,"f").items.find(e=>!e.disabled))},40)}),this.positionX="after",this.positionY="below",this.variant="standard",this.submenu=!1}get items(){return He(this,Zv,"f").items}get isOpen(){return void 0!==He(this,jv,"f")}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,y(this,"-no-animate"),this.setAttribute("popover","manual"),this.addEventListener("keydown",He(this,Gv,"f")),this.addEventListener("mouseenter",He(this,Xv,"f")),this.addEventListener("toggle",He(this,Qv,"f")),document.addEventListener("click",He(this,Yv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,Gv,"f")),this.removeEventListener("mouseenter",He(this,Xv,"f")),this.removeEventListener("toggle",He(this,Qv,"f")),document.removeEventListener("click",He(this,Yv,"f")),He(this,Nv,"m",rb).call(this)}async show(e){He(this,jv,"f")&&He(this,jv,"f")!==e&&this.hide();let t=this.positionX;"rtl"===Le.current&&(t="before"===t?"after":"before"),Oe(this,Kv,await ze(this,e,{position:this.submenu?"before"===t?"left-start":"right-start":"above"===this.positionY?"before"===t?"top-end":"top-start":"before"===t?"bottom-end":"bottom-start",inline:!0,flip:!0,shift:!0,offset:this.submenu?void 0:4},(e,t,a)=>{if(this.submenu){if(He(this,jv,"f")){const e=He(this,Nv,"m",ib).call(this,He(this,jv,"f")).y;u(this,"-shift-down",!1),u(this,"-shift-up",!1),u(this,Math.round(t)===Math.round(e)?"-shift-down":"-shift-up",!0)}}else u(this,"-top",a.includes("top")),u(this,"-bottom",a.includes("bottom"));"rtl"===Le.current?this.style.right=window.innerWidth-e-this.clientWidth+"px":this.style.left=`${e}px`,this.style.top=`${t}px`}),"f");const a=e.closest("m3e-menu");a?this.variant=a.variant:this._activate(),this.showPopover(),Oe(this,jv,e,"f"),He(this,jv,"f").ariaExpanded="true",He(this,Jv,"f").observe(He(this,jv,"f"))}hide(e=!1){for(const e of He(this,Zv,"f").items){const t=e.submenu;t&&t.isOpen&&t.hide()}He(this,Nv,"m",rb).call(this),this.hidePopover(),He(this,jv,"f")&&(He(this,jv,"f").ariaExpanded="false",e&&He(this,jv,"f").focus(),He(this,Jv,"f").unobserve(He(this,jv,"f")),Oe(this,jv,void 0,"f"))}hideAll(e=!1){let t=this;for(;He(t,jv,"f");){const e=He(t,jv,"f").closest("m3e-menu");if(!e)break;t=e}t.hide(e)}async toggle(e){He(this,jv,"f")?this.hide():await this.show(e)}render(){return o`<div class="base"><slot @slotchange="${He(this,Nv,"m",eb)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),requestAnimationFrame(()=>g(this,"-no-animate"))}_activate(){this!==sb.__activeMenu&&(sb.__activeMenu&&g(sb.__activeMenu,"-active"),sb.__activeMenu=this,y(sb.__activeMenu,"-active"))}};var lb,cb,db,hb,mb,pb,ub,vb,bb,fb,gb,yb;jv=new WeakMap,Kv=new WeakMap,Zv=new WeakMap,Gv=new WeakMap,Xv=new WeakMap,Yv=new WeakMap,Jv=new WeakMap,Qv=new WeakMap,Nv=new WeakSet,eb=function(){const{added:e}=He(this,Zv,"f").setItems([...this.querySelectorAll("m3e-menu-item,m3e-menu-item-checkbox,m3e-menu-item-radio")].filter(e=>e.closest("m3e-menu")===this));He(this,Zv,"f").activeItem||He(this,Zv,"f").updateActiveItem(e.find(e=>!e.disabled)),He(this,Zv,"f").items.forEach((e,t)=>{u(e,"-first",0===t&&!e.previousElementSibling),u(e,"-last",t===He(this,Zv,"f").items.length-1)})},tb=function(e){switch(e.key){case"Right":case"ArrowRight":"rtl"===Le.current?(e.preventDefault(),this.hide(!0)):He(this,Zv,"f").onKeyDown(e);break;case"Left":case"ArrowLeft":"ltr"===Le.current?(e.preventDefault(),this.hide(!0)):He(this,Zv,"f").onKeyDown(e);break;case"Tab":this.hideAll();break;case"Escape":e.shiftKey||e.ctrlKey||this.hide(!0);break;default:He(this,Zv,"f").onKeyDown(e)}},ab=function(){this._activate()},ob=function(e){this.submenu||e.composedPath().some(e=>e instanceof sb||e===He(this,jv,"f"))||this.hide()},ib=function(e){let t=0,a=0;for(let o=e;o;o=o.offsetParent instanceof HTMLElement?o.offsetParent:null)t+=o.offsetLeft-o.scrollLeft+o.clientLeft,a+=o.offsetTop-o.scrollTop+o.clientTop;return{x:t,y:a}},rb=function(){this===sb.__activeMenu&&(g(sb.__activeMenu,"-active"),sb.__activeMenu=void 0)},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-menu > m3e-divider { margin-block: var(--m3e-menu-divider-spacing, 0.5rem); }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),nb.styles=t`:host { position: absolute; padding: unset; margin: unset; border: unset; overflow-y: auto; overflow-x: visible; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.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, ${l.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(:state(-active))) { border-radius: var(--m3e-menu-container-shape, ${l.shape.corner.small}); } :host(:not(:state(-active))) .base { --m3e-menu-item-first-child-shape: ${l.shape.corner.extraSmall}; --m3e-menu-item-last-child-shape: ${l.shape.corner.extraSmall}; } :host(:state(-active)) { border-radius: var(--m3e-menu-active-container-shape, ${l.shape.corner.large}); } :host(:not(:state(-no-animate))) { transition: ${e(`opacity ${l.motion.duration.short2} ${l.motion.easing.standard}, \n        transform ${l.motion.duration.short2} ${l.motion.easing.standard},\n        overlay ${l.motion.duration.short2} ${l.motion.easing.standard} allow-discrete,\n        display ${l.motion.duration.short2} ${l.motion.easing.standard} allow-discrete,\n        border-radius ${l.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(:state(-bottom)) { transform-origin: top; } :host(:state(-top)) { transform-origin: bottom; } :host(:state(-shift-down)) { margin-top: calc(0px - var(--m3e-menu-container-padding-block, 0.25rem)); } :host(:state(-shift-up)) { margin-top: var(--m3e-menu-container-padding-block, 0.25rem); } :host([variant="vibrant"]) { background-color: var(--m3e-vibrant-menu-container-color, ${l.color.tertiaryContainer}); --m3e-menu-item-color: var(--m3e-vibrant-menu-item-color, ${l.color.onTertiaryContainer}); --m3e-menu-item-container-hover-color: var( --m3e-vibrant-menu-item-container-hover-color, ${l.color.onTertiaryContainer} ); --m3e-menu-item-container-focus-color: var( --m3e-vibrant-menu-item-container-focus-color, ${l.color.onTertiaryContainer} ); --m3e-menu-item-ripple-color: var(--m3e-vibrant-menu-item-ripple-color, ${l.color.onTertiaryContainer}); --m3e-menu-item-active-state-layer-color: var( --m3e-vibrant-menu-item-active-state-layer-color, ${l.color.onTertiaryContainer} ); --m3e-menu-item-selected-color: var(--m3e-vibrant-menu-item-selected-color, ${l.color.onTertiary}); --m3e-menu-item-selected-container-color: var( --m3e-vibrant-menu-item-selected-container-color, ${l.color.tertiary} ); --m3e-menu-item-selected-container-hover-color: var( --m3e-vibrant-menu-item-selected-container-hover-color, ${l.color.onTertiary} ); --m3e-menu-item-container-selected-focus-color: var( --m3e-vibrant-menu-item-selected-container-focus-color, ${l.color.onTertiary} ); --m3e-menu-item-selected-ripple-color: var( --m3e-vibrant-menu-item-selected-ripple-color, ${l.color.onTertiary} ); --m3e-menu-item-disabled-color: var( --m3e-vibrant-menu-item-disabled-color, ${l.color.onTertiaryContainer} ); } :host([variant="standard"]) { background-color: var(--m3e-menu-container-color, ${l.color.surfaceContainer}); } @starting-style { :host(:popover-open) { opacity: 0; } :host(:not([submenu]):popover-open) { transform: scaleY(0.8); } } @media (prefers-reduced-motion) { :host(:not(:state(-no-animate))) { transition: none; } } @media (forced-colors: active) { :host { background-color: Menu; color: MenuText; outline: 1px solid MenuText; } }`,We([nt({attribute:"position-x"})],nb.prototype,"positionX",void 0),We([nt({attribute:"position-y"})],nb.prototype,"positionY",void 0),We([nt({reflect:!0})],nb.prototype,"variant",void 0),We([nt({type:Boolean,reflect:!0})],nb.prototype,"submenu",void 0),nb=sb=We([m("m3e-menu")],nb);let $b=class extends(le(d(Mv,"menuitemcheckbox"))){constructor(){super(...arguments),lb.add(this),cb.set(this,e=>He(this,lb,"m",bb).call(this,e)),db.set(this,e=>He(this,lb,"m",fb).call(this,e)),hb.set(this,()=>He(this,lb,"m",gb).call(this)),mb.set(this,()=>He(this,lb,"m",yb).call(this)),pb.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,cb,"f")),this.addEventListener("keydown",He(this,db,"f")),this.addEventListener("keyup",He(this,hb,"f")),this.addEventListener("mouseenter",He(this,mb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,cb,"f")),this.removeEventListener("keydown",He(this,db,"f")),this.removeEventListener("keyup",He(this,hb,"f")),this.removeEventListener("mouseenter",He(this,mb,"f"))}_renderContent(){return o`<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="${He(this,lb,"m",ub)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${He(this,lb,"m",vb)}"></slot>`}};cb=new WeakMap,db=new WeakMap,hb=new WeakMap,mb=new WeakMap,pb=new WeakMap,lb=new WeakSet,ub=function(e){u(this,"-with-icon",p(e.target))},vb=function(e){u(this,"-with-trailing-icon",p(e.target))},bb=function(e){e.defaultPrevented||(this.checked=!this.checked,this.performUpdate(),He(this,pb,"f")||(v()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},fb=function(e){Oe(this,pb," "===e.key,"f")},gb=function(){Oe(this,pb,!1,"f")},yb=function(){this.menu?.items.forEach(e=>{e instanceof Uv&&e.submenu?.isOpen&&e.submenu.hide()})},$b.styles=[Mv.styles,t`.icon { display: flex; align-items: center; justify-content: center; transition: margin-inline-start ${l.motion.spring.fastEffects}; } :host(:not(:state(-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; } }`],$b=We([m("m3e-menu-item-checkbox")],$b);let xb=class extends(d(a,"group")){render(){return o`<slot></slot>`}};var wb,kb,Cb,Sb,_b,Lb,zb,Eb,Mb,Tb,Pb,Ib;xb.styles=t`:host { display: contents; }`,xb=We([m("m3e-menu-item-group")],xb);let Ab=class extends(le(d(Mv,"menuitemradio"))){constructor(){super(...arguments),wb.add(this),kb.set(this,e=>He(this,wb,"m",Mb).call(this,e)),Cb.set(this,e=>He(this,wb,"m",Tb).call(this,e)),Sb.set(this,()=>He(this,wb,"m",Pb).call(this)),_b.set(this,()=>He(this,wb,"m",Ib).call(this)),Lb.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,kb,"f")),this.addEventListener("keydown",He(this,Cb,"f")),this.addEventListener("keyup",He(this,Sb,"f")),this.addEventListener("mouseenter",He(this,_b,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,kb,"f")),this.removeEventListener("keydown",He(this,Cb,"f")),this.removeEventListener("keyup",He(this,Sb,"f")),this.removeEventListener("mouseenter",He(this,_b,"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 o`<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="${He(this,wb,"m",zb)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${He(this,wb,"m",Eb)}"></slot>`}};var Wb,Hb,Ob,Db,Bb;kb=new WeakMap,Cb=new WeakMap,Sb=new WeakMap,_b=new WeakMap,Lb=new WeakMap,wb=new WeakSet,zb=function(e){u(this,"-with-icon",p(e.target))},Eb=function(e){u(this,"-with-trailing-icon",p(e.target))},Mb=function(e){e.defaultPrevented||(this.checked=!0,this.performUpdate(),He(this,Lb,"f")||(v()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},Tb=function(e){Oe(this,Lb," "===e.key,"f")},Pb=function(){Oe(this,Lb,!1,"f")},Ib=function(){this.menu?.items.forEach(e=>{e instanceof Uv&&e.submenu?.isOpen&&e.submenu.hide()})},Ab.styles=$b.styles,Ab=We([m("m3e-menu-item-radio")],Ab);let qb=class extends(w(d(a,"navigation"))){constructor(){super(...arguments),Wb.add(this),this[Bb]=(new we).disableRovingTabIndex(),Hb.set(this,void 0),this.mode="compact"}get items(){return this[xe].items}get selected(){return this[xe].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,He(this,Hb,"f")?.call(this)}update(e){super.update(e),e.has("mode")&&(He(this,Hb,"f")?.call(this),"auto"===this.mode?Oe(this,Hb,Ee.observe([Me.XSmall,Me.Small],e=>{this._mode=e.get(Me.XSmall)||e.get(Me.Small)?"compact":"expanded",this._updateItems()}),"f"):(this._mode=void 0,this._updateItems())),e.has("_mode")&&this._updateItems()}render(){return o`<div class="base"><slot @change="${He(this,Wb,"m",Db)}" @slotchange="${He(this,Wb,"m",Ob)}"></slot></div>`}_updateItems(){const e="compact"===this.currentMode?"vertical":"horizontal";this._updateOrientation(e),u(this,"-compact","vertical"===e)}_updateOrientation(e){this[xe].items.forEach(t=>t.orientation=e)}};var Rb,Fb,Vb;Hb=new WeakMap,Wb=new WeakSet,Bb=xe,Ob=function(){this[xe].setItems([...this.querySelectorAll("m3e-nav-item")]),this._updateItems()},Db=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},qb.styles=t`:host { display: block; overflow-x: auto; overflow-y: hidden; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.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, ${l.color.surfaceContainer}); --_nav-item-min-width: var(--m3e-nav-bar-vertical-item-width, 7rem); }`,We([lt()],qb.prototype,"_mode",void 0),We([nt({reflect:!0})],qb.prototype,"mode",void 0),qb=We([m("m3e-nav-bar")],qb);let Ub=class extends(T(te(M(I(A(W(w(d(a,"button"),!0)))))))){constructor(){super(...arguments),Rb.add(this),Fb.set(this,e=>He(this,Rb,"m",Vb).call(this,e)),this.orientation="vertical"}get navBar(){return this.closest("m3e-nav-bar")??this.closest("m3e-nav-rail")??null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,Fb,"f"),{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,Fb,"f"),{capture:!0})}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?.[xe].notifySelectionChange(this)}}updated(e){super.updated(e),e.has("orientation")&&this._focusRing?.attach(this)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){const e=this.disabled||this.disabledInteractive;return o`${"vertical"===this.orientation?o`<m3e-focus-ring class="focus-ring" inward></m3e-focus-ring>`:i}<div class="outer">${this[D]()}<div class="inner">${"horizontal"===this.orientation?o`<m3e-focus-ring class="focus-ring"></m3e-focus-ring>`:i}<m3e-state-layer class="state-layer" ?disabled="${e}"></m3e-state-layer><m3e-ripple class="ripple" centered ?disabled="${e}"></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" aria-hidden="true"></slot></div></div><div class="label"><slot></slot></div></div></div></div>`}};var Nb,jb,Kb,Zb,Gb,Xb,Yb,Jb,Qb,ef,tf,af;Fb=new WeakMap,Rb=new WeakSet,Vb=function(e){e.defaultPrevented||(this.selected=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.navBar?.[xe].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=!1)},Ub.styles=t`: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, ${l.typescale.standard.label.medium.fontSize}); font-weight: var( --m3e-nav-item-label-text-font-weight, ${l.typescale.standard.label.medium.fontWeight} ); line-height: var( --m3e-nav-item-label-text-line-height, ${l.typescale.standard.label.medium.lineHeight} ); letter-spacing: var(--m3e-nav-item-label-text-tracking, ${l.typescale.standard.label.medium.tracking}); border-radius: var(--m3e-nav-item-shape, ${l.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%; } .icon { position: absolute; } .label { vertical-align: middle; } ::slotted([slot="icon"]), ::slotted([slot="selected-icon"]) { width: 1em; font-size: var(--m3e-nav-item-icon-size, 1.5rem) !important; } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .outer { --m3e-state-layer-hover-color: var( --m3e-nav-item-inactive-hover-state-layer-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-nav-item-inactive-focus-state-layer-color, ${l.color.onSecondaryContainer} ); --m3e-ripple-color: var( --m3e-nav-item-inactive-pressed-state-layer-color, ${l.color.onSecondaryContainer} ); } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .label { color: var(--m3e-nav-item-inactive-label-text-color, ${l.color.onSurfaceVariant}); } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: var(--m3e-nav-item-inactive-icon-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled):not([disabled-interactive])) .outer { --m3e-state-layer-hover-color: var( --m3e-nav-item-active-hover-state-layer-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-nav-item-active-focus-state-layer-color, ${l.color.onSecondaryContainer} ); --m3e-ripple-color: var( --m3e-nav-item-active-pressed-state-layer-color, ${l.color.onSecondaryContainer} ); } :host([selected]:not(:disabled):not([disabled-interactive])) .label { color: var(--m3e-nav-item-active-label-text-color, ${l.color.secondary}); } :host([selected]:not(:disabled):not([disabled-interactive])) .state-layer { background-color: var(--m3e-nav-item-active-container-color, ${l.color.secondaryContainer}); } :host([selected]:not(:disabled):not([disabled-interactive])) .icon { color: var(--m3e-nav-item-active-icon-color, ${l.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="vertical"]) .base { margin-block: 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([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, ${l.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"]) .inner { height: var(--m3e-horizontal-nav-item-active-indicator-height, 2.5rem); width: fit-content; } .state-layer, .ripple { margin-inline: auto; } :host(:disabled) .label, :host([disabled-interactive]) .label { color: color-mix( in srgb, var(--m3e-nav-item-disabled-label-text-color, ${l.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, ${l.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 (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; } }`,We([dt(".focus-ring")],Ub.prototype,"_focusRing",void 0),We([dt(".state-layer")],Ub.prototype,"_stateLayer",void 0),We([dt(".ripple")],Ub.prototype,"_ripple",void 0),We([nt({reflect:!0})],Ub.prototype,"orientation",void 0),Ub=We([m("m3e-nav-item")],Ub);let of=af=class extends(te(W(x(w(d(a,"treeitem"),!0),"opening","opened","closing","closed")))){constructor(){super(...arguments),Nb.add(this),this._hasChildItems=!1,jb.set(this,[]),Kb.set(this,null),Zb.set(this,new Array),Gb.set(this,null),this.open=!1}get link(){return He(this,Gb,"f")}get label(){return this._base??null}get visible(){return!He(this,Zb,"f").some(e=>!e.open)}get path(){return[...He(this,Zb,"f"),this]}get hasChildItems(){return this._hasChildItems}get parentItem(){return He(this,Zb,"f")[He(this,Zb,"f").length-1]??null}get childItems(){return He(this,jb,"f")}get level(){return He(this,Zb,"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(),He(this,Zb,"f").length=0;for(let e=this.parentElement?.closest("m3e-nav-menu-item");e;e=e.parentElement?.closest("m3e-nav-menu-item"))He(this,Zb,"f").push(e);He(this,Zb,"f").reverse(),this.style.setProperty("--_nav-menu-item-level",`${this.level}`),Oe(this,Kb,this.closest("m3e-nav-menu"),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,Zb,"f").length=0}update(e){if(super.update(e),e.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);He(this,Zb,"f").forEach(e=>e.selected=this.selected),this.selected&&!this.hasChildItems&&this.closest("m3e-nav-menu")?.[xe].notifySelectionChange(this)}(e.has("open")||e.has("_hasChildItems"))&&(this.ariaExpanded=this._hasChildItems?`${this.open}`:null),(e.has("_hasChildItems")&&this.disabled||e.has("disabled"))&&He(this,jb,"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 o`<div class="base" @click="${He(this,Nb,"m",ef)}"><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">${He(this,Nb,"m",Xb).call(this)}</div><div class="label"><slot name="label" @slotchange="${He(this,Nb,"m",Jb)}"></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="${cr(this._hasChildItems?void 0:"true")}" ?open="${this._hasChildItems&&this.open}" @opening="${He(this,Nb,"m",tf)}" @opened="${He(this,Nb,"m",tf)}" @closing="${He(this,Nb,"m",tf)}" @closed="${He(this,Nb,"m",tf)}"><slot @slotchange="${He(this,Nb,"m",Qb)}"></slot></m3e-collapsible>`}};var rf,sf,nf,lf,cf,df,hf,mf,pf,uf,vf,bf,ff,gf,yf;jb=new WeakMap,Kb=new WeakMap,Zb=new WeakMap,Gb=new WeakMap,Nb=new WeakSet,Xb=function(){const e=o`<slot name="icon" @slotchange="${He(this,Nb,"m",Yb)}"></slot>`;return this.selected&&!this.hasChildItems?o`<slot name="selected-icon" @slotchange="${He(this,Nb,"m",Yb)}">${e}</slot>`:e},Yb=function(e){u(this,"-with-icon",p(e.target))},Jb=function(e){Oe(this,Gb,e.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLAnchorElement)??null,"f"),He(this,Gb,"f")?.setAttribute("tabindex","-1")},Qb=function(e){Oe(this,jb,e.target.assignedElements({flatten:!0}).filter(e=>e instanceof af),"f");const t=this._hasChildItems;this._hasChildItems=He(this,jb,"f").length>0,u(this,"-with-items",this._hasChildItems),(t||this._hasChildItems)&&(this.selected=He(this,jb,"f").some(e=>e.selected))},ef=function(){if(!this.disabled)if(He(this,Kb,"f")?.[xe].setActiveItem(this),this._hasChildItems)this.toggle();else{He(this,Kb,"f")?.[xe].select(this),He(this,Zb,"f").forEach(e=>e.selected=this.selected),He(this,Gb,"f")?.click();const e=this.closest("m3e-drawer-container");if(e){const t=this.closest("[slot='start']")??this.closest("[slot='end']");t&&(L(e,`-${t.slot}-push`)||L(e,`-${t.slot}-over`))&&setTimeout(()=>{e.removeAttribute(t.slot),e.dispatchEvent(new Event("change",{bubbles:!0}))},300)}}},tf=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`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); }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),of.styles=t`: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) + ${l.density.calc(-3)}); column-gap: var(--m3e-nav-menu-item-spacing, 0.75rem); font-size: var(--m3e-nav-menu-item-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-nav-menu-item-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-nav-menu-item-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-nav-menu-item-tracking, ${l.typescale.standard.label.large.tracking}); transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard},\n        background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .base, .focus-ring { border-radius: var(--m3e-nav-menu-item-shape, ${l.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, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-nav-menu-item-badge-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-nav-menu-item-badge-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-nav-menu-item-badge-tracking, ${l.typescale.standard.label.large.tracking}); } .toggle { transition: ${e(`transform var(--m3e-collapsible-animation-duration, ${l.motion.duration.medium1})\n        ${l.motion.easing.standard}`)}; } :host(:not(:state(-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(:state(-with-items))) .toggle, :host(:not(:state(-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, ${l.color.onSurfaceVariant}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-nav-menu-item-disabled-color, ${l.color.onSurface}) var(--m3e-nav-menu-item-disabled-color-opacity, 38%), transparent ); } :host([selected]:not(:state(-with-items)):not(:disabled)) .base { color: var(--m3e-nav-menu-item-selected-label-color, ${l.color.onSecondaryContainer}); background-color: var(--m3e-nav-menu-item-selected-container-color, ${l.color.secondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-selected-container-focus-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-selected-container-hover-color, ${l.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-nav-menu-item-selected-ripple-color, ${l.color.onSecondaryContainer}); } :host(:not([selected]):not(:state(-with-items)):not(:disabled)) .base { --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-unselected-container-focus-color, ${l.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-unselected-container-hover-color, ${l.color.onSurface} ); --m3e-ripple-color: var(--m3e-nav-menu-item-unselected-ripple-color, ${l.color.onSurface}); } .state-layer { margin-inline: auto; } :host([selected]:state(-with-items):not(:disabled)) .base { background-color: var(--m3e-nav-menu-item-open-container-color, ${l.color.surfaceContainerHighest}); --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-open-container-focus-color, ${l.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-open-container-hover-color, ${l.color.onSurface} ); --m3e-ripple-color: var(--m3e-nav-menu-item-open-ripple-color, ${l.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([selected]):not(:disabled)) .base { color: ButtonText; } :host([selected]:not(:state(-with-items)):not(:disabled)) .base { forced-color-adjust: none; color: ButtonFace; background-color: ButtonText; } :host([selected]:state(-with-items):not(:disabled)) .base { background-color: unset; color: ButtonText; } }`,We([dt(".state-layer")],of.prototype,"stateLayer",void 0),We([dt(".focus-ring")],of.prototype,"focusRing",void 0),We([dt(".ripple")],of.prototype,"ripple",void 0),We([dt(".base")],of.prototype,"_base",void 0),We([lt()],of.prototype,"_hasChildItems",void 0),We([nt({type:Boolean,reflect:!0})],of.prototype,"open",void 0),of=af=We([m("m3e-nav-menu-item")],of);let $f=yf=class extends(d(a,"tree")){constructor(){super(),rf.add(this),sf.set(this,!1),nf.set(this,!1),this[gf]=(new we).withVerticalOrientation().withHomeAndEnd().withTypeahead().withSkipPredicate(e=>e.disabled||!e.visible).disableRovingTabIndex().onActiveItemChange(()=>{this[xe].activeItem&&He(this,rf,"m",vf).call(this,this[xe].activeItem)}).onSelectedItemsChange(()=>{const e=this.selected;for(const t of this.items)t!==e&&He(this,rf,"m",ff).call(this,t,!1,!1);e?.label&&b(e.label,this,{block:"start",behavior:"smooth"})}),lf.set(this,e=>He(this,rf,"m",mf).call(this,e)),cf.set(this,e=>He(this,rf,"m",pf).call(this,e)),df.set(this,e=>He(this,rf,"m",uf).call(this,e)),new O(this,{callback:e=>Oe(this,nf,e,"f")}),new H(this,{callback:()=>{He(this,nf,"f")||He(this,rf,"m",bf).call(this)}})}get selected(){return this[xe].selectedItems[0]??null}get items(){return this[xe].items}expand(e){(e??this[xe].items).forEach(e=>e.expand())}collapse(e){(e??this[xe].items).forEach(e=>e.collapse());const t=this[xe].activeItem;if(t&&!t.visible)for(let e=t.parentItem;e;e=e.parentItem)if(e.visible){this[xe].setActiveItem(e);break}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.addEventListener("keydown",He(this,lf,"f")),this.addEventListener("keyup",He(this,cf,"f")),this.addEventListener("pointerdown",He(this,df,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,lf,"f")),this.removeEventListener("keyup",He(this,cf,"f")),this.removeEventListener("pointerdown",He(this,df,"f"))}render(){return o`<div class="base"><slot @slotchange="${He(this,rf,"m",hf)}"></slot></div>`}};var xf,wf,kf,Cf,Sf;sf=new WeakMap,nf=new WeakMap,lf=new WeakMap,cf=new WeakMap,df=new WeakMap,rf=new WeakSet,gf=xe,hf=function(){for(const e of this.querySelectorAll("m3e-divider"))e.ariaHidden="true";const{added:e}=this[xe].setItems([...this.querySelectorAll("m3e-nav-menu-item")]);for(const t of e)t.id=t.id||"m3e-nav-menu-item-"+yf.__nextId++;this[xe].activeItem?(this.setAttribute("aria-activedescendant",this[xe].activeItem.id),He(this,rf,"m",bf).call(this)):this.removeAttribute("aria-activedescendant")},mf=function(e){Oe(this,sf,!1,"f"),He(this,rf,"m",bf).call(this);const t=this[xe].activeItem;if(!e.defaultPrevented&&t&&!t.disabled)switch(e.key){case"Enter":case" ":e.preventDefault()," "===e.key&&t.ripple&&!t.ripple.visible&&t.ripple.show(0,0,!0),t.hasChildItems?requestAnimationFrame(()=>t.toggle()):t.selected||(this[xe].select(t),t.link?.click());break;case"*":e.preventDefault(),t.expand(!0);break;case"Left":case"ArrowLeft":if(e.preventDefault(),"ltr"===Le.current)if(t.hasChildItems&&t.open)requestAnimationFrame(()=>t.collapse());else{const e=t.parentItem;e&&requestAnimationFrame(()=>{e.collapse(),this[xe].setActiveItem(e)})}else t.hasChildItems&&!t.open&&t.expand();break;case"Right":case"ArrowRight":if(e.preventDefault(),"rtl"===Le.current)if(t.hasChildItems&&t.open)requestAnimationFrame(()=>t.collapse());else{const e=t.parentItem;e&&requestAnimationFrame(()=>{e.collapse(),this[xe].setActiveItem(e)})}else t.hasChildItems&&!t.open&&t.expand();break;default:this[xe].onKeyDown(e)}},pf=function(e){const t=this[xe].activeItem;e.defaultPrevented||!t||t.disabled||" "!==e.key||t.ripple?.hide()},uf=function(e){if(!e.defaultPrevented&&!He(this,sf,"f")){Oe(this,sf,!0,"f");const t=e.composedPath().reverse().find(e=>e instanceof of);t&&!t.disabled&&He(this,rf,"m",ff).call(this,t,!0,!1)}},vf=function(e){this.setAttribute("aria-activedescendant",e.id),e.label&&b(e.label,this,{block:"nearest",behavior:"smooth"}),He(this,rf,"m",bf).call(this)},bf=function(){const e=this.matches(":focus")||this.matches(":focus-within"),t=!He(this,sf,"f")&&this.matches(":focus-visible");this[xe].items.forEach(a=>{const o=a===this[xe].activeItem;He(this,rf,"m",ff).call(this,a,o&&e,o&&t)})},ff=function(e,t,a){t&&a?e.stateLayer?.show("focused"):e.stateLayer?.hide("focused"),a?e.focusRing?.show():e.focusRing?.hide()},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-nav-menu > m3e-divider { margin-block: var(--m3e-nav-menu-divider-margin, 0.25rem); flex: none; }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),$f.styles=t`:host { display: block; outline: none; overflow-y: auto; overflow-x: hidden; min-height: 0; scrollbar-width: ${l.scrollbar.width}; scrollbar-color: ${l.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); }`,$f.__nextId=0,$f=yf=We([m("m3e-nav-menu")],$f);let _f=Sf=class extends(w(d(a,"group"))){constructor(){super(...arguments),xf.add(this),wf.set(this,"m3e-nav-menu-item-group-label-"+Sf.__nextId++),kf.set(this,void 0)}connectedCallback(){super.connectedCallback(),u(this,"-divided","M3E-DIVIDER"===this.previousElementSibling?.tagName)}disconnectedCallback(){super.disconnectedCallback(),g(this,"-divided")}render(){return o`<div class="label"><slot name="label" @slotchange="${He(this,xf,"m",Cf)}"></slot></div><slot></slot>`}};var Lf,zf,Ef,Mf;wf=new WeakMap,kf=new WeakMap,xf=new WeakSet,Cf=function(e){const t=e.target.assignedElements({flatten:!0})[0];t!==He(this,kf,"f")&&(He(this,kf,"f")?.id===He(this,wf,"f")&&(He(this,kf,"f").id=""),Oe(this,kf,t,"f"),He(this,kf,"f")?(He(this,kf,"f").id=He(this,kf,"f").id||He(this,wf,"f"),this.setAttribute("aria-labelledby",He(this,kf,"f").id)):this.removeAttribute("aria-labelledby")),u(this,"-with-label",void 0!==He(this,kf,"f"))},_f.styles=t`:host { display: contents; } :host(:not(:state(-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(:state(-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(:state(-divided))) .label { margin-block-start: var(--m3e-nav-menu-item-group-label-space, 1rem); }`,_f.__nextId=0,_f=Sf=We([m("m3e-nav-menu-item-group")],_f);let Tf=class extends Te{constructor(){super(),Lf.add(this),zf.set(this,(new Ce).withHomeAndEnd().withWrap()),Ef.set(this,e=>He(this,Lf,"m",Mf).call(this,e)),this[xe].onSelectedItemsChange(()=>{He(this,zf,"f").updateActiveItem(this[xe].activeItem)})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",He(this,Ef,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,Ef,"f"))}_updateItems(){const e=fe.findInteractiveElements(this),{added:t}=He(this,zf,"f").setItems(e);if(!He(this,zf,"f").activeItem){const e=t.find(e=>!e.hasAttribute("disabled"));e&&He(this,zf,"f").updateActiveItem(e)}super._updateItems()}_updateOrientation(e){super._updateOrientation(e),this.querySelectorAll("m3e-fab").forEach(t=>t.toggleAttribute("extended","horizontal"===e))}};var Pf,If,Af;zf=new WeakMap,Ef=new WeakMap,Lf=new WeakSet,Mf=function(e){He(this,zf,"f").onKeyDown(e)},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`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:not(:state(-compact)) > m3e-icon-button { margin-inline-start: var(--m3e-nav-rail-expanded-icon-button-inset, 0.5rem); }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),Tf.styles=t`:host { display: block; overflow-x: hidden; overflow-y: auto; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; } .base { display: flex; width: 100%; min-width: inherit; max-width: inherit; flex-direction: column; padding-block-start: var(--m3e-nav-rail-top-space, 2.75rem); padding-block-end: var(--m3e-nav-rail-bottom-space, 0.5rem); } :host(:state(-compact)) { width: var(--m3e-nav-rail-compact-width, 6rem); } :host(:state(-compact)) ::slotted(m3e-fab) { align-self: center; } :host(:not(:state(-compact))) { min-width: var(--m3e-nav-rail-expanded-min-width, 13.75rem); max-width: var(--m3e-nav-rail-expanded-max-width, 22.5rem); } :host(:not(:state(-compact))) .base { padding-inline: var(--m3e-nav-rail-expanded-inline-padding, 1.25rem); align-items: flex-start; --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; } :host(:state(-compact)) ::slotted(m3e-icon-button) { align-self: center; } ::slotted(m3e-fab) { --m3e-fab-container-elevation: ${l.elevation.level0}; --m3e-fab-disabled-container-elevation: ${l.elevation.level0}; --m3e-fab-focus-container-elevation: ${l.elevation.level0}; --m3e-fab-pressed-container-elevation: ${l.elevation.level0}; --m3e-fab-hover-container-elevation: ${l.elevation.level1}; --m3e-fab-lowered-container-elevation: ${l.elevation.level0}; --m3e-fab-lowered-disabled-container-elevation: ${l.elevation.level0}; --m3e-fab-lowered-focus-container-elevation: ${l.elevation.level0}; --m3e-fab-lowered-pressed-container-elevation: ${l.elevation.level0}; --m3e-fab-lowered-hover-container-elevation: ${l.elevation.level1}; }`,Tf=We([m("m3e-nav-rail")],Tf);let Wf=class extends(c($)){constructor(){super(...arguments),Pf.add(this),If.set(this,new oe(this,{target:null,config:{attributeFilter:["class"]},callback:()=>He(this,Pf,"m",Af).call(this)}))}attach(e){e instanceof Tf&&He(this,If,"f").observe(e),this.htmlFor&&this.parentElement&&ye(this.parentElement,"aria-controls",this.htmlFor),super.attach(e),He(this,Pf,"m",Af).call(this)}detach(){for(const e of He(this,If,"f").targets)He(this,If,"f").unobserve(e);this.parentElement&&(this.htmlFor&&$e(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),super.detach()}_onClick(){this.control instanceof Tf&&(this.control.currentMode="compact"===this.control.currentMode?"expanded":"compact")}};var Hf,Of,Df,Bf;If=new WeakMap,Pf=new WeakSet,Af=async function(){if(!this.parentElement)return;const e=this.control instanceof Tf&&"expanded"===this.control.currentMode;this.parentElement.ariaExpanded=`${e}`,this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",e),this.parentElement instanceof a&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},Wf=We([m("m3e-nav-rail-toggle")],Wf);let qf=class extends(te(W(w(d(a,"option"))))){constructor(){super(...arguments),Hf.add(this),Of.set(this,void 0),Df.set(this,"")}get value(){return He(this,Of,"f")??He(this,Df,"f")}set value(e){Oe(this,Of,e,"f")}[(Of=new WeakMap,Df=new WeakMap,Hf=new WeakSet,_e)](){return He(this,Df,"f")}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-select");e&&"true"!==e.ariaMultiSelectable&&!e.hasAttribute("multi")&&e.querySelectorAll("m3e-option").forEach(e=>{e!==this&&e.selected&&(e.selected=!1)})}}render(){return o`<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"><slot @slotchange="${He(this,Hf,"m",Bf)}"></slot></m3e-text-overflow></div></div>`}};var Rf,Ff,Vf,Uf,Nf;Bf=function(e){Oe(this,Df,Q(e.target),"f"),u(this,"-empty",this.isEmpty)},qf.styles=t`: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, ${l.color.onSurface}); --m3e-state-layer-hover-color: var(--m3e-option-container-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-option-container-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-option-ripple-color, ${l.color.onSurface}); } :host(:not([aria-disabled="true"]):not(:state(-empty))[selected]) .base { color: var(--m3e-option-selected-color, ${l.color.onTertiaryContainer}); background-color: var(--m3e-option-selected-container-color, ${l.color.tertiaryContainer}); --m3e-state-layer-hover-color: var( --m3e-option-selected-container-hover-color, ${l.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-option-selected-container-focus-color, ${l.color.onTertiaryContainer} ); --m3e-ripple-color: var(--m3e-option-selected-ripple-color, ${l.color.onTertiaryContainer}); } :host(:not([aria-disabled="true"])) { cursor: pointer; } :host([aria-disabled="true"]) .base { color: color-mix( in srgb, var(--m3e-option-disabled-color, ${l.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, ${l.shape.corner.extraSmall}); transition: ${e(`border-radius ${l.motion.spring.fastEffects}`)}; } :host([selected]:not(:state(-first))) .base { border-top-left-radius: var(--m3e-option-selected-shape, ${l.shape.corner.medium}); border-top-right-radius: var(--m3e-option-selected-shape, ${l.shape.corner.medium}); } :host([selected]:not(:state(-last))) .base { border-bottom-left-radius: var(--m3e-option-selected-shape, ${l.shape.corner.medium}); border-bottom-right-radius: var(--m3e-option-selected-shape, ${l.shape.corner.medium}); } :host(:state(-first)) .base { border-top-left-radius: var(--m3e-option-first-child-shape, ${l.shape.corner.medium}); border-top-right-radius: var(--m3e-option-first-child-shape, ${l.shape.corner.medium}); } :host(:state(-last)) .base { border-bottom-left-radius: var(--m3e-option-last-child-shape, ${l.shape.corner.medium}); border-bottom-right-radius: var(--m3e-option-last-child-shape, ${l.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, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-option-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-option-label-text-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-option-label-text-tracking, ${l.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: ${e(`margin-inline-start ${l.motion.spring.fastEffects}, width ${l.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(:state(-empty)) .icon, :host(:state(-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; } }`,We([dt(".focus-ring")],qf.prototype,"focusRing",void 0),We([dt(".state-layer")],qf.prototype,"stateLayer",void 0),We([dt(".ripple")],qf.prototype,"_ripple",void 0),We([nt()],qf.prototype,"value",null),qf=We([m("m3e-option")],qf);let jf=Nf=class extends(d(a,"group")){constructor(){super(...arguments),Rf.add(this),Ff.set(this,"m3e-optgroup-label-"+Nf.__nextId++),Vf.set(this,void 0)}render(){return o`<m3e-text-overflow class="label"><slot name="label" @slotchange="${He(this,Rf,"m",Uf)}"></slot></m3e-text-overflow><slot></slot>`}};var Kf,Zf,Gf,Xf,Yf,Jf,Qf,eg,tg,ag;Ff=new WeakMap,Vf=new WeakMap,Rf=new WeakSet,Uf=function(e){const t=e.target.assignedElements({flatten:!0})[0]??void 0;t!==He(this,Vf,"f")&&(He(this,Vf,"f")?.id&&($e(this,"aria-labelledby",He(this,Vf,"f").id),He(this,Vf,"f").id===He(this,Ff,"f")&&(He(this,Vf,"f").id="")),Oe(this,Vf,t,"f"),He(this,Vf,"f")&&(He(this,Vf,"f").id=He(this,Vf,"f").id||He(this,Ff,"f"),ye(this,"aria-labelledby",He(this,Vf,"f").id)))},jf.styles=t`: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, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-option-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-option-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-option-tracking, ${l.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, ${l.color.onSurface}); flex: none; }`,jf.__nextId=0,jf=Nf=We([m("m3e-optgroup")],jf);let og=ag=class extends(w(d(a,"listbox"))){constructor(){super(...arguments),Kf.add(this),Zf.set(this,void 0),Gf.set(this,void 0),Xf.set(this,void 0),Yf.set(this,e=>He(this,Kf,"m",tg).call(this,e)),Jf.set(this,new ae(this,{target:null,callback:()=>this.hide(!1)})),Qf.set(this,e=>{"closed"===e.newState&&(He(this,Xf,"f")?.call(this),Oe(this,Xf,void 0,"f"))})}get isOpen(){return void 0!==He(this,Zf,"f")}connectedCallback(){super.connectedCallback(),y(this,"-no-animate"),this.setAttribute("popover","manual"),this.addEventListener("toggle",He(this,Qf,"f")),document.addEventListener("click",He(this,Yf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("toggle",He(this,Qf,"f")),document.removeEventListener("click",He(this,Yf,"f"))}async show(e,t){He(this,Zf,"f")&&He(this,Zf,"f")!==e&&this.hide(),Oe(this,Xf,await ze(this,t??e,{position:"bottom-start",inline:!0,flip:!0},(e,t,a)=>{u(this,"-top",a.includes("top")),u(this,"-bottom",a.includes("bottom")),"rtl"===Le.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(),Oe(this,Zf,e,"f"),He(this,Zf,"f").ariaExpanded="true",Oe(this,Gf,t,"f"),He(this,Jf,"f").observe(He(this,Zf,"f"))}hide(e=!1){this.hidePopover(),He(this,Zf,"f")&&(He(this,Zf,"f").ariaExpanded="false",e&&He(this,Zf,"f").focus(),He(this,Jf,"f").unobserve(He(this,Zf,"f")),Oe(this,Zf,void 0,"f"))}async toggle(e,t){He(this,Zf,"f")?this.hide():await this.show(e,t)}firstUpdated(e){super.firstUpdated(e),requestAnimationFrame(()=>g(this,"-no-animate"))}render(){return o`<div class="base"><slot @slotchange="${He(this,Kf,"m",eg)}"></slot></div>`}};
+ */var Op,Dp,Bp,qp,Rp,Fp,Vp,Up,Np,jp,Kp,Zp,Gp,Xp,Yp,Jp,Qp,eu,tu,au,ou,iu,ru,su,nu,lu,cu,du,hu;let mu=class extends(w(a)){constructor(){super(),Op.add(this),Dp.set(this,null),Bp.set(this,void 0),qp.set(this,()=>He(this,Op,"m",nu).call(this)),Rp.set(this,()=>He(this,Op,"m",ru).call(this)),Fp.set(this,new oe(this,{target:null,config:{attributeFilter:["disabled","readonly","required"]},callback:()=>this.notifyControlStateChange()})),Vp.set(this,new S(this,{target:null,callback:()=>He(this,Op,"m",au).call(this)})),Up.set(this,new H(this,{target:null,callback:e=>{e=e&&!(He(this,Dp,"f")?.disabled??1),u(this,"-no-animate",!1),Oe(this,Zp,e,"f"),e?u(this,"-float-label",!0):(this._invalid=!(He(this,Dp,"f")?.checkValidity?.()??1),this.notifyControlStateChange())}})),Np.set(this,new oe(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>He(this,Op,"m",du).call(this)})),jp.set(this,new oe(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>He(this,Op,"m",hu).call(this)})),Kp.set(this,new O(this,{target:null,callback:e=>u(this,"-pressed",e&&!(He(this,Dp,"f")?.disabled??1))})),Zp.set(this,!1),this._pseudoLabel="",this._required=!1,this._invalid=!1,this._validationMessage="",Gp.set(this,""),Xp.set(this,""),this.variant="outlined",this.hideRequiredMarker=!1,this.hideSubscript="auto",this.floatLabel="auto",new Z(this,{callback:()=>u(this,"-no-animate",!1)})}get menuAnchor(){return this._base}get control(){return He(this,Dp,"f")}notifyControlStateChange(e=!1){this._required=!0===He(this,Dp,"f")?.required,u(this,"-required",this._required),u(this,"-disabled",!0===He(this,Dp,"f")?.disabled),u(this,"-readonly",ie(He(this,Dp,"f"))&&!0===He(this,Dp,"f").readOnly),"auto"===this.floatLabel&&u(this,"-float-label",He(this,Op,"a",Yp)||He(this,Zp,"f")),e&&(this._invalid=!(He(this,Dp,"f")?.checkValidity?.()??1)),u(this,"-invalid",this._invalid),this._validationMessage=He(this,Dp,"f")?.validationMessage??"",this.isUpdatePending||this.performUpdate()}connectedCallback(){super.connectedCallback(),u(this,"-no-animate",!0)}disconnectedCallback(){super.disconnectedCallback(),He(this,Op,"m",lu).call(this,null)}firstUpdated(e){super.firstUpdated(e),He(this,Up,"f").observe(this._base),He(this,Kp,"f").observe(this._base),He(this,Np,"f").observe(this._hint),He(this,Op,"m",du).call(this),He(this,jp,"f").observe(this._error),He(this,Op,"m",hu).call(this)}update(e){super.update(e),e.has("_invalid")&&He(this,Dp,"f")&&(He(this,Dp,"f").ariaInvalid=this._invalid?"true":null,He(this,Xp,"f")&&(this._invalid?Se.describe(He(this,Dp,"f"),He(this,Xp,"f")):Se.removeDescription(He(this,Dp,"f"),He(this,Xp,"f"))))}render(){return o`<div class="base" @click="${He(this,Op,"m",iu)}">${"outlined"===this.variant?o`<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?o`&nbsp;*`:i}</div></div><div class="outline-end"></div></div>`:i}<div class="prefix"><slot name="prefix" @slotchange="${He(this,Op,"m",eu)}"></slot></div><div class="content"><span class="prefix-text"><slot name="prefix-text"></slot></span><span class="input"><slot @slotchange="${He(this,Op,"m",ou)}" @change="${He(this,Op,"m",su)}"></slot></span><span class="suffix-text"><slot name="suffix-text"></slot></span><span class="label"><slot name="label" @slotchange="${He(this,Op,"m",Qp)}"></slot>${!this.hideRequiredMarker&&this._required?o`<span class="required-marker" aria-hidden="true">&nbsp;*</span>`:i}</span></div><div class="suffix" @click="${He(this,Op,"m",Jp)}" @focusin="${He(this,Op,"m",Jp)}" @focusout="${He(this,Op,"m",Jp)}" @pointerdown="${He(this,Op,"m",Jp)}" @keydown="${He(this,Op,"m",Jp)}" @keyup="${He(this,Op,"m",Jp)}"><slot name="suffix" @slotchange="${He(this,Op,"m",tu)}"></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>`}};Dp=new WeakMap,Bp=new WeakMap,qp=new WeakMap,Rp=new WeakMap,Fp=new WeakMap,Vp=new WeakMap,Up=new WeakMap,Np=new WeakMap,jp=new WeakMap,Kp=new WeakMap,Zp=new WeakMap,Gp=new WeakMap,Xp=new WeakMap,Op=new WeakSet,Yp=function(){return void 0!==He(this,Dp,"f")?.shouldLabelFloat?!0===He(this,Dp,"f").shouldLabelFloat:"string"==typeof He(this,Dp,"f")?.value&&He(this,Dp,"f").value.length>0},Jp=function(e){e.stopImmediatePropagation(),e.stopPropagation()},Qp=function(e){const t=e.target.assignedElements({flatten:!0});u(this,"-with-label",t.length>0),this._pseudoLabel=t[0]?.textContent??""},eu=function(e){u(this,"-with-prefix",p(e.target)),He(this,Vp,"f").observe(this._prefix)},tu=function(e){u(this,"-with-suffix",p(e.target))},au=function(){"outlined"===this.variant&&this._base.style.setProperty("--_prefix-width",`${this._prefix.clientWidth}px`)},ou=function(e){He(this,Op,"m",lu).call(this,Hp(e.target))},iu=function(e){!He(this,Dp,"f")||He(this,Zp,"f")||He(this,Dp,"f").disabled||(He(this,Dp,"f").onContainerClick?He(this,Dp,"f").onContainerClick(e):He(this,Dp,"f").focus())},ru=function(){this._invalid=!0,this.notifyControlStateChange()},su=function(){this._invalid=!(He(this,Dp,"f")?.checkValidity?.()??1),this.notifyControlStateChange()},nu=function(){this._invalid=!1,setTimeout(()=>this.notifyControlStateChange())},lu=function(e){if(He(this,Dp,"f")!==e&&(He(this,Dp,"f")&&(He(this,Gp,"f")&&Se.removeDescription(He(this,Dp,"f"),He(this,Gp,"f")),He(this,Xp,"f")&&Se.removeDescription(He(this,Dp,"f"),He(this,Xp,"f")),He(this,Fp,"f").unobserve(He(this,Dp,"f")),He(this,Dp,"f").removeEventListener("invalid",He(this,Rp,"f")),He(this,Dp,"f").form?.removeEventListener("reset",He(this,qp,"f")),He(this,Bp,"f")?.call(this),Oe(this,Bp,void 0,"f")),Oe(this,Dp,e,"f"),["INPUT","TEXTAREA"].includes(He(this,Dp,"f")?.tagName??"")?this._base.style.setProperty("--_form-field-cursor","text"):this._base.style.removeProperty("--_form-field-cursor"),u(this,"-with-select","M3E-SELECT"===He(this,Dp,"f")?.tagName),L(this,"-with-select")&&this._base.style.setProperty("--_form-field-cursor","pointer"),He(this,Dp,"f"))){He(this,Fp,"f").observe(He(this,Dp,"f")),He(this,Dp,"f").addEventListener("invalid",He(this,Rp,"f")),He(this,Dp,"f").form?.addEventListener("reset",He(this,qp,"f")),He(this,Dp,"f").removeAttribute("aria-invalid"),He(this,Gp,"f")&&Se.describe(He(this,Dp,"f"),He(this,Gp,"f")),this.notifyControlStateChange();const e=He(this,Dp,"f").tagName.toLowerCase();e.startsWith("m3e-")&&!customElements.get(e)?customElements.whenDefined(e).then(()=>He(this,Op,"m",cu).call(this)):He(this,Op,"m",cu).call(this)}},cu=function(){He(this,Dp,"f")&&Oe(this,Bp,re(He(this,Dp,"f"),"value",{set:(e,t)=>{t(e),this.notifyControlStateChange(!0)}}),"f")},du=function(){const e=Q(this._hint,!0);e!==He(this,Gp,"f")&&(He(this,Dp,"f")&&He(this,Gp,"f")&&Se.removeDescription(He(this,Dp,"f"),He(this,Gp,"f")),Oe(this,Gp,e,"f"),He(this,Dp,"f")&&He(this,Gp,"f")&&Se.describe(He(this,Dp,"f"),He(this,Gp,"f")))},hu=function(){const e=Q(this._error,!0);e!==He(this,Xp,"f")&&(He(this,Dp,"f")&&He(this,Xp,"f")&&Se.removeDescription(He(this,Dp,"f"),He(this,Xp,"f")),Oe(this,Xp,e,"f"),He(this,Dp,"f")&&He(this,Xp,"f")&&this._invalid&&Se.describe(He(this,Dp,"f"),He(this,Xp,"f")))},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { user-select: none; color: currentColor; transition: opacity ${l.motion.duration.extraLong1}; } m3e-form-field[float-label="auto"]:not(:state(-float-label)):state(-with-label) input::placeholder, m3e-form-field[float-label="auto"]:not(:state(-float-label)):state(-with-label) textarea::placeholder { opacity: 0; transition: opacity 0s; } m3e-form-field[variant="outlined"] m3e-input-chip-set { margin-block: calc(calc(3.5rem + ${l.density.calc(-2)}) / 4); } @media (prefers-reduced-motion) { m3e-form-field input::placeholder, m3e-form-field textarea::placeholder { transition: none !important; } }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),mu.styles=t`:host { display: inline-flex; flex-direction: column; vertical-align: middle; font-size: var(--m3e-form-field-font-size, ${l.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${l.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${l.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${l.typescale.standard.body.large.tracking}); width: var(--m3e-form-field-width, 14.5rem); color: var(--_form-field-color); } :host(:not(:state(-disabled))) .base { cursor: var(--_form-field-cursor); } .base { display: flex; align-items: center; position: relative; min-height: calc(3.5rem + ${l.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${l.typescale.standard.body.small.fontSize} ); --_form-field-label-line-height: var( --m3e-form-field-label-line-height, ${l.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 ${l.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, ${l.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-form-field-label-font-weight, ${l.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-form-field-label-line-height, ${l.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-form-field-label-tracking, ${l.typescale.standard.body.small.tracking}); color: var(--_form-field-label-color, inherit); transition: ${e(`top ${l.motion.duration.short4}, \n        font-size ${l.motion.duration.short4}, \n        line-height ${l.motion.duration.short4}`)}; } :host(:state(-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, ${l.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-form-field-subscript-font-weight, ${l.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-form-field-subscript-line-height, ${l.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-form-field-subscript-tracking, ${l.typescale.standard.body.small.tracking}); min-height: var(--m3e-form-field-subscript-line-height, ${l.typescale.standard.body.small.lineHeight}); color: var(--m3e-form-field-subscript-color, ${l.color.onSurfaceVariant}); } .error, .hint { flex: 1 1 auto; } :host([hide-subscript="always"]) .subscript { display: none; } :host([hide-subscript="auto"]:not(:state(-invalid))) .subscript { opacity: 0; margin-top: 0px; margin-bottom: 0.25rem; transition: ${e(`opacity ${l.motion.duration.short4}, \n        margin-top ${l.motion.duration.short4}, \n        margin-bottom ${l.motion.duration.short4}`)}; } :host([hide-subscript="auto"]:not(:state(-invalid)):focus-within) .subscript, :host([hide-subscript="auto"]:not(:state(-invalid)):state(-pressed)) .subscript { opacity: 1; margin-top: 0.25rem; margin-bottom: 0; } :host(:state(-invalid)) .hint { display: none; } :host(:not(:state(-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: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; } ::slotted(m3e-select), ::slotted(m3e-input-chip-set) { flex: 1 1 auto; min-width: 0; } :host([float-label="auto"]:not(:state(-float-label)):not(:state(-pressed))) .label { font-size: inherit; } :host([float-label="auto"]:not(:state(-float-label)):state(-with-label)) .prefix-text, :host([float-label="auto"]:not(:state(-float-label)):state(-with-label)) .suffix-text { opacity: 0; transition: opacity 0s; } .prefix { margin-inline-start: 1rem; } :host(:state(-with-prefix)) .prefix { margin-inline-end: 1rem; margin-inline-start: 0.75rem; } .suffix { margin-inline-end: 1rem; } :host(:state(-with-suffix)) .suffix { margin-inline-start: 0.25rem; margin-inline-end: 0.5rem; } :host(:state(-with-suffix):state(-with-select)) .suffix { margin-inline-start: unset; } :host(:state(-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"]:state(-required):not([hide-required-marker])) .pseudo-label { margin-inline-end: 0.25rem; } :host([variant="outlined"][float-label="auto"]:not(:state(-float-label)):not(:state(-pressed))) .pseudo-label { max-width: 0; margin-inline-end: 0px; transition-delay: ${l.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 ${l.motion.duration.short4}; } :host([variant="outlined"]:not(:state(-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, ${l.shape.corner.extraSmall}); border-end-start-radius: var(--m3e-outlined-form-field-container-shape, ${l.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, ${l.shape.corner.extraSmall}); border-end-end-radius: var(--m3e-outlined-form-field-container-shape, ${l.shape.corner.extraSmall}); } :host([variant="outlined"]:state(-with-prefix)) .outline-start { min-width: calc(1.25rem + var(--_prefix-width, 0px) + 0.25rem); } :host([variant="outlined"]:not(:state(-disabled))) .base:hover .outline, :host([variant="outlined"]:not(:state(-disabled)):focus-within) .outline, :host([variant="outlined"]:not(:state(-disabled)):state(-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 + ${l.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${l.typescale.standard.body.small.fontSize} ); } :host([variant="outlined"][float-label="auto"]:not(:state(-float-label)):not(:state(-pressed))) .label { margin-top: unset; line-height: calc(3.5rem + ${l.density.calc(-2)}); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${l.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, ${l.shape.corner.extraSmallTop}); border-color: var(--_form-field-outline-color); background-color: var(--_form-field-container-color); } :host([variant="filled"]:not(:state(-disabled))) .base:hover::before, :host([variant="filled"]:not(:state(-disabled)):focus-within) .base::before, :host([variant="filled"]:not(:state(-disabled)):state(-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 ${l.motion.duration.short4}; } :host([variant="filled"]) .subscript { margin-inline: 1rem; width: calc(100% - 2rem); } :host([variant="filled"]) .content { padding-top: calc(1.5rem + ${l.density.calc(-2)}); margin-bottom: 0.5rem; } :host([variant="filled"]) .label { top: calc(0.5rem + ${l.density.calc(-2)}); } :host([variant="filled"][float-label="auto"]:not(:state(-float-label)):not(:state(-pressed))) .label { top: 0px; line-height: calc(3.5rem + ${l.density.calc(-2)} - 0.0625rem); --_form-field-label-font-size: var( --m3e-form-field-label-font-size, ${l.typescale.standard.body.small.fontSize} ); } :host(:not(:state(-disabled)):not(:focus-within):not(:state(-pressed))) .base:hover { --_form-field-hover-container-color: color-mix( in srgb, var(--m3e-form-field-hover-container-color, ${l.color.onSurface}) var(--m3e-form-field-hover-container-opacity, 8%), transparent ); } :host(:not(:state(-disabled)):not(:state(-invalid))) { color: var(--m3e-form-field-color, ${l.color.onSurface}); } :host([variant="outlined"]:not(:state(-disabled)):not(:state(-invalid))) .base { --_form-field-outline-color: var(--m3e-form-field-outline-color, ${l.color.outline}); } :host([variant="filled"]:not(:state(-disabled)):not(:state(-invalid))) .base { --_form-field-outline-color: var(--m3e-form-field-outline-color, ${l.color.onSurfaceVariant}); } :host([variant="outlined"]:not(:state(-disabled)):not(:state(-invalid)):focus-within) .base, :host([variant="outlined"]:not(:state(-disabled)):not(:state(-invalid)):state(-pressed)) .base, :host([variant="filled"]:not(:state(-disabled)):not(:state(-invalid)):focus-within) .base, :host([variant="filled"]:not(:state(-disabled)):not(:state(-invalid)):state(-pressed)) .base { --_form-field-outline-color: var(--m3e-form-field-focused-outline-color, ${l.color.primary}); --_form-field-label-color: var(--m3e-form-field-focused-color, ${l.color.primary}); } :host(:not(:state(-disabled))) .base { --_form-field-container-color: var( --m3e-form-field-container-color, ${l.color.surfaceContainerHighest} ); } :host(:not(:state(-disabled)):state(-invalid)) .base { --_form-field-label-color: var(--m3e-form-field-invalid-color, ${l.color.error}); --_form-field-outline-color: var(--m3e-form-field-invalid-color, ${l.color.error}); } :host(:not(:state(-disabled)):state(-invalid)) .subscript { color: var(--m3e-form-field-invalid-color, ${l.color.error}); } :host(:state(-disabled)) { color: color-mix( in srgb, var(--m3e-form-field-disabled-color, ${l.color.onSurface}) var(--m3e-form-field-disabled-opacity, 38%), transparent ); } :host(:state(-disabled)) .base { --_form-field-container-color: color-mix( in srgb, var(--m3e-form-field-disabled-container-color, ${l.color.onSurface}) var(--m3e-form-field-disabled-container-opacity, 4%), transparent ); } :host(:state(-no-animate)) *, :host(:state(-no-animate)) *::before, :host(:state(-no-animate)) *::after { transition: none !important; } @media (forced-colors: active) { :host([variant="filled"]) .base::after { transition: none; } :host { --_form-field-outline-color: CanvasText; } :host(:state(-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; } }`,We([dt(".base")],mu.prototype,"_base",void 0),We([dt(".prefix")],mu.prototype,"_prefix",void 0),We([dt(".error")],mu.prototype,"_error",void 0),We([dt(".hint")],mu.prototype,"_hint",void 0),We([lt()],mu.prototype,"_pseudoLabel",void 0),We([lt()],mu.prototype,"_required",void 0),We([lt()],mu.prototype,"_invalid",void 0),We([lt()],mu.prototype,"_validationMessage",void 0),We([nt({reflect:!0})],mu.prototype,"variant",void 0),We([nt({attribute:"hide-required-marker",type:Boolean,reflect:!0})],mu.prototype,"hideRequiredMarker",void 0),We([nt({attribute:"hide-subscript",reflect:!0})],mu.prototype,"hideSubscript",void 0),We([nt({attribute:"float-label",reflect:!0})],mu.prototype,"floatLabel",void 0),mu=We([m("m3e-form-field")],mu);let pu=class extends a{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 o`<slot></slot>`}};pu.styles=t`:host { display: block; } :host([variant="display"][size="large"]:not([emphasized])) { font-size: ${l.typescale.standard.display.large.fontSize}; font-weight: ${l.typescale.standard.display.large.fontWeight}; line-height: ${l.typescale.standard.display.large.lineHeight}; letter-spacing: ${l.typescale.standard.display.large.tracking}; } :host([variant="display"][size="medium"]:not([emphasized])) { font-size: ${l.typescale.standard.display.medium.fontSize}; font-weight: ${l.typescale.standard.display.medium.fontWeight}; line-height: ${l.typescale.standard.display.medium.lineHeight}; letter-spacing: ${l.typescale.standard.display.medium.tracking}; } :host([variant="display"][size="small"]:not([emphasized])) { font-size: ${l.typescale.standard.display.small.fontSize}; font-weight: ${l.typescale.standard.display.small.fontWeight}; line-height: ${l.typescale.standard.display.small.lineHeight}; letter-spacing: ${l.typescale.standard.display.small.tracking}; } :host([variant="headline"][size="large"]:not([emphasized])) { font-size: ${l.typescale.standard.headline.large.fontSize}; font-weight: ${l.typescale.standard.headline.large.fontWeight}; line-height: ${l.typescale.standard.headline.large.lineHeight}; letter-spacing: ${l.typescale.standard.headline.large.tracking}; } :host([variant="headline"][size="medium"]:not([emphasized])) { font-size: ${l.typescale.standard.headline.medium.fontSize}; font-weight: ${l.typescale.standard.headline.medium.fontWeight}; line-height: ${l.typescale.standard.headline.medium.lineHeight}; letter-spacing: ${l.typescale.standard.headline.medium.tracking}; } :host([variant="headline"][size="small"]:not([emphasized])) { font-size: ${l.typescale.standard.headline.small.fontSize}; font-weight: ${l.typescale.standard.headline.small.fontWeight}; line-height: ${l.typescale.standard.headline.small.lineHeight}; letter-spacing: ${l.typescale.standard.headline.small.tracking}; } :host([variant="title"][size="large"]:not([emphasized])) { font-size: ${l.typescale.standard.title.large.fontSize}; font-weight: ${l.typescale.standard.title.large.fontWeight}; line-height: ${l.typescale.standard.title.large.lineHeight}; letter-spacing: ${l.typescale.standard.title.large.tracking}; } :host([variant="title"][size="medium"]:not([emphasized])) { font-size: ${l.typescale.standard.title.medium.fontSize}; font-weight: ${l.typescale.standard.title.medium.fontWeight}; line-height: ${l.typescale.standard.title.medium.lineHeight}; letter-spacing: ${l.typescale.standard.title.medium.tracking}; } :host([variant="title"][size="small"]:not([emphasized])) { font-size: ${l.typescale.standard.title.small.fontSize}; font-weight: ${l.typescale.standard.title.small.fontWeight}; line-height: ${l.typescale.standard.title.small.lineHeight}; letter-spacing: ${l.typescale.standard.title.small.tracking}; } :host([variant="label"][size="large"]:not([emphasized])) { font-size: ${l.typescale.standard.label.large.fontSize}; font-weight: ${l.typescale.standard.label.large.fontWeight}; line-height: ${l.typescale.standard.label.large.lineHeight}; letter-spacing: ${l.typescale.standard.label.large.tracking}; } :host([variant="label"][size="medium"]:not([emphasized])) { font-size: ${l.typescale.standard.label.medium.fontSize}; font-weight: ${l.typescale.standard.label.medium.fontWeight}; line-height: ${l.typescale.standard.label.medium.lineHeight}; letter-spacing: ${l.typescale.standard.label.medium.tracking}; } :host([variant="label"][size="small"]:not([emphasized])) { font-size: ${l.typescale.standard.label.small.fontSize}; font-weight: ${l.typescale.standard.label.small.fontWeight}; line-height: ${l.typescale.standard.label.small.lineHeight}; letter-spacing: ${l.typescale.standard.label.small.tracking}; } :host([variant="display"][size="large"][emphasized]) { font-size: ${l.typescale.emphasized.display.large.fontSize}; font-weight: ${l.typescale.emphasized.display.large.fontWeight}; line-height: ${l.typescale.emphasized.display.large.lineHeight}; letter-spacing: ${l.typescale.emphasized.display.large.tracking}; } :host([variant="display"][size="medium"][emphasized]) { font-size: ${l.typescale.emphasized.display.medium.fontSize}; font-weight: ${l.typescale.emphasized.display.medium.fontWeight}; line-height: ${l.typescale.emphasized.display.medium.lineHeight}; letter-spacing: ${l.typescale.emphasized.display.medium.tracking}; } :host([variant="display"][size="small"][emphasized]) { font-size: ${l.typescale.emphasized.display.small.fontSize}; font-weight: ${l.typescale.emphasized.display.small.fontWeight}; line-height: ${l.typescale.emphasized.display.small.lineHeight}; letter-spacing: ${l.typescale.emphasized.display.small.tracking}; } :host([variant="headline"][size="large"][emphasized]) { font-size: ${l.typescale.emphasized.headline.large.fontSize}; font-weight: ${l.typescale.emphasized.headline.large.fontWeight}; line-height: ${l.typescale.emphasized.headline.large.lineHeight}; letter-spacing: ${l.typescale.emphasized.headline.large.tracking}; } :host([variant="headline"][size="medium"][emphasized]) { font-size: ${l.typescale.emphasized.headline.medium.fontSize}; font-weight: ${l.typescale.emphasized.headline.medium.fontWeight}; line-height: ${l.typescale.emphasized.headline.medium.lineHeight}; letter-spacing: ${l.typescale.emphasized.headline.medium.tracking}; } :host([variant="headline"][size="small"][emphasized]) { font-size: ${l.typescale.emphasized.headline.small.fontSize}; font-weight: ${l.typescale.emphasized.headline.small.fontWeight}; line-height: ${l.typescale.emphasized.headline.small.lineHeight}; letter-spacing: ${l.typescale.emphasized.headline.small.tracking}; } :host([variant="title"][size="large"][emphasized]) { font-size: ${l.typescale.emphasized.title.large.fontSize}; font-weight: ${l.typescale.emphasized.title.large.fontWeight}; line-height: ${l.typescale.emphasized.title.large.lineHeight}; letter-spacing: ${l.typescale.emphasized.title.large.tracking}; } :host([variant="title"][size="medium"][emphasized]) { font-size: ${l.typescale.emphasized.title.medium.fontSize}; font-weight: ${l.typescale.emphasized.title.medium.fontWeight}; line-height: ${l.typescale.emphasized.title.medium.lineHeight}; letter-spacing: ${l.typescale.emphasized.title.medium.tracking}; } :host([variant="title"][size="small"][emphasized]) { font-size: ${l.typescale.emphasized.title.small.fontSize}; font-weight: ${l.typescale.emphasized.title.small.fontWeight}; line-height: ${l.typescale.emphasized.title.small.lineHeight}; letter-spacing: ${l.typescale.emphasized.title.small.tracking}; } :host([variant="label"][size="large"][emphasized]) { font-size: ${l.typescale.emphasized.label.large.fontSize}; font-weight: ${l.typescale.emphasized.label.large.fontWeight}; line-height: ${l.typescale.emphasized.label.large.lineHeight}; letter-spacing: ${l.typescale.emphasized.label.large.tracking}; } :host([variant="label"][size="medium"][emphasized]) { font-size: ${l.typescale.emphasized.label.medium.fontSize}; font-weight: ${l.typescale.emphasized.label.medium.fontWeight}; line-height: ${l.typescale.emphasized.label.medium.lineHeight}; letter-spacing: ${l.typescale.emphasized.label.medium.tracking}; } :host([variant="label"][size="small"][emphasized]) { font-size: ${l.typescale.emphasized.label.small.fontSize}; font-weight: ${l.typescale.emphasized.label.small.fontWeight}; line-height: ${l.typescale.emphasized.label.small.lineHeight}; letter-spacing: ${l.typescale.emphasized.label.small.tracking}; }`,We([nt({type:Boolean,reflect:!0})],pu.prototype,"emphasized",void 0),We([nt({reflect:!0})],pu.prototype,"variant",void 0),We([nt({reflect:!0})],pu.prototype,"size",void 0),We([nt({type:Number})],pu.prototype,"level",void 0),pu=We([m("m3e-heading")],pu);let uu=class extends(d(a,"img")){constructor(){super(...arguments),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()}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 o`<div class="icon" aria-hidden="true">${this.name}</div>`}};uu.styles=t`:host { display: inline-block; user-select: none; font-size: var(--m3e-icon-size, 1.5rem); width: 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"; }`,We([dt(".icon")],uu.prototype,"_icon",void 0),We([nt()],uu.prototype,"name",void 0),We([nt({reflect:!0})],uu.prototype,"variant",void 0),We([nt({type:Boolean,reflect:!0})],uu.prototype,"filled",void 0),We([nt()],uu.prototype,"grade",void 0),We([nt({type:Number})],uu.prototype,"weight",void 0),We([nt({attribute:"optical-size",type:Number})],uu.prototype,"opticalSize",void 0),uu=We([m("m3e-icon")],uu);const vu={"extra-small":{containerHeight:e(`calc(var(--m3e-icon-button-extra-small-container-height, var(--m3e-icon-button-container-height, 2rem)) + ${l.density.calc(0)})`),outlineThickness:e("var(--m3e-icon-button-extra-small-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:e(`calc(var(--m3e-icon-button-extra-small-icon-size, var(--m3e-icon-button-icon-size, 1.25rem)) + ${l.density.calc(0)})`),shapeRound:e(`var(--m3e-icon-button-extra-small-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-extra-small-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.medium}))`),selectedShapeRound:e(`var(--m3e-icon-button-extra-small-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.medium}))`),selectedShapeSquare:e(`var(--m3e-icon-button-extra-small-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-extra-small-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.small}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-extra-small-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.25rem)) + ${l.density.calc(0)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-extra-small-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.25rem)) + ${l.density.calc(0)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-extra-small-default-leading-space, var(--m3e-icon-button-default-leading-space, 0.375rem)) + ${l.density.calc(0)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-extra-small-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 0.375rem)) + ${l.density.calc(0)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-extra-small-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 0.625rem)) + ${l.density.calc(0)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-extra-small-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 0.625rem)) + ${l.density.calc(0)})`)},small:{containerHeight:e(`calc(var(--m3e-icon-button-small-container-height, var(--m3e-icon-button-container-height, 2.5rem)) + ${l.density.calc(-1)})`),outlineThickness:e("var(--m3e-icon-button-small-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:e(`calc(var(--m3e-icon-button-small-icon-size, var(--m3e-icon-button-icon-size, 1.5rem)) + ${l.density.calc(-1)})`),shapeRound:e(`var(--m3e-icon-button-small-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-small-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.medium}))`),selectedShapeRound:e(`var(--m3e-icon-button-small-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.medium}))`),selectedShapeSquare:e(`var(--m3e-icon-button-small-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-small-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.small}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-small-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.25rem)) + ${l.density.calc(-1)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-small-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.25rem)) + ${l.density.calc(-1)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-small-default-leading-space, var(--m3e-icon-button-default-leading-space, 0.5rem)) + ${l.density.calc(-1)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-small-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 0.5rem)) + ${l.density.calc(-1)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-small-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 0.875rem)) + ${l.density.calc(-1)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-small-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 0.875rem)) + ${l.density.calc(-1)})`)},medium:{containerHeight:e(`calc(var(--m3e-icon-button-medium-container-height, var(--m3e-icon-button-container-height, 3.5rem)) + ${l.density.calc(-2)})`),outlineThickness:e("var(--m3e-icon-button-medium-outline-thickness, var(--m3e-icon-button-outline-thickness, 1px))"),iconSize:e(`calc(var(--m3e-icon-button-medium-icon-size, var(--m3e-icon-button-icon-size, 1.5rem)) + ${l.density.calc(-2)})`),shapeRound:e(`var(--m3e-icon-button-medium-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-medium-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.large}))`),selectedShapeRound:e(`var(--m3e-icon-button-medium-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.large}))`),selectedShapeSquare:e(`var(--m3e-icon-button-medium-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-medium-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.medium}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-medium-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 0.75rem)) + ${l.density.calc(-2)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-medium-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 0.75rem)) + ${l.density.calc(-2)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-medium-default-leading-space, var(--m3e-icon-button-default-leading-space, 1rem)) + ${l.density.calc(-2)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-medium-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 1rem)) + ${l.density.calc(-2)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-medium-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 1.5rem)) + ${l.density.calc(-2)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-medium-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 1.5rem)) + ${l.density.calc(-2)})`)},large:{containerHeight:e(`calc(var(--m3e-icon-button-large-container-height, var(--m3e-icon-button-container-height, 6rem)) + ${l.density.calc(-3)})`),outlineThickness:e("var(--m3e-icon-button-large-outline-thickness, var(--m3e-icon-button-outline-thickness, 2px))"),iconSize:e(`calc(var(--m3e-icon-button-large-icon-size, var(--m3e-icon-button-icon-size, 2rem)) + ${l.density.calc(-3)})`),shapeRound:e(`var(--m3e-icon-button-large-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-large-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.extraLarge}))`),selectedShapeRound:e(`var(--m3e-icon-button-large-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.extraLarge}))`),selectedShapeSquare:e(`var(--m3e-icon-button-large-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-large-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.large}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-large-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 1rem)) + ${l.density.calc(-3)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-large-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 1rem)) + ${l.density.calc(-3)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-large-default-leading-space, var(--m3e-icon-button-default-leading-space, 2rem)) + ${l.density.calc(-3)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-large-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 2rem)) + ${l.density.calc(-3)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-large-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 3rem)) + ${l.density.calc(-3)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-large-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 3rem)) + ${l.density.calc(-3)})`)},"extra-large":{containerHeight:e(`calc(var(--m3e-icon-button-extra-large-container-height, var(--m3e-icon-button-container-height, 8.5rem)) + ${l.density.calc(-3)})`),outlineThickness:e("var(--m3e-icon-button-extra-large-outline-thickness, var(--m3e-icon-button-outline-thickness, 3px))"),iconSize:e(`calc(var(--m3e-icon-button-extra-large-icon-size, var(--m3e-icon-button-icon-size, 2.5rem)) + ${l.density.calc(-3)})`),shapeRound:e(`var(--m3e-icon-button-extra-large-shape-round, var(--m3e-icon-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-icon-button-extra-large-shape-square, var(--m3e-icon-button-shape-square, ${l.shape.corner.extraLarge}))`),selectedShapeRound:e(`var(--m3e-icon-button-extra-large-selected-shape-round, var(--m3e-icon-button-selected-shape-round, ${l.shape.corner.extraLarge}))`),selectedShapeSquare:e(`var(--m3e-icon-button-extra-large-selected-shape-square, var(--m3e-icon-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-icon-button-extra-large-shape-pressed-morph, var(--m3e-icon-button-shape-pressed-morph, ${l.shape.corner.large}))`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-extra-large-narrow-leading-space, var(--m3e-icon-button-narrow-leading-space, 2rem)) + ${l.density.calc(-3)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-extra-large-narrow-trailing-space, var(--m3e-icon-button-narrow-trailing-space, 2rem)) + ${l.density.calc(-3)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-extra-large-default-leading-space, var(--m3e-icon-button-default-leading-space, 3rem)) + ${l.density.calc(-3)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-extra-large-default-trailing-space, var(--m3e-icon-button-default-trailing-space, 3rem)) + ${l.density.calc(-3)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-extra-large-wide-leading-space, var(--m3e-icon-button-wide-leading-space, 4.5rem)) + ${l.density.calc(-3)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-extra-large-wide-trailing-space, var(--m3e-icon-button-wide-trailing-space, 4.5rem)) + ${l.density.calc(-3)})`)}};function bu(a){return t`:host([size="${e(a)}"]) .base { height: ${vu[a].containerHeight}; } :host([size="${e(a)}"][width="default"]) .wrapper { padding-inline-start: ${vu[a].defaultLeadingSpace}; padding-inline-end: ${vu[a].defaultTrailingSpace}; } :host([size="${e(a)}"][width="narrow"]) .wrapper { padding-inline-start: ${vu[a].narrowLeadingSpace}; padding-inline-end: ${vu[a].narrowTrailingSpace}; } :host([size="${e(a)}"][width="wide"]) .wrapper { padding-inline-start: ${vu[a].wideLeadingSpace}; padding-inline-end: ${vu[a].wideTrailingSpace}; } :host([size="${e(a)}"]) .icon { font-size: ${vu[a].iconSize}; } :host([size="${e(a)}"]) .base { outline-offset: calc(0px - ${vu[a].outlineThickness}); outline-width: ${vu[a].outlineThickness}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${vu[a].shapeRound}); } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"]) .base { border-radius: ${vu[a].shapeSquare}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"][toggle][selected]:not(:state(-pressed))) .base { border-radius: ${vu[a].selectedShapeRound}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${vu[a].selectedShapeSquare}); } :host(:not(:state(-connected))[size="${e(a)}"]:state(-pressed)) .base { border-radius: ${vu[a].shapePressedMorph}; } :host(:state(-connected)[size="${e(a)}"][shape="rounded"]) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${vu[a].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${vu[a].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${vu[a].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${vu[a].shapeRound}) ); } :host(:state(-connected)[size="${e(a)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${vu[a].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${vu[a].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${vu[a].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${vu[a].shapeSquare}); } :host(:state(-connected)[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${vu[a].selectedShapeSquare}); } :host(:state(-connected)[size="${e(a)}"]:state(-pressed)) .base { border-start-start-radius: var( --_button-start-shape-pressed-morph, ${vu[a].shapePressedMorph} ); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${vu[a].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${vu[a].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${vu[a].shapePressedMorph}); }`}const fu=[bu("extra-small"),bu("small"),bu("medium"),bu("large"),bu("extra-large")],gu=t`: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: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: auto; right: auto; } :host(:state(-pressed)) .base, :host(:state(-resting)) .base { transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard},\n          border-radius ${l.motion.spring.fastEffects}`)}; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; transition: ${e(`padding-inline ${l.motion.spring.fastEffects}`)}; } .icon { transition: ${e(`color ${l.motion.duration.short4} ${l.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: ${e(`transform var(--_icon-button-icon-transform-transition, ${l.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(:state(-grouped):state(-connected)) { flex: 1 1 auto; } :host(:state(-grouped):not(:state(-connected)):not(:state(-adjacent-pressed)):not(:state(-pressed))) { flex-shrink: 0; flex-grow: 0; } :host(:state(-grouped):not(:state(-connected)):state(-adjacent-pressed):not(:state(-pressed))) { flex-shrink: 1; min-width: 0; } :host(:state(-grouped):not(:state(-connected)):state(-adjacent-pressed):not(:state(-pressed))) .label { text-overflow: clip; } :host(:state(-grouped):not(:state(-connected)):state(-pressed):not([disabled-interactive]):not(:disabled)) { flex-shrink: 0; flex-basis: 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(:state(-pressed)) .base, :host(:state(-resting)) .base { transition: border-radius ${l.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]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .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]:not(:disabled):not([disabled-interactive])[toggle][selected]) .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-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(:state(-pressed)) .base, :host(:state(-resting)) .base, .base, .wrapper, .icon { transition: none; } }`,yu={elevated:{iconColor:e(`var(--m3e-elevated-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.primary}))`),containerColor:e(`var(--m3e-elevated-icon-button-container-color, var(--m3e-icon-button-container-color, ${l.color.surfaceContainerLow}))`),containerElevation:e(`var(--m3e-elevated-icon-button-container-elevation, var(--m3e-icon-button-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.primary}))`),unselectedContainerColor:e(`var(--m3e-elevated-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${l.color.surfaceContainerLow}))`),selectedIconColor:e(`var(--m3e-elevated-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.onPrimary}))`),selectedContainerColor:e(`var(--m3e-elevated-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-elevated-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-elevated-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-elevated-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-elevated-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))"),containerElevation:e(`var(--m3e-elevated-icon-button-disabled-container-elevation, var(--m3e-icon-button-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-elevated-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-icon-button-hover-container-elevation, var(--m3e-icon-button-hover-container-elevation, ${l.elevation.level2}))`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.onPrimary}))`)},focus:{iconColor:e(`var(--m3e-elevated-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-icon-button-focus-container-elevation, var(--m3e-icon-button-focus-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.onPrimary}))`)},pressed:{iconColor:e(`var(--m3e-elevated-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-icon-button-pressed-container-elevation, var(--m3e-icon-button-pressed-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.onPrimary}))`)}},outlined:{iconColor:e(`var(--m3e-outlined-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-icon-button-outline-color, var(--m3e-icon-button-outline-color, ${l.color.outlineVariant}))`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedContainerColor:e(`var(--m3e-outlined-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${l.color.inverseSurface}))`),disabled:{containerColor:e(`var(--m3e-outlined-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-outlined-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-outlined-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-outlined-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))"),outlineColor:e(`var(--m3e-outlined-icon-button-disabled-outline-color, var(--m3e-icon-button-disabled-outline-color, ${l.color.outlineVariant}))`)},hover:{iconColor:e(`var(--m3e-outlined-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-icon-button-hover-outline-color, var(--m3e-icon-button-hover-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.inverseOnSurface}))`)},focus:{iconColor:e(`var(--m3e-outlined-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-icon-button-focus-outline-color, var(--m3e-icon-button-focus-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.inverseOnSurface}))`)},pressed:{iconColor:e(`var(--m3e-outlined-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-icon-button-pressed-outline-color, var(--m3e-icon-button-pressed-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.inverseOnSurface}))`)}},filled:{iconColor:e(`var(--m3e-filled-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.onPrimary}))`),containerColor:e(`var(--m3e-filled-icon-button-container-color, var(--m3e-icon-button-container-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-filled-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedContainerColor:e(`var(--m3e-filled-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${l.color.surfaceContainer}))`),selectedIconColor:e(`var(--m3e-filled-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.onPrimary}))`),selectedContainerColor:e(`var(--m3e-filled-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-filled-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-filled-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-filled-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-filled-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:e(`var(--m3e-filled-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-filled-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.onPrimary}))`)},focus:{iconColor:e(`var(--m3e-filled-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-filled-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.onPrimary}))`)},pressed:{iconColor:e(`var(--m3e-filled-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-filled-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.onPrimary}))`)}},tonal:{iconColor:e(`var(--m3e-tonal-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.onSecondaryContainer}))`),containerColor:e(`var(--m3e-tonal-icon-button-container-color, var(--m3e-icon-button-container-color, ${l.color.secondaryContainer}))`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedContainerColor:e(`var(--m3e-tonal-icon-button-unselected-container-color, var(--m3e-icon-button-unselected-container-color, ${l.color.secondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.onSecondary}))`),selectedContainerColor:e(`var(--m3e-tonal-icon-button-selected-container-color, var(--m3e-icon-button-selected-container-color, ${l.color.secondary}))`),disabled:{containerColor:e(`var(--m3e-tonal-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-tonal-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tonal-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-tonal-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:e(`var(--m3e-tonal-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.onSecondary}))`)},focus:{iconColor:e(`var(--m3e-tonal-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.onSecondary}))`)},pressed:{iconColor:e(`var(--m3e-tonal-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.onSecondary}))`)}},standard:{iconColor:e(`var(--m3e-standard-icon-button-icon-color, var(--m3e-icon-button-icon-color, ${l.color.onSurfaceVariant}))`),unselectedIconColor:e(`var(--m3e-standard-icon-button-unselected-icon-color, var(--m3e-icon-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-standard-icon-button-selected-icon-color, var(--m3e-icon-button-selected-icon-color, ${l.color.primary}))`),disabled:{containerColor:e("var(--m3e-standard-icon-button-disabled-container-color, var(--m3e-icon-button-disabled-container-color, transparent))"),containerOpacity:e("var(--m3e-standard-icon-button-disabled-container-opacity, var(--m3e-icon-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-standard-icon-button-disabled-icon-color, var(--m3e-icon-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-standard-icon-button-disabled-icon-opacity, var(--m3e-icon-button-disabled-icon-opacity, 38%))")},hover:{iconColor:e(`var(--m3e-standard-icon-button-hover-icon-color, var(--m3e-icon-button-hover-icon-color, ${l.color.onSurfaceVariant}))`),stateLayerColor:e(`var(--m3e-standard-icon-button-hover-state-layer-color, var(--m3e-icon-button-hover-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-standard-icon-button-hover-state-layer-opacity, var(--m3e-icon-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-standard-icon-button-hover-unselected-icon-color, var(--m3e-icon-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-standard-icon-button-hover-unselected-state-layer-color, var(--m3e-icon-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-standard-icon-button-hover-selected-icon-color, var(--m3e-icon-button-hover-selected-icon-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-standard-icon-button-hover-selected-state-layer-color, var(--m3e-icon-button-hover-selected-state-layer-color, ${l.color.primary}))`)},focus:{iconColor:e(`var(--m3e-standard-icon-button-focus-icon-color, var(--m3e-icon-button-focus-icon-color, ${l.color.onSurfaceVariant}))`),stateLayerColor:e(`var(--m3e-standard-icon-button-focus-state-layer-color, var(--m3e-icon-button-focus-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-standard-icon-button-focus-state-layer-opacity, var(--m3e-icon-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-standard-icon-button-focus-unselected-icon-color, var(--m3e-icon-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-standard-icon-button-focus-unselected-state-layer-color, var(--m3e-icon-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-standard-icon-button-focus-selected-icon-color, var(--m3e-icon-button-focus-selected-icon-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-standard-icon-button-focus-selected-state-layer-color, var(--m3e-icon-button-focus-selected-state-layer-color, ${l.color.primary}))`)},pressed:{iconColor:e(`var(--m3e-standard-icon-button-pressed-icon-color, var(--m3e-icon-button-pressed-icon-color, ${l.color.onSurfaceVariant}))`),stateLayerColor:e(`var(--m3e-standard-icon-button-pressed-state-layer-color, var(--m3e-icon-button-pressed-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-standard-icon-button-pressed-state-layer-opacity, var(--m3e-icon-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-standard-icon-button-pressed-unselected-icon-color, var(--m3e-icon-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-standard-icon-button-pressed-unselected-state-layer-color, var(--m3e-icon-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-standard-icon-button-pressed-selected-icon-color, var(--m3e-icon-button-pressed-selected-icon-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-standard-icon-button-pressed-selected-state-layer-color, var(--m3e-icon-button-pressed-selected-state-layer-color, ${l.color.primary}))`)}}};function $u(a){return t`:host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${yu[a].containerColor??e("unset")}; --m3e-state-layer-hover-color: ${yu[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${yu[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${yu[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${yu[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${yu[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${yu[a].pressed.stateLayerOpacity}; --m3e-elevation-level: ${yu[a].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${yu[a].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${yu[a].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${yu[a].pressed.containerElevation??e("unset")}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${yu[a].unselectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${yu[a].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${yu[a].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${yu[a].pressed.unselectedStateLayerColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${yu[a].selectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${yu[a].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${yu[a].focus.selectedStateLayerColor}; --m3e-ripple-color: ${yu[a].pressed.selectedStateLayerColor}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${yu[a].outlineColor??e("unset")}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${yu[a].focus.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${yu[a].hover.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .base { outline-color: ${yu[a].pressed.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].selectedIconColor}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].focus.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].focus.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].focus.selectedIconColor}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].hover.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].hover.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].hover.selectedIconColor}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .icon { color: ${yu[a].pressed.iconColor}; } :host( [variant="${e(a)}"][toggle]:not([selected]):state(-pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${yu[a].pressed.unselectedIconColor}; } :host( [variant="${e(a)}"][toggle][selected]:state(-pressed):not(:disabled):not([disabled-interactive]) ) .icon { color: ${yu[a].pressed.selectedIconColor}; } :host([variant="${e(a)}"]:disabled) .base, :host([variant="${e(a)}"][disabled-interactive]) .base { outline-color: ${yu[a].disabled.outlineColor??e("unset")}; background-color: color-mix( in srgb, ${yu[a].disabled.containerColor} ${yu[a].disabled.containerOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .icon, :host([variant="${e(a)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${yu[a].disabled.iconColor} ${yu[a].disabled.iconOpacity}, transparent ); }`}const xu=[$u("standard"),$u("outlined"),$u("filled"),$u("tonal"),$u("elevated"),t`:host([variant="outlined"]:not([toggle][selected]):not(:disabled):not([disabled-interactive])) .base { outline-style: solid; }`];var wu,ku,Cu,Su,_u,Lu;let zu=class extends(M(T(P(I(A(W(w(d(a,"button"),!0)))))))){constructor(){super(),wu.add(this),ku.set(this,e=>He(this,wu,"m",_u).call(this,e)),this.variant="standard",this.shape="rounded",this.size="small",this.width="default",this.toggle=!1,this.selected=!1,new S(this,{callback:()=>{this.grouped&&this._handleResize()}}),new H(this,{callback:e=>{this.disabledInteractive||e||this.grouped||this._base?.style.removeProperty("--_button-shape")}}),new O(this,{isPressedKey:e=>" "===e,minPressedDuration:150,callback:e=>{this.disabled||this.disabledInteractive||(e?(He(this,wu,"m",Cu).call(this),v()?He(this,wu,"m",Su).call(this,!0):requestAnimationFrame(()=>He(this,wu,"m",Su).call(this,!0))):He(this,wu,"m",Su).call(this,!1))}})}get grouped(){return L(this,"-grouped")}render(){return o`<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[D]()}<div class="wrapper">${this.toggle?o`<slot class="icon" name="selected" aria-hidden="true" @slotchange="${He(this,wu,"m",Lu)}"></slot>`:i}<slot class="icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,ku,"f"))}disconnectedCallback(){super.disconnectedCallback(),["-pressed","-resting","-grouped","-connected"].forEach(e=>g(this,e)),this._base?.style.removeProperty("--_button-shape"),this.style.removeProperty("--_button-width"),this.style.removeProperty("--_adjacent-button-width"),g(this,"-adjacent-pressed"),this.removeEventListener("click",He(this,ku,"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)&&(g(this,"-pressed"),g(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&&!L(this,"-pressed")&&(this.style.setProperty("--_button-width",`${this.clientWidth}px`),He(this,wu,"m",Cu).call(this,!0))}};var Eu,Mu,Tu,Pu,Iu,Au;ku=new WeakMap,wu=new WeakSet,Cu=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`)}},Su=function(e){u(this,"-pressed",e),u(this,"-resting",!e);const t=this.closest("m3e-button-group");if(t){const a=this.getBoundingClientRect().width,o=[...t.querySelectorAll("m3e-button,m3e-icon-button")],i=o.indexOf(this);for(let t=0;t<o.length;t++){const r=o[t];t===i-1||t===i+1?(r.style.setProperty("--_adjacent-button-width",`${a}px`),u(r,"-adjacent-pressed",e)):(r.style.removeProperty("--_adjacent-button-width"),g(r,"-adjacent-pressed"))}}},_u=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation()),this.toggle&&!e.defaultPrevented&&(this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?this.dispatchEvent(new Event("change",{bubbles:!0})):this.selected=!this.selected)},Lu=function(e){this._base?.classList.toggle("with-selected-icon",p(e.target))},zu.styles=[fu,xu,gu],We([dt(".base")],zu.prototype,"_base",void 0),We([dt(".elevation")],zu.prototype,"_elevation",void 0),We([dt(".focus-ring")],zu.prototype,"_focusRing",void 0),We([dt(".state-layer")],zu.prototype,"_stateLayer",void 0),We([dt(".ripple")],zu.prototype,"_ripple",void 0),We([nt({reflect:!0})],zu.prototype,"variant",void 0),We([nt({reflect:!0})],zu.prototype,"shape",void 0),We([nt({reflect:!0})],zu.prototype,"size",void 0),We([nt({reflect:!0})],zu.prototype,"width",void 0),We([nt({type:Boolean,reflect:!0})],zu.prototype,"toggle",void 0),We([nt({type:Boolean,reflect:!0})],zu.prototype,"selected",void 0),We([h(40)],zu.prototype,"_handleResize",null),zu=We([m("m3e-icon-button")],zu);let Wu=class extends(w(d(a,"listitem"))){constructor(){super(...arguments),Eu.add(this),Mu.set(this,new S(this,{target:null,callback:()=>He(this,Eu,"m",Iu).call(this)})),Tu.set(this,void 0),Pu.set(this,void 0)}get leadingContentType(){return He(this,Tu,"f")}get trailingContentType(){return He(this,Pu,"f")}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector(".content");t&&He(this,Mu,"f").observe(t)}render(){return o`<div class="base">${this._renderBase()}</div>`}_renderBase(){return o`<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(e){const t=He(this,Tu,"f");Oe(this,Tu,He(this,Eu,"m",Au).call(this,e.target),"f"),u(this,"-has-leading",void 0!==He(this,Tu,"f")),t!==He(this,Tu,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyLeadingContentTypeChange(t,He(this,Tu,"f"))}_handleTrailingSlotChange(e){const t=He(this,Pu,"f");Oe(this,Pu,He(this,Eu,"m",Au).call(this,e.target),"f"),u(this,"-has-trailing",void 0!==He(this,Pu,"f")),t!==He(this,Pu,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyTrailingContentTypeChange(t,He(this,Pu,"f"))}};var Hu,Ou,Du,Bu,qu;Mu=new WeakMap,Tu=new WeakMap,Pu=new WeakMap,Eu=new WeakSet,Iu=function(){const e=this.shadowRoot?.querySelector(".content")??null,t=null===e?0:se(e);u(this,"-one-line",t<=1),u(this,"-two-line",2==t),u(this,"-three-line",t>2)},Au=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},Wu.styles=t`: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, ${l.shape.corner.none}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-container-shape, ${l.shape.corner.none}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-container-shape, ${l.shape.corner.none}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-container-shape, ${l.shape.corner.none}) ); transition: ${e(`border-radius ${l.motion.spring.fastEffects}, background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host(:state(-one-line)) { min-height: calc(var(--m3e-list-item-one-line-height, 3.5rem) + ${l.density.calc(-3)}); } :host(:state(-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(:state(-two-line)) { min-height: calc(var(--m3e-list-item-two-line-height, 4.5rem) + ${l.density.calc(-3)}); } :host(:state(-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(:state(-three-line)) { min-height: calc(var(--m3e-list-item-three-line-height, 5.5rem) + ${l.density.calc(-3)}); } :host(:state(-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(:state(-three-line))) .base { align-items: center; } :host(:state(-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, ${l.shape.corner.large}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-focus-container-shape, ${l.shape.corner.large}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-focus-container-shape, ${l.shape.corner.large}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-focus-container-shape, ${l.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, ${l.shape.corner.medium}) ); border-top-right-radius: var( --_list-item-top-container-shape, var(--m3e-list-item-hover-container-shape, ${l.shape.corner.medium}) ); border-bottom-left-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-hover-container-shape, ${l.shape.corner.medium}) ); border-bottom-right-radius: var( --_list-item-bottom-container-shape, var(--m3e-list-item-hover-container-shape, ${l.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, ${l.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-list-item-overline-font-weight, ${l.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-list-item-overline-line-height, ${l.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-list-item-overline-tracking, ${l.typescale.standard.label.small.tracking}); } ::slotted([slot="supporting-text"]) { font-size: var(--m3e-list-item-supporting-text-font-size, ${l.typescale.standard.body.medium.fontSize}); font-weight: var( --m3e-list-item-supporting-text-font-weight, ${l.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-list-item-supporting-text-line-height, ${l.typescale.standard.body.medium.lineHeight} ); letter-spacing: var( --m3e-list-item-supporting-text-tracking, ${l.typescale.standard.body.medium.tracking} ); } ::slotted(:not([slot])) { font-size: var(--m3e-list-item-font-size, ${l.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-list-item-font-weight, ${l.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-list-item-line-height, ${l.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-list-item-tracking, ${l.typescale.standard.body.large.tracking}); } :host(:state(-has-leading)) slot[name="leading"], :host(:state(-has-trailing)) slot[name="trailing"] { display: flex; justify-content: center; } :host(:not(:state(-has-leading))) slot[name="leading"] { display: var(--_list-item-leading-reserved-display, contents); } :host(:not(:state(-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, ${l.typescale.standard.label.small.fontSize}); font-weight: var( --m3e-list-item-trailing-text-font-weight, ${l.typescale.standard.label.small.fontWeight} ); line-height: var( --m3e-list-item-trailing-text-line-height, ${l.typescale.standard.label.small.lineHeight} ); letter-spacing: var( --m3e-list-item-trailing-text-tracking, ${l.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, ${l.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, ${l.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, ${l.color.onSurfaceVariant}); } :host(:not(:disabled)) .content { color: var(--m3e-list-item-label-text-color, ${l.color.onSurface}); } :host(:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-overline-color, ${l.color.onSurfaceVariant}); } :host(:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-supporting-text-color, ${l.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, ${l.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, ${l.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, ${l.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, ${l.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, ${l.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, ${l.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, ${l.color.onSurface}); --m3e-state-layer-hover-opacity: var( --m3e-list-item-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var(--m3e-list-item-focus-state-layer-color, ${l.color.onSurface}); --m3e-state-layer-focus-opacity: var( --m3e-list-item-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity} ); } :host(:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-pressed-state-layer-color, ${l.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity} ); } @media (forced-colors: active) { :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; } }`,Wu=We([m("m3e-list-item")],Wu);let Ru=class extends(w(d(a,"list"))){constructor(){super(...arguments),Hu.add(this),Ou.set(this,new Array),Du.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),Bu.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),this.variant="standard"}get items(){return He(this,Ou,"f")}get leadingContentType(){return He(this,Du,"f").video>0?"video":He(this,Du,"f").image>0?"image":He(this,Du,"f").avatar>0?"avatar":He(this,Du,"f").icon>0?"icon":He(this,Du,"f").text>0?"text":void 0}get trailingContentType(){return He(this,Bu,"f").video>0?"video":He(this,Bu,"f").image>0?"image":He(this,Bu,"f").avatar>0?"avatar":He(this,Bu,"f").icon>0?"icon":He(this,Bu,"f").text>0?"text":void 0}render(){return o`<slot @slotchange="${He(this,Hu,"m",qu)}"></slot>`}notifyItemsChange(){}notifyLeadingContentTypeChange(e,t){e&&He(this,Du,"f")[e]--,t&&He(this,Du,"f")[t]++,["video","image","avatar","icon"].forEach(e=>{u(this,`-has-leading-${e}`,this.leadingContentType===e)})}notifyTrailingContentTypeChange(e,t){e&&He(this,Bu,"f")[e]--,t&&He(this,Bu,"f")[t]--,["video","image","avatar","icon"].forEach(e=>{u(this,`-has-trailing-${e}`,this.trailingContentType===e)})}};var Fu,Vu,Uu,Nu,ju,Ku,Zu,Gu,Xu;Ou=new WeakMap,Du=new WeakMap,Bu=new WeakMap,Hu=new WeakSet,qu=function(e){Oe(this,Ou,e.target.assignedElements({flatten:!0}).filter(e=>e instanceof Wu),"f"),He(this,Ou,"f").forEach((e,t)=>{u(e,"-first",0===t),u(e,"-last",t===He(this,Ou,"f").length-1)}),this.notifyItemsChange()},Ru.styles=t`: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, ${l.color.surface}); --m3e-list-item-disabled-container-color: var( --m3e-segmented-list-item-disabled-container-color, ${l.color.surface} ); --m3e-list-item-container-shape: var( --m3e-segmented-list-item-container-shape, ${l.shape.corner.extraSmall} ); --m3e-list-item-hover-container-shape: var( --m3e-segmented-list-item-hover-container-shape, ${l.shape.corner.medium} ); --m3e-list-item-focus-container-shape: var( --m3e-segmented-list-item-focus-container-shape, ${l.shape.corner.large} ); --m3e-list-item-selected-container-shape: var( --m3e-segmented-list-item-selected-container-shape, ${l.shape.corner.large} ); --m3e-list-item-video-shape: var(--m3e-segmented-list-item-video-shape, ${l.shape.corner.small}); --m3e-list-item-image-shape: var(--m3e-segmented-list-item-image-shape, ${l.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, ${l.shape.corner.large} ); } :host([variant="segmented"]) ::slotted(:state(-first)), :host([variant="segmented"]) ::slotted(:state(-has-previous-open):not([open])) { --_list-item-top-container-shape: var(--m3e-segmented-list-container-shape, ${l.shape.corner.large}); } :host([variant="segmented"]) ::slotted(:state(-has-next-open):not([open])), :host([variant="segmented"]) ::slotted(:state(-last)) { --_list-item-bottom-container-shape: var(--m3e-segmented-list-container-shape, ${l.shape.corner.large}); } :host([variant="segmented"]) ::slotted(m3e-divider) { display: none; } :host(:state(-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"]:state(-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(:state(-has-leading-image)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-image-width, 3.5rem); } :host(:state(-has-leading-avatar)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-avatar-size, 2.5rem); } :host(:state(-has-leading-icon)) { --_list-item-leading-reserved-display: block; --_list-item-leading-reserved-space: var(--m3e-list-item-icon-size, 1.5rem); }`,We([nt({reflect:!0})],Ru.prototype,"variant",void 0),Ru=We([m("m3e-list")],Ru);let Yu=Xu=class extends Wu{constructor(){super(...arguments),Fu.add(this),Vu.set(this,Xu.__nextId++),Uu.set(this,`m3e-expandable-list-item-${He(this,Vu,"f")}-content`),Nu.set(this,`m3e-expandable-list-item-${He(this,Vu,"f")}-header`),ju.set(this,new Array),this.disabled=!1,this.open=!1}get items(){return He(this,ju,"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 Wu){u(e,"-has-next-open",this.open);break}for(let e=this.nextElementSibling;e;e=e.nextElementSibling)if(e instanceof Wu){u(e,"-has-previous-open",this.open);break}}}render(){return o`<div class="base"><m3e-list-item-button id="${He(this,Nu,"f")}" class="header" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${He(this,Uu,"f")}" @click="${He(this,Fu,"m",Ku)}"><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="${He(this,Uu,"f")}" class="items" role="list" aria-labelledby="${He(this,Nu,"f")}" ?open="${this.open}" @opening="${He(this,Fu,"m",Zu)}" @opened="${He(this,Fu,"m",Zu)}" @closing="${He(this,Fu,"m",Zu)}" @closed="${He(this,Fu,"m",Zu)}"><slot name="items" @slotchange="${He(this,Fu,"m",Gu)}"></slot></m3e-collapsible></div>`}};var Ju,Qu;Vu=new WeakMap,Uu=new WeakMap,Nu=new WeakMap,ju=new WeakMap,Fu=new WeakSet,Ku=function(e){e.defaultPrevented||(this.open=!this.open,this.closest("m3e-action-list")?.[xe].updateActiveItem(this.button))},Zu=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}))},Gu=function(e){Oe(this,ju,e.target.assignedElements({flatten:!0}).flatMap(e=>[...e.childNodes].filter(e=>e instanceof Wu)),"f"),He(this,ju,"f").forEach((e,t)=>{t==He(this,ju,"f").length-1?e.style.setProperty("--_list-item-bottom-container-shape",`var(--m3e-segmented-list-container-shape, ${l.shape.corner.large})`):e.style.removeProperty("--_list-item-bottom-container-shape")}),this.closest("m3e-list, m3e-action-list, m3e-selection-list")?.notifyItemsChange()},Yu.styles=t`:host { display: block; } .header { width: 100%; margin-bottom: 0px; transition: ${e(`margin-bottom \n        var(--m3e-expandable-list-item-bounce-duration, ${l.motion.duration.medium1})\n        ${l.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, ${l.shape.corner.full}); transition: ${e(`background-color ${l.motion.duration.short4} ${l.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: ${e(`transform ${l.motion.duration.short4} ${l.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, ${l.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, ${l.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; } }`,Yu.__nextId=0,We([nt({type:Boolean,reflect:!0})],Yu.prototype,"disabled",void 0),We([nt({type:Boolean,reflect:!0})],Yu.prototype,"open",void 0),We([dt(".header")],Yu.prototype,"button",void 0),Yu=Xu=We([m("m3e-expandable-list-item")],Yu);let ev=class extends Ru{constructor(){super(...arguments),Ju.set(this,e=>this[xe].onKeyDown(e)),this[Qu]=(new Ce).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");t instanceof Yu&&(e=t);break}}return!1})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",He(this,Ju,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,Ju,"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[xe].setItems(e.map(e=>e.button));this[xe].activeItem||this[xe].updateActiveItem(t.find(e=>!e.disabled))}};var tv,av;Ju=new WeakMap,Qu=xe,ev=We([m("m3e-action-list")],ev);let ov=class extends(T(Wu)){constructor(){super(...arguments),tv.add(this),this.disabled=!1}focus(e){this.button?.focus(e)}blur(){this.button?.blur()}click(){this.button?.click()}render(){return o`<m3e-list-item-button class="button" ?disabled="${this.disabled}" href="${cr(this.href||void 0)}" target="${cr(this.target||void 0)}" download="${cr(this.download||void 0)}" rel="${cr(this.rel||void 0)}" @click="${He(this,tv,"m",av)}"><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>`}};tv=new WeakSet,av=function(e){e.defaultPrevented||this.closest("m3e-action-list")?.[xe].updateActiveItem(this.button)},ov.styles=t`:host { display: block; } .button { width: 100%; }`,We([dt(".button")],ov.prototype,"button",void 0),We([nt({type:Boolean,reflect:!0})],ov.prototype,"disabled",void 0),ov=We([m("m3e-list-action")],ov);let iv=class extends(M(T(I(W(w(d(Wu,"button"),!0)))))){constructor(){super(),new H(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new O(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new Z(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 o`<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[D]()} ${super._renderBase()}</div>`}};var rv,sv,nv,lv,cv,dv;iv.styles=[Wu.styles,t`: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); }`],We([dt(".focus-ring")],iv.prototype,"_focusRing",void 0),We([dt(".state-layer")],iv.prototype,"_stateLayer",void 0),We([dt(".ripple")],iv.prototype,"_ripple",void 0),iv=We([m("m3e-list-item-button")],iv);let hv=class extends(M(I(te(W(w(d(Wu,"option"),!0)))))){constructor(){super(),rv.add(this),sv.set(this,void 0),nv.set(this,""),lv.set(this,e=>He(this,rv,"m",dv).call(this,e)),new H(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new O(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new Z(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("hover",e)})}get value(){return He(this,sv,"f")??He(this,nv,"f")}set value(e){Oe(this,sv,e,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,lv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,lv,"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")?.[xe].notifySelectionChange(this);for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}}render(){return o`<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="${He(this,rv,"m",cv)}"></slot><slot name="supporting-text"></slot></div><slot name="trailing" @slotchange="${this._handleTrailingSlotChange}"></slot><div class="indicator">${this.closest("m3e-selection-list")?.multi?o`<m3e-pseudo-checkbox ?checked="${this.selected}" ?disabled="${this.disabled}"></m3e-pseudo-checkbox>`:o`<m3e-pseudo-radio ?checked="${this.selected}" ?disabled="${this.disabled}"></m3e-pseudo-radio>`}</div></div>`}};var mv,pv,uv,vv,bv;sv=new WeakMap,nv=new WeakMap,lv=new WeakMap,rv=new WeakSet,cv=function(e){Oe(this,nv,Q(e.target),"f")},dv=function(e){const t=this.closest("m3e-selection-list");if(!e.defaultPrevented&&t&&(t.multi||!this.selected)){const e=this.selected;this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(t[xe].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=e}},hv.styles=[Wu.styles,t`: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(:state(-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, ${l.shape.corner.large}); } :host([selected]:not(:disabled)) .base { color: var(--m3e-list-item-selected-label-text-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-selected-overline-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-selected-supporting-text-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="leading"]) { color: var(--m3e-list-item-selected-leading-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: var(--m3e-list-item-selected-trailing-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) .base { background-color: var(--m3e-list-item-selected-container-color, ${l.color.secondaryContainer}); } :host([selected]:disabled) .base { background-color: color-mix( in srgb, var(--m3e-list-item-selected-disabled-container-color, ${l.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, ${l.color.onSurface} ); --m3e-state-layer-hover-opacity: var( --m3e-list-item-selected-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var( --m3e-list-item-selected-focus-state-layer-color, ${l.color.onSurface} ); --m3e-state-layer-focus-opacity: var( --m3e-list-item-selected-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity} ); } :host([selected]:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-selected-pressed-state-layer-color, ${l.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-selected-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity} ); } :host(:state(-hide-selection)) .indicator, :host(:not(:state(-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; } }`],We([dt(".focus-ring")],hv.prototype,"_focusRing",void 0),We([dt(".state-layer")],hv.prototype,"_stateLayer",void 0),We([dt(".ripple")],hv.prototype,"_ripple",void 0),We([nt()],hv.prototype,"value",null),hv=We([m("m3e-list-option")],hv);let fv=class extends(q(F(V(K(W(w(d(Ru,"listbox")))))))){constructor(){super(...arguments),mv.add(this),pv.set(this,e=>this[xe].onKeyDown(e)),uv.set(this,e=>He(this,mv,"m",vv).call(this,e)),this[bv]=(new we).withWrap().withHomeAndEnd().withVerticalOrientation(),this.multi=!1,this.hideSelectionIndicator=!1}get options(){return this[xe]?.items??[]}get selected(){return this[xe]?.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[(pv=new WeakMap,uv=new WeakMap,mv=new WeakSet,bv=xe,G)](){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",He(this,pv,"f")),this.addEventListener("change",He(this,uv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,pv,"f")),this.removeEventListener("change",He(this,uv,"f"))}update(e){super.update(e),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[xe].disabled=this.disabled),e.has("multi")&&(this[xe].multi=this.multi,this.multi?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"),this[xe].items.forEach(e=>e.requestUpdate())),e.has("hideSelectionIndicator")&&this[xe].items.forEach(e=>u(e,"-hide-selection",this.hideSelectionIndicator))}notifyItemsChange(){const{added:e}=this[xe].setItems(this.items.filter(e=>e instanceof hv));e.forEach(e=>u(e,"-hide-selection",this.hideSelectionIndicator)),this[xe].activeItem||this[xe].updateActiveItem(e.find(e=>!e.disabled))}};vv=function(e){e.target!==this&&(e.stopImmediatePropagation(),e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0})))},We([nt({type:Boolean})],fv.prototype,"multi",void 0),We([nt({attribute:"hide-selection-indicator",type:Boolean})],fv.prototype,"hideSelectionIndicator",void 0),fv=We([m("m3e-selection-list")],fv);const gv=e("var(--m3e-loading-indicator-size, 2.375rem)"),yv=e(`var(--m3e-loading-indicator-active-indicator-color, ${l.color.primary})`),$v=e(`var(--m3e-loading-indicator-contained-active-indicator-color, ${l.color.onPrimaryContainer})`),xv=e(`var(--m3e-loading-indicator-contained-container-color, ${l.color.secondaryContainer})`),wv=e(`var(--m3e-loading-indicator-container-shape, ${l.shape.corner.full})`),kv=e("var(--m3e-loading-indicator-container-size, 3rem)"),Cv={"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","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",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","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"};let Sv=new Array;const _v=new Map;for(const e in Cv)Sv.push(Cv[e]),_v.set(e,Sv.length-1);const Lv={};Sv=ne(Sv,300);for(const t of _v)Lv[t[0]]=e(Sv[t[1]]);const zv=Lv;let Ev=class extends(d(a,"progressbar")){constructor(){super(...arguments),this.variant="uncontained"}connectedCallback(){super.connectedCallback(),this.ariaValueMin=this.ariaValueMin||"0",this.ariaValueMax=this.ariaValueMax||"100"}disconnectedCallback(){super.disconnectedCallback(),this._activeIndicator?.classList.toggle("animate",!1)}firstUpdated(e){super.firstUpdated(e),this._activeIndicator?.classList.toggle("animate",!0)}render(){return o`<div class="container" aria-hidden="true"><div class="active-indicator"></div></div>`}};Ev.styles=t`:host { display: inline-block; aspect-ratio: 1 / 1; contain: strict; vertical-align: middle; content-visibility: auto; } :host([variant="uncontained"]) { width: ${gv}; } :host([variant="contained"]) { width: ${kv}; } :host([variant="uncontained"]) .active-indicator { background-color: ${yv}; } :host([variant="contained"]) .active-indicator { background-color: ${$v}; } :host([variant="contained"]) .container { background-color: ${xv}; } .container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: ${wv}; } .active-indicator { margin: auto; aspect-ratio: 1 / 1; width: calc(${gv} * 0.842); transform-origin: center; transition: clip-path ${l.motion.spring.slowEffects}; will-change: transform, clip-path; --_polygon-soft-burst: polygon(${zv["soft-burst"]}); --_polygon-7-sided-cookie: polygon(${zv["7-sided-cookie"]}); --_polygon-pentagon: polygon(${zv.pentagon}); --_polygon-pill: polygon(${zv.pill}); --_polygon-very-sunny: polygon(${zv["very-sunny"]}); --_polygon-4-sided-cookie: polygon(${zv["4-sided-cookie"]}); --_polygon-oval: polygon(${zv.oval}); } .active-indicator.animate { animation: rotate 4998ms infinite; } @keyframes rotate { 0% { clip-path: var(--_polygon-soft-burst); transform: rotate(0deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 14% { clip-path: var(--_polygon-7-sided-cookie); transform: rotate(154deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 29% { clip-path: var(--_polygon-pentagon); transform: rotate(309deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 43% { clip-path: var(--_polygon-pill); transform: rotate(463deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 57% { clip-path: var(--_polygon-very-sunny); transform: rotate(617deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 71% { clip-path: var(--_polygon-4-sided-cookie); transform: rotate(771deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 83% { clip-path: var(--_polygon-oval); transform: rotate(926deg); animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8); } 100% { clip-path: var(--_polygon-soft-burst); transform: rotate(1080deg); } } @media (forced-colors: active) { .active-indicator { background-color: CanvasText !important; } }`,We([dt(".active-indicator")],Ev.prototype,"_activeIndicator",void 0),We([nt({reflect:!0})],Ev.prototype,"variant",void 0),Ev=We([m("m3e-loading-indicator")],Ev);class Mv extends(M(I(w(W(a),!0)))){constructor(){super(),new H(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 o`<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>${J(this)?this[D]():i}<div class="wrapper">${this._renderContent()}</div></div>`}}Mv.styles=t`: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):not([aria-expanded="true"])) .base { color: var(--m3e-menu-item-color, ${l.color.onSurface}); } :host(:not([aria-expanded="true"])) .base { --m3e-state-layer-hover-color: var(--m3e-menu-item-container-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-menu-item-container-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-menu-item-ripple-color, ${l.color.onSurface}); } :host(:not(:disabled)[aria-expanded="true"]) .base { background-color: color-mix( in srgb, var(--m3e-menu-item-active-state-layer-color, ${l.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, ${l.color.onTertiaryContainer}); background-color: var(--m3e-menu-item-selected-container-color, ${l.color.tertiaryContainer}); } :host([checked]) .base { --m3e-state-layer-hover-color: var( --m3e-menu-item-selected-container-hover-color, ${l.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-menu-item-selected-container-focus-color, ${l.color.onTertiaryContainer} ); --m3e-ripple-color: var(--m3e-menu-item-selected-ripple-color, ${l.color.onTertiaryContainer}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-menu-item-disabled-color, ${l.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, ${l.shape.corner.extraSmall}); transition: ${e(`border-radius ${l.motion.spring.fastEffects}`)}; } :host([checked]:not(:state(-first))) .base { border-top-left-radius: var(--m3e-menu-item-selected-shape, ${l.shape.corner.medium}); border-top-right-radius: var(--m3e-menu-item-selected-shape, ${l.shape.corner.medium}); } :host([checked]:not(:state(-last))) .base { border-bottom-left-radius: var(--m3e-menu-item-selected-shape, ${l.shape.corner.medium}); border-bottom-right-radius: var(--m3e-menu-item-selected-shape, ${l.shape.corner.medium}); } :host(:state(-first)) .base { border-top-left-radius: var(--m3e-menu-item-first-child-shape, ${l.shape.corner.medium}); border-top-right-radius: var(--m3e-menu-item-first-child-shape, ${l.shape.corner.medium}); } :host(:state(-last)) .base { border-bottom-left-radius: var(--m3e-menu-item-last-child-shape, ${l.shape.corner.medium}); border-bottom-right-radius: var(--m3e-menu-item-last-child-shape, ${l.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, ${l.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-menu-item-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-menu-item-label-text-line-height, ${l.typescale.standard.label.large.lineHeight} ); letter-spacing: var(--m3e-menu-item-label-text-tracking, ${l.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; } }`,We([dt(".focus-ring")],Mv.prototype,"_focusRing",void 0),We([dt(".state-layer")],Mv.prototype,"_stateLayer",void 0),We([dt(".ripple")],Mv.prototype,"_ripple",void 0);let Tv=class extends(c($)){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&&ye(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&&$e(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 Pv,Iv,Av,Wv,Hv,Ov,Dv,Bv,qv,Rv,Fv,Vv;Tv=We([m("m3e-menu-trigger")],Tv);let Uv=Vv=class extends(T(d(Mv,"menuitem"))){constructor(){super(),Pv.add(this),Iv.set(this,e=>He(this,Pv,"m",qv).call(this,e)),Av.set(this,e=>He(this,Pv,"m",Rv).call(this,e)),Wv.set(this,()=>He(this,Pv,"m",Fv).call(this)),this._hasSubmenu=!1,Hv.set(this,void 0),new Z(this,{startDelay:500,endDelay:500,callback:e=>{e&&!this.disabled&&He(this,Hv,"f")&&He(this,Hv,"f").menu?.show(this)}})}get submenu(){return He(this,Hv,"f")?.menu??null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,Iv,"f")),this.addEventListener("keydown",He(this,Av,"f")),this.addEventListener("mouseenter",He(this,Wv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,Iv,"f")),this.removeEventListener("keydown",He(this,Av,"f")),this.removeEventListener("mouseenter",He(this,Wv,"f"))}_renderContent(){return o`<slot name="icon" aria-hidden="true" @slotchange="${He(this,Pv,"m",Dv)}"></slot><span class="content"><slot @slotchange="${He(this,Pv,"m",Ov)}"></slot></span>${this._hasSubmenu?"ltr"===Le.current?o`<svg class="trailing-icon" aria-hidden="true" viewBox="0 -960 960 960" fill="currentColor"><path d="M400-280v-400l200 200-200 200Z"/></svg>`:o`<svg class="trailing-icon" aria-hidden="true" viewBox="0 -960 960 960" fill="currentColor"><path d="M560-280 360-480l200-200v400Z"/></svg>`:o`<slot name="trailing-icon" aria-hidden="true" @slotchange="${He(this,Pv,"m",Bv)}"></slot>`}`}};var Nv,jv,Kv,Zv,Gv,Xv,Yv,Jv,Qv,eb,tb,ab,ob,ib,rb,sb;Iv=new WeakMap,Av=new WeakMap,Wv=new WeakMap,Hv=new WeakMap,Pv=new WeakSet,Ov=function(e){Oe(this,Hv,e.target.assignedElements({flatten:!0}).find(e=>e instanceof Tv),"f"),this._hasSubmenu=void 0!==He(this,Hv,"f")},Dv=function(e){u(this,"-with-icon",p(e.target))},Bv=function(e){u(this,"-with-trailing-icon",p(e.target))},qv=function(e){e.defaultPrevented||this._hasSubmenu||this.menu?.hideAll(!0)},Rv=function(e){if(!e.defaultPrevented&&!this.disabled)switch(e.key){case"Right":case"ArrowRight":"ltr"===Le.current&&(e.preventDefault(),this.submenu?.show(this));break;case"Left":case"ArrowLeft":"rtl"===Le.current&&(e.preventDefault(),this.submenu?.show(this))}},Fv=function(){this.menu?.items.forEach(e=>{e instanceof Vv&&e!==this&&e.submenu?.isOpen&&e.submenu.hide()})},We([lt()],Uv.prototype,"_hasSubmenu",void 0),Uv=Vv=We([m("m3e-menu-item")],Uv);let nb=sb=class extends(w(d(a,"menu"))){constructor(){super(...arguments),Nv.add(this),jv.set(this,void 0),Kv.set(this,void 0),Zv.set(this,(new Ce).withWrap().withHomeAndEnd().withVerticalOrientation()),Gv.set(this,e=>He(this,Nv,"m",tb).call(this,e)),Xv.set(this,()=>He(this,Nv,"m",ab).call(this)),Yv.set(this,e=>He(this,Nv,"m",ob).call(this,e)),Jv.set(this,new ae(this,{target:null,callback:e=>e instanceof sb?e.items.filter(e=>e instanceof Uv).forEach(e=>e.submenu?.hide()):this.hideAll()})),Qv.set(this,e=>{"closed"===e.newState?(He(this,Kv,"f")?.call(this),Oe(this,Kv,void 0,"f")):setTimeout(()=>{He(this,Zv,"f").setActiveItem(He(this,Zv,"f").items.find(e=>!e.disabled))},40)}),this.positionX="after",this.positionY="below",this.variant="standard",this.submenu=!1}get items(){return He(this,Zv,"f").items}get isOpen(){return void 0!==He(this,jv,"f")}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,y(this,"-no-animate"),this.setAttribute("popover","manual"),this.addEventListener("keydown",He(this,Gv,"f")),this.addEventListener("mouseenter",He(this,Xv,"f")),this.addEventListener("toggle",He(this,Qv,"f")),document.addEventListener("click",He(this,Yv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,Gv,"f")),this.removeEventListener("mouseenter",He(this,Xv,"f")),this.removeEventListener("toggle",He(this,Qv,"f")),document.removeEventListener("click",He(this,Yv,"f")),He(this,Nv,"m",rb).call(this)}async show(e){He(this,jv,"f")&&He(this,jv,"f")!==e&&this.hide();let t=this.positionX;"rtl"===Le.current&&(t="before"===t?"after":"before"),Oe(this,Kv,await ze(this,e,{position:this.submenu?"before"===t?"left-start":"right-start":"above"===this.positionY?"before"===t?"top-end":"top-start":"before"===t?"bottom-end":"bottom-start",inline:!0,flip:!0,shift:!0,offset:this.submenu?void 0:4},(e,t,a)=>{if(this.submenu){if(He(this,jv,"f")){const e=He(this,Nv,"m",ib).call(this,He(this,jv,"f")).y;u(this,"-shift-down",!1),u(this,"-shift-up",!1),u(this,Math.round(t)===Math.round(e)?"-shift-down":"-shift-up",!0)}}else u(this,"-top",a.includes("top")),u(this,"-bottom",a.includes("bottom"));"rtl"===Le.current?this.style.right=window.innerWidth-e-this.clientWidth+"px":this.style.left=`${e}px`,this.style.top=`${t}px`}),"f");const a=e.closest("m3e-menu");a?this.variant=a.variant:this._activate(),this.showPopover(),Oe(this,jv,e,"f"),He(this,jv,"f").ariaExpanded="true",He(this,Jv,"f").observe(He(this,jv,"f"))}hide(e=!1){for(const e of He(this,Zv,"f").items){const t=e.submenu;t&&t.isOpen&&t.hide()}He(this,Nv,"m",rb).call(this),this.hidePopover(),He(this,jv,"f")&&(He(this,jv,"f").ariaExpanded="false",e&&He(this,jv,"f").focus(),He(this,Jv,"f").unobserve(He(this,jv,"f")),Oe(this,jv,void 0,"f"))}hideAll(e=!1){let t=this;for(;He(t,jv,"f");){const e=He(t,jv,"f").closest("m3e-menu");if(!e)break;t=e}t.hide(e)}async toggle(e){He(this,jv,"f")?this.hide():await this.show(e)}render(){return o`<div class="base"><slot @slotchange="${He(this,Nv,"m",eb)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),requestAnimationFrame(()=>g(this,"-no-animate"))}_activate(){this!==sb.__activeMenu&&(sb.__activeMenu&&g(sb.__activeMenu,"-active"),sb.__activeMenu=this,y(sb.__activeMenu,"-active"))}};var lb,cb,db,hb,mb,pb,ub,vb,bb,fb,gb,yb;jv=new WeakMap,Kv=new WeakMap,Zv=new WeakMap,Gv=new WeakMap,Xv=new WeakMap,Yv=new WeakMap,Jv=new WeakMap,Qv=new WeakMap,Nv=new WeakSet,eb=function(){const{added:e}=He(this,Zv,"f").setItems([...this.querySelectorAll("m3e-menu-item,m3e-menu-item-checkbox,m3e-menu-item-radio")].filter(e=>e.closest("m3e-menu")===this));He(this,Zv,"f").activeItem||He(this,Zv,"f").updateActiveItem(e.find(e=>!e.disabled)),He(this,Zv,"f").items.forEach((e,t)=>{u(e,"-first",0===t&&!e.previousElementSibling),u(e,"-last",t===He(this,Zv,"f").items.length-1)})},tb=function(e){switch(e.key){case"Right":case"ArrowRight":"rtl"===Le.current?(e.preventDefault(),this.hide(!0)):He(this,Zv,"f").onKeyDown(e);break;case"Left":case"ArrowLeft":"ltr"===Le.current?(e.preventDefault(),this.hide(!0)):He(this,Zv,"f").onKeyDown(e);break;case"Tab":this.hideAll();break;case"Escape":e.shiftKey||e.ctrlKey||this.hide(!0);break;default:He(this,Zv,"f").onKeyDown(e)}},ab=function(){this._activate()},ob=function(e){this.submenu||e.composedPath().some(e=>e instanceof sb||e===He(this,jv,"f"))||this.hide()},ib=function(e){let t=0,a=0;for(let o=e;o;o=o.offsetParent instanceof HTMLElement?o.offsetParent:null)t+=o.offsetLeft-o.scrollLeft+o.clientLeft,a+=o.offsetTop-o.scrollTop+o.clientTop;return{x:t,y:a}},rb=function(){this===sb.__activeMenu&&(g(sb.__activeMenu,"-active"),sb.__activeMenu=void 0)},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-menu > m3e-divider { margin-block: var(--m3e-menu-divider-spacing, 0.5rem); }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),nb.styles=t`:host { position: absolute; padding: unset; margin: unset; border: unset; overflow-y: auto; overflow-x: visible; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.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, ${l.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(:state(-active))) { border-radius: var(--m3e-menu-container-shape, ${l.shape.corner.small}); } :host(:not(:state(-active))) .base { --m3e-menu-item-first-child-shape: ${l.shape.corner.extraSmall}; --m3e-menu-item-last-child-shape: ${l.shape.corner.extraSmall}; } :host(:state(-active)) { border-radius: var(--m3e-menu-active-container-shape, ${l.shape.corner.large}); } :host(:not(:state(-no-animate))) { transition: ${e(`opacity ${l.motion.duration.short2} ${l.motion.easing.standard}, \n        transform ${l.motion.duration.short2} ${l.motion.easing.standard},\n        overlay ${l.motion.duration.short2} ${l.motion.easing.standard} allow-discrete,\n        display ${l.motion.duration.short2} ${l.motion.easing.standard} allow-discrete,\n        border-radius ${l.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(:state(-bottom)) { transform-origin: top; } :host(:state(-top)) { transform-origin: bottom; } :host(:state(-shift-down)) { margin-top: calc(0px - var(--m3e-menu-container-padding-block, 0.25rem)); } :host(:state(-shift-up)) { margin-top: var(--m3e-menu-container-padding-block, 0.25rem); } :host([variant="vibrant"]) { background-color: var(--m3e-vibrant-menu-container-color, ${l.color.tertiaryContainer}); --m3e-menu-item-color: var(--m3e-vibrant-menu-item-color, ${l.color.onTertiaryContainer}); --m3e-menu-item-container-hover-color: var( --m3e-vibrant-menu-item-container-hover-color, ${l.color.onTertiaryContainer} ); --m3e-menu-item-container-focus-color: var( --m3e-vibrant-menu-item-container-focus-color, ${l.color.onTertiaryContainer} ); --m3e-menu-item-ripple-color: var(--m3e-vibrant-menu-item-ripple-color, ${l.color.onTertiaryContainer}); --m3e-menu-item-active-state-layer-color: var( --m3e-vibrant-menu-item-active-state-layer-color, ${l.color.onTertiaryContainer} ); --m3e-menu-item-selected-color: var(--m3e-vibrant-menu-item-selected-color, ${l.color.onTertiary}); --m3e-menu-item-selected-container-color: var( --m3e-vibrant-menu-item-selected-container-color, ${l.color.tertiary} ); --m3e-menu-item-selected-container-hover-color: var( --m3e-vibrant-menu-item-selected-container-hover-color, ${l.color.onTertiary} ); --m3e-menu-item-container-selected-focus-color: var( --m3e-vibrant-menu-item-selected-container-focus-color, ${l.color.onTertiary} ); --m3e-menu-item-selected-ripple-color: var( --m3e-vibrant-menu-item-selected-ripple-color, ${l.color.onTertiary} ); --m3e-menu-item-disabled-color: var( --m3e-vibrant-menu-item-disabled-color, ${l.color.onTertiaryContainer} ); } :host([variant="standard"]) { background-color: var(--m3e-menu-container-color, ${l.color.surfaceContainer}); } @starting-style { :host(:popover-open) { opacity: 0; } :host(:not([submenu]):popover-open) { transform: scaleY(0.8); } } @media (prefers-reduced-motion) { :host(:not(:state(-no-animate))) { transition: none; } } @media (forced-colors: active) { :host { background-color: Menu; color: MenuText; outline: 1px solid MenuText; } }`,We([nt({attribute:"position-x"})],nb.prototype,"positionX",void 0),We([nt({attribute:"position-y"})],nb.prototype,"positionY",void 0),We([nt({reflect:!0})],nb.prototype,"variant",void 0),We([nt({type:Boolean,reflect:!0})],nb.prototype,"submenu",void 0),nb=sb=We([m("m3e-menu")],nb);let $b=class extends(le(d(Mv,"menuitemcheckbox"))){constructor(){super(...arguments),lb.add(this),cb.set(this,e=>He(this,lb,"m",bb).call(this,e)),db.set(this,e=>He(this,lb,"m",fb).call(this,e)),hb.set(this,()=>He(this,lb,"m",gb).call(this)),mb.set(this,()=>He(this,lb,"m",yb).call(this)),pb.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,cb,"f")),this.addEventListener("keydown",He(this,db,"f")),this.addEventListener("keyup",He(this,hb,"f")),this.addEventListener("mouseenter",He(this,mb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,cb,"f")),this.removeEventListener("keydown",He(this,db,"f")),this.removeEventListener("keyup",He(this,hb,"f")),this.removeEventListener("mouseenter",He(this,mb,"f"))}_renderContent(){return o`<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="${He(this,lb,"m",ub)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${He(this,lb,"m",vb)}"></slot>`}};cb=new WeakMap,db=new WeakMap,hb=new WeakMap,mb=new WeakMap,pb=new WeakMap,lb=new WeakSet,ub=function(e){u(this,"-with-icon",p(e.target))},vb=function(e){u(this,"-with-trailing-icon",p(e.target))},bb=function(e){e.defaultPrevented||(this.checked=!this.checked,this.performUpdate(),He(this,pb,"f")||(v()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},fb=function(e){Oe(this,pb," "===e.key,"f")},gb=function(){Oe(this,pb,!1,"f")},yb=function(){this.menu?.items.forEach(e=>{e instanceof Uv&&e.submenu?.isOpen&&e.submenu.hide()})},$b.styles=[Mv.styles,t`.icon { display: flex; align-items: center; justify-content: center; transition: margin-inline-start ${l.motion.spring.fastEffects}; } :host(:not(:state(-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; } }`],$b=We([m("m3e-menu-item-checkbox")],$b);let xb=class extends(d(a,"group")){render(){return o`<slot></slot>`}};var wb,kb,Cb,Sb,_b,Lb,zb,Eb,Mb,Tb,Pb,Ib;xb.styles=t`:host { display: contents; }`,xb=We([m("m3e-menu-item-group")],xb);let Ab=class extends(le(d(Mv,"menuitemradio"))){constructor(){super(...arguments),wb.add(this),kb.set(this,e=>He(this,wb,"m",Mb).call(this,e)),Cb.set(this,e=>He(this,wb,"m",Tb).call(this,e)),Sb.set(this,()=>He(this,wb,"m",Pb).call(this)),_b.set(this,()=>He(this,wb,"m",Ib).call(this)),Lb.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,kb,"f")),this.addEventListener("keydown",He(this,Cb,"f")),this.addEventListener("keyup",He(this,Sb,"f")),this.addEventListener("mouseenter",He(this,_b,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,kb,"f")),this.removeEventListener("keydown",He(this,Cb,"f")),this.removeEventListener("keyup",He(this,Sb,"f")),this.removeEventListener("mouseenter",He(this,_b,"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 o`<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="${He(this,wb,"m",zb)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${He(this,wb,"m",Eb)}"></slot>`}};var Wb,Hb,Ob,Db,Bb;kb=new WeakMap,Cb=new WeakMap,Sb=new WeakMap,_b=new WeakMap,Lb=new WeakMap,wb=new WeakSet,zb=function(e){u(this,"-with-icon",p(e.target))},Eb=function(e){u(this,"-with-trailing-icon",p(e.target))},Mb=function(e){e.defaultPrevented||(this.checked=!0,this.performUpdate(),He(this,Lb,"f")||(v()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},Tb=function(e){Oe(this,Lb," "===e.key,"f")},Pb=function(){Oe(this,Lb,!1,"f")},Ib=function(){this.menu?.items.forEach(e=>{e instanceof Uv&&e.submenu?.isOpen&&e.submenu.hide()})},Ab.styles=$b.styles,Ab=We([m("m3e-menu-item-radio")],Ab);let qb=class extends(w(d(a,"navigation"))){constructor(){super(...arguments),Wb.add(this),this[Bb]=(new we).disableRovingTabIndex(),Hb.set(this,void 0),this.mode="compact"}get items(){return this[xe].items}get selected(){return this[xe].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,He(this,Hb,"f")?.call(this)}update(e){super.update(e),e.has("mode")&&(He(this,Hb,"f")?.call(this),"auto"===this.mode?Oe(this,Hb,Me.observe([Te.XSmall,Te.Small],e=>{this._mode=e.get(Te.XSmall)||e.get(Te.Small)?"compact":"expanded",this._updateItems()}),"f"):(this._mode=void 0,this._updateItems())),e.has("_mode")&&this._updateItems()}render(){return o`<div class="base"><slot @change="${He(this,Wb,"m",Db)}" @slotchange="${He(this,Wb,"m",Ob)}"></slot></div>`}_updateItems(){const e="compact"===this.currentMode?"vertical":"horizontal";this._updateOrientation(e),u(this,"-compact","vertical"===e)}_updateOrientation(e){this[xe].items.forEach(t=>t.orientation=e)}};var Rb,Fb,Vb;Hb=new WeakMap,Wb=new WeakSet,Bb=xe,Ob=function(){this[xe].setItems([...this.querySelectorAll("m3e-nav-item")]),this._updateItems()},Db=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},qb.styles=t`:host { display: block; overflow-x: auto; overflow-y: hidden; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.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, ${l.color.surfaceContainer}); --_nav-item-min-width: var(--m3e-nav-bar-vertical-item-width, 7rem); }`,We([lt()],qb.prototype,"_mode",void 0),We([nt({reflect:!0})],qb.prototype,"mode",void 0),qb=We([m("m3e-nav-bar")],qb);let Ub=class extends(T(te(M(I(A(W(w(d(a,"button"),!0)))))))){constructor(){super(...arguments),Rb.add(this),Fb.set(this,e=>He(this,Rb,"m",Vb).call(this,e)),this.orientation="vertical"}get navBar(){return this.closest("m3e-nav-bar")??this.closest("m3e-nav-rail")??null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,Fb,"f"),{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,Fb,"f"),{capture:!0})}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?.[xe].notifySelectionChange(this)}}updated(e){super.updated(e),e.has("orientation")&&this._focusRing?.attach(this)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){const e=this.disabled||this.disabledInteractive;return o`${"vertical"===this.orientation?o`<m3e-focus-ring class="focus-ring" inward></m3e-focus-ring>`:i}<div class="outer">${this[D]()}<div class="inner">${"horizontal"===this.orientation?o`<m3e-focus-ring class="focus-ring"></m3e-focus-ring>`:i}<m3e-state-layer class="state-layer" ?disabled="${e}"></m3e-state-layer><m3e-ripple class="ripple" centered ?disabled="${e}"></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" aria-hidden="true"></slot></div></div><div class="label"><slot></slot></div></div></div></div>`}};var Nb,jb,Kb,Zb,Gb,Xb,Yb,Jb,Qb,ef,tf,af;Fb=new WeakMap,Rb=new WeakSet,Vb=function(e){e.defaultPrevented||(this.selected=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.navBar?.[xe].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=!1)},Ub.styles=t`: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, ${l.typescale.standard.label.medium.fontSize}); font-weight: var( --m3e-nav-item-label-text-font-weight, ${l.typescale.standard.label.medium.fontWeight} ); line-height: var( --m3e-nav-item-label-text-line-height, ${l.typescale.standard.label.medium.lineHeight} ); letter-spacing: var(--m3e-nav-item-label-text-tracking, ${l.typescale.standard.label.medium.tracking}); border-radius: var(--m3e-nav-item-shape, ${l.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%; } .icon { position: absolute; } .label { vertical-align: middle; } ::slotted([slot="icon"]), ::slotted([slot="selected-icon"]) { width: 1em; font-size: var(--m3e-nav-item-icon-size, 1.5rem) !important; } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .outer { --m3e-state-layer-hover-color: var( --m3e-nav-item-inactive-hover-state-layer-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-nav-item-inactive-focus-state-layer-color, ${l.color.onSecondaryContainer} ); --m3e-ripple-color: var( --m3e-nav-item-inactive-pressed-state-layer-color, ${l.color.onSecondaryContainer} ); } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .label { color: var(--m3e-nav-item-inactive-label-text-color, ${l.color.onSurfaceVariant}); } :host(:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: var(--m3e-nav-item-inactive-icon-color, ${l.color.onSecondaryContainer}); } :host([selected]:not(:disabled):not([disabled-interactive])) .outer { --m3e-state-layer-hover-color: var( --m3e-nav-item-active-hover-state-layer-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-nav-item-active-focus-state-layer-color, ${l.color.onSecondaryContainer} ); --m3e-ripple-color: var( --m3e-nav-item-active-pressed-state-layer-color, ${l.color.onSecondaryContainer} ); } :host([selected]:not(:disabled):not([disabled-interactive])) .label { color: var(--m3e-nav-item-active-label-text-color, ${l.color.secondary}); } :host([selected]:not(:disabled):not([disabled-interactive])) .state-layer { background-color: var(--m3e-nav-item-active-container-color, ${l.color.secondaryContainer}); } :host([selected]:not(:disabled):not([disabled-interactive])) .icon { color: var(--m3e-nav-item-active-icon-color, ${l.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="vertical"]) .base { margin-block: 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([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, ${l.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"]) .inner { height: var(--m3e-horizontal-nav-item-active-indicator-height, 2.5rem); width: fit-content; } .state-layer, .ripple { margin-inline: auto; } :host(:disabled) .label, :host([disabled-interactive]) .label { color: color-mix( in srgb, var(--m3e-nav-item-disabled-label-text-color, ${l.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, ${l.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 (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; } }`,We([dt(".focus-ring")],Ub.prototype,"_focusRing",void 0),We([dt(".state-layer")],Ub.prototype,"_stateLayer",void 0),We([dt(".ripple")],Ub.prototype,"_ripple",void 0),We([nt({reflect:!0})],Ub.prototype,"orientation",void 0),Ub=We([m("m3e-nav-item")],Ub);let of=af=class extends(te(W(x(w(d(a,"treeitem"),!0),"opening","opened","closing","closed")))){constructor(){super(...arguments),Nb.add(this),this._hasChildItems=!1,jb.set(this,[]),Kb.set(this,null),Zb.set(this,new Array),Gb.set(this,null),this.open=!1}get link(){return He(this,Gb,"f")}get label(){return this._base??null}get visible(){return!He(this,Zb,"f").some(e=>!e.open)}get path(){return[...He(this,Zb,"f"),this]}get hasChildItems(){return this._hasChildItems}get parentItem(){return He(this,Zb,"f")[He(this,Zb,"f").length-1]??null}get childItems(){return He(this,jb,"f")}get level(){return He(this,Zb,"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(),He(this,Zb,"f").length=0;for(let e=this.parentElement?.closest("m3e-nav-menu-item");e;e=e.parentElement?.closest("m3e-nav-menu-item"))He(this,Zb,"f").push(e);He(this,Zb,"f").reverse(),this.style.setProperty("--_nav-menu-item-level",`${this.level}`),Oe(this,Kb,this.closest("m3e-nav-menu"),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,Zb,"f").length=0}update(e){if(super.update(e),e.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);He(this,Zb,"f").forEach(e=>e.selected=this.selected),this.selected&&!this.hasChildItems&&this.closest("m3e-nav-menu")?.[xe].notifySelectionChange(this)}(e.has("open")||e.has("_hasChildItems"))&&(this.ariaExpanded=this._hasChildItems?`${this.open}`:null),(e.has("_hasChildItems")&&this.disabled||e.has("disabled"))&&He(this,jb,"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 o`<div class="base" @click="${He(this,Nb,"m",ef)}"><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">${He(this,Nb,"m",Xb).call(this)}</div><div class="label"><slot name="label" @slotchange="${He(this,Nb,"m",Jb)}"></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="${cr(this._hasChildItems?void 0:"true")}" ?open="${this._hasChildItems&&this.open}" @opening="${He(this,Nb,"m",tf)}" @opened="${He(this,Nb,"m",tf)}" @closing="${He(this,Nb,"m",tf)}" @closed="${He(this,Nb,"m",tf)}"><slot @slotchange="${He(this,Nb,"m",Qb)}"></slot></m3e-collapsible>`}};var rf,sf,nf,lf,cf,df,hf,mf,pf,uf,vf,bf,ff,gf,yf;jb=new WeakMap,Kb=new WeakMap,Zb=new WeakMap,Gb=new WeakMap,Nb=new WeakSet,Xb=function(){const e=o`<slot name="icon" @slotchange="${He(this,Nb,"m",Yb)}"></slot>`;return this.selected&&!this.hasChildItems?o`<slot name="selected-icon" @slotchange="${He(this,Nb,"m",Yb)}">${e}</slot>`:e},Yb=function(e){u(this,"-with-icon",p(e.target))},Jb=function(e){Oe(this,Gb,e.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLAnchorElement)??null,"f"),He(this,Gb,"f")?.setAttribute("tabindex","-1")},Qb=function(e){Oe(this,jb,e.target.assignedElements({flatten:!0}).filter(e=>e instanceof af),"f");const t=this._hasChildItems;this._hasChildItems=He(this,jb,"f").length>0,u(this,"-with-items",this._hasChildItems),(t||this._hasChildItems)&&(this.selected=He(this,jb,"f").some(e=>e.selected))},ef=function(){if(!this.disabled)if(He(this,Kb,"f")?.[xe].setActiveItem(this),this._hasChildItems)this.toggle();else{He(this,Kb,"f")?.[xe].select(this),He(this,Zb,"f").forEach(e=>e.selected=this.selected),He(this,Gb,"f")?.click();const e=this.closest("m3e-drawer-container");if(e){const t=this.closest("[slot='start']")??this.closest("[slot='end']");t&&(L(e,`-${t.slot}-push`)||L(e,`-${t.slot}-over`))&&setTimeout(()=>{e.removeAttribute(t.slot),e.dispatchEvent(new Event("change",{bubbles:!0}))},300)}}},tf=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`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); }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),of.styles=t`: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) + ${l.density.calc(-3)}); column-gap: var(--m3e-nav-menu-item-spacing, 0.75rem); font-size: var(--m3e-nav-menu-item-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-nav-menu-item-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-nav-menu-item-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-nav-menu-item-tracking, ${l.typescale.standard.label.large.tracking}); transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard},\n        background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .base, .focus-ring { border-radius: var(--m3e-nav-menu-item-shape, ${l.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, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-nav-menu-item-badge-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-nav-menu-item-badge-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-nav-menu-item-badge-tracking, ${l.typescale.standard.label.large.tracking}); } .toggle { transition: ${e(`transform var(--m3e-collapsible-animation-duration, ${l.motion.duration.medium1})\n        ${l.motion.easing.standard}`)}; } :host(:not(:state(-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(:state(-with-items))) .toggle, :host(:not(:state(-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, ${l.color.onSurfaceVariant}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-nav-menu-item-disabled-color, ${l.color.onSurface}) var(--m3e-nav-menu-item-disabled-color-opacity, 38%), transparent ); } :host([selected]:not(:state(-with-items)):not(:disabled)) .base { color: var(--m3e-nav-menu-item-selected-label-color, ${l.color.onSecondaryContainer}); background-color: var(--m3e-nav-menu-item-selected-container-color, ${l.color.secondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-selected-container-focus-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-selected-container-hover-color, ${l.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-nav-menu-item-selected-ripple-color, ${l.color.onSecondaryContainer}); } :host(:not([selected]):not(:state(-with-items)):not(:disabled)) .base { --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-unselected-container-focus-color, ${l.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-unselected-container-hover-color, ${l.color.onSurface} ); --m3e-ripple-color: var(--m3e-nav-menu-item-unselected-ripple-color, ${l.color.onSurface}); } .state-layer { margin-inline: auto; } :host([selected]:state(-with-items):not(:disabled)) .base { background-color: var(--m3e-nav-menu-item-open-container-color, ${l.color.surfaceContainerHighest}); --m3e-state-layer-focus-color: var( --m3e-nav-menu-item-open-container-focus-color, ${l.color.onSurface} ); --m3e-state-layer-hover-color: var( --m3e-nav-menu-item-open-container-hover-color, ${l.color.onSurface} ); --m3e-ripple-color: var(--m3e-nav-menu-item-open-ripple-color, ${l.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([selected]):not(:disabled)) .base { color: ButtonText; } :host([selected]:not(:state(-with-items)):not(:disabled)) .base { forced-color-adjust: none; color: ButtonFace; background-color: ButtonText; } :host([selected]:state(-with-items):not(:disabled)) .base { background-color: unset; color: ButtonText; } }`,We([dt(".state-layer")],of.prototype,"stateLayer",void 0),We([dt(".focus-ring")],of.prototype,"focusRing",void 0),We([dt(".ripple")],of.prototype,"ripple",void 0),We([dt(".base")],of.prototype,"_base",void 0),We([lt()],of.prototype,"_hasChildItems",void 0),We([nt({type:Boolean,reflect:!0})],of.prototype,"open",void 0),of=af=We([m("m3e-nav-menu-item")],of);let $f=yf=class extends(d(a,"tree")){constructor(){super(),rf.add(this),sf.set(this,!1),nf.set(this,!1),this[gf]=(new we).withVerticalOrientation().withHomeAndEnd().withTypeahead().withSkipPredicate(e=>e.disabled||!e.visible).disableRovingTabIndex().onActiveItemChange(()=>{this[xe].activeItem&&He(this,rf,"m",vf).call(this,this[xe].activeItem)}).onSelectedItemsChange(()=>{const e=this.selected;for(const t of this.items)t!==e&&He(this,rf,"m",ff).call(this,t,!1,!1);e?.label&&b(e.label,this,{block:"start",behavior:"smooth"})}),lf.set(this,e=>He(this,rf,"m",mf).call(this,e)),cf.set(this,e=>He(this,rf,"m",pf).call(this,e)),df.set(this,e=>He(this,rf,"m",uf).call(this,e)),new O(this,{callback:e=>Oe(this,nf,e,"f")}),new H(this,{callback:()=>{He(this,nf,"f")||He(this,rf,"m",bf).call(this)}})}get selected(){return this[xe].selectedItems[0]??null}get items(){return this[xe].items}expand(e){(e??this[xe].items).forEach(e=>e.expand())}collapse(e){(e??this[xe].items).forEach(e=>e.collapse());const t=this[xe].activeItem;if(t&&!t.visible)for(let e=t.parentItem;e;e=e.parentItem)if(e.visible){this[xe].setActiveItem(e);break}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.addEventListener("keydown",He(this,lf,"f")),this.addEventListener("keyup",He(this,cf,"f")),this.addEventListener("pointerdown",He(this,df,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,lf,"f")),this.removeEventListener("keyup",He(this,cf,"f")),this.removeEventListener("pointerdown",He(this,df,"f"))}render(){return o`<div class="base"><slot @slotchange="${He(this,rf,"m",hf)}"></slot></div>`}};var xf,wf,kf,Cf,Sf;sf=new WeakMap,nf=new WeakMap,lf=new WeakMap,cf=new WeakMap,df=new WeakMap,rf=new WeakSet,gf=xe,hf=function(){for(const e of this.querySelectorAll("m3e-divider"))e.ariaHidden="true";const{added:e}=this[xe].setItems([...this.querySelectorAll("m3e-nav-menu-item")]);for(const t of e)t.id=t.id||"m3e-nav-menu-item-"+yf.__nextId++;this[xe].activeItem?(this.setAttribute("aria-activedescendant",this[xe].activeItem.id),He(this,rf,"m",bf).call(this)):this.removeAttribute("aria-activedescendant")},mf=function(e){Oe(this,sf,!1,"f"),He(this,rf,"m",bf).call(this);const t=this[xe].activeItem;if(!e.defaultPrevented&&t&&!t.disabled)switch(e.key){case"Enter":case" ":e.preventDefault()," "===e.key&&t.ripple&&!t.ripple.visible&&t.ripple.show(0,0,!0),t.hasChildItems?requestAnimationFrame(()=>t.toggle()):t.selected||(this[xe].select(t),t.link?.click());break;case"*":e.preventDefault(),t.expand(!0);break;case"Left":case"ArrowLeft":if(e.preventDefault(),"ltr"===Le.current)if(t.hasChildItems&&t.open)requestAnimationFrame(()=>t.collapse());else{const e=t.parentItem;e&&requestAnimationFrame(()=>{e.collapse(),this[xe].setActiveItem(e)})}else t.hasChildItems&&!t.open&&t.expand();break;case"Right":case"ArrowRight":if(e.preventDefault(),"rtl"===Le.current)if(t.hasChildItems&&t.open)requestAnimationFrame(()=>t.collapse());else{const e=t.parentItem;e&&requestAnimationFrame(()=>{e.collapse(),this[xe].setActiveItem(e)})}else t.hasChildItems&&!t.open&&t.expand();break;default:this[xe].onKeyDown(e)}},pf=function(e){const t=this[xe].activeItem;e.defaultPrevented||!t||t.disabled||" "!==e.key||t.ripple?.hide()},uf=function(e){if(!e.defaultPrevented&&!He(this,sf,"f")){Oe(this,sf,!0,"f");const t=e.composedPath().reverse().find(e=>e instanceof of);t&&!t.disabled&&He(this,rf,"m",ff).call(this,t,!0,!1)}},vf=function(e){this.setAttribute("aria-activedescendant",e.id),e.label&&b(e.label,this,{block:"nearest",behavior:"smooth"}),He(this,rf,"m",bf).call(this)},bf=function(){const e=this.matches(":focus")||this.matches(":focus-within"),t=!He(this,sf,"f")&&this.matches(":focus-visible");this[xe].items.forEach(a=>{const o=a===this[xe].activeItem;He(this,rf,"m",ff).call(this,a,o&&e,o&&t)})},ff=function(e,t,a){t&&a?e.stateLayer?.show("focused"):e.stateLayer?.hide("focused"),a?e.focusRing?.show():e.focusRing?.hide()},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-nav-menu > m3e-divider { margin-block: var(--m3e-nav-menu-divider-margin, 0.25rem); flex: none; }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),$f.styles=t`:host { display: block; outline: none; overflow-y: auto; overflow-x: hidden; min-height: 0; scrollbar-width: ${l.scrollbar.width}; scrollbar-color: ${l.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); }`,$f.__nextId=0,$f=yf=We([m("m3e-nav-menu")],$f);let _f=Sf=class extends(w(d(a,"group"))){constructor(){super(...arguments),xf.add(this),wf.set(this,"m3e-nav-menu-item-group-label-"+Sf.__nextId++),kf.set(this,void 0)}connectedCallback(){super.connectedCallback(),u(this,"-divided","M3E-DIVIDER"===this.previousElementSibling?.tagName)}disconnectedCallback(){super.disconnectedCallback(),g(this,"-divided")}render(){return o`<div class="label"><slot name="label" @slotchange="${He(this,xf,"m",Cf)}"></slot></div><slot></slot>`}};var Lf,zf,Ef,Mf;wf=new WeakMap,kf=new WeakMap,xf=new WeakSet,Cf=function(e){const t=e.target.assignedElements({flatten:!0})[0];t!==He(this,kf,"f")&&(He(this,kf,"f")?.id===He(this,wf,"f")&&(He(this,kf,"f").id=""),Oe(this,kf,t,"f"),He(this,kf,"f")?(He(this,kf,"f").id=He(this,kf,"f").id||He(this,wf,"f"),this.setAttribute("aria-labelledby",He(this,kf,"f").id)):this.removeAttribute("aria-labelledby")),u(this,"-with-label",void 0!==He(this,kf,"f"))},_f.styles=t`:host { display: contents; } :host(:not(:state(-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(:state(-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(:state(-divided))) .label { margin-block-start: var(--m3e-nav-menu-item-group-label-space, 1rem); }`,_f.__nextId=0,_f=Sf=We([m("m3e-nav-menu-item-group")],_f);let Tf=class extends Pe{constructor(){super(),Lf.add(this),zf.set(this,(new Ce).withHomeAndEnd().withWrap()),Ef.set(this,e=>He(this,Lf,"m",Mf).call(this,e)),this[xe].onSelectedItemsChange(()=>{He(this,zf,"f").updateActiveItem(this[xe].activeItem)})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",He(this,Ef,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",He(this,Ef,"f"))}_updateItems(){const e=fe.findInteractiveElements(this),{added:t}=He(this,zf,"f").setItems(e);if(!He(this,zf,"f").activeItem){const e=t.find(e=>!e.hasAttribute("disabled"));e&&He(this,zf,"f").updateActiveItem(e)}super._updateItems()}_updateOrientation(e){super._updateOrientation(e),this.querySelectorAll("m3e-fab").forEach(t=>t.toggleAttribute("extended","horizontal"===e))}};var Pf,If,Af;zf=new WeakMap,Ef=new WeakMap,Lf=new WeakSet,Mf=function(e){He(this,zf,"f").onKeyDown(e)},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`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:not(:state(-compact)) > m3e-icon-button { margin-inline-start: var(--m3e-nav-rail-expanded-icon-button-inset, 0.5rem); }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),Tf.styles=t`:host { display: block; overflow-x: hidden; overflow-y: auto; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; } .base { display: flex; width: 100%; min-width: inherit; max-width: inherit; flex-direction: column; padding-block-start: var(--m3e-nav-rail-top-space, 2.75rem); padding-block-end: var(--m3e-nav-rail-bottom-space, 0.5rem); } :host(:state(-compact)) { width: var(--m3e-nav-rail-compact-width, 6rem); } :host(:state(-compact)) ::slotted(m3e-fab) { align-self: center; } :host(:not(:state(-compact))) { min-width: var(--m3e-nav-rail-expanded-min-width, 13.75rem); max-width: var(--m3e-nav-rail-expanded-max-width, 22.5rem); } :host(:not(:state(-compact))) .base { padding-inline: var(--m3e-nav-rail-expanded-inline-padding, 1.25rem); align-items: flex-start; --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; } :host(:state(-compact)) ::slotted(m3e-icon-button) { align-self: center; } ::slotted(m3e-fab) { --m3e-fab-container-elevation: ${l.elevation.level0}; --m3e-fab-disabled-container-elevation: ${l.elevation.level0}; --m3e-fab-focus-container-elevation: ${l.elevation.level0}; --m3e-fab-pressed-container-elevation: ${l.elevation.level0}; --m3e-fab-hover-container-elevation: ${l.elevation.level1}; --m3e-fab-lowered-container-elevation: ${l.elevation.level0}; --m3e-fab-lowered-disabled-container-elevation: ${l.elevation.level0}; --m3e-fab-lowered-focus-container-elevation: ${l.elevation.level0}; --m3e-fab-lowered-pressed-container-elevation: ${l.elevation.level0}; --m3e-fab-lowered-hover-container-elevation: ${l.elevation.level1}; }`,Tf=We([m("m3e-nav-rail")],Tf);let Wf=class extends(c($)){constructor(){super(...arguments),Pf.add(this),If.set(this,new oe(this,{target:null,config:{attributeFilter:["class"]},callback:()=>He(this,Pf,"m",Af).call(this)}))}attach(e){e instanceof Tf&&He(this,If,"f").observe(e),this.htmlFor&&this.parentElement&&ye(this.parentElement,"aria-controls",this.htmlFor),super.attach(e),He(this,Pf,"m",Af).call(this)}detach(){for(const e of He(this,If,"f").targets)He(this,If,"f").unobserve(e);this.parentElement&&(this.htmlFor&&$e(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),super.detach()}_onClick(){this.control instanceof Tf&&(this.control.currentMode="compact"===this.control.currentMode?"expanded":"compact")}};var Hf,Of,Df,Bf;If=new WeakMap,Pf=new WeakSet,Af=async function(){if(!this.parentElement)return;const e=this.control instanceof Tf&&"expanded"===this.control.currentMode;this.parentElement.ariaExpanded=`${e}`,this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",e),this.parentElement instanceof a&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},Wf=We([m("m3e-nav-rail-toggle")],Wf);let qf=class extends(te(W(w(d(a,"option"))))){constructor(){super(...arguments),Hf.add(this),Of.set(this,void 0),Df.set(this,"")}get value(){return He(this,Of,"f")??He(this,Df,"f")}set value(e){Oe(this,Of,e,"f")}[(Of=new WeakMap,Df=new WeakMap,Hf=new WeakSet,_e)](){return He(this,Df,"f")}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-select");e&&"true"!==e.ariaMultiSelectable&&!e.hasAttribute("multi")&&e.querySelectorAll("m3e-option").forEach(e=>{e!==this&&e.selected&&(e.selected=!1)})}}render(){return o`<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"><slot @slotchange="${He(this,Hf,"m",Bf)}"></slot></m3e-text-overflow></div></div>`}};var Rf,Ff,Vf,Uf,Nf;Bf=function(e){Oe(this,Df,Q(e.target),"f"),u(this,"-empty",this.isEmpty)},qf.styles=t`: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, ${l.color.onSurface}); --m3e-state-layer-hover-color: var(--m3e-option-container-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-option-container-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-option-ripple-color, ${l.color.onSurface}); } :host(:not([aria-disabled="true"]):not(:state(-empty))[selected]) .base { color: var(--m3e-option-selected-color, ${l.color.onTertiaryContainer}); background-color: var(--m3e-option-selected-container-color, ${l.color.tertiaryContainer}); --m3e-state-layer-hover-color: var( --m3e-option-selected-container-hover-color, ${l.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-option-selected-container-focus-color, ${l.color.onTertiaryContainer} ); --m3e-ripple-color: var(--m3e-option-selected-ripple-color, ${l.color.onTertiaryContainer}); } :host(:not([aria-disabled="true"])) { cursor: pointer; } :host([aria-disabled="true"]) .base { color: color-mix( in srgb, var(--m3e-option-disabled-color, ${l.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, ${l.shape.corner.extraSmall}); transition: ${e(`border-radius ${l.motion.spring.fastEffects}`)}; } :host([selected]:not(:state(-first))) .base { border-top-left-radius: var(--m3e-option-selected-shape, ${l.shape.corner.medium}); border-top-right-radius: var(--m3e-option-selected-shape, ${l.shape.corner.medium}); } :host([selected]:not(:state(-last))) .base { border-bottom-left-radius: var(--m3e-option-selected-shape, ${l.shape.corner.medium}); border-bottom-right-radius: var(--m3e-option-selected-shape, ${l.shape.corner.medium}); } :host(:state(-first)) .base { border-top-left-radius: var(--m3e-option-first-child-shape, ${l.shape.corner.medium}); border-top-right-radius: var(--m3e-option-first-child-shape, ${l.shape.corner.medium}); } :host(:state(-last)) .base { border-bottom-left-radius: var(--m3e-option-last-child-shape, ${l.shape.corner.medium}); border-bottom-right-radius: var(--m3e-option-last-child-shape, ${l.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, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-option-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-option-label-text-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-option-label-text-tracking, ${l.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: ${e(`margin-inline-start ${l.motion.spring.fastEffects}, width ${l.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(:state(-empty)) .icon, :host(:state(-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; } }`,We([dt(".focus-ring")],qf.prototype,"focusRing",void 0),We([dt(".state-layer")],qf.prototype,"stateLayer",void 0),We([dt(".ripple")],qf.prototype,"_ripple",void 0),We([nt()],qf.prototype,"value",null),qf=We([m("m3e-option")],qf);let jf=Nf=class extends(d(a,"group")){constructor(){super(...arguments),Rf.add(this),Ff.set(this,"m3e-optgroup-label-"+Nf.__nextId++),Vf.set(this,void 0)}render(){return o`<m3e-text-overflow class="label"><slot name="label" @slotchange="${He(this,Rf,"m",Uf)}"></slot></m3e-text-overflow><slot></slot>`}};var Kf,Zf,Gf,Xf,Yf,Jf,Qf,eg,tg,ag;Ff=new WeakMap,Vf=new WeakMap,Rf=new WeakSet,Uf=function(e){const t=e.target.assignedElements({flatten:!0})[0]??void 0;t!==He(this,Vf,"f")&&(He(this,Vf,"f")?.id&&($e(this,"aria-labelledby",He(this,Vf,"f").id),He(this,Vf,"f").id===He(this,Ff,"f")&&(He(this,Vf,"f").id="")),Oe(this,Vf,t,"f"),He(this,Vf,"f")&&(He(this,Vf,"f").id=He(this,Vf,"f").id||He(this,Ff,"f"),ye(this,"aria-labelledby",He(this,Vf,"f").id)))},jf.styles=t`: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, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-option-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-option-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-option-tracking, ${l.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, ${l.color.onSurface}); flex: none; }`,jf.__nextId=0,jf=Nf=We([m("m3e-optgroup")],jf);let og=ag=class extends(w(d(a,"listbox"))){constructor(){super(...arguments),Kf.add(this),Zf.set(this,void 0),Gf.set(this,void 0),Xf.set(this,void 0),Yf.set(this,e=>He(this,Kf,"m",tg).call(this,e)),Jf.set(this,new ae(this,{target:null,callback:()=>this.hide(!1)})),Qf.set(this,e=>{"closed"===e.newState&&(He(this,Xf,"f")?.call(this),Oe(this,Xf,void 0,"f"))})}get isOpen(){return void 0!==He(this,Zf,"f")}connectedCallback(){super.connectedCallback(),y(this,"-no-animate"),this.setAttribute("popover","manual"),this.addEventListener("toggle",He(this,Qf,"f")),document.addEventListener("click",He(this,Yf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("toggle",He(this,Qf,"f")),document.removeEventListener("click",He(this,Yf,"f"))}async show(e,t){He(this,Zf,"f")&&He(this,Zf,"f")!==e&&this.hide(),Oe(this,Xf,await ze(this,t??e,{position:"bottom-start",inline:!0,flip:!0},(e,t,a)=>{u(this,"-top",a.includes("top")),u(this,"-bottom",a.includes("bottom")),"rtl"===Le.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(),Oe(this,Zf,e,"f"),He(this,Zf,"f").ariaExpanded="true",Oe(this,Gf,t,"f"),He(this,Jf,"f").observe(He(this,Zf,"f"))}hide(e=!1){this.hidePopover(),He(this,Zf,"f")&&(He(this,Zf,"f").ariaExpanded="false",e&&He(this,Zf,"f").focus(),He(this,Jf,"f").unobserve(He(this,Zf,"f")),Oe(this,Zf,void 0,"f"))}async toggle(e,t){He(this,Zf,"f")?this.hide():await this.show(e,t)}firstUpdated(e){super.firstUpdated(e),requestAnimationFrame(()=>g(this,"-no-animate"))}render(){return o`<div class="base"><slot @slotchange="${He(this,Kf,"m",eg)}"></slot></div>`}};
 /**
  * Adapted from Angular Material Paginator
  * Source: https://github.com/angular/components/blob/main/src/material/paginator/paginator.ts
@@ -153,7 +153,7 @@ const ug=cl(class extends dl{constructor(e){if(super(e),e.type!==nl||"class"!==e
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class My extends dl{constructor(e){if(super(e),this.it=Zi,e.type!==ll)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===Zi||null==e)return this._t=void 0,this.it=e;if(e===Ki)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}My.directiveName="unsafeHTML",My.resultType=1;const Ty=cl(My);var Py,Iy,Ay,Wy,Hy,Oy,Dy,By,qy,Ry,Fy,Vy,Uy,Ny,jy,Ky,Zy,Gy,Xy,Yy,Jy,Qy,e$,t$,a$,o$;let i$=o$=class extends(I(q(R(F(V(U(N(K(W(w(d(a,"combobox")))))))))))){constructor(){super(),Py.add(this),Iy.set(this,void 0),Ay.set(this,!1),Wy.set(this,!1),Hy.set(this,"m3e-select-"+o$.__nextId++),Oy.set(this,`${He(this,Hy,"f")}-list`),Dy.set(this,e=>He(this,Py,"m",jy).call(this,e)),By.set(this,e=>He(this,Py,"m",Ky).call(this,e)),qy.set(this,e=>He(this,Py,"m",Zy).call(this,e)),Ry.set(this,e=>He(this,Py,"m",Xy).call(this,e)),Fy.set(this,e=>He(this,Py,"m",Gy).call(this,e)),this._listKeyManager=(new be).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&He(this,Py,"m",t$).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,new S(this,{callback:()=>{He(this,Iy,"f")&&(He(this,Iy,"f").style.minWidth=He(this,Py,"a",Vy))}})}get selected(){return this.options.filter(e=>e.selected)}get options(){return this._listKeyManager?.items??[]}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[(Iy=new WeakMap,Ay=new WeakMap,Wy=new WeakMap,Hy=new WeakMap,Oy=new WeakMap,Dy=new WeakMap,By=new WeakMap,qy=new WeakMap,Ry=new WeakMap,Fy=new WeakMap,Py=new WeakSet,G)](){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(){Oe(this,Wy,!0,"f"),He(this,Py,"m",Jy).call(this),this.focus({preventScroll:!0})}clear(e=!1){const t=this.selected,a=t.length>0;a&&(t.forEach(e=>e.selected=!1),this.requestUpdate()),He(this,Py,"m",e$).call(this),a&&this.dispatchEvent(new Event("change",{bubbles:!0})),e&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",He(this,Dy,"f")),this.addEventListener("keydown",He(this,By,"f")),this.addEventListener("keyup",He(this,qy,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,Dy,"f")),this.removeEventListener("keydown",He(this,By,"f")),this.removeEventListener("keyup",He(this,qy,"f"))}update(e){super.update(e),e.has("hideSelectionIndicator")&&this.options.forEach(e=>u(e,"-hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(e){super.firstUpdated(e),this._focusRing?.attach(this),He(this,Py,"a",Uy)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return o`<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?o`<span>, </span>${Ty(e.innerHTML)}`:Ty(e.innerHTML))}</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" role="listbox" aria-multiselectable="${this.multi}"><slot @slotchange="${He(this,Py,"m",Ny)}"></slot></div>`}};Vy=function(){const e=He(this,Py,"a",Uy);return`${e?e.menuAnchor.clientWidth:this.clientWidth}px`},Uy=function(){return this.closest("m3e-form-field")},Ny=function(){if(He(this,Iy,"f"))return;const{added:e}=this._listKeyManager.setItems([...this.querySelectorAll("m3e-option")]);e.forEach(e=>{e.id=e.id||`${He(this,Hy,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,u(e,"-hide-selection-indicator",this.hideSelectionIndicator)}),He(this,Py,"a",Uy)?.notifyControlStateChange()},jy=function(e){e.defaultPrevented||this.disabled||He(this,Py,"m",Jy).call(this)},Ky=function(e){if(!e.defaultPrevented)switch(Oe(this,Wy,!1,"f"),e.key){case" ":case"Enter":e.preventDefault(),this.multi?He(this,Iy,"f")||(Oe(this,Ay,!0,"f"),He(this,Py,"m",Jy).call(this)):(He(this,Iy,"f")&&this._listKeyManager.activeItem&&He(this,Py,"m",a$).call(this,this._listKeyManager.activeItem),He(this,Iy,"f")?.isOpen?v()?He(this,Py,"m",e$).call(this):setTimeout(()=>He(this,Py,"m",e$).call(this),150):He(this,Py,"m",Qy).call(this));break;case"Escape":case"Tab":He(this,Py,"m",e$).call(this);break;case"Down":case"ArrowDown":this.multi&&!He(this,Iy,"f")?He(this,Py,"m",Jy).call(this):(this._listKeyManager.onKeyDown(e),!He(this,Iy,"f")&&this._listKeyManager.activeItem&&He(this,Py,"m",a$).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(e),this.multi||He(this,Iy,"f")||!this._listKeyManager.activeItem||He(this,Py,"m",a$).call(this,this._listKeyManager.activeItem)}},Zy=function(e){if(!e.defaultPrevented)if(He(this,Ay,"f"))Oe(this,Ay,!1,"f");else switch(e.key){case" ":case"Enter":if(!this.multi)return;e.preventDefault(),He(this,Iy,"f")&&this._listKeyManager.activeItem&&He(this,Py,"m",a$).call(this,this._listKeyManager.activeItem)}},Gy=function(e){if(2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const t=e.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);t&&!t.disabled&&(He(this,Py,"m",a$).call(this,t),this._listKeyManager.setActiveItem(t),this.multi?this.requestUpdate():v()?He(this,Py,"m",e$).call(this):setTimeout(()=>He(this,Py,"m",e$).call(this),150))},Xy=function(e){if(He(this,Iy,"f"))if("closed"!==e.newState){const t=this.selected.find(e=>!e.disabled)??this._listKeyManager.items.find(e=>!e.disabled);this._listKeyManager.setActiveItem(t),t&&b(t,He(this,Iy,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else v()?He(this,Py,"m",Yy).call(this,e):setTimeout(()=>He(this,Py,"m",Yy).call(this,e),100)},Yy=function(e){He(this,Iy,"f")&&([...He(this,Iy,"f").childNodes].forEach(e=>this.append(e)),He(this,Iy,"f").remove(),He(this,Iy,"f").removeEventListener("toggle",He(this,Ry,"f")),He(this,Iy,"f").removeEventListener("pointerdown",He(this,Fy,"f")),Oe(this,Iy,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.requestUpdate(),g(this,"-open"),He(this,Py,"a",Uy)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState})))},Jy=function(){this.disabled||(He(this,Iy,"f")?He(this,Py,"m",e$).call(this):He(this,Py,"m",Qy).call(this))},Qy=function(){if(!He(this,Iy,"f")){Oe(this,Iy,document.createElement("m3e-option-panel"),"f"),this.multi&&(He(this,Iy,"f").ariaMultiSelectable="true"),He(this,Iy,"f").id=He(this,Oy,"f"),He(this,Iy,"f").style.overflowX="hidden",He(this,Iy,"f").style.minWidth=He(this,Py,"a",Vy),He(this,Iy,"f").addEventListener("toggle",He(this,Ry,"f")),He(this,Iy,"f").addEventListener("pointerdown",He(this,Fy,"f"));for(const e of[...this.childNodes])He(this,Iy,"f").append(e);(He(this,Py,"a",Uy)??this).insertAdjacentElement("afterend",He(this,Iy,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",He(this,Oy,"f")),this.setAttribute("aria-owns",He(this,Oy,"f")),He(this,Py,"a",Uy)?.notifyControlStateChange(),setTimeout(()=>{He(this,Iy,"f")?.show(this,He(this,Py,"a",Uy)?.menuAnchor),y(this,"-open")})}},e$=function(){He(this,Iy,"f")&&(He(this,Iy,"f").hide(),this.removeAttribute("aria-activedescendant"),g(this,"-open"))},t$=function(e){if(this.setAttribute("aria-activedescendant",e.id),He(this,Iy,"f")){b(e,He(this,Iy,"f"),{block:"nearest",behavior:"instant"});const t=!He(this,Wy,"f")&&(this.matches(":focus-visible")||f());this.options.forEach(a=>{a===e&&t?(a.focusRing?.show(),a.stateLayer?.show("focused")):(a.focusRing?.hide(),a.stateLayer?.hide("focused"))})}},a$=function(e){const t=!this.multi||!e.selected;e.selected!==t&&(e.selected=t,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.multi||this.selected.filter(t=>t!==e).forEach(e=>e.selected=!1),this.requestUpdate(),He(this,Py,"a",Uy)?.notifyControlStateChange(),this.dispatchEvent(new Event("change",{bubbles:!0}))):e.selected=!t)},i$.styles=t`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${l.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${l.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${l.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${l.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${l.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${l.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${l.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(:state(-open)) .focus-ring { display: none; }`,i$.__nextId=0,We([dt(".focus-ring")],i$.prototype,"_focusRing",void 0),We([nt({attribute:"hide-selection-indicator",type:Boolean})],i$.prototype,"hideSelectionIndicator",void 0),We([nt({type:Boolean})],i$.prototype,"multi",void 0),i$=o$=We([m("m3e-select")],i$);const r$=e("var(--m3e-shape-size, 3rem)"),s$=e(`var(--m3e-shape-container-color, ${l.color.primary})`),n$=e(`var(--m3e-shape-transition, clip-path ${l.motion.spring.slowEffects})`),l$=t`:host { display: inline-block; position: relative; aspect-ratio: 1 / 1; width: ${r$}; } :host([name]) .wrapper { background-color: ${s$}; transition: ${n$}; 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; } }`,c$={"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 d$=new Array;const h$=new Map;for(const e in c$)d$.push(c$[e]),h$.set(e,d$.length-1);const m$={};d$=ne(d$,300);for(const t of h$)m$[t[0]]=e(d$[t[1]]);const p$=m$;const u$=[...Object.getOwnPropertyNames(p$).map(a=>function(a){return t`:host([name="${e(a)}"]) .wrapper { clip-path: polygon(${p$[a]}); }`}(a))];let v$=class extends a{constructor(){super(...arguments),this.name=null}render(){return o`<div class="wrapper"><slot></slot></div>`}};var b$,f$,g$,y$,$$;v$.styles=[l$,u$],We([nt({reflect:!0})],v$.prototype,"name",void 0),v$=We([m("m3e-shape")],v$);let x$=class extends a{constructor(){super(...arguments),b$.add(this),f$.set(this,void 0),g$.set(this,new S(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(),Oe(this,f$,Le.observe(()=>this.requestUpdate()),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,f$,"f")?.call(this)}firstUpdated(e){super.firstUpdated(e),He(this,g$,"f").observe(this.scrollContainer)}render(){const e=o`<m3e-icon-button class="prev-button" tabindex="-1" aria-label="${this.previousPageLabel}" ?disabled="${!this._canPageStart}" @click="${He(this,b$,"m",y$)}"><slot name="prev-icon">${"ltr"===Le.current||this.vertical?o`<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>`:o`<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>`,t=o`<m3e-icon-button class="next-button" tabindex="-1" aria-label="${this.nextPageLabel}" ?disabled="${!this._canPageEnd}" @click="${He(this,b$,"m",$$)}"><slot name="next-icon">${"ltr"===Le.current||this.vertical?o`<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>`:o`<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 o`${this._canPage?e:i}<div class="content" @scroll="${this._updatePaging}"><slot></slot></div>${this._canPage?t:i}`}_updatePaging(){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)}};var w$,k$;f$=new WeakMap,g$=new WeakMap,b$=new WeakSet,y$=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"})}},$$=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"})}},x$.styles=t`:host { display: flex; flex-wrap: nowrap; overflow: hidden; } :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; overflow: inherit; position: relative; border-top: var(--m3e-slide-group-divider-top); border-bottom: var(--m3e-slide-group-divider-bottom); }`,We([dt(".content")],x$.prototype,"scrollContainer",void 0),We([lt()],x$.prototype,"_canPage",void 0),We([lt()],x$.prototype,"_canPageStart",void 0),We([lt()],x$.prototype,"_canPageEnd",void 0),We([nt({type:Boolean,reflect:!0})],x$.prototype,"disabled",void 0),We([nt({type:Boolean,reflect:!0})],x$.prototype,"vertical",void 0),We([nt({type:Number})],x$.prototype,"threshold",void 0),We([nt({attribute:"previous-page-label"})],x$.prototype,"previousPageLabel",void 0),We([nt({attribute:"next-page-label"})],x$.prototype,"nextPageLabel",void 0),We([h(40)],x$.prototype,"_updatePaging",null),x$=We([m("m3e-slide-group")],x$);let C$=class extends(F(V(K(I(W(w(d(a,"slider")))))))){constructor(){super(...arguments),w$.add(this),this.value=null}get[(w$=new WeakSet,G)](){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 o`<div class="label" aria-hidden="true">${He(this,w$,"a",k$)}</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 S$,_$,L$,z$,E$,M$,T$,P$,I$,A$,W$,H$,O$,D$,B$,q$,R$,F$,V$,U$,N$;k$=function(){return this.closest("m3e-slider")?.displayWith?.(this.value)??this.value?.toString()??""},C$.styles=t`:host { display: block; box-sizing: border-box; position: absolute; outline: none; top: 0; bottom: 0; border-radius: var(--m3e-slider-thumb-shape, ${l.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: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard}, \n          transform ${l.motion.duration.short3} ${l.motion.easing.standard},\n          visibility ${l.motion.duration.short3} ${l.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, ${l.shape.corner.full}); background-color: var(--m3e-slider-label-container-color, ${l.color.inverseSurface}); color: var(--m3e-slider-label-color, ${l.color.inverseOnSurface}); font-size: var(--m3e-slider-label-font-size, ${l.typescale.standard.label.medium.fontSize}); font-weight: var(--m3e-slider-label-font-weight, ${l.typescale.standard.label.medium.fontWeight}); line-height: var(--m3e-slider-label-line-height, ${l.typescale.standard.label.medium.lineHeight}); letter-spacing: var(--m3e-slider-label-tracking, ${l.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: ${e(`width ${l.motion.duration.short2} ${l.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, ${l.color.primary}); } :host([aria-disabled="true"]) .handle { opacity: var(--m3e-slider-thumb-disabled-opacity, 38%); background-color: var(--m3e-slider-thumb-disabled-color, ${l.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; } }`,We([dt(".focus-ring")],C$.prototype,"_focusRing",void 0),We([nt({type:Number,reflect:!0})],C$.prototype,"value",void 0),C$=We([m("m3e-slider-thumb")],C$);let j$=class extends(w(a)){constructor(){super(),S$.add(this),_$.set(this,void 0),this._ticks=new Array,L$.set(this,new Array),z$.set(this,void 0),E$.set(this,0),M$.set(this,0),T$.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 S(this,{callback:()=>He(this,S$,"m",D$).call(this,!0)})}get thumbs(){return He(this,L$,"f")}get isRange(){return He(this,L$,"f").length>1}get thumb(){return He(this,L$,"f")[0]??null}get lowerThumb(){return this.thumb}get upperThumb(){return He(this,L$,"f")[1]??null}connectedCallback(){super.connectedCallback(),Oe(this,_$,Le.observe(()=>{He(this,S$,"m",D$).call(this,!0),this.requestUpdate()}),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,_$,"f")?.call(this)}updated(e){super.updated(e),e.has("disabled")&&He(this,L$,"f").forEach(e=>e.disabled=this.disabled)}render(){return o`<div class="base" tabindex="${cr(this.disabled?void 0:"-1")}" @pointerdown="${He(this,S$,"m",q$)}" @pointermove="${He(this,S$,"m",R$)}" @pointerup="${He(this,S$,"m",F$)}" @keydown="${He(this,S$,"m",V$)}" @value-change="${He(this,S$,"m",U$)}"><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(e=>He(this,S$,"m",P$).call(this,e))}</div><slot @slotchange="${He(this,S$,"m",I$)}"></slot></div>`}};var K$,Z$,G$,X$,Y$,J$,Q$,ex,tx;_$=new WeakMap,L$=new WeakMap,z$=new WeakMap,E$=new WeakMap,M$=new WeakMap,T$=new WeakMap,S$=new WeakSet,P$=function(e){return o`<div class="tick ${e.active?"active":"inactive"}" style="${he({transform:`translate(${"rtl"===Le.current?-He(this,S$,"m",W$).call(this,e.value):He(this,S$,"m",W$).call(this,e.value)}px, 0)`})}"></div>`},I$=function(e){Oe(this,L$,e.target.assignedElements({flatten:!0}).filter(e=>e instanceof C$),"f"),He(this,L$,"f").length>2&&(He(this,L$,"f").length=2),this.isRange?this._base?.style.setProperty("--_slider-active-track-middle-shape","0"):this._base?.style.removeProperty("--_slider-active-track-middle-shape"),He(this,S$,"m",A$).call(this)},A$=function(){He(this,L$,"f").forEach((e,t)=>{this.disabled&&(e.disabled=!0),e.ariaValueMin=`${He(this,L$,"f")[t-1]?.value??this.min}`,e.ariaValueMax=`${He(this,L$,"f")[t+1]?.value??this.max}`,e.ariaValueNow=`${e.value??He(this,L$,"f")[t-1]?.value??this.min}`})},W$=function(e){return(He(this,E$,"f")-He(this,M$,"f"))*((e-this.min)/(this.max-this.min))},H$=function(e){const t="rtl"===Le.current?He(this,T$,"f")+He(this,E$,"f")-e.clientX:e.clientX-He(this,T$,"f"),a=0===this.step?1:this.step,o=Math.floor((this.max-this.min)/a),i=t/He(this,E$,"f"),r=Math.round(i*o)/o*(this.max-this.min)+this.min;return Math.round(r/a)*a},O$=function(e=!1){this.lowerThumb&&(Oe(this,E$,!e&&He(this,E$,"f")>0?He(this,E$,"f"):this.clientWidth,"f"),Oe(this,M$,!e&&He(this,M$,"f")>0?He(this,M$,"f"):this.lowerThumb.clientWidth,"f"),Oe(this,T$,!e&&He(this,T$,"f")>0?He(this,T$,"f"):this.getBoundingClientRect().left,"f"))},D$=function(e=!1){if(He(this,S$,"m",O$).call(this,e),!this.lowerThumb)return;const t=this.lowerThumb.value??this.min,a=He(this,S$,"m",W$).call(this,t);if(this.lowerThumb.style.transform=`translate(${"rtl"===Le.current?-a:a}px, 0)`,this.upperThumb){const e=this.upperThumb.value??t,o=He(this,S$,"m",W$).call(this,e);this.upperThumb.style.transform=`translate(${"rtl"===Le.current?-o:o}px, 0)`,this._base?.classList.toggle("range",!0),this._base?.style.setProperty("--_slider-inactive-track-before-size",`${a}px`),this._base?.style.setProperty("--_slider-active-track-offset",`${a+He(this,M$,"f")}px`),this._base?.style.setProperty("--_slider-active-track-size",o-a-He(this,M$,"f")+"px"),this._base?.style.setProperty("--_slider-inactive-track-after-offset",`${o+He(this,M$,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",He(this,E$,"f")-He(this,M$,"f")-o+"px"),He(this,S$,"m",B$).call(this,a=>a>t&&a<e)}else this._base?.classList.toggle("range",!1),this._base?.style.setProperty("--_slider-active-track-size",`${a}px`),this._base?.style.setProperty("--_slider-inactive-track-after-offset",`${a+He(this,M$,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",He(this,E$,"f")-a-He(this,M$,"f")+"px"),He(this,S$,"m",B$).call(this,e=>e<t)},B$=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)})},q$=function(e){if("mouse"===e.pointerType&&e.button>1)return;if(!this.lowerThumb||this.disabled)return;if(e.target instanceof HTMLElement&&e.target.setPointerCapture(e.pointerId),Oe(this,z$,e.composedPath().find(e=>e instanceof C$),"f"),He(this,z$,"f"))return;const t=He(this,S$,"m",H$).call(this,e);if(this.upperThumb){const e=this.lowerThumb.value??this.min,a=this.upperThumb.value??e;if(t<e)this.lowerThumb.disabled||(He(this,S$,"m",N$).call(this,this.lowerThumb,t,!0),Oe(this,z$,this.lowerThumb,"f"));else if(t>a)this.upperThumb.disabled||(He(this,S$,"m",N$).call(this,this.upperThumb,t,!0),Oe(this,z$,this.upperThumb,"f"));else{t<(e+a)/2&&!this.lowerThumb.disabled?(He(this,S$,"m",N$).call(this,this.lowerThumb,t,!0),Oe(this,z$,this.lowerThumb,"f")):this.upperThumb.disabled||(He(this,S$,"m",N$).call(this,this.upperThumb,t,!0),Oe(this,z$,this.upperThumb,"f"))}}else this.lowerThumb.disabled||(He(this,S$,"m",N$).call(this,this.lowerThumb,t,!0),Oe(this,z$,this.lowerThumb,"f"))},R$=function(e){if(!(e.target instanceof HTMLElement)||!e.target.hasPointerCapture(e.pointerId)||!He(this,z$,"f")||He(this,z$,"f").disabled)return;const t=He(this,S$,"m",H$).call(this,e);let a=this.min,o=this.max;He(this,z$,"f")===this.upperThumb?a=Math.max(a,this.lowerThumb?.value??0):this.upperThumb&&(o=Math.min(o,this.upperThumb.value??this.max)),L(this,"-animating")&&(g(this,"-animating"),He(this,z$,"f").style.transition=""),He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,Math.max(a,t)))},F$=function(e){"mouse"===e.pointerType&&e.button>1||this.lowerThumb&&!this.disabled&&(e.target instanceof HTMLElement&&e.target.releasePointerCapture(e.pointerId),He(this,z$,"f")&&!He(this,z$,"f").disabled&&He(this,z$,"f").focus())},V$=function(e){if(Oe(this,z$,e.composedPath().find(e=>e instanceof C$),"f"),!He(this,z$,"f"))return;const t=He(this,z$,"f").value??0;let a=this.min,o=this.max;switch(He(this,z$,"f")===this.upperThumb?a=Math.max(a,this.lowerThumb?.value??0):this.upperThumb&&(o=Math.max(o,this.upperThumb.value??this.max)),e.key){case"Home":He(this,S$,"m",N$).call(this,He(this,z$,"f"),a),e.preventDefault();break;case"End":He(this,S$,"m",N$).call(this,He(this,z$,"f"),o),e.preventDefault();break;case"PageUp":"ltr"===Le.current?He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,t+(this.step>1?this.step:10))):He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.max(a,t-(this.step>1?this.step:10))),e.preventDefault();break;case"PageDown":"ltr"===Le.current?He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.max(a,t-(this.step>1?this.step:10))):He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,t+(this.step>1?this.step:10))),e.preventDefault();break;case"Down":case"ArrowDown":case"Left":case"ArrowLeft":"ltr"===Le.current?He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.max(a,t-this.step)):He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,t+this.step)),e.preventDefault();break;case"Up":case"ArrowUp":case"Right":case"ArrowRight":"ltr"===Le.current?He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,t+this.step)):He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.max(a,t-this.step)),e.preventDefault();break;case" ":e.preventDefault()}},U$=function(e){e.stopPropagation(),He(this,S$,"m",A$).call(this),He(this,S$,"m",D$).call(this)},N$=function(e,t,a=!1){if(e.value===t)return;const o=e.value;a&&!v()&&(y(this,"-animating"),e.addEventListener("transitionend",()=>{e.style.transition="",g(this,"-animating")},{once:!0}),e.style.transition=`transform ${l.motion.spring.fastEffects}`),e.value=t,e.markAsDirty(),e.markAsTouched(),e.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?e.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})):e.value=o},j$.styles=t`: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, ${l.shape.corner.smallStart}); --_slider-inactive-track-start-shape: var( --m3e-slider-small-inactive-active-track-start-shape, ${l.shape.corner.smallStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-small-inactive-track-end-shape, ${l.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, ${l.shape.corner.smallEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-small-inactive-active-track-start-shape, ${l.shape.corner.smallEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-small-inactive-track-end-shape, ${l.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, ${l.shape.corner.mediumStart} ); --_slider-inactive-track-start-shape: var( --m3e-slider-medium-inactive-active-track-start-shape, ${l.shape.corner.mediumStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-medium-inactive-track-end-shape, ${l.shape.corner.mediumEnd} ); } :host(:dir(rtl)[size="medium"]) .base { --_slider-active-track-shape: var(--m3e-slider-medium-active-track-shape, ${l.shape.corner.mediumEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-medium-inactive-active-track-start-shape, ${l.shape.corner.mediumEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-medium-inactive-track-end-shape, ${l.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, ${l.shape.corner.largeStart}); --_slider-inactive-track-start-shape: var( --m3e-slider-large-inactive-active-track-start-shape, ${l.shape.corner.largeStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-large-inactive-track-end-shape, ${l.shape.corner.largeEnd} ); } :host(:dir(rtl)[size="large"]) .base { --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${l.shape.corner.largeEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-large-inactive-active-track-start-shape, ${l.shape.corner.largeEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-large-inactive-track-end-shape, ${l.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, ${l.shape.corner.extraLargeStart} ); --_slider-inactive-track-start-shape: var( --m3e-slider-extra-large-inactive-active-track-start-shape, ${l.shape.corner.extraLargeStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-extra-large-inactive-track-end-shape, ${l.shape.corner.extraLargeEnd} ); } :host(:dir(rtl)[size="extra-large"]) .base { --_slider-active-track-shape: var( --m3e-slider-extra-large-active-track-shape, ${l.shape.corner.extraLargeEnd} ); --_slider-inactive-track-start-shape: var( --m3e-slider-extra-large-inactive-active-track-start-shape, ${l.shape.corner.extraLargeEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-extra-large-inactive-track-end-shape, ${l.shape.corner.extraLargeStart} ); } :host([size="extra-large"]) .track { height: var(--m3e-slider-extra-large-track-height, 6rem); } :host(:state(-animating)) .track-active, :host(:state(-animating)) .track-inactive.start, :host(:state(-animating)) .track-inactive.end { transition: ${e(`margin-inline-start ${l.motion.spring.fastEffects},\n        width ${l.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, ${l.shape.corner.full}); } :host(:not([disabled])) .track-inactive { background-color: var(--m3e-slider-inactive-track-color, ${l.color.secondaryContainer}); } :host([disabled]) .track-inactive { background-color: color-mix( in srgb, var(--m3e-slider-disabled-inactive-track-color, ${l.color.onSurface}) var(--m3e-slider-disabled-inactive-track-opacity, 12%), transparent ); } :host(:not([disabled])) .track-active { background-color: var(--m3e-slider-active-track-color, ${l.color.primary}); } :host([disabled]) .track-active { background-color: color-mix( in srgb, var(--m3e-slider-disabled-active-track-color, ${l.color.onSurface}) var(--m3e-slider-disabled-active-track-opacity, 38%), transparent ); } :host(:not([disabled])) .tick.active { background-color: var(--m3e-slider-tick-active-color, ${l.color.onPrimary}); } :host([disabled]) .tick.active { background-color: var(--m3e-slider-disabled-tick-active-color, ${l.color.inverseOnSurface}); } :host(:not([disabled])) .tick.inactive { background-color: var(--m3e-slider-tick-inactive-color, ${l.color.onSecondaryContainer}); } :host([disabled]) .tick.inactive { background-color: var(--m3e-slider-disabled-tick-inactive-color, ${l.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; } }`,We([dt(".base")],j$.prototype,"_base",void 0),We([lt()],j$.prototype,"_ticks",void 0),We([nt({reflect:!0})],j$.prototype,"size",void 0),We([nt({type:Boolean,reflect:!0})],j$.prototype,"disabled",void 0),We([nt({type:Boolean,reflect:!0})],j$.prototype,"discrete",void 0),We([nt({type:Number})],j$.prototype,"min",void 0),We([nt({type:Number})],j$.prototype,"max",void 0),We([nt({type:Number})],j$.prototype,"step",void 0),We([nt({type:Boolean})],j$.prototype,"labelled",void 0),We([nt({attribute:!1})],j$.prototype,"displayWith",void 0),j$=We([m("m3e-slider")],j$);let ax=tx=class extends(d(a,"status")){constructor(){super(...arguments),K$.add(this),Z$.set(this,-1),G$.set(this,!1),X$.set(this,e=>He(this,K$,"m",ex).call(this,e)),this.duration=3e3,this.action="",this.dismissible=!1,this.closeLabel="Close"}static get current(){return tx.__current}get isActionTaken(){return He(this,G$,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("beforetoggle",He(this,X$,"f")),this.setAttribute("popover","manual"),this.ariaLive="polite"}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",He(this,X$,"f"))}render(){return o`<div class="base"><span class="supporting-text"><slot></slot></span>${He(this,K$,"m",Y$).call(this)} ${He(this,K$,"m",J$).call(this)}</div>`}updated(e){super.updated(e),this.style.setProperty("--_snackbar-height",this.getBoundingClientRect().height/.8+"px")}};Z$=new WeakMap,G$=new WeakMap,X$=new WeakMap,K$=new WeakSet,Y$=function(){return this.action?o`<m3e-button @click="${He(this,K$,"m",Q$)}">${this.action}</m3e-button>`:i},J$=function(){return this.dismissible?o`<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>`:i},Q$=function(){Oe(this,G$,!0,"f"),this.hidePopover()},ex=function(e){"open"==e.newState?(tx.__current?.hidePopover(),tx.__current=this,this.duration>0&&Oe(this,Z$,setTimeout(()=>this.hidePopover(),this.duration),"f")):(tx.__current===this&&(tx.__current=null),clearTimeout(He(this,Z$,"f")))},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-snackbar { margin-inline: auto; }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),ax.styles=t`: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: scale(0.8); transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard}, \n        transform ${l.motion.duration.short3} ${l.motion.easing.standard}, \n        overlay ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete,\n        visibility ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete`)}; } :host::backdrop { background-color: transparent; } :host(:popover-open) { visibility: visible; opacity: 1; transform: scale(1); } @starting-style { :host(:popover-open) { opacity: 0; transform: scale(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, ${l.shape.corner.extraSmall}); background-color: var(--m3e-snackbar-container-color, ${l.color.inverseSurface}); font-size: var(--m3e-snackbar-supporting-text-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-snackbar-supporting-text-font-weight, ${l.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-snackbar-supporting-text-line-height, ${l.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-snackbar-supporting-text-tracking, ${l.typescale.standard.label.large.tracking} ); color: var(--m3e-snackbar-supporting-text-color, ${l.color.inverseOnSurface}); --m3e-text-button-label-text-color: var(--m3e-snackbar-action-text-color, ${l.color.inversePrimary}); --m3e-text-button-hover-label-text-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-hover-state-layer-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-focus-label-text-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-focus-state-layer-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-pressed-label-text-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-pressed-state-layer-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-standard-icon-button-icon-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-hover-icon-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-hover-state-layer-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-focus-icon-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-focus-state-layer-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-pressed-icon-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-pressed-state-layer-color: var( --m3e-snackbar-close-icon-color, ${l.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: ${l.shape.corner.small}; box-sizing: border-box; outline: 1px solid CanvasText; } }`,ax.__current=null,We([nt({type:Number})],ax.prototype,"duration",void 0),We([nt()],ax.prototype,"action",void 0),We([nt({type:Boolean,reflect:!0})],ax.prototype,"dismissible",void 0),We([nt({attribute:"close-label"})],ax.prototype,"closeLabel",void 0),ax=tx=We([m("m3e-snackbar")],ax);class ox{static open(e,t,a,o){if(r)return;const i=document.createElement("m3e-snackbar");let s;i.append(document.createTextNode(e)),"string"==typeof t?i.action=t:"boolean"==typeof t?i.dismissible=t:s=t,"boolean"==typeof a?i.dismissible=a:s=a,o&&(s=o),void 0!==s?.duration&&(i.duration=s.duration),s?.closeLabel&&(i.closeLabel=s.closeLabel),i.addEventListener("toggle",e=>{"closed"===e.newState&&(v()?i.remove():i.addEventListener("transitionend",()=>i.remove(),{once:!0}),i.isActionTaken&&s?.actionCallback?.())}),(document.querySelector("m3e-theme")??document.body).append(i),i.showPopover()}static dismiss(){ax.current?.hidePopover()}}var ix,rx,sx,nx,lx,cx,dx,hx,mx,px,ux,vx;globalThis.M3eSnackbar=ox;let bx=class extends(d(a,"group")){constructor(){super(...arguments),ix.add(this),rx.set(this,void 0),sx.set(this,void 0),nx.set(this,!1),lx.set(this,new O(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(e,t,a)=>{switch(a){case He(this,rx,"f"):He(this,ix,"m",px).call(this,e);break;case He(this,sx,"f"):He(this,ix,"m",ux).call(this,e||He(this,nx,"f"))}}})),cx.set(this,new Z(this,{target:null,callback:(e,t)=>{if(t===He(this,sx,"f"))He(this,sx,"f")?.disabled||He(this,sx,"f")?.disabledInteractive||(Oe(this,nx,e,"f"),He(this,ix,"m",ux).call(this,e))}})),this.variant="filled",this.size="small"}update(e){super.update(e),e.has("variant")&&He(this,ix,"m",mx).call(this)}render(){return o`<m3e-button-group class="base" disable-role variant="connected" size="${this.size}"><slot name="leading-button" @slotchange="${He(this,ix,"m",dx)}"></slot><slot name="trailing-button" @slotchange="${He(this,ix,"m",hx)}"></slot></m3e-button-group>`}};rx=new WeakMap,sx=new WeakMap,nx=new WeakMap,lx=new WeakMap,cx=new WeakMap,ix=new WeakSet,dx=function(e){He(this,rx,"f")&&He(this,lx,"f").unobserve(He(this,rx,"f")),Oe(this,rx,e.target.assignedElements({flatten:!0}).find(e=>e instanceof Pe),"f"),He(this,rx,"f")&&He(this,lx,"f").observe(He(this,rx,"f")),He(this,ix,"m",mx).call(this)},hx=function(e){He(this,sx,"f")&&(He(this,lx,"f").unobserve(He(this,sx,"f")),He(this,cx,"f").unobserve(He(this,sx,"f"))),Oe(this,sx,e.target.assignedElements({flatten:!0}).find(e=>e instanceof Ie),"f"),He(this,sx,"f")&&(He(this,lx,"f").observe(He(this,sx,"f")),He(this,cx,"f").observe(He(this,sx,"f"))),He(this,ix,"m",mx).call(this)},mx=function(){He(this,rx,"f")&&(He(this,rx,"f").variant=this.variant,He(this,rx,"f").size=this.size,He(this,rx,"f").shape="rounded"),He(this,sx,"f")&&(He(this,sx,"f").width="default",He(this,sx,"f").shape="rounded",He(this,sx,"f").setAttribute("variant",this.variant),He(this,sx,"f").size=this.size)},px=function(e){e&&He(this,rx,"f")?He(this,ix,"m",vx).call(this,He(this,rx,"f"),"--_leading-button-shape"):this._base?.style.removeProperty("--_leading-button-shape")},ux=function(e){e&&He(this,sx,"f")?He(this,ix,"m",vx).call(this,He(this,sx,"f"),"--_trailing-button-shape"):this._base?.style.removeProperty("--_trailing-button-shape")},vx=function(e,t){const a=e.clientHeight/2;a&&this._base?.style.setProperty(t,`${a}px`)},bx.styles=t`: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, ${l.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, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-size, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-size, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-size, ${l.shape.corner.small} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-size, ${l.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, ${l.shape.corner.small} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-hover-size, ${l.shape.corner.medium} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-hover-size, ${l.shape.corner.medium} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-hover-size, ${l.shape.corner.largeIncreased} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-hover-size, ${l.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, ${l.shape.corner.small} ); --m3e-connected-button-group-small-inner-pressed-shape: var( --m3e-split-button-small-inner-corner-pressed-size, ${l.shape.corner.medium} ); --m3e-connected-button-group-medium-inner-pressed-shape: var( --m3e-split-button-medium-inner-corner-pressed-size, ${l.shape.corner.medium} ); --m3e-connected-button-group-large-inner-pressed-shape: var( --m3e-split-button-large-inner-corner-pressed-size, ${l.shape.corner.largeIncreased} ); --m3e-connected-button-group-extra-large-inner-pressed-shape: var( --m3e-split-button-extra-large-inner-corner-pressed-size, ${l.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, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-size, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-size, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-size, ${l.shape.corner.small} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-size, ${l.shape.corner.medium} ); } ::slotted([slot="trailing-button"][aria-expanded="true"]) { --_icon-button-icon-transform: rotate(180deg); --_button-rounded-start-shape: var(--_trailing-button-shape, ${l.shape.corner.full}); --_button-rounded-end-shape: var(--_trailing-button-shape, ${l.shape.corner.full}); } ::slotted([slot="trailing-button"]) { --_button-end-shape-pressed-morph: var(--_trailing-button-shape, ${l.shape.corner.full}); } .base { --m3e-icon-button-extra-small-icon-size: calc( var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${l.density.calc(0)} ); --m3e-button-extra-small-icon-size: calc( var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${l.density.calc(0)} ); --m3e-icon-button-small-icon-size: calc( var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${l.density.calc(-1)} ); --m3e-button-small-icon-size: calc( var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${l.density.calc(-1)} ); --m3e-icon-button-medium-icon-size: calc( var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${l.density.calc(-2)} ); --m3e-button-medium-icon-size: calc( var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${l.density.calc(-2)} ); --m3e-icon-button-large-icon-size: calc( var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${l.density.calc(-3)} ); --m3e-button-large-icon-size: calc( var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${l.density.calc(-3)} ); --m3e-icon-button-extra-large-icon-size: calc( var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${l.density.calc(-3)} ); --m3e-button-extra-large-icon-size: calc( var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${l.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); }`,We([dt(".base")],bx.prototype,"_base",void 0),We([nt({reflect:!0})],bx.prototype,"variant",void 0),We([nt({reflect:!0})],bx.prototype,"size",void 0),bx=We([m("m3e-split-button")],bx);let fx=class extends(d(a,"tabpanel")){constructor(){super(...arguments),this.active=!1}connectedCallback(){this.slot="panel",super.connectedCallback()}render(){return o`<m3e-collapsible ?open="${this.active}"><div class="content"><div><slot></slot></div><slot name="actions"></slot></div></m3e-collapsible>`}};var gx,yx,$x,xx,wx;fx.styles=t`: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; }`,We([lt()],fx.prototype,"active",void 0),fx=We([m("m3e-step-panel")],fx);let kx=wx=class extends(te(M(I(c(W(w(d(a,"tab")))))))){constructor(){super(...arguments),gx.add(this),yx.set(this,e=>He(this,gx,"m",xx).call(this,e)),this.optional=!1,this.editable=!1,this.completed=!1,this.invalid=!1,this.index=-1}get panel(){return this.control instanceof fx?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 fx&&(e.id=e.id||"m3e-step-panel-"+wx.__nextId++,ye(this,"aria-controls",e.id),e.style.order=this.style.order),super.attach(e)}detach(){this.control&&(this.control.style.order="",this.control.id&&$e(this,"aria-controls",this.control.id)),super.detach()}connectedCallback(){this.slot="step",super.connectedCallback(),this.addEventListener("click",He(this,yx,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,yx,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-stepper")?.[xe].notifySelectionChange(this)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){const e=o`<slot name="hint">${this.optional?o`<span class="hint">(Optional)</span>`:i}</slot>`,t=o`<slot name="error">${e}</slot>`;return o`<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">${He(this,gx,"m",$x).call(this)}</div><div class="label"><slot></slot>${this.invalid?t:e}</div></div></div>`}};var Cx,Sx,_x,Lx,zx,Ex,Mx,Tx,Px,Ix,Ax;yx=new WeakMap,gx=new WeakSet,$x=function(){if(!this.selected){if(this.invalid)return o`<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?o`<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>`:o`<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 o`<slot name="icon">${this.index+1}</slot>`},xx=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation()),e.defaultPrevented||this.selected||(this.selected=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))&&this.closest("m3e-stepper")?.moveTo(this.index)?this.dispatchEvent(new Event("change",{bubbles:!0})):this.selected=!1)},kx.styles=t`: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, ${l.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, ${l.color.primary}); color: var(--m3e-step-selected-icon-color, ${l.color.onPrimary}); } :host(:not([aria-disabled="true"])[completed]:not([invalid])) .icon { background-color: var(--m3e-step-completed-icon-container-color, ${l.color.primary}); color: var(--m3e-step-completed-icon-color, ${l.color.onPrimary}); } :host(:not([aria-disabled="true"]):not([selected]):not([completed]):not([invalid])) .icon { background-color: var(--m3e-step-unselected-icon-container-color, ${l.color.inverseSurface}); color: var(--m3e-step-unselected-icon-color, ${l.color.inverseOnSurface}); } :host(:not([aria-disabled="true"]):not([selected])[invalid]) .icon { color: var(--m3e-step-icon-error-color, ${l.color.error}); } :host([aria-disabled="true"]) .icon { background-color: color-mix( in srgb, var(--m3e-step-disabled-icon-container-color, ${l.color.onSurface}) 10%, transparent ); color: color-mix(in srgb, var(--m3e-step-disabled-icon-color, ${l.color.onSurface}) 38%, transparent); } :host(:not([aria-disabled="true"])) .label { color: var(--m3e-step-label-color, ${l.color.onSurface}); } :host(:not([aria-disabled="true"]):not([selected])[invalid]) .label { color: var(--m3e-step-label-error-color, ${l.color.error}); } :host([aria-disabled="true"]) .label { color: color-mix(in srgb, var(--m3e-step-disabled-label-color, ${l.color.onSurface}) 38%, transparent); } .wrapper { display: flex; align-items: center; height: 100%; border-radius: inherit; font-size: var(--m3e-step-font-size, ${l.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-step-font-weight, ${l.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-step-line-height, ${l.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-step-tracking, ${l.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, ${l.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-step-hint-font-weight, ${l.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-step-hint-line-height, ${l.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-step-hint-tracking, ${l.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, ${l.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, ${l.color.onSurface}) 38%, transparent); }`,kx.__nextId=0,We([dt(".focus-ring")],kx.prototype,"_focusRing",void 0),We([dt(".state-layer")],kx.prototype,"_stateLayer",void 0),We([dt(".ripple")],kx.prototype,"_ripple",void 0),We([nt({type:Boolean,reflect:!0})],kx.prototype,"optional",void 0),We([nt({type:Boolean,reflect:!0})],kx.prototype,"editable",void 0),We([nt({type:Boolean,reflect:!0})],kx.prototype,"completed",void 0),We([nt({type:Boolean,reflect:!0})],kx.prototype,"invalid",void 0),We([lt()],kx.prototype,"index",void 0),kx=wx=We([m("m3e-step")],kx);class Wx extends ${constructor(e){super(),Cx.set(this,void 0),Oe(this,Cx,e,"f")}_onClick(){switch(He(this,Cx,"f")){case"next":this.closest("m3e-stepper")?.moveNext();break;case"previous":this.closest("m3e-stepper")?.movePrevious();break;case"reset":this.closest("m3e-stepper")?.reset()}}}Cx=new WeakMap;let Hx=class extends(w(a)){constructor(){super(...arguments),Sx.add(this),_x.set(this,void 0),this._selectedIndex=null,this[Ax]=(new we).withHomeAndEnd().withWrap().onSelectedItemsChange(()=>He(this,Sx,"m",Tx).call(this)),this.headerPosition="above",this.labelPosition="end",this.linear=!1,this.orientation="horizontal"}get steps(){return this[xe]?.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){const t=this.selectedStep;if(t&&t.index===e)return!0;if(this.steps[e]?.disabled)return!1;if(e>=0&&e<this.steps.length){if(t){const a=He(this,Sx,"m",Px).call(this);if(this.linear)if(e<t.index){const t=this[xe].items[e];if(!t||t.completed&&!t.editable)return!1}else if(e>t.index+1){const t=this[xe].items[e];if(!t||!t.completed)return!1}else if(!a&&!t.optional)return!1;t.completed=!0}return this._selectedIndex=e,this[xe].select(this.selectedStep),this.dispatchEvent(new Event("change",{bubbles:!0})),!0}return t&&(this[xe].deselect(t),this.dispatchEvent(new Event("change",{bubbles:!0}))),!1}reset(){this.steps.forEach(e=>e.reset());const e=this.steps.findIndex(e=>!e.disabled);e!==this._selectedIndex&&(this._selectedIndex=e,this[xe].select(this.selectedStep),this.dispatchEvent(new Event("change",{bubbles:!0})))}connectedCallback(){super.connectedCallback(),y(this,"-no-animate")}disconnectedCallback(){super.disconnectedCallback(),this._orientation=void 0,He(this,_x,"f")?.call(this)}update(e){super.update(e),e.has("orientation")&&(He(this,_x,"f")?.call(this),"auto"===this.orientation?Oe(this,_x,Ee.observe([Me.XSmall],e=>{this._orientation=e.get(Me.XSmall)?"vertical":"horizontal",He(this,Sx,"m",Ix).call(this)}),"f"):(this._orientation=void 0,He(this,Sx,"m",Ix).call(this))),e.has("_orientation")&&He(this,Sx,"m",Ix).call(this)}render(){let e;return this.selectedStep?.panel&&(e=[...this.querySelectorAll("[slot='panel']")].indexOf(this.selectedStep.panel),-1===e&&(e=void 0)),this[xe].vertical?o`${He(this,Sx,"m",Lx).call(this)}<slot name="panel"></slot>`:o`${"above"===this.headerPosition?He(this,Sx,"m",Lx).call(this):i}<m3e-slide class="steps" selected-index="${cr(e)}"><slot name="panel"></slot></m3e-slide>${"below"===this.headerPosition?He(this,Sx,"m",Lx).call(this):i}`}};_x=new WeakMap,Sx=new WeakSet,Ax=xe,Lx=function(){return o`<div class="header" role="tablist" aria-orientation="${cr(this[xe].vertical?"vertical":void 0)}" @change="${He(this,Sx,"m",zx)}"><slot name="step" @slotchange="${He(this,Sx,"m",Ex)}" @keydown="${He(this,Sx,"m",Mx)}"></slot></div>`},zx=function(e){e.stopPropagation()},Ex=function(){const{added:e,removed:t}=this[xe].setItems([...this.querySelectorAll("m3e-step")]);if(e.length>0||t.length>0){this.querySelectorAll(".-m3e-step-divider").forEach(e=>e.remove());for(let e=0;e<this[xe].items.length;e++){const t=this[xe].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)}}He(this,Sx,"m",Ix).call(this),0==this[xe].selectedItems.length&&this[xe].select(this[xe].items.find(e=>!e.disabled))}},Mx=function(e){this[xe].onKeyDown(e)},Tx=function(){const e=this[xe].selectedItems[0];let t=e?this.steps.indexOf(e):null;-1===t&&(t=null),this._selectedIndex=t;for(const e of this[xe].items)e.panel&&(e.panel.active=e.index===t);e&&this.matches(":focus-within")&&!e.matches(":focus")&&e.focus(),L(this,"-no-animate")&&requestAnimationFrame(()=>g(this,"-no-animate"))},Px=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},Ix=function(){this[xe].vertical="vertical"===(this._orientation??this.orientation),u(this,"-vertical",this[xe].vertical),this[xe].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="")})},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-stepper:not(:state(-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, ${l.color.outline}); } m3e-stepper:not(:state(-vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:state(-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, ${l.color.outline}); } m3e-stepper:not(:state(-vertical))[label-position="end"] > .-m3e-step-divider { margin-block: auto; } m3e-stepper:not(:state(-vertical))[label-position="below"] > .-m3e-step-divider::before, m3e-stepper:not(:state(-vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:state(-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:state(-vertical) > [slot="panel"] { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:state(-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, ${l.color.outline}); } m3e-stepper:state(-vertical) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:state(-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, ${l.color.outline}); }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),Hx.styles=t`:host { display: flex; flex-direction: column; position: relative; } :host(:not(:state(-vertical))) .header { display: flex; align-items: flex-start; flex-wrap: nowrap; } :host(:not(:state(-vertical))) ::slotted(.-m3e-step-divider) { flex: 1 1 auto; position: relative; min-width: 2rem; } :host(:not(:state(-vertical))) ::slotted(.-m3e-step-divider)::before { content: ""; position: absolute; left: 0; right: 0; } :host(:not(:state(-vertical)):not([label-position="below"])) ::slotted(.-m3e-step-divider)::before { top: 50%; } :host(:not(:state(-vertical))) ::slotted([slot="step"]) { align-self: stretch; } :host(:not(:state(-vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:state(-vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; top: 0; } :host(:not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { top: 50%; } :host(:not(:dir(rtl)):not(:state(-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(:state(-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(:state(-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(:state(-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(:state(-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(:state(-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(:state(-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(:state(-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(:state(-vertical))[label-position="below"]) { --_step-direction: column; --_step-label-align-items: center; } :host(:state(-vertical)) .header { display: contents; } :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider)) { flex: none; } :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; left: 0; } :host(:state(-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(:state(-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(:state(-vertical))) { --m3e-collapsible-animation-duration: 0ms; } :host(:state(-no-animate)) { --m3e-collapsible-animation-duration: 0ms; }`,We([lt()],Hx.prototype,"_orientation",void 0),We([lt()],Hx.prototype,"_selectedIndex",void 0),We([nt({attribute:"header-position",reflect:!0})],Hx.prototype,"headerPosition",void 0),We([nt({attribute:"label-position",reflect:!0})],Hx.prototype,"labelPosition",void 0),We([nt({type:Boolean,reflect:!0})],Hx.prototype,"linear",void 0),We([nt({reflect:!0})],Hx.prototype,"orientation",void 0),Hx=We([m("m3e-stepper")],Hx);let Ox=class extends Wx{constructor(){super("next")}};Ox=We([m("m3e-stepper-next")],Ox);let Dx=class extends Wx{constructor(){super("previous")}};Dx=We([m("m3e-stepper-previous")],Dx);let Bx=class extends Wx{constructor(){super("reset")}};Bx=We([m("m3e-stepper-reset")],Bx);const qx=e(`var(--m3e-switch-selected-icon-color, ${l.color.onPrimaryContainer})`),Rx=e("var(--m3e-switch-selected-icon-size, 1rem)"),Fx=e(`var(--m3e-switch-unselected-icon-color, ${l.color.surfaceContainerHighest})`),Vx=e("var(--m3e-switch-unselected-icon-size, 1rem)"),Ux=e("var(--m3e-switch-track-height, 2rem)"),Nx=e("var(--m3e-switch-track-width, 3.25rem)"),jx=e(`var(--m3e-switch-track-outline-color, ${l.color.outline})`),Kx=e("var(--m3e-switch-track-outline-width, 2px)"),Zx=e(`var(--m3e-switch-track-shape, ${l.shape.corner.full})`),Gx=e(`var(--m3e-switch-selected-track-color, ${l.color.primary})`),Xx=e(`var(--m3e-switch-unselected-track-color, ${l.color.surfaceContainerHighest})`),Yx=e("var(--m3e-switch-unselected-handle-height, 1rem)"),Jx=e("var(--m3e-switch-unselected-handle-width, 1rem)"),Qx=e("var(--m3e-switch-with-icon-handle-height, 1.5rem)"),ew=e("var(--m3e-switch-with-icon-handle-width, 1.5rem)"),tw=e("var(--m3e-switch-selected-handle-height, 1.5rem)"),aw=e("var(--m3e-switch-selected-handle-width, 1.5rem)"),ow=e("var(--m3e-switch-pressed-handle-height, 1.75rem)"),iw=e("var(--m3e-switch-pressed-handle-width, 1.75rem)"),rw=e(`var(--m3e-switch-handle-shape, ${l.shape.corner.full})`),sw=e(`var(--m3e-switch-selected-handle-color, ${l.color.onPrimary})`),nw=e(`var(--m3e-switch-unselected-handle-color, ${l.color.outline})`),lw=e("var(--m3e-switch-state-layer-size, 2.5rem)"),cw=e(`var(--m3e-switch-state-layer-shape, ${l.shape.corner.full})`),dw=e(`var(--m3e-switch-disabled-selected-icon-color, ${l.color.onSurface})`),hw=e("var(--m3e-switch-disabled-selected-icon-opacity, 38%)"),mw=e(`var(--m3e-switch-disabled-unselected-icon-color, ${l.color.surfaceContainerHighest})`),pw=e("var(--m3e-switch-disabled-unselected-icon-opacity, 38%)"),uw=e("var(--m3e-switch-disabled-track-opacity, 12%)"),vw=e(`var(--m3e-switch-disabled-selected-track-color, ${l.color.onSurface})`),bw=e(`var(--m3e-switch-disabled-unselected-track-color, ${l.color.surfaceContainerHighest})`),fw=e(`var(--m3e-switch-disabled-unselected-track-outline-color, ${l.color.onSurface})`),gw=e("var(--m3e-switch-disabled-unselected-handle-opacity, 38%)"),yw=e("var(--m3e-switch-disabled-selected-handle-opacity, 100%)"),$w=e(`var(--m3e-switch-disabled-selected-handle-color, ${l.color.surface})`),xw=e(`var(--m3e-switch-disabled-unselected-handle-color, ${l.color.onSurface})`),ww=e(`var(--m3e-switch-selected-hover-icon-color, ${l.color.onPrimaryContainer})`),kw=e(`var(--m3e-switch-unselected-hover-icon-color, ${l.color.surfaceContainerHighest})`),Cw=e(`var(--m3e-switch-selected-hover-track-color, ${l.color.primary})`),Sw=e(`var(--m3e-switch-selected-hover-state-layer-color, ${l.color.primary})`),_w=e("var(--m3e-switch-selected-hover-state-layer-opacity, 8%)"),Lw=e(`var(--m3e-switch-unselected-hover-track-color, ${l.color.surfaceContainerHighest})`),zw=e(`var(--m3e-switch-unselected-hover-track-outline-color, ${l.color.outline})`),Ew=e(`var(--m3e-switch-unselected-hover-state-layer-color, ${l.color.onSurface})`),Mw=e("var(--m3e-switch-unselected-hover-state-layer-opacity, 8%)"),Tw=e(`var(--m3e-switch-selected-hover-handle-color, ${l.color.surfaceContainerHighest})`),Pw=e(`var(--m3e-switch-unselected-hover-handle-color, ${l.color.onSurfaceVariant})`),Iw=e(`var(--m3e-switch-selected-focus-icon-color, ${l.color.onPrimaryContainer})`),Aw=e(`var(--m3e-switch-unselected-focus-icon-color, ${l.color.surfaceContainerHighest})`),Ww=e(`var(--m3e-switch-selected-focus-track-color, ${l.color.primary})`),Hw=e(`var(--m3e-switch-selected-focus-state-layer-color, ${l.color.primary})`),Ow=e("var(--m3e-switch-selected-focus-state-layer-opacity, 10%)"),Dw=e(`var(--m3e-switch-unselected-focus-track-color, ${l.color.surfaceContainerHighest})`),Bw=e(`var(--m3e-switch-unselected-focus-track-outline-color, ${l.color.outline})`),qw=e(`var(--m3e-switch-unselected-focus-state-layer-color, ${l.color.onSurface})`),Rw=e("var(--m3e-switch-unselected-focus-state-layer-opacity, 10%)"),Fw=e(`var(--m3e-switch-selected-focus-handle-color, ${l.color.primaryContainer})`),Vw=e(`var(--m3e-switch-unselected-focus-handle-color, ${l.color.onSurfaceVariant})`),Uw=e(`var(--m3e-switch-selected-pressed-icon-color, ${l.color.onPrimaryContainer})`),Nw=e(`var(--m3e-switch-unselected-pressed-icon-color, ${l.color.surfaceContainerHighest})`),jw=e(`var(--m3e-switch-selected-pressed-track-color, ${l.color.primary})`),Kw=(e(`var(--m3e-switch-selected-pressed-state-layer-color, ${l.color.primary})`),e("var(--m3e-switch-selected-pressed-state-layer-opacity, 10%)"),e(`var(--m3e-switch-unselected-pressed-track-color, ${l.color.surfaceContainerHighest})`)),Zw=e(`var(--m3e-switch-unselected-pressed-track-outline-color, ${l.color.outline})`),Gw=(e(`var(--m3e-switch-unselected-pressed-state-layer-color, ${l.color.onSurface})`),e("var(--m3e-switch-unselected-pressed-state-layer-opacity, 10%)"),e(`var(--m3e-switch-selected-pressed-handle-color, ${l.color.primaryContainer})`)),Xw=e(`var(--m3e-switch-unselected-pressed-handle-color, ${l.color.onSurfaceVariant})`),Yw=t`.handle { position: relative; display: flex; align-items: center; justify-content: center; pointer-events: none; transform-origin: center center; border-radius: ${rw}; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard},\n      transform var(--_switch-handle-effect),\n      width ${l.motion.spring.fastEffects},\n      height ${l.motion.spring.fastEffects}`)}; } .track:not(.pressed) .handle { --_switch-handle-effect: ${l.motion.spring.fastSpatial}; } .track.pressed .handle { --_switch-handle-effect: ${l.motion.spring.fastEffects}; } :host(:not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { width: ${ew}; height: ${Qx}; } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .handle, :host([aria-disabled="true"]:not([checked])) .handle { width: ${Jx}; height: ${Yx}; } :host([checked]) .track:not(.pressed) .handle { width: ${aw}; height: ${tw}; } .track.pressed .handle { width: ${iw}; height: ${ow}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${nw}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .handle { background-color: ${Pw}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .handle { background-color: ${Vw}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .handle { background-color: ${Xw}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${sw}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .handle { background-color: ${Tw}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .handle { background-color: ${Fw}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .handle { background-color: ${Gw}; } :host([aria-disabled="true"]:not([checked])) .handle { background-color: color-mix( in srgb, ${xw} ${gw}, transparent ); } :host([aria-disabled="true"][checked]) .handle { background-color: color-mix( in srgb, ${$w} ${yw}, transparent ); } :host(:not(:dir(rtl))[checked]) .track:not(.pressed) .handle { transform: translateX( calc(${Nx} - ${aw} - calc(${Kx} * 2)) ); } :host(:dir(rtl)[checked]) .track:not(.pressed) .handle { transform: translateX( calc( 0px - calc( ${Nx} - ${aw} - calc(${Kx} * 2) ) ) ); } :host(:not(:dir(rtl))[checked]) .track.pressed .handle { transform: translateX( calc(${Nx} - ${iw} - ${Kx}) ); } :host(:dir(rtl)[checked]) .track.pressed .handle { transform: translateX( calc(0px - calc(${Nx} - ${iw} - ${Kx})) ); } :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( ${Kx} + calc(${iw} - ${ew}) ) ); } :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( ${Kx} + calc(${iw} - ${ew}) ) ) ); } :host(:not(:dir(rtl)):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(${Kx}); } :host(:dir(rtl):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(calc(0px - ${Kx})); } @media (forced-colors: active) { .handle { transition: ${e(`transform var(--_switch-handle-effect),\n      width ${l.motion.spring.fastEffects},\n      height ${l.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; } }`,Jw=t`:host([icons="none"]) .icon, :host([icons="selected"]:not([checked])) .icon, :host([aria-disabled="true"]:not([checked])) .icon { display: none; } .icon { width: 1em; transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host(:not([checked])) .icon { font-size: ${Vx}; } :host([checked]) .icon { font-size: ${Rx}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${Fx}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .icon { color: ${kw}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .icon { color: ${Aw}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .icon { color: ${Nw}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${qx}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .icon { color: ${ww}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .icon { color: ${Iw}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .icon { color: ${Uw}; } :host([aria-disabled="true"]:not([checked])) .icon { color: color-mix( in srgb, ${mw} ${pw}, transparent ); } :host([aria-disabled="true"][checked]) .icon { color: color-mix( in srgb, ${dw} ${hw}, 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; } }`,Qw=t`.state-layer { width: ${lw}; height: ${lw}; border-radius: ${cw}; transition: ${e(`top ${l.motion.spring.fastEffects},\n          left ${l.motion.spring.fastEffects},\n          right ${l.motion.spring.fastEffects}`)}; } :host(:not([checked])[icons="both"]) .track:not(.pressed) .state-layer { inset-inline-start: calc(0px - calc(calc(${lw} - ${ew}) / 2)); top: calc(0px - calc(calc(${lw} - ${Qx}) / 2)); } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .state-layer { inset-inline-start: calc( 0px - calc(calc(${lw} - ${Jx}) / 2) ); top: calc(0px - calc(calc(${lw} - ${Yx}) / 2)); } :host([checked]) .track:not(.pressed) .state-layer { inset-inline-start: calc(0px - calc(calc(${lw} - ${aw}) / 2)); top: calc(0px - calc(calc(${lw} - ${tw}) / 2)); } .track.pressed .state-layer { inset-inline-start: calc(0px - calc(calc(${lw} - ${iw}) / 2)); top: calc(0px - calc(calc(${lw} - ${iw}) / 2)); } :host(:not([checked])) .state-layer { --m3e-state-layer-hover-color: ${Ew}; --m3e-state-layer-hover-opacity: ${Mw}; --m3e-state-layer-focus-color: ${qw}; --m3e-state-layer-focus-opacity: ${Rw}; } :host([checked]) .state-layer { --m3e-state-layer-hover-color: ${Sw}; --m3e-state-layer-hover-opacity: ${_w}; --m3e-state-layer-focus-color: ${Hw}; --m3e-state-layer-focus-opacity: ${Ow}; }`,ek=t`: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: ${Zx}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .base { display: flex; align-items: center; justify-content: center; }`,tk=t`.track { display: flex; align-items: center; position: relative; box-sizing: border-box; border-radius: ${Zx}; width: ${Nx}; height: ${Ux}; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host(:not([checked])) .track { border-width: ${Kx}; border-style: solid; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) { border-color: ${jx}; background-color: ${Xx}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) { border-color: ${zw}; background-color: ${Lw}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) { border-color: ${Bw}; background-color: ${Dw}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed { border-color: ${Zw}; background-color: ${Kw}; } :host([aria-disabled="true"]:not([checked])) .track { border-color: color-mix( in srgb, ${fw} ${uw}, transparent ); background-color: color-mix( in srgb, ${bw} ${uw}, transparent ); } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) { background-color: ${Gx}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) { background-color: ${Cw}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) { background-color: ${Ww}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed { background-color: ${jw}; } :host([aria-disabled="true"][checked]) .track { background-color: color-mix( in srgb, ${vw} ${uw}, 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 ak,ok,ik,rk,sk,nk;let lk=class extends(q(F(V(N(le(K(M(I(W(w(d(a,"switch")))))))))))){constructor(){super(),ak.add(this),ok.set(this,e=>He(this,ak,"m",nk).call(this,e)),ik.set(this,new Z(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),rk.set(this,new O(this,{target:null,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})),this.icons="none",this.value="on",new O(this,{isPressedKey:e=>" "===e,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})}get[(ok=new WeakMap,ik=new WeakMap,rk=new WeakMap,ak=new WeakSet,G)](){return this.checked&&!this.disabled?this.value:null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,ok,"f"));for(const e of this.labels)He(this,ik,"f").observe(e),He(this,rk,"f").observe(e)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,ok,"f"));for(const e of this.labels)He(this,ik,"f").unobserve(e),He(this,rk,"f").unobserve(e)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer].forEach(e=>e?.attach(this))}render(){return o`<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">${He(this,ak,"m",sk).call(this)}</div></div></div>`}};var ck,dk,hk,mk;sk=function(){return this.checked?o`<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>`:o`<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>`},nk=function(e){e.defaultPrevented||(this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?this.dispatchEvent(new Event("change",{bubbles:!0})):this.checked=!this.checked,this.closest("label")&&e.preventDefault())},lk.styles=[ek,Qw,tk,Yw,Jw],We([dt(".track")],lk.prototype,"_track",void 0),We([dt(".focus-ring")],lk.prototype,"_focusRing",void 0),We([dt(".state-layer")],lk.prototype,"_stateLayer",void 0),We([nt({reflect:!0})],lk.prototype,"icons",void 0),We([nt()],lk.prototype,"value",void 0),lk=We([m("m3e-switch")],lk);let pk=mk=class extends(te(c(M(I(W(w(d(a,"tab"),!0))))))){constructor(){super(...arguments),ck.add(this),dk.set(this,e=>He(this,ck,"m",hk).call(this,e))}attach(e){super.attach(e),e.id=e.id||"m3e-tab-panel-"+mk.__nextId++,ye(this,"aria-controls",e.id)}detach(){this.control&&this.control.id&&$e(this,"aria-controls",this.control.id),super.detach()}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,dk,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,dk,"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")?.[xe].notifySelectionChange(this)}render(){return o`<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>`}};dk=new WeakMap,ck=new WeakSet,hk=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation()),e.defaultPrevented||this.selected||(this.selected=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.closest("m3e-tabs")?.[xe].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=!1)},pk.styles=t`:host { display: inline-block; outline: none; user-select: none; height: calc(var(--_tab-height) + ${l.density.calc(-3)}); font-size: var(--m3e-tab-font-size, ${l.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-tab-font-weight, ${l.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-tab-line-height, ${l.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-tab-tracking, ${l.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, ${l.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, ${l.color.primary})); --m3e-state-layer-hover-color: var( --m3e-tab-selected-container-hover-color, var(--_tab-selected-container-hover-color, ${l.color.primary}) ); --m3e-state-layer-focus-color: var( --_tab-selected-container-focus-color, var(--m3e-tab-selected-container-focus-color, ${l.color.primary}) ); --m3e-ripple-color: var( --_tab-selected-ripple-color, var(--m3e-tab-selected-ripple-color, ${l.color.primary}) ); } :host(:not([selected]):not(:disabled)) .base { color: var(--m3e-tab-unselected-color, ${l.color.onSurfaceVariant}); --m3e-state-layer-hover-color: var(--m3e-tab-unselected-container-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-tab-unselected-container-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-tab-unselected-ripple-color, ${l.color.onSurface}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-tab-disabled-color, ${l.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; } }`,pk.__nextId=0,We([dt(".focus-ring")],pk.prototype,"_focusRing",void 0),We([dt(".state-layer")],pk.prototype,"_stateLayer",void 0),We([dt(".ripple")],pk.prototype,"_ripple",void 0),We([dt(".label")],pk.prototype,"label",void 0),pk=mk=We([m("m3e-tab")],pk);let uk=class extends(d(a,"tabpanel")){connectedCallback(){super.connectedCallback(),this.slot="panel"}render(){return o`<slot></slot>`}};var vk,bk,fk,gk,yk,$k,xk,wk,kk;uk.styles=t`:host { display: block; overflow-y: auto; scrollbar-width: ${l.scrollbar.width}; scrollbar-color: ${l.scrollbar.color}; }`,uk=We([m("m3e-tab-panel")],uk);let Ck=class extends(w(a)){constructor(){super(),vk.add(this),bk.set(this,void 0),this._selectedIndex=null,this[kk]=(new we).onSelectedItemsChange(()=>He(this,vk,"m",xk).call(this)).withHomeAndEnd().withWrap().withDirectionality(Le.current),this.disablePagination=!1,this.headerPosition="before",this.variant="secondary",this.stretch=!1,this.previousPageLabel="Previous page",this.nextPageLabel="Next page",new S(this,{skipInitial:!0,callback:()=>{y(this,"-no-animate"),He(this,vk,"m",wk).call(this)}})}get tabs(){return this[xe]?.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(),y(this,"-no-animate"),Oe(this,bk,Le.observe(()=>{this.requestUpdate(),this[xe].directionality=Le.current}),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,bk,"f")?.call(this)}updated(e){super.updated(e),(e.has("variant")||e.has("stretch"))&&null!==this._selectedIndex&&He(this,vk,"m",wk).call(this)}render(){let e;return this.selectedTab?.control&&(e=[...this.querySelectorAll("[slot='panel']")].indexOf(this.selectedTab.control),-1===e&&(e=void 0)),o`${"before"===this.headerPosition?He(this,vk,"m",fk).call(this):i}<m3e-slide class="tabs" selected-index="${cr(e)}"><slot name="panel"></slot></m3e-slide>${"after"===this.headerPosition?He(this,vk,"m",fk).call(this):i}`}};
+class My extends dl{constructor(e){if(super(e),this.it=Zi,e.type!==ll)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===Zi||null==e)return this._t=void 0,this.it=e;if(e===Ki)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}My.directiveName="unsafeHTML",My.resultType=1;const Ty=cl(My);var Py,Iy,Ay,Wy,Hy,Oy,Dy,By,qy,Ry,Fy,Vy,Uy,Ny,jy,Ky,Zy,Gy,Xy,Yy,Jy,Qy,e$,t$,a$,o$;let i$=o$=class extends(I(q(R(F(V(U(N(K(W(w(d(a,"combobox")))))))))))){constructor(){super(),Py.add(this),Iy.set(this,void 0),Ay.set(this,!1),Wy.set(this,!1),Hy.set(this,"m3e-select-"+o$.__nextId++),Oy.set(this,`${He(this,Hy,"f")}-list`),Dy.set(this,e=>He(this,Py,"m",jy).call(this,e)),By.set(this,e=>He(this,Py,"m",Ky).call(this,e)),qy.set(this,e=>He(this,Py,"m",Zy).call(this,e)),Ry.set(this,e=>He(this,Py,"m",Xy).call(this,e)),Fy.set(this,e=>He(this,Py,"m",Gy).call(this,e)),this._listKeyManager=(new be).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&He(this,Py,"m",t$).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,new S(this,{callback:()=>{He(this,Iy,"f")&&(He(this,Iy,"f").style.minWidth=He(this,Py,"a",Vy))}})}get selected(){return this.options.filter(e=>e.selected)}get options(){return this._listKeyManager?.items??[]}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[(Iy=new WeakMap,Ay=new WeakMap,Wy=new WeakMap,Hy=new WeakMap,Oy=new WeakMap,Dy=new WeakMap,By=new WeakMap,qy=new WeakMap,Ry=new WeakMap,Fy=new WeakMap,Py=new WeakSet,G)](){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(){Oe(this,Wy,!0,"f"),He(this,Py,"m",Jy).call(this),this.focus({preventScroll:!0})}clear(e=!1){const t=this.selected,a=t.length>0;a&&(t.forEach(e=>e.selected=!1),this.requestUpdate()),He(this,Py,"m",e$).call(this),a&&this.dispatchEvent(new Event("change",{bubbles:!0})),e&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",He(this,Dy,"f")),this.addEventListener("keydown",He(this,By,"f")),this.addEventListener("keyup",He(this,qy,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,Dy,"f")),this.removeEventListener("keydown",He(this,By,"f")),this.removeEventListener("keyup",He(this,qy,"f"))}update(e){super.update(e),e.has("hideSelectionIndicator")&&this.options.forEach(e=>u(e,"-hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(e){super.firstUpdated(e),this._focusRing?.attach(this),He(this,Py,"a",Uy)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return o`<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?o`<span>, </span>${Ty(e.innerHTML)}`:Ty(e.innerHTML))}</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" role="listbox" aria-multiselectable="${this.multi}"><slot @slotchange="${He(this,Py,"m",Ny)}"></slot></div>`}};Vy=function(){const e=He(this,Py,"a",Uy);return`${e?e.menuAnchor.clientWidth:this.clientWidth}px`},Uy=function(){return this.closest("m3e-form-field")},Ny=function(){if(He(this,Iy,"f"))return;const{added:e}=this._listKeyManager.setItems([...this.querySelectorAll("m3e-option")]);e.forEach(e=>{e.id=e.id||`${He(this,Hy,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,u(e,"-hide-selection-indicator",this.hideSelectionIndicator)}),He(this,Py,"a",Uy)?.notifyControlStateChange()},jy=function(e){e.defaultPrevented||this.disabled||He(this,Py,"m",Jy).call(this)},Ky=function(e){if(!e.defaultPrevented)switch(Oe(this,Wy,!1,"f"),e.key){case" ":case"Enter":e.preventDefault(),this.multi?He(this,Iy,"f")||(Oe(this,Ay,!0,"f"),He(this,Py,"m",Jy).call(this)):(He(this,Iy,"f")&&this._listKeyManager.activeItem&&He(this,Py,"m",a$).call(this,this._listKeyManager.activeItem),He(this,Iy,"f")?.isOpen?v()?He(this,Py,"m",e$).call(this):setTimeout(()=>He(this,Py,"m",e$).call(this),150):He(this,Py,"m",Qy).call(this));break;case"Escape":case"Tab":He(this,Py,"m",e$).call(this);break;case"Down":case"ArrowDown":this.multi&&!He(this,Iy,"f")?He(this,Py,"m",Jy).call(this):(this._listKeyManager.onKeyDown(e),!He(this,Iy,"f")&&this._listKeyManager.activeItem&&He(this,Py,"m",a$).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(e),this.multi||He(this,Iy,"f")||!this._listKeyManager.activeItem||He(this,Py,"m",a$).call(this,this._listKeyManager.activeItem)}},Zy=function(e){if(!e.defaultPrevented)if(He(this,Ay,"f"))Oe(this,Ay,!1,"f");else switch(e.key){case" ":case"Enter":if(!this.multi)return;e.preventDefault(),He(this,Iy,"f")&&this._listKeyManager.activeItem&&He(this,Py,"m",a$).call(this,this._listKeyManager.activeItem)}},Gy=function(e){if(2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const t=e.composedPath().find(e=>e instanceof HTMLElement&&"M3E-OPTION"===e.tagName);t&&!t.disabled&&(He(this,Py,"m",a$).call(this,t),this._listKeyManager.setActiveItem(t),this.multi?this.requestUpdate():v()?He(this,Py,"m",e$).call(this):setTimeout(()=>He(this,Py,"m",e$).call(this),150))},Xy=function(e){if(He(this,Iy,"f"))if("closed"!==e.newState){const t=this.selected.find(e=>!e.disabled)??this._listKeyManager.items.find(e=>!e.disabled);this._listKeyManager.setActiveItem(t),t&&b(t,He(this,Iy,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else v()?He(this,Py,"m",Yy).call(this,e):setTimeout(()=>He(this,Py,"m",Yy).call(this,e),100)},Yy=function(e){He(this,Iy,"f")&&([...He(this,Iy,"f").childNodes].forEach(e=>this.append(e)),He(this,Iy,"f").remove(),He(this,Iy,"f").removeEventListener("toggle",He(this,Ry,"f")),He(this,Iy,"f").removeEventListener("pointerdown",He(this,Fy,"f")),Oe(this,Iy,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.requestUpdate(),g(this,"-open"),He(this,Py,"a",Uy)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState})))},Jy=function(){this.disabled||(He(this,Iy,"f")?He(this,Py,"m",e$).call(this):He(this,Py,"m",Qy).call(this))},Qy=function(){if(!He(this,Iy,"f")){Oe(this,Iy,document.createElement("m3e-option-panel"),"f"),this.multi&&(He(this,Iy,"f").ariaMultiSelectable="true"),He(this,Iy,"f").id=He(this,Oy,"f"),He(this,Iy,"f").style.overflowX="hidden",He(this,Iy,"f").style.minWidth=He(this,Py,"a",Vy),He(this,Iy,"f").addEventListener("toggle",He(this,Ry,"f")),He(this,Iy,"f").addEventListener("pointerdown",He(this,Fy,"f"));for(const e of[...this.childNodes])He(this,Iy,"f").append(e);(He(this,Py,"a",Uy)??this).insertAdjacentElement("afterend",He(this,Iy,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",He(this,Oy,"f")),this.setAttribute("aria-owns",He(this,Oy,"f")),He(this,Py,"a",Uy)?.notifyControlStateChange(),setTimeout(()=>{He(this,Iy,"f")?.show(this,He(this,Py,"a",Uy)?.menuAnchor),y(this,"-open")})}},e$=function(){He(this,Iy,"f")&&(He(this,Iy,"f").hide(),this.removeAttribute("aria-activedescendant"),g(this,"-open"))},t$=function(e){if(this.setAttribute("aria-activedescendant",e.id),He(this,Iy,"f")){b(e,He(this,Iy,"f"),{block:"nearest",behavior:"instant"});const t=!He(this,Wy,"f")&&(this.matches(":focus-visible")||f());this.options.forEach(a=>{a===e&&t?(a.focusRing?.show(),a.stateLayer?.show("focused")):(a.focusRing?.hide(),a.stateLayer?.hide("focused"))})}},a$=function(e){const t=!this.multi||!e.selected;e.selected!==t&&(e.selected=t,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.multi||this.selected.filter(t=>t!==e).forEach(e=>e.selected=!1),this.requestUpdate(),He(this,Py,"a",Uy)?.notifyControlStateChange(),this.dispatchEvent(new Event("change",{bubbles:!0}))):e.selected=!t)},i$.styles=t`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${l.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${l.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${l.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${l.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${l.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${l.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${l.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(:state(-open)) .focus-ring { display: none; }`,i$.__nextId=0,We([dt(".focus-ring")],i$.prototype,"_focusRing",void 0),We([nt({attribute:"hide-selection-indicator",type:Boolean})],i$.prototype,"hideSelectionIndicator",void 0),We([nt({type:Boolean})],i$.prototype,"multi",void 0),i$=o$=We([m("m3e-select")],i$);const r$=e("var(--m3e-shape-size, 3rem)"),s$=e(`var(--m3e-shape-container-color, ${l.color.primary})`),n$=e(`var(--m3e-shape-transition, clip-path ${l.motion.spring.slowEffects})`),l$=t`:host { display: inline-block; position: relative; aspect-ratio: 1 / 1; width: ${r$}; } :host([name]) .wrapper { background-color: ${s$}; transition: ${n$}; 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; } }`,c$={"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 d$=new Array;const h$=new Map;for(const e in c$)d$.push(c$[e]),h$.set(e,d$.length-1);const m$={};d$=ne(d$,300);for(const t of h$)m$[t[0]]=e(d$[t[1]]);const p$=m$;const u$=[...Object.getOwnPropertyNames(p$).map(a=>function(a){return t`:host([name="${e(a)}"]) .wrapper { clip-path: polygon(${p$[a]}); }`}(a))];let v$=class extends a{constructor(){super(...arguments),this.name=null}render(){return o`<div class="wrapper"><slot></slot></div>`}};var b$,f$,g$,y$,$$;v$.styles=[l$,u$],We([nt({reflect:!0})],v$.prototype,"name",void 0),v$=We([m("m3e-shape")],v$);let x$=class extends a{constructor(){super(...arguments),b$.add(this),f$.set(this,void 0),g$.set(this,new S(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(),Oe(this,f$,Le.observe(()=>this.requestUpdate()),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,f$,"f")?.call(this)}firstUpdated(e){super.firstUpdated(e),He(this,g$,"f").observe(this.scrollContainer)}render(){const e=o`<m3e-icon-button class="prev-button" tabindex="-1" aria-label="${this.previousPageLabel}" ?disabled="${!this._canPageStart}" @click="${He(this,b$,"m",y$)}"><slot name="prev-icon">${"ltr"===Le.current||this.vertical?o`<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>`:o`<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>`,t=o`<m3e-icon-button class="next-button" tabindex="-1" aria-label="${this.nextPageLabel}" ?disabled="${!this._canPageEnd}" @click="${He(this,b$,"m",$$)}"><slot name="next-icon">${"ltr"===Le.current||this.vertical?o`<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>`:o`<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 o`${this._canPage?e:i}<div class="content" @scroll="${this._updatePaging}"><slot></slot></div>${this._canPage?t:i}`}_updatePaging(){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)}};var w$,k$;f$=new WeakMap,g$=new WeakMap,b$=new WeakSet,y$=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"})}},$$=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"})}},x$.styles=t`:host { display: flex; flex-wrap: nowrap; overflow: hidden; } :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; overflow: inherit; position: relative; border-top: var(--m3e-slide-group-divider-top); border-bottom: var(--m3e-slide-group-divider-bottom); }`,We([dt(".content")],x$.prototype,"scrollContainer",void 0),We([lt()],x$.prototype,"_canPage",void 0),We([lt()],x$.prototype,"_canPageStart",void 0),We([lt()],x$.prototype,"_canPageEnd",void 0),We([nt({type:Boolean,reflect:!0})],x$.prototype,"disabled",void 0),We([nt({type:Boolean,reflect:!0})],x$.prototype,"vertical",void 0),We([nt({type:Number})],x$.prototype,"threshold",void 0),We([nt({attribute:"previous-page-label"})],x$.prototype,"previousPageLabel",void 0),We([nt({attribute:"next-page-label"})],x$.prototype,"nextPageLabel",void 0),We([h(40)],x$.prototype,"_updatePaging",null),x$=We([m("m3e-slide-group")],x$);let C$=class extends(F(V(K(I(W(w(d(a,"slider")))))))){constructor(){super(...arguments),w$.add(this),this.value=null}get[(w$=new WeakSet,G)](){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 o`<div class="label" aria-hidden="true">${He(this,w$,"a",k$)}</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 S$,_$,L$,z$,E$,M$,T$,P$,I$,A$,W$,H$,O$,D$,B$,q$,R$,F$,V$,U$,N$;k$=function(){return this.closest("m3e-slider")?.displayWith?.(this.value)??this.value?.toString()??""},C$.styles=t`:host { display: block; box-sizing: border-box; position: absolute; outline: none; top: 0; bottom: 0; border-radius: var(--m3e-slider-thumb-shape, ${l.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: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard}, \n          transform ${l.motion.duration.short3} ${l.motion.easing.standard},\n          visibility ${l.motion.duration.short3} ${l.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, ${l.shape.corner.full}); background-color: var(--m3e-slider-label-container-color, ${l.color.inverseSurface}); color: var(--m3e-slider-label-color, ${l.color.inverseOnSurface}); font-size: var(--m3e-slider-label-font-size, ${l.typescale.standard.label.medium.fontSize}); font-weight: var(--m3e-slider-label-font-weight, ${l.typescale.standard.label.medium.fontWeight}); line-height: var(--m3e-slider-label-line-height, ${l.typescale.standard.label.medium.lineHeight}); letter-spacing: var(--m3e-slider-label-tracking, ${l.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: ${e(`width ${l.motion.duration.short2} ${l.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, ${l.color.primary}); } :host([aria-disabled="true"]) .handle { opacity: var(--m3e-slider-thumb-disabled-opacity, 38%); background-color: var(--m3e-slider-thumb-disabled-color, ${l.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; } }`,We([dt(".focus-ring")],C$.prototype,"_focusRing",void 0),We([nt({type:Number,reflect:!0})],C$.prototype,"value",void 0),C$=We([m("m3e-slider-thumb")],C$);let j$=class extends(w(a)){constructor(){super(),S$.add(this),_$.set(this,void 0),this._ticks=new Array,L$.set(this,new Array),z$.set(this,void 0),E$.set(this,0),M$.set(this,0),T$.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 S(this,{callback:()=>He(this,S$,"m",D$).call(this,!0)})}get thumbs(){return He(this,L$,"f")}get isRange(){return He(this,L$,"f").length>1}get thumb(){return He(this,L$,"f")[0]??null}get lowerThumb(){return this.thumb}get upperThumb(){return He(this,L$,"f")[1]??null}connectedCallback(){super.connectedCallback(),Oe(this,_$,Le.observe(()=>{He(this,S$,"m",D$).call(this,!0),this.requestUpdate()}),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,_$,"f")?.call(this)}updated(e){super.updated(e),e.has("disabled")&&He(this,L$,"f").forEach(e=>e.disabled=this.disabled)}render(){return o`<div class="base" tabindex="${cr(this.disabled?void 0:"-1")}" @pointerdown="${He(this,S$,"m",q$)}" @pointermove="${He(this,S$,"m",R$)}" @pointerup="${He(this,S$,"m",F$)}" @keydown="${He(this,S$,"m",V$)}" @value-change="${He(this,S$,"m",U$)}"><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(e=>He(this,S$,"m",P$).call(this,e))}</div><slot @slotchange="${He(this,S$,"m",I$)}"></slot></div>`}};var K$,Z$,G$,X$,Y$,J$,Q$,ex,tx;_$=new WeakMap,L$=new WeakMap,z$=new WeakMap,E$=new WeakMap,M$=new WeakMap,T$=new WeakMap,S$=new WeakSet,P$=function(e){return o`<div class="tick ${e.active?"active":"inactive"}" style="${he({transform:`translate(${"rtl"===Le.current?-He(this,S$,"m",W$).call(this,e.value):He(this,S$,"m",W$).call(this,e.value)}px, 0)`})}"></div>`},I$=function(e){Oe(this,L$,e.target.assignedElements({flatten:!0}).filter(e=>e instanceof C$),"f"),He(this,L$,"f").length>2&&(He(this,L$,"f").length=2),this.isRange?this._base?.style.setProperty("--_slider-active-track-middle-shape","0"):this._base?.style.removeProperty("--_slider-active-track-middle-shape"),He(this,S$,"m",A$).call(this)},A$=function(){He(this,L$,"f").forEach((e,t)=>{this.disabled&&(e.disabled=!0),e.ariaValueMin=`${He(this,L$,"f")[t-1]?.value??this.min}`,e.ariaValueMax=`${He(this,L$,"f")[t+1]?.value??this.max}`,e.ariaValueNow=`${e.value??He(this,L$,"f")[t-1]?.value??this.min}`})},W$=function(e){return(He(this,E$,"f")-He(this,M$,"f"))*((e-this.min)/(this.max-this.min))},H$=function(e){const t="rtl"===Le.current?He(this,T$,"f")+He(this,E$,"f")-e.clientX:e.clientX-He(this,T$,"f"),a=0===this.step?1:this.step,o=Math.floor((this.max-this.min)/a),i=t/He(this,E$,"f"),r=Math.round(i*o)/o*(this.max-this.min)+this.min;return Math.round(r/a)*a},O$=function(e=!1){this.lowerThumb&&(Oe(this,E$,!e&&He(this,E$,"f")>0?He(this,E$,"f"):this.clientWidth,"f"),Oe(this,M$,!e&&He(this,M$,"f")>0?He(this,M$,"f"):this.lowerThumb.clientWidth,"f"),Oe(this,T$,!e&&He(this,T$,"f")>0?He(this,T$,"f"):this.getBoundingClientRect().left,"f"))},D$=function(e=!1){if(He(this,S$,"m",O$).call(this,e),!this.lowerThumb)return;const t=this.lowerThumb.value??this.min,a=He(this,S$,"m",W$).call(this,t);if(this.lowerThumb.style.transform=`translate(${"rtl"===Le.current?-a:a}px, 0)`,this.upperThumb){const e=this.upperThumb.value??t,o=He(this,S$,"m",W$).call(this,e);this.upperThumb.style.transform=`translate(${"rtl"===Le.current?-o:o}px, 0)`,this._base?.classList.toggle("range",!0),this._base?.style.setProperty("--_slider-inactive-track-before-size",`${a}px`),this._base?.style.setProperty("--_slider-active-track-offset",`${a+He(this,M$,"f")}px`),this._base?.style.setProperty("--_slider-active-track-size",o-a-He(this,M$,"f")+"px"),this._base?.style.setProperty("--_slider-inactive-track-after-offset",`${o+He(this,M$,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",He(this,E$,"f")-He(this,M$,"f")-o+"px"),He(this,S$,"m",B$).call(this,a=>a>t&&a<e)}else this._base?.classList.toggle("range",!1),this._base?.style.setProperty("--_slider-active-track-size",`${a}px`),this._base?.style.setProperty("--_slider-inactive-track-after-offset",`${a+He(this,M$,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",He(this,E$,"f")-a-He(this,M$,"f")+"px"),He(this,S$,"m",B$).call(this,e=>e<t)},B$=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)})},q$=function(e){if("mouse"===e.pointerType&&e.button>1)return;if(!this.lowerThumb||this.disabled)return;if(e.target instanceof HTMLElement&&e.target.setPointerCapture(e.pointerId),Oe(this,z$,e.composedPath().find(e=>e instanceof C$),"f"),He(this,z$,"f"))return;const t=He(this,S$,"m",H$).call(this,e);if(this.upperThumb){const e=this.lowerThumb.value??this.min,a=this.upperThumb.value??e;if(t<e)this.lowerThumb.disabled||(He(this,S$,"m",N$).call(this,this.lowerThumb,t,!0),Oe(this,z$,this.lowerThumb,"f"));else if(t>a)this.upperThumb.disabled||(He(this,S$,"m",N$).call(this,this.upperThumb,t,!0),Oe(this,z$,this.upperThumb,"f"));else{t<(e+a)/2&&!this.lowerThumb.disabled?(He(this,S$,"m",N$).call(this,this.lowerThumb,t,!0),Oe(this,z$,this.lowerThumb,"f")):this.upperThumb.disabled||(He(this,S$,"m",N$).call(this,this.upperThumb,t,!0),Oe(this,z$,this.upperThumb,"f"))}}else this.lowerThumb.disabled||(He(this,S$,"m",N$).call(this,this.lowerThumb,t,!0),Oe(this,z$,this.lowerThumb,"f"))},R$=function(e){if(!(e.target instanceof HTMLElement)||!e.target.hasPointerCapture(e.pointerId)||!He(this,z$,"f")||He(this,z$,"f").disabled)return;const t=He(this,S$,"m",H$).call(this,e);let a=this.min,o=this.max;He(this,z$,"f")===this.upperThumb?a=Math.max(a,this.lowerThumb?.value??0):this.upperThumb&&(o=Math.min(o,this.upperThumb.value??this.max)),L(this,"-animating")&&(g(this,"-animating"),He(this,z$,"f").style.transition=""),He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,Math.max(a,t)))},F$=function(e){"mouse"===e.pointerType&&e.button>1||this.lowerThumb&&!this.disabled&&(e.target instanceof HTMLElement&&e.target.releasePointerCapture(e.pointerId),He(this,z$,"f")&&!He(this,z$,"f").disabled&&He(this,z$,"f").focus())},V$=function(e){if(Oe(this,z$,e.composedPath().find(e=>e instanceof C$),"f"),!He(this,z$,"f"))return;const t=He(this,z$,"f").value??0;let a=this.min,o=this.max;switch(He(this,z$,"f")===this.upperThumb?a=Math.max(a,this.lowerThumb?.value??0):this.upperThumb&&(o=Math.max(o,this.upperThumb.value??this.max)),e.key){case"Home":He(this,S$,"m",N$).call(this,He(this,z$,"f"),a),e.preventDefault();break;case"End":He(this,S$,"m",N$).call(this,He(this,z$,"f"),o),e.preventDefault();break;case"PageUp":"ltr"===Le.current?He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,t+(this.step>1?this.step:10))):He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.max(a,t-(this.step>1?this.step:10))),e.preventDefault();break;case"PageDown":"ltr"===Le.current?He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.max(a,t-(this.step>1?this.step:10))):He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,t+(this.step>1?this.step:10))),e.preventDefault();break;case"Down":case"ArrowDown":case"Left":case"ArrowLeft":"ltr"===Le.current?He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.max(a,t-this.step)):He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,t+this.step)),e.preventDefault();break;case"Up":case"ArrowUp":case"Right":case"ArrowRight":"ltr"===Le.current?He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.min(o,t+this.step)):He(this,S$,"m",N$).call(this,He(this,z$,"f"),Math.max(a,t-this.step)),e.preventDefault();break;case" ":e.preventDefault()}},U$=function(e){e.stopPropagation(),He(this,S$,"m",A$).call(this),He(this,S$,"m",D$).call(this)},N$=function(e,t,a=!1){if(e.value===t)return;const o=e.value;a&&!v()&&(y(this,"-animating"),e.addEventListener("transitionend",()=>{e.style.transition="",g(this,"-animating")},{once:!0}),e.style.transition=`transform ${l.motion.spring.fastEffects}`),e.value=t,e.markAsDirty(),e.markAsTouched(),e.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?e.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})):e.value=o},j$.styles=t`: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, ${l.shape.corner.smallStart}); --_slider-inactive-track-start-shape: var( --m3e-slider-small-inactive-active-track-start-shape, ${l.shape.corner.smallStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-small-inactive-track-end-shape, ${l.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, ${l.shape.corner.smallEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-small-inactive-active-track-start-shape, ${l.shape.corner.smallEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-small-inactive-track-end-shape, ${l.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, ${l.shape.corner.mediumStart} ); --_slider-inactive-track-start-shape: var( --m3e-slider-medium-inactive-active-track-start-shape, ${l.shape.corner.mediumStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-medium-inactive-track-end-shape, ${l.shape.corner.mediumEnd} ); } :host(:dir(rtl)[size="medium"]) .base { --_slider-active-track-shape: var(--m3e-slider-medium-active-track-shape, ${l.shape.corner.mediumEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-medium-inactive-active-track-start-shape, ${l.shape.corner.mediumEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-medium-inactive-track-end-shape, ${l.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, ${l.shape.corner.largeStart}); --_slider-inactive-track-start-shape: var( --m3e-slider-large-inactive-active-track-start-shape, ${l.shape.corner.largeStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-large-inactive-track-end-shape, ${l.shape.corner.largeEnd} ); } :host(:dir(rtl)[size="large"]) .base { --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${l.shape.corner.largeEnd}); --_slider-inactive-track-start-shape: var( --m3e-slider-large-inactive-active-track-start-shape, ${l.shape.corner.largeEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-large-inactive-track-end-shape, ${l.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, ${l.shape.corner.extraLargeStart} ); --_slider-inactive-track-start-shape: var( --m3e-slider-extra-large-inactive-active-track-start-shape, ${l.shape.corner.extraLargeStart} ); --_slider-inactive-track-end-shape: var( --m3e-slider-extra-large-inactive-track-end-shape, ${l.shape.corner.extraLargeEnd} ); } :host(:dir(rtl)[size="extra-large"]) .base { --_slider-active-track-shape: var( --m3e-slider-extra-large-active-track-shape, ${l.shape.corner.extraLargeEnd} ); --_slider-inactive-track-start-shape: var( --m3e-slider-extra-large-inactive-active-track-start-shape, ${l.shape.corner.extraLargeEnd} ); --_slider-inactive-track-end-shape: var( --m3e-slider-extra-large-inactive-track-end-shape, ${l.shape.corner.extraLargeStart} ); } :host([size="extra-large"]) .track { height: var(--m3e-slider-extra-large-track-height, 6rem); } :host(:state(-animating)) .track-active, :host(:state(-animating)) .track-inactive.start, :host(:state(-animating)) .track-inactive.end { transition: ${e(`margin-inline-start ${l.motion.spring.fastEffects},\n        width ${l.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, ${l.shape.corner.full}); } :host(:not([disabled])) .track-inactive { background-color: var(--m3e-slider-inactive-track-color, ${l.color.secondaryContainer}); } :host([disabled]) .track-inactive { background-color: color-mix( in srgb, var(--m3e-slider-disabled-inactive-track-color, ${l.color.onSurface}) var(--m3e-slider-disabled-inactive-track-opacity, 12%), transparent ); } :host(:not([disabled])) .track-active { background-color: var(--m3e-slider-active-track-color, ${l.color.primary}); } :host([disabled]) .track-active { background-color: color-mix( in srgb, var(--m3e-slider-disabled-active-track-color, ${l.color.onSurface}) var(--m3e-slider-disabled-active-track-opacity, 38%), transparent ); } :host(:not([disabled])) .tick.active { background-color: var(--m3e-slider-tick-active-color, ${l.color.onPrimary}); } :host([disabled]) .tick.active { background-color: var(--m3e-slider-disabled-tick-active-color, ${l.color.inverseOnSurface}); } :host(:not([disabled])) .tick.inactive { background-color: var(--m3e-slider-tick-inactive-color, ${l.color.onSecondaryContainer}); } :host([disabled]) .tick.inactive { background-color: var(--m3e-slider-disabled-tick-inactive-color, ${l.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; } }`,We([dt(".base")],j$.prototype,"_base",void 0),We([lt()],j$.prototype,"_ticks",void 0),We([nt({reflect:!0})],j$.prototype,"size",void 0),We([nt({type:Boolean,reflect:!0})],j$.prototype,"disabled",void 0),We([nt({type:Boolean,reflect:!0})],j$.prototype,"discrete",void 0),We([nt({type:Number})],j$.prototype,"min",void 0),We([nt({type:Number})],j$.prototype,"max",void 0),We([nt({type:Number})],j$.prototype,"step",void 0),We([nt({type:Boolean})],j$.prototype,"labelled",void 0),We([nt({attribute:!1})],j$.prototype,"displayWith",void 0),j$=We([m("m3e-slider")],j$);let ax=tx=class extends(d(a,"status")){constructor(){super(...arguments),K$.add(this),Z$.set(this,-1),G$.set(this,!1),X$.set(this,e=>He(this,K$,"m",ex).call(this,e)),this.duration=3e3,this.action="",this.dismissible=!1,this.closeLabel="Close"}static get current(){return tx.__current}get isActionTaken(){return He(this,G$,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("beforetoggle",He(this,X$,"f")),this.setAttribute("popover","manual"),this.ariaLive="polite"}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",He(this,X$,"f"))}render(){return o`<div class="base"><span class="supporting-text"><slot></slot></span>${He(this,K$,"m",Y$).call(this)} ${He(this,K$,"m",J$).call(this)}</div>`}updated(e){super.updated(e),this.style.setProperty("--_snackbar-height",this.getBoundingClientRect().height/.8+"px")}};Z$=new WeakMap,G$=new WeakMap,X$=new WeakMap,K$=new WeakSet,Y$=function(){return this.action?o`<m3e-button @click="${He(this,K$,"m",Q$)}">${this.action}</m3e-button>`:i},J$=function(){return this.dismissible?o`<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>`:i},Q$=function(){Oe(this,G$,!0,"f"),this.hidePopover()},ex=function(e){"open"==e.newState?(tx.__current?.hidePopover(),tx.__current=this,this.duration>0&&Oe(this,Z$,setTimeout(()=>this.hidePopover(),this.duration),"f")):(tx.__current===this&&(tx.__current=null),clearTimeout(He(this,Z$,"f")))},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-snackbar { margin-inline: auto; }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),ax.styles=t`: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: scale(0.8); transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard}, \n        transform ${l.motion.duration.short3} ${l.motion.easing.standard}, \n        overlay ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete,\n        visibility ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete`)}; } :host::backdrop { background-color: transparent; } :host(:popover-open) { visibility: visible; opacity: 1; transform: scale(1); } @starting-style { :host(:popover-open) { opacity: 0; transform: scale(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, ${l.shape.corner.extraSmall}); background-color: var(--m3e-snackbar-container-color, ${l.color.inverseSurface}); font-size: var(--m3e-snackbar-supporting-text-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-snackbar-supporting-text-font-weight, ${l.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-snackbar-supporting-text-line-height, ${l.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-snackbar-supporting-text-tracking, ${l.typescale.standard.label.large.tracking} ); color: var(--m3e-snackbar-supporting-text-color, ${l.color.inverseOnSurface}); --m3e-text-button-label-text-color: var(--m3e-snackbar-action-text-color, ${l.color.inversePrimary}); --m3e-text-button-hover-label-text-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-hover-state-layer-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-focus-label-text-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-focus-state-layer-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-pressed-label-text-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-text-button-pressed-state-layer-color: var( --m3e-snackbar-action-text-color, ${l.color.inversePrimary} ); --m3e-standard-icon-button-icon-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-hover-icon-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-hover-state-layer-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-focus-icon-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-focus-state-layer-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-pressed-icon-color: var( --m3e-snackbar-close-icon-color, ${l.color.inverseOnSurface} ); --m3e-standard-icon-button-pressed-state-layer-color: var( --m3e-snackbar-close-icon-color, ${l.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: ${l.shape.corner.small}; box-sizing: border-box; outline: 1px solid CanvasText; } }`,ax.__current=null,We([nt({type:Number})],ax.prototype,"duration",void 0),We([nt()],ax.prototype,"action",void 0),We([nt({type:Boolean,reflect:!0})],ax.prototype,"dismissible",void 0),We([nt({attribute:"close-label"})],ax.prototype,"closeLabel",void 0),ax=tx=We([m("m3e-snackbar")],ax);class ox{static open(e,t,a,o){if(r)return;const i=document.createElement("m3e-snackbar");let s;i.append(document.createTextNode(e)),"string"==typeof t?i.action=t:"boolean"==typeof t?i.dismissible=t:s=t,"boolean"==typeof a?i.dismissible=a:s=a,o&&(s=o),void 0!==s?.duration&&(i.duration=s.duration),s?.closeLabel&&(i.closeLabel=s.closeLabel),i.addEventListener("toggle",e=>{"closed"===e.newState&&(v()?i.remove():i.addEventListener("transitionend",()=>i.remove(),{once:!0}),i.isActionTaken&&s?.actionCallback?.())}),(document.querySelector("m3e-theme")??document.body).append(i),i.showPopover()}static dismiss(){ax.current?.hidePopover()}}var ix,rx,sx,nx,lx,cx,dx,hx,mx,px,ux,vx;globalThis.M3eSnackbar=ox;let bx=class extends(d(a,"group")){constructor(){super(...arguments),ix.add(this),rx.set(this,void 0),sx.set(this,void 0),nx.set(this,!1),lx.set(this,new O(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(e,t,a)=>{switch(a){case He(this,rx,"f"):He(this,ix,"m",px).call(this,e);break;case He(this,sx,"f"):He(this,ix,"m",ux).call(this,e||He(this,nx,"f"))}}})),cx.set(this,new Z(this,{target:null,callback:(e,t)=>{if(t===He(this,sx,"f"))He(this,sx,"f")?.disabled||He(this,sx,"f")?.disabledInteractive||(Oe(this,nx,e,"f"),He(this,ix,"m",ux).call(this,e))}})),this.variant="filled",this.size="small"}update(e){super.update(e),e.has("variant")&&He(this,ix,"m",mx).call(this)}render(){return o`<m3e-button-group class="base" disable-role variant="connected" size="${this.size}"><slot name="leading-button" @slotchange="${He(this,ix,"m",dx)}"></slot><slot name="trailing-button" @slotchange="${He(this,ix,"m",hx)}"></slot></m3e-button-group>`}};rx=new WeakMap,sx=new WeakMap,nx=new WeakMap,lx=new WeakMap,cx=new WeakMap,ix=new WeakSet,dx=function(e){He(this,rx,"f")&&He(this,lx,"f").unobserve(He(this,rx,"f")),Oe(this,rx,e.target.assignedElements({flatten:!0}).find(e=>e instanceof Ie),"f"),He(this,rx,"f")&&He(this,lx,"f").observe(He(this,rx,"f")),He(this,ix,"m",mx).call(this)},hx=function(e){He(this,sx,"f")&&(He(this,lx,"f").unobserve(He(this,sx,"f")),He(this,cx,"f").unobserve(He(this,sx,"f"))),Oe(this,sx,e.target.assignedElements({flatten:!0}).find(e=>e instanceof Ee),"f"),He(this,sx,"f")&&(He(this,lx,"f").observe(He(this,sx,"f")),He(this,cx,"f").observe(He(this,sx,"f"))),He(this,ix,"m",mx).call(this)},mx=function(){He(this,rx,"f")&&(He(this,rx,"f").variant=this.variant,He(this,rx,"f").size=this.size,He(this,rx,"f").shape="rounded"),He(this,sx,"f")&&(He(this,sx,"f").width="default",He(this,sx,"f").shape="rounded",He(this,sx,"f").setAttribute("variant",this.variant),He(this,sx,"f").size=this.size)},px=function(e){e&&He(this,rx,"f")?He(this,ix,"m",vx).call(this,He(this,rx,"f"),"--_leading-button-shape"):this._base?.style.removeProperty("--_leading-button-shape")},ux=function(e){e&&He(this,sx,"f")?He(this,ix,"m",vx).call(this,He(this,sx,"f"),"--_trailing-button-shape"):this._base?.style.removeProperty("--_trailing-button-shape")},vx=function(e,t){const a=e.clientHeight/2;a&&this._base?.style.setProperty(t,`${a}px`)},bx.styles=t`: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, ${l.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, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-size, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-size, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-size, ${l.shape.corner.small} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-size, ${l.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, ${l.shape.corner.small} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-hover-size, ${l.shape.corner.medium} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-hover-size, ${l.shape.corner.medium} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-hover-size, ${l.shape.corner.largeIncreased} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-hover-size, ${l.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, ${l.shape.corner.small} ); --m3e-connected-button-group-small-inner-pressed-shape: var( --m3e-split-button-small-inner-corner-pressed-size, ${l.shape.corner.medium} ); --m3e-connected-button-group-medium-inner-pressed-shape: var( --m3e-split-button-medium-inner-corner-pressed-size, ${l.shape.corner.medium} ); --m3e-connected-button-group-large-inner-pressed-shape: var( --m3e-split-button-large-inner-corner-pressed-size, ${l.shape.corner.largeIncreased} ); --m3e-connected-button-group-extra-large-inner-pressed-shape: var( --m3e-split-button-extra-large-inner-corner-pressed-size, ${l.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, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-small-inner-shape: var( --m3e-split-button-small-inner-corner-size, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-medium-inner-shape: var( --m3e-split-button-medium-inner-corner-size, ${l.shape.corner.extraSmall} ); --m3e-connected-button-group-large-inner-shape: var( --m3e-split-button-large-inner-corner-size, ${l.shape.corner.small} ); --m3e-connected-button-group-extra-large-inner-shape: var( --m3e-split-button-extra-large-inner-corner-size, ${l.shape.corner.medium} ); } ::slotted([slot="trailing-button"][aria-expanded="true"]) { --_icon-button-icon-transform: rotate(180deg); --_button-rounded-start-shape: var(--_trailing-button-shape, ${l.shape.corner.full}); --_button-rounded-end-shape: var(--_trailing-button-shape, ${l.shape.corner.full}); } ::slotted([slot="trailing-button"]) { --_button-end-shape-pressed-morph: var(--_trailing-button-shape, ${l.shape.corner.full}); } .base { --m3e-icon-button-extra-small-icon-size: calc( var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${l.density.calc(0)} ); --m3e-button-extra-small-icon-size: calc( var(--m3e-spit-button-extra-small-trailing-button-icon-size, 1.375rem) + ${l.density.calc(0)} ); --m3e-icon-button-small-icon-size: calc( var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${l.density.calc(-1)} ); --m3e-button-small-icon-size: calc( var(--m3e-spit-button-small-trailing-button-icon-size, 1.375rem) + ${l.density.calc(-1)} ); --m3e-icon-button-medium-icon-size: calc( var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${l.density.calc(-2)} ); --m3e-button-medium-icon-size: calc( var(--m3e-spit-button-medium-trailing-button-icon-size, 1.625rem) + ${l.density.calc(-2)} ); --m3e-icon-button-large-icon-size: calc( var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${l.density.calc(-3)} ); --m3e-button-large-icon-size: calc( var(--m3e-spit-button-large-trailing-button-icon-size, 2.375rem) + ${l.density.calc(-3)} ); --m3e-icon-button-extra-large-icon-size: calc( var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${l.density.calc(-3)} ); --m3e-button-extra-large-icon-size: calc( var(--m3e-spit-button-extra-large-trailing-button-icon-size, 3.125rem) + ${l.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); }`,We([dt(".base")],bx.prototype,"_base",void 0),We([nt({reflect:!0})],bx.prototype,"variant",void 0),We([nt({reflect:!0})],bx.prototype,"size",void 0),bx=We([m("m3e-split-button")],bx);let fx=class extends(d(a,"tabpanel")){constructor(){super(...arguments),this.active=!1}connectedCallback(){this.slot="panel",super.connectedCallback()}render(){return o`<m3e-collapsible ?open="${this.active}"><div class="content"><div><slot></slot></div><slot name="actions"></slot></div></m3e-collapsible>`}};var gx,yx,$x,xx,wx;fx.styles=t`: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; }`,We([lt()],fx.prototype,"active",void 0),fx=We([m("m3e-step-panel")],fx);let kx=wx=class extends(te(M(I(c(W(w(d(a,"tab")))))))){constructor(){super(...arguments),gx.add(this),yx.set(this,e=>He(this,gx,"m",xx).call(this,e)),this.optional=!1,this.editable=!1,this.completed=!1,this.invalid=!1,this.index=-1}get panel(){return this.control instanceof fx?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 fx&&(e.id=e.id||"m3e-step-panel-"+wx.__nextId++,ye(this,"aria-controls",e.id),e.style.order=this.style.order),super.attach(e)}detach(){this.control&&(this.control.style.order="",this.control.id&&$e(this,"aria-controls",this.control.id)),super.detach()}connectedCallback(){this.slot="step",super.connectedCallback(),this.addEventListener("click",He(this,yx,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,yx,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-stepper")?.[xe].notifySelectionChange(this)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){const e=o`<slot name="hint">${this.optional?o`<span class="hint">(Optional)</span>`:i}</slot>`,t=o`<slot name="error">${e}</slot>`;return o`<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">${He(this,gx,"m",$x).call(this)}</div><div class="label"><slot></slot>${this.invalid?t:e}</div></div></div>`}};var Cx,Sx,_x,Lx,zx,Ex,Mx,Tx,Px,Ix,Ax;yx=new WeakMap,gx=new WeakSet,$x=function(){if(!this.selected){if(this.invalid)return o`<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?o`<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>`:o`<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 o`<slot name="icon">${this.index+1}</slot>`},xx=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation()),e.defaultPrevented||this.selected||(this.selected=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))&&this.closest("m3e-stepper")?.moveTo(this.index)?this.dispatchEvent(new Event("change",{bubbles:!0})):this.selected=!1)},kx.styles=t`: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, ${l.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, ${l.color.primary}); color: var(--m3e-step-selected-icon-color, ${l.color.onPrimary}); } :host(:not([aria-disabled="true"])[completed]:not([invalid])) .icon { background-color: var(--m3e-step-completed-icon-container-color, ${l.color.primary}); color: var(--m3e-step-completed-icon-color, ${l.color.onPrimary}); } :host(:not([aria-disabled="true"]):not([selected]):not([completed]):not([invalid])) .icon { background-color: var(--m3e-step-unselected-icon-container-color, ${l.color.inverseSurface}); color: var(--m3e-step-unselected-icon-color, ${l.color.inverseOnSurface}); } :host(:not([aria-disabled="true"]):not([selected])[invalid]) .icon { color: var(--m3e-step-icon-error-color, ${l.color.error}); } :host([aria-disabled="true"]) .icon { background-color: color-mix( in srgb, var(--m3e-step-disabled-icon-container-color, ${l.color.onSurface}) 10%, transparent ); color: color-mix(in srgb, var(--m3e-step-disabled-icon-color, ${l.color.onSurface}) 38%, transparent); } :host(:not([aria-disabled="true"])) .label { color: var(--m3e-step-label-color, ${l.color.onSurface}); } :host(:not([aria-disabled="true"]):not([selected])[invalid]) .label { color: var(--m3e-step-label-error-color, ${l.color.error}); } :host([aria-disabled="true"]) .label { color: color-mix(in srgb, var(--m3e-step-disabled-label-color, ${l.color.onSurface}) 38%, transparent); } .wrapper { display: flex; align-items: center; height: 100%; border-radius: inherit; font-size: var(--m3e-step-font-size, ${l.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-step-font-weight, ${l.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-step-line-height, ${l.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-step-tracking, ${l.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, ${l.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-step-hint-font-weight, ${l.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-step-hint-line-height, ${l.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-step-hint-tracking, ${l.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, ${l.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, ${l.color.onSurface}) 38%, transparent); }`,kx.__nextId=0,We([dt(".focus-ring")],kx.prototype,"_focusRing",void 0),We([dt(".state-layer")],kx.prototype,"_stateLayer",void 0),We([dt(".ripple")],kx.prototype,"_ripple",void 0),We([nt({type:Boolean,reflect:!0})],kx.prototype,"optional",void 0),We([nt({type:Boolean,reflect:!0})],kx.prototype,"editable",void 0),We([nt({type:Boolean,reflect:!0})],kx.prototype,"completed",void 0),We([nt({type:Boolean,reflect:!0})],kx.prototype,"invalid",void 0),We([lt()],kx.prototype,"index",void 0),kx=wx=We([m("m3e-step")],kx);class Wx extends ${constructor(e){super(),Cx.set(this,void 0),Oe(this,Cx,e,"f")}_onClick(){switch(He(this,Cx,"f")){case"next":this.closest("m3e-stepper")?.moveNext();break;case"previous":this.closest("m3e-stepper")?.movePrevious();break;case"reset":this.closest("m3e-stepper")?.reset()}}}Cx=new WeakMap;let Hx=class extends(w(a)){constructor(){super(...arguments),Sx.add(this),_x.set(this,void 0),this._selectedIndex=null,this[Ax]=(new we).withHomeAndEnd().withWrap().onSelectedItemsChange(()=>He(this,Sx,"m",Tx).call(this)),this.headerPosition="above",this.labelPosition="end",this.linear=!1,this.orientation="horizontal"}get steps(){return this[xe]?.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){const t=this.selectedStep;if(t&&t.index===e)return!0;if(this.steps[e]?.disabled)return!1;if(e>=0&&e<this.steps.length){if(t){const a=He(this,Sx,"m",Px).call(this);if(this.linear)if(e<t.index){const t=this[xe].items[e];if(!t||t.completed&&!t.editable)return!1}else if(e>t.index+1){const t=this[xe].items[e];if(!t||!t.completed)return!1}else if(!a&&!t.optional)return!1;t.completed=!0}return this._selectedIndex=e,this[xe].select(this.selectedStep),this.dispatchEvent(new Event("change",{bubbles:!0})),!0}return t&&(this[xe].deselect(t),this.dispatchEvent(new Event("change",{bubbles:!0}))),!1}reset(){this.steps.forEach(e=>e.reset());const e=this.steps.findIndex(e=>!e.disabled);e!==this._selectedIndex&&(this._selectedIndex=e,this[xe].select(this.selectedStep),this.dispatchEvent(new Event("change",{bubbles:!0})))}connectedCallback(){super.connectedCallback(),y(this,"-no-animate")}disconnectedCallback(){super.disconnectedCallback(),this._orientation=void 0,He(this,_x,"f")?.call(this)}update(e){super.update(e),e.has("orientation")&&(He(this,_x,"f")?.call(this),"auto"===this.orientation?Oe(this,_x,Me.observe([Te.XSmall],e=>{this._orientation=e.get(Te.XSmall)?"vertical":"horizontal",He(this,Sx,"m",Ix).call(this)}),"f"):(this._orientation=void 0,He(this,Sx,"m",Ix).call(this))),e.has("_orientation")&&He(this,Sx,"m",Ix).call(this)}render(){let e;return this.selectedStep?.panel&&(e=[...this.querySelectorAll("[slot='panel']")].indexOf(this.selectedStep.panel),-1===e&&(e=void 0)),this[xe].vertical?o`${He(this,Sx,"m",Lx).call(this)}<slot name="panel"></slot>`:o`${"above"===this.headerPosition?He(this,Sx,"m",Lx).call(this):i}<m3e-slide class="steps" selected-index="${cr(e)}"><slot name="panel"></slot></m3e-slide>${"below"===this.headerPosition?He(this,Sx,"m",Lx).call(this):i}`}};_x=new WeakMap,Sx=new WeakSet,Ax=xe,Lx=function(){return o`<div class="header" role="tablist" aria-orientation="${cr(this[xe].vertical?"vertical":void 0)}" @change="${He(this,Sx,"m",zx)}"><slot name="step" @slotchange="${He(this,Sx,"m",Ex)}" @keydown="${He(this,Sx,"m",Mx)}"></slot></div>`},zx=function(e){e.stopPropagation()},Ex=function(){const{added:e,removed:t}=this[xe].setItems([...this.querySelectorAll("m3e-step")]);if(e.length>0||t.length>0){this.querySelectorAll(".-m3e-step-divider").forEach(e=>e.remove());for(let e=0;e<this[xe].items.length;e++){const t=this[xe].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)}}He(this,Sx,"m",Ix).call(this),0==this[xe].selectedItems.length&&this[xe].select(this[xe].items.find(e=>!e.disabled))}},Mx=function(e){this[xe].onKeyDown(e)},Tx=function(){const e=this[xe].selectedItems[0];let t=e?this.steps.indexOf(e):null;-1===t&&(t=null),this._selectedIndex=t;for(const e of this[xe].items)e.panel&&(e.panel.active=e.index===t);e&&this.matches(":focus-within")&&!e.matches(":focus")&&e.focus(),L(this,"-no-animate")&&requestAnimationFrame(()=>g(this,"-no-animate"))},Px=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},Ix=function(){this[xe].vertical="vertical"===(this._orientation??this.orientation),u(this,"-vertical",this[xe].vertical),this[xe].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="")})},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-stepper:not(:state(-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, ${l.color.outline}); } m3e-stepper:not(:state(-vertical)) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:state(-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, ${l.color.outline}); } m3e-stepper:not(:state(-vertical))[label-position="end"] > .-m3e-step-divider { margin-block: auto; } m3e-stepper:not(:state(-vertical))[label-position="below"] > .-m3e-step-divider::before, m3e-stepper:not(:state(-vertical))[label-position="below"] > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:not(:state(-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:state(-vertical) > [slot="panel"] { margin-inline-start: calc(var(--m3e-step-padding, 1.5rem) + calc(var(--m3e-step-icon-size, 1.5rem) / 2)); } m3e-stepper:state(-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, ${l.color.outline}); } m3e-stepper:state(-vertical) > [slot="step"]:not(.-m3e-step-divider):not(:first-of-type)::before, m3e-stepper:state(-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, ${l.color.outline}); }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),Hx.styles=t`:host { display: flex; flex-direction: column; position: relative; } :host(:not(:state(-vertical))) .header { display: flex; align-items: flex-start; flex-wrap: nowrap; } :host(:not(:state(-vertical))) ::slotted(.-m3e-step-divider) { flex: 1 1 auto; position: relative; min-width: 2rem; } :host(:not(:state(-vertical))) ::slotted(.-m3e-step-divider)::before { content: ""; position: absolute; left: 0; right: 0; } :host(:not(:state(-vertical)):not([label-position="below"])) ::slotted(.-m3e-step-divider)::before { top: 50%; } :host(:not(:state(-vertical))) ::slotted([slot="step"]) { align-self: stretch; } :host(:not(:state(-vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:state(-vertical))) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; top: 0; } :host(:not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:not(:state(-vertical))[label-position="end"]) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { top: 50%; } :host(:not(:dir(rtl)):not(:state(-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(:state(-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(:state(-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(:state(-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(:state(-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(:state(-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(:state(-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(:state(-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(:state(-vertical))[label-position="below"]) { --_step-direction: column; --_step-label-align-items: center; } :host(:state(-vertical)) .header { display: contents; } :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider)) { flex: none; } :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:first-of-type))::before, :host(:state(-vertical)) ::slotted([slot="step"]:not(.-m3e-step-divider):not(:last-of-type))::after { content: ""; display: block; position: absolute; left: 0; } :host(:state(-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(:state(-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(:state(-vertical))) { --m3e-collapsible-animation-duration: 0ms; } :host(:state(-no-animate)) { --m3e-collapsible-animation-duration: 0ms; }`,We([lt()],Hx.prototype,"_orientation",void 0),We([lt()],Hx.prototype,"_selectedIndex",void 0),We([nt({attribute:"header-position",reflect:!0})],Hx.prototype,"headerPosition",void 0),We([nt({attribute:"label-position",reflect:!0})],Hx.prototype,"labelPosition",void 0),We([nt({type:Boolean,reflect:!0})],Hx.prototype,"linear",void 0),We([nt({reflect:!0})],Hx.prototype,"orientation",void 0),Hx=We([m("m3e-stepper")],Hx);let Ox=class extends Wx{constructor(){super("next")}};Ox=We([m("m3e-stepper-next")],Ox);let Dx=class extends Wx{constructor(){super("previous")}};Dx=We([m("m3e-stepper-previous")],Dx);let Bx=class extends Wx{constructor(){super("reset")}};Bx=We([m("m3e-stepper-reset")],Bx);const qx=e(`var(--m3e-switch-selected-icon-color, ${l.color.onPrimaryContainer})`),Rx=e("var(--m3e-switch-selected-icon-size, 1rem)"),Fx=e(`var(--m3e-switch-unselected-icon-color, ${l.color.surfaceContainerHighest})`),Vx=e("var(--m3e-switch-unselected-icon-size, 1rem)"),Ux=e("var(--m3e-switch-track-height, 2rem)"),Nx=e("var(--m3e-switch-track-width, 3.25rem)"),jx=e(`var(--m3e-switch-track-outline-color, ${l.color.outline})`),Kx=e("var(--m3e-switch-track-outline-width, 2px)"),Zx=e(`var(--m3e-switch-track-shape, ${l.shape.corner.full})`),Gx=e(`var(--m3e-switch-selected-track-color, ${l.color.primary})`),Xx=e(`var(--m3e-switch-unselected-track-color, ${l.color.surfaceContainerHighest})`),Yx=e("var(--m3e-switch-unselected-handle-height, 1rem)"),Jx=e("var(--m3e-switch-unselected-handle-width, 1rem)"),Qx=e("var(--m3e-switch-with-icon-handle-height, 1.5rem)"),ew=e("var(--m3e-switch-with-icon-handle-width, 1.5rem)"),tw=e("var(--m3e-switch-selected-handle-height, 1.5rem)"),aw=e("var(--m3e-switch-selected-handle-width, 1.5rem)"),ow=e("var(--m3e-switch-pressed-handle-height, 1.75rem)"),iw=e("var(--m3e-switch-pressed-handle-width, 1.75rem)"),rw=e(`var(--m3e-switch-handle-shape, ${l.shape.corner.full})`),sw=e(`var(--m3e-switch-selected-handle-color, ${l.color.onPrimary})`),nw=e(`var(--m3e-switch-unselected-handle-color, ${l.color.outline})`),lw=e("var(--m3e-switch-state-layer-size, 2.5rem)"),cw=e(`var(--m3e-switch-state-layer-shape, ${l.shape.corner.full})`),dw=e(`var(--m3e-switch-disabled-selected-icon-color, ${l.color.onSurface})`),hw=e("var(--m3e-switch-disabled-selected-icon-opacity, 38%)"),mw=e(`var(--m3e-switch-disabled-unselected-icon-color, ${l.color.surfaceContainerHighest})`),pw=e("var(--m3e-switch-disabled-unselected-icon-opacity, 38%)"),uw=e("var(--m3e-switch-disabled-track-opacity, 12%)"),vw=e(`var(--m3e-switch-disabled-selected-track-color, ${l.color.onSurface})`),bw=e(`var(--m3e-switch-disabled-unselected-track-color, ${l.color.surfaceContainerHighest})`),fw=e(`var(--m3e-switch-disabled-unselected-track-outline-color, ${l.color.onSurface})`),gw=e("var(--m3e-switch-disabled-unselected-handle-opacity, 38%)"),yw=e("var(--m3e-switch-disabled-selected-handle-opacity, 100%)"),$w=e(`var(--m3e-switch-disabled-selected-handle-color, ${l.color.surface})`),xw=e(`var(--m3e-switch-disabled-unselected-handle-color, ${l.color.onSurface})`),ww=e(`var(--m3e-switch-selected-hover-icon-color, ${l.color.onPrimaryContainer})`),kw=e(`var(--m3e-switch-unselected-hover-icon-color, ${l.color.surfaceContainerHighest})`),Cw=e(`var(--m3e-switch-selected-hover-track-color, ${l.color.primary})`),Sw=e(`var(--m3e-switch-selected-hover-state-layer-color, ${l.color.primary})`),_w=e("var(--m3e-switch-selected-hover-state-layer-opacity, 8%)"),Lw=e(`var(--m3e-switch-unselected-hover-track-color, ${l.color.surfaceContainerHighest})`),zw=e(`var(--m3e-switch-unselected-hover-track-outline-color, ${l.color.outline})`),Ew=e(`var(--m3e-switch-unselected-hover-state-layer-color, ${l.color.onSurface})`),Mw=e("var(--m3e-switch-unselected-hover-state-layer-opacity, 8%)"),Tw=e(`var(--m3e-switch-selected-hover-handle-color, ${l.color.surfaceContainerHighest})`),Pw=e(`var(--m3e-switch-unselected-hover-handle-color, ${l.color.onSurfaceVariant})`),Iw=e(`var(--m3e-switch-selected-focus-icon-color, ${l.color.onPrimaryContainer})`),Aw=e(`var(--m3e-switch-unselected-focus-icon-color, ${l.color.surfaceContainerHighest})`),Ww=e(`var(--m3e-switch-selected-focus-track-color, ${l.color.primary})`),Hw=e(`var(--m3e-switch-selected-focus-state-layer-color, ${l.color.primary})`),Ow=e("var(--m3e-switch-selected-focus-state-layer-opacity, 10%)"),Dw=e(`var(--m3e-switch-unselected-focus-track-color, ${l.color.surfaceContainerHighest})`),Bw=e(`var(--m3e-switch-unselected-focus-track-outline-color, ${l.color.outline})`),qw=e(`var(--m3e-switch-unselected-focus-state-layer-color, ${l.color.onSurface})`),Rw=e("var(--m3e-switch-unselected-focus-state-layer-opacity, 10%)"),Fw=e(`var(--m3e-switch-selected-focus-handle-color, ${l.color.primaryContainer})`),Vw=e(`var(--m3e-switch-unselected-focus-handle-color, ${l.color.onSurfaceVariant})`),Uw=e(`var(--m3e-switch-selected-pressed-icon-color, ${l.color.onPrimaryContainer})`),Nw=e(`var(--m3e-switch-unselected-pressed-icon-color, ${l.color.surfaceContainerHighest})`),jw=e(`var(--m3e-switch-selected-pressed-track-color, ${l.color.primary})`),Kw=(e(`var(--m3e-switch-selected-pressed-state-layer-color, ${l.color.primary})`),e("var(--m3e-switch-selected-pressed-state-layer-opacity, 10%)"),e(`var(--m3e-switch-unselected-pressed-track-color, ${l.color.surfaceContainerHighest})`)),Zw=e(`var(--m3e-switch-unselected-pressed-track-outline-color, ${l.color.outline})`),Gw=(e(`var(--m3e-switch-unselected-pressed-state-layer-color, ${l.color.onSurface})`),e("var(--m3e-switch-unselected-pressed-state-layer-opacity, 10%)"),e(`var(--m3e-switch-selected-pressed-handle-color, ${l.color.primaryContainer})`)),Xw=e(`var(--m3e-switch-unselected-pressed-handle-color, ${l.color.onSurfaceVariant})`),Yw=t`.handle { position: relative; display: flex; align-items: center; justify-content: center; pointer-events: none; transform-origin: center center; border-radius: ${rw}; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard},\n      transform var(--_switch-handle-effect),\n      width ${l.motion.spring.fastEffects},\n      height ${l.motion.spring.fastEffects}`)}; } .track:not(.pressed) .handle { --_switch-handle-effect: ${l.motion.spring.fastSpatial}; } .track.pressed .handle { --_switch-handle-effect: ${l.motion.spring.fastEffects}; } :host(:not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { width: ${ew}; height: ${Qx}; } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .handle, :host([aria-disabled="true"]:not([checked])) .handle { width: ${Jx}; height: ${Yx}; } :host([checked]) .track:not(.pressed) .handle { width: ${aw}; height: ${tw}; } .track.pressed .handle { width: ${iw}; height: ${ow}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${nw}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .handle { background-color: ${Pw}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .handle { background-color: ${Vw}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .handle { background-color: ${Xw}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${sw}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .handle { background-color: ${Tw}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .handle { background-color: ${Fw}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .handle { background-color: ${Gw}; } :host([aria-disabled="true"]:not([checked])) .handle { background-color: color-mix( in srgb, ${xw} ${gw}, transparent ); } :host([aria-disabled="true"][checked]) .handle { background-color: color-mix( in srgb, ${$w} ${yw}, transparent ); } :host(:not(:dir(rtl))[checked]) .track:not(.pressed) .handle { transform: translateX( calc(${Nx} - ${aw} - calc(${Kx} * 2)) ); } :host(:dir(rtl)[checked]) .track:not(.pressed) .handle { transform: translateX( calc( 0px - calc( ${Nx} - ${aw} - calc(${Kx} * 2) ) ) ); } :host(:not(:dir(rtl))[checked]) .track.pressed .handle { transform: translateX( calc(${Nx} - ${iw} - ${Kx}) ); } :host(:dir(rtl)[checked]) .track.pressed .handle { transform: translateX( calc(0px - calc(${Nx} - ${iw} - ${Kx})) ); } :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( ${Kx} + calc(${iw} - ${ew}) ) ); } :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( ${Kx} + calc(${iw} - ${ew}) ) ) ); } :host(:not(:dir(rtl)):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(${Kx}); } :host(:dir(rtl):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(calc(0px - ${Kx})); } @media (forced-colors: active) { .handle { transition: ${e(`transform var(--_switch-handle-effect),\n      width ${l.motion.spring.fastEffects},\n      height ${l.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; } }`,Jw=t`:host([icons="none"]) .icon, :host([icons="selected"]:not([checked])) .icon, :host([aria-disabled="true"]:not([checked])) .icon { display: none; } .icon { width: 1em; transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host(:not([checked])) .icon { font-size: ${Vx}; } :host([checked]) .icon { font-size: ${Rx}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${Fx}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .icon { color: ${kw}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .icon { color: ${Aw}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .icon { color: ${Nw}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${qx}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .icon { color: ${ww}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .icon { color: ${Iw}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .icon { color: ${Uw}; } :host([aria-disabled="true"]:not([checked])) .icon { color: color-mix( in srgb, ${mw} ${pw}, transparent ); } :host([aria-disabled="true"][checked]) .icon { color: color-mix( in srgb, ${dw} ${hw}, 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; } }`,Qw=t`.state-layer { width: ${lw}; height: ${lw}; border-radius: ${cw}; transition: ${e(`top ${l.motion.spring.fastEffects},\n          left ${l.motion.spring.fastEffects},\n          right ${l.motion.spring.fastEffects}`)}; } :host(:not([checked])[icons="both"]) .track:not(.pressed) .state-layer { inset-inline-start: calc(0px - calc(calc(${lw} - ${ew}) / 2)); top: calc(0px - calc(calc(${lw} - ${Qx}) / 2)); } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .state-layer { inset-inline-start: calc( 0px - calc(calc(${lw} - ${Jx}) / 2) ); top: calc(0px - calc(calc(${lw} - ${Yx}) / 2)); } :host([checked]) .track:not(.pressed) .state-layer { inset-inline-start: calc(0px - calc(calc(${lw} - ${aw}) / 2)); top: calc(0px - calc(calc(${lw} - ${tw}) / 2)); } .track.pressed .state-layer { inset-inline-start: calc(0px - calc(calc(${lw} - ${iw}) / 2)); top: calc(0px - calc(calc(${lw} - ${iw}) / 2)); } :host(:not([checked])) .state-layer { --m3e-state-layer-hover-color: ${Ew}; --m3e-state-layer-hover-opacity: ${Mw}; --m3e-state-layer-focus-color: ${qw}; --m3e-state-layer-focus-opacity: ${Rw}; } :host([checked]) .state-layer { --m3e-state-layer-hover-color: ${Sw}; --m3e-state-layer-hover-opacity: ${_w}; --m3e-state-layer-focus-color: ${Hw}; --m3e-state-layer-focus-opacity: ${Ow}; }`,ek=t`: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: ${Zx}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .base { display: flex; align-items: center; justify-content: center; }`,tk=t`.track { display: flex; align-items: center; position: relative; box-sizing: border-box; border-radius: ${Zx}; width: ${Nx}; height: ${Ux}; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host(:not([checked])) .track { border-width: ${Kx}; border-style: solid; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) { border-color: ${jx}; background-color: ${Xx}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) { border-color: ${zw}; background-color: ${Lw}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) { border-color: ${Bw}; background-color: ${Dw}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed { border-color: ${Zw}; background-color: ${Kw}; } :host([aria-disabled="true"]:not([checked])) .track { border-color: color-mix( in srgb, ${fw} ${uw}, transparent ); background-color: color-mix( in srgb, ${bw} ${uw}, transparent ); } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) { background-color: ${Gx}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) { background-color: ${Cw}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) { background-color: ${Ww}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed { background-color: ${jw}; } :host([aria-disabled="true"][checked]) .track { background-color: color-mix( in srgb, ${vw} ${uw}, 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 ak,ok,ik,rk,sk,nk;let lk=class extends(q(F(V(N(le(K(M(I(W(w(d(a,"switch")))))))))))){constructor(){super(),ak.add(this),ok.set(this,e=>He(this,ak,"m",nk).call(this,e)),ik.set(this,new Z(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),rk.set(this,new O(this,{target:null,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})),this.icons="none",this.value="on",new O(this,{isPressedKey:e=>" "===e,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})}get[(ok=new WeakMap,ik=new WeakMap,rk=new WeakMap,ak=new WeakSet,G)](){return this.checked&&!this.disabled?this.value:null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,ok,"f"));for(const e of this.labels)He(this,ik,"f").observe(e),He(this,rk,"f").observe(e)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,ok,"f"));for(const e of this.labels)He(this,ik,"f").unobserve(e),He(this,rk,"f").unobserve(e)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer].forEach(e=>e?.attach(this))}render(){return o`<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">${He(this,ak,"m",sk).call(this)}</div></div></div>`}};var ck,dk,hk,mk;sk=function(){return this.checked?o`<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>`:o`<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>`},nk=function(e){e.defaultPrevented||(this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?this.dispatchEvent(new Event("change",{bubbles:!0})):this.checked=!this.checked,this.closest("label")&&e.preventDefault())},lk.styles=[ek,Qw,tk,Yw,Jw],We([dt(".track")],lk.prototype,"_track",void 0),We([dt(".focus-ring")],lk.prototype,"_focusRing",void 0),We([dt(".state-layer")],lk.prototype,"_stateLayer",void 0),We([nt({reflect:!0})],lk.prototype,"icons",void 0),We([nt()],lk.prototype,"value",void 0),lk=We([m("m3e-switch")],lk);let pk=mk=class extends(te(c(M(I(W(w(d(a,"tab"),!0))))))){constructor(){super(...arguments),ck.add(this),dk.set(this,e=>He(this,ck,"m",hk).call(this,e))}attach(e){super.attach(e),e.id=e.id||"m3e-tab-panel-"+mk.__nextId++,ye(this,"aria-controls",e.id)}detach(){this.control&&this.control.id&&$e(this,"aria-controls",this.control.id),super.detach()}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,dk,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,dk,"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")?.[xe].notifySelectionChange(this)}render(){return o`<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>`}};dk=new WeakMap,ck=new WeakSet,hk=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation()),e.defaultPrevented||this.selected||(this.selected=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.closest("m3e-tabs")?.[xe].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=!1)},pk.styles=t`:host { display: inline-block; outline: none; user-select: none; height: calc(var(--_tab-height) + ${l.density.calc(-3)}); font-size: var(--m3e-tab-font-size, ${l.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-tab-font-weight, ${l.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-tab-line-height, ${l.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-tab-tracking, ${l.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, ${l.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, ${l.color.primary})); --m3e-state-layer-hover-color: var( --m3e-tab-selected-container-hover-color, var(--_tab-selected-container-hover-color, ${l.color.primary}) ); --m3e-state-layer-focus-color: var( --_tab-selected-container-focus-color, var(--m3e-tab-selected-container-focus-color, ${l.color.primary}) ); --m3e-ripple-color: var( --_tab-selected-ripple-color, var(--m3e-tab-selected-ripple-color, ${l.color.primary}) ); } :host(:not([selected]):not(:disabled)) .base { color: var(--m3e-tab-unselected-color, ${l.color.onSurfaceVariant}); --m3e-state-layer-hover-color: var(--m3e-tab-unselected-container-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-tab-unselected-container-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-tab-unselected-ripple-color, ${l.color.onSurface}); } :host(:disabled) .base { color: color-mix( in srgb, var(--m3e-tab-disabled-color, ${l.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; } }`,pk.__nextId=0,We([dt(".focus-ring")],pk.prototype,"_focusRing",void 0),We([dt(".state-layer")],pk.prototype,"_stateLayer",void 0),We([dt(".ripple")],pk.prototype,"_ripple",void 0),We([dt(".label")],pk.prototype,"label",void 0),pk=mk=We([m("m3e-tab")],pk);let uk=class extends(d(a,"tabpanel")){connectedCallback(){super.connectedCallback(),this.slot="panel"}render(){return o`<slot></slot>`}};var vk,bk,fk,gk,yk,$k,xk,wk,kk;uk.styles=t`:host { display: block; overflow-y: auto; scrollbar-width: ${l.scrollbar.width}; scrollbar-color: ${l.scrollbar.color}; }`,uk=We([m("m3e-tab-panel")],uk);let Ck=class extends(w(a)){constructor(){super(),vk.add(this),bk.set(this,void 0),this._selectedIndex=null,this[kk]=(new we).onSelectedItemsChange(()=>He(this,vk,"m",xk).call(this)).withHomeAndEnd().withWrap().withDirectionality(Le.current),this.disablePagination=!1,this.headerPosition="before",this.variant="secondary",this.stretch=!1,this.previousPageLabel="Previous page",this.nextPageLabel="Next page",new S(this,{skipInitial:!0,callback:()=>{y(this,"-no-animate"),He(this,vk,"m",wk).call(this)}})}get tabs(){return this[xe]?.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(),y(this,"-no-animate"),Oe(this,bk,Le.observe(()=>{this.requestUpdate(),this[xe].directionality=Le.current}),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,bk,"f")?.call(this)}updated(e){super.updated(e),(e.has("variant")||e.has("stretch"))&&null!==this._selectedIndex&&He(this,vk,"m",wk).call(this)}render(){let e;return this.selectedTab?.control&&(e=[...this.querySelectorAll("[slot='panel']")].indexOf(this.selectedTab.control),-1===e&&(e=void 0)),o`${"before"===this.headerPosition?He(this,vk,"m",fk).call(this):i}<m3e-slide class="tabs" selected-index="${cr(e)}"><slot name="panel"></slot></m3e-slide>${"after"===this.headerPosition?He(this,vk,"m",fk).call(this):i}`}};
 /**
  * Adapted from Angular Material CDK Text Field
  * Source: https://github.com/angular/components/blob/main/src/cdk/text-field/autosize.ts
@@ -473,5 +473,5 @@ class AC extends TC{constructor(e,t,a){super({sourceColorArgb:e.toInt(),variant:
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function WC(e){const t=Jk(e),a=Qk(e),o=eC(e),i=[t.toString(16),a.toString(16),o.toString(16)];for(const[e,t]of i.entries())1===t.length&&(i[e]="0"+t);return"#"+i.join("")}function HC(e){return parseInt(e,16)}AC.hues=[0,41,61,101,131,181,251,301,360],AC.secondaryRotations=[18,15,10,12,15,18,15,12,12],AC.tertiaryRotations=[35,30,20,25,30,35,30,25,25];let OC=class extends a{constructor(){super(...arguments),yC.add(this),$C.set(this,new CSSStyleSheet),xC.set(this,!1),wC.set(this,void 0),kC.set(this,void 0),CC.set(this,void 0),SC.set(this,()=>He(this,yC,"m",_C).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 He(this,kC,"f")?.matches??!1}}connectedCallback(){super.connectedCallback(),this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(He(this,$C,"f"))&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,He(this,$C,"f")]),Oe(this,wC,matchMedia("(prefers-color-scheme: light)"),"f"),Oe(this,kC,matchMedia("(prefers-color-scheme: dark)"),"f"),Oe(this,CC,matchMedia("(forced-colors: active)"),"f"),[He(this,wC,"f"),He(this,kC,"f"),He(this,CC,"f")].forEach(e=>e.addEventListener("change",He(this,SC,"f")))}disconnectedCallback(){super.disconnectedCallback(),[He(this,wC,"f"),He(this,kC,"f"),He(this,CC,"f")].forEach(e=>e?.removeEventListener("change",He(this,SC,"f"))),Oe(this,wC,Oe(this,kC,Oe(this,CC,void 0,"f"),"f"),"f")}updated(e){super.updated(e),He(this,yC,"m",_C).call(this,He(this,xC,"f")&&["color","scheme","contrast"].some(t=>e.has(t)))}firstUpdated(e){super.firstUpdated(e),Oe(this,xC,!0,"f")}render(){return o`<slot></slot>`}};$C=new WeakMap,xC=new WeakMap,wC=new WeakMap,kC=new WeakMap,CC=new WeakMap,SC=new WeakMap,yC=new WeakSet,_C=function(e){const t=function(e){const t=3===(e=e.replace("#","")).length,a=6===e.length,o=8===e.length;if(!t&&!a&&!o)throw new Error("unexpected hex "+e);let i=0,r=0,s=0;return t?(i=HC(e.slice(0,1).repeat(2)),r=HC(e.slice(1,2).repeat(2)),s=HC(e.slice(2,3).repeat(2))):a?(i=HC(e.slice(0,2)),r=HC(e.slice(2,4)),s=HC(e.slice(4,6))):o&&(i=HC(e.slice(2,4)),r=HC(e.slice(4,6)),s=HC(e.slice(6,8))),(255<<24|(255&i)<<16|(255&r)<<8|255&s)>>>0}(this.color),a=PC.of(t),o=new TC({sourceColorArgb:t,variant:1,contrastLevel:He(this,yC,"m",LC).call(this),isDark:this.isDark,primaryPalette:a.a1,secondaryPalette:a.a2,tertiaryPalette:a.a3,neutralPalette:a.n1,neutralVariantPalette:a.n2});let i="";for(const e in MC)if(!e.endsWith("PaletteKeyColor")){const t=MC[e];t instanceof pC&&(i+=`--md-sys-color-${e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}: ${WC(t.getArgb(o))};`)}if("expressive"===this.motion&&(i+="--md-sys-motion-spring-fast-spatial: 350ms cubic-bezier(0.42, 1.67, 0.21, 0.90);",i+="--md-sys-motion-spring-default-spatial: 500ms cubic-bezier(0.38, 1.21, 0.22, 1.00);",i+="--md-sys-motion-spring-slow-spatial: 650ms cubic-bezier(0.39, 1.29, 0.35, 0.98);",i+="--md-sys-motion-spring-fast-effects: 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00);",i+="--md-sys-motion-spring-default-effects: 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00);",i+="--md-sys-motion-spring-slow-effects: 300ms cubic-bezier(0.34, 0.88, 0.34, 1.00);"),i+=`--md-sys-density-scale: ${this.density};`,i+=`--m3e-scrollbar-thumb-color: ${WC(o.neutralPalette.tone(60))};`,i+=`--m3e-focus-ring-visibility: ${this.strongFocus?"visible":"hidden"};`,He(this,$C,"f").replaceSync(`:host { ${i} }`),this.parentElement instanceof HTMLBodyElement){const e=getComputedStyle(this);switch(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"}}He(this,CC,"f")?.matches?this.parentElement.style.backgroundColor=this.parentElement.style.color=this.parentElement.ownerDocument.documentElement.style.scrollbarColor=this.parentElement.style.scrollbarColor="":(this.parentElement.style.backgroundColor=e.getPropertyValue("--md-sys-color-background"),this.parentElement.style.color=e.getPropertyValue("--md-sys-color-on-background"),this.parentElement.ownerDocument.documentElement.style.scrollbarColor=this.parentElement.style.scrollbarColor=`${e.getPropertyValue("--m3e-scrollbar-thumb-color")} ${e.getPropertyValue("--m3e-scrollbar-track-color")}`)}He(this,xC,"f")&&this.dispatchEvent(new Event("change",{bubbles:!0})),e&&document.body.offsetHeight},LC=function(){switch(this.contrast){case"high":return 1;case"medium":return.5;default:return 0}},OC.styles=t`:host { display: contents; font-size: ${l.typescale.standard.body.large.fontSize}; font-weight: ${l.typescale.standard.body.large.fontWeight}; line-height: ${l.typescale.standard.body.large.lineHeight}; letter-spacing: ${l.typescale.standard.body.large.tracking}; }`,We([nt()],OC.prototype,"color",void 0),We([nt()],OC.prototype,"scheme",void 0),We([nt()],OC.prototype,"contrast",void 0),We([nt({attribute:"strong-focus",type:Boolean})],OC.prototype,"strongFocus",void 0),We([nt({type:Number})],OC.prototype,"density",void 0),We([nt()],OC.prototype,"motion",void 0),OC=We([m("m3e-theme")],OC);let DC=class extends(te(W(w(d(a,"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 o`<m3e-state-layer class="state-layer"></m3e-state-layer><div class="base"><slot></slot></div>`}};var BC,qC,RC,FC,VC,UC,NC,jC,KC,ZC,GC,XC,YC;DC.styles=t`:host { display: inline-block; position: relative; user-select: none; outline: none; border-radius: var(--m3e-toc-item-shape, ${l.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: ${e(`color var(--m3e-toc-active-indicator-animation-duration, ${l.motion.duration.long1}) ${l.motion.easing.standard}`)}; } :host(:not([selected])) { font-size: var(--m3e-toc-item-font-size, ${l.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-toc-item-font-weight, ${l.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-toc-item-line-height, ${l.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-toc-item-tracking, ${l.typescale.standard.body.large.tracking}); color: var(--m3e-toc-item-color, ${l.color.onSurfaceVariant}); } :host([selected]) { font-size: var(--m3e-toc-item-selected-font-size, ${l.typescale.emphasized.body.large.fontSize}); font-weight: var(--m3e-toc-item-selected-font-weight, ${l.typescale.emphasized.body.large.fontWeight}); line-height: var(--m3e-toc-item-selected-line-height, ${l.typescale.emphasized.body.large.lineHeight}); letter-spacing: var(--m3e-toc-item-selected-tracking, ${l.typescale.emphasized.body.large.tracking}); color: var(--m3e-toc-item-selected-color, ${l.color.onSecondaryContainer}); } .base { justify-content: unset; } .state-layer { --m3e-state-layer-focus-opacity: 0; } @media (prefers-reduced-motion) { .base { transition: none; } }`,We([dt(".base")],DC.prototype,"_base",void 0),We([dt(".state-layer")],DC.prototype,"_stateLayer",void 0),We([lt()],DC.prototype,"node",void 0),DC=We([m("m3e-toc-item")],DC);class JC{static generate(e,t=6){let a=6;const o=new Array;e.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(e=>{const t=He(BC,BC,"m",qC).call(BC,e);a=Math.min(t,a),o.push({id:e.id||pe(),element:e,level:t,label:Q(e,!0),nodes:new Array})});for(let e=a+t-1;e>a;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-=a-1),o.filter(e=>1===e.level)}}BC=JC,qC=function(e){return e.tagName.startsWith("H")?parseInt(e.tagName.substring(1)):parseInt(e.getAttribute("level")??"0")};let QC=class extends(c(w(d(a,"navigation")))){constructor(){super(...arguments),RC.add(this),this._toc=[],FC.set(this,!1),VC.set(this,(new we).withHomeAndEnd().withVerticalOrientation().disableRovingTabIndex().onSelectedItemsChange(()=>{if(this._activeIndicator){const e=He(this,VC,"f").selectedItems[0];e?(b(e,this,{block:"nearest",behavior:"smooth"}),this._activeIndicator.style.top=`${e.offsetTop}px`,this._activeIndicator.style.height=`${e.clientHeight}px`,this._activeIndicator.style.visibility=0==e.clientHeight?"hidden":"",L(this,"-no-animate")&&setTimeout(()=>u(this,"-no-animate",!1),40)):(u(this,"-no-animate",!0),this._activeIndicator.style.top="0px",this._activeIndicator.style.height="0px",this._activeIndicator.style.visibility="hidden")}})),UC.set(this,new ue(this,{target:null,callback:e=>{if(!this.control||He(this,FC,"f"))return;const t=this.control.scrollTop;let a=null,o=Number.POSITIVE_INFINITY;if(e.filter(e=>e.isIntersecting).map(e=>e.target).forEach(e=>{const i=e.offsetTop,r=Math.abs(i-t);r<o&&(o=r,a=e)}),a){const e=He(this,VC,"f").items.find(e=>e.node?.element===a);e&&He(this,VC,"f").select(e)}}})),NC.set(this,new ae(this,{target:null,callback:()=>Oe(this,FC,!1,"f"),debounce:!0})),jC.set(this,new oe(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>this._updateToc()})),this.maxDepth=2}attach(e){super.attach(e),He(this,jC,"f").observe(e),He(this,NC,"f").observe(e),He(this,RC,"m",YC).call(this)}detach(){this.control&&(He(this,jC,"f").unobserve(this.control),He(this,NC,"f").unobserve(this.control)),super.detach(),He(this,RC,"m",YC).call(this)}update(e){super.update(e),e.has("maxDepth")&&He(this,RC,"m",YC).call(this)}updated(e){if(super.updated(e),e.has("_toc")){const{added:e,removed:t}=He(this,VC,"f").setItems([...this.shadowRoot?.querySelectorAll("m3e-toc-item")??[]]);He(this,VC,"f").activeItem||(u(this,"-no-animate",!0),He(this,VC,"f").updateActiveItem(e.find(e=>!e.disabled)));for(const t of e)t.node&&He(this,UC,"f").observe(t.node.element);for(const e of t)e.node&&He(this,UC,"f").unobserve(e.node.element)}}render(){return o`<div class="header"><div class="overline"><slot name="overline" @slotchange="${He(this,RC,"m",ZC)}"></slot></div><div class="title"><slot name="title" @slotchange="${He(this,RC,"m",GC)}"></slot></div></div><slot></slot><ul class="list">${this._toc.map(e=>He(this,RC,"m",KC).call(this,e))}</ul><div class="active-indicator" aria-hidden="true"></div>`}_updateToc(){He(this,RC,"m",YC).call(this)}};var eS,tS,aS,oS,iS,rS;FC=new WeakMap,VC=new WeakMap,UC=new WeakMap,NC=new WeakMap,jC=new WeakMap,RC=new WeakSet,KC=function e(t){return o`<li><m3e-toc-item tabindex="-1" .node="${t}" @click="${He(this,RC,"m",XC)}">${t.label}</m3e-toc-item>${0==t.nodes.length?i:o`<ul>${t.nodes.map(t=>He(this,RC,"m",e).call(this,t))}</ul>`}</li>`},ZC=function(e){u(this,"-with-overline",p(e.target))},GC=function(e){u(this,"-with-title",p(e.target))},XC=function(e){e.target instanceof DC&&!e.target.disabled&&e.target.node?.element&&(Oe(this,FC,!0,"f"),e.target.node.element.scrollIntoView({block:"start",behavior:"smooth"}),He(this,VC,"f").updateActiveItem(e.target),He(this,VC,"f").select(e.target))},YC=function(){this._toc=this.control?JC.generate(this.control,Math.max(1,Math.min(this.maxDepth,6))):[],this.requestUpdate()},QC.styles=t`:host { display: inline-block; position: relative; overflow-y: auto; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; width: var(--m3e-toc-width, 9.75rem); } 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: 0; right: 0; border-radius: var(--m3e-toc-item-shape, ${l.shape.corner.largeIncreased}); border: 1px solid var(--m3e-toc-active-indicator-color, ${l.color.outline}); transition: ${e(`visibility var(--m3e-toc-active-indicator-animation-duration, ${l.motion.duration.long1})\n          ${l.motion.easing.standard},\n        height var(--m3e-toc-active-indicator-animation-duration, ${l.motion.duration.long1})\n          ${l.motion.easing.standard},\n        top var(--m3e-toc-active-indicator-animation-duration, ${l.motion.duration.long1})\n          ${l.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(:state(-with-overline))) .overline, :host(:not(:state(-with-title))) .title, :host(:not(:state(-with-overline)):not(:state(-with-title))) .header { display: none; } ::slotted([slot="overline"]) { font-size: var(--m3e-toc-overline-font-size, ${l.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-toc-overline-font-weight, ${l.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-toc-overline-line-height, ${l.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-toc-overline-tracking, ${l.typescale.standard.label.small.tracking}); color: var(--m3e-toc-overline-color, ${l.color.onSurfaceVariant}); } ::slotted([slot="title"]) { font-size: var(--m3e-toc-title-font-size, ${l.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-toc-title-font-weight, ${l.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-toc-title-line-height, ${l.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-toc-title-tracking, ${l.typescale.standard.headline.small.tracking}); color: var(--m3e-toc-title-color, ${l.color.onSurface}); } :host(:state(-no-animate)) .active-indicator { transition: none; } @media (prefers-reduced-motion) { .active-indicator { transition: none; } }`,We([lt()],QC.prototype,"_toc",void 0),We([dt(".active-indicator")],QC.prototype,"_activeIndicator",void 0),We([nt({attribute:"max-depth",type:Number})],QC.prototype,"maxDepth",void 0),We([h(40)],QC.prototype,"_updateToc",null),QC=We([m("m3e-toc")],QC);let sS=class extends(ee(d(a,"toolbar"))){constructor(){super(...arguments),eS.add(this),tS.set(this,void 0),aS.set(this,(new Ce).withHomeAndEnd().withDirectionality(Le.current)),this.variant="standard",this.shape="square",this.elevated=!1}connectedCallback(){super.connectedCallback(),Oe(this,tS,Le.observe(()=>He(this,aS,"f").directionality=Le.current),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,tS,"f")?.call(this)}update(e){super.update(e),e.has("vertical")&&(He(this,aS,"f").vertical=this.vertical)}render(){return o`<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="${He(this,eS,"m",rS)}" @keydown="${He(this,eS,"m",iS)}" @slotchange="${He(this,eS,"m",oS)}"></slot></div>`}};tS=new WeakMap,aS=new WeakMap,eS=new WeakSet,oS=function(){const{added:e}=He(this,aS,"f").setItems(fe.findInteractiveElements(this));if(!He(this,aS,"f").activeItem){const t=e.find(e=>!e.hasAttribute("disabled"));t&&He(this,aS,"f").updateActiveItem(t)}},iS=function(e){He(this,aS,"f").onKeyDown(e)},rS=function(e){const t=e.composedPath().find(e=>e instanceof HTMLElement&&He(this,aS,"f").items.includes(e));t&&He(this,aS,"f").updateActiveItem(t)},sS.styles=t`: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) + ${l.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) + ${l.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, ${l.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, ${l.color.surfaceContainer}); } :host([variant="standard"]) .base { color: var(--m3e-toolbar-standard-color, ${l.color.onSurface}); } :host([variant="vibrant"]) .state-layer { background-color: var(--m3e-toolbar-vibrant-container-color, ${l.color.primaryContainer}); } :host([variant="vibrant"]) .base { color: var(--m3e-toolbar-vibrant-color, ${l.color.onPrimaryContainer}); } @media (forced-colors: active) { :host([variant]) .state-layer { background-color: Canvas; } :host([variant]) .base { color: CanvasText; outline: 1px solid CanvasText; } }`,We([nt({reflect:!0})],sS.prototype,"variant",void 0),We([nt({reflect:!0})],sS.prototype,"shape",void 0),We([nt({type:Boolean,reflect:!0})],sS.prototype,"elevated",void 0),sS=We([m("m3e-toolbar")],sS);let nS=class extends ${constructor(){super(...arguments),this.disableRestoreFocus=!1}_onClick(){this.closest("m3e-rich-tooltip")?.hide(!this.disableRestoreFocus)}};var lS,cS,dS,hS,mS,pS,uS,vS,bS,fS;We([nt({attribute:"disable-restore-focus",type:Boolean})],nS.prototype,"disableRestoreFocus",void 0),nS=We([m("m3e-rich-tooltip-action")],nS);class gS extends(c(w(a))){constructor(){super(...arguments),lS.add(this),dS.set(this,null),hS.set(this,void 0),mS.set(this,!1),pS.set(this,()=>He(this,lS,"m",bS).call(this)),uS.set(this,new Z(this,{target:null,endDelay:200,callback:(e,t)=>{if(!this._isInteractive)if(e){if(t===this._base)return void Oe(this,mS,!0,"f");this.show()}else He(this,mS,"f")&&t!==this._base||(Oe(this,mS,!1,"f"),this.hide())}})),vS.set(this,new ve(this,{target:null,callback:e=>{this._isInteractive||(e?this.show():this.hide())}})),this.disabled=!1,this.touchGestures="auto"}get showDelay(){return He(this,uS,"f").startDelay}set showDelay(e){He(this,uS,"f").startDelay=e}get hideDelay(){return He(this,uS,"f").endDelay}set hideDelay(e){He(this,uS,"f").endDelay=e}get isOpen(){return cS.__openTooltips.includes(this)}get _isInteractive(){return!1}attach(e){super.attach(e),Ae.iOS||Ae.Android?(He(this,vS,"f").observe(e),He(this,lS,"m",fS).call(this)):He(this,uS,"f").observe(e),e.addEventListener("click",He(this,pS,"f"))}detach(){this.control&&(He(this,uS,"f").unobserve(this.control),He(this,vS,"f").unobserve(this.control),this.control.removeEventListener("click",He(this,pS,"f")),this.hide()),super.detach()}update(e){super.update(e),e.has("disabled")&&this.disabled&&this.hide()}firstUpdated(e){super.firstUpdated(e),this._base&&He(this,uS,"f").observe(this._base)}async show(){!this.control||this.disabled||X(this.control)&&this.control.disabled||(cS.__openTooltips.filter(e=>e!==this).forEach(e=>e.hide()),this._base.showPopover(),Oe(this,hS,await ze(this._base,this.control,{position:this._anchorPosition,inline:!0,flip:!0,shift:!0,offset:4},(e,t)=>this._updatePosition(this._base,e,t)),"f"),cS.__openTooltips.includes(this)||cS.__openTooltips.push(this))}hide(){this._base.hidePopover(),He(this,hS,"f")?.call(this),Oe(this,hS,void 0,"f"),He(this,uS,"f").clearDelays(),cS.__openTooltips.includes(this)&&(cS.__openTooltips=cS.__openTooltips.filter(e=>e!==this))}}var yS,$S,xS,wS,kS,CS,SS,_S,LS,zS,ES,MS,TS,PS,IS,AS;cS=gS,dS=new WeakMap,hS=new WeakMap,mS=new WeakMap,pS=new WeakMap,uS=new WeakMap,vS=new WeakMap,lS=new WeakSet,bS=function(){this._isInteractive?cS.__openTooltips.includes(this)?this.hide():this.show():this.hide()},fS=function(){if("off"!==this.touchGestures&&He(this,dS,"f")){const e=He(this,dS,"f").style;("on"===this.touchGestures||"INPUT"!==He(this,dS,"f").nodeName&&"TEXTAREA"!==He(this,dS,"f").nodeName)&&(e.userSelect=e.msUserSelect=e.webkitUserSelect=e.MozUserSelect="none"),"on"!==this.touchGestures&&He(this,dS,"f").draggable||(e.webkitUserDrag="none"),e.touchAction="none",e.webkitTapHighlightColor="transparent"}},gS.__openTooltips=new Array,We([dt(".base")],gS.prototype,"_base",void 0),We([nt({type:Boolean,reflect:!0})],gS.prototype,"disabled",void 0),We([nt({attribute:"show-delay",type:Number})],gS.prototype,"showDelay",null),We([nt({attribute:"hide-delay",type:Number})],gS.prototype,"hideDelay",null),We([nt({attribute:"touch-gestures"})],gS.prototype,"touchGestures",void 0);let WS=AS=class extends gS{constructor(){super(...arguments),yS.add(this),$S.set(this,AS.__nextId++),xS.set(this,""),wS.set(this,""),kS.set(this,""),CS.set(this,!1),this._hasSubhead=!1,this._interactive=!1,SS.set(this,e=>He(this,yS,"m",zS).call(this,e)),this.position="below-after"}get _isInteractive(){return this._interactive}get _anchorPosition(){switch(this.position){case"above":return"top";case"above-after":return"rtl"===Le.current?"top-start":"top-end";case"above-before":return"rtl"===Le.current?"top-end":"top-start";case"after":return"rtl"===Le.current?"left":"right";case"before":return"rtl"===Le.current?"right":"left";case"below":return"bottom";case"below-after":return"rtl"===Le.current?"bottom-start":"bottom-end";case"below-before":return"rtl"===Le.current?"bottom-end":"bottom-start"}}render(){const e=this._interactive&&this._hasSubhead?`m3e-rich-tooltip-${He(this,$S,"f")}-subhead`:void 0;return o`<div class="base" popover="manual" role="${cr(this._interactive?"dialog":void 0)}" aria-labelledby="${cr(e)}" @keydown="${He(this,yS,"m",ES)}" @beforetoggle="${He(this,yS,"m",_S)}" @toggle="${He(this,yS,"m",LS)}"><m3e-elevation level="3"></m3e-elevation><div class="subhead" id="${cr(e)}"><slot name="subhead" @slotchange="${He(this,yS,"m",MS)}"></slot></div><div class="content"><slot @slotchange="${He(this,yS,"m",TS)}"></slot></div><div class="actions"><slot name="actions" @slotchange="${He(this,yS,"m",PS)}"></slot></div></div>`}show(){return this._interactive&&document.addEventListener("click",He(this,SS,"f")),super.show()}hide(e=!0){this._interactive&&document.removeEventListener("click",He(this,SS,"f")),super.hide(),e&&this._interactive&&this.control&&fe.isFocusable(this.control)&&this.control.focus()}attach(e){super.attach(e),He(this,yS,"m",IS).call(this),this._interactive&&(e.ariaHasPopup="dialog")}update(e){super.update(e),e.has("_interactive")&&(this.ariaHidden=this._interactive?null:"true",He(this,yS,"m",IS).call(this),this.control&&this._interactive&&(this.control.ariaHasPopup="dialog"))}_updatePosition(e,t,a){this.position.includes("before")&&"before"!==this.position&&("rtl"===Le.current?t+=this.control?.clientWidth??0:t-=this.control?.clientWidth??0),this.position.includes("after")&&"after"!==this.position&&("rtl"===Le.current?t-=this.control?.clientWidth??0:t+=this.control?.clientWidth??0),"rtl"===Le.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 HS,OS,DS,BS;$S=new WeakMap,xS=new WeakMap,wS=new WeakMap,kS=new WeakMap,CS=new WeakMap,SS=new WeakMap,yS=new WeakSet,_S=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())},LS=function(e){const t=new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState,bubbles:!0,composed:!0});this.dispatchEvent(t)},zS=function(e){e.composedPath().some(e=>e instanceof AS||e===this.control)||this.hide()},ES=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.hide())},MS=function(e){this._hasSubhead=p(e.target),this.shadowRoot?.querySelector(".base")?.classList.toggle("has-subhead",this._hasSubhead),Oe(this,xS,this._hasSubhead?Q(e.target,!0):"","f"),He(this,yS,"m",IS).call(this)},TS=function(e){this._interactive=fe.findInteractiveElements(this).length>0,Oe(this,wS,Q(e.target,!0),"f"),He(this,yS,"m",IS).call(this)},PS=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",p(e.target)),this._interactive=fe.findInteractiveElements(this).length>0,He(this,yS,"m",IS).call(this)},IS=function(){const e=He(this,xS,"f")?`${He(this,xS,"f")}/n${He(this,wS,"f")}`:He(this,wS,"f");this.isConnected&&this.control&&(He(this,kS,"f")&&He(this,CS,"f")&&(Se.removeDescription(this.control,He(this,kS,"f")),Oe(this,CS,!1,"f")),Oe(this,kS,e,"f"),He(this,kS,"f")&&!this._interactive&&(Se.describe(this.control,He(this,kS,"f")),Oe(this,CS,!0,"f")))},WS.styles=t`: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, ${l.shape.corner.medium}); background-color: var(--m3e-rich-tooltip-container-color, ${l.color.surfaceContainer}); display: none; opacity: 0; transform: scale(0.8); transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard}, \n            transform ${l.motion.duration.short3} ${l.motion.easing.standard},\n            overlay ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete,\n            display ${l.motion.duration.short3} ${l.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, ${l.color.onSurfaceVariant}); font-size: var(--m3e-rich-tooltip-subhead-font-size, ${l.typescale.standard.title.small.fontSize}); font-weight: var( --m3e-rich-tooltip-subhead-font-weight, ${l.typescale.standard.title.small.fontWeight} ); line-height: var( --m3e-rich-tooltip-subhead-line-height, ${l.typescale.standard.title.small.lineHeight} ); letter-spacing: var(--m3e-rich-tooltip-subhead-tracking, ${l.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, ${l.color.onSurfaceVariant}); font-size: var( --m3e-rich-tooltip-supporting-text-font-size, ${l.typescale.standard.body.medium.fontSize} ); font-weight: var( --m3e-rich-tooltip-supporting-text-font-weight, ${l.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-rich-tooltip-supporting-text-line-height, ${l.typescale.standard.body.medium.lineHeight} ); letter-spacing: var( --m3e-rich-tooltip-supporting-text-tracking, ${l.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; } }`,WS.__nextId=0,We([lt()],WS.prototype,"_hasSubhead",void 0),We([lt()],WS.prototype,"_interactive",void 0),We([nt()],WS.prototype,"position",void 0),WS=AS=We([m("m3e-rich-tooltip")],WS);let qS=class extends gS{constructor(){super(...arguments),HS.add(this),OS.set(this,void 0),this.position="below"}get _anchorPosition(){return"above"===this.position?"top":"below"===this.position?"bottom":"before"===this.position?"ltr"===Le.current?"left":"right":"ltr"===Le.current?"right":"left"}attach(e){super.attach(e),He(this,OS,"f")&&Se.describe(e,He(this,OS,"f"))}detach(){this.control&&He(this,OS,"f")&&Se.removeDescription(this.control,He(this,OS,"f")),super.detach()}connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return o`<div class="base" popover="manual" @toggle="${He(this,HS,"m",BS)}"><slot @slotchange="${He(this,HS,"m",DS)}"></slot></div>`}_updatePosition(e,t,a){"rtl"===Le.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`}};OS=new WeakMap,HS=new WeakSet,DS=function(e){const t=Q(e.target,!0);this.isConnected&&this.control?(He(this,OS,"f")&&Se.removeDescription(this.control,He(this,OS,"f")),Oe(this,OS,t,"f"),He(this,OS,"f")&&Se.describe(this.control,He(this,OS,"f"))):Oe(this,OS,t,"f")},BS=function(e){if("open"===e.newState){const e=this._base.getBoundingClientRect().height>parseFloat(getComputedStyle(this._base).minHeight);u(this,"-multiline",e)}},qS.styles=t`:host { display: contents; } .base { position: absolute; pointer-events: none; margin: unset; border: unset; word-break: normal; overflow-wrap: anywhere; 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, ${l.shape.corner.extraSmall}); background-color: var(--m3e-tooltip-container-color, ${l.color.inverseSurface}); color: var(--m3e-tooltip-supporting-text-color, ${l.color.inverseOnSurface}); font-size: var(--m3e-tooltip-supporting-text-font-size, ${l.typescale.standard.body.small.fontSize}); font-weight: var( --m3e-tooltip-supporting-text-font-weight, ${l.typescale.standard.body.small.fontWeight} ); line-height: var( --m3e-tooltip-supporting-text-line-height, ${l.typescale.standard.body.small.lineHeight} ); letter-spacing: var( --m3e-tooltip-supporting-text-tracking, ${l.typescale.standard.body.small.tracking} ); display: none; opacity: 0; transform: scale(0.8); transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard}, \n        transform ${l.motion.duration.short3} ${l.motion.easing.standard},\n        overlay ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete,\n        display ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete`)}; } :host(:state(-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; } }`,We([nt()],qS.prototype,"position",void 0),qS=We([m("m3e-tooltip")],qS);export{ad as ActionElementBase,hn as AnimationLoopController,gl as AttachInternals,Cl as Checked,_l as CheckedIndeterminate,kc as ConstraintValidation,ec as DesignToken,Al as Dirty,ac as Disabled,nc as DisabledInteractive,Cc as EventAttribute,Wn as FocusController,_c as Focusable,gc as FormAssociated,Ec as FormSubmitter,Hn as HoverController,Ic as HtmlFor,On as IntersectionController,Ac as KeyboardClick,hc as Labelled,Dc as LinkButton,Dn as LongPressController,vm as M3eAccordionElement,ev as M3eActionListElement,At as M3eAppBarElement,ui as M3eAssistChipElement,$a as M3eAutocompleteElement,xa as M3eAvatarElement,za as M3eBadgeElement,Ea as M3eBottomSheetActionElement,fo as M3eBottomSheetElement,go as M3eBottomSheetTriggerElement,Po as M3eButtonElement,Oo as M3eButtonGroupElement,wy as M3eButtonSegmentElement,Jo as M3eCardElement,ri as M3eCheckboxElement,pi as M3eChipElement,vi as M3eChipSetElement,Rg as M3eCircularProgressIndicatorElement,od as M3eCollapsibleElement,$h as M3eDialogActionElement,Ih as M3eDialogElement,Ah as M3eDialogTriggerElement,Wh as M3eDividerElement,om as M3eDrawerContainerElement,dm as M3eDrawerToggleElement,yd as M3eElevationElement,Yu as M3eExpandableListItemElement,Um as M3eExpansionHeaderElement,op as M3eExpansionPanelElement,pp as M3eFabElement,Pp as M3eFabMenuElement,fp as M3eFabMenuItemElement,Ip as M3eFabMenuTriggerElement,yi as M3eFilterChipElement,Li as M3eFilterChipSetElement,Md as M3eFocusRingElement,mu as M3eFormFieldElement,pu as M3eHeadingElement,zu as M3eIconButtonElement,uu as M3eIconElement,ur as M3eInputChipElement,Br as M3eInputChipSetElement,ey as M3eLinearProgressIndicatorElement,ov as M3eListActionElement,Ru as M3eListElement,iv as M3eListItemButtonElement,Wu as M3eListItemElement,hv as M3eListOptionElement,Ev as M3eLoadingIndicatorElement,nb as M3eMenuElement,$b as M3eMenuItemCheckboxElement,Uv as M3eMenuItemElement,xb as M3eMenuItemGroupElement,Ab as M3eMenuItemRadioElement,Tv as M3eMenuTriggerElement,qb as M3eNavBarElement,Ub as M3eNavItemElement,$f as M3eNavMenuElement,of as M3eNavMenuItemElement,_f as M3eNavMenuItemGroupElement,Tf as M3eNavRailElement,Wf as M3eNavRailToggleElement,jf as M3eOptGroupElement,qf as M3eOptionElement,og as M3eOptionPanelElement,pg as M3ePaginatorElement,Td as M3ePseudoCheckboxElement,Pd as M3ePseudoRadioElement,ly as M3eRadioElement,by as M3eRadioGroupElement,nS as M3eRichTooltipActionElement,WS as M3eRichTooltipElement,Ud as M3eRippleElement,jd as M3eScrollContainerElement,Ey as M3eSegmentedButtonElement,i$ as M3eSelectElement,fv as M3eSelectionListElement,v$ as M3eShapeElement,Yd as M3eSlideElement,x$ as M3eSlideGroupElement,j$ as M3eSliderElement,C$ as M3eSliderThumbElement,ox as M3eSnackbar,ax as M3eSnackbarElement,bx as M3eSplitButtonElement,ch as M3eStateLayerElement,kx as M3eStepElement,fx as M3eStepPanelElement,Hx as M3eStepperElement,Ox as M3eStepperNextElement,Dx as M3eStepperPreviousElement,Bx as M3eStepperResetElement,qr as M3eSuggestionChipElement,lk as M3eSwitchElement,pk as M3eTabElement,uk as M3eTabPanelElement,Ck as M3eTabsElement,yh as M3eTextHighlightElement,dh as M3eTextOverflowElement,Rk as M3eTextareaAutosizeElement,OC as M3eThemeElement,QC as M3eTocElement,DC as M3eTocItemElement,sS as M3eToolbarElement,qS as M3eTooltipElement,Bn as MutationController,qn as PressedController,vg as ProgressElementIndicatorBase,qc as ReadOnly,Fc as Required,Uc as RequiredConstraintValidation,Rn as ResizeController,Nc as Role,il as ScrollController,rl as ScrollLockController,zl as Selected,Wx as StepperButtonElementBase,JC as TocGenerator,gS as TooltipElementBase,Ol as Touched,An as VelocityTracker,Kc as Vertical,$l as addCustomState,Tl as checkOrSelect,pn as computeCssSize,un as computeLineCount,Vn as debounce,pc as defaultValue,xl as deleteCustomState,Fn as element,Hp as findFormFieldControl,vn as focusWhenReady,bn as forcedColorsActive,mc as formValue,Sn as generateClipPaths,_n as getTextContent,Ln as guid,zn as hasAssignedNodes,yl as hasCustomState,ul as hasKeys,En as interceptProperty,vl as internals,bl as isAttachInternalsMixin,Sl as isCheckedIndeterminateMixin,kl as isCheckedMixin,Ml as isCheckedOrSelected,El as isCheckedOrSelectedMixin,$c as isConstraintValidationMixin,Pl as isDirtyMixin,oc as isDisabledInteractiveMixin,tc as isDisabledMixin,uc as isFormAssociatedMixin,Wp as isFormFieldControl,Lc as isFormSubmitterMixin,Mc as isHtmlForMixin,cc as isLabelledMixin,Hc as isLinkButtonMixin,Bc as isReadOnlyMixin,Vc as isRequiredConstraintValidationMixin,Rc as isRequiredMixin,Ll as isSelectedMixin,Wl as isTouchedMixin,jc as isVerticalMixin,Mn as prefersReducedMotion,Wc as renderPseudoLink,Tn as resolveElementById,Pn as resolveFragmentUrl,pl as safeStyleMap,In as scrollIntoViewIfNeeded,wl as setCustomState,sl as spaceSeparatedStringConverter,lc as updateLabels,yc as validate};
+function WC(e){const t=Jk(e),a=Qk(e),o=eC(e),i=[t.toString(16),a.toString(16),o.toString(16)];for(const[e,t]of i.entries())1===t.length&&(i[e]="0"+t);return"#"+i.join("")}function HC(e){return parseInt(e,16)}AC.hues=[0,41,61,101,131,181,251,301,360],AC.secondaryRotations=[18,15,10,12,15,18,15,12,12],AC.tertiaryRotations=[35,30,20,25,30,35,30,25,25];let OC=class extends a{constructor(){super(...arguments),yC.add(this),$C.set(this,new CSSStyleSheet),xC.set(this,!1),wC.set(this,void 0),kC.set(this,void 0),CC.set(this,void 0),SC.set(this,()=>He(this,yC,"m",_C).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 He(this,kC,"f")?.matches??!1}}connectedCallback(){super.connectedCallback(),this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(He(this,$C,"f"))&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,He(this,$C,"f")]),Oe(this,wC,matchMedia("(prefers-color-scheme: light)"),"f"),Oe(this,kC,matchMedia("(prefers-color-scheme: dark)"),"f"),Oe(this,CC,matchMedia("(forced-colors: active)"),"f"),[He(this,wC,"f"),He(this,kC,"f"),He(this,CC,"f")].forEach(e=>e.addEventListener("change",He(this,SC,"f")))}disconnectedCallback(){super.disconnectedCallback(),[He(this,wC,"f"),He(this,kC,"f"),He(this,CC,"f")].forEach(e=>e?.removeEventListener("change",He(this,SC,"f"))),Oe(this,wC,Oe(this,kC,Oe(this,CC,void 0,"f"),"f"),"f")}updated(e){super.updated(e),He(this,yC,"m",_C).call(this,He(this,xC,"f")&&["color","scheme","contrast"].some(t=>e.has(t)))}firstUpdated(e){super.firstUpdated(e),Oe(this,xC,!0,"f")}render(){return o`<slot></slot>`}};$C=new WeakMap,xC=new WeakMap,wC=new WeakMap,kC=new WeakMap,CC=new WeakMap,SC=new WeakMap,yC=new WeakSet,_C=function(e){const t=function(e){const t=3===(e=e.replace("#","")).length,a=6===e.length,o=8===e.length;if(!t&&!a&&!o)throw new Error("unexpected hex "+e);let i=0,r=0,s=0;return t?(i=HC(e.slice(0,1).repeat(2)),r=HC(e.slice(1,2).repeat(2)),s=HC(e.slice(2,3).repeat(2))):a?(i=HC(e.slice(0,2)),r=HC(e.slice(2,4)),s=HC(e.slice(4,6))):o&&(i=HC(e.slice(2,4)),r=HC(e.slice(4,6)),s=HC(e.slice(6,8))),(255<<24|(255&i)<<16|(255&r)<<8|255&s)>>>0}(this.color),a=PC.of(t),o=new TC({sourceColorArgb:t,variant:1,contrastLevel:He(this,yC,"m",LC).call(this),isDark:this.isDark,primaryPalette:a.a1,secondaryPalette:a.a2,tertiaryPalette:a.a3,neutralPalette:a.n1,neutralVariantPalette:a.n2});let i="";for(const e in MC)if(!e.endsWith("PaletteKeyColor")){const t=MC[e];t instanceof pC&&(i+=`--md-sys-color-${e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}: ${WC(t.getArgb(o))};`)}if("expressive"===this.motion&&(i+="--md-sys-motion-spring-fast-spatial: 350ms cubic-bezier(0.42, 1.67, 0.21, 0.90);",i+="--md-sys-motion-spring-default-spatial: 500ms cubic-bezier(0.38, 1.21, 0.22, 1.00);",i+="--md-sys-motion-spring-slow-spatial: 650ms cubic-bezier(0.39, 1.29, 0.35, 0.98);",i+="--md-sys-motion-spring-fast-effects: 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00);",i+="--md-sys-motion-spring-default-effects: 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00);",i+="--md-sys-motion-spring-slow-effects: 300ms cubic-bezier(0.34, 0.88, 0.34, 1.00);"),i+=`--md-sys-density-scale: ${this.density};`,i+=`--m3e-scrollbar-thumb-color: ${WC(o.neutralPalette.tone(60))};`,i+=`--m3e-focus-ring-visibility: ${this.strongFocus?"visible":"hidden"};`,He(this,$C,"f").replaceSync(`:host { ${i} }`),this.parentElement instanceof HTMLBodyElement){const e=getComputedStyle(this);switch(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"}}He(this,CC,"f")?.matches?this.parentElement.style.backgroundColor=this.parentElement.style.color=this.parentElement.ownerDocument.documentElement.style.scrollbarColor=this.parentElement.style.scrollbarColor="":(this.parentElement.style.backgroundColor=e.getPropertyValue("--md-sys-color-background"),this.parentElement.style.color=e.getPropertyValue("--md-sys-color-on-background"),this.parentElement.ownerDocument.documentElement.style.scrollbarColor=this.parentElement.style.scrollbarColor=`${e.getPropertyValue("--m3e-scrollbar-thumb-color")} ${e.getPropertyValue("--m3e-scrollbar-track-color")}`)}He(this,xC,"f")&&this.dispatchEvent(new Event("change",{bubbles:!0})),e&&document.body.offsetHeight},LC=function(){switch(this.contrast){case"high":return 1;case"medium":return.5;default:return 0}},OC.styles=t`:host { display: contents; font-size: ${l.typescale.standard.body.large.fontSize}; font-weight: ${l.typescale.standard.body.large.fontWeight}; line-height: ${l.typescale.standard.body.large.lineHeight}; letter-spacing: ${l.typescale.standard.body.large.tracking}; }`,We([nt()],OC.prototype,"color",void 0),We([nt()],OC.prototype,"scheme",void 0),We([nt()],OC.prototype,"contrast",void 0),We([nt({attribute:"strong-focus",type:Boolean})],OC.prototype,"strongFocus",void 0),We([nt({type:Number})],OC.prototype,"density",void 0),We([nt()],OC.prototype,"motion",void 0),OC=We([m("m3e-theme")],OC);let DC=class extends(te(W(w(d(a,"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 o`<m3e-state-layer class="state-layer"></m3e-state-layer><div class="base"><slot></slot></div>`}};var BC,qC,RC,FC,VC,UC,NC,jC,KC,ZC,GC,XC,YC;DC.styles=t`:host { display: inline-block; position: relative; user-select: none; outline: none; border-radius: var(--m3e-toc-item-shape, ${l.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: ${e(`color var(--m3e-toc-active-indicator-animation-duration, ${l.motion.duration.long1}) ${l.motion.easing.standard}`)}; } :host(:not([selected])) { font-size: var(--m3e-toc-item-font-size, ${l.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-toc-item-font-weight, ${l.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-toc-item-line-height, ${l.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-toc-item-tracking, ${l.typescale.standard.body.large.tracking}); color: var(--m3e-toc-item-color, ${l.color.onSurfaceVariant}); } :host([selected]) { font-size: var(--m3e-toc-item-selected-font-size, ${l.typescale.emphasized.body.large.fontSize}); font-weight: var(--m3e-toc-item-selected-font-weight, ${l.typescale.emphasized.body.large.fontWeight}); line-height: var(--m3e-toc-item-selected-line-height, ${l.typescale.emphasized.body.large.lineHeight}); letter-spacing: var(--m3e-toc-item-selected-tracking, ${l.typescale.emphasized.body.large.tracking}); color: var(--m3e-toc-item-selected-color, ${l.color.onSecondaryContainer}); } .base { justify-content: unset; } .state-layer { --m3e-state-layer-focus-opacity: 0; } @media (prefers-reduced-motion) { .base { transition: none; } }`,We([dt(".base")],DC.prototype,"_base",void 0),We([dt(".state-layer")],DC.prototype,"_stateLayer",void 0),We([lt()],DC.prototype,"node",void 0),DC=We([m("m3e-toc-item")],DC);class JC{static generate(e,t=6){let a=6;const o=new Array;e.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(e=>{const t=He(BC,BC,"m",qC).call(BC,e);a=Math.min(t,a),o.push({id:e.id||pe(),element:e,level:t,label:Q(e,!0),nodes:new Array})});for(let e=a+t-1;e>a;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-=a-1),o.filter(e=>1===e.level)}}BC=JC,qC=function(e){return e.tagName.startsWith("H")?parseInt(e.tagName.substring(1)):parseInt(e.getAttribute("level")??"0")};let QC=class extends(c(w(d(a,"navigation")))){constructor(){super(...arguments),RC.add(this),this._toc=[],FC.set(this,!1),VC.set(this,(new we).withHomeAndEnd().withVerticalOrientation().disableRovingTabIndex().onSelectedItemsChange(()=>{if(this._activeIndicator){const e=He(this,VC,"f").selectedItems[0];e?(b(e,this,{block:"nearest",behavior:"smooth"}),this._activeIndicator.style.top=`${e.offsetTop}px`,this._activeIndicator.style.height=`${e.clientHeight}px`,this._activeIndicator.style.visibility=0==e.clientHeight?"hidden":"",L(this,"-no-animate")&&setTimeout(()=>u(this,"-no-animate",!1),40)):(u(this,"-no-animate",!0),this._activeIndicator.style.top="0px",this._activeIndicator.style.height="0px",this._activeIndicator.style.visibility="hidden")}})),UC.set(this,new ue(this,{target:null,callback:e=>{if(!this.control||He(this,FC,"f"))return;const t=this.control.scrollTop;let a=null,o=Number.POSITIVE_INFINITY;if(e.filter(e=>e.isIntersecting).map(e=>e.target).forEach(e=>{const i=e.offsetTop,r=Math.abs(i-t);r<o&&(o=r,a=e)}),a){const e=He(this,VC,"f").items.find(e=>e.node?.element===a);e&&He(this,VC,"f").select(e)}}})),NC.set(this,new ae(this,{target:null,callback:()=>Oe(this,FC,!1,"f"),debounce:!0})),jC.set(this,new oe(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>this._updateToc()})),this.maxDepth=2}attach(e){super.attach(e),He(this,jC,"f").observe(e),He(this,NC,"f").observe(e),He(this,RC,"m",YC).call(this)}detach(){this.control&&(He(this,jC,"f").unobserve(this.control),He(this,NC,"f").unobserve(this.control)),super.detach(),He(this,RC,"m",YC).call(this)}update(e){super.update(e),e.has("maxDepth")&&He(this,RC,"m",YC).call(this)}updated(e){if(super.updated(e),e.has("_toc")){const{added:e,removed:t}=He(this,VC,"f").setItems([...this.shadowRoot?.querySelectorAll("m3e-toc-item")??[]]);He(this,VC,"f").activeItem||(u(this,"-no-animate",!0),He(this,VC,"f").updateActiveItem(e.find(e=>!e.disabled)));for(const t of e)t.node&&He(this,UC,"f").observe(t.node.element);for(const e of t)e.node&&He(this,UC,"f").unobserve(e.node.element)}}render(){return o`<div class="header"><div class="overline"><slot name="overline" @slotchange="${He(this,RC,"m",ZC)}"></slot></div><div class="title"><slot name="title" @slotchange="${He(this,RC,"m",GC)}"></slot></div></div><slot></slot><ul class="list">${this._toc.map(e=>He(this,RC,"m",KC).call(this,e))}</ul><div class="active-indicator" aria-hidden="true"></div>`}_updateToc(){He(this,RC,"m",YC).call(this)}};var eS,tS,aS,oS,iS,rS;FC=new WeakMap,VC=new WeakMap,UC=new WeakMap,NC=new WeakMap,jC=new WeakMap,RC=new WeakSet,KC=function e(t){return o`<li><m3e-toc-item tabindex="-1" .node="${t}" @click="${He(this,RC,"m",XC)}">${t.label}</m3e-toc-item>${0==t.nodes.length?i:o`<ul>${t.nodes.map(t=>He(this,RC,"m",e).call(this,t))}</ul>`}</li>`},ZC=function(e){u(this,"-with-overline",p(e.target))},GC=function(e){u(this,"-with-title",p(e.target))},XC=function(e){e.target instanceof DC&&!e.target.disabled&&e.target.node?.element&&(Oe(this,FC,!0,"f"),e.target.node.element.scrollIntoView({block:"start",behavior:"smooth"}),He(this,VC,"f").updateActiveItem(e.target),He(this,VC,"f").select(e.target))},YC=function(){this._toc=this.control?JC.generate(this.control,Math.max(1,Math.min(this.maxDepth,6))):[],this.requestUpdate()},QC.styles=t`:host { display: inline-block; position: relative; overflow-y: auto; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; width: var(--m3e-toc-width, 9.75rem); } 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: 0; right: 0; border-radius: var(--m3e-toc-item-shape, ${l.shape.corner.largeIncreased}); border: 1px solid var(--m3e-toc-active-indicator-color, ${l.color.outline}); transition: ${e(`visibility var(--m3e-toc-active-indicator-animation-duration, ${l.motion.duration.long1})\n          ${l.motion.easing.standard},\n        height var(--m3e-toc-active-indicator-animation-duration, ${l.motion.duration.long1})\n          ${l.motion.easing.standard},\n        top var(--m3e-toc-active-indicator-animation-duration, ${l.motion.duration.long1})\n          ${l.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(:state(-with-overline))) .overline, :host(:not(:state(-with-title))) .title, :host(:not(:state(-with-overline)):not(:state(-with-title))) .header { display: none; } ::slotted([slot="overline"]) { font-size: var(--m3e-toc-overline-font-size, ${l.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-toc-overline-font-weight, ${l.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-toc-overline-line-height, ${l.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-toc-overline-tracking, ${l.typescale.standard.label.small.tracking}); color: var(--m3e-toc-overline-color, ${l.color.onSurfaceVariant}); } ::slotted([slot="title"]) { font-size: var(--m3e-toc-title-font-size, ${l.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-toc-title-font-weight, ${l.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-toc-title-line-height, ${l.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-toc-title-tracking, ${l.typescale.standard.headline.small.tracking}); color: var(--m3e-toc-title-color, ${l.color.onSurface}); } :host(:state(-no-animate)) .active-indicator { transition: none; } @media (prefers-reduced-motion) { .active-indicator { transition: none; } }`,We([lt()],QC.prototype,"_toc",void 0),We([dt(".active-indicator")],QC.prototype,"_activeIndicator",void 0),We([nt({attribute:"max-depth",type:Number})],QC.prototype,"maxDepth",void 0),We([h(40)],QC.prototype,"_updateToc",null),QC=We([m("m3e-toc")],QC);let sS=class extends(ee(d(a,"toolbar"))){constructor(){super(...arguments),eS.add(this),tS.set(this,void 0),aS.set(this,(new Ce).withHomeAndEnd().withDirectionality(Le.current)),this.variant="standard",this.shape="square",this.elevated=!1}connectedCallback(){super.connectedCallback(),Oe(this,tS,Le.observe(()=>He(this,aS,"f").directionality=Le.current),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,tS,"f")?.call(this)}update(e){super.update(e),e.has("vertical")&&(He(this,aS,"f").vertical=this.vertical)}render(){return o`<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="${He(this,eS,"m",rS)}" @keydown="${He(this,eS,"m",iS)}" @slotchange="${He(this,eS,"m",oS)}"></slot></div>`}};tS=new WeakMap,aS=new WeakMap,eS=new WeakSet,oS=function(){const{added:e}=He(this,aS,"f").setItems(fe.findInteractiveElements(this));if(!He(this,aS,"f").activeItem){const t=e.find(e=>!e.hasAttribute("disabled"));t&&He(this,aS,"f").updateActiveItem(t)}},iS=function(e){He(this,aS,"f").onKeyDown(e)},rS=function(e){const t=e.composedPath().find(e=>e instanceof HTMLElement&&He(this,aS,"f").items.includes(e));t&&He(this,aS,"f").updateActiveItem(t)},sS.styles=t`: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) + ${l.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) + ${l.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, ${l.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, ${l.color.surfaceContainer}); } :host([variant="standard"]) .base { color: var(--m3e-toolbar-standard-color, ${l.color.onSurface}); } :host([variant="vibrant"]) .state-layer { background-color: var(--m3e-toolbar-vibrant-container-color, ${l.color.primaryContainer}); } :host([variant="vibrant"]) .base { color: var(--m3e-toolbar-vibrant-color, ${l.color.onPrimaryContainer}); } @media (forced-colors: active) { :host([variant]) .state-layer { background-color: Canvas; } :host([variant]) .base { color: CanvasText; outline: 1px solid CanvasText; } }`,We([nt({reflect:!0})],sS.prototype,"variant",void 0),We([nt({reflect:!0})],sS.prototype,"shape",void 0),We([nt({type:Boolean,reflect:!0})],sS.prototype,"elevated",void 0),sS=We([m("m3e-toolbar")],sS);let nS=class extends ${constructor(){super(...arguments),this.disableRestoreFocus=!1}_onClick(){this.closest("m3e-rich-tooltip")?.hide(!this.disableRestoreFocus)}};var lS,cS,dS,hS,mS,pS,uS,vS,bS,fS;We([nt({attribute:"disable-restore-focus",type:Boolean})],nS.prototype,"disableRestoreFocus",void 0),nS=We([m("m3e-rich-tooltip-action")],nS);class gS extends(c(w(a))){constructor(){super(...arguments),lS.add(this),dS.set(this,null),hS.set(this,void 0),mS.set(this,!1),pS.set(this,()=>He(this,lS,"m",bS).call(this)),uS.set(this,new Z(this,{target:null,endDelay:200,callback:(e,t)=>{if(!this._isInteractive)if(e){if(t===this._base)return void Oe(this,mS,!0,"f");this.show()}else He(this,mS,"f")&&t!==this._base||(Oe(this,mS,!1,"f"),this.hide())}})),vS.set(this,new ve(this,{target:null,callback:e=>{this._isInteractive||(e?this.show():this.hide())}})),this.disabled=!1,this.touchGestures="auto"}get showDelay(){return He(this,uS,"f").startDelay}set showDelay(e){He(this,uS,"f").startDelay=e}get hideDelay(){return He(this,uS,"f").endDelay}set hideDelay(e){He(this,uS,"f").endDelay=e}get isOpen(){return cS.__openTooltips.includes(this)}get _isInteractive(){return!1}attach(e){super.attach(e),Ae.iOS||Ae.Android?(He(this,vS,"f").observe(e),He(this,lS,"m",fS).call(this)):He(this,uS,"f").observe(e),e.addEventListener("click",He(this,pS,"f"))}detach(){this.control&&(He(this,uS,"f").unobserve(this.control),He(this,vS,"f").unobserve(this.control),this.control.removeEventListener("click",He(this,pS,"f")),this.hide()),super.detach()}update(e){super.update(e),e.has("disabled")&&this.disabled&&this.hide()}firstUpdated(e){super.firstUpdated(e),this._base&&He(this,uS,"f").observe(this._base)}async show(){!this.control||this.disabled||X(this.control)&&this.control.disabled||(cS.__openTooltips.filter(e=>e!==this).forEach(e=>e.hide()),this._base.showPopover(),Oe(this,hS,await ze(this._base,this.control,{position:this._anchorPosition,inline:!0,flip:!0,shift:!0,offset:4},(e,t)=>this._updatePosition(this._base,e,t)),"f"),cS.__openTooltips.includes(this)||cS.__openTooltips.push(this))}hide(){this._base.hidePopover(),He(this,hS,"f")?.call(this),Oe(this,hS,void 0,"f"),He(this,uS,"f").clearDelays(),cS.__openTooltips.includes(this)&&(cS.__openTooltips=cS.__openTooltips.filter(e=>e!==this))}}var yS,$S,xS,wS,kS,CS,SS,_S,LS,zS,ES,MS,TS,PS,IS,AS;cS=gS,dS=new WeakMap,hS=new WeakMap,mS=new WeakMap,pS=new WeakMap,uS=new WeakMap,vS=new WeakMap,lS=new WeakSet,bS=function(){this._isInteractive?cS.__openTooltips.includes(this)?this.hide():this.show():this.hide()},fS=function(){if("off"!==this.touchGestures&&He(this,dS,"f")){const e=He(this,dS,"f").style;("on"===this.touchGestures||"INPUT"!==He(this,dS,"f").nodeName&&"TEXTAREA"!==He(this,dS,"f").nodeName)&&(e.userSelect=e.msUserSelect=e.webkitUserSelect=e.MozUserSelect="none"),"on"!==this.touchGestures&&He(this,dS,"f").draggable||(e.webkitUserDrag="none"),e.touchAction="none",e.webkitTapHighlightColor="transparent"}},gS.__openTooltips=new Array,We([dt(".base")],gS.prototype,"_base",void 0),We([nt({type:Boolean,reflect:!0})],gS.prototype,"disabled",void 0),We([nt({attribute:"show-delay",type:Number})],gS.prototype,"showDelay",null),We([nt({attribute:"hide-delay",type:Number})],gS.prototype,"hideDelay",null),We([nt({attribute:"touch-gestures"})],gS.prototype,"touchGestures",void 0);let WS=AS=class extends gS{constructor(){super(...arguments),yS.add(this),$S.set(this,AS.__nextId++),xS.set(this,""),wS.set(this,""),kS.set(this,""),CS.set(this,!1),this._hasSubhead=!1,this._interactive=!1,SS.set(this,e=>He(this,yS,"m",zS).call(this,e)),this.position="below-after"}get _isInteractive(){return this._interactive}get _anchorPosition(){switch(this.position){case"above":return"top";case"above-after":return"rtl"===Le.current?"top-start":"top-end";case"above-before":return"rtl"===Le.current?"top-end":"top-start";case"after":return"rtl"===Le.current?"left":"right";case"before":return"rtl"===Le.current?"right":"left";case"below":return"bottom";case"below-after":return"rtl"===Le.current?"bottom-start":"bottom-end";case"below-before":return"rtl"===Le.current?"bottom-end":"bottom-start"}}render(){const e=this._interactive&&this._hasSubhead?`m3e-rich-tooltip-${He(this,$S,"f")}-subhead`:void 0;return o`<div class="base" popover="manual" role="${cr(this._interactive?"dialog":void 0)}" aria-labelledby="${cr(e)}" @keydown="${He(this,yS,"m",ES)}" @beforetoggle="${He(this,yS,"m",_S)}" @toggle="${He(this,yS,"m",LS)}"><m3e-elevation level="3"></m3e-elevation><div class="subhead" id="${cr(e)}"><slot name="subhead" @slotchange="${He(this,yS,"m",MS)}"></slot></div><div class="content"><slot @slotchange="${He(this,yS,"m",TS)}"></slot></div><div class="actions"><slot name="actions" @slotchange="${He(this,yS,"m",PS)}"></slot></div></div>`}show(){return this._interactive&&document.addEventListener("click",He(this,SS,"f")),super.show()}hide(e=!0){this._interactive&&document.removeEventListener("click",He(this,SS,"f")),super.hide(),e&&this._interactive&&this.control&&fe.isFocusable(this.control)&&this.control.focus()}attach(e){super.attach(e),He(this,yS,"m",IS).call(this),this._interactive&&(e.ariaHasPopup="dialog")}update(e){super.update(e),e.has("_interactive")&&(this.ariaHidden=this._interactive?null:"true",He(this,yS,"m",IS).call(this),this.control&&this._interactive&&(this.control.ariaHasPopup="dialog"))}_updatePosition(e,t,a){this.position.includes("before")&&"before"!==this.position&&("rtl"===Le.current?t+=this.control?.clientWidth??0:t-=this.control?.clientWidth??0),this.position.includes("after")&&"after"!==this.position&&("rtl"===Le.current?t-=this.control?.clientWidth??0:t+=this.control?.clientWidth??0),"rtl"===Le.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 HS,OS,DS,BS;$S=new WeakMap,xS=new WeakMap,wS=new WeakMap,kS=new WeakMap,CS=new WeakMap,SS=new WeakMap,yS=new WeakSet,_S=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())},LS=function(e){const t=new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState,bubbles:!0,composed:!0});this.dispatchEvent(t)},zS=function(e){e.composedPath().some(e=>e instanceof AS||e===this.control)||this.hide()},ES=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.hide())},MS=function(e){this._hasSubhead=p(e.target),this.shadowRoot?.querySelector(".base")?.classList.toggle("has-subhead",this._hasSubhead),Oe(this,xS,this._hasSubhead?Q(e.target,!0):"","f"),He(this,yS,"m",IS).call(this)},TS=function(e){this._interactive=fe.findInteractiveElements(this).length>0,Oe(this,wS,Q(e.target,!0),"f"),He(this,yS,"m",IS).call(this)},PS=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",p(e.target)),this._interactive=fe.findInteractiveElements(this).length>0,He(this,yS,"m",IS).call(this)},IS=function(){const e=He(this,xS,"f")?`${He(this,xS,"f")}/n${He(this,wS,"f")}`:He(this,wS,"f");this.isConnected&&this.control&&(He(this,kS,"f")&&He(this,CS,"f")&&(Se.removeDescription(this.control,He(this,kS,"f")),Oe(this,CS,!1,"f")),Oe(this,kS,e,"f"),He(this,kS,"f")&&!this._interactive&&(Se.describe(this.control,He(this,kS,"f")),Oe(this,CS,!0,"f")))},WS.styles=t`: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, ${l.shape.corner.medium}); background-color: var(--m3e-rich-tooltip-container-color, ${l.color.surfaceContainer}); display: none; opacity: 0; transform: scale(0.8); transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard}, \n            transform ${l.motion.duration.short3} ${l.motion.easing.standard},\n            overlay ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete,\n            display ${l.motion.duration.short3} ${l.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, ${l.color.onSurfaceVariant}); font-size: var(--m3e-rich-tooltip-subhead-font-size, ${l.typescale.standard.title.small.fontSize}); font-weight: var( --m3e-rich-tooltip-subhead-font-weight, ${l.typescale.standard.title.small.fontWeight} ); line-height: var( --m3e-rich-tooltip-subhead-line-height, ${l.typescale.standard.title.small.lineHeight} ); letter-spacing: var(--m3e-rich-tooltip-subhead-tracking, ${l.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, ${l.color.onSurfaceVariant}); font-size: var( --m3e-rich-tooltip-supporting-text-font-size, ${l.typescale.standard.body.medium.fontSize} ); font-weight: var( --m3e-rich-tooltip-supporting-text-font-weight, ${l.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-rich-tooltip-supporting-text-line-height, ${l.typescale.standard.body.medium.lineHeight} ); letter-spacing: var( --m3e-rich-tooltip-supporting-text-tracking, ${l.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; } }`,WS.__nextId=0,We([lt()],WS.prototype,"_hasSubhead",void 0),We([lt()],WS.prototype,"_interactive",void 0),We([nt()],WS.prototype,"position",void 0),WS=AS=We([m("m3e-rich-tooltip")],WS);let qS=class extends gS{constructor(){super(...arguments),HS.add(this),OS.set(this,void 0),this.position="below"}get _anchorPosition(){return"above"===this.position?"top":"below"===this.position?"bottom":"before"===this.position?"ltr"===Le.current?"left":"right":"ltr"===Le.current?"right":"left"}attach(e){super.attach(e),He(this,OS,"f")&&Se.describe(e,He(this,OS,"f"))}detach(){this.control&&He(this,OS,"f")&&Se.removeDescription(this.control,He(this,OS,"f")),super.detach()}connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return o`<div class="base" popover="manual" @toggle="${He(this,HS,"m",BS)}"><slot @slotchange="${He(this,HS,"m",DS)}"></slot></div>`}_updatePosition(e,t,a){"rtl"===Le.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`}};OS=new WeakMap,HS=new WeakSet,DS=function(e){const t=Q(e.target,!0);this.isConnected&&this.control?(He(this,OS,"f")&&Se.removeDescription(this.control,He(this,OS,"f")),Oe(this,OS,t,"f"),He(this,OS,"f")&&Se.describe(this.control,He(this,OS,"f"))):Oe(this,OS,t,"f")},BS=function(e){if("open"===e.newState){const e=this._base.getBoundingClientRect().height>parseFloat(getComputedStyle(this._base).minHeight);u(this,"-multiline",e)}},qS.styles=t`:host { display: contents; } .base { position: absolute; pointer-events: none; margin: unset; border: unset; word-break: normal; overflow-wrap: anywhere; 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, ${l.shape.corner.extraSmall}); background-color: var(--m3e-tooltip-container-color, ${l.color.inverseSurface}); color: var(--m3e-tooltip-supporting-text-color, ${l.color.inverseOnSurface}); font-size: var(--m3e-tooltip-supporting-text-font-size, ${l.typescale.standard.body.small.fontSize}); font-weight: var( --m3e-tooltip-supporting-text-font-weight, ${l.typescale.standard.body.small.fontWeight} ); line-height: var( --m3e-tooltip-supporting-text-line-height, ${l.typescale.standard.body.small.lineHeight} ); letter-spacing: var( --m3e-tooltip-supporting-text-tracking, ${l.typescale.standard.body.small.tracking} ); display: none; opacity: 0; transform: scale(0.8); transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard}, \n        transform ${l.motion.duration.short3} ${l.motion.easing.standard},\n        overlay ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete,\n        display ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete`)}; } :host(:state(-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; } }`,We([nt()],qS.prototype,"position",void 0),qS=We([m("m3e-tooltip")],qS);export{ad as ActionElementBase,hn as AnimationLoopController,gl as AttachInternals,Cl as Checked,_l as CheckedIndeterminate,kc as ConstraintValidation,ec as DesignToken,Al as Dirty,ac as Disabled,nc as DisabledInteractive,Cc as EventAttribute,Wn as FocusController,_c as Focusable,gc as FormAssociated,Ec as FormSubmitter,Hn as HoverController,Ic as HtmlFor,On as IntersectionController,Ac as KeyboardClick,hc as Labelled,Dc as LinkButton,Dn as LongPressController,vm as M3eAccordionElement,ev as M3eActionListElement,At as M3eAppBarElement,ui as M3eAssistChipElement,$a as M3eAutocompleteElement,xa as M3eAvatarElement,za as M3eBadgeElement,Ea as M3eBottomSheetActionElement,fo as M3eBottomSheetElement,go as M3eBottomSheetTriggerElement,Po as M3eButtonElement,Oo as M3eButtonGroupElement,wy as M3eButtonSegmentElement,Jo as M3eCardElement,ri as M3eCheckboxElement,pi as M3eChipElement,vi as M3eChipSetElement,Rg as M3eCircularProgressIndicatorElement,od as M3eCollapsibleElement,$h as M3eDialogActionElement,Ih as M3eDialogElement,Ah as M3eDialogTriggerElement,Wh as M3eDividerElement,om as M3eDrawerContainerElement,dm as M3eDrawerToggleElement,yd as M3eElevationElement,Yu as M3eExpandableListItemElement,Um as M3eExpansionHeaderElement,op as M3eExpansionPanelElement,pp as M3eFabElement,Pp as M3eFabMenuElement,fp as M3eFabMenuItemElement,Ip as M3eFabMenuTriggerElement,yi as M3eFilterChipElement,Li as M3eFilterChipSetElement,Md as M3eFocusRingElement,mu as M3eFormFieldElement,pu as M3eHeadingElement,zu as M3eIconButtonElement,uu as M3eIconElement,ur as M3eInputChipElement,Br as M3eInputChipSetElement,ey as M3eLinearProgressIndicatorElement,ov as M3eListActionElement,Ru as M3eListElement,iv as M3eListItemButtonElement,Wu as M3eListItemElement,hv as M3eListOptionElement,Ev as M3eLoadingIndicatorElement,nb as M3eMenuElement,$b as M3eMenuItemCheckboxElement,Uv as M3eMenuItemElement,xb as M3eMenuItemGroupElement,Ab as M3eMenuItemRadioElement,Tv as M3eMenuTriggerElement,qb as M3eNavBarElement,Ub as M3eNavItemElement,$f as M3eNavMenuElement,of as M3eNavMenuItemElement,_f as M3eNavMenuItemGroupElement,Tf as M3eNavRailElement,Wf as M3eNavRailToggleElement,jf as M3eOptGroupElement,qf as M3eOptionElement,og as M3eOptionPanelElement,pg as M3ePaginatorElement,Td as M3ePseudoCheckboxElement,Pd as M3ePseudoRadioElement,ly as M3eRadioElement,by as M3eRadioGroupElement,nS as M3eRichTooltipActionElement,WS as M3eRichTooltipElement,Ud as M3eRippleElement,jd as M3eScrollContainerElement,Ey as M3eSegmentedButtonElement,i$ as M3eSelectElement,fv as M3eSelectionListElement,v$ as M3eShapeElement,Yd as M3eSlideElement,x$ as M3eSlideGroupElement,j$ as M3eSliderElement,C$ as M3eSliderThumbElement,ox as M3eSnackbar,ax as M3eSnackbarElement,bx as M3eSplitButtonElement,ch as M3eStateLayerElement,kx as M3eStepElement,fx as M3eStepPanelElement,Hx as M3eStepperElement,Ox as M3eStepperNextElement,Dx as M3eStepperPreviousElement,Bx as M3eStepperResetElement,qr as M3eSuggestionChipElement,lk as M3eSwitchElement,pk as M3eTabElement,uk as M3eTabPanelElement,Ck as M3eTabsElement,yh as M3eTextHighlightElement,dh as M3eTextOverflowElement,Rk as M3eTextareaAutosizeElement,OC as M3eThemeElement,QC as M3eTocElement,DC as M3eTocItemElement,sS as M3eToolbarElement,qS as M3eTooltipElement,Bn as MutationController,qn as PressedController,vg as ProgressElementIndicatorBase,qc as ReadOnly,Fc as Required,Uc as RequiredConstraintValidation,Rn as ResizeController,Nc as Role,il as ScrollController,rl as ScrollLockController,zl as Selected,Wx as StepperButtonElementBase,JC as TocGenerator,gS as TooltipElementBase,Ol as Touched,An as VelocityTracker,Kc as Vertical,$l as addCustomState,Tl as checkOrSelect,pn as computeCssSize,un as computeLineCount,Fn as customElement,Vn as debounce,pc as defaultValue,xl as deleteCustomState,Hp as findFormFieldControl,vn as focusWhenReady,bn as forcedColorsActive,mc as formValue,Sn as generateClipPaths,_n as getTextContent,Ln as guid,zn as hasAssignedNodes,yl as hasCustomState,ul as hasKeys,En as interceptProperty,vl as internals,bl as isAttachInternalsMixin,Sl as isCheckedIndeterminateMixin,kl as isCheckedMixin,Ml as isCheckedOrSelected,El as isCheckedOrSelectedMixin,$c as isConstraintValidationMixin,Pl as isDirtyMixin,oc as isDisabledInteractiveMixin,tc as isDisabledMixin,uc as isFormAssociatedMixin,Wp as isFormFieldControl,Lc as isFormSubmitterMixin,Mc as isHtmlForMixin,cc as isLabelledMixin,Hc as isLinkButtonMixin,Bc as isReadOnlyMixin,Vc as isRequiredConstraintValidationMixin,Rc as isRequiredMixin,Ll as isSelectedMixin,Wl as isTouchedMixin,jc as isVerticalMixin,Mn as prefersReducedMotion,Wc as renderPseudoLink,Tn as resolveElementById,Pn as resolveFragmentUrl,pl as safeStyleMap,In as scrollIntoViewIfNeeded,wl as setCustomState,sl as spaceSeparatedStringConverter,lc as updateLabels,yc as validate};
 //# sourceMappingURL=all.min.js.map