@m3e/web 2.0.5 → 2.1.1

package/dist/all.min.js

@@ -3,61 +3,61 @@
  * 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,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;
+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,MutationController as u,setCustomState as v,deleteCustomState as b,prefersReducedMotion as f,scrollIntoViewIfNeeded as g,forcedColorsActive as y,addCustomState as $,ActionElementBase as x,EventAttribute as w,AttachInternals as k,VelocityTracker as C,ScrollLockController as S,ResizeController as _,focusWhenReady as L,hasCustomState as z,computeCssSize as E,spaceSeparatedStringConverter as M,KeyboardClick as T,LinkButton as P,FormSubmitter as I,Focusable as A,DisabledInteractive as W,Disabled as H,FocusController as O,PressedController as D,renderPseudoLink as B,isSelectedMixin as q,Labelled as R,RequiredConstraintValidation as F,Dirty as V,Touched as U,Required as N,ConstraintValidation as j,CheckedIndeterminate as K,FormAssociated as Z,HoverController as G,formValue as X,isDisabledMixin as Y,isDisabledInteractiveMixin as J,isLinkButtonMixin as Q,getTextContent as ee,Vertical as te,Selected as ae,ScrollController 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,M3eLiveAnnouncer as fe,M3eInteractivityChecker as ge,isModifierAllowed as ye,addAriaReferencedId as $e,removeAriaReferencedId as xe,selectionManager as we,SelectionManager as ke,ListManager as Ce,RovingTabIndexManager as Se,M3eAriaDescriber as _e,typeaheadLabel as Le}from"@m3e/web/core/a11y";import{M3eOptGroupElement as ze}from"@m3e/web/option";import{M3eDirectionality as Ee}from"@m3e/web/core/bidi";import{positionAnchor as Me,M3eFloatingPanelElement as Te}from"@m3e/web/core/anchoring";import{M3eIconButtonElement as Pe}from"@m3e/web/icon-button";import{M3eBreakpointObserver as Ie,Breakpoint as Ae}from"@m3e/web/core/layout";import{M3eNavBarElement as We}from"@m3e/web/nav-bar";import"@m3e/web/form-field";import"@m3e/web/select";import"@m3e/web/tooltip";import{M3eButtonElement as He}from"@m3e/web/button";import"@m3e/web/button-group";import"@m3e/web/slide-group";import{M3ePlatform as Oe}from"@m3e/web/core/platform";function De(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 Be(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 qe(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
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const De=globalThis,Be=De.ShadowRoot&&(void 0===De.ShadyCSS||De.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,qe=Symbol(),Re=new WeakMap;let Fe=class{constructor(e,t,a){if(this._$cssResult$=!0,a!==qe)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(Be&&void 0===e){const a=void 0!==t&&1===t.length;a&&(e=Re.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),a&&Re.set(t,e))}return e}toString(){return this.cssText}};const Ve=Be?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const a of e.cssRules)t+=a.cssText;return(e=>new Fe("string"==typeof e?e:e+"",void 0,qe))(t)})(e):e,{is:Ue,defineProperty:Ne,getOwnPropertyDescriptor:je,getOwnPropertyNames:Ke,getOwnPropertySymbols:Ze,getPrototypeOf:Ge}=Object,Xe=globalThis,Ye=Xe.trustedTypes,Je=Ye?Ye.emptyScript:"",Qe=Xe.reactiveElementPolyfillSupport,et=(e,t)=>e,tt={toAttribute(e,t){switch(t){case Boolean:e=e?Je:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let a=e;switch(t){case Boolean:a=null!==e;break;case Number:a=null===e?null:Number(e);break;case Object:case Array:try{a=JSON.parse(e)}catch(e){a=null}}return a}},at=(e,t)=>!Ue(e,t),ot={attribute:!0,type:String,converter:tt,reflect:!1,useDefault:!1,hasChanged:at};
+const Re=globalThis,Fe=Re.ShadowRoot&&(void 0===Re.ShadyCSS||Re.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ve=Symbol(),Ue=new WeakMap;let Ne=class{constructor(e,t,a){if(this._$cssResult$=!0,a!==Ve)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(Fe&&void 0===e){const a=void 0!==t&&1===t.length;a&&(e=Ue.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),a&&Ue.set(t,e))}return e}toString(){return this.cssText}};const je=Fe?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const a of e.cssRules)t+=a.cssText;return(e=>new Ne("string"==typeof e?e:e+"",void 0,Ve))(t)})(e):e,{is:Ke,defineProperty:Ze,getOwnPropertyDescriptor:Ge,getOwnPropertyNames:Xe,getOwnPropertySymbols:Ye,getPrototypeOf:Je}=Object,Qe=globalThis,et=Qe.trustedTypes,tt=et?et.emptyScript:"",at=Qe.reactiveElementPolyfillSupport,ot=(e,t)=>e,it={toAttribute(e,t){switch(t){case Boolean:e=e?tt:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let a=e;switch(t){case Boolean:a=null!==e;break;case Number:a=null===e?null:Number(e);break;case Object:case Array:try{a=JSON.parse(e)}catch(e){a=null}}return a}},rt=(e,t)=>!Ke(e,t),st={attribute:!0,type:String,converter:it,reflect:!1,useDefault:!1,hasChanged:rt};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),Xe.litPropertyMetadata??=new WeakMap;class it extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=ot){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const a=Symbol(),o=this.getPropertyDescriptor(e,a,t);void 0!==o&&Ne(this.prototype,e,o)}}static getPropertyDescriptor(e,t,a){const{get:o,set:i}=je(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:o,set(t){const r=o?.call(this);i?.call(this,t),this.requestUpdate(e,r,a)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??ot}static _$Ei(){if(this.hasOwnProperty(et("elementProperties")))return;const e=Ge(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(et("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(et("properties"))){const e=this.properties,t=[...Ke(e),...Ze(e)];for(const a of t)this.createProperty(a,e[a])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,a]of t)this.elementProperties.set(e,a)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const a=this._$Eu(e,t);void 0!==a&&this._$Eh.set(a,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const a=new Set(e.flat(1/0).reverse());for(const e of a)t.unshift(Ve(e))}else void 0!==e&&t.push(Ve(e));return t}static _$Eu(e,t){const a=t.attribute;return!1===a?void 0:"string"==typeof a?a:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const a of t.keys())this.hasOwnProperty(a)&&(e.set(a,this[a]),delete this[a]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(Be)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const a of t){const t=document.createElement("style"),o=De.litNonce;void 0!==o&&t.setAttribute("nonce",o),t.textContent=a.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,a){this._$AK(e,a)}_$ET(e,t){const a=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,a);if(void 0!==o&&!0===a.reflect){const i=(void 0!==a.converter?.toAttribute?a.converter:tt).toAttribute(t,a.type);this._$Em=e,null==i?this.removeAttribute(o):this.setAttribute(o,i),this._$Em=null}}_$AK(e,t){const a=this.constructor,o=a._$Eh.get(e);if(void 0!==o&&this._$Em!==o){const e=a.getPropertyOptions(o),i="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:tt;this._$Em=o;const r=i.fromAttribute(t,e.type);this[o]=r??this._$Ej?.get(o)??r,this._$Em=null}}requestUpdate(e,t,a){if(void 0!==e){const o=this.constructor,i=this[e];if(a??=o.getPropertyOptions(e),!((a.hasChanged??at)(i,t)||a.useDefault&&a.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,a))))return;this.C(e,t,a)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:a,reflect:o,wrapped:i},r){a&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,r??t??this[e]),!0!==i||void 0!==r)||(this._$AL.has(e)||(this.hasUpdated||a||(t=void 0),this._$AL.set(e,t)),!0===o&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,a]of e){const{wrapped:e}=a,o=this[t];!0!==e||this._$AL.has(t)||void 0===o||this.C(t,void 0,a,o)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}}it.elementStyles=[],it.shadowRootOptions={mode:"open"},it[et("elementProperties")]=new Map,it[et("finalized")]=new Map,Qe?.({ReactiveElement:it}),(Xe.reactiveElementVersions??=[]).push("2.1.1");
+ */Symbol.metadata??=Symbol("metadata"),Qe.litPropertyMetadata??=new WeakMap;class nt extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=st){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const a=Symbol(),o=this.getPropertyDescriptor(e,a,t);void 0!==o&&Ze(this.prototype,e,o)}}static getPropertyDescriptor(e,t,a){const{get:o,set:i}=Ge(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:o,set(t){const r=o?.call(this);i?.call(this,t),this.requestUpdate(e,r,a)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??st}static _$Ei(){if(this.hasOwnProperty(ot("elementProperties")))return;const e=Je(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(ot("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ot("properties"))){const e=this.properties,t=[...Xe(e),...Ye(e)];for(const a of t)this.createProperty(a,e[a])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,a]of t)this.elementProperties.set(e,a)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const a=this._$Eu(e,t);void 0!==a&&this._$Eh.set(a,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const a=new Set(e.flat(1/0).reverse());for(const e of a)t.unshift(je(e))}else void 0!==e&&t.push(je(e));return t}static _$Eu(e,t){const a=t.attribute;return!1===a?void 0:"string"==typeof a?a:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const a of t.keys())this.hasOwnProperty(a)&&(e.set(a,this[a]),delete this[a]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(Fe)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const a of t){const t=document.createElement("style"),o=Re.litNonce;void 0!==o&&t.setAttribute("nonce",o),t.textContent=a.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,a){this._$AK(e,a)}_$ET(e,t){const a=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,a);if(void 0!==o&&!0===a.reflect){const i=(void 0!==a.converter?.toAttribute?a.converter:it).toAttribute(t,a.type);this._$Em=e,null==i?this.removeAttribute(o):this.setAttribute(o,i),this._$Em=null}}_$AK(e,t){const a=this.constructor,o=a._$Eh.get(e);if(void 0!==o&&this._$Em!==o){const e=a.getPropertyOptions(o),i="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:it;this._$Em=o;const r=i.fromAttribute(t,e.type);this[o]=r??this._$Ej?.get(o)??r,this._$Em=null}}requestUpdate(e,t,a){if(void 0!==e){const o=this.constructor,i=this[e];if(a??=o.getPropertyOptions(e),!((a.hasChanged??rt)(i,t)||a.useDefault&&a.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,a))))return;this.C(e,t,a)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:a,reflect:o,wrapped:i},r){a&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,r??t??this[e]),!0!==i||void 0!==r)||(this._$AL.has(e)||(this.hasUpdated||a||(t=void 0),this._$AL.set(e,t)),!0===o&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,a]of e){const{wrapped:e}=a,o=this[t];!0!==e||this._$AL.has(t)||void 0===o||this.C(t,void 0,a,o)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}}nt.elementStyles=[],nt.shadowRootOptions={mode:"open"},nt[ot("elementProperties")]=new Map,nt[ot("finalized")]=new Map,at?.({ReactiveElement:nt}),(Qe.reactiveElementVersions??=[]).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rt={attribute:!0,type:String,converter:tt,reflect:!1,hasChanged:at},st=(e=rt,t,a)=>{const{kind:o,metadata:i}=a;let r=globalThis.litPropertyMetadata.get(i);if(void 0===r&&globalThis.litPropertyMetadata.set(i,r=new Map),"setter"===o&&((e=Object.create(e)).wrapped=!0),r.set(a.name,e),"accessor"===o){const{name:o}=a;return{set(a){const i=t.get.call(this);t.set.call(this,a),this.requestUpdate(o,i,e)},init(t){return void 0!==t&&this.C(o,void 0,e,t),t}}}if("setter"===o){const{name:o}=a;return function(a){const i=this[o];t.call(this,a),this.requestUpdate(o,i,e)}}throw Error("Unsupported decorator location: "+o)};function nt(e){return(t,a)=>"object"==typeof a?st(e,t,a):((e,t,a)=>{const o=t.hasOwnProperty(a);return t.constructor.createProperty(a,e),o?Object.getOwnPropertyDescriptor(t,a):void 0})(e,t,a)}
+const lt={attribute:!0,type:String,converter:it,reflect:!1,hasChanged:rt},ct=(e=lt,t,a)=>{const{kind:o,metadata:i}=a;let r=globalThis.litPropertyMetadata.get(i);if(void 0===r&&globalThis.litPropertyMetadata.set(i,r=new Map),"setter"===o&&((e=Object.create(e)).wrapped=!0),r.set(a.name,e),"accessor"===o){const{name:o}=a;return{set(a){const i=t.get.call(this);t.set.call(this,a),this.requestUpdate(o,i,e)},init(t){return void 0!==t&&this.C(o,void 0,e,t),t}}}if("setter"===o){const{name:o}=a;return function(a){const i=this[o];t.call(this,a),this.requestUpdate(o,i,e)}}throw Error("Unsupported decorator location: "+o)};function dt(e){return(t,a)=>"object"==typeof a?ct(e,t,a):((e,t,a)=>{const o=t.hasOwnProperty(a);return t.constructor.createProperty(a,e),o?Object.getOwnPropertyDescriptor(t,a):void 0})(e,t,a)}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function lt(e){return nt({...e,state:!0,attribute:!1})}
+ */function ht(e){return dt({...e,state:!0,attribute:!1})}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const ct=(e,t,a)=>(a.configurable=!0,a.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,a),a);
+ */const mt=(e,t,a)=>(a.configurable=!0,a.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,a),a);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function dt(e,t){return(t,a,o)=>ct(t,a,{get(){return(t=>t.renderRoot?.querySelector(e)??null)(this)}})}
+ */function pt(e,t){return(t,a,o)=>mt(t,a,{get(){return(t=>t.renderRoot?.querySelector(e)??null)(this)}})}
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const ht={small:{containerHeight:e("var(--m3e-app-bar-small-container-height, 4rem)"),titleTextFontSize:e(`var(--m3e-app-bar-small-title-text-font-size, ${l.typescale.standard.title.large.fontSize})`),titleTextFontWeight:e(`var(--m3e-app-bar-small-title-text-font-weight, ${l.typescale.standard.title.large.fontWeight})`),titleTextLineHeight:e(`var(--m3e-app-bar-small-title-text-line-height, ${l.typescale.standard.title.large.lineHeight})`),titleTextTracking:e(`var(--m3e-app-bar-small-subtitle-text-tracking, ${l.typescale.standard.title.large.tracking})`),subtitleTextFontSize:e(`var(--m3e-app-bar-small-subtitle-text-font-size, ${l.typescale.standard.label.medium.fontSize})`),subtitleTextFontWeight:e(`var(--m3e-app-bar-small-subtitle-text-font-weight, ${l.typescale.standard.label.medium.fontWeight})`),subtitleTextLineHeight:e(`var(--m3e-app-bar-small-subtitle-text-line-height, ${l.typescale.standard.label.medium.lineHeight})`),subtitleTextTracking:e(`var(--m3e-app-bar-small-subtitle-text-tracking, ${l.typescale.standard.label.medium.tracking})`),headingPaddingLeft:e("var(--m3e-app-bar-small-heading-padding-left, 0.25rem)"),headingPaddingRight:e("var(--m3e-app-bar-small-heading-padding-right, 0.25rem)")},medium:{containerHeight:e("var(--m3e-app-bar-medium-container-height, 7rem)"),containerHeightWithSubtitle:e("var(--m3e-app-bar-medium-container-height-with-subtitle, 8.5rem)"),titleTextFontSize:e(`var(--m3e-app-bar-medium-title-text-font-size, ${l.typescale.standard.headline.medium.fontSize})`),titleTextFontWeight:e(`var(--m3e-app-bar-medium-title-text-font-weight, ${l.typescale.standard.headline.medium.fontWeight})`),titleTextLineHeight:e(`var(--m3e-app-bar-medium-title-text-line-height, ${l.typescale.standard.headline.medium.lineHeight})`),titleTextTracking:e(`var(--m3e-app-bar-medium-subtitle-text-tracking, ${l.typescale.standard.headline.medium.tracking})`),subtitleTextFontSize:e(`var(--m3e-app-bar-medium-subtitle-text-font-size, ${l.typescale.standard.title.small.fontSize})`),subtitleTextFontWeight:e(`var(--m3e-app-bar-medium-subtitle-text-font-weight, ${l.typescale.standard.title.small.fontWeight})`),subtitleTextLineHeight:e(`var(--m3e-app-bar-medium-subtitle-text-line-height, ${l.typescale.standard.title.small.lineHeight})`),subtitleTextTracking:e(`var(--m3e-app-bar-medium-subtitle-text-tracking, ${l.typescale.standard.title.small.tracking})`),headingPaddingLeft:e("var(--m3e-app-bar-medium-heading-padding-left, 1rem)"),headingPaddingRight:e("var(--m3e-app-bar-medium-heading-padding-right, 0.25rem)"),paddingTop:e("var(--m3e-app-bar-medium-padding-top, 0.5rem)"),paddingBottom:e("var(--m3e-app-bar-medium-padding-bottom, 0.75rem)"),titleMaxLines:e("var(--m3e-app-bar-medium-title-max-lines, 2)"),subtitleMaxLines:e("var(--m3e-app-bar-medium-subtitle-max-lines, 1)")},large:{containerHeight:e("var(--m3e-app-bar-large-container-height, 7.5rem)"),containerHeightWithSubtitle:e("var(--m3e-app-bar-large-container-height-with-subtitle, 9.5rem)"),titleTextFontSize:e(`var(--m3e-app-bar-large-title-text-font-size, ${l.typescale.standard.display.small.fontSize})`),titleTextFontWeight:e(`var(--m3e-app-bar-large-title-text-font-weight, ${l.typescale.standard.display.small.fontWeight})`),titleTextLineHeight:e(`var(--m3e-app-bar-large-title-text-line-height, ${l.typescale.standard.display.small.lineHeight})`),titleTextTracking:e(`var(--m3e-app-bar-large-subtitle-text-tracking, ${l.typescale.standard.display.small.tracking})`),subtitleTextFontSize:e(`var(--m3e-app-bar-large-subtitle-text-font-size, ${l.typescale.standard.title.medium.fontSize})`),subtitleTextFontWeight:e(`var(--m3e-app-bar-large-subtitle-text-font-weight, ${l.typescale.standard.title.medium.fontWeight})`),subtitleTextLineHeight:e(`var(--m3e-app-bar-large-subtitle-text-line-height, ${l.typescale.standard.title.medium.lineHeight})`),subtitleTextTracking:e(`var(--m3e-app-bar-large-subtitle-text-tracking, ${l.typescale.standard.title.medium.tracking})`),headingPaddingLeft:e("var(--m3e-app-bar-large-heading-padding-left, 1rem)"),headingPaddingRight:e("var(--m3e-app-bar-large-heading-padding-right, 0.25rem)"),paddingTop:e("var(--m3e-app-bar-large-padding-top, 0.5rem)"),paddingBottom:e("var(--m3e-app-bar-large-padding-bottom, 0.75rem)"),titleMaxLines:e("var(--m3e-app-bar-large-title-max-lines, 2)"),subtitleMaxLines:e("var(--m3e-app-bar-large-subtitle-max-lines, 1)")}};function mt(a){return t`:host([size="${e(a)}"]) .base:not(.with-subtitle) { min-height: ${ht[a].containerHeight}; } :host([size="${e(a)}"]) .base.with-subtitle { min-height: ${ht[a].containerHeightWithSubtitle??ht[a].containerHeight}; } :host([size="${e(a)}"]) .title { font-size: ${ht[a].titleTextFontSize}; font-weight: ${ht[a].titleTextFontWeight}; line-height: ${ht[a].titleTextLineHeight}; letter-spacing: ${ht[a].titleTextTracking}; } :host([size="${e(a)}"]) .subtitle { font-size: ${ht[a].subtitleTextFontSize}; font-weight: ${ht[a].subtitleTextFontWeight}; line-height: ${ht[a].subtitleTextLineHeight}; letter-spacing: ${ht[a].subtitleTextTracking}; } :host(:not([centered])[size="${e(a)}"]) .label { padding-inline-start: ${ht[a].headingPaddingLeft}; padding-inline-end: ${ht[a].headingPaddingRight}; } :host([centered][size="${e(a)}"]) .label { padding-inline: ${ht[a].headingPaddingLeft}; } :host([size="${e(a)}"]) .base { padding-block-start: ${ht[a].paddingTop??e("unset")}; padding-block-end: ${ht[a].paddingBottom??e("unset")}; } ${ht[a].titleMaxLines?t`:host([size="${e(a)}"]) .title { display: -webkit-box; -webkit-line-clamp: ${ht[a].titleMaxLines}; -webkit-box-orient: vertical; overflow: hidden; line-clamp: ${ht[a].titleMaxLines}; }`:t``} ${ht[a].subtitleMaxLines?t`:host([size="${e(a)}"]) .subtitle { display: -webkit-box; -webkit-line-clamp: ${ht[a].subtitleMaxLines}; -webkit-box-orient: vertical; overflow: hidden; line-clamp: ${ht[a].subtitleMaxLines}; }`:t``}`}const pt=[mt("small"),mt("medium"),mt("large")],ut=e(`var(--m3e-app-bar-container-color, ${l.color.surface})`),vt=e(`var(--m3e-app-bar-container-color-on-scroll, ${l.color.surfaceContainer})`),bt=e(`var(--m3e-app-bar-container-elevation, ${l.elevation.level0})`),ft=e(`var(--m3e-app-bar-container-elevation-on-scroll, ${l.elevation.level1})`),gt=e(`var(--m3e-app-bar-title-text-color, ${l.color.onSurface})`),yt=e(`var(--m3e-app-bar-subtitle-text-color, ${l.color.onSurfaceVariant})`),$t=e("var(--m3e-app-bar-padding-left, 0.25rem)"),xt=e("var(--m3e-app-bar-padding-right, 0.25rem)"),wt=t`:host { display: block; flex: none; } :host([size="small"]) .base, :host(:not([size="small"]):not([centered])) .heading { padding-inline-start: ${$t}; padding-inline-end: ${xt}; } .base { box-sizing: border-box; display: flex; transition: ${e(`background-color ${l.motion.duration.medium1} ${l.motion.easing.standard},\n      box-shadow ${l.motion.duration.medium1} ${l.motion.easing.standard}`)}; } .base:not(.on-scroll) { background-color: ${ut}; box-shadow: ${bt}; } .base.on-scroll { background-color: ${vt}; box-shadow: ${ft}; } .leading-icon, .trailing-icon { display: flex; flex: none; align-items: center; } .leading-icon { min-width: var(--_leading-icon-min-width); } .trailing-icon { min-width: var(--_trailing-icon-min-width); } .heading { display: flex; align-items: center; } :host([size="small"]) .heading { flex: 1 1 auto; } .spacer { flex: 1 1 auto; } .label { display: flex; flex-direction: column; flex: none; } .title { color: ${gt}; } .subtitle { color: ${yt}; } .base:not(.with-title) .title, .base:not(.with-subtitle) .subtitle, .base:not(.with-title):not(.with-subtitle) .label, .base:not(.with-trailing-icon) .trailing-icon { display: none; } :host([size="small"]) .base { align-items: center; } :host([size="small"]) .heading { min-width: 0; } :host([size="small"]) .label { flex: 1 1 auto; min-width: 0; } :host([size="small"]) .title, :host([size="small"]) .subtitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :host(:not([size="small"])) .base { flex-direction: column; } :host([centered]) .title, :host([centered]) .subtitle { text-align: center; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } .base:not(.on-scroll), .base.on-scroll { background-color: Canvas; box-shadow: unset; } .title { color: CanvasText; } .subtitle { color: FieldText; } }`;var kt,Ct,St,_t,Lt,zt,Et,Mt,Tt,Pt,It;let At=class extends(c(d(a,"banner"))){constructor(){super(...arguments),kt.add(this),Ct.set(this,e=>this._updateScroll(e)),St.set(this,()=>He(this,kt,"m",Pt).call(this)),this.centered=!1,this.size="small"}attach(e){super.attach(e),e instanceof HTMLIFrameElement?(e.addEventListener("load",He(this,St,"f")),He(this,kt,"m",Pt).call(this)):e.addEventListener("scroll",He(this,Ct,"f"),{passive:!0})}detach(){this.control instanceof HTMLIFrameElement&&(this.control.removeEventListener("load",He(this,St,"f")),this.control.contentDocument?.removeEventListener("scroll",He(this,Ct,"f"))),this.control&&this.control.removeEventListener("scroll",He(this,Ct,"f")),super.detach()}updated(e){super.updated(e),(e.has("centered")||e.has("size"))&&(this.centered&&"small"===this.size?He(this,kt,"m",Tt).call(this):He(this,kt,"m",Mt).call(this))}render(){return"small"===this.size?o`<div class="base"><div class="leading-icon"><slot name="leading-icon" @slotchange="${He(this,kt,"m",zt)}"></slot></div><div class="heading"><div class="label"><div class="title"><slot name="title" @slotchange="${He(this,kt,"m",_t)}"></slot></div><div class="subtitle"><slot name="subtitle" @slotchange="${He(this,kt,"m",Lt)}"></slot></div></div></div><div class="trailing-icon"><slot name="trailing-icon" @slotchange="${He(this,kt,"m",Et)}"></slot></div></div>`:o`<div class="base"><div class="heading"><div class="leading-icon"><slot name="leading-icon" @slotchange="${He(this,kt,"m",zt)}"></slot></div><div class="spacer"></div><div class="trailing-icon"><slot name="trailing-icon" @slotchange="${He(this,kt,"m",Et)}"></slot></div></div><div class="spacer"></div><div class="label"><div class="title"><slot name="title" @slotchange="${He(this,kt,"m",_t)}"></slot></div><div class="subtitle"><slot name="subtitle" @slotchange="${He(this,kt,"m",Lt)}"></slot></div></div></div>`}_updateScroll(e){let t=0;this.control instanceof HTMLIFrameElement?t=He(this,kt,"m",It).call(this,this.control):e.target instanceof HTMLElement&&(t=e.target.scrollTop),this._base?.classList.toggle("on-scroll",t>0)}};var Wt,Ht,Ot,Dt,Bt,qt,Rt,Ft,Vt,Ut,Nt,jt,Kt,Zt,Gt,Xt,Yt,Jt,Qt,ea,ta,aa,oa,ia,ra,sa,na,la,ca,da,ha,ma,pa,ua,va,ba,fa,ga,ya;Ct=new WeakMap,St=new WeakMap,kt=new WeakSet,_t=function(e){this._base?.classList.toggle("with-title",p(e.target))},Lt=function(e){this._base?.classList.toggle("with-subtitle",p(e.target))},zt=function(e){this._base?.classList.toggle("with-leading-icon",p(e.target)),this.centered&&"small"===this.size&&setTimeout(()=>He(this,kt,"m",Tt).call(this),40)},Et=function(e){this._base?.classList.toggle("with-trailing-icon",p(e.target)),this.centered&&"small"===this.size&&setTimeout(()=>He(this,kt,"m",Tt).call(this),40)},Mt=function(){this._base?.style.removeProperty("--_leading-icon-min-width"),this._base?.style.removeProperty("--_trailing-icon-min-width")},Tt=function(){He(this,kt,"m",Mt).call(this);const e=this._leadingIcon?.getBoundingClientRect().width??0,t=this._trailingIcon?.getBoundingClientRect().width??0;e<t?this._base?.style.setProperty("--_leading-icon-min-width",`${t}px`):e>t&&this._base?.style.setProperty("--_trailing-icon-min-width",`${e}px`)},Pt=function(){this.control instanceof HTMLIFrameElement&&(this.control.contentDocument?.addEventListener("scroll",He(this,Ct,"f"),{passive:!0}),this._base?.classList.toggle("on-scroll",He(this,kt,"m",It).call(this,this.control)>0))},It=function(e){return Math.max(e.contentDocument?.documentElement?.scrollTop??0,e.contentDocument?.body?.scrollTop??0)},At.styles=[wt,pt],We([dt(".base")],At.prototype,"_base",void 0),We([dt(".leading-icon")],At.prototype,"_leadingIcon",void 0),We([dt(".trailing-icon")],At.prototype,"_trailingIcon",void 0),We([nt({type:Boolean,reflect:!0})],At.prototype,"centered",void 0),We([nt({reflect:!0})],At.prototype,"size",void 0),We([h(40)],At.prototype,"_updateScroll",null),At=We([m("m3e-app-bar")],At);let $a=ya=class extends(c(a)){constructor(){super(...arguments),Wt.add(this),Ht.set(this,`m3e-autocomplete-${ya.__nextId}`),Ot.set(this,`${He(this,Ht,"f")}-menu`),Dt.set(this,!1),Bt.set(this,void 0),qt.set(this,void 0),Rt.set(this,!1),Ft.set(this,()=>He(this,Wt,"m",aa).call(this)),Vt.set(this,()=>He(this,Wt,"m",oa).call(this)),Ut.set(this,()=>He(this,Wt,"m",ia).call(this)),Nt.set(this,()=>He(this,Wt,"m",ra).call(this)),jt.set(this,e=>He(this,Wt,"m",la).call(this,e)),Kt.set(this,e=>He(this,Wt,"m",sa).call(this,e)),Zt.set(this,()=>He(this,Wt,"m",na).call(this)),Gt.set(this,e=>He(this,Wt,"m",da).call(this,e)),Xt.set(this,e=>He(this,Wt,"m",ca).call(this,e)),this._listKeyManager=(new be).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withSkipPredicate(e=>e.disabled||"none"===e.style.display).onActiveItemChange(()=>{this._listKeyManager.activeItem&&He(this,Wt,"m",ua).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.required=!1,this.autoActivate=!1}get options(){return this._listKeyManager?.items??[]}attach(e){e instanceof HTMLInputElement&&(super.attach(e),e.autocomplete="off",e.role="combobox",e.ariaAutoComplete="list",e.ariaExpanded="false",e.addEventListener("click",He(this,Ft,"f")),e.addEventListener("focus",He(this,Ut,"f")),e.addEventListener("blur",He(this,Nt,"f")),e.addEventListener("keydown",He(this,jt,"f")),e.addEventListener("input",He(this,Kt,"f")),e.addEventListener("change",He(this,Zt,"f")),He(this,Wt,"a",ea)?.addEventListener("pointerdown",He(this,Vt,"f")))}detach(){this.control&&(He(this,Wt,"a",ea)?.removeEventListener("pointerdown",He(this,Vt,"f")),this.control.role=null,this.control.ariaAutoComplete=null,this.control.ariaExpanded=null,this.control.removeEventListener("click",He(this,Ft,"f")),this.control.removeEventListener("focus",He(this,Ut,"f")),this.control.removeEventListener("blur",He(this,Nt,"f")),this.control.removeEventListener("keydown",He(this,jt,"f")),this.control.removeEventListener("input",He(this,Kt,"f")),this.control.removeEventListener("change",He(this,Zt,"f"))),super.detach()}clear(e=!1){He(this,Wt,"a",Yt)&&(He(this,Wt,"a",Yt).value="",He(this,qt,"f")&&(He(this,qt,"f").term=""),He(this,Wt,"m",ba).call(this),e?He(this,Wt,"a",Yt).focus():He(this,Wt,"m",pa).call(this))}render(){return o`<div class="options" role="listbox"><slot @slotchange="${He(this,Wt,"m",ta)}"></slot></div>`}};Ht=new WeakMap,Ot=new WeakMap,Dt=new WeakMap,Bt=new WeakMap,qt=new WeakMap,Rt=new WeakMap,Ft=new WeakMap,Vt=new WeakMap,Ut=new WeakMap,Nt=new WeakMap,jt=new WeakMap,Kt=new WeakMap,Zt=new WeakMap,Gt=new WeakMap,Xt=new WeakMap,Wt=new WeakSet,Yt=function(){return this.control?this.control:null},Jt=function(){return this.options.some(e=>"none"!==e.style.display)},Qt=function(){const e=He(this,Wt,"a",ea);return`${e?e.menuAnchor.clientWidth:this.control?.clientWidth??0}px`},ea=function(){return this.control?.closest("m3e-form-field")??null},ta=function(){if(He(this,Bt,"f"))return;const{added:e}=this._listKeyManager.setItems([...this.querySelectorAll("m3e-option")]);e.forEach(e=>{e.id=e.id||`${He(this,Ht,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,u(e,"-hide-selection-indicator",this.hideSelectionIndicator)})},aa=function(){Oe(this,Dt,!0,"f"),He(this,Wt,"m",ma).call(this)},oa=function(){Oe(this,Rt,!0,"f")},ia=function(){Oe(this,Dt,!0,"f"),He(this,Wt,"m",ma).call(this)},ra=function(){He(this,Rt,"f")||He(this,Wt,"m",pa).call(this),Oe(this,Rt,!1,"f")},sa=function(e){He(this,Wt,"a",Yt)&&!e.defaultPrevented&&(He(this,qt,"f")&&(He(this,qt,"f").term=He(this,Wt,"a",Yt).value),He(this,Wt,"m",ba).call(this),He(this,Bt,"f")?He(this,Wt,"a",Jt)||He(this,Wt,"m",pa).call(this):He(this,Wt,"m",ma).call(this),He(this,Wt,"a",ea)?.notifyControlStateChange(!0))},na=function(){He(this,Wt,"a",Yt)&&this.required&&!this.options.some(e=>e.selected&&!e.disabled)&&(He(this,Wt,"a",Yt).value="")},la=function(e){if(!e.defaultPrevented)switch(Oe(this,Dt,!1,"f"),e.key){case"Backspace":case"Delete":He(this,Wt,"a",Yt)&&!He(this,Wt,"a",Yt).value&&He(this,Wt,"m",pa).call(this);break;case"Enter":He(this,Bt,"f")&&this._listKeyManager.activeItem?(e.preventDefault(),He(this,Wt,"m",va).call(this,this._listKeyManager.activeItem),v()?He(this,Wt,"m",pa).call(this):setTimeout(()=>He(this,Wt,"m",pa).call(this),150)):He(this,Bt,"f")&&setTimeout(()=>{He(this,Wt,"a",Yt)&&!He(this,Wt,"a",Yt).value&&He(this,Wt,"m",pa).call(this)});break;case"Escape":case"Tab":He(this,Wt,"m",pa).call(this);break;case"Up":case"ArrowUp":e.altKey?He(this,Wt,"m",pa).call(this):this._listKeyManager.onKeyDown(e);break;case"Down":case"ArrowDown":He(this,Bt,"f")?this._listKeyManager.onKeyDown(e):(He(this,Wt,"m",ma).call(this),e.preventDefault());break;default:this._listKeyManager.onKeyDown(e)}},ca=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&&(this._listKeyManager.setActiveItem(t),He(this,Wt,"m",va).call(this,t),v()?He(this,Wt,"m",pa).call(this):setTimeout(()=>He(this,Wt,"m",pa).call(this),150))},da=function(e){if(He(this,Bt,"f"))if("closed"!==e.newState){const t=this.options.find(e=>e.selected&&!e.disabled);t?(this._listKeyManager.setActiveItem(t),b(t,He(this,Bt,"f"))):He(this,Wt,"m",fa).call(this),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else v()?He(this,Wt,"m",ha).call(this,e):setTimeout(()=>He(this,Wt,"m",ha).call(this,e),100)},ha=function(e){He(this,Bt,"f")&&He(this,qt,"f")&&([...He(this,qt,"f").childNodes].forEach(e=>this.append(e)),He(this,qt,"f").remove(),He(this,Bt,"f").remove(),He(this,Bt,"f").removeEventListener("toggle",He(this,Gt,"f")),He(this,Bt,"f").removeEventListener("pointerdown",He(this,Xt,"f")),Oe(this,Bt,void 0,"f"),Oe(this,qt,void 0,"f"),He(this,Wt,"a",Yt)&&(He(this,Wt,"a",Yt).ariaExpanded="false",He(this,Wt,"a",Yt).removeAttribute("aria-controls"),He(this,Wt,"a",Yt).removeAttribute("aria-owns")),this.requestUpdate(),He(this,Wt,"a",ea)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState})))},ma=function(){if(He(this,Bt,"f")||!He(this,Wt,"a",Yt)||He(this,Wt,"a",Yt).readOnly||He(this,Wt,"a",Yt).disabled||!He(this,Wt,"a",Jt))return;He(this,Wt,"m",ba).call(this),Oe(this,Bt,document.createElement("m3e-option-panel"),"f"),He(this,Bt,"f").id=He(this,Ot,"f"),He(this,Bt,"f").style.overflowX="hidden",He(this,Bt,"f").style.minWidth=He(this,Wt,"a",Qt),He(this,Bt,"f").addEventListener("toggle",He(this,Gt,"f")),He(this,Bt,"f").addEventListener("pointerdown",He(this,Xt,"f")),Oe(this,qt,document.createElement("m3e-text-highlight"),"f"),He(this,qt,"f").term=He(this,Wt,"a",Yt).value,He(this,Bt,"f").appendChild(He(this,qt,"f"));for(const e of[...this.childNodes])He(this,qt,"f").append(e);(He(this,Wt,"a",ea)??He(this,Wt,"a",Yt)).insertAdjacentElement("afterend",He(this,Bt,"f")),He(this,Wt,"a",Yt).setAttribute("aria-controls",He(this,Ot,"f")),He(this,Wt,"a",Yt).setAttribute("aria-owns",He(this,Ot,"f")),He(this,Wt,"a",ea)?.notifyControlStateChange(),this._listKeyManager.activeItem&&this.autoActivate&&He(this,Wt,"m",ua).call(this,this._listKeyManager.activeItem,!0);const e=He(this,Wt,"a",Yt);setTimeout(()=>He(this,Bt,"f")?.show(e,He(this,Wt,"a",ea)?.menuAnchor))},pa=function(){He(this,Bt,"f")?.hide(),He(this,Wt,"a",Yt)?.removeAttribute("aria-activedescendant")},ua=function(e,t=!1){if(He(this,Wt,"a",Yt)&&(He(this,Wt,"a",Yt).setAttribute("aria-activedescendant",e.id),He(this,Bt,"f"))){b(e,He(this,Bt,"f"),{block:"nearest",behavior:"instant"});const a=t||!He(this,Dt,"f")&&(He(this,Wt,"a",Yt).matches(":focus-visible")||f());this.options.forEach(t=>{t===e&&a?(t.focusRing?.show(),t.stateLayer?.show("focused")):(t.focusRing?.hide(),t.stateLayer?.hide("focused"))})}},va=function(e){e.selected||(e.selected=!0,e.requestUpdate(),this.requestUpdate(),He(this,Wt,"a",Yt)&&(He(this,Wt,"a",Yt).value=e.value),He(this,Wt,"a",ea)?.notifyControlStateChange(!0))},ba=function(){if(!He(this,Wt,"a",Yt))return;const e=He(this,Wt,"a",Yt).value.toLocaleLowerCase();let t,a=!1;for(const o of this.options){const i=o.value.toLocaleLowerCase(),r=!i.includes(e);o.style.display=r?"none":"",r?(He(this,Wt,"m",ga).call(this,o),g(o,"-first"),g(o,"-last")):a?(g(o,"-first"),t&&g(t,"-last"),y(o,"-last"),t=o):(y(o,"-first"),a=!0,y(o,"-last"),t=o),o.selected&&i!==e&&(o.selected=!1)}const o=He(this,Bt,"f")?.querySelectorAll("m3e-optgroup")??this.querySelectorAll("m3e-optgroup");for(const e of o){const t=[...e.querySelectorAll("m3e-option")].every(e=>"none"===e.style.display);e.style.display=t?"none":""}He(this,Wt,"m",fa).call(this)},fa=function(){if(this.autoActivate&&(!this._listKeyManager.activeItem||!this._listKeyManager.activeItem.selected)){const e=this.options.find(e=>!e.disabled&&"none"!==e.style.display);e&&(this._listKeyManager.setActiveItem(e),He(this,Bt,"f")&&b(e,He(this,Bt,"f"),{block:"nearest",behavior:"instant"}))}},ga=function(e){e.focusRing?.hide(),e.stateLayer?.hide("focused"),e===this._listKeyManager.activeItem&&(this._listKeyManager.updateActiveItem(null),He(this,Wt,"a",Yt)?.removeAttribute("aria-activedescendant"))},$a.styles=t`:host { display: contents; } .options { display: none; }`,$a.__nextId=0,We([nt({attribute:"hide-selection-indicator",type:Boolean})],$a.prototype,"hideSelectionIndicator",void 0),We([nt({type:Boolean,reflect:!0})],$a.prototype,"required",void 0),We([nt({attribute:"auto-activate",type:Boolean})],$a.prototype,"autoActivate",void 0),$a=ya=We([m("m3e-autocomplete")],$a);let xa=class extends a{render(){return o`<div class="base"><slot></slot></div>`}};var wa,ka,Ca,Sa,_a,La;xa.styles=t`:host { display: inline-block; vertical-align: middle; aspect-ratio: 1 / 1; width: var(--m3e-avatar-size, 2.5rem); } .base { user-select: none; white-space: nowrap; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: var(--m3e-avatar-shape, ${l.shape.corner.full}); font-size: var(--m3e-avatar-font-size, ${l.typescale.standard.title.medium.fontSize}); font-weight: var(--m3e-avatar-font-weight, ${l.typescale.standard.title.medium.fontWeight}); line-height: var(--m3e-avatar-line-height, ${l.typescale.standard.title.medium.lineHeight}); letter-spacing: var(--m3e-avatar-tracking, ${l.typescale.standard.title.medium.tracking}); background-color: var(--m3e-avatar-color, ${l.color.primaryContainer}); color: var(--m3e-avatar-label-color, ${l.color.onPrimaryContainer}); } ::slotted(img) { display: block; margin: 0 auto; overflow: hidden; object-fit: cover; width: 100%; height: 100%; }`,xa=We([m("m3e-avatar")],xa);let za=class extends(c(a)){constructor(){super(...arguments),wa.add(this),ka.set(this,void 0),Ca.set(this,void 0),this.size="medium",this.position="above-after"}attach(e){super.attach(e),He(this,wa,"m",La).call(this)}detach(){super.detach(),He(this,wa,"m",_a).call(this)}connectedCallback(){super.connectedCallback(),Oe(this,ka,Le.observe(()=>He(this,wa,"m",La).call(this)),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,ka,"f")?.call(this)}update(e){super.update(e),(e.has("position")||e.has("size")||e.has("htmlFor"))&&He(this,wa,"m",La).call(this)}render(){return o`<div class="base"><slot @slotchange="${He(this,wa,"m",Sa)}"><span aria-hidden="true">&nbsp;</span></slot></div>`}};ka=new WeakMap,Ca=new WeakMap,wa=new WeakSet,Sa=function(){this.isConnected&&this.style.setProperty("--_badge-padding",this.textContent&&this.textContent.length>2?"0 "+("medium"===this.size?"0.25rem":"large"===this.size?"0.5rem":"0"):"")},_a=function(){He(this,Ca,"f")?.call(this),Oe(this,Ca,void 0,"f")},La=async function(){if(He(this,wa,"m",_a).call(this),!this.control)return;let e="top-end";switch(this.position){case"above":e="top";break;case"above-before":e="top-start";break;case"after":e="right";break;case"before":e="left";break;case"below":e="bottom";break;case"below-after":e="bottom-end";break;case"below-before":e="bottom-start"}Oe(this,Ca,await ze(this,this.control,{position:e},(e,t)=>{this.position.includes("before")&&"before"!==this.position&&("rtl"===Le.current?e+=this.clientWidth:e-=this.clientWidth),this.position.includes("after")&&"after"!==this.position&&("rtl"===Le.current?e-=this.clientWidth:e+=this.clientWidth),this.style.left=`${e}px`,this.style.top=`${t}px`}),"f")},za.styles=t`:host { display: inline-block; vertical-align: baseline; } .base { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; vertical-align: baseline; box-sizing: border-box; user-select: none; padding: var(--_badge-padding); border-radius: var(--m3e-badge-shape, ${l.shape.corner.full}); color: var(--m3e-badge-color, ${l.color.onError}); background-color: var(--m3e-badge-container-color, ${l.color.error}); } :host([for]) { position: absolute; z-index: 1; } :host([for][position="above"]) { transform: translateY(var(--_badge-offset, 0px)); } :host([for][position="above-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="above-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="below"]) { transform: translateY(calc(0px - var(--_badge-offset, 0px))); } :host([for][position="below-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="before"]:not(:dir(rtl))), :host([for][position="after"]:dir(rtl)) { transform: translateX(var(--_badge-offset, 0px)); } :host([for][position="before"]:dir(rtl)), :host([for][position="after"]:not(:dir(rtl))) { transform: translateX(calc(0px - var(--_badge-offset, 0px))); } :host([size="small"]) { height: var(--m3e-badge-small-size, 0.375rem); max-height: var(--m3e-badge-small-size, 0.375rem); width: var(--m3e-badge-small-size, 0.375rem); min-width: var(--m3e-badge-small-size, 0.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.375rem); } :host([size="small"]) .base { font-size: 0; } :host([size="medium"]) { height: var(--m3e-badge-medium-size, 1.375rem); min-width: var(--m3e-badge-medium-size, 1.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.75rem); } :host([size="medium"]) .base { font-size: var(--m3e-badge-medium-font-size, ${l.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-badge-medium-font-weight, ${l.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-badge-medium-line-height, ${l.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-badge-medium-tracking, ${l.typescale.standard.label.small.tracking}); } :host([size="large"]) { height: var(--m3e-badge-large-size, 1.75rem); min-width: var(--m3e-badge-large-size, 1.75rem); --_badge-offset: var(--m3e-badge-small-offset, 1rem); } :host([size="large"]) .base { font-size: var(--m3e-badge-large-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-badge-large-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-badge-large-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-badge-large-tracking, ${l.typescale.standard.label.large.tracking}); } @media (forced-colors: active) { .base { background-color: ButtonFace; color: ButtonText; outline: 1px solid ButtonText; } }`,We([nt({reflect:!0})],za.prototype,"size",void 0),We([nt({reflect:!0})],za.prototype,"position",void 0),za=We([m("m3e-badge")],za);let Ea=class extends ${_onClick(){this.closest("m3e-bottom-sheet")?.hide()}};var Ma,Ta,Pa,Ia,Aa,Wa,Ha,Oa,Da,Ba,qa,Ra,Fa,Va,Ua,Na,ja,Ka,Za,Ga,Xa,Ya,Ja,Qa,eo,to,ao,oo,io,ro,so,no,lo,co,ho,mo,po,uo,vo,bo;Ea=We([m("m3e-bottom-sheet-action")],Ea);let fo=bo=class extends(x(w(a),"opening","opened","cancel","closing","closed")){constructor(){super(...arguments),Ma.add(this),Ta.set(this,e=>He(this,Ma,"m",Xa).call(this,e)),Pa.set(this,e=>He(this,Ma,"m",Ya).call(this,e)),Ia.set(this,()=>He(this,Ma,"m",Ja).call(this)),Aa.set(this,new Array),Wa.set(this,new k),Ha.set(this,new C(this)),Oa.set(this,new S(this,{target:null,skipInitial:!0,callback:e=>He(this,Ma,"m",co).call(this,e)})),Da.set(this,null),Ba.set(this,void 0),qa.set(this,!1),Ra.set(this,0),Fa.set(this,void 0),Va.set(this,0),Ua.set(this,0),Na.set(this,void 0),this.modal=!1,this.open=!1,this.handle=!1,this.handleLabel="Drag handle",this.detents=[],this.detent=0,this.hideable=!1,this.hideFriction=.5}show(e=this.detent){this.open?void 0!==e&&He(this,Ra,"f")!==e&&He(this,Ma,"m",ho).call(this,e):(Oe(this,Fa,e,"f"),this.open=!0)}hide(){this.open=!1}toggle(e){this.open?this.hide():this.show(e)}cycle(){var e;this.open?this.detents.length>0?He(this,Ra,"f")<this.detents.length-1?(Oe(this,Ra,(e=He(this,Ra,"f"),++e),"f"),He(this,Ma,"m",ho).call(this,He(this,Ra,"f"))):this.hideable&&this.hide():this.hide():this.show()}connectedCallback(){super.connectedCallback(),y(this,"-no-animate")}update(e){super.update(e),e.has("modal")&&(this.role=this.modal?"dialog":"region",this.ariaModal=this.modal?"true":null,this.popover=this.modal?"manual":null)}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector(".content");t&&(Oe(this,Va,t.clientHeight,"f"),He(this,Oa,"f").observe(t));const a=this.shadowRoot?.querySelector(".header");a&&(Oe(this,Ua,a.clientHeight,"f"),He(this,Oa,"f").observe(a)),g(this,"-no-animate")}updated(e){if(super.updated(e),e.has("open")){if(this.open){if(!this.dispatchEvent(new Event("opening",{cancelable:!0})))return void(this.open=!1);bo.__openSheet!==this&&bo.__openSheet?.hide(),bo.__openSheet=this,this.inert=!1,window.addEventListener("resize",He(this,Ia,"f")),this.detents.length>0?(Oe(this,Ra,Math.min(Math.max(0,He(this,Fa,"f")??this.detent),this.detents.length-1),"f"),He(this,Ma,"m",po).call(this,He(this,Ma,"m",io).call(this,this.detents[He(this,Ra,"f")]))):He(this,Ma,"m",po).call(this,Math.min(He(this,Ma,"m",io).call(this,"fit"),He(this,Ma,"m",io).call(this,"half"))),Oe(this,Fa,void 0,"f")}else{if(!this.dispatchEvent(new Event("closing",{cancelable:!0})))return void(this.open=!0);requestAnimationFrame(()=>this.inert=!0),window.removeEventListener("resize",He(this,Ia,"f")),bo.__openSheet===this&&(bo.__openSheet=void 0)}if(this.modal)if(this.open){Oe(this,Da,document.activeElement,"f"),He(this,Ma,"m",uo).call(this),He(this,Ha,"f").lock(),this.showPopover(),requestAnimationFrame(()=>{document.addEventListener("click",He(this,Ta,"f")),document.addEventListener("keydown",He(this,Pa,"f"))});let e=this.querySelector("[autofocus]");e&&fe.isFocusable(e)||(e=this.shadowRoot?.querySelector(".handle")),e&&_(e)}else He(this,Ma,"m",mo).call(this,0).then(()=>{He(this,Ma,"m",vo).call(this),He(this,Ha,"f").unlock(),document.removeEventListener("click",He(this,Ta,"f")),document.removeEventListener("keydown",He(this,Pa,"f")),this.hidePopover(),He(this,Da,"f")instanceof HTMLElement&&He(this,Da,"f").focus(),Oe(this,Da,null,"f")});this.dispatchEvent(new Event(this.open?"opened":"closed"))}}render(){return o`<m3e-focus-trap ?disabled="${!this.modal}"><div class="base"><m3e-elevation class="elevation"></m3e-elevation><div class="header" @pointerdown="${He(this,Ma,"m",Ka)}" @pointermove="${He(this,Ma,"m",Za)}" @pointerup="${He(this,Ma,"m",Ga)}">${this.handle?o`<div class="handle-row"><div id="handle" class="handle" role="button" aria-label="${this.handleLabel}" tabindex="0" @click="${He(this,Ma,"m",Qa)}" @keydown="${He(this,Ma,"m",eo)}"><m3e-focus-ring class="focus-ring" for="handle"></m3e-focus-ring><div class="handle-touch" aria-hidden="true"></div></div></div>`:i}<slot name="header" @slotchange="${He(this,Ma,"m",ja)}"></slot></div><div class="body"><div class="content"><slot></slot></div></div></div></m3e-focus-trap>`}};Ta=new WeakMap,Pa=new WeakMap,Ia=new WeakMap,Aa=new WeakMap,Wa=new WeakMap,Ha=new WeakMap,Oa=new WeakMap,Da=new WeakMap,Ba=new WeakMap,qa=new WeakMap,Ra=new WeakMap,Fa=new WeakMap,Va=new WeakMap,Ua=new WeakMap,Na=new WeakMap,Ma=new WeakSet,ja=function(e){u(this,"has-header",p(e.target))},Ka=function(e){e.target instanceof HTMLElement&&fe.isFocusable(e.target)||(e.target.setPointerCapture(e.pointerId),e.target.style.cursor="grabbing",He(this,Wa,"f").reset(),He(this,Wa,"f").add(e.clientY),Oe(this,Ba,{startY:e.clientY,startHeight:this.clientHeight,maxHeight:He(this,Ma,"m",ro).call(this),minHeight:He(this,Ma,"m",so).call(this)},"f"),Oe(this,qa,!1,"f"))},Za=function(e){if(!He(this,Ba,"f"))return;if(Math.abs(e.clientY-He(this,Ba,"f").startY)<=8)return;(e.getCoalescedEvents?.()??[e]).forEach(t=>He(this,Wa,"f").add(t.clientY,e.timeStamp));let t=He(this,Ba,"f").startHeight-(e.clientY-He(this,Ba,"f").startY);if(t<He(this,Ba,"f").minHeight){const e=(He(this,Ba,"f").minHeight-t)*this.hideFriction;t=He(this,Ba,"f").minHeight-e}He(this,Ma,"m",po).call(this,Math.min(He(this,Ba,"f").maxHeight,t)),Oe(this,qa,!0,"f")},Ga=function(e){if(He(this,Ba,"f"))try{if(e.target.releasePointerCapture(e.pointerId),e.target.style.cursor="",!He(this,qa,"f"))return;const t="touch"===e.pointerType?1200:500,a=He(this,Wa,"f").getVelocity();if(He(this,Wa,"f").reset(),this.hideable&&a>=t)this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide();else if(Math.abs(a)>=t)if(this.detents.length>0){const e=He(this,Ma,"m",to).call(this);e!==He(this,Ra,"f")&&He(this,Ma,"m",ho).call(this,e)}else He(this,Ma,"m",mo).call(this,He(this,Ma,"m",io).call(this,"full"));else{const e=20;if(this.hideable){const t=He(this,Ba,"f").minHeight;if(this.clientHeight<t-e)return void this.hide()}this.detents.length>0?He(this,Ma,"m",ho).call(this,He(this,Ma,"m",oo).call(this)):this.clientHeight<He(this,Ba,"f").minHeight&&He(this,Ma,"m",mo).call(this,He(this,Ba,"f").minHeight)}}finally{Oe(this,Ba,void 0,"f")}},Xa=function(e){this.open&&this.modal&&!e.composedPath().includes(this)&&this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide()},Ya=function(e){this.open&&this.modal&&"Escape"===e.key&&!e.shiftKey&&!e.ctrlKey&&(e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},Ja=function(){if(this.detents.length>0&&"half"===this.detents[He(this,Ra,"f")])return void He(this,Ma,"m",po).call(this,He(this,Ma,"m",io).call(this,"half"));const e=He(this,Ma,"m",ro).call(this);(L(this,"-full")||this.clientHeight>e)&&He(this,Ma,"m",po).call(this,e)},Qa=function(){He(this,qa,"f")||this.cycle(),Oe(this,qa,!1,"f")},eo=function(e){if(!e.defaultPrevented&&ge(e))switch(e.key){case"Up":case"ArrowUp":if(e.preventDefault(),this.detents.length>0){const e=He(this,Ma,"m",to).call(this);e!==He(this,Ra,"f")&&He(this,Ma,"m",ho).call(this,e)}else He(this,Ma,"m",mo).call(this,He(this,Ma,"m",io).call(this,"full"));break;case"Down":case"ArrowDown":if(e.preventDefault(),this.detents.length>0){const e=He(this,Ma,"m",ao).call(this);e!==He(this,Ra,"f")?He(this,Ma,"m",ho).call(this,e):this.hideable&&this.hide()}else this.hideable&&this.hide()}},to=function(){const e=this.clientHeight;let t=1/0,a=He(this,Ra,"f");for(let o=0;o<this.detents.length;o++){if(o===He(this,Ra,"f"))continue;const i=He(this,Ma,"m",io).call(this,this.detents[o]);i>e&&i<t&&(t=i,a=o)}return a},ao=function(){const e=this.clientHeight;let t=-1/0,a=He(this,Ra,"f");for(let o=0;o<this.detents.length;o++){if(o===He(this,Ra,"f"))continue;const i=He(this,Ma,"m",io).call(this,this.detents[o]);i<e&&i>t&&(t=i,a=o)}return a},oo=function(){const e=this.clientHeight;let t=He(this,Ra,"f"),a=1/0;for(let o=0;o<this.detents.length;o++){const i=He(this,Ma,"m",io).call(this,this.detents[o]),r=Math.abs(e-i);r<a&&(a=r,t=o)}return t},io=function(e){switch(e){case"collapsed":return He(this,Ma,"m",so).call(this);case"half":return.5*He(this,Ma,"m",ro).call(this);case"full":return He(this,Ma,"m",ro).call(this);case"fit":return He(this,Ma,"m",lo).call(this)}return e.endsWith("%")?He(this,Ma,"m",ro).call(this)*(parseFloat(e)/100):e.endsWith("px")?parseFloat(e):He(this,Ma,"m",so).call(this)},ro=function(){const e=this.shadowRoot?.querySelector(".base");return window.innerHeight-(e?z(e,"var(--_bottom-sheet-top-space)"):0)},so=function(){return this.detents.includes("fit")&&!this.detents.includes("collapsed")?He(this,Ma,"m",lo).call(this):He(this,Ma,"m",no).call(this)},no=function(){const e=this.shadowRoot?.querySelector(".base");return He(this,Ua,"f")+(e?z(e,"var(--_bottom-sheet-peek-height)"):0)},lo=function(){const e=this.shadowRoot?.querySelector(".body");if(!e)return 0;const t=getComputedStyle(e);return He(this,Ua,"f")+He(this,Va,"f")+parseFloat(t.paddingBlockStart)+parseFloat(t.paddingBlockEnd)},co=function(e){const t=He(this,Va,"f"),a=He(this,Ua,"f");for(const t of e)t.target.classList.contains("content")?Oe(this,Va,(Array.isArray(t.borderBoxSize)?t.borderBoxSize[0]:t.borderBoxSize).blockSize,"f"):t.target.classList.contains("header")&&Oe(this,Ua,(Array.isArray(t.borderBoxSize)?t.borderBoxSize[0]:t.borderBoxSize).blockSize,"f");if(this.open&&this.detents.length>0&&(t!==He(this,Va,"f")||a!==He(this,Ua,"f")))switch(this.detents[He(this,Ra,"f")]){case"fit":He(this,Ma,"m",po).call(this,He(this,Ma,"m",lo).call(this));break;case"collapsed":He(this,Ma,"m",po).call(this,He(this,Ma,"m",so).call(this))}},ho=function(e){e>=0&&e<this.detents.length&&(Oe(this,Ra,e,"f"),He(this,Ma,"m",mo).call(this,He(this,Ma,"m",io).call(this,this.detents[e])))},mo=async function(e){He(this,Na,"f")&&(He(this,Ma,"m",po).call(this,this.clientHeight),He(this,Na,"f")?.cancel(),Oe(this,Na,void 0,"f")),v()?He(this,Ma,"m",po).call(this,e):(Oe(this,Na,this.animate([{"--_bottom-sheet-height":`${this.clientHeight}px`},{"--_bottom-sheet-height":`${e}px`}],{duration:250,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"}),"f"),He(this,Na,"f").onfinish=()=>{He(this,Ma,"m",po).call(this,e),Oe(this,Na,void 0,"f")},await He(this,Na,"f").finished)},po=function(e){this.style.setProperty("--_bottom-sheet-height",`${e}px`),u(this,"-full",e===He(this,Ma,"m",ro).call(this));const t=this.shadowRoot?.querySelector(".content");t&&(t.inert=e<=He(this,Ma,"m",no).call(this))},uo=function(){He(this,Aa,"f").length=0;for(let e=this;e.parentNode&&e.parentNode!==document.documentElement;e=e.parentNode)for(const t of e.parentNode.children)t instanceof HTMLElement&&t!==e&&!t.inert&&(t.inert=!0,He(this,Aa,"f").push(t))},vo=function(){He(this,Aa,"f").forEach(e=>e.inert=!1),He(this,Aa,"f").length=0},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`@property --_bottom-sheet-height { syntax: "<length>"; inherits: false; initial-value: 50vh; } m3e-bottom-sheet > [slot="header"] { margin-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); margin-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); }</length>`.toString()),document.adoptedStyleSheets.push(e)}})(),fo.styles=t`:host { display: block; position: fixed; left: 50%; top: calc(100vh - var(--_bottom-sheet-height)); margin: 0; padding: 0; outline: none; overflow: hidden; border: none; box-sizing: border-box; width: var(--m3e-bottom-sheet-width, 100%); max-width: var(--m3e-bottom-sheet-max-width, 40rem); height: var(--_bottom-sheet-height); color: var(--m3e-bottom-sheet-color, ${l.color.onSurface}); background-color: var(--m3e-bottom-sheet-container-color, ${l.color.surfaceContainerLow}); } :host(:not(:state(-no-animate))) { transition: ${e(`transform ${l.motion.duration.medium2} ${l.motion.easing.standardDecelerate},\n        border-radius ${l.motion.duration.medium2} ${l.motion.easing.standard}`)}; } :host(:not([modal]):not(:state(-full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-elevation, ${l.elevation.level1}); } :host([modal]:not(:state(-full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-modal-elevation, ${l.elevation.level1}); } :host(:state(-full)) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-full-elevation, ${l.elevation.level1}); } :host(:not([modal])) { z-index: var(--m3e-bottom-sheet-z-index, 10); } :host(:not([modal]):not([open])), :host([modal]:not(:popover-open)) { border-radius: var(--m3e-bottom-sheet-minimized-container-shape, ${l.shape.corner.none}); transform: translateX(-50%) translateY(100%); } :host(:not([modal])[open]:not(:state(-full))), :host([modal]:not(:state(-full)):popover-open) { border-radius: var(--m3e-bottom-sheet-container-shape, ${l.shape.corner.extraLargeTop}); } :host(:not([modal])[open]:state(-full)), :host([modal]:state(-full):popover-open) { border-radius: var(--m3e-bottom-sheet-full-container-shape, ${l.shape.corner.extraLargeTop}); } :host(:not([modal])[open]), :host([modal]:popover-open) { transform: translateX(-50%) translateY(0); } :host([modal]:not(:state(-no-animate)))::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`)}; } :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${l.color.scrim}) var(--m3e-bottom-sheet-scrim-opacity, 32%), transparent ); } :host([modal]:popover-open:not(:state(-no-animate)))::backdrop { 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 { :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${l.color.scrim}) 0%, transparent ); } } .base { display: flex; border-radius: inherit; flex-direction: column; height: 100%; --_bottom-sheet-peek-height: var(--m3e-bottom-sheet-peek-height, 0); --_bottom-sheet-top-space: var(--m3e-bottom-sheet-compact-top-space, 4.5rem); } @media (max-height: 640px) { .base { --_bottom-sheet-top-space: var(--m3e-bottom-sheet-top-space, 3.5rem); } } .body { flex: 1 1 auto; overflow-y: auto; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; padding-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); padding-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); font-size: var(--m3e-bottom-sheet-content-font-size, ${l.typescale.standard.body.medium.fontSize}); font-weight: var( --m3e-bottom-sheet-content-font-weight, ${l.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-bottom-sheet-content-line-height, ${l.typescale.standard.body.medium.lineHeight} ); letter-spacing: var(--m3e-bottom-sheet-content-tracking, ${l.typescale.standard.body.medium.tracking}); } .content { height: fit-content; } :host(:not([handle])) .header { display: none; } :host(:not([handle])) .body, .header { border-top-left-radius: inherit; border-top-right-radius: inherit; padding-block-start: var(--m3e-bottom-sheet-padding-block, 0.5rem); font-size: var(--m3e-bottom-sheet-header-font-size, ${l.typescale.standard.title.large.fontSize}); font-weight: var(--m3e-bottom-sheet-header-font-weight, ${l.typescale.standard.title.large.fontWeight}); line-height: var(--m3e-bottom-sheet-header-line-height, ${l.typescale.standard.title.large.lineHeight}); letter-spacing: var(--m3e-bottom-sheet-header-tracking, ${l.typescale.standard.title.large.tracking}); } .header { cursor: grab; touch-action: none; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; flex: none; display: flex; flex-direction: column; min-height: 3rem; --m3e-app-bar-container-color: var(--m3e-bottom-sheet-container-color, ${l.color.surfaceContainerLow}); } .handle-row { position: relative; flex: none; display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; height: var(--m3e-bottom-sheet-handle-container-height, 1.5rem); } :host(:not(:state(-no-animate))) .handle-row { transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard},\n        padding ${l.motion.duration.short3} ${l.motion.easing.standard},\n        height ${l.motion.duration.short3} ${l.motion.easing.standard},\n        visibility ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete`)}; } .handle { position: relative; width: var(--m3e-bottom-sheet-handle-width, 2rem); height: var(--m3e-bottom-sheet-handle-height, 4px); border-radius: var(--m3e-bottom-sheet-handle-shape, ${l.shape.corner.full}); background-color: var(--m3e-bottom-sheet-handle-color, ${l.color.onSurfaceVariant}); } .handle-touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); right: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); top: calc( 0px - calc( calc(3rem - var(--m3e-bottom-sheet-handle-container-height, 1.5rem)) - calc( var(--m3e-bottom-sheet-handle-height, 4px) / 2 ) ) ); } @media (prefers-reduced-motion) { :host(:not(:state(-no-animate))), :host([modal]:not(:state(-no-animate)))::backdrop, :host([modal]:popover-open:not(:state(-no-animate)))::backdrop, :host(:not(:state(-no-animate))) .handle-row { transition: none; } } @media (forced-colors: active) { :host([modal]:not(:state(-no-animate)))::backdrop, :host([modal]:popover-open:not(:state(-no-animate)))::backdrop { transition: none; } .base { border-style: solid; border-width: 1px; border-color: CanvasText; } .handle { background-color: ButtonText; } }`,We([nt({type:Boolean,reflect:!0})],fo.prototype,"modal",void 0),We([nt({type:Boolean,reflect:!0})],fo.prototype,"open",void 0),We([nt({type:Boolean})],fo.prototype,"handle",void 0),We([nt({attribute:"handle-label"})],fo.prototype,"handleLabel",void 0),We([nt({attribute:"detents",converter:E})],fo.prototype,"detents",void 0),We([nt({type:Number})],fo.prototype,"detent",void 0),We([nt({type:Boolean,reflect:!0})],fo.prototype,"hideable",void 0),We([nt({attribute:"hide-friction",type:Number})],fo.prototype,"hideFriction",void 0),fo=bo=We([m("m3e-bottom-sheet")],fo);let go=class extends(c($)){constructor(){super(...arguments),this.secondary=!1}attach(e){e instanceof fo&&(super.attach(e),this.parentElement&&(e.modal?this.parentElement.ariaHasPopup="dialog":this.secondary||(this.parentElement.ariaExpanded="false",ye(this.parentElement,"aria-controls",e.id),this.parentElement.id&&ye(e,"aria-labelledby",this.parentElement.id))))}detach(){this.control&&this.parentElement&&!this.secondary&&$e(this.parentElement,"aria-controls",this.control.id),super.detach()}_onClick(){this.control instanceof fo&&(this.control.modal?this.control.show(this.detent):(this.control.toggle(this.detent),!this.secondary&&this.parentElement&&(this.parentElement.ariaExpanded=`${this.control.open}`)))}};We([nt({type:Number})],go.prototype,"detent",void 0),We([nt({type:Boolean})],go.prototype,"secondary",void 0),go=We([m("m3e-bottom-sheet-trigger")],go);const yo={"extra-small":{containerHeight:e(`calc(var(--m3e-button-extra-small-container-height, var(--m3e-button-container-height, 2rem)) + ${l.density.calc(0)})`),outlineThickness:e("var(--m3e-button-extra-small-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:e(`var(--m3e-button-extra-small-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.label.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-extra-small-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-extra-small-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.label.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-extra-small-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.label.large.tracking}))`),iconSize:e("var(--m3e-button-extra-small-icon-size, var(--m3e-button-icon-size, 1.25rem))"),shapeRound:e(`var(--m3e-button-extra-small-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-extra-small-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.medium}))`),selectedShapeRound:e(`var(--m3e-button-extra-small-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.medium}))`),selectedShapeSquare:e(`var(--m3e-button-extra-small-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-extra-small-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.small}))`),leadingSpace:e("var(--m3e-button-extra-small-leading-space, var(--m3e-button-leading-space, 0.75rem))"),trailingSpace:e("var(--m3e-button-extra-small-trailing-space, var(--m3e-button-trailing-space, 0.75rem))"),iconLabelSpace:e("var(--m3e-button-extra-small-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},small:{containerHeight:e(`calc(var(--m3e-button-small-container-height, var(--m3e-button-container-height, 2.5rem)) + ${l.density.calc(-1)})`),outlineThickness:e("var(--m3e-button-small-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:e(`var(--m3e-button-small-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.label.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-small-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-small-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.label.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-small-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.label.large.tracking}))`),iconSize:e("var(--m3e-button-small-icon-size, var(--m3e-button-icon-size, 1.25rem))"),shapeRound:e(`var(--m3e-button-small-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-small-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.medium}))`),selectedShapeRound:e(`var(--m3e-button-small-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.medium}))`),selectedShapeSquare:e(`var(--m3e-button-small-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-small-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.small}))`),leadingSpace:e("var(--m3e-button-small-leading-space, var(--m3e-button-leading-space, 1rem))"),trailingSpace:e("var(--m3e-button-small-trailing-space, var(--m3e-button-trailing-space, 1rem))"),iconLabelSpace:e("var(--m3e-button-small-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},medium:{containerHeight:e(`calc(var(--m3e-button-medium-container-height, var(--m3e-button-container-height, 3.5rem)) + ${l.density.calc(-2)})`),outlineThickness:e("var(--m3e-button-medium-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:e(`var(--m3e-button-medium-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.body.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-medium-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.body.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-medium-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.body.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-medium-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.body.large.tracking}))`),iconSize:e("var(--m3e-button-medium-icon-size, var(--m3e-button-icon-size, 1.5rem))"),shapeRound:e(`var(--m3e-button-medium-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-medium-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.large}))`),selectedShapeRound:e(`var(--m3e-button-medium-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.large}))`),selectedShapeSquare:e(`var(--m3e-button-medium-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-medium-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.medium}))`),leadingSpace:e("var(--m3e-button-medium-leading-space, var(--m3e-button-leading-space, 1.5rem))"),trailingSpace:e("var(--m3e-button-medium-trailing-space, var(--m3e-button-trailing-space, 1.5rem))"),iconLabelSpace:e("var(--m3e-button-medium-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},large:{containerHeight:e(`calc(var(--m3e-button-large-container-height, var(--m3e-button-container-height, 6rem)) + ${l.density.calc(-3)})`),outlineThickness:e("var(--m3e-button-large-outline-thickness, var(--m3e-button-outline-thickness, 2px))"),labelTextFontSize:e(`var(--m3e-button-large-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-large-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-large-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-large-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.headline.small.tracking}))`),iconSize:e("var(--m3e-button-large-icon-size, var(--m3e-button-icon-size, 2rem))"),shapeRound:e(`var(--m3e-button-large-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-large-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.extraLarge}))`),selectedShapeRound:e(`var(--m3e-button-large-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.extraLarge}))`),selectedShapeSquare:e(`var(--m3e-button-large-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-large-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.large}))`),leadingSpace:e("var(--m3e-button-large-leading-space, var(--m3e-button-leading-space, 3rem))"),trailingSpace:e("var(--m3e-button-large-trailing-space, var(--m3e-button-trailing-space, 3rem))"),iconLabelSpace:e("var(--m3e-button-large-icon-label-space, var(--m3e-button-icon-label-space, 0.75rem))")},"extra-large":{containerHeight:e(`calc(var(--m3e-button-extra-large-container-height, var(--m3e-button-container-height, 8.5rem)) + ${l.density.calc(-3)})`),outlineThickness:e("var(--m3e-button-extra-large-outline-thickness, var(--m3e-button-outline-thickness, 3px))"),labelTextFontSize:e(`var(--m3e-button-extra-large-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.headline.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-extra-large-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.headline.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-extra-large-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.headline.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-extra-large-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.headline.large.tracking}))`),iconSize:e("var(--m3e-button-extra-large-icon-size, var(--m3e-button-icon-size, 2.5rem))"),shapeRound:e(`var(--m3e-button-extra-large-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-extra-large-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.extraLarge}))`),selectedShapeRound:e(`var(--m3e-button-extra-large-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.extraLarge}))`),selectedShapeSquare:e(`var(--m3e-button-extra-large-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-extra-large-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.large}))`),leadingSpace:e("var(--m3e-button-extra-large-leading-space, var(--m3e-button-leading-space, 4rem))"),trailingSpace:e("var(--m3e-button-extra-large-trailing-space, var(--m3e-button-trailing-space, 4rem))"),iconLabelSpace:e("var(--m3e-button-extra-large-icon-label-space, var(--m3e-button-icon-label-space, 1rem))")}};function $o(a){return t`:host([size="${e(a)}"]) .base { height: ${yo[a].containerHeight}; } :host([size="${e(a)}"]) .wrapper { padding-inline-start: ${yo[a].leadingSpace}; padding-inline-end: ${yo[a].trailingSpace}; column-gap: ${yo[a].iconLabelSpace}; } :host( [size="${e(a)}"]:state(-grouped):not(:state(-connected)):state(-adjacent-pressed):not( :state(-pressed) ) ) .wrapper { padding-inline-start: calc( ${yo[a].leadingSpace} - calc( calc(var(--_adjacent-button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15)) / 4.25 ) ); padding-inline-end: calc( ${yo[a].trailingSpace} - calc( calc(var(--_adjacent-button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15)) / 4.25 ) ); } :host([size="${e(a)}"]) .label { font-size: ${yo[a].labelTextFontSize}; font-weight: ${yo[a].labelTextFontWeight}; line-height: ${yo[a].labelTextLineHeight}; letter-spacing: ${yo[a].labelTextTracking}; } :host([size="${e(a)}"]) .icon { font-size: ${yo[a].iconSize}; --m3e-icon-size: ${yo[a].iconSize}; } :host([size="${e(a)}"]) .base { outline-offset: calc(0px - ${yo[a].outlineThickness}); outline-width: ${yo[a].outlineThickness}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"]) .base { border-radius: var(--_button-shape, ${yo[a].shapeRound}); } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"][toggle][selected]:not(:state(-pressed))) .base { border-radius: ${yo[a].selectedShapeRound}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"]) .base { border-radius: ${yo[a].shapeSquare}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${yo[a].selectedShapeSquare}); } :host(:not(:state(-connected))[size="${e(a)}"]:state(-pressed)) .base { border-radius: ${yo[a].shapePressedMorph}; } :host(:state(-connected)[size="${e(a)}"][shape="rounded"]) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${yo[a].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${yo[a].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${yo[a].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${yo[a].shapeRound}) ); } :host(:state(-connected)[size="${e(a)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${yo[a].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${yo[a].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${yo[a].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${yo[a].shapeSquare}); } :host(:state(-connected)[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${yo[a].selectedShapeSquare}); } :host(:state(-connected)[size="${e(a)}"]:state(-pressed)) .base { border-start-start-radius: var(--_button-start-shape-pressed-morph, ${yo[a].shapePressedMorph}); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${yo[a].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${yo[a].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${yo[a].shapePressedMorph}); }`}const xo=[$o("extra-small"),$o("small"),$o("medium"),$o("large"),$o("extra-large")],wo=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; } :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; } .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; } ::slotted([slot="icon"]), ::slotted([slot="selected-icon"]), ::slotted([slot="trailing-icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]), ::slotted(svg[slot="selected-icon"]), ::slotted(svg[slot="trailing-icon"]) { width: 1em; height: 1em; } :host([toggle]:not([selected])) .base.with-selected-icon slot[name="selected-icon"], :host([toggle][selected]) .base.with-selected-icon slot[name="icon"] { display: none; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host(:state(-grouped):state(-connected)) { flex: 1 1 auto; } :host(:state(-grouped):not(:state(-connected))) { transition: ${e(`padding-inline ${l.motion.spring.fastEffects}`)}; } :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, .label, .icon { transition: none; } :host(:state(-pressed)) .base, :host(:state(-resting)) .base { transition: ${e(`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-button-extra-small-outline-thickness, 1px)); outline-width: var(--m3e-button-extra-small-outline-thickness, 1px); } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } :host([size="extra-large"]) .base { outline-offset: calc(0px - var(--m3e-button-extra-large-outline-thickness, 3px)); outline-width: var(--m3e-button-extra-large-outline-thickness, 3px); } } @media (prefers-reduced-motion) { :host(:state(-pressed)) .base, :host(:state(-resting)) .base, .base, .label, .icon { transition: none; } }`,ko={elevated:{labelTextColor:e(`var(--m3e-elevated-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.primary}))`),iconColor:e(`var(--m3e-elevated-button-icon-color, var(--m3e-button-icon-color, ${l.color.primary}))`),containerColor:e(`var(--m3e-elevated-button-container-color, var(--m3e-button-container-color, ${l.color.surfaceContainerLow}))`),containerElevation:e(`var(--m3e-elevated-button-container-elevation, var(--m3e-button-container-elevation, ${l.elevation.level1}))`),unselectedLabelTextColor:e(`var(--m3e-elevated-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-elevated-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.primary}))`),unselectedContainerColor:e(`var(--m3e-elevated-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${l.color.surfaceContainerLow}))`),selectedLabelTextColor:e(`var(--m3e-elevated-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.onPrimary}))`),selectedIconColor:e(`var(--m3e-elevated-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.onPrimary}))`),selectedContainerColor:e(`var(--m3e-elevated-button-selected-container-color, var(--m3e-button-selected-container-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-elevated-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-elevated-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-elevated-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-elevated-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-elevated-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-elevated-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-elevated-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-elevated-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-elevated-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${l.elevation.level2}))`),unselectedIconColor:e(`var(--m3e-elevated-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-elevated-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-elevated-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.onPrimary}))`)},focus:{iconColor:e(`var(--m3e-elevated-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-elevated-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${l.elevation.level1}))`),unselectedLabelTextColor:e(`var(--m3e-elevated-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-elevated-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-elevated-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.onPrimary}))`)},pressed:{iconColor:e(`var(--m3e-elevated-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-elevated-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${l.elevation.level1}))`),unselectedLabelTextColor:e(`var(--m3e-elevated-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-elevated-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-elevated-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.onPrimary}))`)}},outlined:{labelTextColor:e(`var(--m3e-outlined-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.onSurfaceVariant}))`),iconColor:e(`var(--m3e-outlined-button-icon-color, var(--m3e-button-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-button-outline-color, var(--m3e-button-outline-color, ${l.color.outlineVariant}))`),unselectedLabelTextColor:e(`var(--m3e-outlined-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedIconColor:e(`var(--m3e-outlined-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),selectedLabelTextColor:e(`var(--m3e-outlined-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.inverseOnSurface}))`),selectedIconColor:e(`var(--m3e-outlined-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedContainerColor:e(`var(--m3e-outlined-button-selected-container-color, var(--m3e-button-selected-container-color, ${l.color.inverseSurface}))`),disabled:{containerColor:e(`var(--m3e-outlined-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-outlined-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-outlined-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-outlined-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-outlined-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-outlined-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),outlineColor:e(`var(--m3e-outlined-button-disabled-outline-color, var(--m3e-button-disabled-outline-color, ${l.color.outlineVariant}))`)},hover:{iconColor:e(`var(--m3e-outlined-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.onSurfaceVariant}))`),labelTextColor:e(`var(--m3e-outlined-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-button-hover-outline-color, var(--m3e-button-hover-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-outlined-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedLabelTextColor:e(`var(--m3e-outlined-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.inverseOnSurface}))`)},focus:{iconColor:e(`var(--m3e-outlined-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.onSurfaceVariant}))`),labelTextColor:e(`var(--m3e-outlined-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-button-focus-outline-color, var(--m3e-button-focus-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-outlined-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedLabelTextColor:e(`var(--m3e-outlined-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.inverseOnSurface}))`)},pressed:{iconColor:e(`var(--m3e-outlined-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.onSurfaceVariant}))`),labelTextColor:e(`var(--m3e-outlined-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-button-pressed-outline-color, var(--m3e-button-pressed-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-outlined-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedLabelTextColor:e(`var(--m3e-outlined-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.inverseOnSurface}))`)}},filled:{labelTextColor:e(`var(--m3e-filled-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.onPrimary}))`),iconColor:e(`var(--m3e-filled-button-icon-color, var(--m3e-button-icon-color, ${l.color.onPrimary}))`),containerColor:e(`var(--m3e-filled-button-container-color, var(--m3e-button-container-color, ${l.color.primary}))`),containerElevation:e(`var(--m3e-filled-button-container-elevation, var(--m3e-button-container-elevation, ${l.elevation.level0}))`),unselectedLabelTextColor:e(`var(--m3e-filled-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedIconColor:e(`var(--m3e-filled-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedContainerColor:e(`var(--m3e-filled-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${l.color.surfaceContainer}))`),selectedLabelTextColor:e(`var(--m3e-filled-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.onPrimary}))`),selectedIconColor:e(`var(--m3e-filled-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.onPrimary}))`),selectedContainerColor:e(`var(--m3e-filled-button-selected-container-color, var(--m3e-button-selected-container-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-filled-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-filled-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-filled-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-filled-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-filled-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-filled-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-filled-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-filled-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-filled-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-filled-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-filled-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-filled-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.onPrimary}))`)},focus:{iconColor:e(`var(--m3e-filled-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-filled-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${l.elevation.level0}))`),unselectedIconColor:e(`var(--m3e-filled-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-filled-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-filled-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.onPrimary}))`)},pressed:{iconColor:e(`var(--m3e-filled-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-filled-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${l.elevation.level0}))`),unselectedIconColor:e(`var(--m3e-filled-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-filled-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-filled-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.onPrimary}))`)}},tonal:{labelTextColor:e(`var(--m3e-tonal-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.onSecondaryContainer}))`),iconColor:e(`var(--m3e-tonal-button-icon-color, var(--m3e-button-icon-color, ${l.color.onSecondaryContainer}))`),containerColor:e(`var(--m3e-tonal-button-container-color, var(--m3e-button-container-color, ${l.color.secondaryContainer}))`),containerElevation:e(`var(--m3e-tonal-button-container-elevation, var(--m3e-button-container-elevation, ${l.elevation.level0}))`),unselectedLabelTextColor:e(`var(--m3e-tonal-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.onSecondaryContainer}))`),unselectedIconColor:e(`var(--m3e-tonal-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedContainerColor:e(`var(--m3e-tonal-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${l.color.secondaryContainer}))`),selectedLabelTextColor:e(`var(--m3e-tonal-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.onSecondary}))`),selectedIconColor:e(`var(--m3e-tonal-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.onSecondary}))`),selectedContainerColor:e(`var(--m3e-tonal-button-selected-container-color, var(--m3e-button-selected-container-color, ${l.color.secondary}))`),disabled:{containerColor:e(`var(--m3e-tonal-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-tonal-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tonal-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-tonal-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-tonal-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-tonal-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-tonal-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-tonal-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-tonal-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tonal-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-tonal-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedLabelTextColor:e(`var(--m3e-tonal-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.onSecondary}))`),selectedLabelTextColor:e(`var(--m3e-tonal-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.onSecondary}))`)},focus:{iconColor:e(`var(--m3e-tonal-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-tonal-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tonal-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${l.elevation.level0}))`),unselectedIconColor:e(`var(--m3e-tonal-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedLabelTextColor:e(`var(--m3e-tonal-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.onSecondary}))`),selectedLabelTextColor:e(`var(--m3e-tonal-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.onSecondary}))`)},pressed:{iconColor:e(`var(--m3e-tonal-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-tonal-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tonal-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${l.elevation.level0}))`),unselectedIconColor:e(`var(--m3e-tonal-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedLabelTextColor:e(`var(--m3e-tonal-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.onSecondary}))`),selectedLabelTextColor:e(`var(--m3e-tonal-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.onSecondary}))`)}},text:{labelTextColor:e(`var(--m3e-text-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.primary}))`),iconColor:e(`var(--m3e-text-button-icon-color, var(--m3e-button-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-text-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-text-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.primary}))`),selectedLabelTextColor:e(`var(--m3e-text-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-text-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-text-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-text-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-text-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-text-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-text-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-text-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))")},hover:{iconColor:e(`var(--m3e-text-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-text-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-text-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-text-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-text-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-text-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-text-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-text-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.primary}))`),selectedLabelTextColor:e(`var(--m3e-text-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-text-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.primary}))`)},focus:{iconColor:e(`var(--m3e-text-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-text-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-text-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-text-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-text-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-text-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-text-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-text-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.primary}))`),selectedLabelTextColor:e(`var(--m3e-text-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-text-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.primary}))`)},pressed:{iconColor:e(`var(--m3e-text-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-text-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-text-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-text-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-text-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-text-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-text-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-text-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.primary}))`),selectedLabelTextColor:e(`var(--m3e-text-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-text-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.primary}))`)}}};function Co(a){return t`:host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${ko[a].containerColor??e("unset")}; --m3e-state-layer-hover-color: ${ko[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${ko[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${ko[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${ko[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${ko[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${ko[a].pressed.stateLayerOpacity}; --m3e-elevation-level: ${ko[a].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${ko[a].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${ko[a].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${ko[a].pressed.containerElevation??e("unset")}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${ko[a].unselectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${ko[a].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${ko[a].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${ko[a].pressed.unselectedStateLayerColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${ko[a].selectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${ko[a].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${ko[a].focus.selectedStateLayerColor}; --m3e-ripple-color: ${ko[a].pressed.selectedStateLayerColor}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${ko[a].outlineColor??e("unset")}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${ko[a].focus.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${ko[a].hover.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .base { outline-color: ${ko[a].pressed.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].labelTextColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].unselectedLabelTextColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].selectedLabelTextColor}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].focus.labelTextColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].focus.unselectedLabelTextColor}; } :host([variant="${e(a)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].focus.selectedLabelTextColor}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].hover.labelTextColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].hover.unselectedLabelTextColor}; } :host([variant="${e(a)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].hover.selectedLabelTextColor}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .label { color: ${ko[a].pressed.labelTextColor}; } :host( [variant="${e(a)}"][toggle]:not([selected]):state(-pressed):not(:disabled):not( [disabled-interactive] ) ) .label { color: ${ko[a].pressed.unselectedLabelTextColor}; } :host( [variant="${e(a)}"][toggle][selected]:state(-pressed):not(:disabled):not([disabled-interactive]) ) .label { color: ${ko[a].pressed.selectedLabelTextColor}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].selectedIconColor}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].focus.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].focus.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].focus.selectedIconColor}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].hover.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].hover.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].hover.selectedIconColor}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .icon { color: ${ko[a].pressed.iconColor}; } :host( [variant="${e(a)}"][toggle]:not([selected]):state(-pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${ko[a].pressed.unselectedIconColor}; } :host( [variant="${e(a)}"][toggle][selected]:state(-pressed):not(:disabled):not([disabled-interactive]) ) .icon { color: ${ko[a].pressed.selectedIconColor}; } :host([variant="${e(a)}"]:disabled) .base, :host([variant="${e(a)}"][disabled-interactive]) .base { --m3e-elevation-level: ${ko[a].disabled.containerElevation??e("unset")}; outline-color: ${ko[a].disabled.outlineColor??e("unset")}; background-color: color-mix( in srgb, ${ko[a].disabled.containerColor} ${ko[a].disabled.containerOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .label, :host([variant="${e(a)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${ko[a].disabled.labelTextColor} ${ko[a].disabled.labelTextOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .icon, :host([variant="${e(a)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${ko[a].disabled.iconColor} ${ko[a].disabled.iconOpacity}, transparent ); }`}const So=[Co("text"),Co("elevated"),Co("outlined"),Co("filled"),Co("tonal"),t`:host([variant="outlined"]:not([toggle][selected]):not(:disabled):not([disabled-interactive])) .base { outline-style: solid; }`];var _o,Lo,zo,Eo,Mo,To;let Po=class extends(M(T(P(I(A(W(w(d(a,"button"),!0)))))))){constructor(){super(),_o.add(this),Lo.set(this,e=>He(this,_o,"m",zo).call(this,e)),this.variant="text",this.shape="rounded",this.size="small",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,_o,"m",Mo).call(this),v()?He(this,_o,"m",To).call(this,!0):requestAnimationFrame(()=>He(this,_o,"m",To).call(this,!0))):He(this,_o,"m",To).call(this,!1))}})}get grouped(){return L(this,"-grouped")}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" ?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-icon" aria-hidden="true" @slotchange="${He(this,_o,"m",Eo)}"></slot>`:i}<slot class="icon" name="icon" aria-hidden="true"></slot><div class="label">${this.toggle&&this.selected?o`<slot name="selected"><slot></slot></slot>`:o`<slot></slot>`}</div><slot class="icon" name="trailing-icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,Lo,"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,Lo,"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,_o,"m",Mo).call(this,!0))}};var Io,Ao,Wo,Ho;Lo=new WeakMap,_o=new WeakSet,zo=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)},Eo=function(e){this._base?.classList.toggle("with-selected-icon",p(e.target))},Mo=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`)}},To=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"))}}},Po.styles=[xo,So,wo],We([dt(".base")],Po.prototype,"_base",void 0),We([dt(".elevation")],Po.prototype,"_elevation",void 0),We([dt(".focus-ring")],Po.prototype,"_focusRing",void 0),We([dt(".state-layer")],Po.prototype,"_stateLayer",void 0),We([dt(".ripple")],Po.prototype,"_ripple",void 0),We([nt({reflect:!0})],Po.prototype,"variant",void 0),We([nt({reflect:!0})],Po.prototype,"shape",void 0),We([nt({reflect:!0})],Po.prototype,"size",void 0),We([nt({type:Boolean,reflect:!0})],Po.prototype,"toggle",void 0),We([nt({type:Boolean,reflect:!0})],Po.prototype,"selected",void 0),We([h(40)],Po.prototype,"_handleResize",null),Po=We([m("m3e-button")],Po);let Oo=class extends(d(a,"group")){constructor(){super(...arguments),Io.add(this),Ao.set(this,new O(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:e=>{this._base&&(e&&"connected"!==this.variant?(this._base.classList.add("pressed"),this._base.style.setProperty("--_button-group-width",`${this._base.getBoundingClientRect().width}px`)):(this._base.style.removeProperty("--_button-group-width"),this._base.classList.remove("pressed")))}})),this.variant="standard",this.size="small",this.multi=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("disable-role")&&(this.role=null)}disconnectedCallback(){super.disconnectedCallback(),this._base?.style.removeProperty("--_button-group-width"),this._base?.classList.remove("pressed")}update(e){super.update(e),(e.has("multi")||e.has("variant"))&&He(this,Io,"m",Wo).call(this),e.has("variant")&&this._base?.style.removeProperty("--_button-group-width")}render(){return o`<div class="base"><slot @slotchange="${He(this,Io,"m",Wo)}" @change="${He(this,Io,"m",Ho)}"></slot></div>`}};Ao=new WeakMap,Io=new WeakSet,Wo=function(){const e=this.buttons;for(const e of He(this,Ao,"f").targets)He(this,Ao,"f").unobserve(e);const t=[...e].some(e=>e.toggle);this.hasAttribute("disable-role")||(this.role=t&&!this.multi?"radiogroup":"group");const a="radiogroup"===this.role?"radio":"button";e.forEach((t,o)=>{if(He(this,Ao,"f").observe(t),u(t,"-connected","connected"===this.variant),y(t,"-grouped"),u(t,"-first",0==o),u(t,"-last",o==e.length-1),!this.hasAttribute("disable-role")&&t.role!==a&&t.toggle){const e=t.toggle?t.selected?"true":"false":null;t.role=a,"button"===t.role?(t.ariaPressed=e,t.ariaChecked=null):(t.ariaChecked=e,t.ariaPressed=null)}})},Ho=function(e){if(!this.multi&&e.target instanceof HTMLElement&&("M3E-BUTTON"===e.target.tagName||"M3E-ICON-BUTTON"===e.target.tagName)){if(!B(e.target)||!e.target.selected)return;for(const t of this.buttons)t!==e.target&&t.selected&&(t.selected=!1)}},Oo.styles=t`:host { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } .base { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } :host([variant="standard"]) { justify-content: center; } :host([variant="connected"]) .base { flex: 1 1 auto; } :host([variant="standard"]) .base { width: fit-content; flex: none; } :host([variant="standard"]) .base.pressed { justify-content: space-between; width: var(--_button-group-width); } :host([variant="standard"][size="extra-small"]) .base { column-gap: var(--m3e-standard-button-group-extra-small-spacing, 1.125rem); } :host([variant="standard"][size="small"]) .base { column-gap: var(--m3e-standard-button-group-small-spacing, 0.75rem); } :host([variant="standard"][size="medium"]).base { column-gap: var(--m3e-standard-button-group-medium-spacing, 0.5rem); } :host([variant="standard"][size="large"]) .base { column-gap: var(--m3e-standard-button-group-large-spacing, 0.5rem); } :host([variant="standard"][size="extra-large"]) .base { column-gap: var(--m3e-standard-button-group-extra-large-spacing, 0.5rem); } :host([variant="connected"]) .base { column-gap: var(--m3e-connected-button-group-spacing, 0.125rem); } :host([variant="connected"][size="extra-small"]) ::slotted(:state(-first)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${l.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${l.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="extra-small"]) ::slotted(:state(-last)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${l.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${l.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:state(-first)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${l.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${l.shape.corner.small} ); --_button-end-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:state(-last)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${l.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${l.shape.corner.small} ); --_button-start-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:state(-first)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="medium"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${l.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${l.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:state(-last)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="medium"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${l.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${l.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="large"]) ::slotted(:state(-first)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${l.shape.corner.large} ); --_button-square-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${l.shape.corner.large} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${l.shape.corner.medium} ); } :host([variant="connected"][size="large"]) ::slotted(:state(-last)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${l.shape.corner.large} ); --_button-square-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${l.shape.corner.large} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${l.shape.corner.medium} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:state(-first)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${l.shape.corner.largeIncreased} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${l.shape.corner.largeIncreased} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${l.shape.corner.large} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:state(-last)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${l.shape.corner.largeIncreased} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${l.shape.corner.largeIncreased} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${l.shape.corner.large} ); }`,We([dt(".base")],Oo.prototype,"_base",void 0),We([nt({reflect:!0})],Oo.prototype,"variant",void 0),We([nt({reflect:!0})],Oo.prototype,"size",void 0),We([nt({type:Boolean})],Oo.prototype,"multi",void 0),We([function(e){return(t,a)=>{const{slot:o,selector:i}=e??{},r="slot"+(o?`[name=${o}]`:":not([name])");return ct(t,a,{get(){const t=this.renderRoot?.querySelector(r),a=t?.assignedElements(e)??[];return void 0===i?a:a.filter(e=>e.matches(i))}})}}({slot:"",selector:"m3e-button,m3e-icon-button",flatten:!0})],Oo.prototype,"buttons",void 0),Oo=We([m("m3e-button-group")],Oo);const Do=e("var(--m3e-card-padding, 1rem)"),Bo=e(`var(--m3e-card-shape, ${l.shape.corner.medium});`),qo={filled:{textColor:e(`var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${l.color.onSurface}))`),containerColor:e(`var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${l.color.surfaceContainerHighest}))`),containerElevation:e(`var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${l.elevation.level0}))`),disabled:{textColor:e(`var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${l.color.onSurface}))`),textOpacity:e("var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${l.color.surfaceVariant}))`),containerElevation:e(`var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${l.elevation.level0}))`),containerElevationColor:e(`var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${l.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${l.elevation.level1}))`)},focus:{textColor:e(`var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${l.elevation.level0}))`)},pressed:{textColor:e(`var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${l.elevation.level0}))`)}},elevated:{textColor:e(`var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${l.color.onSurface}))`),containerColor:e(`var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${l.color.surfaceContainerLow}))`),containerElevation:e(`var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${l.elevation.level1}))`),disabled:{textColor:e(`var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${l.color.onSurface}))`),textOpacity:e("var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${l.color.surface}))`),containerElevation:e(`var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${l.elevation.level1}))`),containerElevationColor:e(`var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${l.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${l.elevation.level2}))`)},focus:{textColor:e(`var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${l.elevation.level1}))`)},pressed:{textColor:e(`var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${l.elevation.level1}))`)}},outlined:{textColor:e(`var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${l.color.onSurface}))`),containerElevation:e(`var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${l.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${l.color.outlineVariant}))`),outlineThickness:e("var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))"),disabled:{textColor:e(`var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${l.color.onSurface}))`),textOpacity:e("var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerElevation:e(`var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${l.elevation.level0}))`),containerElevationColor:e(`var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${l.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),outlineColor:e(`var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${l.color.outline}))`),outlineOpacity:e("var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))")},hover:{textColor:e(`var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${l.elevation.level1}))`),outlineColor:e(`var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${l.color.outlineVariant}))`)},focus:{textColor:e(`var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${l.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${l.color.onSurface}))`)},pressed:{textColor:e(`var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${l.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${l.color.outlineVariant}))`)}}},Ro=t`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${Bo}; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard},\n      border-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${Bo}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${Do}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${Do}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${Do}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${Do}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${Do}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${Do}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${Do}; margin-block-start: ${Do}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${Do}; margin-block: ${Do}; } .has-actions slot[name="actions"] { margin-inline: ${Do}; margin-block: ${Do}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${Do}; margin-block-end: ${Do}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${Do}; margin-inline-end: ${Do}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${qo.outlined.outlineThickness??e("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`;function Fo(a){return t`:host([variant="${e(a)}"]) .base { background-color: ${qo[a].containerColor??e("unset")}; box-shadow: ${qo[a].containerElevation??e("unset")}; border-width: ${qo[a].outlineThickness??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base { --m3e-state-layer-hover-color: ${qo[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${qo[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${qo[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${qo[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${qo[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${qo[a].pressed.stateLayerOpacity}; --m3e-elevation-level: ${qo[a].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${qo[a].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${qo[a].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${qo[a].pressed.containerElevation??e("unset")}; } :host([variant="${e(a)}"]) .base { border-color: ${qo[a].outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:focus .base) { border-color: ${qo[a].focus.outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:hover .base) { border-color: ${qo[a].hover.outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base.pressed { border-color: ${qo[a].pressed.outlineColor??e("unset")}; } :host([variant="${e(a)}"]) .base { color: ${qo[a].textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:focus) .base { color: ${qo[a].focus.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:hover) .base { color: ${qo[a].hover.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base.pressed { color: ${qo[a].pressed.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:disabled) .base, :host([actionable][variant="${e(a)}"][disabled-interactive]) .base { --m3e-elevation-level: ${qo[a].disabled.containerElevation??e("unset")}; --m3e-elevation-color: color-mix( in srgb, ${qo[a].disabled.containerElevationColor} ${qo[a].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${qo[a].disabled.textColor} ${qo[a].disabled.textOpacity}, transparent ); background-color: ${qo[a].disabled.containerColor&&qo[a].disabled.containerOpacity?e(`color-mix(\n        in srgb,\n        ${qo[a].disabled.containerColor} ${qo[a].disabled.containerOpacity},\n        transparent\n      )`):e("unset")}; border-color: ${qo[a].disabled.outlineColor&&qo[a].disabled.outlineOpacity?e(`color-mix(\n        in srgb,\n        ${qo[a].disabled.outlineColor} ${qo[a].disabled.outlineOpacity},\n        transparent\n      )`):e("unset")}; } :host([actionable][variant="${e(a)}"]:disabled) ::slotted(img), :host([actionable][variant="${e(a)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${e(a)}"]:disabled) ::slotted(video), :host([actionable][variant="${e(a)}"][disabled-interactive]) ::slotted(video) { opacity: ${qo[a].disabled.imageOpacity}; }`}const Vo=[Fo("filled"),Fo("elevated"),Fo("outlined")];var Uo,No,jo,Ko,Zo,Go,Xo,Yo;let Jo=class extends(M(T(P(I(A(W(w(a),!0))))))){constructor(){super(),Uo.add(this),No.set(this,e=>He(this,Uo,"m",Yo).call(this,e)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new O(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",He(this,No,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",He(this,No,"f"))}render(){return o`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[D]()}<slot name="header" @slotchange="${He(this,Uo,"m",jo)}"></slot><slot name="content" @slotchange="${He(this,Uo,"m",Ko)}"><slot @slotchange="${He(this,Uo,"m",Zo)}"></slot></slot><slot name="actions" @slotchange="${He(this,Uo,"m",Go)}"></slot><slot name="footer" @slotchange="${He(this,Uo,"m",Xo)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};var Qo,ei,ti,ai,oi,ii;No=new WeakMap,Uo=new WeakSet,jo=function(e){const t=e.target.assignedNodes({flatten:!0}),a=this.shadowRoot?.querySelector(".base");a?.classList.toggle("has-header",t.length>0),a?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},Ko=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},Zo=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",p(e.target)&&null===this.querySelector("[slot='content']"))},Go=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",p(e.target))},Xo=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",p(e.target))},Yo=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},Jo.styles=[Vo,Ro],We([dt(".base")],Jo.prototype,"_base",void 0),We([dt(".elevation")],Jo.prototype,"_elevation",void 0),We([dt(".focus-ring")],Jo.prototype,"_focusRing",void 0),We([dt(".state-layer")],Jo.prototype,"_stateLayer",void 0),We([dt(".ripple")],Jo.prototype,"_ripple",void 0),We([nt({type:Boolean})],Jo.prototype,"inline",void 0),We([nt({type:Boolean})],Jo.prototype,"actionable",void 0),We([nt({reflect:!0})],Jo.prototype,"variant",void 0),We([nt({reflect:!0})],Jo.prototype,"orientation",void 0),Jo=We([m("m3e-card")],Jo);let ri=class extends(q(R(F(V(U(N(j(K(M(I(W(w(d(a,"checkbox")))),!1)))))))))){constructor(){super(...arguments),Qo.add(this),ei.set(this,e=>He(this,Qo,"m",ii).call(this,e)),ti.set(this,new Z(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),ai.set(this,new O(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(ei=new WeakMap,ti=new WeakMap,ai=new WeakMap,Qo=new WeakSet,G)](){return!this.checked||this.disabled||this.indeterminate?null:this.value}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,ei,"f"));for(const e of this.labels)He(this,ti,"f").observe(e),He(this,ai,"f").observe(e)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,ei,"f"));for(const e of this.labels)He(this,ti,"f").unobserve(e),He(this,ai,"f").unobserve(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" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${He(this,Qo,"m",oi).call(this)}</div></div>`}};var si,ni,li,ci,di,hi,mi;oi=function(){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},ii=function(e){e.defaultPrevented||(this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.indeterminate=!1,this.dispatchEvent(new Event("change",{bubbles:!0}))):this.checked=!this.checked,this.closest("label")&&e.preventDefault())},ri.styles=t`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${l.density.calc(-3)}); height: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${l.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 0.125rem); } :host(:not([checked]):not([indeterminate])) .wrapper { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not(:state(-touched):state(-invalid)):not([indeterminate]):not([checked])) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-checkbox-unselected-ripple-color, ${l.color.onSurface}); } :host(:not(:state(-touched):state(-invalid))[checked]) .base, :host(:not(:state(-touched):state(-invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-hover-color, ${l.color.primary}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-focus-color, ${l.color.primary}); --m3e-ripple-color: var(--m3e-checkbox-selected-ripple-color, ${l.color.primary}); } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[checked]) .wrapper, :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[indeterminate]) .wrapper { background-color: var(--m3e-checkbox-selected-container-color, ${l.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${l.color.onPrimary}); } :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):not( :hover ) ) .wrapper { border-color: var(--m3e-checkbox-unselected-outline-color, ${l.color.onSurfaceVariant}); } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):hover) .wrapper { border-color: var(--m3e-checkbox-unselected-hover-outline-color, ${l.color.onSurface}); } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${l.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${l.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${l.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-error-hover-color, ${l.color.error}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-error-focus-color, ${l.color.error}); --m3e-ripple-color: var(--m3e-checkbox-unselected-error-ripple-color, ${l.color.error}); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[checked]) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-error-hover-color, ${l.color.onError}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-error-focus-color, ${l.color.onError}); --m3e-ripple-color: var(--m3e-checkbox-selected-error-ripple-color, ${l.color.onError}); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .wrapper { border-color: var(--m3e-checkbox-unselected-error-outline-color, ${l.color.error}); } @media (forced-colors: active) { :host(:not(:state(-touched):state(-invalid)):not([indeterminate]):not([checked])) .base, :host(:not(:state(-touched):state(-invalid))[checked]) .base, :host(:not(:state(-touched):state(-invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: CanvasText; --m3e-state-layer-focus-color: CanvasText; --m3e-ripple-color: CanvasText; } :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):not( :hover ) ) .wrapper, :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):hover ) .wrapper { border-color: CanvasText; } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[checked]) .wrapper, :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[indeterminate]) .wrapper { background-color: CanvasText; color: Canvas; } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: GrayText; } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: GrayText; color: Canvas; } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .wrapper { border-color: Highlight; } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[checked]) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[indeterminate]) .base { --m3e-state-layer-hover-color: Highlight; --m3e-state-layer-focus-color: Highlight; --m3e-ripple-color: Highlight; } }`,We([dt(".focus-ring")],ri.prototype,"_focusRing",void 0),We([dt(".state-layer")],ri.prototype,"_stateLayer",void 0),We([dt(".ripple")],ri.prototype,"_ripple",void 0),We([nt()],ri.prototype,"value",void 0),ri=We([m("m3e-checkbox")],ri);let pi=class extends(w(a)){constructor(){super(...arguments),si.add(this),ni.set(this,void 0),li.set(this,""),this.variant="outlined"}get value(){return He(this,ni,"f")??He(this,li,"f")}set value(e){Oe(this,ni,e,"f")}firstUpdated(e){super.firstUpdated(e),"listitem"===this.role&&this.removeAttribute("tabindex"),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>{e?.htmlFor||e?.attach(this)})}render(){const e=!X(this)||this.disabled,t=Y(this)&&this.disabledInteractive;return o`<div class="base"><m3e-elevation class="elevation" ?disabled="${e||t}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${e||t}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${e}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${e||t}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${J(this)?this[D]():i}<div class="wrapper">${He(this,si,"m",ci).call(this)}</div></div>`}_renderIcon(){return o`<slot name="icon" aria-hidden="true" @slotchange="${He(this,si,"m",di)}"></slot>`}_renderTrailingIcon(){return o`<slot name="trailing-icon" aria-hidden="true" @slotchange="${He(this,si,"m",hi)}"></slot>`}_renderSlot(){return o`<slot @slotchange="${He(this,si,"m",mi)}"></slot>`}};ni=new WeakMap,li=new WeakMap,si=new WeakSet,ci=function(){return o`${this._renderIcon()}<div class="label">${this._renderSlot()}</div>${this._renderTrailingIcon()}`},di=function(e){u(this,"-with-icon",p(e.target))},hi=function(e){u(this,"-with-trailing-icon",p(e.target))},mi=function(e){Oe(this,li,Q(e.target),"f")},pi.styles=t`:host { display: inline-block; vertical-align: middle; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; border-radius: var(--m3e-chip-container-shape, ${l.shape.corner.small}); height: calc(var(--m3e-chip-container-height, 2rem) + ${l.density.calc(-2)}); font-size: var(--m3e-chip-label-text-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-chip-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-chip-label-text-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-chip-label-text-tracking, ${l.typescale.standard.label.large.tracking}); } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host(:not(m3e-chip):not(:disabled)[disabled-interactive]) { cursor: not-allowed; } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) .base { user-select: none; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; column-gap: var(--m3e-chip-spacing, 0.5rem); } .label { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host([variant="elevated"]) .base { background-color: var(--m3e-elevated-chip-container-color, ${l.color.surfaceContainerLow}); --m3e-elevation-level: var(--m3e-elevated-chip-elevation, ${l.elevation.level1}); --m3e-elevation-hover-level: var(--m3e-elevated-chip-hover-elevation, ${l.elevation.level2}); --m3e-elevation-focus-level: var(--m3e-elevated-chip-elevation, ${l.elevation.level1}); --m3e-elevation-pressed-level: var(--m3e-elevated-chip-elevation, ${l.elevation.level1}); } :host([variant="outlined"]) .base { outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-style: solid; outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: var(--m3e-outlined-chip-outline-color, ${l.color.outlineVariant}); } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: color-mix( in srgb, var(--m3e-outlined-chip-disabled-outline-color, ${l.color.onSurface}) var(--m3e-outlined-chip-disabled-outline-opacity, 12%), transparent ); } :host(:state(-with-icon)) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } :host(:not(:state(-with-icon))) .wrapper { padding-inline-start: var(--m3e-chip-padding-start, 1rem); } :host(:state(-with-trailing-icon)) .wrapper { padding-inline-end: var(--m3e-chip-with-icon-padding-end, 0.5rem); } :host(:not(:state(-with-trailing-icon))) .wrapper { padding-inline-end: var(--m3e-chip-padding-end, 1rem); } ::slotted([slot="icon"]), ::slotted([slot="trailing-icon"]) { flex: none; width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem) !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-label-text-color, ${l.color.onSurface}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-icon-color, ${l.color.primary}); } :host(:disabled) .base, :host([disabled-interactive]) .base { color: color-mix( in srgb, var(--m3e-chip-disabled-label-text-color, ${l.color.onSurface}) var(--m3e-chip-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: color-mix( in srgb, var(--m3e-chip-disabled-icon-color, ${l.color.onSurface}) var(--m3e-chip-disabled-icon-opacity, 38%), transparent ); } :host([variant="elevated"]:disabled) .base, :host([variant="elevated"][disabled-interactive]) .base { background-color: color-mix( in srgb, var(--m3e-elevated-chip-disabled-container-color, ${l.color.onSurface}) var(--m3e-elevated-chip-disabled-container-opacity, 12%), transparent ); --m3e-elevation-level: var(--m3e-elevated-chip-disabled-elevation, ${l.elevation.level0}); } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: CanvasText; } :host(:disabled) .base, :host([disabled-interactive]) .base, :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: GrayText; } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: GrayText; } }`,We([dt(".elevation")],pi.prototype,"_elevation",void 0),We([dt(".focus-ring")],pi.prototype,"_focusRing",void 0),We([dt(".state-layer")],pi.prototype,"_stateLayer",void 0),We([dt(".ripple")],pi.prototype,"_ripple",void 0),We([nt({reflect:!0})],pi.prototype,"variant",void 0),We([nt()],pi.prototype,"value",null),pi=We([m("m3e-chip")],pi);let ui=class extends(P(T(M(I(A(W(d(pi,"button")))))))){_renderTrailingIcon(){return i}};ui.formAssociated=!0,ui=We([m("m3e-assist-chip")],ui);let vi=class extends(ee(a)){render(){return o`<slot></slot>`}};var bi,fi,gi;vi.styles=t`:host { display: inline-flex; flex-wrap: wrap; vertical-align: middle; gap: var(--m3e-chip-set-spacing, 0.5rem); outline: none; } :host([vertical]) { flex-direction: column; }`,vi=We([m("m3e-chip-set")],vi);let yi=class extends(te(M(I(A(W(d(pi,"radio"))))))){constructor(){super(...arguments),bi.add(this),fi.set(this,e=>He(this,bi,"m",gi).call(this,e))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,fi,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,fi,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-filter-chip-set")?.[xe].notifySelectionChange(this)}_renderIcon(){return o`<div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg> ${super._renderIcon()}</div>`}};var $i,xi,wi,ki,Ci,Si,_i;fi=new WeakMap,bi=new WeakSet,gi=function(e){if(e.defaultPrevented)return;const t=this.selected;this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.closest("m3e-filter-chip-set")?.[xe].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=t},yi.formAssociated=!0,yi.styles=[pi.styles,t`:host([selected]:not(:state(-hide-selection))) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } .icon { display: flex; align-items: center; justify-content: center; } .check { width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem); } :host(:not(:disabled):not([disabled-interactive])) .check { color: var(--m3e-chip-selected-leading-icon-color, ${l.color.onSecondaryContainer}); } :host(:not([selected])) .check, :host(:state(-hide-selection)) .check, :host(:state(-hide-selection):not(:state(-with-icon))) .icon { display: none; } :host(:not(:state(-with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-chip-with-icon-padding-start, 0.5rem)); transition: margin-inline-start ${l.motion.spring.fastEffects}; } :host([selected]) .icon { margin-inline-start: 0; } :host([selected]:not(:state(-hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-unselected-label-text-color, ${l.color.onSurfaceVariant}); --m3e-ripple-color: var(--m3e-chip-unselected-ripple-color, ${l.color.onSurfaceVariant}); --m3e-state-layer-focus-color: var( --m3e-chip-unselected-state-layer-focus-color, ${l.color.onSurfaceVariant} ); --m3e-state-layer-hover-color: var( --m3e-chip-unselected-state-layer-hover-color, ${l.color.onSurfaceVariant} ); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]) { color: var(--m3e-chip-unselected-leading-icon-color, ${l.color.primary}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-unselected-trailing-icon-color, ${l.color.onSurfaceVariant}); } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: unset; outline-width: var(--m3e-chip-selected-outline-thickness, 0); color: var(--m3e-chip-selected-label-text-color, ${l.color.onSecondaryContainer}); background-color: var(--m3e-chip-selected-container-color, ${l.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-chip-selected-container-hover-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-chip-selected-container-focus-color, ${l.color.onSecondaryContainer} ); --m3e-elevation-hover-level: var(--m3e-chip-selected-hover-elevation, ${l.elevation.level1}); --m3e-ripple-color: var(--m3e-chip-selected-ripple-color, ${l.color.onSecondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-chip-selected-state-layer-focus-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-chip-selected-state-layer-hover-color, ${l.color.onSecondaryContainer} ); } :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]) { color: var(--m3e-chip-selected-leading-icon-color, ${l.color.onSecondaryContainer}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-selected-trailing-icon-color, ${l.color.onSecondaryContainer}); } @media (prefers-reduced-motion) { .base, :host(:not(:state(-with-icon))) .icon { transition: none; } } @media (forced-colors: active) { :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base, :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="trailing-icon"]), :host(:not(:disabled):not([disabled-interactive])) .check { color: ButtonText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-color: ButtonText; } }`],yi=We([m("m3e-filter-chip")],yi);let Li=class extends(q(F(V(K(W(w(d(vi,"radiogroup")))))))){constructor(){super(...arguments),$i.add(this),xi.set(this,void 0),this[_i]=(new we).onActiveItemChange(()=>this[xe].activeItem?.focus()).withWrap().withDirectionality(Le.current),this.multi=!1,this.hideSelectionIndicator=!1}get chips(){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[(xi=new WeakMap,$i=new WeakSet,_i=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(),Oe(this,xi,Le.observe(()=>this[xe].directionality=Le.current),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,xi,"f")?.call(this)}update(e){super.update(e),e.has("vertical")&&(this[xe].vertical=this.vertical),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[xe].disabled=this.disabled),e.has("multi")&&(this.role=this.multi?"group":"radiogroup",He(this,$i,"m",Si).call(this),this[xe].multi=this.multi,this[xe].disableRovingTabIndex(this.multi)),(e.has("multi")||e.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),e.has("hideSelectionIndicator")&&this.chips.forEach(e=>u(e,"-hide-selection",this.hideSelectionIndicator))}render(){return o`<slot @slotchange="${He(this,$i,"m",wi)}" @keydown="${He(this,$i,"m",ki)}" @change="${He(this,$i,"m",Ci)}"></slot>`}};wi=function(){const{added:e}=this[xe].setItems([...this.querySelectorAll("m3e-filter-chip")]);e.forEach(e=>u(e,"-hide-selection",this.hideSelectionIndicator)),He(this,$i,"m",Si).call(this)},ki=function(e){this.multi||this[xe].onKeyDown(e)},Ci=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Si=function(){this.chips.forEach(e=>e.role=this.multi?"button":"radio")},We([nt({type:Boolean})],Li.prototype,"multi",void 0),We([nt({attribute:"hide-selection-indicator",type:Boolean})],Li.prototype,"hideSelectionIndicator",void 0),Li=We([m("m3e-filter-chip-set")],Li);
+ */const ut={small:{containerHeight:e("var(--m3e-app-bar-small-container-height, 4rem)"),titleTextFontSize:e(`var(--m3e-app-bar-small-title-text-font-size, ${l.typescale.standard.title.large.fontSize})`),titleTextFontWeight:e(`var(--m3e-app-bar-small-title-text-font-weight, ${l.typescale.standard.title.large.fontWeight})`),titleTextLineHeight:e(`var(--m3e-app-bar-small-title-text-line-height, ${l.typescale.standard.title.large.lineHeight})`),titleTextTracking:e(`var(--m3e-app-bar-small-subtitle-text-tracking, ${l.typescale.standard.title.large.tracking})`),subtitleTextFontSize:e(`var(--m3e-app-bar-small-subtitle-text-font-size, ${l.typescale.standard.label.medium.fontSize})`),subtitleTextFontWeight:e(`var(--m3e-app-bar-small-subtitle-text-font-weight, ${l.typescale.standard.label.medium.fontWeight})`),subtitleTextLineHeight:e(`var(--m3e-app-bar-small-subtitle-text-line-height, ${l.typescale.standard.label.medium.lineHeight})`),subtitleTextTracking:e(`var(--m3e-app-bar-small-subtitle-text-tracking, ${l.typescale.standard.label.medium.tracking})`),headingPaddingLeft:e("var(--m3e-app-bar-small-heading-padding-left, 0.25rem)"),headingPaddingRight:e("var(--m3e-app-bar-small-heading-padding-right, 0.25rem)")},medium:{containerHeight:e("var(--m3e-app-bar-medium-container-height, 7rem)"),containerHeightWithSubtitle:e("var(--m3e-app-bar-medium-container-height-with-subtitle, 8.5rem)"),titleTextFontSize:e(`var(--m3e-app-bar-medium-title-text-font-size, ${l.typescale.standard.headline.medium.fontSize})`),titleTextFontWeight:e(`var(--m3e-app-bar-medium-title-text-font-weight, ${l.typescale.standard.headline.medium.fontWeight})`),titleTextLineHeight:e(`var(--m3e-app-bar-medium-title-text-line-height, ${l.typescale.standard.headline.medium.lineHeight})`),titleTextTracking:e(`var(--m3e-app-bar-medium-subtitle-text-tracking, ${l.typescale.standard.headline.medium.tracking})`),subtitleTextFontSize:e(`var(--m3e-app-bar-medium-subtitle-text-font-size, ${l.typescale.standard.title.small.fontSize})`),subtitleTextFontWeight:e(`var(--m3e-app-bar-medium-subtitle-text-font-weight, ${l.typescale.standard.title.small.fontWeight})`),subtitleTextLineHeight:e(`var(--m3e-app-bar-medium-subtitle-text-line-height, ${l.typescale.standard.title.small.lineHeight})`),subtitleTextTracking:e(`var(--m3e-app-bar-medium-subtitle-text-tracking, ${l.typescale.standard.title.small.tracking})`),headingPaddingLeft:e("var(--m3e-app-bar-medium-heading-padding-left, 1rem)"),headingPaddingRight:e("var(--m3e-app-bar-medium-heading-padding-right, 0.25rem)"),paddingTop:e("var(--m3e-app-bar-medium-padding-top, 0.5rem)"),paddingBottom:e("var(--m3e-app-bar-medium-padding-bottom, 0.75rem)"),titleMaxLines:e("var(--m3e-app-bar-medium-title-max-lines, 2)"),subtitleMaxLines:e("var(--m3e-app-bar-medium-subtitle-max-lines, 1)")},large:{containerHeight:e("var(--m3e-app-bar-large-container-height, 7.5rem)"),containerHeightWithSubtitle:e("var(--m3e-app-bar-large-container-height-with-subtitle, 9.5rem)"),titleTextFontSize:e(`var(--m3e-app-bar-large-title-text-font-size, ${l.typescale.standard.display.small.fontSize})`),titleTextFontWeight:e(`var(--m3e-app-bar-large-title-text-font-weight, ${l.typescale.standard.display.small.fontWeight})`),titleTextLineHeight:e(`var(--m3e-app-bar-large-title-text-line-height, ${l.typescale.standard.display.small.lineHeight})`),titleTextTracking:e(`var(--m3e-app-bar-large-subtitle-text-tracking, ${l.typescale.standard.display.small.tracking})`),subtitleTextFontSize:e(`var(--m3e-app-bar-large-subtitle-text-font-size, ${l.typescale.standard.title.medium.fontSize})`),subtitleTextFontWeight:e(`var(--m3e-app-bar-large-subtitle-text-font-weight, ${l.typescale.standard.title.medium.fontWeight})`),subtitleTextLineHeight:e(`var(--m3e-app-bar-large-subtitle-text-line-height, ${l.typescale.standard.title.medium.lineHeight})`),subtitleTextTracking:e(`var(--m3e-app-bar-large-subtitle-text-tracking, ${l.typescale.standard.title.medium.tracking})`),headingPaddingLeft:e("var(--m3e-app-bar-large-heading-padding-left, 1rem)"),headingPaddingRight:e("var(--m3e-app-bar-large-heading-padding-right, 0.25rem)"),paddingTop:e("var(--m3e-app-bar-large-padding-top, 0.5rem)"),paddingBottom:e("var(--m3e-app-bar-large-padding-bottom, 0.75rem)"),titleMaxLines:e("var(--m3e-app-bar-large-title-max-lines, 2)"),subtitleMaxLines:e("var(--m3e-app-bar-large-subtitle-max-lines, 1)")}};function vt(a){return t`:host([size="${e(a)}"]) .base:not(.with-subtitle) { min-height: ${ut[a].containerHeight}; } :host([size="${e(a)}"]) .base.with-subtitle { min-height: ${ut[a].containerHeightWithSubtitle??ut[a].containerHeight}; } :host([size="${e(a)}"]) .title { font-size: ${ut[a].titleTextFontSize}; font-weight: ${ut[a].titleTextFontWeight}; line-height: ${ut[a].titleTextLineHeight}; letter-spacing: ${ut[a].titleTextTracking}; } :host([size="${e(a)}"]) .subtitle { font-size: ${ut[a].subtitleTextFontSize}; font-weight: ${ut[a].subtitleTextFontWeight}; line-height: ${ut[a].subtitleTextLineHeight}; letter-spacing: ${ut[a].subtitleTextTracking}; } :host(:not([centered])[size="${e(a)}"]) .label { padding-inline-start: ${ut[a].headingPaddingLeft}; padding-inline-end: ${ut[a].headingPaddingRight}; } :host([centered][size="${e(a)}"]) .label { padding-inline: ${ut[a].headingPaddingLeft}; } :host([size="${e(a)}"]) .base { padding-block-start: ${ut[a].paddingTop??e("unset")}; padding-block-end: ${ut[a].paddingBottom??e("unset")}; } ${ut[a].titleMaxLines?t`:host([size="${e(a)}"]) .title { display: -webkit-box; -webkit-line-clamp: ${ut[a].titleMaxLines}; -webkit-box-orient: vertical; overflow: hidden; line-clamp: ${ut[a].titleMaxLines}; }`:t``} ${ut[a].subtitleMaxLines?t`:host([size="${e(a)}"]) .subtitle { display: -webkit-box; -webkit-line-clamp: ${ut[a].subtitleMaxLines}; -webkit-box-orient: vertical; overflow: hidden; line-clamp: ${ut[a].subtitleMaxLines}; }`:t``}`}const bt=[vt("small"),vt("medium"),vt("large")],ft=e(`var(--m3e-app-bar-container-color, ${l.color.surface})`),gt=e(`var(--m3e-app-bar-container-color-on-scroll, ${l.color.surfaceContainer})`),yt=e(`var(--m3e-app-bar-container-elevation, ${l.elevation.level0})`),$t=e(`var(--m3e-app-bar-container-elevation-on-scroll, ${l.elevation.level1})`),xt=e(`var(--m3e-app-bar-title-text-color, ${l.color.onSurface})`),wt=e(`var(--m3e-app-bar-subtitle-text-color, ${l.color.onSurfaceVariant})`),kt=e("var(--m3e-app-bar-padding-left, 0.25rem)"),Ct=e("var(--m3e-app-bar-padding-right, 0.25rem)"),St=t`:host { display: block; flex: none; } :host([size="small"]) .base, :host(:not([size="small"]):not([centered])) .heading { padding-inline-start: ${kt}; padding-inline-end: ${Ct}; } .base { box-sizing: border-box; display: flex; transition: ${e(`background-color ${l.motion.duration.medium1} ${l.motion.easing.standard},\n      box-shadow ${l.motion.duration.medium1} ${l.motion.easing.standard}`)}; } .base:not(.on-scroll) { background-color: ${ft}; box-shadow: ${yt}; } .base.on-scroll { background-color: ${gt}; box-shadow: ${$t}; } .leading-icon, .trailing-icon { display: flex; flex: none; align-items: center; } .leading-icon { min-width: var(--_leading-icon-min-width); } .trailing-icon { min-width: var(--_trailing-icon-min-width); } .heading { display: flex; align-items: center; } :host([size="small"]) .heading { flex: 1 1 auto; } .spacer { flex: 1 1 auto; } .label { display: flex; flex-direction: column; flex: none; } .title { color: ${xt}; } .subtitle { color: ${wt}; } .base:not(.with-title) .title, .base:not(.with-subtitle) .subtitle, .base:not(.with-title):not(.with-subtitle) .label, .base:not(.with-trailing-icon) .trailing-icon { display: none; } :host([size="small"]) .base { align-items: center; } :host([size="small"]) .heading { min-width: 0; } :host([size="small"]) .label { flex: 1 1 auto; min-width: 0; } :host([size="small"]) .title, :host([size="small"]) .subtitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :host(:not([size="small"])) .base { flex-direction: column; } :host([centered]) .title, :host([centered]) .subtitle { text-align: center; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } .base:not(.on-scroll), .base.on-scroll { background-color: Canvas; box-shadow: unset; } .title { color: CanvasText; } .subtitle { color: FieldText; } }`;var _t,Lt,zt,Et,Mt,Tt,Pt,It,At,Wt,Ht;let Ot=class extends(c(d(a,"banner"))){constructor(){super(...arguments),_t.add(this),Lt.set(this,e=>this._updateScroll(e)),zt.set(this,()=>Be(this,_t,"m",Wt).call(this)),this.centered=!1,this.size="small"}attach(e){super.attach(e),e instanceof HTMLIFrameElement?(e.addEventListener("load",Be(this,zt,"f")),Be(this,_t,"m",Wt).call(this)):e.addEventListener("scroll",Be(this,Lt,"f"),{passive:!0})}detach(){this.control instanceof HTMLIFrameElement&&(this.control.removeEventListener("load",Be(this,zt,"f")),this.control.contentDocument?.removeEventListener("scroll",Be(this,Lt,"f"))),this.control&&this.control.removeEventListener("scroll",Be(this,Lt,"f")),super.detach()}updated(e){super.updated(e),(e.has("centered")||e.has("size"))&&(this.centered&&"small"===this.size?Be(this,_t,"m",At).call(this):Be(this,_t,"m",It).call(this))}render(){return"small"===this.size?o`<div class="base"><div class="leading-icon"><slot name="leading-icon" @slotchange="${Be(this,_t,"m",Tt)}"></slot></div><div class="heading"><div class="label"><div class="title"><slot name="title" @slotchange="${Be(this,_t,"m",Et)}"></slot></div><div class="subtitle"><slot name="subtitle" @slotchange="${Be(this,_t,"m",Mt)}"></slot></div></div></div><div class="trailing-icon"><slot name="trailing-icon" @slotchange="${Be(this,_t,"m",Pt)}"></slot></div></div>`:o`<div class="base"><div class="heading"><div class="leading-icon"><slot name="leading-icon" @slotchange="${Be(this,_t,"m",Tt)}"></slot></div><div class="spacer"></div><div class="trailing-icon"><slot name="trailing-icon" @slotchange="${Be(this,_t,"m",Pt)}"></slot></div></div><div class="spacer"></div><div class="label"><div class="title"><slot name="title" @slotchange="${Be(this,_t,"m",Et)}"></slot></div><div class="subtitle"><slot name="subtitle" @slotchange="${Be(this,_t,"m",Mt)}"></slot></div></div></div>`}_updateScroll(e){let t=0;this.control instanceof HTMLIFrameElement?t=Be(this,_t,"m",Ht).call(this,this.control):e.target instanceof HTMLElement&&(t=e.target.scrollTop),this._base?.classList.toggle("on-scroll",t>0)}};var Dt,Bt,qt,Rt,Ft,Vt,Ut,Nt,jt,Kt,Zt,Gt,Xt,Yt,Jt,Qt,ea,ta,aa,oa,ia,ra,sa,na,la,ca,da,ha,ma,pa,ua,va,ba,fa,ga,ya,$a,xa,wa,ka,Ca,Sa,_a,La,za,Ea,Ma,Ta,Pa;Lt=new WeakMap,zt=new WeakMap,_t=new WeakSet,Et=function(e){this._base?.classList.toggle("with-title",p(e.target))},Mt=function(e){this._base?.classList.toggle("with-subtitle",p(e.target))},Tt=function(e){this._base?.classList.toggle("with-leading-icon",p(e.target)),this.centered&&"small"===this.size&&setTimeout(()=>Be(this,_t,"m",At).call(this),40)},Pt=function(e){this._base?.classList.toggle("with-trailing-icon",p(e.target)),this.centered&&"small"===this.size&&setTimeout(()=>Be(this,_t,"m",At).call(this),40)},It=function(){this._base?.style.removeProperty("--_leading-icon-min-width"),this._base?.style.removeProperty("--_trailing-icon-min-width")},At=function(){Be(this,_t,"m",It).call(this);const e=this._leadingIcon?.getBoundingClientRect().width??0,t=this._trailingIcon?.getBoundingClientRect().width??0;e<t?this._base?.style.setProperty("--_leading-icon-min-width",`${t}px`):e>t&&this._base?.style.setProperty("--_trailing-icon-min-width",`${e}px`)},Wt=function(){this.control instanceof HTMLIFrameElement&&(this.control.contentDocument?.addEventListener("scroll",Be(this,Lt,"f"),{passive:!0}),this._base?.classList.toggle("on-scroll",Be(this,_t,"m",Ht).call(this,this.control)>0))},Ht=function(e){return Math.max(e.contentDocument?.documentElement?.scrollTop??0,e.contentDocument?.body?.scrollTop??0)},Ot.styles=[St,bt],De([pt(".base")],Ot.prototype,"_base",void 0),De([pt(".leading-icon")],Ot.prototype,"_leadingIcon",void 0),De([pt(".trailing-icon")],Ot.prototype,"_trailingIcon",void 0),De([dt({type:Boolean,reflect:!0})],Ot.prototype,"centered",void 0),De([dt({reflect:!0})],Ot.prototype,"size",void 0),De([h(40)],Ot.prototype,"_updateScroll",null),Ot=De([m("m3e-app-bar")],Ot);let Ia=Pa=class extends(c(a)){constructor(){super(),Dt.add(this),Bt.set(this,`m3e-autocomplete-${Pa.__nextId}`),qt.set(this,`${Be(this,Bt,"f")}-menu`),this._options=new Array,Rt.set(this,void 0),Ft.set(this,!1),Vt.set(this,void 0),Ut.set(this,!1),Nt.set(this,!1),jt.set(this,!1),Kt.set(this,void 0),Zt.set(this,()=>Be(this,Dt,"m",ha).call(this)),Gt.set(this,()=>Be(this,Dt,"m",ma).call(this)),Xt.set(this,()=>Be(this,Dt,"m",pa).call(this)),Yt.set(this,()=>Be(this,Dt,"m",ua).call(this)),Jt.set(this,e=>Be(this,Dt,"m",fa).call(this,e)),Qt.set(this,e=>Be(this,Dt,"m",va).call(this,e)),ea.set(this,()=>Be(this,Dt,"m",ba).call(this)),ta.set(this,e=>Be(this,Dt,"m",ya).call(this,e)),aa.set(this,e=>Be(this,Dt,"m",ga).call(this,e)),this._listKeyManager=(new be).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withSkipPredicate(e=>e.disabled||e.hidden).onActiveItemChange(()=>{this._listKeyManager.activeItem&&Be(this,Dt,"m",Ca).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.required=!1,this.autoActivate=!1,this.caseSensitive=!1,this.filter="contains",this.loading=!1,this.hideNoData=!1,this.hideLoading=!1,this.loadingLabel="Loading...",this.noDataLabel="No options",this.resultsLabel=e=>`${e} options`,new u(this,{config:{childList:!0,subtree:!0},callback:()=>Be(this,Dt,"m",da).call(this)})}get options(){return this._options??[]}attach(e){e instanceof HTMLInputElement&&(super.attach(e),e.autocomplete="off",e.role="combobox",e.ariaAutoComplete="list",e.ariaExpanded="false",e.addEventListener("click",Be(this,Zt,"f")),e.addEventListener("focus",Be(this,Xt,"f")),e.addEventListener("blur",Be(this,Yt,"f")),e.addEventListener("keydown",Be(this,Jt,"f")),e.addEventListener("input",Be(this,Qt,"f")),e.addEventListener("change",Be(this,ea,"f")),Be(this,Dt,"a",ca)?.addEventListener("pointerdown",Be(this,Gt,"f")))}detach(){this.control&&(Be(this,Dt,"a",ca)?.removeEventListener("pointerdown",Be(this,Gt,"f")),this.control.role=null,this.control.ariaAutoComplete=null,this.control.ariaExpanded=null,this.control.removeEventListener("click",Be(this,Zt,"f")),this.control.removeEventListener("focus",Be(this,Xt,"f")),this.control.removeEventListener("blur",Be(this,Yt,"f")),this.control.removeEventListener("keydown",Be(this,Jt,"f")),this.control.removeEventListener("input",Be(this,Qt,"f")),this.control.removeEventListener("change",Be(this,ea,"f"))),super.detach()}clear(e=!1){Be(this,Dt,"a",ia)&&(Be(this,Dt,"a",ia).value="",Be(this,Dt,"m",za).call(this),e?Be(this,Dt,"a",ia).focus():Be(this,Dt,"m",ka).call(this))}connectedCallback(){super.connectedCallback(),Be(this,Dt,"m",da).call(this)}update(e){super.update(e),e.has("hideNoData")&&this.hideNoData&&Be(this,Vt,"f")&&v(Be(this,Vt,"f"),"-no-data",!1),e.has("loading")&&(this.loading?Be(this,jt,"f")&&(this.loadingLabel&&fe.announce(this.loadingLabel,"polite"),!Be(this,Vt,"f")&&Be(this,Dt,"a",na)&&Be(this,Dt,"m",xa).call(this)):Be(this,Vt,"f")&&!Be(this,Dt,"a",na)?Be(this,Dt,"m",ka).call(this):Be(this,Vt,"f")?b(Be(this,Vt,"f"),"-loading"):Be(this,jt,"f")&&Be(this,Dt,"m",xa).call(this))}render(){return o`<div class="options" aria-hidden="true"><slot></slot></div>`}};Bt=new WeakMap,qt=new WeakMap,Rt=new WeakMap,Ft=new WeakMap,Vt=new WeakMap,Ut=new WeakMap,Nt=new WeakMap,jt=new WeakMap,Kt=new WeakMap,Zt=new WeakMap,Gt=new WeakMap,Xt=new WeakMap,Yt=new WeakMap,Jt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,Dt=new WeakSet,oa=function(){return this._listKeyManager?.items??[]},ia=function(){return this.control?this.control:null},ra=function(){return null!==(Be(this,Rt,"f")?.querySelector("[slot='no-data']")??null)},sa=function(){return null!==(Be(this,Rt,"f")?.querySelector("[slot='loading']")??null)},na=function(){return Be(this,Dt,"a",oa).some(e=>!e.hidden)||this.loading&&!this.hideLoading&&this.loadingLabel.length>0||!this.loading&&!this.hideNoData&&this.noDataLabel.length>0},la=function(){const e=Be(this,Dt,"a",ca);return`${e?e.menuAnchor.clientWidth:this.control?.clientWidth??0}px`},ca=function(){return this.control?.closest("m3e-form-field")??null},da=async function(){Be(this,Kt,"f")&&Be(this,Kt,"f").abort();const e=new AbortController;qe(this,Kt,e,"f");const t=[...this.querySelectorAll("m3e-option")];for(const a of t){if(e.signal.aborted)break;a.isUpdatePending&&await a.updateComplete}if(e.signal.aborted)return;this._options=t,qe(this,Rt,this.cloneNode(!0),"f");const{added:a}=this._listKeyManager.setItems([...Be(this,Rt,"f").querySelectorAll("m3e-option")]);if(a.forEach(e=>{e.id=e.id||`${Be(this,Bt,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,v(e,"-hide-selection-indicator",this.hideSelectionIndicator)}),Be(this,Vt,"f")){const e=Be(this,Dt,"m",za).call(this);Be(this,Vt,"f").replaceChildren(...Be(this,Rt,"f").childNodes),Be(this,Dt,"a",na)?Be(this,Dt,"m",wa).call(this,Be(this,Vt,"f"),e):Be(this,Dt,"m",ka).call(this)}},ha=function(){qe(this,Ft,!0,"f"),Be(this,Dt,"m",xa).call(this)},ma=function(){qe(this,Ut,!0,"f")},pa=function(){qe(this,jt,!0,"f"),qe(this,Ft,!0,"f"),0!=this.options.length||this.control.readOnly||this.dispatchEvent(new CustomEvent("query",{detail:{term:Be(this,Dt,"a",ia)?.value??""},bubbles:!0,composed:!0})),Be(this,Dt,"m",xa).call(this)},ua=function(){qe(this,jt,!1,"f"),Be(this,Ut,"f")||Be(this,Dt,"m",ka).call(this),qe(this,Ut,!1,"f")},va=function(e){if(Be(this,Dt,"a",ia)&&!e.defaultPrevented){this.dispatchEvent(new CustomEvent("query",{detail:{term:Be(this,Dt,"a",ia).value},bubbles:!0,composed:!0})),qe(this,Nt,!0,"f");try{Be(this,Vt,"f")?(Be(this,Dt,"m",za).call(this),Be(this,Dt,"a",na)||Be(this,Dt,"m",ka).call(this)):Be(this,Dt,"m",xa).call(this)}finally{qe(this,Nt,!1,"f"),Be(this,Dt,"a",ca)?.notifyControlStateChange(!0)}}},ba=function(){Be(this,Dt,"a",ia)&&this.required&&!Be(this,Dt,"a",oa).some(e=>e.selected&&!e.disabled)&&(Be(this,Dt,"a",ia).value="")},fa=function(e){if(!e.defaultPrevented)switch(qe(this,Ft,!1,"f"),e.key){case"Backspace":case"Delete":Be(this,Dt,"a",ia)&&!Be(this,Dt,"a",ia).value&&Be(this,Dt,"m",ka).call(this);break;case"Enter":Be(this,Vt,"f")&&this._listKeyManager.activeItem?(e.preventDefault(),Be(this,Dt,"m",_a).call(this,this._listKeyManager.activeItem),f()?Be(this,Dt,"m",ka).call(this):setTimeout(()=>Be(this,Dt,"m",ka).call(this),150)):Be(this,Vt,"f")&&setTimeout(()=>{Be(this,Dt,"a",ia)&&!Be(this,Dt,"a",ia).value&&Be(this,Dt,"m",ka).call(this)});break;case"Escape":case"Tab":Be(this,Dt,"m",ka).call(this);break;case"Up":case"ArrowUp":e.altKey?Be(this,Dt,"m",ka).call(this):this._listKeyManager.onKeyDown(e);break;case"Down":case"ArrowDown":Be(this,Vt,"f")?this._listKeyManager.onKeyDown(e):(Be(this,Dt,"m",xa).call(this),e.preventDefault());break;default:this._listKeyManager.onKeyDown(e)}},ga=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&&(this._listKeyManager.setActiveItem(t),Be(this,Dt,"m",_a).call(this,t),f()?Be(this,Dt,"m",ka).call(this):setTimeout(()=>Be(this,Dt,"m",ka).call(this),150))},ya=function(e){if(Be(this,Vt,"f"))if("closed"!==e.newState){const t=Be(this,Dt,"a",oa).find(e=>e.selected&&!e.disabled);t?(this._listKeyManager.setActiveItem(t),g(t,Be(this,Vt,"f"))):Be(this,Dt,"m",Ma).call(this),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else f()?Be(this,Dt,"m",$a).call(this,e):setTimeout(()=>Be(this,Dt,"m",$a).call(this,e),100)},$a=function(e){Be(this,Vt,"f")&&(Be(this,Rt,"f")?.replaceChildren(...Be(this,Vt,"f").childNodes),Be(this,Vt,"f").remove(),Be(this,Vt,"f").removeEventListener("toggle",Be(this,ta,"f")),Be(this,Vt,"f").removeEventListener("pointerdown",Be(this,aa,"f")),qe(this,Vt,void 0,"f"),Be(this,Dt,"a",ia)&&(Be(this,Dt,"a",ia).ariaExpanded="false",Be(this,Dt,"a",ia).removeAttribute("aria-controls"),Be(this,Dt,"a",ia).removeAttribute("aria-owns")),this.requestUpdate(),Be(this,Dt,"a",ca)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState})))},xa=function(){if(Be(this,Vt,"f")||!Be(this,Dt,"a",ia)||Be(this,Dt,"a",ia).readOnly||Be(this,Dt,"a",ia).disabled)return;const e=Be(this,Dt,"m",za).call(this);if(!Be(this,Dt,"a",na))return;if(qe(this,Vt,document.createElement("m3e-option-panel"),"f"),Be(this,Vt,"f").id=Be(this,qt,"f"),Be(this,Vt,"f").style.overflowX="hidden",Be(this,Vt,"f").style.minWidth=Be(this,Dt,"a",la),Be(this,Vt,"f").addEventListener("toggle",Be(this,ta,"f")),Be(this,Vt,"f").addEventListener("pointerdown",Be(this,aa,"f")),Be(this,Rt,"f")){const e=[...Be(this,Rt,"f").childNodes];if(!Be(this,Dt,"a",ra)&&this.noDataLabel){const t=document.createElement("span");t.slot="no-data",t.textContent=this.noDataLabel,e.push(t)}if(!Be(this,Dt,"a",sa)&&this.loadingLabel){const t=document.createElement("span");t.slot="loading",t.textContent=this.loadingLabel,e.push(t)}Be(this,Vt,"f").replaceChildren(...e)}Be(this,Dt,"m",wa).call(this,Be(this,Vt,"f"),e),(Be(this,Dt,"a",ca)??Be(this,Dt,"a",ia)).insertAdjacentElement("afterend",Be(this,Vt,"f")),Be(this,Dt,"a",ia).setAttribute("aria-controls",Be(this,qt,"f")),Be(this,Dt,"a",ia).setAttribute("aria-owns",Be(this,qt,"f")),Be(this,Dt,"a",ca)?.notifyControlStateChange(),this._listKeyManager.activeItem&&this.autoActivate&&Be(this,Dt,"m",Ca).call(this,this._listKeyManager.activeItem,!0);const t=Be(this,Dt,"a",ia);setTimeout(()=>Be(this,Vt,"f")?.show(t,Be(this,Dt,"a",ca)?.menuAnchor))},wa=function(e,t){v(e,"-loading",this.loading),v(e,"-no-data",0==t)},ka=function(){Be(this,Vt,"f")?.hide(),Be(this,Dt,"a",ia)?.removeAttribute("aria-activedescendant")},Ca=function(e,t=!1){if(Be(this,Dt,"a",ia)&&(Be(this,Dt,"a",ia).setAttribute("aria-activedescendant",e.id),Be(this,Vt,"f"))){g(e,Be(this,Vt,"f"),{block:"nearest",behavior:"instant"});const a=t||!Be(this,Ft,"f")&&(Be(this,Dt,"a",ia).matches(":focus-visible")||y());Be(this,Dt,"a",oa).forEach(t=>{t===e&&a?(t.focusRing?.show(),t.stateLayer?.show("focused")):(t.focusRing?.hide(),t.stateLayer?.hide("focused"))})}},Sa=async function(e){const t=this._options[this._listKeyManager.items.indexOf(e)];t&&(t.selected=e.selected,t.isUpdatePending&&await t.updateComplete)},_a=async function(e){e.selected||(e.selected=!0,await Be(this,Dt,"m",Sa).call(this,e),e.isUpdatePending&&await e.updateComplete,this.requestUpdate(),this.isUpdatePending&&await this.updateComplete,Be(this,Dt,"a",ia)&&(Be(this,Dt,"a",ia).value=e.value),Be(this,Dt,"a",ca)?.notifyControlStateChange(!0))},La=function(e,t,a,o){const i=this.caseSensitive?t.value:t.value.toLowerCase();switch(this.filter){case"starts-with":return e.term=o,e.highlightMode=this.filter,i.startsWith(a);case"ends-with":return e.term=o,e.highlightMode=this.filter,i.endsWith(a);case"contains":return e.term=o,e.highlightMode=this.filter,i.includes(a);case"none":return e.disableHighlight=!0,!0;default:return e.disableHighlight=!0,this.filter(t,o)}},za=function(){if(!Be(this,Dt,"a",ia))return 0;const e=Be(this,Dt,"a",oa).filter(e=>!e.hidden).length,t=!this.loading&&Be(this,Nt,"f");qe(this,Nt,!1,"f");const a=Be(this,Dt,"a",ia).value,o=this.caseSensitive?a:a.toLocaleLowerCase();let i,r=0,s=!1;for(let e=0;e<Be(this,Dt,"a",oa).length;e++){const t=Be(this,Dt,"a",oa)[e],n=this._options[e];t.hidden=!Be(this,Dt,"m",La).call(this,t,n,o,a),t.hidden?(Be(this,Dt,"m",Ta).call(this,t),b(t,"-first"),b(t,"-last")):(r++,s||t.parentElement instanceof ze?(b(t,"-first"),i&&b(i,"-last"),$(t,"-last"),i=t):($(t,"-first"),s=!0,$(t,"-last"),i=t)),t.selected&&n.value!==a&&(t.selected=!1,Be(this,Dt,"m",Sa).call(this,t))}Be(this,Vt,"f")&&Be(this,Dt,"m",wa).call(this,Be(this,Vt,"f"),r);const n=Be(this,Vt,"f")?.querySelectorAll("m3e-optgroup")??Be(this,Rt,"f")?.querySelectorAll("m3e-optgroup")??[];for(const e of n)e.hidden=[...e.querySelectorAll("m3e-option")].every(e=>e.hidden);return t&&Be(this,Dt,"m",Ea).call(this,e,r),Be(this,Dt,"m",Ma).call(this),r},Ea=function(e,t){if(Be(this,jt,"f"))if(0==t)e>0&&this.noDataLabel&&fe.announce(this.noDataLabel,"polite");else if(e!=t){const e=this.resultsLabel instanceof Function?this.resultsLabel(t):this.resultsLabel;e&&fe.announce(e,"polite")}},Ma=function(){if(this.autoActivate&&(!this._listKeyManager.activeItem||!this._listKeyManager.activeItem.selected)){const e=Be(this,Dt,"a",oa).find(e=>!e.disabled&&!e.hidden);e&&(this._listKeyManager.setActiveItem(e),Be(this,Vt,"f")&&g(e,Be(this,Vt,"f"),{block:"nearest",behavior:"instant"}))}},Ta=function(e){e.focusRing?.hide(),e.stateLayer?.hide("focused"),e===this._listKeyManager.activeItem&&(this._listKeyManager.updateActiveItem(null),Be(this,Dt,"a",ia)?.removeAttribute("aria-activedescendant"))},Ia.styles=t`:host { display: contents; } .options { display: none; }`,Ia.__nextId=0,De([dt({attribute:"hide-selection-indicator",type:Boolean})],Ia.prototype,"hideSelectionIndicator",void 0),De([dt({type:Boolean,reflect:!0})],Ia.prototype,"required",void 0),De([dt({attribute:"auto-activate",type:Boolean})],Ia.prototype,"autoActivate",void 0),De([dt({attribute:"case-sensitive",type:Boolean})],Ia.prototype,"caseSensitive",void 0),De([dt({converter:{fromAttribute:e=>null===e?"contains":"starts-with"===e||"ends-with"===e||"contains"===e||"none"===e?e:"contains"}})],Ia.prototype,"filter",void 0),De([dt({type:Boolean})],Ia.prototype,"loading",void 0),De([dt({attribute:"hide-no-data",type:Boolean})],Ia.prototype,"hideNoData",void 0),De([dt({attribute:"hide-loading",type:Boolean})],Ia.prototype,"hideLoading",void 0),De([dt({attribute:"loading-label"})],Ia.prototype,"loadingLabel",void 0),De([dt({attribute:"no-data-label"})],Ia.prototype,"noDataLabel",void 0),De([dt({attribute:"results-label"})],Ia.prototype,"resultsLabel",void 0),Ia=Pa=De([m("m3e-autocomplete")],Ia);let Aa=class extends a{render(){return o`<div class="base"><slot></slot></div>`}};var Wa,Ha,Oa,Da,Ba,qa;Aa.styles=t`:host { display: inline-block; vertical-align: middle; aspect-ratio: 1 / 1; width: var(--m3e-avatar-size, 2.5rem); } .base { user-select: none; white-space: nowrap; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: var(--m3e-avatar-shape, ${l.shape.corner.full}); font-size: var(--m3e-avatar-font-size, ${l.typescale.standard.title.medium.fontSize}); font-weight: var(--m3e-avatar-font-weight, ${l.typescale.standard.title.medium.fontWeight}); line-height: var(--m3e-avatar-line-height, ${l.typescale.standard.title.medium.lineHeight}); letter-spacing: var(--m3e-avatar-tracking, ${l.typescale.standard.title.medium.tracking}); background-color: var(--m3e-avatar-color, ${l.color.primaryContainer}); color: var(--m3e-avatar-label-color, ${l.color.onPrimaryContainer}); } ::slotted(img) { display: block; margin: 0 auto; overflow: hidden; object-fit: cover; width: 100%; height: 100%; }`,Aa=De([m("m3e-avatar")],Aa);let Ra=class extends(c(a)){constructor(){super(...arguments),Wa.add(this),Ha.set(this,void 0),Oa.set(this,void 0),this.size="medium",this.position="above-after"}attach(e){super.attach(e),Be(this,Wa,"m",qa).call(this)}detach(){super.detach(),Be(this,Wa,"m",Ba).call(this)}connectedCallback(){super.connectedCallback(),qe(this,Ha,Ee.observe(()=>Be(this,Wa,"m",qa).call(this)),"f")}disconnectedCallback(){super.disconnectedCallback(),Be(this,Ha,"f")?.call(this)}update(e){super.update(e),(e.has("position")||e.has("size")||e.has("htmlFor"))&&Be(this,Wa,"m",qa).call(this)}render(){return o`<div class="base"><slot @slotchange="${Be(this,Wa,"m",Da)}"><span aria-hidden="true">&nbsp;</span></slot></div>`}};Ha=new WeakMap,Oa=new WeakMap,Wa=new WeakSet,Da=function(){this.isConnected&&this.style.setProperty("--_badge-padding",this.textContent&&this.textContent.length>2?"0 "+("medium"===this.size?"0.25rem":"large"===this.size?"0.5rem":"0"):"")},Ba=function(){Be(this,Oa,"f")?.call(this),qe(this,Oa,void 0,"f")},qa=async function(){if(Be(this,Wa,"m",Ba).call(this),!this.control)return;let e="top-end";switch(this.position){case"above":e="top";break;case"above-before":e="top-start";break;case"after":e="right";break;case"before":e="left";break;case"below":e="bottom";break;case"below-after":e="bottom-end";break;case"below-before":e="bottom-start"}qe(this,Oa,await Me(this,this.control,{position:e},(e,t)=>{this.position.includes("before")&&"before"!==this.position&&("rtl"===Ee.current?e+=this.clientWidth:e-=this.clientWidth),this.position.includes("after")&&"after"!==this.position&&("rtl"===Ee.current?e-=this.clientWidth:e+=this.clientWidth),this.style.left=`${e}px`,this.style.top=`${t}px`}),"f")},Ra.styles=t`:host { display: inline-block; vertical-align: baseline; } .base { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; vertical-align: baseline; box-sizing: border-box; user-select: none; padding: var(--_badge-padding); border-radius: var(--m3e-badge-shape, ${l.shape.corner.full}); color: var(--m3e-badge-color, ${l.color.onError}); background-color: var(--m3e-badge-container-color, ${l.color.error}); } :host([for]) { position: absolute; z-index: 1; } :host([for][position="above"]) { transform: translateY(var(--_badge-offset, 0px)); } :host([for][position="above-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="above-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), var(--_badge-offset, 0px), 0); } :host([for][position="above-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), var(--_badge-offset, 0px), 0); } :host([for][position="below"]) { transform: translateY(calc(0px - var(--_badge-offset, 0px))); } :host([for][position="below-after"]:not(:dir(rtl))) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-after"]:dir(rtl)) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:not(:dir(rtl))) { transform: translate3d(var(--_badge-offset, 0px), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="below-before"]:dir(rtl)) { transform: translate3d(calc(0px - var(--_badge-offset, 0px)), calc(0px - var(--_badge-offset, 0px)), 0); } :host([for][position="before"]:not(:dir(rtl))), :host([for][position="after"]:dir(rtl)) { transform: translateX(var(--_badge-offset, 0px)); } :host([for][position="before"]:dir(rtl)), :host([for][position="after"]:not(:dir(rtl))) { transform: translateX(calc(0px - var(--_badge-offset, 0px))); } :host([size="small"]) { height: var(--m3e-badge-small-size, 0.375rem); max-height: var(--m3e-badge-small-size, 0.375rem); width: var(--m3e-badge-small-size, 0.375rem); min-width: var(--m3e-badge-small-size, 0.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.375rem); } :host([size="small"]) .base { font-size: 0; } :host([size="medium"]) { height: var(--m3e-badge-medium-size, 1.375rem); min-width: var(--m3e-badge-medium-size, 1.375rem); --_badge-offset: var(--m3e-badge-small-offset, 0.75rem); } :host([size="medium"]) .base { font-size: var(--m3e-badge-medium-font-size, ${l.typescale.standard.label.small.fontSize}); font-weight: var(--m3e-badge-medium-font-weight, ${l.typescale.standard.label.small.fontWeight}); line-height: var(--m3e-badge-medium-line-height, ${l.typescale.standard.label.small.lineHeight}); letter-spacing: var(--m3e-badge-medium-tracking, ${l.typescale.standard.label.small.tracking}); } :host([size="large"]) { height: var(--m3e-badge-large-size, 1.75rem); min-width: var(--m3e-badge-large-size, 1.75rem); --_badge-offset: var(--m3e-badge-small-offset, 1rem); } :host([size="large"]) .base { font-size: var(--m3e-badge-large-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-badge-large-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-badge-large-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-badge-large-tracking, ${l.typescale.standard.label.large.tracking}); } @media (forced-colors: active) { .base { background-color: ButtonFace; color: ButtonText; outline: 1px solid ButtonText; } }`,De([dt({reflect:!0})],Ra.prototype,"size",void 0),De([dt({reflect:!0})],Ra.prototype,"position",void 0),Ra=De([m("m3e-badge")],Ra);let Fa=class extends x{_onClick(){this.closest("m3e-bottom-sheet")?.hide()}};var Va,Ua,Na,ja,Ka,Za,Ga,Xa,Ya,Ja,Qa,eo,to,ao,oo,io,ro,so,no,lo,co,ho,mo,po,uo,vo,bo,fo,go,yo,$o,xo,wo,ko,Co,So,_o,Lo,zo,Eo;Fa=De([m("m3e-bottom-sheet-action")],Fa);let Mo=Eo=class extends(w(k(a),"opening","opened","cancel","closing","closed")){constructor(){super(...arguments),Va.add(this),Ua.set(this,e=>Be(this,Va,"m",co).call(this,e)),Na.set(this,e=>Be(this,Va,"m",ho).call(this,e)),ja.set(this,()=>Be(this,Va,"m",mo).call(this)),Ka.set(this,new Array),Za.set(this,new C),Ga.set(this,new S(this)),Xa.set(this,new _(this,{target:null,skipInitial:!0,callback:e=>Be(this,Va,"m",ko).call(this,e)})),Ya.set(this,null),Ja.set(this,void 0),Qa.set(this,!1),eo.set(this,0),to.set(this,void 0),ao.set(this,0),oo.set(this,0),io.set(this,void 0),this.modal=!1,this.open=!1,this.handle=!1,this.handleLabel="Drag handle",this.detents=[],this.detent=0,this.hideable=!1,this.hideFriction=.5}show(e=this.detent){this.open?void 0!==e&&Be(this,eo,"f")!==e&&Be(this,Va,"m",Co).call(this,e):(qe(this,to,e,"f"),this.open=!0)}hide(){this.open=!1}toggle(e){this.open?this.hide():this.show(e)}cycle(){var e;this.open?this.detents.length>0?Be(this,eo,"f")<this.detents.length-1?(qe(this,eo,(e=Be(this,eo,"f"),++e),"f"),Be(this,Va,"m",Co).call(this,Be(this,eo,"f"))):this.hideable&&this.hide():this.hide():this.show()}connectedCallback(){super.connectedCallback(),$(this,"-no-animate")}update(e){super.update(e),e.has("modal")&&(this.role=this.modal?"dialog":"region",this.ariaModal=this.modal?"true":null,this.popover=this.modal?"manual":null)}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector(".content");t&&(qe(this,ao,t.clientHeight,"f"),Be(this,Xa,"f").observe(t));const a=this.shadowRoot?.querySelector(".header");a&&(qe(this,oo,a.clientHeight,"f"),Be(this,Xa,"f").observe(a)),b(this,"-no-animate")}updated(e){if(super.updated(e),e.has("open")){if(this.open){if(!this.dispatchEvent(new Event("opening",{cancelable:!0})))return void(this.open=!1);Eo.__openSheet!==this&&Eo.__openSheet?.hide(),Eo.__openSheet=this,this.inert=!1,window.addEventListener("resize",Be(this,ja,"f")),this.detents.length>0?(qe(this,eo,Math.min(Math.max(0,Be(this,to,"f")??this.detent),this.detents.length-1),"f"),Be(this,Va,"m",_o).call(this,Be(this,Va,"m",go).call(this,this.detents[Be(this,eo,"f")]))):Be(this,Va,"m",_o).call(this,Math.min(Be(this,Va,"m",go).call(this,"fit"),Be(this,Va,"m",go).call(this,"half"))),qe(this,to,void 0,"f")}else{if(!this.dispatchEvent(new Event("closing",{cancelable:!0})))return void(this.open=!0);requestAnimationFrame(()=>this.inert=!0),window.removeEventListener("resize",Be(this,ja,"f")),Eo.__openSheet===this&&(Eo.__openSheet=void 0)}if(this.modal)if(this.open){qe(this,Ya,document.activeElement,"f"),Be(this,Va,"m",Lo).call(this),Be(this,Ga,"f").lock(),this.showPopover(),requestAnimationFrame(()=>{document.addEventListener("click",Be(this,Ua,"f")),document.addEventListener("keydown",Be(this,Na,"f"))});let e=this.querySelector("[autofocus]");e&&ge.isFocusable(e)||(e=this.shadowRoot?.querySelector(".handle")),e&&L(e)}else Be(this,Va,"m",So).call(this,0).then(()=>{Be(this,Va,"m",zo).call(this),Be(this,Ga,"f").unlock(),document.removeEventListener("click",Be(this,Ua,"f")),document.removeEventListener("keydown",Be(this,Na,"f")),this.hidePopover(),Be(this,Ya,"f")instanceof HTMLElement&&Be(this,Ya,"f").focus(),qe(this,Ya,null,"f")});this.dispatchEvent(new Event(this.open?"opened":"closed"))}}render(){return o`<m3e-focus-trap ?disabled="${!this.modal}"><div class="base"><m3e-elevation class="elevation"></m3e-elevation><div class="header" @pointerdown="${Be(this,Va,"m",so)}" @pointermove="${Be(this,Va,"m",no)}" @pointerup="${Be(this,Va,"m",lo)}">${this.handle?o`<div class="handle-row"><div id="handle" class="handle" role="button" aria-label="${this.handleLabel}" tabindex="0" @click="${Be(this,Va,"m",po)}" @keydown="${Be(this,Va,"m",uo)}"><m3e-focus-ring class="focus-ring" for="handle"></m3e-focus-ring><div class="handle-touch" aria-hidden="true"></div></div></div>`:i}<slot name="header" @slotchange="${Be(this,Va,"m",ro)}"></slot></div><div class="body"><div class="content"><slot></slot></div></div></div></m3e-focus-trap>`}};Ua=new WeakMap,Na=new WeakMap,ja=new WeakMap,Ka=new WeakMap,Za=new WeakMap,Ga=new WeakMap,Xa=new WeakMap,Ya=new WeakMap,Ja=new WeakMap,Qa=new WeakMap,eo=new WeakMap,to=new WeakMap,ao=new WeakMap,oo=new WeakMap,io=new WeakMap,Va=new WeakSet,ro=function(e){v(this,"has-header",p(e.target))},so=function(e){e.target instanceof HTMLElement&&ge.isFocusable(e.target)||(e.target.setPointerCapture(e.pointerId),e.target.style.cursor="grabbing",Be(this,Za,"f").reset(),Be(this,Za,"f").add(e.clientY),qe(this,Ja,{startY:e.clientY,startHeight:this.clientHeight,maxHeight:Be(this,Va,"m",yo).call(this),minHeight:Be(this,Va,"m",$o).call(this)},"f"),qe(this,Qa,!1,"f"))},no=function(e){if(!Be(this,Ja,"f"))return;if(Math.abs(e.clientY-Be(this,Ja,"f").startY)<=8)return;(e.getCoalescedEvents?.()??[e]).forEach(t=>Be(this,Za,"f").add(t.clientY,e.timeStamp));let t=Be(this,Ja,"f").startHeight-(e.clientY-Be(this,Ja,"f").startY);if(t<Be(this,Ja,"f").minHeight){const e=(Be(this,Ja,"f").minHeight-t)*this.hideFriction;t=Be(this,Ja,"f").minHeight-e}Be(this,Va,"m",_o).call(this,Math.min(Be(this,Ja,"f").maxHeight,t)),qe(this,Qa,!0,"f")},lo=function(e){if(Be(this,Ja,"f"))try{if(e.target.releasePointerCapture(e.pointerId),e.target.style.cursor="",!Be(this,Qa,"f"))return;const t="touch"===e.pointerType?1200:500,a=Be(this,Za,"f").getVelocity();if(Be(this,Za,"f").reset(),this.hideable&&a>=t)this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide();else if(Math.abs(a)>=t)if(this.detents.length>0){const e=Be(this,Va,"m",vo).call(this);e!==Be(this,eo,"f")&&Be(this,Va,"m",Co).call(this,e)}else Be(this,Va,"m",So).call(this,Be(this,Va,"m",go).call(this,"full"));else{const e=20;if(this.hideable){const t=Be(this,Ja,"f").minHeight;if(this.clientHeight<t-e)return void this.hide()}this.detents.length>0?Be(this,Va,"m",Co).call(this,Be(this,Va,"m",fo).call(this)):this.clientHeight<Be(this,Ja,"f").minHeight&&Be(this,Va,"m",So).call(this,Be(this,Ja,"f").minHeight)}}finally{qe(this,Ja,void 0,"f")}},co=function(e){this.open&&this.modal&&!e.composedPath().includes(this)&&this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide()},ho=function(e){this.open&&this.modal&&"Escape"===e.key&&!e.shiftKey&&!e.ctrlKey&&(e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},mo=function(){if(this.detents.length>0&&"half"===this.detents[Be(this,eo,"f")])return void Be(this,Va,"m",_o).call(this,Be(this,Va,"m",go).call(this,"half"));const e=Be(this,Va,"m",yo).call(this);(z(this,"-full")||this.clientHeight>e)&&Be(this,Va,"m",_o).call(this,e)},po=function(){Be(this,Qa,"f")||this.cycle(),qe(this,Qa,!1,"f")},uo=function(e){if(!e.defaultPrevented&&ye(e))switch(e.key){case"Up":case"ArrowUp":if(e.preventDefault(),this.detents.length>0){const e=Be(this,Va,"m",vo).call(this);e!==Be(this,eo,"f")&&Be(this,Va,"m",Co).call(this,e)}else Be(this,Va,"m",So).call(this,Be(this,Va,"m",go).call(this,"full"));break;case"Down":case"ArrowDown":if(e.preventDefault(),this.detents.length>0){const e=Be(this,Va,"m",bo).call(this);e!==Be(this,eo,"f")?Be(this,Va,"m",Co).call(this,e):this.hideable&&this.hide()}else this.hideable&&this.hide()}},vo=function(){const e=this.clientHeight;let t=1/0,a=Be(this,eo,"f");for(let o=0;o<this.detents.length;o++){if(o===Be(this,eo,"f"))continue;const i=Be(this,Va,"m",go).call(this,this.detents[o]);i>e&&i<t&&(t=i,a=o)}return a},bo=function(){const e=this.clientHeight;let t=-1/0,a=Be(this,eo,"f");for(let o=0;o<this.detents.length;o++){if(o===Be(this,eo,"f"))continue;const i=Be(this,Va,"m",go).call(this,this.detents[o]);i<e&&i>t&&(t=i,a=o)}return a},fo=function(){const e=this.clientHeight;let t=Be(this,eo,"f"),a=1/0;for(let o=0;o<this.detents.length;o++){const i=Be(this,Va,"m",go).call(this,this.detents[o]),r=Math.abs(e-i);r<a&&(a=r,t=o)}return t},go=function(e){switch(e){case"collapsed":return Be(this,Va,"m",$o).call(this);case"half":return.5*Be(this,Va,"m",yo).call(this);case"full":return Be(this,Va,"m",yo).call(this);case"fit":return Be(this,Va,"m",wo).call(this)}return e.endsWith("%")?Be(this,Va,"m",yo).call(this)*(parseFloat(e)/100):e.endsWith("px")?parseFloat(e):Be(this,Va,"m",$o).call(this)},yo=function(){const e=this.shadowRoot?.querySelector(".base");return window.innerHeight-(e?E(e,"var(--_bottom-sheet-top-space)"):0)},$o=function(){return this.detents.includes("fit")&&!this.detents.includes("collapsed")?Be(this,Va,"m",wo).call(this):Be(this,Va,"m",xo).call(this)},xo=function(){const e=this.shadowRoot?.querySelector(".base");return Be(this,oo,"f")+(e?E(e,"var(--_bottom-sheet-peek-height)"):0)},wo=function(){const e=this.shadowRoot?.querySelector(".body");if(!e)return 0;const t=getComputedStyle(e);return Be(this,oo,"f")+Be(this,ao,"f")+parseFloat(t.paddingBlockStart)+parseFloat(t.paddingBlockEnd)},ko=function(e){const t=Be(this,ao,"f"),a=Be(this,oo,"f");for(const t of e)t.target.classList.contains("content")?qe(this,ao,(Array.isArray(t.borderBoxSize)?t.borderBoxSize[0]:t.borderBoxSize).blockSize,"f"):t.target.classList.contains("header")&&qe(this,oo,(Array.isArray(t.borderBoxSize)?t.borderBoxSize[0]:t.borderBoxSize).blockSize,"f");if(this.open&&this.detents.length>0&&(t!==Be(this,ao,"f")||a!==Be(this,oo,"f")))switch(this.detents[Be(this,eo,"f")]){case"fit":Be(this,Va,"m",_o).call(this,Be(this,Va,"m",wo).call(this));break;case"collapsed":Be(this,Va,"m",_o).call(this,Be(this,Va,"m",$o).call(this))}},Co=function(e){e>=0&&e<this.detents.length&&(qe(this,eo,e,"f"),Be(this,Va,"m",So).call(this,Be(this,Va,"m",go).call(this,this.detents[e])))},So=async function(e){Be(this,io,"f")&&(Be(this,Va,"m",_o).call(this,this.clientHeight),Be(this,io,"f")?.cancel(),qe(this,io,void 0,"f")),f()?Be(this,Va,"m",_o).call(this,e):(qe(this,io,this.animate([{"--_bottom-sheet-height":`${this.clientHeight}px`},{"--_bottom-sheet-height":`${e}px`}],{duration:250,easing:"cubic-bezier(0.2, 0.0, 0, 1.0)"}),"f"),Be(this,io,"f").onfinish=()=>{Be(this,Va,"m",_o).call(this,e),qe(this,io,void 0,"f")},await Be(this,io,"f").finished)},_o=function(e){this.style.setProperty("--_bottom-sheet-height",`${e}px`),v(this,"-full",e===Be(this,Va,"m",yo).call(this));const t=this.shadowRoot?.querySelector(".content");t&&(t.inert=e<=Be(this,Va,"m",xo).call(this))},Lo=function(){Be(this,Ka,"f").length=0;for(let e=this;e.parentNode&&e.parentNode!==document.documentElement;e=e.parentNode)for(const t of e.parentNode.children)t instanceof HTMLElement&&t!==e&&!t.inert&&(t.inert=!0,Be(this,Ka,"f").push(t))},zo=function(){Be(this,Ka,"f").forEach(e=>e.inert=!1),Be(this,Ka,"f").length=0},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`@property --_bottom-sheet-height { syntax: "<length>"; inherits: false; initial-value: 50vh; } m3e-bottom-sheet > [slot="header"] { margin-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); margin-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); }</length>`.toString()),document.adoptedStyleSheets.push(e)}})(),Mo.styles=t`:host { display: block; position: fixed; left: 50%; top: calc(100vh - var(--_bottom-sheet-height)); margin: 0; padding: 0; outline: none; overflow: hidden; border: none; box-sizing: border-box; width: var(--m3e-bottom-sheet-width, 100%); max-width: var(--m3e-bottom-sheet-max-width, 40rem); height: var(--_bottom-sheet-height); color: var(--m3e-bottom-sheet-color, ${l.color.onSurface}); background-color: var(--m3e-bottom-sheet-container-color, ${l.color.surfaceContainerLow}); } :host(:not(:state(-no-animate))) { transition: ${e(`transform ${l.motion.duration.medium2} ${l.motion.easing.standardDecelerate},\n        border-radius ${l.motion.duration.medium2} ${l.motion.easing.standard}`)}; } :host(:not([modal]):not(:state(-full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-elevation, ${l.elevation.level1}); } :host([modal]:not(:state(-full))) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-modal-elevation, ${l.elevation.level1}); } :host(:state(-full)) .elevation { --m3e-elevation-level: var(--m3e-bottom-sheet-full-elevation, ${l.elevation.level1}); } :host(:not([modal])) { z-index: var(--m3e-bottom-sheet-z-index, 10); } :host(:not([modal]):not([open])), :host([modal]:not(:popover-open)) { border-radius: var(--m3e-bottom-sheet-minimized-container-shape, ${l.shape.corner.none}); transform: translateX(-50%) translateY(100%); } :host(:not([modal])[open]:not(:state(-full))), :host([modal]:not(:state(-full)):popover-open) { border-radius: var(--m3e-bottom-sheet-container-shape, ${l.shape.corner.extraLargeTop}); } :host(:not([modal])[open]:state(-full)), :host([modal]:state(-full):popover-open) { border-radius: var(--m3e-bottom-sheet-full-container-shape, ${l.shape.corner.extraLargeTop}); } :host(:not([modal])[open]), :host([modal]:popover-open) { transform: translateX(-50%) translateY(0); } :host([modal]:not(:state(-no-animate)))::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`)}; } :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${l.color.scrim}) var(--m3e-bottom-sheet-scrim-opacity, 32%), transparent ); } :host([modal]:popover-open:not(:state(-no-animate)))::backdrop { 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 { :host([modal]:popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-bottom-sheet-scrim-color, ${l.color.scrim}) 0%, transparent ); } } .base { display: flex; border-radius: inherit; flex-direction: column; height: 100%; --_bottom-sheet-peek-height: var(--m3e-bottom-sheet-peek-height, 0); --_bottom-sheet-top-space: var(--m3e-bottom-sheet-compact-top-space, 4.5rem); } @media (max-height: 640px) { .base { --_bottom-sheet-top-space: var(--m3e-bottom-sheet-top-space, 3.5rem); } } .body { flex: 1 1 auto; overflow-y: auto; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; padding-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); padding-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); font-size: var(--m3e-bottom-sheet-content-font-size, ${l.typescale.standard.body.medium.fontSize}); font-weight: var( --m3e-bottom-sheet-content-font-weight, ${l.typescale.standard.body.medium.fontWeight} ); line-height: var( --m3e-bottom-sheet-content-line-height, ${l.typescale.standard.body.medium.lineHeight} ); letter-spacing: var(--m3e-bottom-sheet-content-tracking, ${l.typescale.standard.body.medium.tracking}); } .content { height: fit-content; } :host(:not([handle])) .header { display: none; } :host(:not([handle])) .body, .header { border-top-left-radius: inherit; border-top-right-radius: inherit; padding-block-start: var(--m3e-bottom-sheet-padding-block, 0.5rem); font-size: var(--m3e-bottom-sheet-header-font-size, ${l.typescale.standard.title.large.fontSize}); font-weight: var(--m3e-bottom-sheet-header-font-weight, ${l.typescale.standard.title.large.fontWeight}); line-height: var(--m3e-bottom-sheet-header-line-height, ${l.typescale.standard.title.large.lineHeight}); letter-spacing: var(--m3e-bottom-sheet-header-tracking, ${l.typescale.standard.title.large.tracking}); } .header { cursor: grab; touch-action: none; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; flex: none; display: flex; flex-direction: column; min-height: 3rem; --m3e-app-bar-container-color: var(--m3e-bottom-sheet-container-color, ${l.color.surfaceContainerLow}); } .handle-row { position: relative; flex: none; display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; height: var(--m3e-bottom-sheet-handle-container-height, 1.5rem); } :host(:not(:state(-no-animate))) .handle-row { transition: ${e(`opacity ${l.motion.duration.short3} ${l.motion.easing.standard},\n        padding ${l.motion.duration.short3} ${l.motion.easing.standard},\n        height ${l.motion.duration.short3} ${l.motion.easing.standard},\n        visibility ${l.motion.duration.short3} ${l.motion.easing.standard} allow-discrete`)}; } .handle { position: relative; width: var(--m3e-bottom-sheet-handle-width, 2rem); height: var(--m3e-bottom-sheet-handle-height, 4px); border-radius: var(--m3e-bottom-sheet-handle-shape, ${l.shape.corner.full}); background-color: var(--m3e-bottom-sheet-handle-color, ${l.color.onSurfaceVariant}); } .handle-touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); right: calc(0px - calc(calc(3rem - var(--m3e-bottom-sheet-handle-width, 2rem)) / 2)); top: calc( 0px - calc( calc(3rem - var(--m3e-bottom-sheet-handle-container-height, 1.5rem)) - calc( var(--m3e-bottom-sheet-handle-height, 4px) / 2 ) ) ); } @media (prefers-reduced-motion) { :host(:not(:state(-no-animate))), :host([modal]:not(:state(-no-animate)))::backdrop, :host([modal]:popover-open:not(:state(-no-animate)))::backdrop, :host(:not(:state(-no-animate))) .handle-row { transition: none; } } @media (forced-colors: active) { :host([modal]:not(:state(-no-animate)))::backdrop, :host([modal]:popover-open:not(:state(-no-animate)))::backdrop { transition: none; } .base { border-style: solid; border-width: 1px; border-color: CanvasText; } .handle { background-color: ButtonText; } }`,De([dt({type:Boolean,reflect:!0})],Mo.prototype,"modal",void 0),De([dt({type:Boolean,reflect:!0})],Mo.prototype,"open",void 0),De([dt({type:Boolean})],Mo.prototype,"handle",void 0),De([dt({attribute:"handle-label"})],Mo.prototype,"handleLabel",void 0),De([dt({attribute:"detents",converter:M})],Mo.prototype,"detents",void 0),De([dt({type:Number})],Mo.prototype,"detent",void 0),De([dt({type:Boolean,reflect:!0})],Mo.prototype,"hideable",void 0),De([dt({attribute:"hide-friction",type:Number})],Mo.prototype,"hideFriction",void 0),Mo=Eo=De([m("m3e-bottom-sheet")],Mo);let To=class extends(c(x)){constructor(){super(...arguments),this.secondary=!1}attach(e){e instanceof Mo&&(super.attach(e),this.parentElement&&(e.modal?this.parentElement.ariaHasPopup="dialog":this.secondary||(this.parentElement.ariaExpanded="false",$e(this.parentElement,"aria-controls",e.id),this.parentElement.id&&$e(e,"aria-labelledby",this.parentElement.id))))}detach(){this.control&&this.parentElement&&!this.secondary&&xe(this.parentElement,"aria-controls",this.control.id),super.detach()}_onClick(){this.control instanceof Mo&&(this.control.modal?this.control.show(this.detent):(this.control.toggle(this.detent),!this.secondary&&this.parentElement&&(this.parentElement.ariaExpanded=`${this.control.open}`)))}};De([dt({type:Number})],To.prototype,"detent",void 0),De([dt({type:Boolean})],To.prototype,"secondary",void 0),To=De([m("m3e-bottom-sheet-trigger")],To);const Po={"extra-small":{containerHeight:e(`calc(var(--m3e-button-extra-small-container-height, var(--m3e-button-container-height, 2rem)) + ${l.density.calc(0)})`),outlineThickness:e("var(--m3e-button-extra-small-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:e(`var(--m3e-button-extra-small-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.label.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-extra-small-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-extra-small-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.label.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-extra-small-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.label.large.tracking}))`),iconSize:e("var(--m3e-button-extra-small-icon-size, var(--m3e-button-icon-size, 1.25rem))"),shapeRound:e(`var(--m3e-button-extra-small-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-extra-small-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.medium}))`),selectedShapeRound:e(`var(--m3e-button-extra-small-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.medium}))`),selectedShapeSquare:e(`var(--m3e-button-extra-small-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-extra-small-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.small}))`),leadingSpace:e("var(--m3e-button-extra-small-leading-space, var(--m3e-button-leading-space, 0.75rem))"),trailingSpace:e("var(--m3e-button-extra-small-trailing-space, var(--m3e-button-trailing-space, 0.75rem))"),iconLabelSpace:e("var(--m3e-button-extra-small-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},small:{containerHeight:e(`calc(var(--m3e-button-small-container-height, var(--m3e-button-container-height, 2.5rem)) + ${l.density.calc(-1)})`),outlineThickness:e("var(--m3e-button-small-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:e(`var(--m3e-button-small-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.label.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-small-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-small-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.label.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-small-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.label.large.tracking}))`),iconSize:e("var(--m3e-button-small-icon-size, var(--m3e-button-icon-size, 1.25rem))"),shapeRound:e(`var(--m3e-button-small-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-small-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.medium}))`),selectedShapeRound:e(`var(--m3e-button-small-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.medium}))`),selectedShapeSquare:e(`var(--m3e-button-small-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-small-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.small}))`),leadingSpace:e("var(--m3e-button-small-leading-space, var(--m3e-button-leading-space, 1rem))"),trailingSpace:e("var(--m3e-button-small-trailing-space, var(--m3e-button-trailing-space, 1rem))"),iconLabelSpace:e("var(--m3e-button-small-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},medium:{containerHeight:e(`calc(var(--m3e-button-medium-container-height, var(--m3e-button-container-height, 3.5rem)) + ${l.density.calc(-2)})`),outlineThickness:e("var(--m3e-button-medium-outline-thickness, var(--m3e-button-outline-thickness, 1px))"),labelTextFontSize:e(`var(--m3e-button-medium-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.body.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-medium-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.body.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-medium-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.body.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-medium-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.body.large.tracking}))`),iconSize:e("var(--m3e-button-medium-icon-size, var(--m3e-button-icon-size, 1.5rem))"),shapeRound:e(`var(--m3e-button-medium-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-medium-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.large}))`),selectedShapeRound:e(`var(--m3e-button-medium-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.large}))`),selectedShapeSquare:e(`var(--m3e-button-medium-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-medium-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.medium}))`),leadingSpace:e("var(--m3e-button-medium-leading-space, var(--m3e-button-leading-space, 1.5rem))"),trailingSpace:e("var(--m3e-button-medium-trailing-space, var(--m3e-button-trailing-space, 1.5rem))"),iconLabelSpace:e("var(--m3e-button-medium-icon-label-space, var(--m3e-button-icon-label-space, 0.5rem))")},large:{containerHeight:e(`calc(var(--m3e-button-large-container-height, var(--m3e-button-container-height, 6rem)) + ${l.density.calc(-3)})`),outlineThickness:e("var(--m3e-button-large-outline-thickness, var(--m3e-button-outline-thickness, 2px))"),labelTextFontSize:e(`var(--m3e-button-large-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-large-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-large-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-large-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.headline.small.tracking}))`),iconSize:e("var(--m3e-button-large-icon-size, var(--m3e-button-icon-size, 2rem))"),shapeRound:e(`var(--m3e-button-large-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-large-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.extraLarge}))`),selectedShapeRound:e(`var(--m3e-button-large-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.extraLarge}))`),selectedShapeSquare:e(`var(--m3e-button-large-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-large-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.large}))`),leadingSpace:e("var(--m3e-button-large-leading-space, var(--m3e-button-leading-space, 3rem))"),trailingSpace:e("var(--m3e-button-large-trailing-space, var(--m3e-button-trailing-space, 3rem))"),iconLabelSpace:e("var(--m3e-button-large-icon-label-space, var(--m3e-button-icon-label-space, 0.75rem))")},"extra-large":{containerHeight:e(`calc(var(--m3e-button-extra-large-container-height, var(--m3e-button-container-height, 8.5rem)) + ${l.density.calc(-3)})`),outlineThickness:e("var(--m3e-button-extra-large-outline-thickness, var(--m3e-button-outline-thickness, 3px))"),labelTextFontSize:e(`var(--m3e-button-extra-large-label-text-font-size, var(--m3e-button-label-text-font-size, ${l.typescale.standard.headline.large.fontSize}))`),labelTextFontWeight:e(`var(--m3e-button-extra-large-label-text-font-weight, var(--m3e-button-label-text-font-weight, ${l.typescale.standard.headline.large.fontWeight}))`),labelTextLineHeight:e(`var(--m3e-button-extra-large-label-text-line-height, var(--m3e-button-label-text-line-height, ${l.typescale.standard.headline.large.lineHeight}))`),labelTextTracking:e(`var(--m3e-button-extra-large-label-text-tracking, var(--m3e-button-label-text-tracking, ${l.typescale.standard.headline.large.tracking}))`),iconSize:e("var(--m3e-button-extra-large-icon-size, var(--m3e-button-icon-size, 2.5rem))"),shapeRound:e(`var(--m3e-button-extra-large-shape-round, var(--m3e-button-shape-round, ${l.shape.corner.full}))`),shapeSquare:e(`var(--m3e-button-extra-large-shape-square, var(--m3e-button-shape-square, ${l.shape.corner.extraLarge}))`),selectedShapeRound:e(`var(--m3e-button-extra-large-selected-shape-round, var(--m3e-button-selected-shape-round, ${l.shape.corner.extraLarge}))`),selectedShapeSquare:e(`var(--m3e-button-extra-large-selected-shape-square, var(--m3e-button-selected-shape-square, ${l.shape.corner.full}))`),shapePressedMorph:e(`var(--m3e-button-extra-large-shape-pressed-morph, var(--m3e-button-shape-pressed-morph, ${l.shape.corner.large}))`),leadingSpace:e("var(--m3e-button-extra-large-leading-space, var(--m3e-button-leading-space, 4rem))"),trailingSpace:e("var(--m3e-button-extra-large-trailing-space, var(--m3e-button-trailing-space, 4rem))"),iconLabelSpace:e("var(--m3e-button-extra-large-icon-label-space, var(--m3e-button-icon-label-space, 1rem))")}};function Io(a){return t`:host([size="${e(a)}"]) .base { height: ${Po[a].containerHeight}; } :host([size="${e(a)}"]) .wrapper { padding-inline-start: ${Po[a].leadingSpace}; padding-inline-end: ${Po[a].trailingSpace}; column-gap: ${Po[a].iconLabelSpace}; } :host( [size="${e(a)}"]:state(-grouped):not(:state(-connected)):state(-adjacent-pressed):not( :state(-pressed) ) ) .wrapper { padding-inline-start: calc( ${Po[a].leadingSpace} - calc( calc(var(--_adjacent-button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15)) / 4.25 ) ); padding-inline-end: calc( ${Po[a].trailingSpace} - calc( calc(var(--_adjacent-button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15)) / 4.25 ) ); } :host([size="${e(a)}"]) .label { font-size: ${Po[a].labelTextFontSize}; font-weight: ${Po[a].labelTextFontWeight}; line-height: ${Po[a].labelTextLineHeight}; letter-spacing: ${Po[a].labelTextTracking}; } :host([size="${e(a)}"]) .icon { font-size: ${Po[a].iconSize}; --m3e-icon-size: ${Po[a].iconSize}; } :host([size="${e(a)}"]) .base { outline-offset: calc(0px - ${Po[a].outlineThickness}); outline-width: ${Po[a].outlineThickness}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"]) .base { border-radius: var(--_button-shape, ${Po[a].shapeRound}); } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"][toggle][selected]:not(:state(-pressed))) .base { border-radius: ${Po[a].selectedShapeRound}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"]) .base { border-radius: ${Po[a].shapeSquare}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${Po[a].selectedShapeSquare}); } :host(:not(:state(-connected))[size="${e(a)}"]:state(-pressed)) .base { border-radius: ${Po[a].shapePressedMorph}; } :host(:state(-connected)[size="${e(a)}"][shape="rounded"]) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Po[a].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${Po[a].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Po[a].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${Po[a].shapeRound}) ); } :host(:state(-connected)[size="${e(a)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${Po[a].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${Po[a].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${Po[a].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${Po[a].shapeSquare}); } :host(:state(-connected)[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${Po[a].selectedShapeSquare}); } :host(:state(-connected)[size="${e(a)}"]:state(-pressed)) .base { border-start-start-radius: var(--_button-start-shape-pressed-morph, ${Po[a].shapePressedMorph}); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${Po[a].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${Po[a].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${Po[a].shapePressedMorph}); }`}const Ao=[Io("extra-small"),Io("small"),Io("medium"),Io("large"),Io("extra-large")],Wo=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; } :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; } .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; } ::slotted([slot="icon"]), ::slotted([slot="selected-icon"]), ::slotted([slot="trailing-icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]), ::slotted(svg[slot="selected-icon"]), ::slotted(svg[slot="trailing-icon"]) { width: 1em; height: 1em; } :host([toggle]:not([selected])) .base.with-selected-icon slot[name="selected-icon"], :host([toggle][selected]) .base.with-selected-icon slot[name="icon"] { display: none; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host(:state(-grouped):state(-connected)) { flex: 1 1 auto; } :host(:state(-grouped):not(:state(-connected))) { transition: ${e(`padding-inline ${l.motion.spring.fastEffects}`)}; } :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, .label, .icon { transition: none; } :host(:state(-pressed)) .base, :host(:state(-resting)) .base { transition: ${e(`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-button-extra-small-outline-thickness, 1px)); outline-width: var(--m3e-button-extra-small-outline-thickness, 1px); } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } :host([size="extra-large"]) .base { outline-offset: calc(0px - var(--m3e-button-extra-large-outline-thickness, 3px)); outline-width: var(--m3e-button-extra-large-outline-thickness, 3px); } } @media (prefers-reduced-motion) { :host(:state(-pressed)) .base, :host(:state(-resting)) .base, .base, .label, .icon { transition: none; } }`,Ho={elevated:{labelTextColor:e(`var(--m3e-elevated-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.primary}))`),iconColor:e(`var(--m3e-elevated-button-icon-color, var(--m3e-button-icon-color, ${l.color.primary}))`),containerColor:e(`var(--m3e-elevated-button-container-color, var(--m3e-button-container-color, ${l.color.surfaceContainerLow}))`),containerElevation:e(`var(--m3e-elevated-button-container-elevation, var(--m3e-button-container-elevation, ${l.elevation.level1}))`),unselectedLabelTextColor:e(`var(--m3e-elevated-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-elevated-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.primary}))`),unselectedContainerColor:e(`var(--m3e-elevated-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${l.color.surfaceContainerLow}))`),selectedLabelTextColor:e(`var(--m3e-elevated-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.onPrimary}))`),selectedIconColor:e(`var(--m3e-elevated-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.onPrimary}))`),selectedContainerColor:e(`var(--m3e-elevated-button-selected-container-color, var(--m3e-button-selected-container-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-elevated-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-elevated-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-elevated-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-elevated-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-elevated-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-elevated-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-elevated-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-elevated-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-elevated-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${l.elevation.level2}))`),unselectedIconColor:e(`var(--m3e-elevated-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-elevated-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-elevated-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.onPrimary}))`)},focus:{iconColor:e(`var(--m3e-elevated-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-elevated-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${l.elevation.level1}))`),unselectedLabelTextColor:e(`var(--m3e-elevated-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-elevated-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-elevated-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.onPrimary}))`)},pressed:{iconColor:e(`var(--m3e-elevated-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-elevated-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-elevated-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-elevated-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${l.elevation.level1}))`),unselectedLabelTextColor:e(`var(--m3e-elevated-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-elevated-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-elevated-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-elevated-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-elevated-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-elevated-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.onPrimary}))`)}},outlined:{labelTextColor:e(`var(--m3e-outlined-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.onSurfaceVariant}))`),iconColor:e(`var(--m3e-outlined-button-icon-color, var(--m3e-button-icon-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-button-outline-color, var(--m3e-button-outline-color, ${l.color.outlineVariant}))`),unselectedLabelTextColor:e(`var(--m3e-outlined-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedIconColor:e(`var(--m3e-outlined-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),selectedLabelTextColor:e(`var(--m3e-outlined-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.inverseOnSurface}))`),selectedIconColor:e(`var(--m3e-outlined-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedContainerColor:e(`var(--m3e-outlined-button-selected-container-color, var(--m3e-button-selected-container-color, ${l.color.inverseSurface}))`),disabled:{containerColor:e(`var(--m3e-outlined-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-outlined-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-outlined-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-outlined-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-outlined-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-outlined-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),outlineColor:e(`var(--m3e-outlined-button-disabled-outline-color, var(--m3e-button-disabled-outline-color, ${l.color.outlineVariant}))`)},hover:{iconColor:e(`var(--m3e-outlined-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.onSurfaceVariant}))`),labelTextColor:e(`var(--m3e-outlined-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-button-hover-outline-color, var(--m3e-button-hover-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-outlined-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedLabelTextColor:e(`var(--m3e-outlined-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.inverseOnSurface}))`)},focus:{iconColor:e(`var(--m3e-outlined-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.onSurfaceVariant}))`),labelTextColor:e(`var(--m3e-outlined-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-button-focus-outline-color, var(--m3e-button-focus-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-outlined-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedLabelTextColor:e(`var(--m3e-outlined-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.inverseOnSurface}))`)},pressed:{iconColor:e(`var(--m3e-outlined-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.onSurfaceVariant}))`),labelTextColor:e(`var(--m3e-outlined-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.onSurfaceVariant}))`),outlineColor:e(`var(--m3e-outlined-button-pressed-outline-color, var(--m3e-button-pressed-outline-color, ${l.color.outlineVariant}))`),stateLayerColor:e(`var(--m3e-outlined-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.onSurfaceVariant}))`),stateLayerOpacity:e(`var(--m3e-outlined-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-outlined-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-outlined-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-outlined-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-outlined-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.inverseOnSurface}))`),selectedLabelTextColor:e(`var(--m3e-outlined-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.inverseOnSurface}))`),selectedStateLayerColor:e(`var(--m3e-outlined-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.inverseOnSurface}))`)}},filled:{labelTextColor:e(`var(--m3e-filled-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.onPrimary}))`),iconColor:e(`var(--m3e-filled-button-icon-color, var(--m3e-button-icon-color, ${l.color.onPrimary}))`),containerColor:e(`var(--m3e-filled-button-container-color, var(--m3e-button-container-color, ${l.color.primary}))`),containerElevation:e(`var(--m3e-filled-button-container-elevation, var(--m3e-button-container-elevation, ${l.elevation.level0}))`),unselectedLabelTextColor:e(`var(--m3e-filled-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedIconColor:e(`var(--m3e-filled-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedContainerColor:e(`var(--m3e-filled-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${l.color.surfaceContainer}))`),selectedLabelTextColor:e(`var(--m3e-filled-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.onPrimary}))`),selectedIconColor:e(`var(--m3e-filled-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.onPrimary}))`),selectedContainerColor:e(`var(--m3e-filled-button-selected-container-color, var(--m3e-button-selected-container-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-filled-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-filled-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-filled-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-filled-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-filled-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-filled-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-filled-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-filled-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-filled-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-filled-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-filled-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-filled-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.onPrimary}))`)},focus:{iconColor:e(`var(--m3e-filled-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-filled-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${l.elevation.level0}))`),unselectedIconColor:e(`var(--m3e-filled-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-filled-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-filled-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.onPrimary}))`)},pressed:{iconColor:e(`var(--m3e-filled-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.onPrimary}))`),labelTextColor:e(`var(--m3e-filled-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.onPrimary}))`),stateLayerColor:e(`var(--m3e-filled-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.onPrimary}))`),stateLayerOpacity:e(`var(--m3e-filled-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${l.elevation.level0}))`),unselectedIconColor:e(`var(--m3e-filled-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.onSurfaceVariant}))`),unselectedLabelTextColor:e(`var(--m3e-filled-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.onSurfaceVariant}))`),unselectedStateLayerColor:e(`var(--m3e-filled-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.onSurfaceVariant}))`),selectedIconColor:e(`var(--m3e-filled-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.onPrimary}))`),selectedLabelTextColor:e(`var(--m3e-filled-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.onPrimary}))`),selectedStateLayerColor:e(`var(--m3e-filled-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.onPrimary}))`)}},tonal:{labelTextColor:e(`var(--m3e-tonal-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.onSecondaryContainer}))`),iconColor:e(`var(--m3e-tonal-button-icon-color, var(--m3e-button-icon-color, ${l.color.onSecondaryContainer}))`),containerColor:e(`var(--m3e-tonal-button-container-color, var(--m3e-button-container-color, ${l.color.secondaryContainer}))`),containerElevation:e(`var(--m3e-tonal-button-container-elevation, var(--m3e-button-container-elevation, ${l.elevation.level0}))`),unselectedLabelTextColor:e(`var(--m3e-tonal-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.onSecondaryContainer}))`),unselectedIconColor:e(`var(--m3e-tonal-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedContainerColor:e(`var(--m3e-tonal-button-unselected-container-color, var(--m3e-button-unselected-container-color, ${l.color.secondaryContainer}))`),selectedLabelTextColor:e(`var(--m3e-tonal-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.onSecondary}))`),selectedIconColor:e(`var(--m3e-tonal-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.onSecondary}))`),selectedContainerColor:e(`var(--m3e-tonal-button-selected-container-color, var(--m3e-button-selected-container-color, ${l.color.secondary}))`),disabled:{containerColor:e(`var(--m3e-tonal-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-tonal-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-tonal-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-tonal-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-tonal-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-tonal-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))"),containerElevation:e(`var(--m3e-tonal-button-disabled-container-elevation, var(--m3e-button-disabled-container-elevation, ${l.elevation.level0}))`)},hover:{iconColor:e(`var(--m3e-tonal-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-tonal-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tonal-button-hover-container-elevation, var(--m3e-button-hover-container-elevation, ${l.elevation.level1}))`),unselectedIconColor:e(`var(--m3e-tonal-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedLabelTextColor:e(`var(--m3e-tonal-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.onSecondary}))`),selectedLabelTextColor:e(`var(--m3e-tonal-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.onSecondary}))`)},focus:{iconColor:e(`var(--m3e-tonal-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-tonal-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tonal-button-focus-container-elevation, var(--m3e-button-focus-container-elevation, ${l.elevation.level0}))`),unselectedIconColor:e(`var(--m3e-tonal-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedLabelTextColor:e(`var(--m3e-tonal-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.onSecondary}))`),selectedLabelTextColor:e(`var(--m3e-tonal-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.onSecondary}))`)},pressed:{iconColor:e(`var(--m3e-tonal-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.onSecondaryContainer}))`),labelTextColor:e(`var(--m3e-tonal-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.onSecondaryContainer}))`),stateLayerColor:e(`var(--m3e-tonal-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.onSecondaryContainer}))`),stateLayerOpacity:e(`var(--m3e-tonal-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-tonal-button-pressed-container-elevation, var(--m3e-button-pressed-container-elevation, ${l.elevation.level0}))`),unselectedIconColor:e(`var(--m3e-tonal-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.onSecondaryContainer}))`),unselectedLabelTextColor:e(`var(--m3e-tonal-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.onSecondaryContainer}))`),unselectedStateLayerColor:e(`var(--m3e-tonal-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.onSecondaryContainer}))`),selectedIconColor:e(`var(--m3e-tonal-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.onSecondary}))`),selectedLabelTextColor:e(`var(--m3e-tonal-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.onSecondary}))`),selectedStateLayerColor:e(`var(--m3e-tonal-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.onSecondary}))`)}},text:{labelTextColor:e(`var(--m3e-text-button-label-text-color, var(--m3e-button-label-text-color, ${l.color.primary}))`),iconColor:e(`var(--m3e-text-button-icon-color, var(--m3e-button-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-text-button-unselected-label-text-color, var(--m3e-button-unselected-label-text-color, ${l.color.primary}))`),unselectedIconColor:e(`var(--m3e-text-button-unselected-icon-color, var(--m3e-button-unselected-icon-color, ${l.color.primary}))`),selectedLabelTextColor:e(`var(--m3e-text-button-selected-label-text-color, var(--m3e-button-selected-label-text-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-text-button-selected-icon-color, var(--m3e-button-selected-icon-color, ${l.color.primary}))`),disabled:{containerColor:e(`var(--m3e-text-button-disabled-container-color, var(--m3e-button-disabled-container-color, ${l.color.onSurface}))`),containerOpacity:e("var(--m3e-text-button-disabled-container-opacity, var(--m3e-button-disabled-container-opacity, 10%))"),iconColor:e(`var(--m3e-text-button-disabled-icon-color, var(--m3e-button-disabled-icon-color, ${l.color.onSurface}))`),iconOpacity:e("var(--m3e-text-button-disabled-icon-opacity, var(--m3e-button-disabled-icon-opacity, 38%))"),labelTextColor:e(`var(--m3e-text-button-disabled-label-text-color, var(--m3e-button-disabled-label-text-color, ${l.color.onSurface}))`),labelTextOpacity:e("var(--m3e-text-button-disabled-label-text-opacity, var(--m3e-button-disabled-label-text-opacity, 38%))")},hover:{iconColor:e(`var(--m3e-text-button-hover-icon-color, var(--m3e-button-hover-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-text-button-hover-label-text-color, var(--m3e-button-hover-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-text-button-hover-state-layer-color, var(--m3e-button-hover-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-text-button-hover-state-layer-opacity, var(--m3e-button-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-text-button-hover-unselected-icon-color, var(--m3e-button-hover-unselected-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-text-button-hover-unselected-label-text-color, var(--m3e-button-hover-unselected-label-text-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-text-button-hover-unselected-state-layer-color, var(--m3e-button-hover-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-text-button-hover-selected-icon-color, var(--m3e-button-hover-selected-icon-color, ${l.color.primary}))`),selectedLabelTextColor:e(`var(--m3e-text-button-hover-selected-label-text-color, var(--m3e-button-hover-selected-label-text-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-text-button-hover-selected-state-layer-color, var(--m3e-button-hover-selected-state-layer-color, ${l.color.primary}))`)},focus:{iconColor:e(`var(--m3e-text-button-focus-icon-color, var(--m3e-button-focus-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-text-button-focus-label-text-color, var(--m3e-button-focus-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-text-button-focus-state-layer-color, var(--m3e-button-focus-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-text-button-focus-state-layer-opacity, var(--m3e-button-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-text-button-focus-unselected-icon-color, var(--m3e-button-focus-unselected-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-text-button-focus-unselected-label-text-color, var(--m3e-button-focus-unselected-label-text-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-text-button-focus-unselected-state-layer-color, var(--m3e-button-focus-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-text-button-focus-selected-icon-color, var(--m3e-button-focus-selected-icon-color, ${l.color.primary}))`),selectedLabelTextColor:e(`var(--m3e-text-button-focus-selected-label-text-color, var(--m3e-button-focus-selected-label-text-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-text-button-focus-selected-state-layer-color, var(--m3e-button-focus-selected-state-layer-color, ${l.color.primary}))`)},pressed:{iconColor:e(`var(--m3e-text-button-pressed-icon-color, var(--m3e-button-pressed-icon-color, ${l.color.primary}))`),labelTextColor:e(`var(--m3e-text-button-pressed-label-text-color, var(--m3e-button-pressed-label-text-color, ${l.color.primary}))`),stateLayerColor:e(`var(--m3e-text-button-pressed-state-layer-color, var(--m3e-button-pressed-state-layer-color, ${l.color.primary}))`),stateLayerOpacity:e(`var(--m3e-text-button-pressed-state-layer-opacity, var(--m3e-button-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),unselectedIconColor:e(`var(--m3e-text-button-pressed-unselected-icon-color, var(--m3e-button-pressed-unselected-icon-color, ${l.color.primary}))`),unselectedLabelTextColor:e(`var(--m3e-text-button-pressed-unselected-label-text-color, var(--m3e-button-pressed-unselected-label-text-color, ${l.color.primary}))`),unselectedStateLayerColor:e(`var(--m3e-text-button-pressed-unselected-state-layer-color, var(--m3e-button-pressed-unselected-state-layer-color, ${l.color.primary}))`),selectedIconColor:e(`var(--m3e-text-button-pressed-selected-icon-color, var(--m3e-button-pressed-selected-icon-color, ${l.color.primary}))`),selectedLabelTextColor:e(`var(--m3e-text-button-pressed-selected-label-text-color, var(--m3e-button-pressed-selected-label-text-color, ${l.color.primary}))`),selectedStateLayerColor:e(`var(--m3e-text-button-pressed-selected-state-layer-color, var(--m3e-button-pressed-selected-state-layer-color, ${l.color.primary}))`)}}};function Oo(a){return t`:host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Ho[a].containerColor??e("unset")}; --m3e-state-layer-hover-color: ${Ho[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Ho[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Ho[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Ho[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${Ho[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Ho[a].pressed.stateLayerOpacity}; --m3e-elevation-level: ${Ho[a].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${Ho[a].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${Ho[a].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${Ho[a].pressed.containerElevation??e("unset")}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${Ho[a].unselectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${Ho[a].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${Ho[a].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${Ho[a].pressed.unselectedStateLayerColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Ho[a].selectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${Ho[a].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${Ho[a].focus.selectedStateLayerColor}; --m3e-ripple-color: ${Ho[a].pressed.selectedStateLayerColor}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Ho[a].outlineColor??e("unset")}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Ho[a].focus.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Ho[a].hover.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .base { outline-color: ${Ho[a].pressed.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].labelTextColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].unselectedLabelTextColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].selectedLabelTextColor}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].focus.labelTextColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].focus.unselectedLabelTextColor}; } :host([variant="${e(a)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].focus.selectedLabelTextColor}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].hover.labelTextColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].hover.unselectedLabelTextColor}; } :host([variant="${e(a)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].hover.selectedLabelTextColor}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .label { color: ${Ho[a].pressed.labelTextColor}; } :host( [variant="${e(a)}"][toggle]:not([selected]):state(-pressed):not(:disabled):not( [disabled-interactive] ) ) .label { color: ${Ho[a].pressed.unselectedLabelTextColor}; } :host( [variant="${e(a)}"][toggle][selected]:state(-pressed):not(:disabled):not([disabled-interactive]) ) .label { color: ${Ho[a].pressed.selectedLabelTextColor}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].selectedIconColor}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].focus.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].focus.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].focus.selectedIconColor}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].hover.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].hover.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].hover.selectedIconColor}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .icon { color: ${Ho[a].pressed.iconColor}; } :host( [variant="${e(a)}"][toggle]:not([selected]):state(-pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${Ho[a].pressed.unselectedIconColor}; } :host( [variant="${e(a)}"][toggle][selected]:state(-pressed):not(:disabled):not([disabled-interactive]) ) .icon { color: ${Ho[a].pressed.selectedIconColor}; } :host([variant="${e(a)}"]:disabled) .base, :host([variant="${e(a)}"][disabled-interactive]) .base { --m3e-elevation-level: ${Ho[a].disabled.containerElevation??e("unset")}; outline-color: ${Ho[a].disabled.outlineColor??e("unset")}; background-color: color-mix( in srgb, ${Ho[a].disabled.containerColor} ${Ho[a].disabled.containerOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .label, :host([variant="${e(a)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${Ho[a].disabled.labelTextColor} ${Ho[a].disabled.labelTextOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .icon, :host([variant="${e(a)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${Ho[a].disabled.iconColor} ${Ho[a].disabled.iconOpacity}, transparent ); }`}const Do=[Oo("text"),Oo("elevated"),Oo("outlined"),Oo("filled"),Oo("tonal"),t`:host([variant="outlined"]:not([toggle][selected]):not(:disabled):not([disabled-interactive])) .base { outline-style: solid; }`];var Bo,qo,Ro,Fo,Vo,Uo;let No=class extends(T(P(I(A(W(H(k(d(a,"button"),!0)))))))){constructor(){super(),Bo.add(this),qo.set(this,e=>Be(this,Bo,"m",Ro).call(this,e)),this.variant="text",this.shape="rounded",this.size="small",this.toggle=!1,this.selected=!1,new _(this,{callback:()=>{this.grouped&&this._handleResize()}}),new O(this,{callback:e=>{this.disabledInteractive||e||this.grouped||this._base?.style.removeProperty("--_button-shape")}}),new D(this,{isPressedKey:e=>" "===e,minPressedDuration:150,callback:e=>{this.disabled||this.disabledInteractive||(e?(Be(this,Bo,"m",Vo).call(this),f()?Be(this,Bo,"m",Uo).call(this,!0):requestAnimationFrame(()=>Be(this,Bo,"m",Uo).call(this,!0))):Be(this,Bo,"m",Uo).call(this,!1))}})}get grouped(){return z(this,"-grouped")}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" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[B]()}<div class="wrapper">${this.toggle?o`<slot class="icon" name="selected-icon" aria-hidden="true" @slotchange="${Be(this,Bo,"m",Fo)}"></slot>`:i}<slot class="icon" name="icon" aria-hidden="true"></slot><div class="label">${this.toggle&&this.selected?o`<slot name="selected"><slot></slot></slot>`:o`<slot></slot>`}</div><slot class="icon" name="trailing-icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,qo,"f"))}disconnectedCallback(){super.disconnectedCallback(),["-pressed","-resting","-grouped","-connected"].forEach(e=>b(this,e)),this._base?.style.removeProperty("--_button-shape"),this.style.removeProperty("--_button-width"),this.style.removeProperty("--_adjacent-button-width"),b(this,"-adjacent-pressed"),this.removeEventListener("click",Be(this,qo,"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)&&(b(this,"-pressed"),b(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&&!z(this,"-pressed")&&(this.style.setProperty("--_button-width",`${this.clientWidth}px`),Be(this,Bo,"m",Vo).call(this,!0))}};var jo,Ko,Zo,Go;qo=new WeakMap,Bo=new WeakSet,Ro=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)},Fo=function(e){this._base?.classList.toggle("with-selected-icon",p(e.target))},Vo=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`)}},Uo=function(e){v(this,"-pressed",e),v(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`),v(r,"-adjacent-pressed",e)):(r.style.removeProperty("--_adjacent-button-width"),b(r,"-adjacent-pressed"))}}},No.styles=[Ao,Do,Wo],De([pt(".base")],No.prototype,"_base",void 0),De([pt(".elevation")],No.prototype,"_elevation",void 0),De([pt(".focus-ring")],No.prototype,"_focusRing",void 0),De([pt(".state-layer")],No.prototype,"_stateLayer",void 0),De([pt(".ripple")],No.prototype,"_ripple",void 0),De([dt({reflect:!0})],No.prototype,"variant",void 0),De([dt({reflect:!0})],No.prototype,"shape",void 0),De([dt({reflect:!0})],No.prototype,"size",void 0),De([dt({type:Boolean,reflect:!0})],No.prototype,"toggle",void 0),De([dt({type:Boolean,reflect:!0})],No.prototype,"selected",void 0),De([h(40)],No.prototype,"_handleResize",null),No=De([m("m3e-button")],No);let Xo=class extends(d(a,"group")){constructor(){super(...arguments),jo.add(this),Ko.set(this,new D(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:e=>{this._base&&(e&&"connected"!==this.variant?(this._base.classList.add("pressed"),this._base.style.setProperty("--_button-group-width",`${this._base.getBoundingClientRect().width}px`)):(this._base.style.removeProperty("--_button-group-width"),this._base.classList.remove("pressed")))}})),this.variant="standard",this.size="small",this.multi=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("disable-role")&&(this.role=null)}disconnectedCallback(){super.disconnectedCallback(),this._base?.style.removeProperty("--_button-group-width"),this._base?.classList.remove("pressed")}update(e){super.update(e),(e.has("multi")||e.has("variant"))&&Be(this,jo,"m",Zo).call(this),e.has("variant")&&this._base?.style.removeProperty("--_button-group-width")}render(){return o`<div class="base"><slot @slotchange="${Be(this,jo,"m",Zo)}" @change="${Be(this,jo,"m",Go)}"></slot></div>`}};Ko=new WeakMap,jo=new WeakSet,Zo=function(){const e=this.buttons;for(const e of Be(this,Ko,"f").targets)Be(this,Ko,"f").unobserve(e);const t=[...e].some(e=>e.toggle);this.hasAttribute("disable-role")||(this.role=t&&!this.multi?"radiogroup":"group");const a="radiogroup"===this.role?"radio":"button";e.forEach((t,o)=>{if(Be(this,Ko,"f").observe(t),v(t,"-connected","connected"===this.variant),$(t,"-grouped"),v(t,"-first",0==o),v(t,"-last",o==e.length-1),!this.hasAttribute("disable-role")&&t.role!==a&&t.toggle){const e=t.toggle?t.selected?"true":"false":null;t.role=a,"button"===t.role?(t.ariaPressed=e,t.ariaChecked=null):(t.ariaChecked=e,t.ariaPressed=null)}})},Go=function(e){if(!this.multi&&e.target instanceof HTMLElement&&("M3E-BUTTON"===e.target.tagName||"M3E-ICON-BUTTON"===e.target.tagName)){if(!q(e.target)||!e.target.selected)return;for(const t of this.buttons)t!==e.target&&t.selected&&(t.selected=!1)}},Xo.styles=t`:host { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } .base { display: flex; vertical-align: middle; flex-wrap: nowrap; align-items: center; } :host([variant="standard"]) { justify-content: center; } :host([variant="connected"]) .base { flex: 1 1 auto; } :host([variant="standard"]) .base { width: fit-content; flex: none; } :host([variant="standard"]) .base.pressed { justify-content: space-between; width: var(--_button-group-width); } :host([variant="standard"][size="extra-small"]) .base { column-gap: var(--m3e-standard-button-group-extra-small-spacing, 1.125rem); } :host([variant="standard"][size="small"]) .base { column-gap: var(--m3e-standard-button-group-small-spacing, 0.75rem); } :host([variant="standard"][size="medium"]).base { column-gap: var(--m3e-standard-button-group-medium-spacing, 0.5rem); } :host([variant="standard"][size="large"]) .base { column-gap: var(--m3e-standard-button-group-large-spacing, 0.5rem); } :host([variant="standard"][size="extra-large"]) .base { column-gap: var(--m3e-standard-button-group-extra-large-spacing, 0.5rem); } :host([variant="connected"]) .base { column-gap: var(--m3e-connected-button-group-spacing, 0.125rem); } :host([variant="connected"][size="extra-small"]) ::slotted(:state(-first)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${l.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${l.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="extra-small"]) ::slotted(:state(-last)[size="extra-small"]), :host([variant="connected"][size="extra-small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${l.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-small-inner-shape, ${l.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-small-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:state(-first)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="small"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${l.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-small-inner-shape, ${l.shape.corner.small} ); --_button-end-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="small"]) ::slotted(:state(-last)[size="small"]), :host([variant="connected"][size="small"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="small"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${l.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-small-inner-shape, ${l.shape.corner.small} ); --_button-start-shape-pressed-morph: var( --m3e-connected-button-group-small-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:state(-first)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="medium"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${l.shape.corner.small} ); --_button-square-end-shape: var( --m3e-connected-button-group-medium-inner-shape, ${l.shape.corner.small} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="medium"]) ::slotted(:state(-last)[size="medium"]), :host([variant="connected"][size="medium"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="medium"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${l.shape.corner.small} ); --_button-square-start-shape: var( --m3e-connected-button-group-medium-inner-shape, ${l.shape.corner.small} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-medium-inner-pressed-shape, ${l.shape.corner.extraSmall} ); } :host([variant="connected"][size="large"]) ::slotted(:state(-first)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${l.shape.corner.large} ); --_button-square-end-shape: var( --m3e-connected-button-group-large-inner-shape, ${l.shape.corner.large} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${l.shape.corner.medium} ); } :host([variant="connected"][size="large"]) ::slotted(:state(-last)[size="large"]), :host([variant="connected"][size="large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${l.shape.corner.large} ); --_button-square-start-shape: var( --m3e-connected-button-group-large-inner-shape, ${l.shape.corner.large} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-large-inner-pressed-shape, ${l.shape.corner.medium} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:state(-first)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-large"]) { --_button-rounded-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${l.shape.corner.largeIncreased} ); --_button-square-end-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${l.shape.corner.largeIncreased} ); --_button-square-end-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${l.shape.corner.large} ); } :host([variant="connected"][size="extra-large"]) ::slotted(:state(-last)[size="extra-large"]), :host([variant="connected"][size="extra-large"]) ::slotted(:not(:state(-first)):not(:state(-last))[size="extra-large"]) { --_button-rounded-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${l.shape.corner.largeIncreased} ); --_button-square-start-shape: var( --m3e-connected-button-group-extra-large-inner-shape, ${l.shape.corner.largeIncreased} ); --_button-square-start-pressed-shape: var( --m3e-connected-button-group-extra-large-inner-pressed-shape, ${l.shape.corner.large} ); }`,De([pt(".base")],Xo.prototype,"_base",void 0),De([dt({reflect:!0})],Xo.prototype,"variant",void 0),De([dt({reflect:!0})],Xo.prototype,"size",void 0),De([dt({type:Boolean})],Xo.prototype,"multi",void 0),De([function(e){return(t,a)=>{const{slot:o,selector:i}=e??{},r="slot"+(o?`[name=${o}]`:":not([name])");return mt(t,a,{get(){const t=this.renderRoot?.querySelector(r),a=t?.assignedElements(e)??[];return void 0===i?a:a.filter(e=>e.matches(i))}})}}({slot:"",selector:"m3e-button,m3e-icon-button",flatten:!0})],Xo.prototype,"buttons",void 0),Xo=De([m("m3e-button-group")],Xo);const Yo=e("var(--m3e-card-padding, 1rem)"),Jo=e(`var(--m3e-card-shape, ${l.shape.corner.medium});`),Qo={filled:{textColor:e(`var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${l.color.onSurface}))`),containerColor:e(`var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${l.color.surfaceContainerHighest}))`),containerElevation:e(`var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${l.elevation.level0}))`),disabled:{textColor:e(`var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${l.color.onSurface}))`),textOpacity:e("var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${l.color.surfaceVariant}))`),containerElevation:e(`var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${l.elevation.level0}))`),containerElevationColor:e(`var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${l.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${l.elevation.level1}))`)},focus:{textColor:e(`var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${l.elevation.level0}))`)},pressed:{textColor:e(`var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${l.elevation.level0}))`)}},elevated:{textColor:e(`var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${l.color.onSurface}))`),containerColor:e(`var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${l.color.surfaceContainerLow}))`),containerElevation:e(`var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${l.elevation.level1}))`),disabled:{textColor:e(`var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${l.color.onSurface}))`),textOpacity:e("var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${l.color.surface}))`),containerElevation:e(`var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${l.elevation.level1}))`),containerElevationColor:e(`var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${l.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${l.elevation.level2}))`)},focus:{textColor:e(`var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${l.elevation.level1}))`)},pressed:{textColor:e(`var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${l.elevation.level1}))`)}},outlined:{textColor:e(`var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${l.color.onSurface}))`),containerElevation:e(`var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${l.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${l.color.outlineVariant}))`),outlineThickness:e("var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))"),disabled:{textColor:e(`var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${l.color.onSurface}))`),textOpacity:e("var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerElevation:e(`var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${l.elevation.level0}))`),containerElevationColor:e(`var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${l.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),outlineColor:e(`var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${l.color.outline}))`),outlineOpacity:e("var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))")},hover:{textColor:e(`var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${l.elevation.level1}))`),outlineColor:e(`var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${l.color.outlineVariant}))`)},focus:{textColor:e(`var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${l.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${l.color.onSurface}))`)},pressed:{textColor:e(`var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${l.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${l.color.outlineVariant}))`)}}},ei=t`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${Jo}; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard},\n      border-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${Jo}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${Yo}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${Yo}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${Yo}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${Yo}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${Yo}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${Yo}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${Yo}; margin-block-start: ${Yo}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${Yo}; margin-block: ${Yo}; } .has-actions slot[name="actions"] { margin-inline: ${Yo}; margin-block: ${Yo}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${Yo}; margin-block-end: ${Yo}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${Yo}; margin-inline-end: ${Yo}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${Qo.outlined.outlineThickness??e("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`;function ti(a){return t`:host([variant="${e(a)}"]) .base { background-color: ${Qo[a].containerColor??e("unset")}; box-shadow: ${Qo[a].containerElevation??e("unset")}; border-width: ${Qo[a].outlineThickness??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base { --m3e-state-layer-hover-color: ${Qo[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Qo[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Qo[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Qo[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${Qo[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Qo[a].pressed.stateLayerOpacity}; --m3e-elevation-level: ${Qo[a].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${Qo[a].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${Qo[a].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${Qo[a].pressed.containerElevation??e("unset")}; } :host([variant="${e(a)}"]) .base { border-color: ${Qo[a].outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:focus .base) { border-color: ${Qo[a].focus.outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:hover .base) { border-color: ${Qo[a].hover.outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base.pressed { border-color: ${Qo[a].pressed.outlineColor??e("unset")}; } :host([variant="${e(a)}"]) .base { color: ${Qo[a].textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:focus) .base { color: ${Qo[a].focus.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:hover) .base { color: ${Qo[a].hover.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base.pressed { color: ${Qo[a].pressed.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:disabled) .base, :host([actionable][variant="${e(a)}"][disabled-interactive]) .base { --m3e-elevation-level: ${Qo[a].disabled.containerElevation??e("unset")}; --m3e-elevation-color: color-mix( in srgb, ${Qo[a].disabled.containerElevationColor} ${Qo[a].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${Qo[a].disabled.textColor} ${Qo[a].disabled.textOpacity}, transparent ); background-color: ${Qo[a].disabled.containerColor&&Qo[a].disabled.containerOpacity?e(`color-mix(\n        in srgb,\n        ${Qo[a].disabled.containerColor} ${Qo[a].disabled.containerOpacity},\n        transparent\n      )`):e("unset")}; border-color: ${Qo[a].disabled.outlineColor&&Qo[a].disabled.outlineOpacity?e(`color-mix(\n        in srgb,\n        ${Qo[a].disabled.outlineColor} ${Qo[a].disabled.outlineOpacity},\n        transparent\n      )`):e("unset")}; } :host([actionable][variant="${e(a)}"]:disabled) ::slotted(img), :host([actionable][variant="${e(a)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${e(a)}"]:disabled) ::slotted(video), :host([actionable][variant="${e(a)}"][disabled-interactive]) ::slotted(video) { opacity: ${Qo[a].disabled.imageOpacity}; }`}const ai=[ti("filled"),ti("elevated"),ti("outlined")];var oi,ii,ri,si,ni,li,ci,di;let hi=class extends(T(P(I(A(W(H(k(a),!0))))))){constructor(){super(),oi.add(this),ii.set(this,e=>Be(this,oi,"m",di).call(this,e)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new D(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",Be(this,ii,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",Be(this,ii,"f"))}render(){return o`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[B]()}<slot name="header" @slotchange="${Be(this,oi,"m",ri)}"></slot><slot name="content" @slotchange="${Be(this,oi,"m",si)}"><slot @slotchange="${Be(this,oi,"m",ni)}"></slot></slot><slot name="actions" @slotchange="${Be(this,oi,"m",li)}"></slot><slot name="footer" @slotchange="${Be(this,oi,"m",ci)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};var mi,pi,ui,vi,bi,fi;ii=new WeakMap,oi=new WeakSet,ri=function(e){const t=e.target.assignedNodes({flatten:!0}),a=this.shadowRoot?.querySelector(".base");a?.classList.toggle("has-header",t.length>0),a?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},si=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},ni=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",p(e.target)&&null===this.querySelector("[slot='content']"))},li=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",p(e.target))},ci=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",p(e.target))},di=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},hi.styles=[ai,ei],De([pt(".base")],hi.prototype,"_base",void 0),De([pt(".elevation")],hi.prototype,"_elevation",void 0),De([pt(".focus-ring")],hi.prototype,"_focusRing",void 0),De([pt(".state-layer")],hi.prototype,"_stateLayer",void 0),De([pt(".ripple")],hi.prototype,"_ripple",void 0),De([dt({type:Boolean})],hi.prototype,"inline",void 0),De([dt({type:Boolean})],hi.prototype,"actionable",void 0),De([dt({reflect:!0})],hi.prototype,"variant",void 0),De([dt({reflect:!0})],hi.prototype,"orientation",void 0),hi=De([m("m3e-card")],hi);let gi=class extends(R(F(V(U(N(j(K(Z(T(A(H(k(d(a,"checkbox")))),!1)))))))))){constructor(){super(...arguments),mi.add(this),pi.set(this,e=>Be(this,mi,"m",fi).call(this,e)),ui.set(this,new G(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),vi.set(this,new D(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(pi=new WeakMap,ui=new WeakMap,vi=new WeakMap,mi=new WeakSet,X)](){return!this.checked||this.disabled||this.indeterminate?null:this.value}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,pi,"f"));for(const e of this.labels)Be(this,ui,"f").observe(e),Be(this,vi,"f").observe(e)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,pi,"f"));for(const e of this.labels)Be(this,ui,"f").unobserve(e),Be(this,vi,"f").unobserve(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" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${Be(this,mi,"m",bi).call(this)}</div></div>`}};var yi,$i,xi,wi,ki,Ci,Si;bi=function(){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},fi=function(e){e.defaultPrevented||(this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.indeterminate=!1,this.dispatchEvent(new Event("change",{bubbles:!0}))):this.checked=!this.checked,this.closest("label")&&e.preventDefault())},gi.styles=t`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${l.density.calc(-3)}); height: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${l.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 0.125rem); } :host(:not([checked]):not([indeterminate])) .wrapper { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not(:state(-touched):state(-invalid)):not([indeterminate]):not([checked])) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-checkbox-unselected-ripple-color, ${l.color.onSurface}); } :host(:not(:state(-touched):state(-invalid))[checked]) .base, :host(:not(:state(-touched):state(-invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-hover-color, ${l.color.primary}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-focus-color, ${l.color.primary}); --m3e-ripple-color: var(--m3e-checkbox-selected-ripple-color, ${l.color.primary}); } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[checked]) .wrapper, :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[indeterminate]) .wrapper { background-color: var(--m3e-checkbox-selected-container-color, ${l.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${l.color.onPrimary}); } :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):not( :hover ) ) .wrapper { border-color: var(--m3e-checkbox-unselected-outline-color, ${l.color.onSurfaceVariant}); } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):hover) .wrapper { border-color: var(--m3e-checkbox-unselected-hover-outline-color, ${l.color.onSurface}); } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${l.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${l.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${l.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-error-hover-color, ${l.color.error}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-error-focus-color, ${l.color.error}); --m3e-ripple-color: var(--m3e-checkbox-unselected-error-ripple-color, ${l.color.error}); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[checked]) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-error-hover-color, ${l.color.onError}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-error-focus-color, ${l.color.onError}); --m3e-ripple-color: var(--m3e-checkbox-selected-error-ripple-color, ${l.color.onError}); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .wrapper { border-color: var(--m3e-checkbox-unselected-error-outline-color, ${l.color.error}); } @media (forced-colors: active) { :host(:not(:state(-touched):state(-invalid)):not([indeterminate]):not([checked])) .base, :host(:not(:state(-touched):state(-invalid))[checked]) .base, :host(:not(:state(-touched):state(-invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: CanvasText; --m3e-state-layer-focus-color: CanvasText; --m3e-ripple-color: CanvasText; } :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):not( :hover ) ) .wrapper, :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):hover ) .wrapper { border-color: CanvasText; } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[checked]) .wrapper, :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[indeterminate]) .wrapper { background-color: CanvasText; color: Canvas; } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: GrayText; } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: GrayText; color: Canvas; } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .wrapper { border-color: Highlight; } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[checked]) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[indeterminate]) .base { --m3e-state-layer-hover-color: Highlight; --m3e-state-layer-focus-color: Highlight; --m3e-ripple-color: Highlight; } }`,De([pt(".focus-ring")],gi.prototype,"_focusRing",void 0),De([pt(".state-layer")],gi.prototype,"_stateLayer",void 0),De([pt(".ripple")],gi.prototype,"_ripple",void 0),De([dt()],gi.prototype,"value",void 0),gi=De([m("m3e-checkbox")],gi);let _i=class extends(k(a)){constructor(){super(...arguments),yi.add(this),$i.set(this,void 0),xi.set(this,""),this.variant="outlined"}get value(){return Be(this,$i,"f")??Be(this,xi,"f")}set value(e){qe(this,$i,e,"f")}get label(){return Be(this,xi,"f")}firstUpdated(e){super.firstUpdated(e),"listitem"===this.role&&this.removeAttribute("tabindex"),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>{e?.htmlFor||e?.attach(this)})}render(){const e=!Y(this)||this.disabled,t=J(this)&&this.disabledInteractive;return o`<div class="base"><m3e-elevation class="elevation" ?disabled="${e||t}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${e||t}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${e}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${e||t}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${Q(this)?this[B]():i}<div class="wrapper">${Be(this,yi,"m",wi).call(this)}</div></div>`}_renderIcon(){return o`<slot name="icon" aria-hidden="true" @slotchange="${Be(this,yi,"m",ki)}"></slot>`}_renderTrailingIcon(){return o`<slot name="trailing-icon" aria-hidden="true" @slotchange="${Be(this,yi,"m",Ci)}"></slot>`}_renderSlot(){return o`<slot @slotchange="${Be(this,yi,"m",Si)}"></slot>`}};$i=new WeakMap,xi=new WeakMap,yi=new WeakSet,wi=function(){return o`${this._renderIcon()}<div class="label">${this._renderSlot()}</div>${this._renderTrailingIcon()}`},ki=function(e){v(this,"-with-icon",p(e.target))},Ci=function(e){v(this,"-with-trailing-icon",p(e.target))},Si=function(e){qe(this,xi,ee(e.target),"f")},_i.styles=t`:host { display: inline-block; vertical-align: middle; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; border-radius: var(--m3e-chip-container-shape, ${l.shape.corner.small}); height: calc(var(--m3e-chip-container-height, 2rem) + ${l.density.calc(-2)}); font-size: var(--m3e-chip-label-text-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-chip-label-text-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-chip-label-text-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-chip-label-text-tracking, ${l.typescale.standard.label.large.tracking}); } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host(:not(m3e-chip):not(:disabled)[disabled-interactive]) { cursor: not-allowed; } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) .base { user-select: none; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; column-gap: var(--m3e-chip-spacing, 0.5rem); } .label { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host([variant="elevated"]) .base { background-color: var(--m3e-elevated-chip-container-color, ${l.color.surfaceContainerLow}); --m3e-elevation-level: var(--m3e-elevated-chip-elevation, ${l.elevation.level1}); --m3e-elevation-hover-level: var(--m3e-elevated-chip-hover-elevation, ${l.elevation.level2}); --m3e-elevation-focus-level: var(--m3e-elevated-chip-elevation, ${l.elevation.level1}); --m3e-elevation-pressed-level: var(--m3e-elevated-chip-elevation, ${l.elevation.level1}); } :host([variant="outlined"]) .base { outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-style: solid; outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: var(--m3e-outlined-chip-outline-color, ${l.color.outlineVariant}); } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: color-mix( in srgb, var(--m3e-outlined-chip-disabled-outline-color, ${l.color.onSurface}) var(--m3e-outlined-chip-disabled-outline-opacity, 12%), transparent ); } :host(:state(-with-icon)) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } :host(:not(:state(-with-icon))) .wrapper { padding-inline-start: var(--m3e-chip-padding-start, 1rem); } :host(:state(-with-trailing-icon)) .wrapper { padding-inline-end: var(--m3e-chip-with-icon-padding-end, 0.5rem); } :host(:not(:state(-with-trailing-icon))) .wrapper { padding-inline-end: var(--m3e-chip-padding-end, 1rem); } ::slotted([slot="icon"]), ::slotted([slot="trailing-icon"]) { flex: none; width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem) !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-label-text-color, ${l.color.onSurface}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-icon-color, ${l.color.primary}); } :host(:disabled) .base, :host([disabled-interactive]) .base { color: color-mix( in srgb, var(--m3e-chip-disabled-label-text-color, ${l.color.onSurface}) var(--m3e-chip-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: color-mix( in srgb, var(--m3e-chip-disabled-icon-color, ${l.color.onSurface}) var(--m3e-chip-disabled-icon-opacity, 38%), transparent ); } :host([variant="elevated"]:disabled) .base, :host([variant="elevated"][disabled-interactive]) .base { background-color: color-mix( in srgb, var(--m3e-elevated-chip-disabled-container-color, ${l.color.onSurface}) var(--m3e-elevated-chip-disabled-container-opacity, 12%), transparent ); --m3e-elevation-level: var(--m3e-elevated-chip-disabled-elevation, ${l.elevation.level0}); } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: CanvasText; } :host(:disabled) .base, :host([disabled-interactive]) .base, :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: GrayText; } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: GrayText; } }`,De([pt(".elevation")],_i.prototype,"_elevation",void 0),De([pt(".focus-ring")],_i.prototype,"_focusRing",void 0),De([pt(".state-layer")],_i.prototype,"_stateLayer",void 0),De([pt(".ripple")],_i.prototype,"_ripple",void 0),De([dt({reflect:!0})],_i.prototype,"variant",void 0),De([dt()],_i.prototype,"value",null),_i=De([m("m3e-chip")],_i);let Li=class extends(I(P(T(A(W(H(d(_i,"button")))))))){_renderTrailingIcon(){return i}};Li.formAssociated=!0,Li=De([m("m3e-assist-chip")],Li);let zi=class extends(te(a)){render(){return o`<slot></slot>`}};var Ei,Mi,Ti;zi.styles=t`:host { display: inline-flex; flex-wrap: wrap; vertical-align: middle; gap: var(--m3e-chip-set-spacing, 0.5rem); outline: none; } :host([vertical]) { flex-direction: column; }`,zi=De([m("m3e-chip-set")],zi);let Pi=class extends(ae(T(A(W(H(d(_i,"radio"))))))){constructor(){super(...arguments),Ei.add(this),Mi.set(this,e=>Be(this,Ei,"m",Ti).call(this,e))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,Mi,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,Mi,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-filter-chip-set")?.[we].notifySelectionChange(this)}_renderIcon(){return o`<div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg> ${super._renderIcon()}</div>`}};var Ii,Ai,Wi,Hi,Oi,Di,Bi;Mi=new WeakMap,Ei=new WeakSet,Ti=function(e){if(e.defaultPrevented)return;const t=this.selected;this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.closest("m3e-filter-chip-set")?.[we].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=t},Pi.formAssociated=!0,Pi.styles=[_i.styles,t`:host([selected]:not(:state(-hide-selection))) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } .icon { display: flex; align-items: center; justify-content: center; } .check { width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem); } :host(:not(:disabled):not([disabled-interactive])) .check { color: var(--m3e-chip-selected-leading-icon-color, ${l.color.onSecondaryContainer}); } :host(:not([selected])) .check, :host(:state(-hide-selection)) .check, :host(:state(-hide-selection):not(:state(-with-icon))) .icon { display: none; } :host(:not(:state(-with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-chip-with-icon-padding-start, 0.5rem)); transition: margin-inline-start ${l.motion.spring.fastEffects}; } :host([selected]) .icon { margin-inline-start: 0; } :host([selected]:not(:state(-hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-unselected-label-text-color, ${l.color.onSurfaceVariant}); --m3e-ripple-color: var(--m3e-chip-unselected-ripple-color, ${l.color.onSurfaceVariant}); --m3e-state-layer-focus-color: var( --m3e-chip-unselected-state-layer-focus-color, ${l.color.onSurfaceVariant} ); --m3e-state-layer-hover-color: var( --m3e-chip-unselected-state-layer-hover-color, ${l.color.onSurfaceVariant} ); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]) { color: var(--m3e-chip-unselected-leading-icon-color, ${l.color.primary}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-unselected-trailing-icon-color, ${l.color.onSurfaceVariant}); } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: unset; outline-width: var(--m3e-chip-selected-outline-thickness, 0); color: var(--m3e-chip-selected-label-text-color, ${l.color.onSecondaryContainer}); background-color: var(--m3e-chip-selected-container-color, ${l.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-chip-selected-container-hover-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-chip-selected-container-focus-color, ${l.color.onSecondaryContainer} ); --m3e-elevation-hover-level: var(--m3e-chip-selected-hover-elevation, ${l.elevation.level1}); --m3e-ripple-color: var(--m3e-chip-selected-ripple-color, ${l.color.onSecondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-chip-selected-state-layer-focus-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-chip-selected-state-layer-hover-color, ${l.color.onSecondaryContainer} ); } :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]) { color: var(--m3e-chip-selected-leading-icon-color, ${l.color.onSecondaryContainer}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-selected-trailing-icon-color, ${l.color.onSecondaryContainer}); } @media (prefers-reduced-motion) { .base, :host(:not(:state(-with-icon))) .icon { transition: none; } } @media (forced-colors: active) { :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base, :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="trailing-icon"]), :host(:not(:disabled):not([disabled-interactive])) .check { color: ButtonText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-color: ButtonText; } }`],Pi=De([m("m3e-filter-chip")],Pi);let qi=class extends(R(V(U(Z(H(k(d(zi,"radiogroup")))))))){constructor(){super(...arguments),Ii.add(this),Ai.set(this,void 0),this[Bi]=(new ke).onActiveItemChange(()=>this[we].activeItem?.focus()).withWrap().withDirectionality(Ee.current),this.multi=!1,this.hideSelectionIndicator=!1}get chips(){return this[we]?.items??[]}get selected(){return this[we]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Ai=new WeakMap,Ii=new WeakSet,Bi=we,X)](){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(),qe(this,Ai,Ee.observe(()=>this[we].directionality=Ee.current),"f")}disconnectedCallback(){super.disconnectedCallback(),Be(this,Ai,"f")?.call(this)}update(e){super.update(e),e.has("vertical")&&(this[we].vertical=this.vertical),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[we].disabled=this.disabled),e.has("multi")&&(this.role=this.multi?"group":"radiogroup",Be(this,Ii,"m",Di).call(this),this[we].multi=this.multi,this[we].disableRovingTabIndex(this.multi)),(e.has("multi")||e.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),e.has("hideSelectionIndicator")&&this.chips.forEach(e=>v(e,"-hide-selection",this.hideSelectionIndicator))}render(){return o`<slot @slotchange="${Be(this,Ii,"m",Wi)}" @keydown="${Be(this,Ii,"m",Hi)}" @change="${Be(this,Ii,"m",Oi)}"></slot>`}};Wi=function(){const{added:e}=this[we].setItems([...this.querySelectorAll("m3e-filter-chip")]);e.forEach(e=>v(e,"-hide-selection",this.hideSelectionIndicator)),Be(this,Ii,"m",Di).call(this)},Hi=function(e){this.multi||this[we].onKeyDown(e)},Oi=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Di=function(){this.chips.forEach(e=>e.role=this.multi?"button":"radio")},De([dt({type:Boolean})],qi.prototype,"multi",void 0),De([dt({attribute:"hide-selection-indicator",type:Boolean})],qi.prototype,"hideSelectionIndicator",void 0),qi=De([m("m3e-filter-chip-set")],qi);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const zi=globalThis,Ei=zi.trustedTypes,Mi=Ei?Ei.createPolicy("lit-html",{createHTML:e=>e}):void 0,Ti="$lit$",Pi=`lit$${Math.random().toFixed(9).slice(2)}$`,Ii="?"+Pi,Ai=`<${Ii}>`,Wi=document,Hi=()=>Wi.createComment(""),Oi=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Di=Array.isArray,Bi="[ \t\n\f\r]",qi=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ri=/-->/g,Fi=/>/g,Vi=RegExp(`>|${Bi}(?:([^\\s"'>=/]+)(${Bi}*=${Bi}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Ui=/'/g,Ni=/"/g,ji=/^(?:script|style|textarea|title)$/i,Ki=Symbol.for("lit-noChange"),Zi=Symbol.for("lit-nothing"),Gi=new WeakMap,Xi=Wi.createTreeWalker(Wi,129);function Yi(e,t){if(!Di(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==Mi?Mi.createHTML(t):t}const Ji=(e,t)=>{const a=e.length-1,o=[];let i,r=2===t?"<svg>":3===t?"<math>":"",s=qi;for(let t=0;t<a;t++){const a=e[t];let n,l,c=-1,d=0;for(;d<a.length&&(s.lastIndex=d,l=s.exec(a),null!==l);)d=s.lastIndex,s===qi?"!--"===l[1]?s=Ri:void 0!==l[1]?s=Fi:void 0!==l[2]?(ji.test(l[2])&&(i=RegExp("</"+l[2],"g")),s=Vi):void 0!==l[3]&&(s=Vi):s===Vi?">"===l[0]?(s=i??qi,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,n=l[1],s=void 0===l[3]?Vi:'"'===l[3]?Ni:Ui):s===Ni||s===Ui?s=Vi:s===Ri||s===Fi?s=qi:(s=Vi,i=void 0);const h=s===Vi&&e[t+1].startsWith("/>")?" ":"";r+=s===qi?a+Ai:c>=0?(o.push(n),a.slice(0,c)+Ti+a.slice(c)+Pi+h):a+Pi+(-2===c?t:h)}return[Yi(e,r+(e[a]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),o]};class Qi{constructor({strings:e,_$litType$:t},a){let o;this.parts=[];let i=0,r=0;const s=e.length-1,n=this.parts,[l,c]=Ji(e,t);if(this.el=Qi.createElement(l,a),Xi.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(o=Xi.nextNode())&&n.length<s;){if(1===o.nodeType){if(o.hasAttributes())for(const e of o.getAttributeNames())if(e.endsWith(Ti)){const t=c[r++],a=o.getAttribute(e).split(Pi),s=/([.?@])?(.*)/.exec(t);n.push({type:1,index:i,name:s[2],strings:a,ctor:"."===s[1]?ir:"?"===s[1]?rr:"@"===s[1]?sr:or}),o.removeAttribute(e)}else e.startsWith(Pi)&&(n.push({type:6,index:i}),o.removeAttribute(e));if(ji.test(o.tagName)){const e=o.textContent.split(Pi),t=e.length-1;if(t>0){o.textContent=Ei?Ei.emptyScript:"";for(let a=0;a<t;a++)o.append(e[a],Hi()),Xi.nextNode(),n.push({type:2,index:++i});o.append(e[t],Hi())}}}else if(8===o.nodeType)if(o.data===Ii)n.push({type:2,index:i});else{let e=-1;for(;-1!==(e=o.data.indexOf(Pi,e+1));)n.push({type:7,index:i}),e+=Pi.length-1}i++}}static createElement(e,t){const a=Wi.createElement("template");return a.innerHTML=e,a}}function er(e,t,a=e,o){if(t===Ki)return t;let i=void 0!==o?a._$Co?.[o]:a._$Cl;const r=Oi(t)?void 0:t._$litDirective$;return i?.constructor!==r&&(i?._$AO?.(!1),void 0===r?i=void 0:(i=new r(e),i._$AT(e,a,o)),void 0!==o?(a._$Co??=[])[o]=i:a._$Cl=i),void 0!==i&&(t=er(e,i._$AS(e,t.values),i,o)),t}class tr{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:a}=this._$AD,o=(e?.creationScope??Wi).importNode(t,!0);Xi.currentNode=o;let i=Xi.nextNode(),r=0,s=0,n=a[0];for(;void 0!==n;){if(r===n.index){let t;2===n.type?t=new ar(i,i.nextSibling,this,e):1===n.type?t=new n.ctor(i,n.name,n.strings,this,e):6===n.type&&(t=new nr(i,this,e)),this._$AV.push(t),n=a[++s]}r!==n?.index&&(i=Xi.nextNode(),r++)}return Xi.currentNode=Wi,o}p(e){let t=0;for(const a of this._$AV)void 0!==a&&(void 0!==a.strings?(a._$AI(e,a,t),t+=a.strings.length-2):a._$AI(e[t])),t++}}class ar{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,a,o){this.type=2,this._$AH=Zi,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=a,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=er(this,e,t),Oi(e)?e===Zi||null==e||""===e?(this._$AH!==Zi&&this._$AR(),this._$AH=Zi):e!==this._$AH&&e!==Ki&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Di(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==Zi&&Oi(this._$AH)?this._$AA.nextSibling.data=e:this.T(Wi.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:a}=e,o="number"==typeof a?this._$AC(e):(void 0===a.el&&(a.el=Qi.createElement(Yi(a.h,a.h[0]),this.options)),a);if(this._$AH?._$AD===o)this._$AH.p(t);else{const e=new tr(o,this),a=e.u(this.options);e.p(t),this.T(a),this._$AH=e}}_$AC(e){let t=Gi.get(e.strings);return void 0===t&&Gi.set(e.strings,t=new Qi(e)),t}k(e){Di(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let a,o=0;for(const i of e)o===t.length?t.push(a=new ar(this.O(Hi()),this.O(Hi()),this,this.options)):a=t[o],a._$AI(i),o++;o<t.length&&(this._$AR(a&&a._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class or{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,a,o,i){this.type=1,this._$AH=Zi,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=i,a.length>2||""!==a[0]||""!==a[1]?(this._$AH=Array(a.length-1).fill(new String),this.strings=a):this._$AH=Zi}_$AI(e,t=this,a,o){const i=this.strings;let r=!1;if(void 0===i)e=er(this,e,t,0),r=!Oi(e)||e!==this._$AH&&e!==Ki,r&&(this._$AH=e);else{const o=e;let s,n;for(e=i[0],s=0;s<i.length-1;s++)n=er(this,o[a+s],t,s),n===Ki&&(n=this._$AH[s]),r||=!Oi(n)||n!==this._$AH[s],n===Zi?e=Zi:e!==Zi&&(e+=(n??"")+i[s+1]),this._$AH[s]=n}r&&!o&&this.j(e)}j(e){e===Zi?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ir extends or{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===Zi?void 0:e}}class rr extends or{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==Zi)}}class sr extends or{constructor(e,t,a,o,i){super(e,t,a,o,i),this.type=5}_$AI(e,t=this){if((e=er(this,e,t,0)??Zi)===Ki)return;const a=this._$AH,o=e===Zi&&a!==Zi||e.capture!==a.capture||e.once!==a.once||e.passive!==a.passive,i=e!==Zi&&(a===Zi||o);o&&this.element.removeEventListener(this.name,this,a),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class nr{constructor(e,t,a){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=a}get _$AU(){return this._$AM._$AU}_$AI(e){er(this,e)}}const lr=zi.litHtmlPolyfillSupport;lr?.(Qi,ar),(zi.litHtmlVersions??=[]).push("3.3.1");
+const Ri=globalThis,Fi=Ri.trustedTypes,Vi=Fi?Fi.createPolicy("lit-html",{createHTML:e=>e}):void 0,Ui="$lit$",Ni=`lit$${Math.random().toFixed(9).slice(2)}$`,ji="?"+Ni,Ki=`<${ji}>`,Zi=document,Gi=()=>Zi.createComment(""),Xi=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Yi=Array.isArray,Ji="[ \t\n\f\r]",Qi=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,er=/-->/g,tr=/>/g,ar=RegExp(`>|${Ji}(?:([^\\s"'>=/]+)(${Ji}*=${Ji}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),or=/'/g,ir=/"/g,rr=/^(?:script|style|textarea|title)$/i,sr=Symbol.for("lit-noChange"),nr=Symbol.for("lit-nothing"),lr=new WeakMap,cr=Zi.createTreeWalker(Zi,129);function dr(e,t){if(!Yi(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==Vi?Vi.createHTML(t):t}const hr=(e,t)=>{const a=e.length-1,o=[];let i,r=2===t?"<svg>":3===t?"<math>":"",s=Qi;for(let t=0;t<a;t++){const a=e[t];let n,l,c=-1,d=0;for(;d<a.length&&(s.lastIndex=d,l=s.exec(a),null!==l);)d=s.lastIndex,s===Qi?"!--"===l[1]?s=er:void 0!==l[1]?s=tr:void 0!==l[2]?(rr.test(l[2])&&(i=RegExp("</"+l[2],"g")),s=ar):void 0!==l[3]&&(s=ar):s===ar?">"===l[0]?(s=i??Qi,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,n=l[1],s=void 0===l[3]?ar:'"'===l[3]?ir:or):s===ir||s===or?s=ar:s===er||s===tr?s=Qi:(s=ar,i=void 0);const h=s===ar&&e[t+1].startsWith("/>")?" ":"";r+=s===Qi?a+Ki:c>=0?(o.push(n),a.slice(0,c)+Ui+a.slice(c)+Ni+h):a+Ni+(-2===c?t:h)}return[dr(e,r+(e[a]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),o]};class mr{constructor({strings:e,_$litType$:t},a){let o;this.parts=[];let i=0,r=0;const s=e.length-1,n=this.parts,[l,c]=hr(e,t);if(this.el=mr.createElement(l,a),cr.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(o=cr.nextNode())&&n.length<s;){if(1===o.nodeType){if(o.hasAttributes())for(const e of o.getAttributeNames())if(e.endsWith(Ui)){const t=c[r++],a=o.getAttribute(e).split(Ni),s=/([.?@])?(.*)/.exec(t);n.push({type:1,index:i,name:s[2],strings:a,ctor:"."===s[1]?fr:"?"===s[1]?gr:"@"===s[1]?yr:br}),o.removeAttribute(e)}else e.startsWith(Ni)&&(n.push({type:6,index:i}),o.removeAttribute(e));if(rr.test(o.tagName)){const e=o.textContent.split(Ni),t=e.length-1;if(t>0){o.textContent=Fi?Fi.emptyScript:"";for(let a=0;a<t;a++)o.append(e[a],Gi()),cr.nextNode(),n.push({type:2,index:++i});o.append(e[t],Gi())}}}else if(8===o.nodeType)if(o.data===ji)n.push({type:2,index:i});else{let e=-1;for(;-1!==(e=o.data.indexOf(Ni,e+1));)n.push({type:7,index:i}),e+=Ni.length-1}i++}}static createElement(e,t){const a=Zi.createElement("template");return a.innerHTML=e,a}}function pr(e,t,a=e,o){if(t===sr)return t;let i=void 0!==o?a._$Co?.[o]:a._$Cl;const r=Xi(t)?void 0:t._$litDirective$;return i?.constructor!==r&&(i?._$AO?.(!1),void 0===r?i=void 0:(i=new r(e),i._$AT(e,a,o)),void 0!==o?(a._$Co??=[])[o]=i:a._$Cl=i),void 0!==i&&(t=pr(e,i._$AS(e,t.values),i,o)),t}class ur{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:a}=this._$AD,o=(e?.creationScope??Zi).importNode(t,!0);cr.currentNode=o;let i=cr.nextNode(),r=0,s=0,n=a[0];for(;void 0!==n;){if(r===n.index){let t;2===n.type?t=new vr(i,i.nextSibling,this,e):1===n.type?t=new n.ctor(i,n.name,n.strings,this,e):6===n.type&&(t=new $r(i,this,e)),this._$AV.push(t),n=a[++s]}r!==n?.index&&(i=cr.nextNode(),r++)}return cr.currentNode=Zi,o}p(e){let t=0;for(const a of this._$AV)void 0!==a&&(void 0!==a.strings?(a._$AI(e,a,t),t+=a.strings.length-2):a._$AI(e[t])),t++}}class vr{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,a,o){this.type=2,this._$AH=nr,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=a,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=pr(this,e,t),Xi(e)?e===nr||null==e||""===e?(this._$AH!==nr&&this._$AR(),this._$AH=nr):e!==this._$AH&&e!==sr&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Yi(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==nr&&Xi(this._$AH)?this._$AA.nextSibling.data=e:this.T(Zi.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:a}=e,o="number"==typeof a?this._$AC(e):(void 0===a.el&&(a.el=mr.createElement(dr(a.h,a.h[0]),this.options)),a);if(this._$AH?._$AD===o)this._$AH.p(t);else{const e=new ur(o,this),a=e.u(this.options);e.p(t),this.T(a),this._$AH=e}}_$AC(e){let t=lr.get(e.strings);return void 0===t&&lr.set(e.strings,t=new mr(e)),t}k(e){Yi(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let a,o=0;for(const i of e)o===t.length?t.push(a=new vr(this.O(Gi()),this.O(Gi()),this,this.options)):a=t[o],a._$AI(i),o++;o<t.length&&(this._$AR(a&&a._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class br{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,a,o,i){this.type=1,this._$AH=nr,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=i,a.length>2||""!==a[0]||""!==a[1]?(this._$AH=Array(a.length-1).fill(new String),this.strings=a):this._$AH=nr}_$AI(e,t=this,a,o){const i=this.strings;let r=!1;if(void 0===i)e=pr(this,e,t,0),r=!Xi(e)||e!==this._$AH&&e!==sr,r&&(this._$AH=e);else{const o=e;let s,n;for(e=i[0],s=0;s<i.length-1;s++)n=pr(this,o[a+s],t,s),n===sr&&(n=this._$AH[s]),r||=!Xi(n)||n!==this._$AH[s],n===nr?e=nr:e!==nr&&(e+=(n??"")+i[s+1]),this._$AH[s]=n}r&&!o&&this.j(e)}j(e){e===nr?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class fr extends br{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===nr?void 0:e}}class gr extends br{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==nr)}}class yr extends br{constructor(e,t,a,o,i){super(e,t,a,o,i),this.type=5}_$AI(e,t=this){if((e=pr(this,e,t,0)??nr)===sr)return;const a=this._$AH,o=e===nr&&a!==nr||e.capture!==a.capture||e.once!==a.once||e.passive!==a.passive,i=e!==nr&&(a===nr||o);o&&this.element.removeEventListener(this.name,this,a),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class $r{constructor(e,t,a){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=a}get _$AU(){return this._$AM._$AU}_$AI(e){pr(this,e)}}const xr=Ri.litHtmlPolyfillSupport;xr?.(mr,vr),(Ri.litHtmlVersions??=[]).push("3.3.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const cr=e=>e??Zi;var dr,hr,mr,pr;let ur=class extends(x(A(W(d(pi,"row"))),"remove")){constructor(){super(...arguments),dr.add(this),this.removable=!1,this.removeLabel="Remove"}connectedCallback(){super.connectedCallback(),this.removeAttribute("tabindex")}update(e){super.update(e),this.removeAttribute("tabindex"),e.has("removable")&&u(this,"-with-trailing-icon",this.removable)}render(){return o`<div class="base"><m3e-elevation class="elevation" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" for="cell" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="wrapper"><div id="cell" class="cell" role="gridcell" tabindex="${cr(this.disabled?void 0:"-1")}" @keydown="${He(this,dr,"m",pr)}"><slot name="avatar" @slotchange="${He(this,dr,"m",hr)}"></slot>${this._renderIcon()}<div class="label">${this._renderSlot()}</div><div class="touch" aria-hidden="true"></div></div>${this._renderTrailingIcon()}</div></div>`}_renderTrailingIcon(){return this.removable?o`<span role="gridcell" class="remove"><m3e-icon-button class="remove-button" aria-label="${this.removeLabel}" size="extra-small" tabindex="-1" ?disabled="${this.disabled}" ?disabled-interactive="${this.disabledInteractive}" @click="${He(this,dr,"m",mr)}"><slot name="remove-icon"><svg class="remove-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button></span>`:i}};var vr,br,fr,gr,yr,$r,xr,wr,kr,Cr,Sr,_r,Lr,zr,Er,Mr,Tr,Pr,Ir,Ar,Wr,Hr,Or,Dr;dr=new WeakSet,hr=function(e){u(this,"-with-avatar",p(e.target))},mr=function(e){e.stopPropagation(),this.dispatchEvent(new Event("remove"))},pr=function(e){if(this.removable)switch(e.key){case"Backspace":case"Delete":this.dispatchEvent(new Event("remove"))}},ur.formAssociated=!0,ur.styles=[pi.styles,t`.cell { display: inline-flex; align-items: center; outline: none; column-gap: var(--m3e-chip-spacing, 0.5rem); min-width: 0; } .remove-button { --m3e-icon-button-extra-small-container-height: 1.5rem; --m3e-icon-button-extra-small-icon-size: var(--m3e-chip-icon-size, 1.125rem); width: 1.5rem; } .remove-icon { flex: none; width: var(--m3e-chip-icon-size, 1.125rem); height: var(--m3e-chip-icon-size, 1.125rem); } .touch { top: calc( 0px - calc(calc(3rem - calc(var(--m3e-chip-container-height, 2rem) + ${l.density.calc(-2)})) / 2) ); } .wrapper { height: 100%; overflow: visible; min-width: 0; } ::slotted([slot="avatar"]) { flex: none; font-size: var(--m3e-chip-avatar-size, 1.5rem); } ::slotted(m3e-avatar[slot="avatar"]) { --m3e-icon-size: var(--m3e-chip-avatar-icon-size, 1.125rem); --m3e-avatar-size: var(--m3e-chip-avatar-size, 1.5rem); --m3e-avatar-font-size: var( --m3e-chip-avatar-font-size, ${l.typescale.standard.title.small.fontSize} ); --m3e-avatar-font-weight: var( --m3e-chip-avatar-font-height, ${l.typescale.standard.title.small.fontWeight} ); --m3e-avatar-line-height: var( --m3e-chip-avatar-line-height, ${l.typescale.standard.title.small.lineHeight} ); --m3e-avatar-tracking: var(--m3e-chip-avatar-tracking, ${l.typescale.standard.title.small.tracking}); } :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { opacity: var(--m3e-chip-disabled-avatar-opacity, 38%); color: var(--m3e-chip-disabled-icon-color, ${l.color.onSurface}); } :host(:state(-with-avatar)) ::slotted([slot="icon"]) { display: none; } :host(:state(-with-avatar)) .wrapper { padding-inline-start: var(--m3e-chip-with-avatar-padding-start, 0.25rem); } @media (forced-colors: active) { :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { color: CanvasText; } }`],We([dt(".cell")],ur.prototype,"cell",void 0),We([dt(".remove-button")],ur.prototype,"removeButton",void 0),We([nt({type:Boolean})],ur.prototype,"removable",void 0),We([nt({attribute:"remove-label"})],ur.prototype,"removeLabel",void 0),ur=We([m("m3e-input-chip")],ur);let Br=class extends(R(U(N(F(V(K(W(w(d(vi,"grid")))))))))){constructor(){super(...arguments),vr.add(this),br.set(this,void 0),fr.set(this,()=>He(this,vr,"m",Or).call(this)),gr.set(this,e=>He(this,vr,"m",Dr).call(this,e)),yr.set(this,()=>He(this,vr,"m",Pr).call(this)),$r.set(this,()=>He(this,vr,"m",Ir).call(this)),xr.set(this,()=>He(this,vr,"m",Ar).call(this)),wr.set(this,e=>He(this,vr,"m",Wr).call(this,e)),kr.set(this,e=>He(this,vr,"m",Hr).call(this,e)),Cr.set(this,new ke),Sr.set(this,(new be).onActiveItemChange(()=>He(this,Sr,"f").activeItem?.focus()).withHomeAndEnd().withSkipPredicate(e=>!e.hasAttribute("tabindex")).withDirectionality(Le.current)),_r.set(this,!1),Lr.set(this,null),zr.set(this,0)}get chips(){return[...this.querySelectorAll("m3e-input-chip")]}get value(){const e=this.chips.filter(e=>!e.disabled).map(e=>e.value);return 0==e.length?null:e}get[(br=new WeakMap,fr=new WeakMap,gr=new WeakMap,yr=new WeakMap,$r=new WeakMap,xr=new WeakMap,wr=new WeakMap,kr=new WeakMap,Cr=new WeakMap,Sr=new WeakMap,_r=new WeakMap,Lr=new WeakMap,zr=new WeakMap,vr=new WeakSet,G)](){const e=this.value;if(!e)return null;const t=new FormData;for(const a of e)t.append(this.name,a);return t}get shouldLabelFloat(){return this.chips.length>0}onContainerClick(){He(this,Lr,"f")?.focus()}connectedCallback(){super.connectedCallback(),customElements.get("m3e-form-field")?this.closest("m3e-form-field")?.notifyControlStateChange():customElements.whenDefined("m3e-form-field").then(()=>{this.closest("m3e-form-field")?.notifyControlStateChange()}),Oe(this,zr,Number.parseInt(this.getAttribute("tabindex")??"0"),"f"),this.addEventListener("focus",He(this,yr,"f")),this.addEventListener("focusin",He(this,$r,"f")),this.addEventListener("focusout",He(this,xr,"f")),Oe(this,br,Le.observe(()=>He(this,Sr,"f").directionality=Le.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",He(this,yr,"f")),this.removeEventListener("focusin",He(this,$r,"f")),this.removeEventListener("focusout",He(this,xr,"f")),He(this,br,"f")?.call(this)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${He(this,zr,"f")}`)}update(e){super.update(e),e.has("vertical")&&(this.ariaOrientation=null),e.has("disabled")&&(He(this,Cr,"f").items.forEach(e=>e.disabled=this.disabled),He(this,Lr,"f")&&(He(this,Lr,"f").disabled=this.disabled))}render(){return o`<slot @keydown="${He(this,vr,"m",Er)}" @slotchange="${He(this,vr,"m",Mr)}"></slot><span role="row"><span role="gridcell"><slot name="input" @slotchange="${He(this,vr,"m",Tr)}"></slot></span></span>`}};Er=function(e){He(this,Sr,"f").onKeyDown(e)},Mr=async function(){const{added:e,removed:t}=He(this,Cr,"f").setItems([...this.querySelectorAll("m3e-input-chip")]);for(const t of e)t.isUpdatePending&&await t.updateComplete,this.disabled&&(t.disabled=!0),t.addEventListener("remove",He(this,wr,"f")),t.cell.addEventListener("click",He(this,kr,"f"));t.forEach(e=>{e.removeEventListener("remove",He(this,wr,"f")),e.cell.removeEventListener("click",He(this,kr,"f"))}),He(this,Sr,"f").setItems(He(this,Cr,"f").items.flatMap(e=>e.removeButton?[e.cell,e.removeButton]:[e.cell])),He(this,Sr,"f").activeItem||He(this,Sr,"f").updateActiveItem(He(this,Sr,"f").items.find(e=>e.hasAttribute("tabindex")))},Tr=function(){const e=this.querySelector("input");if(He(this,Lr,"f")&&(He(this,Lr,"f").removeEventListener("change",He(this,fr,"f")),He(this,Lr,"f").removeEventListener("keydown",He(this,gr,"f"))),Oe(this,Lr,e,"f"),He(this,Lr,"f")){He(this,Lr,"f").disabled=this.disabled,He(this,Lr,"f").addEventListener("change",He(this,fr,"f")),He(this,Lr,"f").addEventListener("keydown",He(this,gr,"f"));const t=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(e,"value",{get:()=>t.get?.call(e),set:a=>{t.set?.call(e,a),He(this,Lr,"f")!==e||He(this,_r,"f")||He(this,vr,"m",Or).call(this)}})}},Pr=function(){setTimeout(()=>(He(this,Sr,"f").activeItem??He(this,Lr,"f"))?.focus())},Ir=function(){this.setAttribute("tabindex","-1")},Ar=function(){this.setAttribute("tabindex",`${He(this,zr,"f")}`)},Wr=function(e){const t=e.target,a=He(this,Cr,"f").items.indexOf(t),o=He(this,Cr,"f").items.find((e,t)=>t>a&&!e.disabled&&e.removable);t.remove(),He(this,Sr,"f").setActiveItem(He(this,Sr,"f").items.find(e=>e===o?.removeButton)),He(this,Sr,"f").activeItem||He(this,Lr,"f")?.focus(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Hr=function(e){He(this,Sr,"f").updateActiveItem(e.composedPath().find(e=>e instanceof ur)?.cell)},Or=async function(){const e=He(this,Lr,"f")?.value;if(!e)return;const t=document.createElement("m3e-input-chip");if(t.removable=!0,t.appendChild(document.createTextNode(e)),this.appendChild(t),t.isUpdatePending&&await t.updateComplete,He(this,Lr,"f"))try{Oe(this,_r,!0,"f"),He(this,Lr,"f").value=""}finally{Oe(this,_r,!1,"f")}this.dispatchEvent(new Event("change",{bubbles:!0}))},Dr=function(e){if("Backspace"===e.key&&!He(this,Lr,"f")?.value){const e=[...He(this,Cr,"f").items].reverse().find(e=>!e.disabled&&!e.disabledInteractive&&e.removable);e&&e.dispatchEvent(new Event("remove"))}},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-input-chip-set [slot="input"]::placeholder { user-select: none; color: currentColor; transition: opacity ${l.motion.duration.extraLong1}; } m3e-input-chip-set:not(:focus-within) [slot="input"]::placeholder { opacity: 0; transition: 0s; } m3e-input-chip-set:hover [slot="input"]::placeholder { transition: 0s; } @media (prefers-reduced-motion) { m3e-input-chip-set [slot="input"]::placeholder { transition: none !important; } }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),Br.styles=[vi.styles,t`::slotted([slot="input"]) { outline: unset; border: unset; background-color: transparent; box-shadow: none; font-family: inherit; font-size: inherit; line-height: initial; letter-spacing: inherit; color: var(--_form-field-input-color, inherit); flex: 1 1 auto; min-width: 0; padding: unset; } ::slotted(m3e-input-chip) { min-width: 0; } span[role="row"], span[role="gridcell"] { display: contents; }`],Br=We([m("m3e-input-chip-set")],Br);let qr=class extends(P(T(M(I(A(W(d(pi,"button")))))))){_renderTrailingIcon(){return i}};var Rr,Fr,Vr,Ur,Nr,jr,Kr,Zr,Gr,Xr,Yr,Jr,Qr,es,ts,as,os,is,rs,ss,ns,ls,cs,ds,hs,ms,ps,us,vs,bs,fs,gs,ys,$s,xs,ws,ks,Cs,Ss,_s,Ls,zs,Es,Ms,Ts,Ps,Is,As,Ws,Hs,Os,Ds,Bs,qs,Rs,Fs,Vs,Us,Ns,js,Ks,Zs,Gs,Xs,Ys,Js,Qs,en,tn,an,on,rn,sn,nn,ln,cn,dn;qr.formAssociated=!0,qr=We([m("m3e-suggestion-chip")],qr);class hn{constructor(e,t){Rr.set(this,null),Fr.set(this,0),Vr.set(this,!1),Ur.set(this,void 0),Nr.set(this,()=>{if(!He(this,Vr,"f"))return;const e=performance.now();He(this,Ur,"f").call(this,(e-He(this,Fr,"f"))/1e3,e/1e3),Oe(this,Fr,e,"f"),Oe(this,Rr,requestAnimationFrame(He(this,Nr,"f")),"f")}),Oe(this,Ur,t,"f"),e.addController(this)}hostDisconnected(){this.stop()}start(){He(this,Vr,"f")||(Oe(this,Vr,!0,"f"),Oe(this,Fr,performance.now(),"f"),He(this,Nr,"f").call(this))}stop(){He(this,Vr,"f")&&(Oe(this,Vr,!1,"f"),null!==He(this,Rr,"f")&&(cancelAnimationFrame(He(this,Rr,"f")),Oe(this,Rr,null,"f")))}}Rr=new WeakMap,Fr=new WeakMap,Vr=new WeakMap,Ur=new WeakMap,Nr=new WeakMap;class mn{constructor(e,t){jr.set(this,void 0),Kr.set(this,void 0),Zr.set(this,new Set),Oe(this,jr,e,"f"),Oe(this,Kr,t.target,"f"),He(this,jr,"f").addController(this)}get targets(){return He(this,Zr,"f").values()}hostConnected(){null!==He(this,Kr,"f")&&this.observe(He(this,Kr,"f")??He(this,jr,"f"))}hostDisconnected(){He(this,Zr,"f").forEach(e=>this.unobserve(e)),He(this,Zr,"f").clear()}observe(e){He(this,Zr,"f").has(e)||(He(this,Zr,"f").add(e),this._observe(e))}isObserving(e){return He(this,Zr,"f").has(e)}unobserve(e){He(this,Zr,"f").delete(e)&&this._unobserve(e)}}function pn(e,t){if(!t)return 0;const a=document.createElement("div");a.style.all="inherit",a.style.width=t,a.style.position="absolute",a.style.visibility="hidden",a.style.pointerEvents="none",e.appendChild(a);try{return parseFloat(getComputedStyle(a).width)}finally{a.remove()}}function un(e){const t=parseFloat(getComputedStyle(e).lineHeight);return isNaN(t)||t<=0?0:Math.round(e.scrollHeight/t)}async function vn(e,t=200){function a(e){const t=e.getRootNode();return t instanceof ShadowRoot?t.activeElement===e:document.activeElement===e}e.focus();const o=performance.now();for(;!a(e);){if(!e.isConnected||performance.now()-o>t)return!1;await new Promise(requestAnimationFrame),e.focus()}return!0}function bn(){return!r&&matchMedia("(forced-colors: active)").matches}function fn(e,t,a){return e+(t-e)*a}function gn(e,t,a,o){return{x:Math.pow(1-o,2)*e.x+2*(1-o)*o*t.x+Math.pow(o,2)*a.x,y:Math.pow(1-o,2)*e.y+2*(1-o)*o*t.y+Math.pow(o,2)*a.y}}function yn(e,t,a,o,i){return{x:Math.pow(1-i,3)*e.x+3*Math.pow(1-i,2)*i*t.x+3*(1-i)*Math.pow(i,2)*a.x+Math.pow(i,3)*o.x,y:Math.pow(1-i,3)*e.y+3*Math.pow(1-i,2)*i*t.y+3*(1-i)*Math.pow(i,2)*a.y+Math.pow(i,3)*o.y}}function $n(e,t){const a=function(e){return(e.match(/[a-zA-Z][^a-zA-Z]*/g)||[]).map(e=>({type:e[0],nums:e.slice(1).trim().split(/[\s,]+/).filter(Boolean).map(Number)}))}(e);let o={x:0,y:0},i={x:0,y:0};const r=[];for(const e of a)if("M"===e.type)o={x:e.nums[0],y:e.nums[1]},i=o;else if("L"===e.type){const t={x:e.nums[0],y:e.nums[1]},a=t.x-o.x,i=t.y-o.y;r.push({type:"L",pts:[o,t],length:Math.hypot(a,i)}),o=t}else if("H"===e.type){const t={x:e.nums[0],y:o.y},a=t.x-o.x;r.push({type:"L",pts:[o,t],length:Math.abs(a)}),o=t}else if("V"===e.type){const t={x:o.x,y:e.nums[0]},a=t.y-o.y;r.push({type:"L",pts:[o,t],length:Math.abs(a)}),o=t}else if("Q"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]};let i=0,s=o;const n=20;for(let e=1;e<=n;e++){const r=gn(o,t,a,e/n);i+=Math.hypot(r.x-s.x,r.y-s.y),s=r}r.push({type:"Q",pts:[o,t,a],length:i}),o=a}else if("C"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]},i={x:e.nums[4],y:e.nums[5]};let s=0,n=o;const l=20;for(let e=1;e<=l;e++){const r=yn(o,t,a,i,e/l);s+=Math.hypot(r.x-n.x,r.y-n.y),n=r}r.push({type:"C",pts:[o,t,a,i],length:s}),o=i}else if("Z"===e.type){const e=i.x-o.x,t=i.y-o.y;r.push({type:"L",pts:[o,i],length:Math.hypot(e,t)}),o=i}const s=r.reduce((e,t)=>e+t.length,0),n=s/(t-1),l=[];let c=0,d=0;for(let e=0;e<t;e++){const t=e*n;for(;d<r.length&&c+r[d].length<t;)c+=r[d].length,d++;const a=r[d];if(!a)break;const o=(t-c)/a.length;if("L"===a.type){const[e,t]=a.pts;l.push({x:fn(e.x,t.x,o),y:fn(e.y,t.y,o)})}else if("Q"===a.type){const[e,t,i]=a.pts;l.push(gn(e,t,i,o))}else if("C"===a.type){const[e,t,i,r]=a.pts;l.push(yn(e,t,i,r,o))}}return l}function xn(e,t,a){return Math.max(t,Math.min(a,e))}function wn(e,t){const a=e.length,o=new Array(a);for(let i=0;i<a;i++)o[i]=e[(i+t)%a];return o}function kn(e,t){const a=Math.min(t.length,e.length);let o=0,i=1/0;for(let r=0;r<a;r++){let s=0;for(let o=0;o<a;o++){const n=t[(o+r)%a],l=e[o],c=n.x-l.x,d=n.y-l.y;if(s+=c*c+d*d,s>=i)break}s<i&&(i=s,o=r)}return o}function Cn(e){let t=0;const a=e.length;for(let o=0;o<a;o++){const i=e[o],r=e[(o+1)%a];t+=i.x*r.y-r.x*i.y}return t/2}function Sn(e,t){return function(e){const t=e.map(e=>{const t=function(e){let t=1/0,a=1/0,o=-1/0,i=-1/0;for(const r of e)r.x<t&&(t=r.x),r.x>o&&(o=r.x),r.y<a&&(a=r.y),r.y>i&&(i=r.y);return{minX:t,minY:a,maxX:o,maxY:i,width:o-t,height:i-a}}(e),a=e.map(e=>({x:e.x-t.minX,y:e.y-t.minY})),o=Math.max(t.width,t.height)||1,i=a.map(e=>({x:e.x/o,y:e.y/o})),r=t.width/o,s=t.height/o,n=(1-r)/2,l=(1-s)/2;return i.map(e=>({x:e.x+n,y:e.y+l}))}),a=t[0],o=Math.sign(Cn(a));for(let e=1;e<t.length;e++){let i=t[e];const r=Math.sign(Cn(i));0!==r&&r!==o&&(i=i.slice().reverse());const s=kn(a,i);t[e]=wn(i,s)}return t}(e.map(e=>$n(e,t))).map(e=>function(e){const t=e.map(e=>{const t=xn(100*e.x,0,100),a=xn(100*e.y,0,100);return`${t.toFixed(2)}% ${a.toFixed(2)}%`});return`${t.join(", ")}`}(e))}function _n(e,t=!1){let a="";switch(e.nodeType){case Node.TEXT_NODE:a=e.nodeValue??"";break;case Node.ELEMENT_NODE:if(e instanceof HTMLSlotElement)for(const o of e.assignedNodes({flatten:!0}))a+=_n(o,t);else for(const o of e.childNodes)a+=_n(o,t)}return t&&(a=a.trim()),a}function Ln(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})}function zn(e){return e.assignedNodes({flatten:!0}).length>0}function En(e,t,a){const o=Object.getOwnPropertyDescriptor(e,t)??Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),t);if(!o)throw new Error(`Property ${String(t)} not found on target.`);const i=o.get?.bind(e),r=o.set?.bind(e);return Object.defineProperty(e,t,{configurable:!0,enumerable:o.enumerable,get:()=>a.get?a.get(()=>i?.()):i?.(),set(e){a.set?a.set(e,e=>r?.(e)):r?.(e)}}),()=>Object.defineProperty(e,t,o)}function Mn(){return r||matchMedia("(prefers-reduced-motion)").matches}function Tn(e,t=document){return new Promise(a=>{const o=t.querySelector(`#${e}`);o?a(o):"complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",()=>a(t.querySelector(`#${e}`)),{once:!0}):a(t.querySelector(`#${e}`))})}function Pn(e){const t=document?.location??null;return`url(${t?(t.pathname+t.search).split("#")[0]:""}#${e})`}function In(e,t,a){const o=t.getBoundingClientRect(),i=e.getBoundingClientRect();(i.top<o.top||i.bottom>o.bottom)&&e.scrollIntoView(a)}jr=new WeakMap,Kr=new WeakMap,Zr=new WeakMap;class An{constructor(e=100){Gr.set(this,[]),Xr.set(this,void 0),Oe(this,Xr,e,"f")}add(e,t=performance.now()){He(this,Gr,"f").push({y:e,t:t});const a=t-He(this,Xr,"f");for(;He(this,Gr,"f").length>1&&He(this,Gr,"f")[0].t<a;)He(this,Gr,"f").shift()}getVelocity(){if(He(this,Gr,"f").length<2)return 0;const e=He(this,Gr,"f")[0],t=He(this,Gr,"f")[He(this,Gr,"f").length-1],a=t.y-e.y,o=(t.t-e.t)/1e3;return o>0?a/o:0}reset(){He(this,Gr,"f").length=0}}Gr=new WeakMap,Xr=new WeakMap;class Wn extends mn{constructor(e,t){super(e,t),Yr.add(this),Jr.set(this,!1),Qr.set(this,void 0),es.set(this,e=>He(this,Yr,"m",ls).call(this,e)),ts.set(this,e=>He(this,Yr,"m",cs).call(this,e)),as.set(this,e=>He(this,Yr,"m",ds).call(this,e)),os.set(this,()=>Oe(this,Jr,!0,"f")),is.set(this,()=>Oe(this,Jr,!1,"f")),rs.set(this,!1),ss.set(this,()=>Oe(this,rs,!0,"f")),ns.set(this,()=>Oe(this,rs,!1,"f")),Oe(this,Qr,t.callback,"f")}hostConnected(){super.hostConnected(),window?.addEventListener("keydown",He(this,ss,"f"),{capture:!0,passive:!0}),window?.addEventListener("pointerdown",He(this,ns,"f"),{capture:!0})}hostDisconnected(){super.hostDisconnected(),window?.removeEventListener("keydown",He(this,ss,"f"),{capture:!0}),window?.removeEventListener("pointerdown",He(this,ns,"f"),{capture:!0})}_observe(e){e.addEventListener("keydown",He(this,es,"f")),e.addEventListener("focusin",He(this,ts,"f")),e.addEventListener("focusout",He(this,as,"f")),e.addEventListener("touchstart",He(this,os,"f")),e.addEventListener("touchend",He(this,is,"f")),e.addEventListener("touchcancel",He(this,is,"f"))}_unobserve(e){e.removeEventListener("keydown",He(this,es,"f")),e.removeEventListener("focusin",He(this,ts,"f")),e.removeEventListener("focusout",He(this,as,"f")),e.removeEventListener("touchstart",He(this,os,"f")),e.removeEventListener("touchend",He(this,is,"f")),e.removeEventListener("touchcancel",He(this,is,"f"))}}Jr=new WeakMap,Qr=new WeakMap,es=new WeakMap,ts=new WeakMap,as=new WeakMap,os=new WeakMap,is=new WeakMap,rs=new WeakMap,ss=new WeakMap,ns=new WeakMap,Yr=new WeakSet,ls=function(e){e.currentTarget.matches(":focus-within")&&He(this,Yr,"m",cs).call(this,e)},cs=function(e){if(He(this,Jr,"f"))return;const t=e.currentTarget;He(this,Qr,"f").call(this,!0,t.matches(":focus-visible")||He(this,rs,"f")||bn(),t)},ds=function(e){He(this,Jr,"f")||He(this,Qr,"f").call(this,!1,!1,e.currentTarget)};class Hn extends mn{constructor(e,t){super(e,t),hs.add(this),ms.set(this,void 0),ps.set(this,new Map),us.set(this,new Map),vs.set(this,e=>He(this,hs,"m",$s).call(this,e)),bs.set(this,e=>He(this,hs,"m",xs).call(this,e)),Oe(this,ms,t.callback,"f"),this.startDelay=t.startDelay??0,this.endDelay=t.endDelay??0}clearDelays(){for(const e of this.targets)He(this,hs,"m",fs).call(this,e)}_observe(e){e.addEventListener("pointerenter",He(this,vs,"f")),e.addEventListener("pointerleave",He(this,bs,"f")),e.addEventListener("touchend",He(this,bs,"f"))}_unobserve(e){e.removeEventListener("pointerenter",He(this,vs,"f")),e.removeEventListener("pointerleave",He(this,bs,"f")),e.removeEventListener("touchend",He(this,bs,"f"))}}ms=new WeakMap,ps=new WeakMap,us=new WeakMap,vs=new WeakMap,bs=new WeakMap,hs=new WeakSet,fs=function(e){He(this,hs,"m",gs).call(this,e),He(this,hs,"m",ys).call(this,e)},gs=function(e){return!!He(this,ps,"f").has(e)&&(clearTimeout(He(this,ps,"f").get(e)),He(this,ps,"f").delete(e))},ys=function(e){return!!He(this,us,"f").has(e)&&(clearTimeout(He(this,us,"f").get(e)),He(this,us,"f").delete(e))},$s=function(e){const t=e.target;He(this,hs,"m",ys).call(this,t),this.startDelay>0?(He(this,hs,"m",gs).call(this,t),He(this,ps,"f").set(t,setTimeout(()=>{He(this,ps,"f").delete(t),He(this,ms,"f").call(this,!0,t)},this.startDelay))):He(this,ms,"f").call(this,!0,t)},xs=function(e){const t=e.target;He(this,hs,"m",gs).call(this,t)||(this.endDelay>0?(He(this,hs,"m",ys).call(this,t),He(this,us,"f").set(t,setTimeout(()=>{He(this,us,"f").delete(t),He(this,ms,"f").call(this,!1,t)},this.endDelay))):He(this,ms,"f").call(this,!1,t))};class On extends mn{constructor(e,t){super(e,t),ws.set(this,void 0),ks.set(this,!1),Cs.set(this,void 0),Ss.set(this,!0),Oe(this,ws,t.callback,"f"),Oe(this,ks,t.skipInitial??!1,"f"),r||(window.IntersectionObserver?Oe(this,Cs,new IntersectionObserver((e,t)=>{He(this,ws,"f").call(this,e,t)},t.init),"f"):console.warn("IntersectionController error: the browser does not support IntersectionObserver."))}async hostUpdated(){He(this,Cs,"f")&&!He(this,ks,"f")&&He(this,Ss,"f")&&He(this,ws,"f").call(this,[],He(this,Cs,"f")),Oe(this,Ss,!1,"f")}_observe(e){He(this,Cs,"f")?.observe(e),Oe(this,Ss,!0,"f")}_unobserve(e){He(this,Cs,"f")?.unobserve(e)}}ws=new WeakMap,ks=new WeakMap,Cs=new WeakMap,Ss=new WeakMap;class Dn extends mn{constructor(e,t){super(e,t),_s.add(this),Ls.set(this,void 0),zs.set(this,void 0),Es.set(this,new Set),Ms.set(this,new Map),Ts.set(this,e=>He(this,_s,"m",Is).call(this,e)),Ps.set(this,e=>He(this,_s,"m",As).call(this,e)),Oe(this,Ls,t.callback,"f"),Oe(this,zs,t.threshold??500,"f")}_observe(e){e.addEventListener("touchstart",He(this,Ts,"f"),{passive:!0}),e.addEventListener("touchend",He(this,Ps,"f")),e.addEventListener("touchcancel",He(this,Ps,"f"))}_unobserve(e){e.removeEventListener("touchstart",He(this,Ts,"f")),e.removeEventListener("touchend",He(this,Ps,"f")),e.removeEventListener("touchcancel",He(this,Ps,"f"))}}Ls=new WeakMap,zs=new WeakMap,Es=new WeakMap,Ms=new WeakMap,Ts=new WeakMap,Ps=new WeakMap,_s=new WeakSet,Is=function(e){if(e.currentTarget instanceof HTMLElement&&this.isObserving(e.currentTarget)){const t=e.currentTarget;He(this,Ms,"f").set(t,setTimeout(()=>{He(this,Es,"f").add(t),He(this,Ms,"f").delete(t),He(this,Ls,"f").call(this,!0,t)},He(this,zs,"f")))}},As=function(e){if(e.currentTarget instanceof HTMLElement&&this.isObserving(e.currentTarget)){const t=e.currentTarget;He(this,Es,"f").has(t)&&(He(this,Ls,"f").call(this,!1,t),He(this,Es,"f").delete(t)),He(this,Ms,"f").has(t)&&(clearTimeout(He(this,Ms,"f").get(t)),He(this,Ms,"f").delete(t))}};class Bn extends mn{constructor(e,t){super(e,t),Ws.set(this,void 0),Hs.set(this,void 0),Os.set(this,!1),Ds.set(this,void 0),Bs.set(this,void 0),qs.set(this,!0),Oe(this,Ws,e,"f"),Oe(this,Hs,t.callback,"f"),Oe(this,Os,t.skipInitial??!1,"f"),Oe(this,Ds,t.config,"f"),r||(window.MutationObserver?Oe(this,Bs,new MutationObserver((e,t)=>{He(this,Hs,"f").call(this,e,t),He(this,Ws,"f").requestUpdate()}),"f"):console.warn("MutationController error: the browser does not support MutationObserver."))}async hostUpdated(){if(He(this,Bs,"f")&&!He(this,Os,"f")&&He(this,qs,"f")){const e=He(this,Bs,"f").takeRecords();e.length>0&&He(this,Hs,"f").call(this,e,He(this,Bs,"f"))}Oe(this,qs,!1,"f")}hostDisconnected(){super.hostDisconnected(),He(this,Bs,"f")?.disconnect()}_observe(e){He(this,Bs,"f")?.observe(e,He(this,Ds,"f")),Oe(this,qs,!0,"f"),He(this,Ws,"f").requestUpdate()}_unobserve(){He(this,Bs,"f")?.disconnect();for(const e of this.targets)He(this,Bs,"f")?.observe(e,He(this,Ds,"f"))}}Ws=new WeakMap,Hs=new WeakMap,Os=new WeakMap,Ds=new WeakMap,Bs=new WeakMap,qs=new WeakMap;class qn extends mn{constructor(e,t){super(e,t),Rs.add(this),Fs.set(this,void 0),Vs.set(this,void 0),Us.set(this,void 0),Ns.set(this,new Map),js.set(this,void 0),Ks.set(this,e=>He(this,Rs,"m",Js).call(this,e)),Zs.set(this,e=>He(this,Rs,"m",Qs).call(this,e)),Gs.set(this,e=>He(this,Rs,"m",en).call(this,e)),Xs.set(this,e=>He(this,Rs,"m",tn).call(this,e)),Ys.set(this,e=>He(this,Rs,"m",an).call(this,e)),Oe(this,Fs,t.capture,"f"),Oe(this,Vs,t.callback,"f"),Oe(this,Us,t.isPressedKey,"f"),Oe(this,js,t.minPressedDuration??0,"f")}hostConnected(){document.addEventListener("pointerup",He(this,Zs,"f"),{capture:He(this,Fs,"f")}),document.addEventListener("touchend",He(this,Gs,"f"),{capture:He(this,Fs,"f")}),document.addEventListener("touchcancel",He(this,Gs,"f"),{capture:He(this,Fs,"f")}),super.hostConnected()}hostDisconnected(){document.removeEventListener("pointerup",He(this,Zs,"f"),{capture:He(this,Fs,"f")}),document.removeEventListener("touchend",He(this,Gs,"f"),{capture:He(this,Fs,"f")}),document.removeEventListener("touchcancel",He(this,Gs,"f"),{capture:He(this,Fs,"f")}),super.hostDisconnected(),He(this,Ns,"f").clear()}_observe(e){e.addEventListener("pointerdown",He(this,Ks,"f"),{capture:He(this,Fs,"f")}),He(this,Us,"f")&&(e.addEventListener("keydown",He(this,Xs,"f"),{capture:He(this,Fs,"f")}),e.addEventListener("keyup",He(this,Ys,"f"),{capture:He(this,Fs,"f")}))}_unobserve(e){e.removeEventListener("pointerdown",He(this,Ks,"f"),{capture:He(this,Fs,"f")}),He(this,Us,"f")&&(e.removeEventListener("keydown",He(this,Xs,"f"),{capture:He(this,Fs,"f")}),e.removeEventListener("keyup",He(this,Ys,"f"),{capture:He(this,Fs,"f")}))}}Fs=new WeakMap,Vs=new WeakMap,Us=new WeakMap,Ns=new WeakMap,js=new WeakMap,Ks=new WeakMap,Zs=new WeakMap,Gs=new WeakMap,Xs=new WeakMap,Ys=new WeakMap,Rs=new WeakSet,Js=function(e){if(!("mouse"===e.pointerType&&e.button>1))for(const t of e.composedPath())if(t instanceof HTMLElement&&this.isObserving(t)){He(this,Ns,"f").has(t)||(He(this,Ns,"f").set(t,performance.now()),He(this,Vs,"f").call(this,!0,{x:e.x,y:e.y},t));break}},Qs=function(e){"mouse"===e.pointerType&&e.button>1||He(this,Rs,"m",on).call(this,e.x,e.y)},en=function(e){He(this,Rs,"m",on).call(this,e.changedTouches[0]?.clientX??0,e.changedTouches[0]?.clientY??0)},tn=function(e){if(e.target!==e.currentTarget)return;const t=e.currentTarget;if(He(this,Us,"f")?.call(this,e.key)&&(" "===e.key&&e.preventDefault(),!He(this,Ns,"f").has(t))){He(this,Ns,"f").set(t,performance.now());const e=t.getBoundingClientRect();He(this,Vs,"f").call(this,!0,{x:e.x+e.width/2,y:e.y+e.height/2},t)}},an=function(e){const t=e.target;if(He(this,Ns,"f").has(t)&&He(this,Us,"f")?.call(this,e.key)){const e=He(this,js,"f")-(performance.now()-He(this,Ns,"f").get(t)),a=t.getBoundingClientRect();e>0?setTimeout(()=>{He(this,Ns,"f").delete(t),He(this,Vs,"f").call(this,!1,{x:a.x+a.width/2,y:a.y+a.height/2},t)},e):(He(this,Ns,"f").delete(t),He(this,Vs,"f").call(this,!1,{x:a.x+a.width/2,y:a.y+a.height/2},t))}},on=function(e,t){for(const a of He(this,Ns,"f")){const o=He(this,js,"f")-(performance.now()-a[1]);o>0?setTimeout(()=>{He(this,Ns,"f").delete(a[0]),He(this,Vs,"f").call(this,!1,{x:e,y:t},a[0])},o):(He(this,Ns,"f").delete(a[0]),He(this,Vs,"f").call(this,!1,{x:e,y:t},a[0]))}};class Rn extends mn{constructor(e,t){super(e,t),rn.set(this,void 0),sn.set(this,void 0),nn.set(this,void 0),ln.set(this,void 0),cn.set(this,void 0),dn.set(this,!0),Oe(this,rn,e,"f"),Oe(this,sn,t.callback,"f"),Oe(this,nn,t.skipInitial??!1,"f"),Oe(this,ln,t.config,"f"),r||(window.ResizeObserver?Oe(this,cn,new ResizeObserver((e,t)=>{He(this,sn,"f").call(this,e,t),He(this,rn,"f").requestUpdate()}),"f"):console.warn("ResizeController error: the browser does not support ResizeObserver."))}async hostUpdated(){He(this,cn,"f")&&!He(this,nn,"f")&&He(this,dn,"f")&&He(this,sn,"f").call(this,[],He(this,cn,"f")),Oe(this,dn,!1,"f")}_observe(e){He(this,cn,"f")?.observe(e,He(this,ln,"f")),Oe(this,dn,!0,"f"),He(this,rn,"f").requestUpdate()}_unobserve(e){He(this,cn,"f")?.unobserve(e)}}rn=new WeakMap,sn=new WeakMap,nn=new WeakMap,ln=new WeakMap,cn=new WeakMap,dn=new WeakMap;const Fn=e=>(t,a)=>{const o=()=>{"undefined"==typeof window||customElements.get(e)||customElements.define(e,t)};a?a.addInitializer(o):o()};function Vn(e){const t=Symbol("_id");return(a,o,i)=>{const r=i.value;return i.value=function(...a){clearTimeout(this[t]),this[t]=setTimeout(()=>r.apply(this,a),e)},i}}var Un,Nn,jn,Kn,Zn,Gn,Xn,Yn,Jn,Qn,el,tl,al,ol;class il extends mn{constructor(e,t){super(e,t),Un.add(this),Nn.set(this,void 0),jn.set(this,void 0),Kn.set(this,e=>He(this,Un,"m",Xn).call(this,e)),Zn.set(this,new Map),Oe(this,Nn,!0===t.debounce,"f"),Oe(this,jn,t.callback,"f")}getScrollContainers(e){return He(this,Zn,"f").get(e)}_observe(e){const t=He(this,Un,"m",Gn).call(this,e);if(t.length>0){He(this,Zn,"f").set(e,t);for(const e of t)(e===document.documentElement?document:e).addEventListener("scroll",He(this,Kn,"f"),{passive:!0})}}_unobserve(e){if(He(this,Zn,"f").has(e)){for(const t of He(this,Zn,"f").get(e))(t===document.documentElement?document:t).removeEventListener("scroll",He(this,Kn,"f"));He(this,Zn,"f").delete(e)}}_debounceCallback(e){He(this,jn,"f").call(this,e)}}Nn=new WeakMap,jn=new WeakMap,Kn=new WeakMap,Zn=new WeakMap,Un=new WeakSet,Gn=function(e){const t=new Array;let a=e;for(;a;){const e=getComputedStyle(a);/(auto|scroll)/.test(e.overflow+e.overflowY+e.overflowX)&&t.push(a),a=a.parentElement}return t},Xn=function(e){const t=e.target===document?document.documentElement:e.target;He(this,Nn,"f")?this._debounceCallback(t):He(this,jn,"f").call(this,t)},We([Vn(40)],il.prototype,"_debounceCallback",null);class rl{constructor(e){Yn.add(this),Jn.set(this,!1),Qn.set(this,0),el.set(this,0),tl.set(this,""),al.set(this,""),e.addController(this)}lock(){He(this,Jn,"f")||(Oe(this,Jn,!0,"f"),Oe(this,Qn,window.scrollY,"f"),Oe(this,el,window.scrollX,"f"),Oe(this,tl,document.documentElement.style.overflow,"f"),Oe(this,al,document.documentElement.style.scrollbarGutter,"f"),He(this,Yn,"m",ol).call(this)&&(document.documentElement.style.scrollbarGutter="stable"),document.documentElement.style.overflow="hidden",window.scrollTo(He(this,el,"f"),He(this,Qn,"f")))}unlock(){He(this,Jn,"f")&&(Oe(this,Jn,!1,"f"),document.documentElement.style.overflow=He(this,tl,"f"),document.documentElement.style.scrollbarGutter=He(this,al,"f"),window.scrollTo(He(this,el,"f"),He(this,Qn,"f")))}hostDisconnected(){this.unlock()}}Jn=new WeakMap,Qn=new WeakMap,el=new WeakMap,tl=new WeakMap,al=new WeakMap,Yn=new WeakSet,ol=function(){return document.documentElement.scrollHeight>document.documentElement.clientHeight};const sl={fromAttribute:e=>e?e.split(/\s+/).map(e=>e.trim()).filter(Boolean):[],toAttribute:e=>e.join(" ")},nl=1,ll=2,cl=e=>(...t)=>({_$litDirective$:e,values:t});
+const wr=e=>e??nr;var kr,Cr,Sr,_r;let Lr=class extends(w(W(H(d(_i,"row"))),"remove")){constructor(){super(...arguments),kr.add(this),this.removable=!1,this.removeLabel="Remove"}connectedCallback(){super.connectedCallback(),this.removeAttribute("tabindex")}update(e){super.update(e),this.removeAttribute("tabindex"),e.has("removable")&&v(this,"-with-trailing-icon",this.removable)}render(){return o`<div class="base"><m3e-elevation class="elevation" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" for="cell" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="wrapper"><div id="cell" class="cell" role="gridcell" tabindex="${wr(this.disabled?void 0:"-1")}" @keydown="${Be(this,kr,"m",_r)}"><slot name="avatar" @slotchange="${Be(this,kr,"m",Cr)}"></slot>${this._renderIcon()}<div class="label">${this._renderSlot()}</div><div class="touch" aria-hidden="true"></div></div>${this._renderTrailingIcon()}</div></div>`}_renderTrailingIcon(){return this.removable?o`<span role="gridcell" class="remove"><m3e-icon-button class="remove-button" aria-label="${this.removeLabel}" size="extra-small" tabindex="-1" ?disabled="${this.disabled}" ?disabled-interactive="${this.disabledInteractive}" @click="${Be(this,kr,"m",Sr)}"><slot name="remove-icon"><svg class="remove-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button></span>`:i}};var zr,Er,Mr,Tr,Pr,Ir,Ar,Wr,Hr,Or,Dr,Br,qr,Rr,Fr,Vr,Ur,Nr,jr,Kr,Zr,Gr,Xr,Yr;kr=new WeakSet,Cr=function(e){v(this,"-with-avatar",p(e.target))},Sr=function(e){e.stopPropagation(),this.dispatchEvent(new Event("remove"))},_r=function(e){if(this.removable)switch(e.key){case"Backspace":case"Delete":this.dispatchEvent(new Event("remove"))}},Lr.formAssociated=!0,Lr.styles=[_i.styles,t`.cell { display: inline-flex; align-items: center; outline: none; column-gap: var(--m3e-chip-spacing, 0.5rem); min-width: 0; } .remove-button { --m3e-icon-button-extra-small-container-height: 1.5rem; --m3e-icon-button-extra-small-icon-size: var(--m3e-chip-icon-size, 1.125rem); width: 1.5rem; } .remove-icon { flex: none; width: var(--m3e-chip-icon-size, 1.125rem); height: var(--m3e-chip-icon-size, 1.125rem); } .touch { top: calc( 0px - calc(calc(3rem - calc(var(--m3e-chip-container-height, 2rem) + ${l.density.calc(-2)})) / 2) ); } .wrapper { height: 100%; overflow: visible; min-width: 0; } ::slotted([slot="avatar"]) { flex: none; font-size: var(--m3e-chip-avatar-size, 1.5rem); } ::slotted(m3e-avatar[slot="avatar"]) { --m3e-icon-size: var(--m3e-chip-avatar-icon-size, 1.125rem); --m3e-avatar-size: var(--m3e-chip-avatar-size, 1.5rem); --m3e-avatar-font-size: var( --m3e-chip-avatar-font-size, ${l.typescale.standard.title.small.fontSize} ); --m3e-avatar-font-weight: var( --m3e-chip-avatar-font-height, ${l.typescale.standard.title.small.fontWeight} ); --m3e-avatar-line-height: var( --m3e-chip-avatar-line-height, ${l.typescale.standard.title.small.lineHeight} ); --m3e-avatar-tracking: var(--m3e-chip-avatar-tracking, ${l.typescale.standard.title.small.tracking}); } :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { opacity: var(--m3e-chip-disabled-avatar-opacity, 38%); color: var(--m3e-chip-disabled-icon-color, ${l.color.onSurface}); } :host(:state(-with-avatar)) ::slotted([slot="icon"]) { display: none; } :host(:state(-with-avatar)) .wrapper { padding-inline-start: var(--m3e-chip-with-avatar-padding-start, 0.25rem); } @media (forced-colors: active) { :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { color: CanvasText; } }`],De([pt(".cell")],Lr.prototype,"cell",void 0),De([pt(".remove-button")],Lr.prototype,"removeButton",void 0),De([dt({type:Boolean})],Lr.prototype,"removable",void 0),De([dt({attribute:"remove-label"})],Lr.prototype,"removeLabel",void 0),Lr=De([m("m3e-input-chip")],Lr);let Jr=class extends(F(N(j(V(U(Z(H(k(d(zi,"grid")))))))))){constructor(){super(...arguments),zr.add(this),Er.set(this,void 0),Mr.set(this,()=>Be(this,zr,"m",Xr).call(this)),Tr.set(this,e=>Be(this,zr,"m",Yr).call(this,e)),Pr.set(this,()=>Be(this,zr,"m",Nr).call(this)),Ir.set(this,()=>Be(this,zr,"m",jr).call(this)),Ar.set(this,()=>Be(this,zr,"m",Kr).call(this)),Wr.set(this,e=>Be(this,zr,"m",Zr).call(this,e)),Hr.set(this,e=>Be(this,zr,"m",Gr).call(this,e)),Or.set(this,new Ce),Dr.set(this,(new be).onActiveItemChange(()=>Be(this,Dr,"f").activeItem?.focus()).withHomeAndEnd().withSkipPredicate(e=>!e.hasAttribute("tabindex")).withDirectionality(Ee.current)),Br.set(this,!1),qr.set(this,null),Rr.set(this,0)}get chips(){return[...this.querySelectorAll("m3e-input-chip")]}get value(){const e=this.chips.filter(e=>!e.disabled).map(e=>e.value);return 0==e.length?null:e}get[(Er=new WeakMap,Mr=new WeakMap,Tr=new WeakMap,Pr=new WeakMap,Ir=new WeakMap,Ar=new WeakMap,Wr=new WeakMap,Hr=new WeakMap,Or=new WeakMap,Dr=new WeakMap,Br=new WeakMap,qr=new WeakMap,Rr=new WeakMap,zr=new WeakSet,X)](){const e=this.value;if(!e)return null;const t=new FormData;for(const a of e)t.append(this.name,a);return t}get shouldLabelFloat(){return this.chips.length>0}onContainerClick(){Be(this,qr,"f")?.focus()}connectedCallback(){super.connectedCallback(),customElements.get("m3e-form-field")?this.closest("m3e-form-field")?.notifyControlStateChange():customElements.whenDefined("m3e-form-field").then(()=>{this.closest("m3e-form-field")?.notifyControlStateChange()}),qe(this,Rr,Number.parseInt(this.getAttribute("tabindex")??"0"),"f"),this.addEventListener("focus",Be(this,Pr,"f")),this.addEventListener("focusin",Be(this,Ir,"f")),this.addEventListener("focusout",Be(this,Ar,"f")),qe(this,Er,Ee.observe(()=>Be(this,Dr,"f").directionality=Ee.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",Be(this,Pr,"f")),this.removeEventListener("focusin",Be(this,Ir,"f")),this.removeEventListener("focusout",Be(this,Ar,"f")),Be(this,Er,"f")?.call(this)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${Be(this,Rr,"f")}`)}update(e){super.update(e),e.has("vertical")&&(this.ariaOrientation=null),e.has("disabled")&&(Be(this,Or,"f").items.forEach(e=>e.disabled=this.disabled),Be(this,qr,"f")&&(Be(this,qr,"f").disabled=this.disabled))}render(){return o`<slot @keydown="${Be(this,zr,"m",Fr)}" @slotchange="${Be(this,zr,"m",Vr)}"></slot><span role="row"><span role="gridcell"><slot name="input" @slotchange="${Be(this,zr,"m",Ur)}"></slot></span></span>`}};Fr=function(e){Be(this,Dr,"f").onKeyDown(e)},Vr=async function(){const{added:e,removed:t}=Be(this,Or,"f").setItems([...this.querySelectorAll("m3e-input-chip")]);for(const t of e)t.isUpdatePending&&await t.updateComplete,this.disabled&&(t.disabled=!0),t.addEventListener("remove",Be(this,Wr,"f")),t.cell.addEventListener("click",Be(this,Hr,"f"));t.forEach(e=>{e.removeEventListener("remove",Be(this,Wr,"f")),e.cell.removeEventListener("click",Be(this,Hr,"f"))}),Be(this,Dr,"f").setItems(Be(this,Or,"f").items.flatMap(e=>e.removeButton?[e.cell,e.removeButton]:[e.cell])),Be(this,Dr,"f").activeItem||Be(this,Dr,"f").updateActiveItem(Be(this,Dr,"f").items.find(e=>e.hasAttribute("tabindex")))},Ur=function(){const e=this.querySelector("input");if(Be(this,qr,"f")&&(Be(this,qr,"f").removeEventListener("change",Be(this,Mr,"f")),Be(this,qr,"f").removeEventListener("keydown",Be(this,Tr,"f"))),qe(this,qr,e,"f"),Be(this,qr,"f")){Be(this,qr,"f").disabled=this.disabled,Be(this,qr,"f").addEventListener("change",Be(this,Mr,"f")),Be(this,qr,"f").addEventListener("keydown",Be(this,Tr,"f"));const t=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(e,"value",{get:()=>t.get?.call(e),set:a=>{t.set?.call(e,a),Be(this,qr,"f")!==e||Be(this,Br,"f")||Be(this,zr,"m",Xr).call(this)}})}},Nr=function(){setTimeout(()=>(Be(this,Dr,"f").activeItem??Be(this,qr,"f"))?.focus())},jr=function(){this.setAttribute("tabindex","-1")},Kr=function(){this.setAttribute("tabindex",`${Be(this,Rr,"f")}`)},Zr=function(e){const t=e.target,a=Be(this,Or,"f").items.indexOf(t),o=Be(this,Or,"f").items.find((e,t)=>t>a&&!e.disabled&&e.removable);t.remove(),Be(this,Dr,"f").setActiveItem(Be(this,Dr,"f").items.find(e=>e===o?.removeButton)),Be(this,Dr,"f").activeItem||Be(this,qr,"f")?.focus(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"remove",value:t.value,chip:t}}))},Gr=function(e){Be(this,Dr,"f").updateActiveItem(e.composedPath().find(e=>e instanceof Lr)?.cell)},Xr=async function(){const e=Be(this,qr,"f")?.value;if(!e)return;const t=document.createElement("m3e-input-chip");if(t.removable=!0,t.appendChild(document.createTextNode(e)),this.appendChild(t),t.isUpdatePending&&await t.updateComplete,Be(this,qr,"f"))try{qe(this,Br,!0,"f"),Be(this,qr,"f").value=""}finally{qe(this,Br,!1,"f")}this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"add",value:e,chip:t}}))},Yr=function(e){if("Backspace"===e.key&&!Be(this,qr,"f")?.value){const e=[...Be(this,Or,"f").items].reverse().find(e=>!e.disabled&&!e.disabledInteractive&&e.removable);e&&e.dispatchEvent(new Event("remove"))}},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-input-chip-set [slot="input"]::placeholder { user-select: none; color: currentColor; transition: opacity ${l.motion.duration.extraLong1}; } m3e-input-chip-set:not(:focus-within) [slot="input"]::placeholder { opacity: 0; transition: 0s; } m3e-input-chip-set:hover [slot="input"]::placeholder { transition: 0s; } @media (prefers-reduced-motion) { m3e-input-chip-set [slot="input"]::placeholder { transition: none !important; } }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),Jr.styles=[zi.styles,t`::slotted([slot="input"]) { outline: unset; border: unset; background-color: transparent; box-shadow: none; font-family: inherit; font-size: inherit; line-height: initial; letter-spacing: inherit; color: var(--_form-field-input-color, inherit); flex: 1 1 auto; min-width: 0; padding: unset; } ::slotted(m3e-input-chip) { min-width: 0; } span[role="row"], span[role="gridcell"] { display: contents; }`],Jr=De([m("m3e-input-chip-set")],Jr);let Qr=class extends(I(P(T(A(W(H(d(_i,"button")))))))){_renderTrailingIcon(){return i}};var es,ts,as,os,is,rs,ss,ns,ls,cs,ds,hs,ms,ps,us,vs,bs,fs,gs,ys,$s,xs,ws,ks,Cs,Ss,_s,Ls,zs,Es,Ms,Ts,Ps,Is,As,Ws,Hs,Os,Ds,Bs,qs,Rs,Fs,Vs,Us,Ns,js,Ks,Zs,Gs,Xs,Ys,Js,Qs,en,tn,an,on,rn,sn,nn,ln,cn,dn,hn,mn,pn,un,vn,bn,fn,gn,yn,$n,xn;Qr.formAssociated=!0,Qr=De([m("m3e-suggestion-chip")],Qr);class wn{constructor(e,t){es.set(this,null),ts.set(this,0),as.set(this,!1),os.set(this,void 0),is.set(this,()=>{if(!Be(this,as,"f"))return;const e=performance.now();Be(this,os,"f").call(this,(e-Be(this,ts,"f"))/1e3,e/1e3),qe(this,ts,e,"f"),qe(this,es,requestAnimationFrame(Be(this,is,"f")),"f")}),qe(this,os,t,"f"),e.addController(this)}hostDisconnected(){this.stop()}start(){Be(this,as,"f")||(qe(this,as,!0,"f"),qe(this,ts,performance.now(),"f"),Be(this,is,"f").call(this))}stop(){Be(this,as,"f")&&(qe(this,as,!1,"f"),null!==Be(this,es,"f")&&(cancelAnimationFrame(Be(this,es,"f")),qe(this,es,null,"f")))}}es=new WeakMap,ts=new WeakMap,as=new WeakMap,os=new WeakMap,is=new WeakMap;class kn{constructor(e,t){rs.set(this,void 0),ss.set(this,void 0),ns.set(this,new Set),qe(this,rs,e,"f"),qe(this,ss,t.target,"f"),Be(this,rs,"f").addController(this)}get targets(){return Be(this,ns,"f").values()}hostConnected(){null!==Be(this,ss,"f")&&this.observe(Be(this,ss,"f")??Be(this,rs,"f"))}hostDisconnected(){Be(this,ns,"f").forEach(e=>this.unobserve(e)),Be(this,ns,"f").clear()}observe(e){Be(this,ns,"f").has(e)||(Be(this,ns,"f").add(e),this._observe(e))}isObserving(e){return Be(this,ns,"f").has(e)}unobserve(e){Be(this,ns,"f").delete(e)&&this._unobserve(e)}}function Cn(e,t){if(!t)return 0;const a=document.createElement("div");a.style.all="inherit",a.style.width=t,a.style.position="absolute",a.style.visibility="hidden",a.style.pointerEvents="none",e.appendChild(a);try{return parseFloat(getComputedStyle(a).width)}finally{a.remove()}}function Sn(e){const t=parseFloat(getComputedStyle(e).lineHeight);return isNaN(t)||t<=0?0:Math.round(e.scrollHeight/t)}async function _n(e,t=200){function a(e){const t=e.getRootNode();return t instanceof ShadowRoot?t.activeElement===e:document.activeElement===e}e.focus();const o=performance.now();for(;!a(e);){if(!e.isConnected||performance.now()-o>t)return!1;await new Promise(requestAnimationFrame),e.focus()}return!0}function Ln(){return!r&&matchMedia("(forced-colors: active)").matches}function zn(e,t,a){return e+(t-e)*a}function En(e,t,a,o){return{x:Math.pow(1-o,2)*e.x+2*(1-o)*o*t.x+Math.pow(o,2)*a.x,y:Math.pow(1-o,2)*e.y+2*(1-o)*o*t.y+Math.pow(o,2)*a.y}}function Mn(e,t,a,o,i){return{x:Math.pow(1-i,3)*e.x+3*Math.pow(1-i,2)*i*t.x+3*(1-i)*Math.pow(i,2)*a.x+Math.pow(i,3)*o.x,y:Math.pow(1-i,3)*e.y+3*Math.pow(1-i,2)*i*t.y+3*(1-i)*Math.pow(i,2)*a.y+Math.pow(i,3)*o.y}}function Tn(e,t){const a=function(e){return(e.match(/[a-zA-Z][^a-zA-Z]*/g)||[]).map(e=>({type:e[0],nums:e.slice(1).trim().split(/[\s,]+/).filter(Boolean).map(Number)}))}(e);let o={x:0,y:0},i={x:0,y:0};const r=[];for(const e of a)if("M"===e.type)o={x:e.nums[0],y:e.nums[1]},i=o;else if("L"===e.type){const t={x:e.nums[0],y:e.nums[1]},a=t.x-o.x,i=t.y-o.y;r.push({type:"L",pts:[o,t],length:Math.hypot(a,i)}),o=t}else if("H"===e.type){const t={x:e.nums[0],y:o.y},a=t.x-o.x;r.push({type:"L",pts:[o,t],length:Math.abs(a)}),o=t}else if("V"===e.type){const t={x:o.x,y:e.nums[0]},a=t.y-o.y;r.push({type:"L",pts:[o,t],length:Math.abs(a)}),o=t}else if("Q"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]};let i=0,s=o;const n=20;for(let e=1;e<=n;e++){const r=En(o,t,a,e/n);i+=Math.hypot(r.x-s.x,r.y-s.y),s=r}r.push({type:"Q",pts:[o,t,a],length:i}),o=a}else if("C"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]},i={x:e.nums[4],y:e.nums[5]};let s=0,n=o;const l=20;for(let e=1;e<=l;e++){const r=Mn(o,t,a,i,e/l);s+=Math.hypot(r.x-n.x,r.y-n.y),n=r}r.push({type:"C",pts:[o,t,a,i],length:s}),o=i}else if("Z"===e.type){const e=i.x-o.x,t=i.y-o.y;r.push({type:"L",pts:[o,i],length:Math.hypot(e,t)}),o=i}const s=r.reduce((e,t)=>e+t.length,0),n=s/(t-1),l=[];let c=0,d=0;for(let e=0;e<t;e++){const t=e*n;for(;d<r.length&&c+r[d].length<t;)c+=r[d].length,d++;const a=r[d];if(!a)break;const o=(t-c)/a.length;if("L"===a.type){const[e,t]=a.pts;l.push({x:zn(e.x,t.x,o),y:zn(e.y,t.y,o)})}else if("Q"===a.type){const[e,t,i]=a.pts;l.push(En(e,t,i,o))}else if("C"===a.type){const[e,t,i,r]=a.pts;l.push(Mn(e,t,i,r,o))}}return l}function Pn(e,t,a){return Math.max(t,Math.min(a,e))}function In(e,t){const a=e.length,o=new Array(a);for(let i=0;i<a;i++)o[i]=e[(i+t)%a];return o}function An(e,t){const a=Math.min(t.length,e.length);let o=0,i=1/0;for(let r=0;r<a;r++){let s=0;for(let o=0;o<a;o++){const n=t[(o+r)%a],l=e[o],c=n.x-l.x,d=n.y-l.y;if(s+=c*c+d*d,s>=i)break}s<i&&(i=s,o=r)}return o}function Wn(e){let t=0;const a=e.length;for(let o=0;o<a;o++){const i=e[o],r=e[(o+1)%a];t+=i.x*r.y-r.x*i.y}return t/2}function Hn(e,t){return function(e){const t=e.map(e=>{const t=function(e){let t=1/0,a=1/0,o=-1/0,i=-1/0;for(const r of e)r.x<t&&(t=r.x),r.x>o&&(o=r.x),r.y<a&&(a=r.y),r.y>i&&(i=r.y);return{minX:t,minY:a,maxX:o,maxY:i,width:o-t,height:i-a}}(e),a=e.map(e=>({x:e.x-t.minX,y:e.y-t.minY})),o=Math.max(t.width,t.height)||1,i=a.map(e=>({x:e.x/o,y:e.y/o})),r=t.width/o,s=t.height/o,n=(1-r)/2,l=(1-s)/2;return i.map(e=>({x:e.x+n,y:e.y+l}))}),a=t[0],o=Math.sign(Wn(a));for(let e=1;e<t.length;e++){let i=t[e];const r=Math.sign(Wn(i));0!==r&&r!==o&&(i=i.slice().reverse());const s=An(a,i);t[e]=In(i,s)}return t}(e.map(e=>Tn(e,t))).map(e=>function(e){const t=e.map(e=>{const t=Pn(100*e.x,0,100),a=Pn(100*e.y,0,100);return`${t.toFixed(2)}% ${a.toFixed(2)}%`});return`${t.join(", ")}`}(e))}function On(e,t=!1){let a="";switch(e.nodeType){case Node.TEXT_NODE:a=e.nodeValue??"";break;case Node.ELEMENT_NODE:if(e instanceof HTMLSlotElement)for(const o of e.assignedNodes({flatten:!0}))a+=On(o,t);else for(const o of e.childNodes)a+=On(o,t)}return t&&(a=a.trim()),a}function Dn(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})}function Bn(e){return e.assignedNodes({flatten:!0}).length>0}function qn(e,t,a){const o=Object.getOwnPropertyDescriptor(e,t)??Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),t);if(!o)throw new Error(`Property ${String(t)} not found on target.`);const i=o.get?.bind(e),r=o.set?.bind(e);return Object.defineProperty(e,t,{configurable:!0,enumerable:o.enumerable,get:()=>a.get?a.get(()=>i?.()):i?.(),set(e){a.set?a.set(e,e=>r?.(e)):r?.(e)}}),()=>Object.defineProperty(e,t,o)}function Rn(){return r||matchMedia("(prefers-reduced-motion)").matches}function Fn(e,t=document){return new Promise(a=>{const o=t.querySelector(`#${e}`);o?a(o):"complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",()=>a(t.querySelector(`#${e}`)),{once:!0}):a(t.querySelector(`#${e}`))})}function Vn(e){const t=document?.location??null;return`url(${t?(t.pathname+t.search).split("#")[0]:""}#${e})`}function Un(e,t,a){const o=t.getBoundingClientRect(),i=e.getBoundingClientRect();(i.top<o.top||i.bottom>o.bottom)&&e.scrollIntoView(a)}rs=new WeakMap,ss=new WeakMap,ns=new WeakMap;class Nn{constructor(e=100){ls.set(this,[]),cs.set(this,void 0),qe(this,cs,e,"f")}add(e,t=performance.now()){Be(this,ls,"f").push({y:e,t:t});const a=t-Be(this,cs,"f");for(;Be(this,ls,"f").length>1&&Be(this,ls,"f")[0].t<a;)Be(this,ls,"f").shift()}getVelocity(){if(Be(this,ls,"f").length<2)return 0;const e=Be(this,ls,"f")[0],t=Be(this,ls,"f")[Be(this,ls,"f").length-1],a=t.y-e.y,o=(t.t-e.t)/1e3;return o>0?a/o:0}reset(){Be(this,ls,"f").length=0}}ls=new WeakMap,cs=new WeakMap;class jn extends kn{constructor(e,t){super(e,t),ds.add(this),hs.set(this,!1),ms.set(this,void 0),ps.set(this,e=>Be(this,ds,"m",xs).call(this,e)),us.set(this,e=>Be(this,ds,"m",ws).call(this,e)),vs.set(this,e=>Be(this,ds,"m",ks).call(this,e)),bs.set(this,()=>qe(this,hs,!0,"f")),fs.set(this,()=>qe(this,hs,!1,"f")),gs.set(this,!1),ys.set(this,()=>qe(this,gs,!0,"f")),$s.set(this,()=>qe(this,gs,!1,"f")),qe(this,ms,t.callback,"f")}hostConnected(){super.hostConnected(),window?.addEventListener("keydown",Be(this,ys,"f"),{capture:!0,passive:!0}),window?.addEventListener("pointerdown",Be(this,$s,"f"),{capture:!0})}hostDisconnected(){super.hostDisconnected(),window?.removeEventListener("keydown",Be(this,ys,"f"),{capture:!0}),window?.removeEventListener("pointerdown",Be(this,$s,"f"),{capture:!0})}_observe(e){e.addEventListener("keydown",Be(this,ps,"f")),e.addEventListener("focusin",Be(this,us,"f")),e.addEventListener("focusout",Be(this,vs,"f")),e.addEventListener("touchstart",Be(this,bs,"f")),e.addEventListener("touchend",Be(this,fs,"f")),e.addEventListener("touchcancel",Be(this,fs,"f"))}_unobserve(e){e.removeEventListener("keydown",Be(this,ps,"f")),e.removeEventListener("focusin",Be(this,us,"f")),e.removeEventListener("focusout",Be(this,vs,"f")),e.removeEventListener("touchstart",Be(this,bs,"f")),e.removeEventListener("touchend",Be(this,fs,"f")),e.removeEventListener("touchcancel",Be(this,fs,"f"))}}hs=new WeakMap,ms=new WeakMap,ps=new WeakMap,us=new WeakMap,vs=new WeakMap,bs=new WeakMap,fs=new WeakMap,gs=new WeakMap,ys=new WeakMap,$s=new WeakMap,ds=new WeakSet,xs=function(e){e.currentTarget.matches(":focus-within")&&Be(this,ds,"m",ws).call(this,e)},ws=function(e){if(Be(this,hs,"f"))return;const t=e.currentTarget;Be(this,ms,"f").call(this,!0,t.matches(":focus-visible")||Be(this,gs,"f")||Ln(),t)},ks=function(e){Be(this,hs,"f")||Be(this,ms,"f").call(this,!1,!1,e.currentTarget)};class Kn extends kn{constructor(e,t){super(e,t),Cs.add(this),Ss.set(this,void 0),_s.set(this,new Map),Ls.set(this,new Map),zs.set(this,e=>Be(this,Cs,"m",Is).call(this,e)),Es.set(this,e=>Be(this,Cs,"m",As).call(this,e)),qe(this,Ss,t.callback,"f"),this.startDelay=t.startDelay??0,this.endDelay=t.endDelay??0}clearDelays(){for(const e of this.targets)Be(this,Cs,"m",Ms).call(this,e)}_observe(e){e.addEventListener("pointerenter",Be(this,zs,"f")),e.addEventListener("pointerleave",Be(this,Es,"f")),e.addEventListener("touchend",Be(this,Es,"f"))}_unobserve(e){e.removeEventListener("pointerenter",Be(this,zs,"f")),e.removeEventListener("pointerleave",Be(this,Es,"f")),e.removeEventListener("touchend",Be(this,Es,"f"))}}Ss=new WeakMap,_s=new WeakMap,Ls=new WeakMap,zs=new WeakMap,Es=new WeakMap,Cs=new WeakSet,Ms=function(e){Be(this,Cs,"m",Ts).call(this,e),Be(this,Cs,"m",Ps).call(this,e)},Ts=function(e){return!!Be(this,_s,"f").has(e)&&(clearTimeout(Be(this,_s,"f").get(e)),Be(this,_s,"f").delete(e))},Ps=function(e){return!!Be(this,Ls,"f").has(e)&&(clearTimeout(Be(this,Ls,"f").get(e)),Be(this,Ls,"f").delete(e))},Is=function(e){const t=e.target;Be(this,Cs,"m",Ps).call(this,t),this.startDelay>0?(Be(this,Cs,"m",Ts).call(this,t),Be(this,_s,"f").set(t,setTimeout(()=>{Be(this,_s,"f").delete(t),Be(this,Ss,"f").call(this,!0,t)},this.startDelay))):Be(this,Ss,"f").call(this,!0,t)},As=function(e){const t=e.target;Be(this,Cs,"m",Ts).call(this,t)||(this.endDelay>0?(Be(this,Cs,"m",Ps).call(this,t),Be(this,Ls,"f").set(t,setTimeout(()=>{Be(this,Ls,"f").delete(t),Be(this,Ss,"f").call(this,!1,t)},this.endDelay))):Be(this,Ss,"f").call(this,!1,t))};class Zn extends kn{constructor(e,t){super(e,t),Ws.set(this,void 0),Hs.set(this,!1),Os.set(this,void 0),Ds.set(this,!0),qe(this,Ws,t.callback,"f"),qe(this,Hs,t.skipInitial??!1,"f"),r||(window.IntersectionObserver?qe(this,Os,new IntersectionObserver((e,t)=>{Be(this,Ws,"f").call(this,e,t)},t.init),"f"):console.warn("IntersectionController error: the browser does not support IntersectionObserver."))}async hostUpdated(){Be(this,Os,"f")&&!Be(this,Hs,"f")&&Be(this,Ds,"f")&&Be(this,Ws,"f").call(this,[],Be(this,Os,"f")),qe(this,Ds,!1,"f")}_observe(e){Be(this,Os,"f")?.observe(e),qe(this,Ds,!0,"f")}_unobserve(e){Be(this,Os,"f")?.unobserve(e)}}Ws=new WeakMap,Hs=new WeakMap,Os=new WeakMap,Ds=new WeakMap;class Gn extends kn{constructor(e,t){super(e,t),Bs.add(this),qs.set(this,void 0),Rs.set(this,void 0),Fs.set(this,new Set),Vs.set(this,new Map),Us.set(this,e=>Be(this,Bs,"m",js).call(this,e)),Ns.set(this,e=>Be(this,Bs,"m",Ks).call(this,e)),qe(this,qs,t.callback,"f"),qe(this,Rs,t.threshold??500,"f")}_observe(e){e.addEventListener("touchstart",Be(this,Us,"f"),{passive:!0}),e.addEventListener("touchend",Be(this,Ns,"f")),e.addEventListener("touchcancel",Be(this,Ns,"f"))}_unobserve(e){e.removeEventListener("touchstart",Be(this,Us,"f")),e.removeEventListener("touchend",Be(this,Ns,"f")),e.removeEventListener("touchcancel",Be(this,Ns,"f"))}}qs=new WeakMap,Rs=new WeakMap,Fs=new WeakMap,Vs=new WeakMap,Us=new WeakMap,Ns=new WeakMap,Bs=new WeakSet,js=function(e){if(e.currentTarget instanceof HTMLElement&&this.isObserving(e.currentTarget)){const t=e.currentTarget;Be(this,Vs,"f").set(t,setTimeout(()=>{Be(this,Fs,"f").add(t),Be(this,Vs,"f").delete(t),Be(this,qs,"f").call(this,!0,t)},Be(this,Rs,"f")))}},Ks=function(e){if(e.currentTarget instanceof HTMLElement&&this.isObserving(e.currentTarget)){const t=e.currentTarget;Be(this,Fs,"f").has(t)&&(Be(this,qs,"f").call(this,!1,t),Be(this,Fs,"f").delete(t)),Be(this,Vs,"f").has(t)&&(clearTimeout(Be(this,Vs,"f").get(t)),Be(this,Vs,"f").delete(t))}};class Xn extends kn{constructor(e,t){super(e,t),Zs.set(this,void 0),Gs.set(this,!1),Xs.set(this,void 0),Ys.set(this,void 0),Js.set(this,!0),qe(this,Zs,t.callback,"f"),qe(this,Gs,t.skipInitial??!1,"f"),qe(this,Xs,t.config,"f"),r||(window.MutationObserver?qe(this,Ys,new MutationObserver((e,t)=>Be(this,Zs,"f").call(this,e,t)),"f"):console.warn("MutationController error: the browser does not support MutationObserver."))}async hostUpdated(){if(Be(this,Ys,"f")&&!Be(this,Gs,"f")&&Be(this,Js,"f")){const e=Be(this,Ys,"f").takeRecords();e.length>0&&Be(this,Zs,"f").call(this,e,Be(this,Ys,"f"))}qe(this,Js,!1,"f")}hostDisconnected(){super.hostDisconnected(),Be(this,Ys,"f")?.disconnect()}_observe(e){Be(this,Ys,"f")?.observe(e,Be(this,Xs,"f")),qe(this,Js,!0,"f")}_unobserve(){Be(this,Ys,"f")?.disconnect();for(const e of this.targets)Be(this,Ys,"f")?.observe(e,Be(this,Xs,"f"))}}Zs=new WeakMap,Gs=new WeakMap,Xs=new WeakMap,Ys=new WeakMap,Js=new WeakMap;class Yn extends kn{constructor(e,t){super(e,t),Qs.add(this),en.set(this,void 0),tn.set(this,void 0),an.set(this,void 0),on.set(this,new Map),rn.set(this,void 0),sn.set(this,e=>Be(this,Qs,"m",hn).call(this,e)),nn.set(this,e=>Be(this,Qs,"m",mn).call(this,e)),ln.set(this,e=>Be(this,Qs,"m",pn).call(this,e)),cn.set(this,e=>Be(this,Qs,"m",un).call(this,e)),dn.set(this,e=>Be(this,Qs,"m",vn).call(this,e)),qe(this,en,t.capture,"f"),qe(this,tn,t.callback,"f"),qe(this,an,t.isPressedKey,"f"),qe(this,rn,t.minPressedDuration??0,"f")}hostConnected(){document.addEventListener("pointerup",Be(this,nn,"f"),{capture:Be(this,en,"f")}),document.addEventListener("touchend",Be(this,ln,"f"),{capture:Be(this,en,"f")}),document.addEventListener("touchcancel",Be(this,ln,"f"),{capture:Be(this,en,"f")}),super.hostConnected()}hostDisconnected(){document.removeEventListener("pointerup",Be(this,nn,"f"),{capture:Be(this,en,"f")}),document.removeEventListener("touchend",Be(this,ln,"f"),{capture:Be(this,en,"f")}),document.removeEventListener("touchcancel",Be(this,ln,"f"),{capture:Be(this,en,"f")}),super.hostDisconnected(),Be(this,on,"f").clear()}_observe(e){e.addEventListener("pointerdown",Be(this,sn,"f"),{capture:Be(this,en,"f")}),Be(this,an,"f")&&(e.addEventListener("keydown",Be(this,cn,"f"),{capture:Be(this,en,"f")}),e.addEventListener("keyup",Be(this,dn,"f"),{capture:Be(this,en,"f")}))}_unobserve(e){e.removeEventListener("pointerdown",Be(this,sn,"f"),{capture:Be(this,en,"f")}),Be(this,an,"f")&&(e.removeEventListener("keydown",Be(this,cn,"f"),{capture:Be(this,en,"f")}),e.removeEventListener("keyup",Be(this,dn,"f"),{capture:Be(this,en,"f")}))}}en=new WeakMap,tn=new WeakMap,an=new WeakMap,on=new WeakMap,rn=new WeakMap,sn=new WeakMap,nn=new WeakMap,ln=new WeakMap,cn=new WeakMap,dn=new WeakMap,Qs=new WeakSet,hn=function(e){if(!("mouse"===e.pointerType&&e.button>1))for(const t of e.composedPath())if(t instanceof HTMLElement&&this.isObserving(t)){Be(this,on,"f").has(t)||(Be(this,on,"f").set(t,performance.now()),Be(this,tn,"f").call(this,!0,{x:e.x,y:e.y},t));break}},mn=function(e){"mouse"===e.pointerType&&e.button>1||Be(this,Qs,"m",bn).call(this,e.x,e.y)},pn=function(e){Be(this,Qs,"m",bn).call(this,e.changedTouches[0]?.clientX??0,e.changedTouches[0]?.clientY??0)},un=function(e){if(e.target!==e.currentTarget)return;const t=e.currentTarget;if(Be(this,an,"f")?.call(this,e.key)&&(" "===e.key&&e.preventDefault(),!Be(this,on,"f").has(t))){Be(this,on,"f").set(t,performance.now());const e=t.getBoundingClientRect();Be(this,tn,"f").call(this,!0,{x:e.x+e.width/2,y:e.y+e.height/2},t)}},vn=function(e){const t=e.target;if(Be(this,on,"f").has(t)&&Be(this,an,"f")?.call(this,e.key)){const e=Be(this,rn,"f")-(performance.now()-Be(this,on,"f").get(t)),a=t.getBoundingClientRect();e>0?setTimeout(()=>{Be(this,on,"f").delete(t),Be(this,tn,"f").call(this,!1,{x:a.x+a.width/2,y:a.y+a.height/2},t)},e):(Be(this,on,"f").delete(t),Be(this,tn,"f").call(this,!1,{x:a.x+a.width/2,y:a.y+a.height/2},t))}},bn=function(e,t){for(const a of Be(this,on,"f")){const o=Be(this,rn,"f")-(performance.now()-a[1]);o>0?setTimeout(()=>{Be(this,on,"f").delete(a[0]),Be(this,tn,"f").call(this,!1,{x:e,y:t},a[0])},o):(Be(this,on,"f").delete(a[0]),Be(this,tn,"f").call(this,!1,{x:e,y:t},a[0]))}};class Jn extends kn{constructor(e,t){super(e,t),fn.set(this,void 0),gn.set(this,void 0),yn.set(this,void 0),$n.set(this,void 0),xn.set(this,!0),qe(this,fn,t.callback,"f"),qe(this,gn,t.skipInitial??!1,"f"),qe(this,yn,t.config,"f"),r||(window.ResizeObserver?qe(this,$n,new ResizeObserver((e,t)=>Be(this,fn,"f").call(this,e,t)),"f"):console.warn("ResizeController error: the browser does not support ResizeObserver."))}async hostUpdated(){Be(this,$n,"f")&&!Be(this,gn,"f")&&Be(this,xn,"f")&&Be(this,fn,"f").call(this,[],Be(this,$n,"f")),qe(this,xn,!1,"f")}_observe(e){Be(this,$n,"f")?.observe(e,Be(this,yn,"f")),qe(this,xn,!0,"f")}_unobserve(e){Be(this,$n,"f")?.unobserve(e)}}fn=new WeakMap,gn=new WeakMap,yn=new WeakMap,$n=new WeakMap,xn=new WeakMap;const Qn=e=>(t,a)=>{const o=()=>{"undefined"==typeof window||customElements.get(e)||customElements.define(e,t)};a?a.addInitializer(o):o()};function el(e){const t=Symbol("_id");return(a,o,i)=>{const r=i.value;return i.value=function(...a){clearTimeout(this[t]),this[t]=setTimeout(()=>r.apply(this,a),e)},i}}var tl,al,ol,il,rl,sl,nl,ll,cl,dl,hl,ml,pl,ul;class vl extends kn{constructor(e,t){super(e,t),tl.add(this),al.set(this,void 0),ol.set(this,void 0),il.set(this,e=>Be(this,tl,"m",nl).call(this,e)),rl.set(this,new Map),qe(this,al,!0===t.debounce,"f"),qe(this,ol,t.callback,"f")}getScrollContainers(e){return Be(this,rl,"f").get(e)}_observe(e){const t=Be(this,tl,"m",sl).call(this,e);if(t.length>0){Be(this,rl,"f").set(e,t);for(const e of t)(e===document.documentElement?document:e).addEventListener("scroll",Be(this,il,"f"),{passive:!0})}}_unobserve(e){if(Be(this,rl,"f").has(e)){for(const t of Be(this,rl,"f").get(e))(t===document.documentElement?document:t).removeEventListener("scroll",Be(this,il,"f"));Be(this,rl,"f").delete(e)}}_debounceCallback(e){Be(this,ol,"f").call(this,e)}}al=new WeakMap,ol=new WeakMap,il=new WeakMap,rl=new WeakMap,tl=new WeakSet,sl=function(e){const t=new Array;let a=e;for(;a;){const e=getComputedStyle(a);/(auto|scroll)/.test(e.overflow+e.overflowY+e.overflowX)&&t.push(a),a=a.parentElement}return t},nl=function(e){const t=e.target===document?document.documentElement:e.target;Be(this,al,"f")?this._debounceCallback(t):Be(this,ol,"f").call(this,t)},De([el(40)],vl.prototype,"_debounceCallback",null);class bl{constructor(e){ll.add(this),cl.set(this,!1),dl.set(this,0),hl.set(this,0),ml.set(this,""),pl.set(this,""),e.addController(this)}lock(){Be(this,cl,"f")||(qe(this,cl,!0,"f"),qe(this,dl,window.scrollY,"f"),qe(this,hl,window.scrollX,"f"),qe(this,ml,document.documentElement.style.overflow,"f"),qe(this,pl,document.documentElement.style.scrollbarGutter,"f"),Be(this,ll,"m",ul).call(this)&&(document.documentElement.style.scrollbarGutter="stable"),document.documentElement.style.overflow="hidden",window.scrollTo(Be(this,hl,"f"),Be(this,dl,"f")))}unlock(){Be(this,cl,"f")&&(qe(this,cl,!1,"f"),document.documentElement.style.overflow=Be(this,ml,"f"),document.documentElement.style.scrollbarGutter=Be(this,pl,"f"),window.scrollTo(Be(this,hl,"f"),Be(this,dl,"f")))}hostDisconnected(){this.unlock()}}cl=new WeakMap,dl=new WeakMap,hl=new WeakMap,ml=new WeakMap,pl=new WeakMap,ll=new WeakSet,ul=function(){return document.documentElement.scrollHeight>document.documentElement.clientHeight};const fl={fromAttribute:e=>e?e.split(/\s+/).map(e=>e.trim()).filter(Boolean):[],toAttribute:e=>e.join(" ")},gl=1,yl=e=>(...t)=>({_$litDirective$:e,values:t});
 /**
  * @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,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);
+ */class $l{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 xl="important",wl=" !"+xl;const kl=yl(class extends $l{constructor(e){if(super(e),e.type!==gl||"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(wl);e.includes("-")||t?a.setProperty(e,t?o.slice(0,-11):o,t?xl:""):a[e]=o}}return s}});function Cl(e,...t){return"object"==typeof e&&null!==e&&t.every(t=>t in e)}const Sl=Symbol("internals");function _l(e){return Cl(e,Sl)}const Ll=Symbol("_internals"),zl=Symbol("_customState");function El(e,t){var a;class o extends e{constructor(){super(...arguments),this[a]=new Set}get[(a=zl,Sl)](){return this[Ll]??(this[Ll]=this.attachInternals())}}return o.formAssociated=t,o}function Ml(e,t){return zl in e?e[zl].has(t):e[Sl].states.has(t)}function Tl(e,t){zl in e&&e[zl].add(t),e[Sl]?.states.add(t),e[Sl]?.states.has(t)}function Pl(e,t){return zl in e&&e[zl].delete(t),!!e[Sl]?.states.delete(t)&&(e[Sl]?.states.has(t),!0)}function Il(e,t,a){a?Tl(e,t):Pl(e,t)}function Al(e){return Cl(e,"checked")}function Wl(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 De([dt({type:Boolean,reflect:!0})],t.prototype,"checked",void 0),t}function Hl(e){return Cl(e,"indeterminate")&&Al(e)}function Ol(e){class t extends(Wl(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 De([dt({type:Boolean,reflect:!0})],t.prototype,"indeterminate",void 0),t}function Dl(e){return Cl(e,"selected")}function Bl(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 De([dt({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),t}function ql(e){return Al(e)||Dl(e)}function Rl(e){return Al(e)&&e.checked||Dl(e)&&e.selected}function Fl(e,t){Al(e)?e.checked=t:e.selected=t}function Vl(e){return Cl(e,"dirty","pristine","markAsDirty","markAsPristine")}const Ul=Symbol("_eventHandler");function Nl(e){var t;return t=Ul,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsDirty()}get dirty(){return Ml(this,"-dirty")}get pristine(){return!this.dirty}connectedCallback(){this.markAsPristine(),super.connectedCallback(),this.addEventListener("change",this[Ul])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",this[Ul])}markAsPristine(){Pl(this,"-dirty")}markAsDirty(){Tl(this,"-dirty")}}}function jl(e){return Cl(e,"touched","untouched","markAsTouched","markAsUntouched")}const Kl=Symbol("_eventHandler");function Zl(e){var t;return t=Kl,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsTouched()}get touched(){return Ml(this,"-touched")}get untouched(){return!this.touched}connectedCallback(){this.markAsUntouched(),super.connectedCallback(),this.addEventListener("focusout",this[Kl],{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[Kl],{capture:!0})}markAsTouched(){Tl(this,"-touched")}markAsUntouched(){Pl(this,"-touched")}}}const Gl={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)")},Xl={scale:e("var(--md-sys-density-scale, 0)"),size:e("var(--md-sys-density-size, 0.25rem)")},Yl={...Xl,calc:t=>e(`calc(max(${t}, ${Xl.scale}) * ${Xl.size})`)},Jl=`color-mix(in srgb, var(--m3e-elevation-color, ${Gl.shadow}) 20%, transparent)`,Ql=["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"],ec=`color-mix(in srgb, var(--m3e-elevation-color, ${Gl.shadow}) 14%, transparent)`,tc=["0px 0px 0px 0px","0px 1px 1px 0px","0px 2px 2px 0px","0px 3px 4px 0px","0px 4px 5px 0px","0px 5px 8px 0px","0px 6px 10px 0px","0px 7px 10px 1px","0px 8px 10px 1px","0px 9px 12px 1px","0px 10px 14px 1px","0px 11px 15px 1px","0px 12px 17px 2px","0px 13px 19px 2px","0px 14px 21px 2px","0px 15px 22px 2px","0px 16px 24px 2px","0px 17px 26px 2px","0px 18px 28px 2px","0px 19px 29px 2px","0px 20px 31px 3px","0px 21px 33px 3px","0px 22px 35px 3px","0px 23px 36px 3px","0px 24px 38px 3px"],ac=`color-mix(in srgb, var(--m3e-elevation-color, ${Gl.shadow}) 12%, transparent)`,oc=["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 ic(e){return`${Jl} ${Ql[e]},${ec} ${tc[e]},${ac} ${oc[e]}`}const rc={level0:e(`var(--md-sys-elevation-level0, ${ic(0)})`),level1:e(`var(--md-sys-elevation-level1, ${ic(1)})`),level2:e(`var(--md-sys-elevation-level2, ${ic(3)})`),level3:e(`var(--md-sys-elevation-level3, ${ic(6)})`),level4:e(`var(--md-sys-elevation-level4, ${ic(8)})`),level5:e(`var(--md-sys-elevation-level5, ${ic(12)})`)},sc={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))")},nc={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))")},lc={easing:sc,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:nc},cc={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)")},dc={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)")},hc={color:Gl,elevation:rc,motion:lc,shape:{corner:{full:e("var(--md-sys-shape-corner-full, 624.9375rem)"),extraLargeTop:e(`var(--md-sys-shape-corner-extra-large-top, ${dc.extraLarge} ${dc.extraLarge} ${dc.none} ${dc.none})`),extraLarge:e(`var(--md-sys-shape-corner-extra-large, ${dc.extraLarge})`),extraLargeEnd:e(`${dc.none} ${dc.extraLarge} ${dc.extraLarge} ${dc.none}`),extraLargeStart:e(`${dc.extraLarge} ${dc.none} ${dc.none} ${dc.extraLarge}`),largeTop:e(`var(--md-sys-shape-corner-large-top, ${dc.large} ${dc.large} ${dc.none} ${dc.none})`),largeEnd:e(`var(--md-sys-shape-corner-large-end, ${dc.none} ${dc.large} ${dc.large} ${dc.none})`),largeStart:e(`var(--md-sys-shape-corner-large-end, ${dc.large} ${dc.none} ${dc.none} ${dc.large})`),large:e(`var(--md-sys-shape-corner-large, ${dc.large})`),medium:e(`var(--md-sys-shape-corner-medium, ${dc.medium})`),mediumTop:e(`${dc.medium} ${dc.medium} ${dc.none} ${dc.none}`),mediumEnd:e(`${dc.none} ${dc.medium} ${dc.medium} ${dc.none}`),mediumStart:e(`${dc.medium} ${dc.none} ${dc.none} ${dc.medium}`),small:e(`var(--md-sys-shape-corner-small, ${dc.small})`),smallTop:e(`${dc.small} ${dc.small} ${dc.none} ${dc.none}`),smallEnd:e(`${dc.none} ${dc.small} ${dc.small} ${dc.none}`),smallStart:e(`${dc.small} ${dc.none} ${dc.none} ${dc.small}`),extraSmallTop:e(`var(--md-sys-shape-corner-extra-small-top, ${dc.extraSmall} ${dc.extraSmall} ${dc.none} ${dc.none})`),extraSmall:e(`var(--md-sys-shape-corner-extra-small, ${dc.extraSmall})`),extraSmallEnd:e(`${dc.none} ${dc.extraSmall} ${dc.extraSmall} ${dc.none}`),extraSmallStart:e(`${dc.extraSmall} ${dc.none} ${dc.none} ${dc.extraSmall}`),extraSmallBottom:e(`${dc.none} ${dc.none} ${dc.extraSmall} ${dc.extraSmall}`),none:e(`var(--md-sys-shape-corner-none, ${dc.none})`),largeIncreased:e(`var(--md-sys-shape-corner-large-increased, ${dc.largeIncreased})`),extraLargeIncreased:e(`var(--md-sys-shape-corner-extra-large-increased, ${dc.extraLargeIncreased})`),extraExtraLarge:e(`var(--md-sys-shape-corner-extra-extra-large, ${dc.extraExtraLarge})`),value:dc}},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:cc,density:Yl};function mc(e){return Cl(e,"disabled")}function pc(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 De([dt({type:Boolean,reflect:t})],a.prototype,"disabled",void 0),a}function uc(e){return Cl(e,"disabledInteractive")&&mc(e)}const vc=["click","dblclick","auxclick","keydown","keyup"],bc=["Tab","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Left","Up","Right","Down"],fc=Symbol("_suppressedEventHandler");function gc(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{if(this.disabledInteractive){if(e instanceof KeyboardEvent&&bc.includes(e.key))return;e.stopImmediatePropagation(),e.preventDefault()}},this.disabledInteractive=!1}connectedCallback(){vc.forEach(e=>this.addEventListener(e,this[fc],!0)),super.connectedCallback()}disconnectedCallback(){vc.forEach(e=>this.removeEventListener(e,this[fc],!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=fc,De([dt({attribute:"disabled-interactive",type:Boolean,reflect:!0})],a.prototype,"disabledInteractive",void 0),a}const yc=Symbol("updateLabels");function $c(e){return Cl(e,"labels")&&_l(e)}const xc=Symbol("_eventHandler");function wc(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{e.defaultPrevented||this[yc]()}}get labels(){return this[Sl].labels}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this[xc]),this.addEventListener("change",this[xc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[xc]),this.removeEventListener("change",this[xc])}update(e){super.update(e),this[yc]()}[(t=xc,yc)](){const e=this.hasAttribute("tabindex"),t=mc(this)&&this.disabled||uc(this)&&this.disabledInteractive,a=jl(this)&&this.touched&&(this.ariaInvalid||Ml(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, ${hc.color.onSurface} 38%, transparent)`:a?`${hc.color.error}`:""}}return a.formAssociated=!0,a}const kc=Symbol("formValue"),Cc=Symbol("defaultValue");function Sc(e){return Cl(e,"disabled","form","name")&&$c(e)&&_l(e)}const _c=Symbol("_defaultValue"),Lc=Symbol("_defaultIndeterminate"),zc=Symbol("_formDisabled");function Ec(e){var t,a;class o extends e{constructor(){super(...arguments),this[t]=!1,this[a]=!1}get form(){return this[Sl].form}get labels(){return this[Sl].labels}get[(t=Lc,a=zc,kc)](){return null}get[Cc](){return this[_c]}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get disabled(){return super.disabled||this[zc]}set disabled(e){super.disabled=e}connectedCallback(){super.connectedCallback(),Al(this)?(this[_c]=this.checked,Hl(this)&&(this[Lc]=this.indeterminate)):"value"in this&&(this[_c]=this.value)}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[Sl].setFormValue(this[kc])}formDisabledCallback(e){const t=this.disabled;this[zc]=e,this.disabled!=t&&this.requestUpdate("disabled",t)}formResetCallback(){Al(this)?(this.checked=!0===this[_c],Hl(this)&&(this.indeterminate=this[Lc])):"value"in this&&(this.value=this[Cc]),Vl(this)&&this.markAsPristine(),jl(this)&&this.markAsUntouched()}}return o.formAssociated=!0,De([dt({noAccessor:!0})],o.prototype,"name",null),De([dt({type:Boolean})],o.prototype,"disabled",null),o}const Mc=Symbol("validate");function Tc(e){return Cl(e,"willValidate","validity","validationMessage","reportValidity","checkValidity","setCustomValidity")&&Sc(e)}const Pc=Symbol("_updateValidity"),Ic=Symbol("_validityMessage");function Ac(e){var t,a;class o extends e{constructor(){super(...arguments),t.add(this)}get willValidate(){return this[Sl].willValidate}get validity(){return this[Pc](),this[Sl].validity}get validationMessage(){return this[Pc](),this[Sl].validationMessage}[(t=new WeakSet,Mc)](){return this[Ic]?{customError:!0}:void 0}reportValidity(){return jl(this)&&this.markAsTouched(),this[Pc](),this[Sl].reportValidity()}checkValidity(){return this[Pc](),this[Sl].checkValidity()}setCustomValidity(e){this[Ic]=e||void 0,this[Pc]()}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[Pc]()}firstUpdated(e){super.firstUpdated(e),this[Pc]()}[Pc](){if(r||!this.isConnected)return;const e=this[Mc](),o=e&&Object.keys(e).some(t=>!0===e[t]);let i=e?.customError?this[Ic]:"";e&&!i&&(i=Be(this,t,"m",a).call(this,e)),this[Sl].setValidity(e,i),this.ariaInvalid=o?"true":null,Il(this,"-invalid",!0===o),$c(this)&&this[yc]?.()}}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 Wc(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 Hc=Symbol("_tabindex");function Oc(e){var t;return t=Hc,class extends e{constructor(){super(...arguments),this[t]=0}connectedCallback(){this[Hc]=Number.parseInt(this.getAttribute("tabindex")??"0"),super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||e.has("disabled")||this.setAttribute("tabindex",`${this[Hc]}`)}update(e){if(super.update(e),e.has("disabled"))if(this.disabled||"none"===this.role){const e=this.getAttribute("tabindex");e&&(this[Hc]=Number.parseInt(e)),this.removeAttribute("tabindex")}else this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${this[Hc]}`)}}}function Dc(e){return Cl(e,"name","type","value")&&_l(e)}const Bc=Symbol("_clickHandler");function qc(e){var t;class a extends e{constructor(){super(...arguments),this.type="button",this[t]=async e=>{if(e.defaultPrevented||mc(this)&&this.disabled||uc(this)&&this.disabledInteractive)return;const t=this[Sl].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[Sl].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[Bc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[Bc])}}return t=Bc,a.formAssociated=!0,De([dt()],a.prototype,"name",null),De([dt()],a.prototype,"value",null),De([dt()],a.prototype,"type",void 0),a}function Rc(e){return Cl(e,"htmlFor","control","attach","detach")}const Fc=Symbol("_control"),Vc=Symbol("_firstUpdated");function Uc(e){var t;class a extends e{constructor(){super(...arguments),this[t]=!1,this.htmlFor=null}get control(){return this[Fc]?.deref()??null}connectedCallback(){super.connectedCallback();const e=this[Fc]?.deref();e&&this.attach(e)}disconnectedCallback(){super.disconnectedCallback();const e=this[Fc];e&&(this.detach(),this[Fc]=e)}firstUpdated(e){super.firstUpdated(e),this[Vc]=!0}update(e){if(super.update(e),e.has("htmlFor"))if(this.htmlFor){const e=this.getRootNode();e&&Fn(this.htmlFor,e).then(e=>{e!==this.control&&(this.control&&this.detach(),e instanceof HTMLElement&&this.attach(e))})}else this.control&&this[Vc]&&this.detach()}attach(e){this[Fc]=new WeakRef(e)}detach(){this[Fc]=void 0}}return t=Vc,De([dt({attribute:"for"})],a.prototype,"htmlFor",void 0),a}function Nc(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||mc(this)&&this.disabled||uc(this)&&this.disabledInteractive?qe(this,o,!1,"f"):(" "===e.key||t&&"Enter"===e.key)&&qe(this,o,!0,"f")},l=function(e){e.target!==e.currentTarget||mc(this)&&this.disabled||uc(this)&&this.disabledInteractive||!Be(this,o,"f")?qe(this,o,!1,"f"):(qe(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=>Be(this,a,"m",n).call(this,e)),r.set(this,e=>Be(this,a,"m",l).call(this,e)),s.set(this,()=>qe(this,o,!1,"f"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",Be(this,i,"f")),this.addEventListener("keyup",Be(this,r,"f")),this.addEventListener("focusout",Be(this,s,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",Be(this,i,"f")),this.removeEventListener("keyup",Be(this,r,"f")),this.removeEventListener("focusout",Be(this,s,"f"))}}}const jc=Symbol("renderPseudoLink");function Kc(e){return Cl(e,"download","href","rel","target")}const Zc=Symbol("_clickHandler");function Gc(e){var t,a,r,s,n;class l extends e{constructor(){super(...arguments),t.add(this),this[n]=async e=>{if(uc(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[Zc]),this.hasAttribute("href")&&"button"===this.role&&(this.role="link")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[Zc])}[(t=new WeakSet,n=Zc,jc)](){const e=mc(this)&&this.disabled,n=uc(this)&&this.disabledInteractive;return e||n||!this.href?i:o`<a href="${this.href}" target="${wr(this.target||void 0)}" rel="${wr(this.rel||void 0)}" download="${wr(this.download||void 0)}" tabindex="-1" aria-hidden="true" @pointerdown="${Be(this,t,"m",a)}" @focus="${Be(this,t,"m",r)}" @blur="${Be(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")},De([dt()],l.prototype,"href",void 0),De([dt()],l.prototype,"target",void 0),De([dt()],l.prototype,"rel",void 0),De([dt({reflect:!1})],l.prototype,"download",null),l}function Xc(e){return Cl(e,"readOnly")}function Yc(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 De([dt({attribute:"readonly",type:Boolean,reflect:t})],a.prototype,"readOnly",void 0),a}function Jc(e){return Cl(e,"required","optional")}function Qc(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 De([dt({type:Boolean,reflect:!0})],t.prototype,"required",void 0),t}function ed(e){return Jc(e)&&Tc(e)}function td(e){return class extends e{[Mc](){const e=super[Mc]();if(!e&&this.required){if(Al(this)&&!this.checked)return{valueMissing:!0};if(!this.value)return{valueMissing:!0}}return e}}}function ad(e,t){return class extends e{connectedCallback(){this.role=this.role||t,super.connectedCallback()}}}function od(e){return Cl(e,"vertical")}function id(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 De([dt({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),t}var rd,sd,nd,ld,cd,dd,hd,md;class pd extends a{constructor(){super(...arguments),rd.set(this,e=>{e.defaultPrevented||this._onClick(e)})}connectedCallback(){super.connectedCallback(),this.parentElement?.addEventListener("click",Be(this,rd,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.parentElement?.removeEventListener("click",Be(this,rd,"f"))}render(){return o`<slot></slot>`}}rd=new WeakMap,pd.styles=t`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;let ud=class extends(Wc(El(a),"opening","opened","closing","closed")){constructor(){super(...arguments),sd.add(this),nd.set(this,!1),ld.set(this,!1),this.open=!1}update(e){if(super.update(e),Tl(this,"-no-animate"),!Be(this,nd,"f"))return this.open&&(qe(this,ld,!0,"f"),Be(this,sd,"m",dd).call(this)),void qe(this,nd,!0,"f");this.toggleAttribute("inert",!this.open),this.open?(qe(this,ld,!0,"f"),Rn()||(Be(this,sd,"m",dd).call(this),Il(this,"-overflows",this.clientHeight<this.scrollHeight),Be(this,sd,"m",hd).call(this)),Pl(this,"-closing"),Tl(this,"-opening"),this.dispatchEvent(new Event("opening")),Be(this,sd,"m",hd).call(this),Pl(this,"-no-animate"),Be(this,sd,"m",md).call(this),Rn()?(Be(this,sd,"m",dd).call(this),Pl(this,"-opening"),this.dispatchEvent(new Event("opened"))):this.addEventListener("transitionend",()=>{this.open&&(Be(this,sd,"m",dd).call(this),Pl(this,"-opening"),this.dispatchEvent(new Event("opened")))},{once:!0})):(Pl(this,"-opening"),Tl(this,"-closing"),this.dispatchEvent(new Event("closing")),Be(this,sd,"m",md).call(this),Be(this,ld,"f")&&Pl(this,"-no-animate"),Rn()?(Be(this,sd,"m",hd).call(this),Pl(this,"-closing"),this.dispatchEvent(new Event("closed"))):requestAnimationFrame(()=>{Be(this,sd,"m",hd).call(this),this.addEventListener("transitionend",()=>{this.open||(Pl(this,"-closing"),this.dispatchEvent(new Event("closed")))},{once:!0})}))}render(){return o`<slot @slotchange="${Be(this,sd,"m",cd)}"></slot>`}};nd=new WeakMap,ld=new WeakMap,sd=new WeakSet,cd=function(){qe(this,nd,!0,"f")},dd=function(){this.style.height="auto"},hd=function(){this.style.height=""},md=function(){this.style.height=`${this.scrollHeight}px`},ud.styles=t`:host { display: block; height: 0px; overflow: hidden; transition: ${e(`visibility var(--m3e-collapsible-animation-duration, ${hc.motion.duration.medium1})\n          ${hc.motion.easing.standard},\n        height var(--m3e-collapsible-animation-duration, ${hc.motion.duration.medium1})\n          ${hc.motion.easing.standard},\n        padding-top var(--m3e-collapsible-animation-duration, ${hc.motion.duration.medium1})\n          ${hc.motion.easing.standard},\n        padding-bottom var(--m3e-collapsible-animation-duration, ${hc.motion.duration.medium1})\n          ${hc.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; } }`,De([dt({type:Boolean,reflect:!0})],ud.prototype,"open",void 0),ud=De([Qn("m3e-collapsible")],ud);const vd=e(`var(--m3e-elevation-lift-duration, ${hc.motion.duration.short4})`),bd=e(`var(--m3e-elevation-lift-easing, ${hc.motion.easing.standard})`),fd=e(`var(--m3e-elevation-settle-duration, ${hc.motion.duration.short3})`),gd=e(`var(--m3e-elevation-settle-easing, ${hc.motion.easing.standardAccelerate})`),yd=e(`var(--m3e-elevation-level, ${hc.elevation.level0})`),$d=e(`var(--m3e-elevation-hover-level, ${hc.elevation.level0})`),xd=e(`var(--m3e-elevation-focus-level, ${hc.elevation.level0})`),wd=e(`var(--m3e-elevation-pressed-level, ${hc.elevation.level0})`);var kd,Cd,Sd,_d,Ld,zd,Ed;let Md=class extends(Uc(ad(a,"none"))){constructor(){super(...arguments),kd.add(this),Cd.set(this,new Kn(this,{target:null,callback:e=>Be(this,kd,"m",Ld).call(this,e)})),Sd.set(this,new jn(this,{target:null,callback:e=>Be(this,kd,"m",zd).call(this,e)})),_d.set(this,new Yn(this,{target:null,callback:e=>Be(this,kd,"m",Ed).call(this,e)})),this.disabled=!1,this.level=null}attach(e){super.attach(e),Be(this,Cd,"f").observe(e),Be(this,Sd,"f").observe(e),Be(this,_d,"f").observe(e)}detach(){this.control&&(Be(this,Cd,"f").unobserve(this.control),Be(this,Sd,"f").unobserve(this.control),Be(this,_d,"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>`}};Cd=new WeakMap,Sd=new WeakMap,_d=new WeakMap,kd=new WeakSet,Ld=function(e){this.disabled||(this._shadow?.classList.toggle("hover",e),this._shadow?.classList.toggle("resting",!e))},zd=function(e){this.disabled||this._shadow?.classList.toggle("focus",e)},Ed=function(e){this.disabled||this._shadow?.classList.toggle("pressed",e)},Md.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 ${fd} ${gd};`)}; } .shadow.hover { will-change: box-shadow; transition: ${e(`box-shadow ${vd} ${bd};`)}; } .shadow { box-shadow: ${yd}; } .shadow.focus { box-shadow: ${xd}; } .shadow.hover { box-shadow: ${$d}; } .shadow.pressed { box-shadow: ${wd}; } :host([level="0"]) .shadow { --m3e-elevation-level: ${hc.elevation.level0}; --m3e-elevation-hover-level: ${hc.elevation.level1}; } :host([level="1"]) .shadow { --m3e-elevation-level: ${hc.elevation.level1}; --m3e-elevation-hover-level: ${hc.elevation.level2}; } :host([level="2"]) .shadow { --m3e-elevation-level: ${hc.elevation.level2}; --m3e-elevation-hover-level: ${hc.elevation.level3}; } :host([level="3"]) .shadow { --m3e-elevation-level: ${hc.elevation.level3}; --m3e-elevation-hover-level: ${hc.elevation.level4}; } :host([level="4"]) .shadow { --m3e-elevation-level: ${hc.elevation.level4}; --m3e-elevation-hover-level: ${hc.elevation.level5}; } :host([level="5"]) .shadow { --m3e-elevation-level: ${hc.elevation.level5}; --m3e-elevation-hover-level: ${yd}; } :host([level]) .shadow { --m3e-elevation-focus-level: ${yd}; --m3e-elevation-pressed-level: ${yd}; } @media (prefers-reduced-motion) { .shadow.resting, .shadow.pressed, .shadow.focus, .shadow.hover { transition: none; } } @media (forced-colors: active) { .shadow { display: none; } }`,De([pt(".shadow")],Md.prototype,"_shadow",void 0),De([dt({type:Boolean,reflect:!0})],Md.prototype,"disabled",void 0),De([dt({type:Number,reflect:!0})],Md.prototype,"level",void 0),Md=De([Qn("m3e-elevation")],Md);const Td=e(`var(--m3e-focus-ring-color, ${hc.color.secondary})`),Pd=e(`var(--m3e-focus-ring-duration, ${hc.motion.duration.long2})`),Id=e("var(--m3e-focus-ring-thickness, 3px)"),Ad=e("var(--m3e-focus-ring-outward-offset, 2px)"),Wd=e("var(--m3e-focus-ring-inward-offset, 0px)"),Hd=e("var(--m3e-focus-ring-visibility, visible)"),Od=e("var(--m3e-focus-ring-growth-factor, 2)");var Dd,Bd,qd;let Rd=class extends(Uc(ad(a,"none"))){constructor(){super(...arguments),Dd.add(this),Bd.set(this,new jn(this,{target:null,callback:(e,t)=>Be(this,Dd,"m",qd).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),Be(this,Bd,"f").observe(e)}detach(){this.control&&Be(this,Bd,"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()}};Bd=new WeakMap,Dd=new WeakSet,qd=function(e){this.disabled||(e?this.show():this.hide())},Rd.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: ${Td}; outline-width: ${Id}; visibility: ${Hd}; } .outline.visible { outline-style: solid; } :host(:not([inward])) .outline { outline-offset: ${Ad}; } :host([inward]) .outline { outline-offset: calc(${Wd} - ${Id}); } :host(:not([inward])) .outline.visible { animation: grow-shrink ${Pd}; } :host([inward]) .outline.visible { animation: shrink-grow ${Pd}; } @keyframes grow-shrink { 50% { outline-width: calc(${Id} * ${Od}); } } @keyframes shrink-grow { 50% { outline-offset: calc( ${Wd} - calc(${Id} * ${Od}) ); outline-width: calc(${Id} * ${Od}); } } @media (prefers-reduced-motion) { :host(:not([inward])) .outline.visible, :host([inward]) .outline.visible { animation: none; } } @media (forced-colors: active) { .outline { outline-color: Highlight; } }`,De([pt(".outline")],Rd.prototype,"_outline",void 0),De([dt({type:Boolean,reflect:!0})],Rd.prototype,"inward",void 0),De([dt({type:Boolean,reflect:!0})],Rd.prototype,"disabled",void 0),Rd=De([Qn("m3e-focus-ring")],Rd);let Fd=class extends(Ol(pc(ad(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}};Fd.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, ${hc.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${hc.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${hc.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${hc.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, ${hc.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${hc.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); }`,Fd=De([Qn("m3e-pseudo-checkbox")],Fd);let Vd=class extends(Wl(pc(ad(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>`}};Vd.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, ${hc.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${hc.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${hc.color.onSurface}) 38%, transparent); }`,Vd=De([Qn("m3e-pseudo-radio")],Vd);const Ud=e(`var(--m3e-ripple-color, ${hc.color.onSurface})`),Nd=e(`var(--m3e-ripple-opacity, ${hc.state.pressedStateLayerOpacity})`),jd=e(`var(--m3e-ripple-enter-duration, ${hc.motion.duration.long4})`),Kd=e(`var(--m3e-ripple-exit-duration, ${hc.motion.duration.short2})`),Zd=e("var(--m3e-ripple-scale-factor, 2.5)");var Gd,Xd,Yd,Jd,Qd,eh;let th=class extends(Uc(ad(a,"none"))){constructor(){super(...arguments),Gd.add(this),Xd.set(this,null),Yd.set(this,new Yn(this,{target:null,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(e,{x:t,y:a})=>Be(this,Gd,"m",eh).call(this,e,t,a)})),this.disabled=!1,this.centered=!1,this.unbounded=!1,this.radius=null}get visible(){return null!==Be(this,Xd,"f")}show(e,t,a=!1){Be(this,Gd,"m",Jd).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;qe(this,Xd,document.createElement("div"),"f"),Be(this,Xd,"f").classList.add("ripple"),a&&Be(this,Xd,"f").classList.add("persistent"),Be(this,Xd,"f").style.left=r-i+"px",Be(this,Xd,"f").style.top=s-i+"px",Be(this,Xd,"f").style.width=2*i+"px",Be(this,Xd,"f").style.height=2*i+"px",Be(this,Xd,"f").addEventListener("animationend",()=>Be(this,Gd,"m",Qd).call(this,a),{once:!0}),Be(this,Xd,"f").addEventListener("transitionend",()=>Be(this,Gd,"m",Jd).call(this),{once:!0}),this.shadowRoot?.appendChild(Be(this,Xd,"f"))}hide(){Be(this,Xd,"f")?.classList.add("exit")}attach(e){super.attach(e),Be(this,Yd,"f").observe(e)}detach(){this.control&&Be(this,Yd,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),Be(this,Gd,"m",Jd).call(this)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};var ah;Xd=new WeakMap,Yd=new WeakMap,Gd=new WeakSet,Jd=function(){Be(this,Xd,"f")?.remove(),qe(this,Xd,null,"f")},Qd=function(e){e?Be(this,Xd,"f")?.classList.add("pressed"):this.hide()},eh=function(e,t,a){this.disabled||(e?this.show(t,a,!0):this.hide())},th.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: ${hc.shape.corner.full}; background-color: color-mix(in srgb, ${Ud} ${Nd}, transparent); will-change: background-color, opacity; animation: ripple ${jd} linear; } .ripple.persistent.pressed { transform: scale(${Zd}); } .ripple.exit { transition: opacity ${Kd} cubic-bezier(0, 0, 0.2, 0.1); opacity: 0; } @keyframes ripple { to { transform: scale(${Zd}); } } @media (prefers-reduced-motion) { .ripple { transform: scale(${Zd}); animation-duration: 90ms; } .ripple.exit { transition-duration: 10ms; } } @media (forced-colors: active) { .ripple { display: none; } }`,De([dt({type:Boolean,reflect:!0})],th.prototype,"disabled",void 0),De([dt({type:Boolean,reflect:!0})],th.prototype,"centered",void 0),De([dt({type:Boolean,reflect:!0})],th.prototype,"unbounded",void 0),De([dt({type:Number})],th.prototype,"radius",void 0),th=De([Qn("m3e-ripple")],th);let oh=class extends(El(a)){constructor(){super(...arguments),ah.set(this,()=>this._updateScroll()),this.dividers="above-below",this.thin=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",Be(this,ah,"f"))}update(e){super.update(e),e.has("dividers")&&(this.removeEventListener("scroll",Be(this,ah,"f")),"none"!==this.dividers&&this.addEventListener("scroll",Be(this,ah,"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;Il(this,"-above",e),Il(this,"-below",t)}};var ih,rh,sh,nh;ah=new WeakMap,oh.styles=t`:host { display: block; overflow-y: auto; position: relative; box-sizing: border-box; scrollbar-color: ${hc.scrollbar.color}; border-top: var(--m3e-divider-thickness, 1px) solid transparent; border-bottom: var(--m3e-divider-thickness, 1px) solid transparent; outline-color: ${Td}; outline-width: ${Id}; outline-offset: ${Ad}; } :host([thin]) { scrollbar-width: ${hc.scrollbar.thinWidth}; } :host(:not([thin])) { scrollbar-width: ${hc.scrollbar.width}; } :host(:not(:focus-visible):state(-above)) { border-top-color: var(--m3e-divider-color, ${hc.color.outlineVariant}); } :host(:not(:focus-visible):state(-below)) { border-bottom-color: var(--m3e-divider-color, ${hc.color.outlineVariant}); } :host(:focus-visible) { outline-style: solid; animation: grow-shrink ${Pd}; } @keyframes grow-shrink { 50% { outline-width: calc(${Id} * ${Od}); } } @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; } }`,De([dt()],oh.prototype,"dividers",void 0),De([dt({type:Boolean,reflect:!0})],oh.prototype,"thin",void 0),De([el(40)],oh.prototype,"_updateScroll",null),oh=De([Qn("m3e-scroll-container")],oh);let lh=class extends(El(a)){constructor(){super(...arguments),ih.add(this),rh.set(this,new Array),this.selectedIndex=null}connectedCallback(){super.connectedCallback(),Tl(this,"-no-animate")}update(e){super.update(e),e.has("selectedIndex")&&(null===this.selectedIndex&&Tl(this,"-no-animate"),Be(this,ih,"m",nh).call(this),null!==this.selectedIndex&&Ml(this,"-no-animate")&&requestAnimationFrame(()=>{null!==this.selectedIndex&&Pl(this,"-no-animate")}))}render(){return o`<slot @slotchange="${Be(this,ih,"m",sh)}"></slot>`}};rh=new WeakMap,ih=new WeakSet,sh=function(e){const t=[...e.target.assignedElements({flatten:!0})];for(const e of Be(this,rh,"f").filter(e=>!t.includes(e)))e.classList.remove("-before"),e.classList.remove("-after"),e.removeAttribute("inert");qe(this,rh,t,"f"),Be(this,ih,"m",nh).call(this)},nh=function(){const e=this.selectedIndex??Be(this,rh,"f").length;for(let t=0;t<Be(this,rh,"f").length;t++){const a=Be(this,rh,"f")[t];a.classList.toggle("-before",t<e),a.classList.toggle("-after",t>e),a.toggleAttribute("inert",t!==e)}},lh.styles=t`:host { display: flex; position: relative; overflow: hidden; } ::slotted(*) { width: 100%; top: 0; transition: ${e(`inset-inline-start var(--m3e-slide-animation-duration, ${hc.motion.duration.long2}) ${hc.motion.easing.standard},\n        visibility var(--m3e-slide-animation-duration, ${hc.motion.duration.long2}) ${hc.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; } }`,De([dt({attribute:"selected-index",type:Number,reflect:!0})],lh.prototype,"selectedIndex",void 0),lh=De([Qn("m3e-slide")],lh);const ch=e(`var(--m3e-state-layer-hover-color, ${hc.color.onSurface})`),dh=e(`var(--m3e-state-layer-hover-opacity, ${hc.state.hoverStateLayerOpacity})`),hh=e(`var(--m3e-state-layer-focus-color, ${hc.color.onSurface})`),mh=e(`var(--m3e-state-layer-focus-opacity, ${hc.state.focusStateLayerOpacity})`),ph=e(`var(--m3e-state-layer-duration, ${hc.motion.duration.medium1})`),uh=e(`var(--m3e-state-layer-easing, ${hc.motion.easing.standard})`);var vh,bh,fh,gh,yh;let $h=class extends(Uc(ad(a,"none"))){constructor(){super(...arguments),vh.add(this),bh.set(this,new Kn(this,{target:null,callback:e=>Be(this,vh,"m",gh).call(this,e)})),fh.set(this,new jn(this,{target:null,callback:(e,t)=>Be(this,vh,"m",yh).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),Be(this,bh,"f").observe(e),Be(this,fh,"f").observe(e)}detach(){this.control&&(Be(this,bh,"f").unobserve(this.control),Be(this,fh,"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>`}};var xh,wh,kh,Ch,Sh,_h,Lh,zh;bh=new WeakMap,fh=new WeakMap,vh=new WeakSet,gh=function(e){this.disabled||this.disableHover||(e?this.show("hover"):this.hide("hover"))},yh=function(e){this.disabled||(e?this.show("focused"):this.hide("focused"))},$h.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 ${ph} ${uh}`)}; } .layer.focused { background-color: color-mix(in srgb, ${hh} ${mh}, transparent); } .layer.hover { background-color: color-mix(in srgb, ${ch} ${dh}, transparent); } @media (prefers-reduced-motion) { .layer { transition: none; } } @media (forced-colors: active) { .layer { display: none; } }`,De([pt(".layer")],$h.prototype,"_layer",void 0),De([dt({type:Boolean,reflect:!0})],$h.prototype,"disabled",void 0),De([dt({attribute:"disable-hover",type:Boolean,reflect:!0})],$h.prototype,"disableHover",void 0),$h=De([Qn("m3e-state-layer")],$h);let Eh=zh=class extends a{constructor(){super(),xh.add(this),wh.set(this,"m3e-text-highlight-"+zh.__nextId++),kh.set(this,new Array),Ch.set(this,null),this.disabled=!1,this.term="",this.caseSensitive=!1,this.mode="contains",this.isSupported&&(qe(this,Ch,new CSSStyleSheet,"f"),Be(this,Ch,"f").replaceSync(t`::highlight(${e(Be(this,wh,"f"))}) { background-color: var(--m3e-text-highlight-container-color, ${hc.color.secondaryContainer}); color: var(--m3e-text-highlight-color, ${hc.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 Be(this,kh,"f")}firstUpdated(e){super.firstUpdated(e),this.shadowRoot&&Be(this,Ch,"f")&&!this.shadowRoot.adoptedStyleSheets.includes(Be(this,Ch,"f"))&&this.shadowRoot.adoptedStyleSheets.push(Be(this,Ch,"f"))}updated(e){super.updated(e),(e.has("term")||e.has("caseSensitive")||e.has("disabled"))&&Be(this,xh,"m",Lh).call(this)}render(){return o`<slot @slotchange="${Be(this,xh,"m",Lh)}"></slot>`}};wh=new WeakMap,kh=new WeakMap,Ch=new WeakMap,xh=new WeakSet,Sh=function(e){return!/^\s*$/.test(e.data)},_h=function e(t,a){t instanceof HTMLSlotElement?t.assignedNodes({flatten:!0}).forEach(t=>{switch(t.nodeType){case Node.TEXT_NODE:Be(this,xh,"m",Sh).call(this,t)&&a.push(t);break;case Node.ELEMENT_NODE:Be(this,xh,"m",e).call(this,t,a)}}):t.childNodes.forEach(t=>{switch(t.nodeType){case Node.TEXT_NODE:Be(this,xh,"m",Sh).call(this,t)&&a.push(t);break;case Node.ELEMENT_NODE:Be(this,xh,"m",e).call(this,t,a)}})},Lh=function(){if(!this.isSupported||!this.isConnected)return;if(CSS.highlights.delete(Be(this,wh,"f")),Be(this,kh,"f").length=0,this.disabled)return;if(!this.term)return void this.dispatchEvent(new CustomEvent("highlight",{detail:[...Be(this,kh,"f")],bubbles:!1,composed:!1}));const e=new Array;if(Be(this,xh,"m",_h).call(this,this,e),e.length>0){const t=this.caseSensitive?this.term:this.term.toLowerCase();switch(this.mode){case"starts-with":{const a=e[0];if(((this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"").startsWith(t)){const e=new Range;e.setStart(a,0),e.setEnd(a,t.length),Be(this,kh,"f").push(e)}}break;case"ends-with":{const a=e[e.length-1],o=(this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"";if(o.endsWith(t)){const e=o.length-t.length,i=e+t.length,r=new Range;r.setStart(a,e),r.setEnd(a,i),Be(this,kh,"f").push(r)}}break;case"contains":qe(this,kh,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")}Be(this,kh,"f").length>0&&CSS.highlights.set(Be(this,wh,"f"),new Highlight(...Be(this,kh,"f")))}this.dispatchEvent(new CustomEvent("highlight",{detail:[...Be(this,kh,"f")],bubbles:!1,composed:!1}))},Eh.styles=t`:host { display: contents; }`,Eh.__nextId=0,De([dt({type:Boolean,reflect:!0})],Eh.prototype,"disabled",void 0),De([dt()],Eh.prototype,"term",void 0),De([dt({attribute:"case-sensitive",type:Boolean})],Eh.prototype,"caseSensitive",void 0),De([dt()],Eh.prototype,"mode",void 0),Eh=zh=De([Qn("m3e-text-highlight")],Eh);let Mh=class extends a{render(){return o`<span class="base"><slot></slot></span>`}};Mh.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; }`,Mh=De([Qn("m3e-text-overflow")],Mh);let Th=class extends x{constructor(){super(...arguments),this.returnValue=""}_onClick(){this.closest("m3e-dialog")?.hide(this.returnValue)}};var Ph,Ih,Ah,Wh,Hh,Oh,Dh,Bh,qh,Rh,Fh,Vh;De([dt({attribute:"return-value"})],Th.prototype,"returnValue",void 0),Th=De([m("m3e-dialog-action")],Th);let Uh=Vh=class extends(w(k(a),"opening","opened","cancel","closing","closed")){constructor(){super(...arguments),Ph.add(this),Ih.set(this,Vh.__nextId++),Ah.set(this,!1),Wh.set(this,!1),this._withActions=!1,Hh.set(this,new S(this)),this.alert=!1,this.dismissible=!1,this.disableClose=!1,this.noFocusTrap=!1,this.closeLabel="Close",this.returnValue=""}get open(){return Be(this,Ah,"f")}set open(e){e!==Be(this,Ah,"f")&&(qe(this,Ah,e,"f"),Be(this,Ah,"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);Be(this,Hh,"f").lock(),this._base.showModal(),this._content.scrollTop=0;const e=this.querySelector("[autofocus]");e&&L(e),this.dispatchEvent(new Event("opened"))}async hide(e=this.returnValue){if(!this.isConnected)return void(this.open=!1);if(await this.updateComplete,Be(this,Hh,"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="${wr(this.alert?"alertdialog":void 0)}" aria-labelledby="m3e-dialog-${Be(this,Ih,"f")}-header" .returnvalue="${this.returnValue}" @close="${Be(this,Ph,"m",Dh)}" @cancel="${Be(this,Ph,"m",Bh)}" @click="${Be(this,Ph,"m",qh)}" @keydown="${Be(this,Ph,"m",Rh)}"><m3e-elevation level="3"></m3e-elevation><m3e-focus-trap ?disabled="${this.noFocusTrap}"><div class="header"><slot name="header" id="m3e-dialog-${Be(this,Ih,"f")}-header"></slot>${Be(this,Ph,"m",Oh).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="${Be(this,Ph,"m",Fh)}"></slot></div></m3e-focus-trap></dialog>`}};Ih=new WeakMap,Ah=new WeakMap,Wh=new WeakMap,Hh=new WeakMap,Ph=new WeakSet,Oh=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},Dh=function(){Be(this,Wh,"f")&&(qe(this,Wh,!0,"f"),this._base?.dispatchEvent(new Event("cancel",{cancelable:!0})))},Bh=function(e){e.target===this._base&&(qe(this,Wh,!1,"f"),e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},qh=function(e){this.disableClose||e.target!==this._base||this.hide()},Rh=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.disableClose||this.hide())},Fh=function(e){this._withActions=e.target.assignedNodes({flatten:!0}).length>0,v(this,"-with-actions",this._withActions)},Uh.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; } }`,Uh.__nextId=0,De([ht()],Uh.prototype,"_withActions",void 0),De([pt(".base")],Uh.prototype,"_base",void 0),De([pt(".content")],Uh.prototype,"_content",void 0),De([dt({type:Boolean})],Uh.prototype,"alert",void 0),De([dt({type:Boolean,reflect:!0})],Uh.prototype,"open",null),De([dt({type:Boolean})],Uh.prototype,"dismissible",void 0),De([dt({attribute:"disable-close",type:Boolean})],Uh.prototype,"disableClose",void 0),De([dt({attribute:"no-focus-trap",type:Boolean})],Uh.prototype,"noFocusTrap",void 0),De([dt({attribute:"close-label"})],Uh.prototype,"closeLabel",void 0),Uh=Vh=De([m("m3e-dialog")],Uh);let Nh=class extends(c(x)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof Uh&&this.control.show()}};Nh=De([m("m3e-dialog-trigger")],Nh);let jh=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>`}};jh.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; } }`,De([dt({type:Boolean,reflect:!0})],jh.prototype,"vertical",void 0),De([dt({type:Boolean,reflect:!0})],jh.prototype,"inset",void 0),De([dt({attribute:"inset-start",type:Boolean,reflect:!0})],jh.prototype,"insetStart",void 0),De([dt({attribute:"inset-end",type:Boolean,reflect:!0})],jh.prototype,"insetEnd",void 0),jh=De([m("m3e-divider")],jh);const Kh=e(`var(--m3e-drawer-container-color, ${l.color.surface})`),Zh=e(`var(--m3e-drawer-container-elevation, ${l.elevation.level0})`),Gh=e("var(--m3e-drawer-container-width, 22.5rem)"),Xh=e("var(--m3e-drawer-container-scrim-opacity, 32%)"),Yh=e(`var(--m3e-modal-drawer-corner-shape, ${l.shape.corner.large})`),Jh=e(`var(--m3e-modal-drawer-container-color, ${l.color.surfaceContainerLow})`),Qh=e(`var(--m3e-modal-drawer-elevation, ${l.elevation.level1})`),em=e(`var(--m3e-drawer-divider-color, ${l.color.outline})`),tm=e("var(--m3e-drawer-divider-thickness, 1px)"),am=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: ${Kh}; box-shadow: ${Zh}; 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, ${Gh})); } :host(:not([start]):dir(rtl)) .start { margin-right: calc(0px - var(--_start-drawer-size, ${Gh})); } :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, ${Gh})); } :host(:not([end]):dir(rtl)) .end { margin-left: calc(0px - var(--_end-drawer-size, ${Gh})); } :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: ${Gh}; 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, ${Gh}); } :host(:state(-start-push)[start]:dir(rtl)) .content, :host(:state(-start-side)[start]:dir(rtl)) .content { margin-right: var(--_start-drawer-size, ${Gh}); } :host(:state(-end-push)[end]:not(:dir(rtl))) .content, :host(:state(-end-side)[end]:not(:dir(rtl))) .content { margin-right: var(--_end-drawer-size, ${Gh}); } :host(:state(-end-push)[end]:dir(rtl)) .content, :host(:state(-end-side)[end]:dir(rtl)) .content { margin-left: var(--_end-drawer-size, ${Gh}); } .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: ${Xh}; } :host(:state(-start-push)) .start, :host(:state(-start-over)) .start { border-start-end-radius: ${Yh}; border-end-end-radius: ${Yh}; } :host(:state(-end-push)) .end, :host(:state(-end-over)) .end { border-start-start-radius: ${Yh}; border-end-start-radius: ${Yh}; } :host(:state(-start-push)) .start, :host(:state(-end-push)) .end, :host(:state(-start-over)) .start, :host(:state(-end-over)) .end { background-color: ${Jh}; box-shadow: ${Qh}; } :host([start-divider]) .start { border-inline-end-color: transparent; border-inline-end-width: ${tm}; 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: ${em}; } :host([end-divider]) .end { border-inline-start-color: transparent; border-inline-start-width: ${tm}; 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: ${em}; } :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 om,im,rm,sm,nm,lm,cm,dm,hm,mm,pm;let um=class extends(k(a)){constructor(){super(...arguments),om.add(this),this._startMode="side",this._endMode="side",im.set(this,void 0),rm.set(this,!1),sm.set(this,!1),nm.set(this,new _(this,{target:null,skipInitial:!0,callback:e=>Be(this,om,"m",hm).call(this,e)})),this.start=!1,this.startMode="side",this.startDivider=!1,this.end=!1,this.endMode="side",this.endDivider=!1}connectedCallback(){super.connectedCallback(),$(this,"-no-animate")}disconnectedCallback(){super.disconnectedCallback(),Be(this,im,"f")?.call(this),Be(this,om,"m",mm).call(this)}update(e){super.update(e),(e.has("startMode")||e.has("endMode"))&&(Be(this,im,"f")?.call(this),"auto"===this.startMode||"auto"===this.endMode?qe(this,im,Ie.observe([Ae.XSmall,Ae.Small],e=>Be(this,om,"m",pm).call(this,e,!0)),"f"):Be(this,om,"m",pm).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&&Be(this,nm,"f").observe(t),t=this.shadowRoot?.querySelector(".end"),t&&Be(this,nm,"f").observe(t)}render(){return o`<div class="start"><m3e-focus-trap ?disabled="${!this.start||"side"===this._startMode||Be(this,rm,"f")}"><slot name="start" @slotchange="${Be(this,om,"m",cm)}"></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="${Be(this,om,"m",lm)}"></div><div class="end"><m3e-focus-trap ?disabled="${!this.end||"side"===this._endMode||Be(this,sm,"f")}"><slot name="end" @slotchange="${Be(this,om,"m",dm)}"></slot></m3e-focus-trap></div>`}};var vm,bm,fm,gm,ym,$m;im=new WeakMap,rm=new WeakMap,sm=new WeakMap,nm=new WeakMap,om=new WeakSet,lm=function(){"side"!==this._startMode&&(this.start=!1),"side"!==this._endMode&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0}))},cm=function(e){qe(this,rm,!p(e.target),"f")},dm=function(e){qe(this,sm,!p(e.target),"f")},hm=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`)}z(this,"-no-animate")&&(this.offsetTop,b(this,"-no-animate"))},mm=function(){b(this,"-start-over"),b(this,"-start-push"),b(this,"-start-side"),b(this,"-end-over"),b(this,"-end-push"),b(this,"-end-side")},pm=function(e,t=!1){let a=!1,o=!1;"auto"===this.startMode?e?.get(Ae.Medium)?this._startMode="side":e?.get(Ae.Small)?(a="side"===this._startMode&&this.start,this._startMode="push"):e?.get(Ae.XSmall)?(a="over"!==this._startMode&&this.start,this._startMode="over"):this._startMode="side":this._startMode=this.startMode,"auto"===this.endMode?e?.get(Ae.Medium)?this._endMode="side":e?.get(Ae.Small)?(o="side"===this._endMode&&this.end,this._endMode="push"):e?.get(Ae.XSmall)?(o="over"!==this._endMode&&this.end,this._endMode="over"):this._endMode="side":this._endMode=this.endMode,Be(this,om,"m",mm).call(this),$(this,`-start-${this._startMode}`),$(this,`-end-${this._endMode}`),t&&(a||o)&&(a&&(this.start=!1),o&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0})))},um.styles=am,De([ht()],um.prototype,"_startMode",void 0),De([ht()],um.prototype,"_endMode",void 0),De([dt({type:Boolean,reflect:!0})],um.prototype,"start",void 0),De([dt({attribute:"start-mode",reflect:!0})],um.prototype,"startMode",void 0),De([dt({attribute:"start-divider",type:Boolean,reflect:!0})],um.prototype,"startDivider",void 0),De([dt({type:Boolean,reflect:!0})],um.prototype,"end",void 0),De([dt({attribute:"end-mode",reflect:!0})],um.prototype,"endMode",void 0),De([dt({attribute:"end-divider",type:Boolean,reflect:!0})],um.prototype,"endDivider",void 0),um=De([m("m3e-drawer-container")],um);let xm=class extends(c(x)){constructor(){super(...arguments),vm.add(this),bm.set(this,()=>Be(this,vm,"m",gm).call(this)),fm.set(this,!1)}attach(e){super.attach(e),this.htmlFor&&this.parentElement&&$e(this.parentElement,"aria-controls",this.htmlFor);const t=e.closest("m3e-drawer-container");t&&(t.addEventListener("change",Be(this,bm,"f")),Be(this,vm,"m",$m).call(this,t,!0))}detach(){this.parentElement&&(this.htmlFor&&xe(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),this.control?.closest("m3e-drawer-container")?.removeEventListener("change",Be(this,bm,"f")),super.detach()}_onClick(){Be(this,vm,"m",ym).call(this)}};var wm,km,Cm,Sm;bm=new WeakMap,fm=new WeakMap,vm=new WeakSet,gm=function(){if(this.control&&!Be(this,fm,"f")){const e=this.control.closest("m3e-drawer-container");e&&Be(this,vm,"m",$m).call(this,e,!0)}},ym=async function(){if(!this.parentElement||!this.control)return;const e=this.control.closest("m3e-drawer-container");if(e){qe(this,fm,!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 Be(this,vm,"m",$m).call(this,e,!1)}finally{qe(this,fm,!1,"f")}}},$m=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)},xm=De([m("m3e-drawer-toggle")],xm);let _m=class extends a{constructor(){super(...arguments),wm.add(this),km.set(this,[]),this.multi=!1}get panels(){return Be(this,km,"f")}render(){return o`<slot @slotchange="${Be(this,wm,"m",Cm)}" @opening="${Be(this,wm,"m",Sm)}"></slot>`}};km=new WeakMap,wm=new WeakSet,Cm=function(){if(qe(this,km,[...this.querySelectorAll("m3e-expansion-panel")],"f"),this.multi)return;let e=!1;for(const t of Be(this,km,"f").filter(e=>!e.open))e&&(t.open=!1),e=!0},Sm=function(e){if(!this.multi)for(const t of Be(this,km,"f").filter(t=>t!==e.target&&t.open))t.open=!1},_m.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}; }`,De([dt({type:Boolean})],_m.prototype,"multi",void 0),_m=De([m("m3e-accordion")],_m);const Lm=e("var(--m3e-expansion-header-collapsed-height, 3rem)"),zm=e("var(--m3e-expansion-header-expanded-height, 4rem)"),Em=e("var(--m3e-expansion-header-padding-left, 1.5rem)"),Mm=e("var(--m3e-expansion-header-padding-right, 1.5rem)"),Tm=e("var(--m3e-expansion-header-spacing, 0.5rem)"),Pm=e("var(--m3e-expansion-header-toggle-icon-size, 1.5rem)"),Im=e(`var(--m3e-expansion-header-font-size, ${l.typescale.standard.title.medium.fontSize})`),Am=e(`var(--m3e-expansion-header-font-weight, ${l.typescale.standard.title.medium.fontWeight})`),Wm=e(`var(--m3e-expansion-header-line-height, ${l.typescale.standard.title.medium.lineHeight})`),Hm=e(`var(--m3e-expansion-header-tracking, ${l.typescale.standard.title.medium.tracking})`),Om=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: ${Em}; padding-inline-end: ${Mm}; font-size: ${Im}; font-weight: ${Am}; line-height: ${Wm}; letter-spacing: ${Hm}; column-gap: ${Tm}; } :host(:not(:disabled)) { cursor: pointer; } :host(:not([aria-expanded="true"])) { height: ${Lm}; } :host([aria-expanded="true"]) { height: ${zm}; } :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: ${Pm}; 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 - ${Tm}); } :host([toggle-position="after"]) .toggle { margin-inline-end: calc(0px - ${Tm}); } :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; } }`,Dm=e(`var(--m3e-expansion-panel-text-color, ${l.color.onSurface})`),Bm=e(`var(--m3e-expansion-panel-disabled-text-color, ${l.color.onSurface})`),qm=e("var(--m3e-expansion-panel-disabled-text-opacity, 38%)"),Rm=e("var(--m3e-expansion-panel-container-color)"),Fm=e("var(--m3e-expansion-panel-elevation)"),Vm=e("var(--m3e-expansion-panel-shape)"),Um=e("var(--m3e-expansion-panel-open-elevation, var(--m3e-expansion-panel-elevation))"),Nm=e("var(--m3e-expansion-panel-open-shape, var(--m3e-expansion-panel-shape))"),jm=e("var(--_expansion-panel-open-spacing)"),Km=e("var(--m3e-expansion-panel-content-padding, 0 1.5rem 1rem 1.5rem)"),Zm=e("var(--m3e-expansion-panel-actions-spacing, 0.5rem)"),Gm=e("var(--m3e-expansion-panel-actions-padding, 1rem 1.5rem 1rem 1.5rem)"),Xm=e("var(--m3e-expansion-panel-actions-divider-thickness, var(--m3e-divider-thickness, 1px))"),Ym=e(`var(--m3e-expansion-panel-actions-divider-color, var(--m3e-divider-color, ${l.color.outlineVariant}))`),Jm=t`:host { display: block; } .base { background-color: ${Rm}; transition: ${e(`box-shadow var(--m3e-collapsible-animation-duration, ${l.motion.duration.medium1})\n        ${l.motion.easing.standard}`)}; } :host(:not(:disabled)) .base { color: ${Dm}; } :host(:disabled) .base { color: color-mix( in srgb, ${Bm} ${qm}, transparent ); } :host(:not([open])) .base { box-shadow: ${Fm}; border-radius: ${Vm}; } :host([open]) .base { box-shadow: ${Um}; border-radius: ${Nm}; margin-block: ${jm}; } .toggle { display: flex; align-items: center; justify-content: center; font-size: ${Pm}; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } .toggle svg, ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } .content { padding: ${Km}; } :host(:not(:state(-with-actions))) .actions { display: none; } .actions { padding: ${Gm}; border-top-style: solid; border-top-width: ${Xm}; border-top-color: ${Ym}; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; column-gap: ${Zm}; } ::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 Qm,ep;let tp=class extends(T(A(H(k(d(a,"button"),!0))))){constructor(){super(...arguments),Qm.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?Be(this,Qm,"m",ep).call(this):i}<div class="content"><slot></slot></div>${"after"===this.togglePosition?Be(this,Qm,"m",ep).call(this):i}</div>`}};var ap,op,ip,rp,sp,np,lp,cp,dp,hp,mp,pp;Qm=new WeakSet,ep=function(){return o`<div class="toggle" aria-hidden="true"><slot name="toggle-icon"></slot></div>`},tp.styles=Om,De([pt(".focus-ring")],tp.prototype,"_focusRing",void 0),De([pt(".state-layer")],tp.prototype,"_stateLayer",void 0),De([dt({attribute:"toggle-direction",reflect:!0})],tp.prototype,"toggleDirection",void 0),De([dt({attribute:"toggle-position",reflect:!0})],tp.prototype,"togglePosition",void 0),De([dt({attribute:"hide-toggle",type:Boolean,reflect:!0})],tp.prototype,"hideToggle",void 0),tp=De([m("m3e-expansion-header")],tp);let up=pp=class extends(w(H(k(a,!0)),"opening","opened","closing","closed")){constructor(){super(...arguments),ap.add(this),op.set(this,pp.__nextId++),ip.set(this,`m3e-expansion-panel-${Be(this,op,"f")}-content`),rp.set(this,`m3e-expansion-panel-${Be(this,op,"f")}-header`),sp.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(),qe(this,sp,Ee.observe(()=>{this.requestUpdate(),Be(this,ap,"m",mp).call(this)}),"f")}disconnectedCallback(){super.disconnectedCallback(),Be(this,sp,"f")?.call(this)}firstUpdated(e){super.firstUpdated(e),Be(this,ap,"m",mp).call(this)}render(){return o`<div class="base"><m3e-expansion-header id="${Be(this,rp,"f")}" toggle-direction="${this.toggleDirection}" toggle-position="${this.togglePosition}" ?hide-toggle="${this.hideToggle}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${Be(this,ip,"f")}" @click="${Be(this,ap,"m",lp)}" @keydown="${Be(this,ap,"m",cp)}"><div slot="toggle-icon" class="toggle"><slot name="toggle-icon">${Be(this,ap,"m",np).call(this)}</slot></div><slot name="header"></slot></m3e-expansion-header><m3e-collapsible id="${Be(this,ip,"f")}" role="region" aria-labelledby="${Be(this,rp,"f")}" ?open="${this.open}" @opening="${Be(this,ap,"m",dp)}" @opened="${Be(this,ap,"m",dp)}" @closing="${Be(this,ap,"m",dp)}" @closed="${Be(this,ap,"m",dp)}"><div class="content"><slot></slot></div><div class="actions"><slot name="actions" @slotchange="${Be(this,ap,"m",hp)}"></slot></div></m3e-collapsible></div>`}};op=new WeakMap,ip=new WeakMap,rp=new WeakMap,sp=new WeakMap,ap=new WeakSet,np=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"===Ee.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>`},lp=function(){this.open=!this.open},cp=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}}},dp=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},hp=function(e){v(this,"-with-actions",p(e.target))},mp=function(){"rtl"===Ee.current?this._header?.style.setProperty("--_expansion-header-horizontal-expanded-toggle-rotation","-90deg"):this._header?.style.removeProperty("--_expansion-header-horizontal-expanded-toggle-rotation")},up.styles=Jm,up.__nextId=0,De([pt("m3e-expansion-header")],up.prototype,"_header",void 0),De([dt({type:Boolean,reflect:!0})],up.prototype,"open",void 0),De([dt({attribute:"toggle-direction",reflect:!0})],up.prototype,"toggleDirection",void 0),De([dt({attribute:"toggle-position",reflect:!0})],up.prototype,"togglePosition",void 0),De([dt({attribute:"hide-toggle",type:Boolean,reflect:!0})],up.prototype,"hideToggle",void 0),up=pp=De([m("m3e-expansion-panel")],up);const vp=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; } }`,bp={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 fp(a){return t`:host([size="${e(a)}"]) .base { height: ${bp[a].containerHeight}; } :host([size="${e(a)}"]) .base { border-radius: ${bp[a].shape}; } :host([size="${e(a)}"]) .label { font-size: ${bp[a].labelTextFontSize}; font-weight: ${bp[a].labelTextFontWeight}; line-height: ${bp[a].labelTextLineHeight}; letter-spacing: ${bp[a].labelTextTracking}; } :host([size="${e(a)}"]:not([extended])) .wrapper { padding-inline-start: ${bp[a].leadingSpace}; padding-inline-end: ${bp[a].trailingSpace}; } :host([size="${e(a)}"]:not([extended])) .icon { font-size: ${bp[a].iconSize}; --m3e-icon-size: ${bp[a].iconSize}; } :host([size="${e(a)}"][extended]) .wrapper { padding-inline-start: ${bp[a].extendedLeadingSpace}; padding-inline-end: ${bp[a].extendedTrailingSpace}; column-gap: ${bp[a].iconLabelSpace}; } :host([size="${e(a)}"][extended]) .icon { font-size: ${bp[a].extendedIconSize}; --m3e-icon-size: ${bp[a].extendedIconSize}; }`}const gp=[fp("small"),fp("medium"),fp("large")],yp={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 $p(a){return t`:host([variant="${e(a)}"]:not([lowered])) .base { background-color: ${yp[a].containerColor}; --m3e-elevation-level: ${yp[a].containerElevation}; --m3e-elevation-hover-level: ${yp[a].hover.containerElevation}; --m3e-elevation-focus-level: ${yp[a].focus.containerElevation}; --m3e-elevation-pressed-level: ${yp[a].pressed.containerElevation}; } :host([variant="${e(a)}"][lowered]) .base { background-color: ${yp[a].loweredContainerColor??yp[a].containerColor}; --m3e-elevation-level: ${yp[a].loweredContainerElevation}; --m3e-elevation-hover-level: ${yp[a].hover.loweredContainerElevation}; --m3e-elevation-focus-level: ${yp[a].focus.loweredContainerElevation}; --m3e-elevation-pressed-level: ${yp[a].pressed.loweredContainerElevation}; } :host([variant="${e(a)}"]) .base { --m3e-state-layer-hover-color: ${yp[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${yp[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${yp[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${yp[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${yp[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${yp[a].pressed.stateLayerOpacity}; } :host([variant="${e(a)}"]) .label { color: ${yp[a].labelTextColor}; } :host([variant="${e(a)}"]:focus) .label { color: ${yp[a].focus.labelTextColor}; } :host([variant="${e(a)}"]:hover) .label { color: ${yp[a].hover.labelTextColor}; } :host([variant="${e(a)}"]) .base.pressed .label { color: ${yp[a].pressed.labelTextColor}; } :host([variant="${e(a)}"]) .icon { color: ${yp[a].iconColor}; } :host([variant="${e(a)}"]:focus) .icon { color: ${yp[a].focus.iconColor}; } :host([variant="${e(a)}"]:hover) .icon { color: ${yp[a].hover.iconColor}; } :host([variant="${e(a)}"]) .base.pressed .icon { color: ${yp[a].pressed.iconColor}; } :host([variant="${e(a)}"]:disabled) .base, :host([variant="${e(a)}"][disabled-interactive]) .base { --m3e-elevation-level: ${yp[a].disabled.containerElevation}; background-color: color-mix( in srgb, ${yp[a].disabled.containerColor} ${yp[a].disabled.containerOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .label, :host([variant="${e(a)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${yp[a].disabled.labelTextColor} ${yp[a].disabled.labelTextOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .icon, :host([variant="${e(a)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${yp[a].disabled.iconColor} ${yp[a].disabled.iconOpacity}, transparent ); }`}const xp=[$p("primary"),$p("secondary"),$p("tertiary"),$p("primary-container"),$p("secondary-container"),$p("tertiary-container"),$p("surface")];var wp,kp;let Cp=class extends(T(P(I(A(W(H(k(d(a,"button"),!0)))))))){constructor(){super(),wp.add(this),this.variant="primary-container",this.lowered=!1,this.size="medium",this.extended=!1,new D(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[B]()}<div class="wrapper"><slot class="icon" aria-hidden="true" @slotchange="${Be(this,wp,"m",kp)}"></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="${Be(this,wp,"m",kp)}"></slot></div></div></div>`}};var Sp,_p,Lp;wp=new WeakSet,kp=function(){this._base?.classList.toggle("with-menu",null!==this.querySelector("m3e-fab-menu-trigger"))},Cp.styles=[gp,xp,vp],De([pt(".base")],Cp.prototype,"_base",void 0),De([pt(".elevation")],Cp.prototype,"_elevation",void 0),De([pt(".focus-ring")],Cp.prototype,"_focusRing",void 0),De([pt(".state-layer")],Cp.prototype,"_stateLayer",void 0),De([pt(".ripple")],Cp.prototype,"_ripple",void 0),De([dt({reflect:!0})],Cp.prototype,"variant",void 0),De([dt({type:Boolean,reflect:!0})],Cp.prototype,"lowered",void 0),De([dt({reflect:!0})],Cp.prototype,"size",void 0),De([dt({type:Boolean,reflect:!0})],Cp.prototype,"extended",void 0),Cp=De([m("m3e-fab")],Cp);let zp=class extends(T(P(H(k(d(a,"menuitem"),!0))))){constructor(){super(...arguments),Sp.add(this),_p.set(this,e=>Be(this,Sp,"m",Lp).call(this,e))}get menu(){return this.closest("m3e-fab-menu")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,_p,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,_p,"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[B]()}<div class="wrapper"><slot class="icon" name="icon" aria-hidden="true"></slot><div class="label"><slot></slot></div></div></div>`}};var Ep,Mp,Tp,Pp,Ip,Ap,Wp,Hp,Op,Dp,Bp,qp,Rp,Fp;_p=new WeakMap,Sp=new WeakSet,Lp=function(e){e.defaultPrevented||this.menu?.hide(!0)},zp.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; } }`,De([pt(".elevation")],zp.prototype,"_elevation",void 0),De([pt(".focus-ring")],zp.prototype,"_focusRing",void 0),De([pt(".state-layer")],zp.prototype,"_stateLayer",void 0),De([pt(".ripple")],zp.prototype,"_ripple",void 0),zp=De([m("m3e-fab-menu-item")],zp);let Vp=class extends(k(d(a,"menu"))){constructor(){super(...arguments),Ep.add(this),Mp.set(this,void 0),Tp.set(this,void 0),Pp.set(this,void 0),Ip.set(this,(new Se).withWrap().withHomeAndEnd().withVerticalOrientation()),Ap.set(this,e=>Be(this,Ep,"m",Bp).call(this,e)),Wp.set(this,e=>Be(this,Ep,"m",qp).call(this,e)),Hp.set(this,new oe(this,{target:null,callback:()=>this.hide()})),Op.set(this,e=>{"closed"===e.newState?(Be(this,Pp,"f")?.call(this),qe(this,Pp,void 0,"f")):setTimeout(()=>{Be(this,Ip,"f").setActiveItem(Be(this,Ip,"f").items.find(e=>!e.disabled))},40)}),this.variant="primary"}get isOpen(){return void 0!==Be(this,Tp,"f")}async show(e){Be(this,Tp,"f")&&Be(this,Tp,"f")!==e&&this.hide(),Be(this,Pp,"f")?.call(this),qe(this,Pp,await Me(this,e,{position:"top-end",inline:!0,shift:!0,flip:!0,offset:8},(e,t,a)=>{v(this,"-right",a.includes("end")),v(this,"-left",a.includes("start")),"rtl"===Ee.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(),qe(this,Tp,e,"f"),Be(this,Tp,"f").ariaExpanded="true",Be(this,Hp,"f").observe(Be(this,Tp,"f")),Be(this,Ep,"m",Rp).call(this)}hide(e=!1){Be(this,Pp,"f")?.call(this),qe(this,Pp,void 0,"f"),Be(this,Tp,"f")&&(Be(this,Tp,"f").ariaExpanded="false",e&&Be(this,Tp,"f").focus(),Be(this,Ep,"m",Fp).call(this),Be(this,Hp,"f").unobserve(Be(this,Tp,"f")),qe(this,Tp,void 0,"f")),this.hidePopover()}async toggle(e){Be(this,Tp,"f")?this.hide():await this.show(e)}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.setAttribute("popover","manual"),$(this,"-no-animate"),this.addEventListener("keydown",Be(this,Ap,"f")),this.addEventListener("toggle",Be(this,Op,"f")),document.addEventListener("click",Be(this,Wp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",Be(this,Ap,"f")),this.removeEventListener("toggle",Be(this,Op,"f")),document.removeEventListener("click",Be(this,Wp,"f"))}firstUpdated(e){super.firstUpdated(e),requestAnimationFrame(()=>b(this,"-no-animate"))}render(){return o`<div class="base"><slot @slotchange="${Be(this,Ep,"m",Dp)}"></slot></div>`}};Mp=new WeakMap,Tp=new WeakMap,Pp=new WeakMap,Ip=new WeakMap,Ap=new WeakMap,Wp=new WeakMap,Hp=new WeakMap,Op=new WeakMap,Ep=new WeakSet,Dp=function(){const{added:e}=Be(this,Ip,"f").setItems([...this.querySelectorAll("m3e-fab-menu-item")]);Be(this,Ip,"f").activeItem||Be(this,Ip,"f").updateActiveItem(e.find(e=>!e.disabled))},Bp=function(e){switch(e.key){case"Tab":this.hide();break;case"Escape":e.shiftKey||e.ctrlKey||this.hide(!0);break;default:Be(this,Ip,"f").onKeyDown(e)}},qp=function(e){e.composedPath().some(e=>e instanceof zp||e===Be(this,Tp,"f"))||this.hide()},Rp=function(){const e=Be(this,Tp,"f")?.closest("m3e-fab");e&&(qe(this,Mp,e.tabIndex,"f"),e.addEventListener("keydown",Be(this,Ap,"f")),Be(this,Ip,"f").setItems([...Be(this,Ip,"f").items,e]))},Fp=function(){const e=Be(this,Tp,"f")?.closest("m3e-fab");e&&(void 0!==Be(this,Mp,"f")&&(e.tabIndex=Be(this,Mp,"f")),e.removeEventListener("keydown",Be(this,Ap,"f")),Be(this,Ip,"f").setItems([...Be(this,Ip,"f").items.filter(t=>t!==e)]))},Vp.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; } }`,De([dt({reflect:!0})],Vp.prototype,"variant",void 0),Vp=De([m("m3e-fab-menu")],Vp);let Up=class extends(c(x)){get menu(){return this.control instanceof Vp?this.control:null}attach(e){super.attach(e),this.parentElement&&e instanceof Vp&&(this.parentElement.ariaHasPopup="menu",this.parentElement.ariaExpanded="false",e.id&&$e(this.parentElement,"aria-controls",e.id))}detach(){this.parentElement&&(this.parentElement.ariaHasPopup=null,this.parentElement.ariaExpanded=null,this.control?.id&&xe(this.parentElement,"aria-controls",this.control.id)),super.detach()}_onClick(){this.parentElement&&this.menu?.toggle(this.parentElement)}};Up=De([m("m3e-fab-menu-trigger")],Up);
 /**
  * Adapted from Angular Material Form Field Control
  * Source: https://github.com/angular/components/blob/main/src/material/form-field/form-field-control.ts
@@ -66,7 +66,7 @@ const cr=e=>e??Zi;var dr,hr,mr,pr;let ur=class extends(x(A(W(d(pi,"row"))),"remo
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-const Ap=["m3e-input-chip-set","m3e-select"];function Wp(e){return e instanceof HTMLElement&&(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||Ap.includes(e.tagName.toLowerCase()))}function Hp(e){for(const t of e.assignedElements({flatten:!0})){if(Wp(t))return t;const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);for(;e.nextNode();)if(Wp(e.currentNode))return e.currentNode}return null}
+const Np=["m3e-input-chip-set","m3e-select"];function jp(e){return e instanceof HTMLElement&&(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||Np.includes(e.tagName.toLowerCase()))}function Kp(e){for(const t of e.assignedElements({flatten:!0})){if(jp(t))return t;const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);for(;e.nextNode();)if(jp(e.currentNode))return e.currentNode}return null}
 /**
  * Adapted from Angular Material Form Field
  * Source: https://github.com/angular/components/blob/main/src/material/form-field/form-field.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,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>`}};
+ */var Zp,Gp,Xp,Yp,Jp,Qp,eu,tu,au,ou,iu,ru,su,nu,lu,cu,du,hu,mu,pu,uu,vu,bu,fu,gu,yu,$u,xu,wu;let ku=class extends(k(a)){constructor(){super(),Zp.add(this),Gp.set(this,null),Xp.set(this,void 0),Yp.set(this,()=>Be(this,Zp,"m",gu).call(this)),Jp.set(this,()=>Be(this,Zp,"m",bu).call(this)),Qp.set(this,new u(this,{target:null,config:{attributeFilter:["disabled","readonly","required"]},callback:()=>this.notifyControlStateChange()})),eu.set(this,new _(this,{target:null,callback:()=>Be(this,Zp,"m",pu).call(this)})),tu.set(this,new O(this,{target:null,callback:e=>{e=e&&!(Be(this,Gp,"f")?.disabled??1),v(this,"-no-animate",!1),qe(this,ru,e,"f"),e?v(this,"-float-label",!0):(this._invalid=!(Be(this,Gp,"f")?.checkValidity?.()??1),this.notifyControlStateChange())}})),au.set(this,new u(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>Be(this,Zp,"m",xu).call(this)})),ou.set(this,new u(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>Be(this,Zp,"m",wu).call(this)})),iu.set(this,new D(this,{target:null,callback:e=>v(this,"-pressed",e&&!(Be(this,Gp,"f")?.disabled??1))})),ru.set(this,!1),this._pseudoLabel="",this._required=!1,this._invalid=!1,this._validationMessage="",su.set(this,""),nu.set(this,""),this.variant="outlined",this.hideRequiredMarker=!1,this.hideSubscript="auto",this.floatLabel="auto",new G(this,{callback:()=>v(this,"-no-animate",!1)})}get menuAnchor(){return this._base}get control(){return Be(this,Gp,"f")}notifyControlStateChange(e=!1){this._required=!0===Be(this,Gp,"f")?.required,v(this,"-required",this._required),v(this,"-disabled",!0===Be(this,Gp,"f")?.disabled),v(this,"-readonly",ie(Be(this,Gp,"f"))&&!0===Be(this,Gp,"f").readOnly),"auto"===this.floatLabel&&v(this,"-float-label",Be(this,Zp,"a",lu)||Be(this,ru,"f")),e&&(this._invalid=!(Be(this,Gp,"f")?.checkValidity?.()??1)),v(this,"-invalid",this._invalid),this._validationMessage=Be(this,Gp,"f")?.validationMessage??"",this.isUpdatePending||this.performUpdate()}connectedCallback(){super.connectedCallback(),v(this,"-no-animate",!0)}disconnectedCallback(){super.disconnectedCallback(),Be(this,Zp,"m",yu).call(this,null)}firstUpdated(e){super.firstUpdated(e),Be(this,tu,"f").observe(this._base),Be(this,iu,"f").observe(this._base),Be(this,au,"f").observe(this._hint),Be(this,Zp,"m",xu).call(this),Be(this,ou,"f").observe(this._error),Be(this,Zp,"m",wu).call(this)}update(e){super.update(e),e.has("_invalid")&&Be(this,Gp,"f")&&(Be(this,Gp,"f").ariaInvalid=this._invalid?"true":null,Be(this,nu,"f")&&(this._invalid?_e.describe(Be(this,Gp,"f"),Be(this,nu,"f")):_e.removeDescription(Be(this,Gp,"f"),Be(this,nu,"f"))))}render(){return o`<div class="base" @click="${Be(this,Zp,"m",vu)}">${"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="${Be(this,Zp,"m",hu)}"></slot></div><div class="content"><span class="prefix-text"><slot name="prefix-text"></slot></span><span class="input"><slot @slotchange="${Be(this,Zp,"m",uu)}" @change="${Be(this,Zp,"m",fu)}"></slot></span><span class="suffix-text"><slot name="suffix-text"></slot></span><span class="label"><slot name="label" @slotchange="${Be(this,Zp,"m",du)}"></slot>${!this.hideRequiredMarker&&this._required?o`<span class="required-marker" aria-hidden="true">&nbsp;*</span>`:i}</span></div><div class="suffix" @click="${Be(this,Zp,"m",cu)}" @focusin="${Be(this,Zp,"m",cu)}" @focusout="${Be(this,Zp,"m",cu)}" @pointerdown="${Be(this,Zp,"m",cu)}" @keydown="${Be(this,Zp,"m",cu)}" @keyup="${Be(this,Zp,"m",cu)}"><slot name="suffix" @slotchange="${Be(this,Zp,"m",mu)}"></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>`}};Gp=new WeakMap,Xp=new WeakMap,Yp=new WeakMap,Jp=new WeakMap,Qp=new WeakMap,eu=new WeakMap,tu=new WeakMap,au=new WeakMap,ou=new WeakMap,iu=new WeakMap,ru=new WeakMap,su=new WeakMap,nu=new WeakMap,Zp=new WeakSet,lu=function(){return void 0!==Be(this,Gp,"f")?.shouldLabelFloat?!0===Be(this,Gp,"f").shouldLabelFloat:"string"==typeof Be(this,Gp,"f")?.value&&Be(this,Gp,"f").value.length>0},cu=function(e){e.stopImmediatePropagation(),e.stopPropagation()},du=function(e){const t=e.target.assignedElements({flatten:!0});v(this,"-with-label",t.length>0),this._pseudoLabel=t[0]?.textContent??""},hu=function(e){v(this,"-with-prefix",p(e.target)),Be(this,eu,"f").observe(this._prefix)},mu=function(e){v(this,"-with-suffix",p(e.target))},pu=function(){"outlined"===this.variant&&this._base.style.setProperty("--_prefix-width",`${this._prefix.clientWidth}px`)},uu=function(e){Be(this,Zp,"m",yu).call(this,Kp(e.target))},vu=function(e){!Be(this,Gp,"f")||Be(this,ru,"f")||Be(this,Gp,"f").disabled||(Be(this,Gp,"f").onContainerClick?Be(this,Gp,"f").onContainerClick(e):Be(this,Gp,"f").focus())},bu=function(){this._invalid=!0,this.notifyControlStateChange()},fu=function(){this._invalid=!(Be(this,Gp,"f")?.checkValidity?.()??1),this.notifyControlStateChange()},gu=function(){this._invalid=!1,setTimeout(()=>this.notifyControlStateChange())},yu=function(e){if(Be(this,Gp,"f")!==e&&(Be(this,Gp,"f")&&(Be(this,su,"f")&&_e.removeDescription(Be(this,Gp,"f"),Be(this,su,"f")),Be(this,nu,"f")&&_e.removeDescription(Be(this,Gp,"f"),Be(this,nu,"f")),Be(this,Qp,"f").unobserve(Be(this,Gp,"f")),Be(this,Gp,"f").removeEventListener("invalid",Be(this,Jp,"f")),Be(this,Gp,"f").form?.removeEventListener("reset",Be(this,Yp,"f")),Be(this,Xp,"f")?.call(this),qe(this,Xp,void 0,"f")),qe(this,Gp,e,"f"),["INPUT","TEXTAREA"].includes(Be(this,Gp,"f")?.tagName??"")?this._base.style.setProperty("--_form-field-cursor","text"):this._base.style.removeProperty("--_form-field-cursor"),v(this,"-with-select","M3E-SELECT"===Be(this,Gp,"f")?.tagName),z(this,"-with-select")&&this._base.style.setProperty("--_form-field-cursor","pointer"),Be(this,Gp,"f"))){Be(this,Qp,"f").observe(Be(this,Gp,"f")),Be(this,Gp,"f").addEventListener("invalid",Be(this,Jp,"f")),Be(this,Gp,"f").form?.addEventListener("reset",Be(this,Yp,"f")),Be(this,Gp,"f").removeAttribute("aria-invalid"),Be(this,su,"f")&&_e.describe(Be(this,Gp,"f"),Be(this,su,"f")),this.notifyControlStateChange();const e=Be(this,Gp,"f").tagName.toLowerCase();e.startsWith("m3e-")&&!customElements.get(e)?customElements.whenDefined(e).then(()=>Be(this,Zp,"m",$u).call(this)):Be(this,Zp,"m",$u).call(this)}},$u=function(){Be(this,Gp,"f")&&qe(this,Xp,re(Be(this,Gp,"f"),"value",{set:(e,t)=>{t(e),this.notifyControlStateChange(!0)}}),"f")},xu=function(){const e=ee(this._hint,!0);e!==Be(this,su,"f")&&(Be(this,Gp,"f")&&Be(this,su,"f")&&_e.removeDescription(Be(this,Gp,"f"),Be(this,su,"f")),qe(this,su,e,"f"),Be(this,Gp,"f")&&Be(this,su,"f")&&_e.describe(Be(this,Gp,"f"),Be(this,su,"f")))},wu=function(){const e=ee(this._error,!0);e!==Be(this,nu,"f")&&(Be(this,Gp,"f")&&Be(this,nu,"f")&&_e.removeDescription(Be(this,Gp,"f"),Be(this,nu,"f")),qe(this,nu,e,"f"),Be(this,Gp,"f")&&Be(this,nu,"f")&&this._invalid&&_e.describe(Be(this,Gp,"f"),Be(this,nu,"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]}})(),ku.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; } }`,De([pt(".base")],ku.prototype,"_base",void 0),De([pt(".prefix")],ku.prototype,"_prefix",void 0),De([pt(".error")],ku.prototype,"_error",void 0),De([pt(".hint")],ku.prototype,"_hint",void 0),De([ht()],ku.prototype,"_pseudoLabel",void 0),De([ht()],ku.prototype,"_required",void 0),De([ht()],ku.prototype,"_invalid",void 0),De([ht()],ku.prototype,"_validationMessage",void 0),De([dt({reflect:!0})],ku.prototype,"variant",void 0),De([dt({attribute:"hide-required-marker",type:Boolean,reflect:!0})],ku.prototype,"hideRequiredMarker",void 0),De([dt({attribute:"hide-subscript",reflect:!0})],ku.prototype,"hideSubscript",void 0),De([dt({attribute:"float-label",reflect:!0})],ku.prototype,"floatLabel",void 0),ku=De([m("m3e-form-field")],ku);let Cu=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>`}};Cu.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}; }`,De([dt({type:Boolean,reflect:!0})],Cu.prototype,"emphasized",void 0),De([dt({reflect:!0})],Cu.prototype,"variant",void 0),De([dt({reflect:!0})],Cu.prototype,"size",void 0),De([dt({type:Number})],Cu.prototype,"level",void 0),Cu=De([m("m3e-heading")],Cu);let Su=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>`}};Su.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"; }`,De([pt(".icon")],Su.prototype,"_icon",void 0),De([dt()],Su.prototype,"name",void 0),De([dt({reflect:!0})],Su.prototype,"variant",void 0),De([dt({type:Boolean,reflect:!0})],Su.prototype,"filled",void 0),De([dt()],Su.prototype,"grade",void 0),De([dt({type:Number})],Su.prototype,"weight",void 0),De([dt({attribute:"optical-size",type:Number})],Su.prototype,"opticalSize",void 0),Su=De([m("m3e-icon")],Su);const _u={"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 Lu(a){return t`:host([size="${e(a)}"]) .base { height: ${_u[a].containerHeight}; } :host([size="${e(a)}"][width="default"]) .wrapper { padding-inline-start: ${_u[a].defaultLeadingSpace}; padding-inline-end: ${_u[a].defaultTrailingSpace}; } :host([size="${e(a)}"][width="narrow"]) .wrapper { padding-inline-start: ${_u[a].narrowLeadingSpace}; padding-inline-end: ${_u[a].narrowTrailingSpace}; } :host([size="${e(a)}"][width="wide"]) .wrapper { padding-inline-start: ${_u[a].wideLeadingSpace}; padding-inline-end: ${_u[a].wideTrailingSpace}; } :host([size="${e(a)}"]) .icon { font-size: ${_u[a].iconSize}; } :host([size="${e(a)}"]) .base { outline-offset: calc(0px - ${_u[a].outlineThickness}); outline-width: ${_u[a].outlineThickness}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${_u[a].shapeRound}); } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"]) .base { border-radius: ${_u[a].shapeSquare}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="rounded"][toggle][selected]:not(:state(-pressed))) .base { border-radius: ${_u[a].selectedShapeRound}; } :host(:not(:state(-connected))[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${_u[a].selectedShapeSquare}); } :host(:not(:state(-connected))[size="${e(a)}"]:state(-pressed)) .base { border-radius: ${_u[a].shapePressedMorph}; } :host(:state(-connected)[size="${e(a)}"][shape="rounded"]) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${_u[a].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${_u[a].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${_u[a].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${_u[a].shapeRound}) ); } :host(:state(-connected)[size="${e(a)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${_u[a].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${_u[a].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${_u[a].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${_u[a].shapeSquare}); } :host(:state(-connected)[size="${e(a)}"][shape="square"][toggle][selected]:not(:state(-pressed))) .base { border-radius: var(--_button-shape, ${_u[a].selectedShapeSquare}); } :host(:state(-connected)[size="${e(a)}"]:state(-pressed)) .base { border-start-start-radius: var( --_button-start-shape-pressed-morph, ${_u[a].shapePressedMorph} ); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${_u[a].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${_u[a].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${_u[a].shapePressedMorph}); }`}const zu=[Lu("extra-small"),Lu("small"),Lu("medium"),Lu("large"),Lu("extra-large")],Eu=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; } }`,Mu={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 Tu(a){return t`:host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Mu[a].containerColor??e("unset")}; --m3e-state-layer-hover-color: ${Mu[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Mu[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Mu[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Mu[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${Mu[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Mu[a].pressed.stateLayerOpacity}; --m3e-elevation-level: ${Mu[a].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${Mu[a].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${Mu[a].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${Mu[a].pressed.containerElevation??e("unset")}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${Mu[a].unselectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${Mu[a].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${Mu[a].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${Mu[a].pressed.unselectedStateLayerColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Mu[a].selectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${Mu[a].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${Mu[a].focus.selectedStateLayerColor}; --m3e-ripple-color: ${Mu[a].pressed.selectedStateLayerColor}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Mu[a].outlineColor??e("unset")}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Mu[a].focus.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Mu[a].hover.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .base { outline-color: ${Mu[a].pressed.outlineColor??e("unset")}; } :host([variant="${e(a)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].selectedIconColor}; } :host([variant="${e(a)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].focus.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].focus.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].focus.selectedIconColor}; } :host([variant="${e(a)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].hover.iconColor}; } :host([variant="${e(a)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].hover.unselectedIconColor}; } :host([variant="${e(a)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].hover.selectedIconColor}; } :host([variant="${e(a)}"]:state(-pressed):not(:disabled):not([disabled-interactive])) .icon { color: ${Mu[a].pressed.iconColor}; } :host( [variant="${e(a)}"][toggle]:not([selected]):state(-pressed):not(:disabled):not( [disabled-interactive] ) ) .icon { color: ${Mu[a].pressed.unselectedIconColor}; } :host( [variant="${e(a)}"][toggle][selected]:state(-pressed):not(:disabled):not([disabled-interactive]) ) .icon { color: ${Mu[a].pressed.selectedIconColor}; } :host([variant="${e(a)}"]:disabled) .base, :host([variant="${e(a)}"][disabled-interactive]) .base { outline-color: ${Mu[a].disabled.outlineColor??e("unset")}; background-color: color-mix( in srgb, ${Mu[a].disabled.containerColor} ${Mu[a].disabled.containerOpacity}, transparent ); } :host([variant="${e(a)}"]:disabled) .icon, :host([variant="${e(a)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${Mu[a].disabled.iconColor} ${Mu[a].disabled.iconOpacity}, transparent ); }`}const Pu=[Tu("standard"),Tu("outlined"),Tu("filled"),Tu("tonal"),Tu("elevated"),t`:host([variant="outlined"]:not([toggle][selected]):not(:disabled):not([disabled-interactive])) .base { outline-style: solid; }`];var Iu,Au,Wu,Hu,Ou,Du;let Bu=class extends(T(P(I(A(W(H(k(d(a,"button"),!0)))))))){constructor(){super(),Iu.add(this),Au.set(this,e=>Be(this,Iu,"m",Ou).call(this,e)),this.variant="standard",this.shape="rounded",this.size="small",this.width="default",this.toggle=!1,this.selected=!1,new _(this,{callback:()=>{this.grouped&&this._handleResize()}}),new O(this,{callback:e=>{this.disabledInteractive||e||this.grouped||this._base?.style.removeProperty("--_button-shape")}}),new D(this,{isPressedKey:e=>" "===e,minPressedDuration:150,callback:e=>{this.disabled||this.disabledInteractive||(e?(Be(this,Iu,"m",Wu).call(this),f()?Be(this,Iu,"m",Hu).call(this,!0):requestAnimationFrame(()=>Be(this,Iu,"m",Hu).call(this,!0))):Be(this,Iu,"m",Hu).call(this,!1))}})}get grouped(){return z(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[B]()}<div class="wrapper">${this.toggle?o`<slot class="icon" name="selected" aria-hidden="true" @slotchange="${Be(this,Iu,"m",Du)}"></slot>`:i}<slot class="icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,Au,"f"))}disconnectedCallback(){super.disconnectedCallback(),["-pressed","-resting","-grouped","-connected"].forEach(e=>b(this,e)),this._base?.style.removeProperty("--_button-shape"),this.style.removeProperty("--_button-width"),this.style.removeProperty("--_adjacent-button-width"),b(this,"-adjacent-pressed"),this.removeEventListener("click",Be(this,Au,"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)&&(b(this,"-pressed"),b(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&&!z(this,"-pressed")&&(this.style.setProperty("--_button-width",`${this.clientWidth}px`),Be(this,Iu,"m",Wu).call(this,!0))}};var qu,Ru,Fu,Vu,Uu,Nu;Au=new WeakMap,Iu=new WeakSet,Wu=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`)}},Hu=function(e){v(this,"-pressed",e),v(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`),v(r,"-adjacent-pressed",e)):(r.style.removeProperty("--_adjacent-button-width"),b(r,"-adjacent-pressed"))}}},Ou=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)},Du=function(e){this._base?.classList.toggle("with-selected-icon",p(e.target))},Bu.styles=[zu,Pu,Eu],De([pt(".base")],Bu.prototype,"_base",void 0),De([pt(".elevation")],Bu.prototype,"_elevation",void 0),De([pt(".focus-ring")],Bu.prototype,"_focusRing",void 0),De([pt(".state-layer")],Bu.prototype,"_stateLayer",void 0),De([pt(".ripple")],Bu.prototype,"_ripple",void 0),De([dt({reflect:!0})],Bu.prototype,"variant",void 0),De([dt({reflect:!0})],Bu.prototype,"shape",void 0),De([dt({reflect:!0})],Bu.prototype,"size",void 0),De([dt({reflect:!0})],Bu.prototype,"width",void 0),De([dt({type:Boolean,reflect:!0})],Bu.prototype,"toggle",void 0),De([dt({type:Boolean,reflect:!0})],Bu.prototype,"selected",void 0),De([h(40)],Bu.prototype,"_handleResize",null),Bu=De([m("m3e-icon-button")],Bu);let ju=class extends(k(d(a,"listitem"))){constructor(){super(...arguments),qu.add(this),Ru.set(this,new _(this,{target:null,callback:()=>Be(this,qu,"m",Uu).call(this)})),Fu.set(this,void 0),Vu.set(this,void 0)}get leadingContentType(){return Be(this,Fu,"f")}get trailingContentType(){return Be(this,Vu,"f")}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector(".content");t&&Be(this,Ru,"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=Be(this,Fu,"f");qe(this,Fu,Be(this,qu,"m",Nu).call(this,e.target),"f"),v(this,"-has-leading",void 0!==Be(this,Fu,"f")),t!==Be(this,Fu,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyLeadingContentTypeChange(t,Be(this,Fu,"f"))}_handleTrailingSlotChange(e){const t=Be(this,Vu,"f");qe(this,Vu,Be(this,qu,"m",Nu).call(this,e.target),"f"),v(this,"-has-trailing",void 0!==Be(this,Vu,"f")),t!==Be(this,Vu,"f")&&this.closest("m3e-list,m3e-action-list,m3e-selection-list")?.notifyTrailingContentTypeChange(t,Be(this,Vu,"f"))}};var Ku,Zu,Gu,Xu,Yu;Ru=new WeakMap,Fu=new WeakMap,Vu=new WeakMap,qu=new WeakSet,Uu=function(){const e=this.shadowRoot?.querySelector(".content")??null,t=null===e?0:se(e);v(this,"-one-line",t<=1),v(this,"-two-line",2==t),v(this,"-three-line",t>2)},Nu=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},ju.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; } }`,ju=De([m("m3e-list-item")],ju);let Ju=class extends(k(d(a,"list"))){constructor(){super(...arguments),Ku.add(this),Zu.set(this,new Array),Gu.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),Xu.set(this,{video:0,image:0,avatar:0,icon:0,text:0}),this.variant="standard"}get items(){return Be(this,Zu,"f")}get leadingContentType(){return Be(this,Gu,"f").video>0?"video":Be(this,Gu,"f").image>0?"image":Be(this,Gu,"f").avatar>0?"avatar":Be(this,Gu,"f").icon>0?"icon":Be(this,Gu,"f").text>0?"text":void 0}get trailingContentType(){return Be(this,Xu,"f").video>0?"video":Be(this,Xu,"f").image>0?"image":Be(this,Xu,"f").avatar>0?"avatar":Be(this,Xu,"f").icon>0?"icon":Be(this,Xu,"f").text>0?"text":void 0}render(){return o`<slot @slotchange="${Be(this,Ku,"m",Yu)}"></slot>`}notifyItemsChange(){}notifyLeadingContentTypeChange(e,t){e&&Be(this,Gu,"f")[e]--,t&&Be(this,Gu,"f")[t]++,["video","image","avatar","icon"].forEach(e=>{v(this,`-has-leading-${e}`,this.leadingContentType===e)})}notifyTrailingContentTypeChange(e,t){e&&Be(this,Xu,"f")[e]--,t&&Be(this,Xu,"f")[t]--,["video","image","avatar","icon"].forEach(e=>{v(this,`-has-trailing-${e}`,this.trailingContentType===e)})}};var Qu,ev,tv,av,ov,iv,rv,sv,nv;Zu=new WeakMap,Gu=new WeakMap,Xu=new WeakMap,Ku=new WeakSet,Yu=function(e){qe(this,Zu,e.target.assignedElements({flatten:!0}).filter(e=>e instanceof ju),"f"),Be(this,Zu,"f").forEach((e,t)=>{v(e,"-first",0===t),v(e,"-last",t===Be(this,Zu,"f").length-1)}),this.notifyItemsChange()},Ju.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); }`,De([dt({reflect:!0})],Ju.prototype,"variant",void 0),Ju=De([m("m3e-list")],Ju);let lv=nv=class extends ju{constructor(){super(...arguments),Qu.add(this),ev.set(this,nv.__nextId++),tv.set(this,`m3e-expandable-list-item-${Be(this,ev,"f")}-content`),av.set(this,`m3e-expandable-list-item-${Be(this,ev,"f")}-header`),ov.set(this,new Array),this.disabled=!1,this.open=!1}get items(){return Be(this,ov,"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 ju){v(e,"-has-next-open",this.open);break}for(let e=this.nextElementSibling;e;e=e.nextElementSibling)if(e instanceof ju){v(e,"-has-previous-open",this.open);break}}}render(){return o`<div class="base"><m3e-list-item-button id="${Be(this,av,"f")}" class="header" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${Be(this,tv,"f")}" @click="${Be(this,Qu,"m",iv)}"><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="${Be(this,tv,"f")}" class="items" role="list" aria-labelledby="${Be(this,av,"f")}" ?open="${this.open}" @opening="${Be(this,Qu,"m",rv)}" @opened="${Be(this,Qu,"m",rv)}" @closing="${Be(this,Qu,"m",rv)}" @closed="${Be(this,Qu,"m",rv)}"><slot name="items" @slotchange="${Be(this,Qu,"m",sv)}"></slot></m3e-collapsible></div>`}};var cv,dv;ev=new WeakMap,tv=new WeakMap,av=new WeakMap,ov=new WeakMap,Qu=new WeakSet,iv=function(e){e.defaultPrevented||(this.open=!this.open,this.closest("m3e-action-list")?.[we].updateActiveItem(this.button))},rv=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}))},sv=function(e){qe(this,ov,e.target.assignedElements({flatten:!0}).flatMap(e=>[...e.childNodes].filter(e=>e instanceof ju)),"f"),Be(this,ov,"f").forEach((e,t)=>{t==Be(this,ov,"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()},lv.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; } }`,lv.__nextId=0,De([dt({type:Boolean,reflect:!0})],lv.prototype,"disabled",void 0),De([dt({type:Boolean,reflect:!0})],lv.prototype,"open",void 0),De([pt(".header")],lv.prototype,"button",void 0),lv=nv=De([m("m3e-expandable-list-item")],lv);let hv=class extends Ju{constructor(){super(...arguments),cv.set(this,e=>this[we].onKeyDown(e)),this[dv]=(new Se).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 lv&&(e=t);break}}return!1})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",Be(this,cv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",Be(this,cv,"f"))}async notifyItemsChange(){const e=[...this.querySelectorAll("m3e-list-action,m3e-expandable-list-item")];for(const t of e)t.isUpdatePending&&await t.updateComplete;this.isUpdatePending&&await this.updateComplete;const{added:t}=this[we].setItems(e.map(e=>e.button));this[we].activeItem||this[we].updateActiveItem(t.find(e=>!e.disabled))}};var mv,pv;cv=new WeakMap,dv=we,hv=De([m("m3e-action-list")],hv);let uv=class extends(P(ju)){constructor(){super(...arguments),mv.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="${wr(this.href||void 0)}" target="${wr(this.target||void 0)}" download="${wr(this.download||void 0)}" rel="${wr(this.rel||void 0)}" @click="${Be(this,mv,"m",pv)}"><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>`}};mv=new WeakSet,pv=function(e){e.defaultPrevented||this.closest("m3e-action-list")?.[we].updateActiveItem(this.button)},uv.styles=t`:host { display: block; } .button { width: 100%; }`,De([pt(".button")],uv.prototype,"button",void 0),De([dt({type:Boolean,reflect:!0})],uv.prototype,"disabled",void 0),uv=De([m("m3e-list-action")],uv);let vv=class extends(T(P(A(H(k(d(ju,"button"),!0)))))){constructor(){super(),new O(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new D(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new G(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[B]()} ${super._renderBase()}</div>`}};var bv,fv,gv,yv,$v,xv;vv.styles=[ju.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); }`],De([pt(".focus-ring")],vv.prototype,"_focusRing",void 0),De([pt(".state-layer")],vv.prototype,"_stateLayer",void 0),De([pt(".ripple")],vv.prototype,"_ripple",void 0),vv=De([m("m3e-list-item-button")],vv);let wv=class extends(T(A(ae(H(k(d(ju,"option"),!0)))))){constructor(){super(),bv.add(this),fv.set(this,void 0),gv.set(this,""),yv.set(this,e=>Be(this,bv,"m",xv).call(this,e)),new O(this,{callback:(e,t)=>this.shadowRoot?.querySelector(".base")?.classList.toggle("focus-visible",t)}),new D(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("pressed",e)}),new G(this,{callback:e=>this.shadowRoot?.querySelector(".base")?.classList.toggle("hover",e)})}get value(){return Be(this,fv,"f")??Be(this,gv,"f")}set value(e){qe(this,fv,e,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,yv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,yv,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){if(super.update(e),e.has("selected")){this.closest("m3e-selection-list")?.[we].notifySelectionChange(this);for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}}render(){return 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="${Be(this,bv,"m",$v)}"></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 kv,Cv,Sv,_v,Lv;fv=new WeakMap,gv=new WeakMap,yv=new WeakMap,bv=new WeakSet,$v=function(e){qe(this,gv,ee(e.target),"f")},xv=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[we].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=e}},wv.styles=[ju.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; } }`],De([pt(".focus-ring")],wv.prototype,"_focusRing",void 0),De([pt(".state-layer")],wv.prototype,"_stateLayer",void 0),De([pt(".ripple")],wv.prototype,"_ripple",void 0),De([dt()],wv.prototype,"value",null),wv=De([m("m3e-list-option")],wv);let zv=class extends(R(V(U(Z(H(k(d(Ju,"listbox")))))))){constructor(){super(...arguments),kv.add(this),Cv.set(this,e=>this[we].onKeyDown(e)),Sv.set(this,e=>Be(this,kv,"m",_v).call(this,e)),this[Lv]=(new ke).withWrap().withHomeAndEnd().withVerticalOrientation(),this.multi=!1,this.hideSelectionIndicator=!1}get options(){return this[we]?.items??[]}get selected(){return this[we]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Cv=new WeakMap,Sv=new WeakMap,kv=new WeakSet,Lv=we,X)](){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",Be(this,Cv,"f")),this.addEventListener("change",Be(this,Sv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",Be(this,Cv,"f")),this.removeEventListener("change",Be(this,Sv,"f"))}update(e){super.update(e),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[we].disabled=this.disabled),e.has("multi")&&(this[we].multi=this.multi,this.multi?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"),this[we].items.forEach(e=>e.requestUpdate())),e.has("hideSelectionIndicator")&&this[we].items.forEach(e=>v(e,"-hide-selection",this.hideSelectionIndicator))}notifyItemsChange(){const{added:e}=this[we].setItems(this.items.filter(e=>e instanceof wv));e.forEach(e=>v(e,"-hide-selection",this.hideSelectionIndicator)),this[we].activeItem||this[we].updateActiveItem(e.find(e=>!e.disabled))}};_v=function(e){e.target!==this&&(e.stopImmediatePropagation(),e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0})))},De([dt({type:Boolean})],zv.prototype,"multi",void 0),De([dt({attribute:"hide-selection-indicator",type:Boolean})],zv.prototype,"hideSelectionIndicator",void 0),zv=De([m("m3e-selection-list")],zv);const Ev=e("var(--m3e-loading-indicator-size, 2.375rem)"),Mv=e(`var(--m3e-loading-indicator-active-indicator-color, ${l.color.primary})`),Tv=e(`var(--m3e-loading-indicator-contained-active-indicator-color, ${l.color.onPrimaryContainer})`),Pv=e(`var(--m3e-loading-indicator-contained-container-color, ${l.color.secondaryContainer})`),Iv=e(`var(--m3e-loading-indicator-container-shape, ${l.shape.corner.full})`),Av=e("var(--m3e-loading-indicator-container-size, 3rem)"),Wv={"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 Hv=new Array;const Ov=new Map;for(const e in Wv)Hv.push(Wv[e]),Ov.set(e,Hv.length-1);const Dv={};Hv=ne(Hv,300);for(const t of Ov)Dv[t[0]]=e(Hv[t[1]]);const Bv=Dv;let qv=class extends(d(a,"progressbar")){constructor(){super(...arguments),this.variant="uncontained"}connectedCallback(){super.connectedCallback(),this.ariaValueMin=this.ariaValueMin||"0",this.ariaValueMax=this.ariaValueMax||"100",this._activeIndicator?.classList.toggle("animate",!0)}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>`}};qv.styles=t`:host { display: inline-block; aspect-ratio: 1 / 1; contain: strict; vertical-align: middle; content-visibility: auto; } :host([variant="uncontained"]) { width: ${Ev}; } :host([variant="contained"]) { width: ${Av}; } :host([variant="uncontained"]) .active-indicator { background-color: ${Mv}; } :host([variant="contained"]) .active-indicator { background-color: ${Tv}; } :host([variant="contained"]) .container { background-color: ${Pv}; } .container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: ${Iv}; } .active-indicator { margin: auto; aspect-ratio: 1 / 1; width: calc(${Ev} * 0.842); transform-origin: center; transition: clip-path ${l.motion.spring.slowEffects}; will-change: transform, clip-path; --_polygon-soft-burst: polygon(${Bv["soft-burst"]}); --_polygon-7-sided-cookie: polygon(${Bv["7-sided-cookie"]}); --_polygon-pentagon: polygon(${Bv.pentagon}); --_polygon-pill: polygon(${Bv.pill}); --_polygon-very-sunny: polygon(${Bv["very-sunny"]}); --_polygon-4-sided-cookie: polygon(${Bv["4-sided-cookie"]}); --_polygon-oval: polygon(${Bv.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; } }`,De([pt(".active-indicator")],qv.prototype,"_activeIndicator",void 0),De([dt({reflect:!0})],qv.prototype,"variant",void 0),qv=De([m("m3e-loading-indicator")],qv);class Rv extends(T(A(k(H(a),!0)))){constructor(){super(),new O(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>${Q(this)?this[B]():i}<div class="wrapper">${this._renderContent()}</div></div>`}}Rv.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)) .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; } }`,De([pt(".focus-ring")],Rv.prototype,"_focusRing",void 0),De([pt(".state-layer")],Rv.prototype,"_stateLayer",void 0),De([pt(".ripple")],Rv.prototype,"_ripple",void 0);let Fv=class extends(c(x)){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&&$e(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&&xe(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 Vv,Uv,Nv,jv,Kv,Zv,Gv,Xv,Yv,Jv,Qv,eb;Fv=De([m("m3e-menu-trigger")],Fv);let tb=eb=class extends(P(d(Rv,"menuitem"))){constructor(){super(),Vv.add(this),Uv.set(this,e=>Be(this,Vv,"m",Yv).call(this,e)),Nv.set(this,e=>Be(this,Vv,"m",Jv).call(this,e)),jv.set(this,()=>Be(this,Vv,"m",Qv).call(this)),this._hasSubmenu=!1,Kv.set(this,void 0),new G(this,{startDelay:500,endDelay:500,callback:e=>{e&&!this.disabled&&Be(this,Kv,"f")&&Be(this,Kv,"f").menu?.show(this)}})}get submenu(){return Be(this,Kv,"f")?.menu??null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,Uv,"f")),this.addEventListener("keydown",Be(this,Nv,"f")),this.addEventListener("mouseenter",Be(this,jv,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,Uv,"f")),this.removeEventListener("keydown",Be(this,Nv,"f")),this.removeEventListener("mouseenter",Be(this,jv,"f"))}_renderContent(){return o`<slot name="icon" aria-hidden="true" @slotchange="${Be(this,Vv,"m",Gv)}"></slot><span class="content"><slot @slotchange="${Be(this,Vv,"m",Zv)}"></slot></span>${this._hasSubmenu?"ltr"===Ee.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="${Be(this,Vv,"m",Xv)}"></slot>`}`}};var ab,ob,ib,rb,sb,nb,lb,cb,db,hb,mb,pb,ub,vb,bb,fb;Uv=new WeakMap,Nv=new WeakMap,jv=new WeakMap,Kv=new WeakMap,Vv=new WeakSet,Zv=function(e){qe(this,Kv,e.target.assignedElements({flatten:!0}).find(e=>e instanceof Fv),"f"),this._hasSubmenu=void 0!==Be(this,Kv,"f")},Gv=function(e){v(this,"-with-icon",p(e.target))},Xv=function(e){v(this,"-with-trailing-icon",p(e.target))},Yv=function(e){e.defaultPrevented||this._hasSubmenu||this.menu?.hideAll(!0)},Jv=function(e){if(!e.defaultPrevented&&!this.disabled)switch(e.key){case"Right":case"ArrowRight":"ltr"===Ee.current&&(e.preventDefault(),this.submenu?.show(this));break;case"Left":case"ArrowLeft":"rtl"===Ee.current&&(e.preventDefault(),this.submenu?.show(this))}},Qv=function(){this.menu?.items.forEach(e=>{e instanceof eb&&e!==this&&e.submenu?.isOpen&&e.submenu.hide()})},De([ht()],tb.prototype,"_hasSubmenu",void 0),tb=eb=De([m("m3e-menu-item")],tb);let gb=fb=class extends(k(d(a,"menu"))){constructor(){super(...arguments),ab.add(this),ob.set(this,void 0),ib.set(this,void 0),rb.set(this,(new Se).withWrap().withHomeAndEnd().withVerticalOrientation()),sb.set(this,e=>Be(this,ab,"m",mb).call(this,e)),nb.set(this,()=>Be(this,ab,"m",pb).call(this)),lb.set(this,e=>Be(this,ab,"m",ub).call(this,e)),cb.set(this,new oe(this,{target:null,callback:e=>e instanceof fb?e.items.filter(e=>e instanceof tb).forEach(e=>e.submenu?.hide()):this.hideAll()})),db.set(this,e=>{"closed"===e.newState?(Be(this,ib,"f")?.call(this),qe(this,ib,void 0,"f")):setTimeout(()=>{Be(this,rb,"f").setActiveItem(Be(this,rb,"f").items.find(e=>!e.disabled))},40)}),this.positionX="after",this.positionY="below",this.variant="standard",this.submenu=!1}get items(){return Be(this,rb,"f").items}get isOpen(){return void 0!==Be(this,ob,"f")}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,$(this,"-no-animate"),this.setAttribute("popover","manual"),this.addEventListener("keydown",Be(this,sb,"f")),this.addEventListener("mouseenter",Be(this,nb,"f")),this.addEventListener("toggle",Be(this,db,"f")),document.addEventListener("click",Be(this,lb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",Be(this,sb,"f")),this.removeEventListener("mouseenter",Be(this,nb,"f")),this.removeEventListener("toggle",Be(this,db,"f")),document.removeEventListener("click",Be(this,lb,"f")),Be(this,ab,"m",bb).call(this)}async show(e){Be(this,ob,"f")&&Be(this,ob,"f")!==e&&this.hide();let t=this.positionX;"rtl"===Ee.current&&(t="before"===t?"after":"before"),qe(this,ib,await Me(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(Be(this,ob,"f")){const e=Be(this,ab,"m",vb).call(this,Be(this,ob,"f")).y;v(this,"-shift-down",!1),v(this,"-shift-up",!1),v(this,Math.round(t)===Math.round(e)?"-shift-down":"-shift-up",!0)}}else v(this,"-top",a.includes("top")),v(this,"-bottom",a.includes("bottom"));"rtl"===Ee.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(),qe(this,ob,e,"f"),Be(this,ob,"f").ariaExpanded="true",Be(this,cb,"f").observe(Be(this,ob,"f"))}hide(e=!1){for(const e of Be(this,rb,"f").items){const t=e.submenu;t&&t.isOpen&&t.hide()}Be(this,ab,"m",bb).call(this),this.hidePopover(),Be(this,ob,"f")&&(Be(this,ob,"f").ariaExpanded="false",e&&Be(this,ob,"f").focus(),Be(this,cb,"f").unobserve(Be(this,ob,"f")),qe(this,ob,void 0,"f"))}hideAll(e=!1){let t=this;for(;Be(t,ob,"f");){const e=Be(t,ob,"f").closest("m3e-menu");if(!e)break;t=e}t.hide(e)}async toggle(e){Be(this,ob,"f")?this.hide():await this.show(e)}render(){return o`<div class="base"><slot @slotchange="${Be(this,ab,"m",hb)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),requestAnimationFrame(()=>b(this,"-no-animate"))}_activate(){this!==fb.__activeMenu&&(fb.__activeMenu&&b(fb.__activeMenu,"-active"),fb.__activeMenu=this,$(fb.__activeMenu,"-active"))}};var yb,$b,xb,wb,kb,Cb,Sb,_b,Lb,zb,Eb,Mb;ob=new WeakMap,ib=new WeakMap,rb=new WeakMap,sb=new WeakMap,nb=new WeakMap,lb=new WeakMap,cb=new WeakMap,db=new WeakMap,ab=new WeakSet,hb=function(){const{added:e}=Be(this,rb,"f").setItems([...this.querySelectorAll("m3e-menu-item,m3e-menu-item-checkbox,m3e-menu-item-radio")].filter(e=>e.closest("m3e-menu")===this));Be(this,rb,"f").activeItem||Be(this,rb,"f").updateActiveItem(e.find(e=>!e.disabled)),Be(this,rb,"f").items.forEach((e,t)=>{v(e,"-first",0===t&&!e.previousElementSibling),v(e,"-last",t===Be(this,rb,"f").items.length-1)})},mb=function(e){switch(e.key){case"Right":case"ArrowRight":"rtl"===Ee.current?(e.preventDefault(),this.hide(!0)):Be(this,rb,"f").onKeyDown(e);break;case"Left":case"ArrowLeft":"ltr"===Ee.current?(e.preventDefault(),this.hide(!0)):Be(this,rb,"f").onKeyDown(e);break;case"Tab":this.hideAll();break;case"Escape":e.shiftKey||e.ctrlKey||this.hide(!0);break;default:Be(this,rb,"f").onKeyDown(e)}},pb=function(){this._activate()},ub=function(e){this.submenu||e.composedPath().some(e=>e instanceof fb||e===Be(this,ob,"f"))||this.hide()},vb=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}},bb=function(){this===fb.__activeMenu&&(b(fb.__activeMenu,"-active"),fb.__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]}})(),gb.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; } }`,De([dt({attribute:"position-x"})],gb.prototype,"positionX",void 0),De([dt({attribute:"position-y"})],gb.prototype,"positionY",void 0),De([dt({reflect:!0})],gb.prototype,"variant",void 0),De([dt({type:Boolean,reflect:!0})],gb.prototype,"submenu",void 0),gb=fb=De([m("m3e-menu")],gb);let Tb=class extends(le(d(Rv,"menuitemcheckbox"))){constructor(){super(...arguments),yb.add(this),$b.set(this,e=>Be(this,yb,"m",Lb).call(this,e)),xb.set(this,e=>Be(this,yb,"m",zb).call(this,e)),wb.set(this,()=>Be(this,yb,"m",Eb).call(this)),kb.set(this,()=>Be(this,yb,"m",Mb).call(this)),Cb.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,$b,"f")),this.addEventListener("keydown",Be(this,xb,"f")),this.addEventListener("keyup",Be(this,wb,"f")),this.addEventListener("mouseenter",Be(this,kb,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,$b,"f")),this.removeEventListener("keydown",Be(this,xb,"f")),this.removeEventListener("keyup",Be(this,wb,"f")),this.removeEventListener("mouseenter",Be(this,kb,"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="${Be(this,yb,"m",Sb)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${Be(this,yb,"m",_b)}"></slot>`}};$b=new WeakMap,xb=new WeakMap,wb=new WeakMap,kb=new WeakMap,Cb=new WeakMap,yb=new WeakSet,Sb=function(e){v(this,"-with-icon",p(e.target))},_b=function(e){v(this,"-with-trailing-icon",p(e.target))},Lb=function(e){e.defaultPrevented||(this.checked=!this.checked,this.performUpdate(),Be(this,Cb,"f")||(f()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},zb=function(e){qe(this,Cb," "===e.key,"f")},Eb=function(){qe(this,Cb,!1,"f")},Mb=function(){this.menu?.items.forEach(e=>{e instanceof tb&&e.submenu?.isOpen&&e.submenu.hide()})},Tb.styles=[Rv.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; } }`],Tb=De([m("m3e-menu-item-checkbox")],Tb);let Pb=class extends(d(a,"group")){render(){return o`<slot></slot>`}};var Ib,Ab,Wb,Hb,Ob,Db,Bb,qb,Rb,Fb,Vb,Ub;Pb.styles=t`:host { display: contents; }`,Pb=De([m("m3e-menu-item-group")],Pb);let Nb=class extends(le(d(Rv,"menuitemradio"))){constructor(){super(...arguments),Ib.add(this),Ab.set(this,e=>Be(this,Ib,"m",Rb).call(this,e)),Wb.set(this,e=>Be(this,Ib,"m",Fb).call(this,e)),Hb.set(this,()=>Be(this,Ib,"m",Vb).call(this)),Ob.set(this,()=>Be(this,Ib,"m",Ub).call(this)),Db.set(this,!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,Ab,"f")),this.addEventListener("keydown",Be(this,Wb,"f")),this.addEventListener("keyup",Be(this,Hb,"f")),this.addEventListener("mouseenter",Be(this,Ob,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,Ab,"f")),this.removeEventListener("keydown",Be(this,Wb,"f")),this.removeEventListener("keyup",Be(this,Hb,"f")),this.removeEventListener("mouseenter",Be(this,Ob,"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="${Be(this,Ib,"m",Bb)}"></slot></div><slot></slot><slot name="trailing-icon" aria-hidden="true" @slotchange="${Be(this,Ib,"m",qb)}"></slot>`}};var jb,Kb,Zb,Gb,Xb;Ab=new WeakMap,Wb=new WeakMap,Hb=new WeakMap,Ob=new WeakMap,Db=new WeakMap,Ib=new WeakSet,Bb=function(e){v(this,"-with-icon",p(e.target))},qb=function(e){v(this,"-with-trailing-icon",p(e.target))},Rb=function(e){e.defaultPrevented||(this.checked=!0,this.performUpdate(),Be(this,Db,"f")||(f()?this.menu?.hideAll(!0):setTimeout(()=>this.menu?.hideAll(!0),150)))},Fb=function(e){qe(this,Db," "===e.key,"f")},Vb=function(){qe(this,Db,!1,"f")},Ub=function(){this.menu?.items.forEach(e=>{e instanceof tb&&e.submenu?.isOpen&&e.submenu.hide()})},Nb.styles=Tb.styles,Nb=De([m("m3e-menu-item-radio")],Nb);let Yb=class extends(k(d(a,"navigation"))){constructor(){super(...arguments),jb.add(this),this[Xb]=(new ke).disableRovingTabIndex(),Kb.set(this,void 0),this.mode="compact"}get items(){return this[we].items}get selected(){return this[we].selectedItems[0]??null}get currentMode(){return this._mode??("compact"!==this.mode?"expanded":"compact")}set currentMode(e){this._mode=e}disconnectedCallback(){super.disconnectedCallback(),this._mode=void 0,Be(this,Kb,"f")?.call(this)}update(e){super.update(e),e.has("mode")&&(Be(this,Kb,"f")?.call(this),"auto"===this.mode?qe(this,Kb,Ie.observe([Ae.XSmall,Ae.Small],e=>{this._mode=e.get(Ae.XSmall)||e.get(Ae.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="${Be(this,jb,"m",Gb)}" @slotchange="${Be(this,jb,"m",Zb)}"></slot></div>`}_updateItems(){const e="compact"===this.currentMode?"vertical":"horizontal";this._updateOrientation(e),v(this,"-compact","vertical"===e)}_updateOrientation(e){this[we].items.forEach(t=>t.orientation=e)}};var Jb,Qb,ef;Kb=new WeakMap,jb=new WeakSet,Xb=we,Zb=function(){this[we].setItems([...this.querySelectorAll("m3e-nav-item")]),this._updateItems()},Gb=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Yb.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); }`,De([ht()],Yb.prototype,"_mode",void 0),De([dt({reflect:!0})],Yb.prototype,"mode",void 0),Yb=De([m("m3e-nav-bar")],Yb);let tf=class extends(P(ae(T(A(W(H(k(d(a,"button"),!0)))))))){constructor(){super(...arguments),Jb.add(this),Qb.set(this,e=>Be(this,Jb,"m",ef).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",Be(this,Qb,"f"),{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,Qb,"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?.[we].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[B]()}<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 af,of,rf,sf,nf,lf,cf,df,hf,mf,pf,uf;Qb=new WeakMap,Jb=new WeakSet,ef=function(e){e.defaultPrevented||(this.selected=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.navBar?.[we].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=!1)},tf.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; } }`,De([pt(".focus-ring")],tf.prototype,"_focusRing",void 0),De([pt(".state-layer")],tf.prototype,"_stateLayer",void 0),De([pt(".ripple")],tf.prototype,"_ripple",void 0),De([dt({reflect:!0})],tf.prototype,"orientation",void 0),tf=De([m("m3e-nav-item")],tf);let vf=uf=class extends(ae(H(w(k(d(a,"treeitem"),!0),"opening","opened","closing","closed")))){constructor(){super(...arguments),af.add(this),this._hasChildItems=!1,of.set(this,[]),rf.set(this,null),sf.set(this,new Array),nf.set(this,null),this.open=!1}get link(){return Be(this,nf,"f")}get label(){return this._base??null}get visible(){return!Be(this,sf,"f").some(e=>!e.open)}get path(){return[...Be(this,sf,"f"),this]}get hasChildItems(){return this._hasChildItems}get parentItem(){return Be(this,sf,"f")[Be(this,sf,"f").length-1]??null}get childItems(){return Be(this,of,"f")}get level(){return Be(this,sf,"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(),Be(this,sf,"f").length=0;for(let e=this.parentElement?.closest("m3e-nav-menu-item");e;e=e.parentElement?.closest("m3e-nav-menu-item"))Be(this,sf,"f").push(e);Be(this,sf,"f").reverse(),this.style.setProperty("--_nav-menu-item-level",`${this.level}`),qe(this,rf,this.closest("m3e-nav-menu"),"f")}disconnectedCallback(){super.disconnectedCallback(),Be(this,sf,"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);Be(this,sf,"f").forEach(e=>e.selected=this.selected),this.selected&&!this.hasChildItems&&this.closest("m3e-nav-menu")?.[we].notifySelectionChange(this)}(e.has("open")||e.has("_hasChildItems"))&&(this.ariaExpanded=this._hasChildItems?`${this.open}`:null),(e.has("_hasChildItems")&&this.disabled||e.has("disabled"))&&Be(this,of,"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="${Be(this,af,"m",mf)}"><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">${Be(this,af,"m",lf).call(this)}</div><div class="label"><slot name="label" @slotchange="${Be(this,af,"m",df)}"></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="${wr(this._hasChildItems?void 0:"true")}" ?open="${this._hasChildItems&&this.open}" @opening="${Be(this,af,"m",pf)}" @opened="${Be(this,af,"m",pf)}" @closing="${Be(this,af,"m",pf)}" @closed="${Be(this,af,"m",pf)}"><slot @slotchange="${Be(this,af,"m",hf)}"></slot></m3e-collapsible>`}};var bf,ff,gf,yf,$f,xf,wf,kf,Cf,Sf,_f,Lf,zf,Ef,Mf;of=new WeakMap,rf=new WeakMap,sf=new WeakMap,nf=new WeakMap,af=new WeakSet,lf=function(){const e=o`<slot name="icon" @slotchange="${Be(this,af,"m",cf)}"></slot>`;return this.selected&&!this.hasChildItems?o`<slot name="selected-icon" @slotchange="${Be(this,af,"m",cf)}">${e}</slot>`:e},cf=function(e){v(this,"-with-icon",p(e.target))},df=function(e){qe(this,nf,e.target.assignedElements({flatten:!0}).find(e=>e instanceof HTMLAnchorElement)??null,"f"),Be(this,nf,"f")?.setAttribute("tabindex","-1")},hf=function(e){qe(this,of,e.target.assignedElements({flatten:!0}).filter(e=>e instanceof uf),"f");const t=this._hasChildItems;this._hasChildItems=Be(this,of,"f").length>0,v(this,"-with-items",this._hasChildItems),(t||this._hasChildItems)&&(this.selected=Be(this,of,"f").some(e=>e.selected))},mf=function(){if(!this.disabled)if(Be(this,rf,"f")?.[we].setActiveItem(this),this._hasChildItems)this.toggle();else{Be(this,rf,"f")?.[we].select(this),Be(this,sf,"f").forEach(e=>e.selected=this.selected),Be(this,nf,"f")?.click();const e=this.closest("m3e-drawer-container");if(e){const t=this.closest("[slot='start']")??this.closest("[slot='end']");t&&(z(e,`-${t.slot}-push`)||z(e,`-${t.slot}-over`))&&setTimeout(()=>{e.removeAttribute(t.slot),e.dispatchEvent(new Event("change",{bubbles:!0}))},300)}}},pf=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]}})(),vf.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; } }`,De([pt(".state-layer")],vf.prototype,"stateLayer",void 0),De([pt(".focus-ring")],vf.prototype,"focusRing",void 0),De([pt(".ripple")],vf.prototype,"ripple",void 0),De([pt(".base")],vf.prototype,"_base",void 0),De([ht()],vf.prototype,"_hasChildItems",void 0),De([dt({type:Boolean,reflect:!0})],vf.prototype,"open",void 0),vf=uf=De([m("m3e-nav-menu-item")],vf);let Tf=Mf=class extends(d(a,"tree")){constructor(){super(),bf.add(this),ff.set(this,!1),gf.set(this,!1),this[Ef]=(new ke).withVerticalOrientation().withHomeAndEnd().withTypeahead().withSkipPredicate(e=>e.disabled||!e.visible).disableRovingTabIndex().onActiveItemChange(()=>{this[we].activeItem&&Be(this,bf,"m",_f).call(this,this[we].activeItem)}).onSelectedItemsChange(()=>{const e=this.selected;for(const t of this.items)t!==e&&Be(this,bf,"m",zf).call(this,t,!1,!1);e?.label&&g(e.label,this,{block:"start",behavior:"smooth"})}),yf.set(this,e=>Be(this,bf,"m",kf).call(this,e)),$f.set(this,e=>Be(this,bf,"m",Cf).call(this,e)),xf.set(this,e=>Be(this,bf,"m",Sf).call(this,e)),new D(this,{callback:e=>qe(this,gf,e,"f")}),new O(this,{callback:()=>{Be(this,gf,"f")||Be(this,bf,"m",Lf).call(this)}})}get selected(){return this[we].selectedItems[0]??null}get items(){return this[we].items}expand(e){(e??this[we].items).forEach(e=>e.expand())}collapse(e){(e??this[we].items).forEach(e=>e.collapse());const t=this[we].activeItem;if(t&&!t.visible)for(let e=t.parentItem;e;e=e.parentItem)if(e.visible){this[we].setActiveItem(e);break}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.addEventListener("keydown",Be(this,yf,"f")),this.addEventListener("keyup",Be(this,$f,"f")),this.addEventListener("pointerdown",Be(this,xf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",Be(this,yf,"f")),this.removeEventListener("keyup",Be(this,$f,"f")),this.removeEventListener("pointerdown",Be(this,xf,"f"))}render(){return o`<div class="base"><slot @slotchange="${Be(this,bf,"m",wf)}"></slot></div>`}};var Pf,If,Af,Wf,Hf;ff=new WeakMap,gf=new WeakMap,yf=new WeakMap,$f=new WeakMap,xf=new WeakMap,bf=new WeakSet,Ef=we,wf=function(){for(const e of this.querySelectorAll("m3e-divider"))e.ariaHidden="true";const{added:e}=this[we].setItems([...this.querySelectorAll("m3e-nav-menu-item")]);for(const t of e)t.id=t.id||"m3e-nav-menu-item-"+Mf.__nextId++;this[we].activeItem?(this.setAttribute("aria-activedescendant",this[we].activeItem.id),Be(this,bf,"m",Lf).call(this)):this.removeAttribute("aria-activedescendant")},kf=function(e){qe(this,ff,!1,"f"),Be(this,bf,"m",Lf).call(this);const t=this[we].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[we].select(t),t.link?.click());break;case"*":e.preventDefault(),t.expand(!0);break;case"Left":case"ArrowLeft":if(e.preventDefault(),"ltr"===Ee.current)if(t.hasChildItems&&t.open)requestAnimationFrame(()=>t.collapse());else{const e=t.parentItem;e&&requestAnimationFrame(()=>{e.collapse(),this[we].setActiveItem(e)})}else t.hasChildItems&&!t.open&&t.expand();break;case"Right":case"ArrowRight":if(e.preventDefault(),"rtl"===Ee.current)if(t.hasChildItems&&t.open)requestAnimationFrame(()=>t.collapse());else{const e=t.parentItem;e&&requestAnimationFrame(()=>{e.collapse(),this[we].setActiveItem(e)})}else t.hasChildItems&&!t.open&&t.expand();break;default:this[we].onKeyDown(e)}},Cf=function(e){const t=this[we].activeItem;e.defaultPrevented||!t||t.disabled||" "!==e.key||t.ripple?.hide()},Sf=function(e){if(!e.defaultPrevented&&!Be(this,ff,"f")){qe(this,ff,!0,"f");const t=e.composedPath().reverse().find(e=>e instanceof vf);t&&!t.disabled&&Be(this,bf,"m",zf).call(this,t,!0,!1)}},_f=function(e){this.setAttribute("aria-activedescendant",e.id),e.label&&g(e.label,this,{block:"nearest",behavior:"smooth"}),Be(this,bf,"m",Lf).call(this)},Lf=function(){const e=this.matches(":focus")||this.matches(":focus-within"),t=!Be(this,ff,"f")&&this.matches(":focus-visible");this[we].items.forEach(a=>{const o=a===this[we].activeItem;Be(this,bf,"m",zf).call(this,a,o&&e,o&&t)})},zf=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]}})(),Tf.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); }`,Tf.__nextId=0,Tf=Mf=De([m("m3e-nav-menu")],Tf);let Of=Hf=class extends(k(d(a,"group"))){constructor(){super(...arguments),Pf.add(this),If.set(this,"m3e-nav-menu-item-group-label-"+Hf.__nextId++),Af.set(this,void 0)}connectedCallback(){super.connectedCallback(),v(this,"-divided","M3E-DIVIDER"===this.previousElementSibling?.tagName)}disconnectedCallback(){super.disconnectedCallback(),b(this,"-divided")}render(){return o`<div class="label"><slot name="label" @slotchange="${Be(this,Pf,"m",Wf)}"></slot></div><slot></slot>`}};var Df,Bf,qf,Rf;If=new WeakMap,Af=new WeakMap,Pf=new WeakSet,Wf=function(e){const t=e.target.assignedElements({flatten:!0})[0];t!==Be(this,Af,"f")&&(Be(this,Af,"f")?.id===Be(this,If,"f")&&(Be(this,Af,"f").id=""),qe(this,Af,t,"f"),Be(this,Af,"f")?(Be(this,Af,"f").id=Be(this,Af,"f").id||Be(this,If,"f"),this.setAttribute("aria-labelledby",Be(this,Af,"f").id)):this.removeAttribute("aria-labelledby")),v(this,"-with-label",void 0!==Be(this,Af,"f"))},Of.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); }`,Of.__nextId=0,Of=Hf=De([m("m3e-nav-menu-item-group")],Of);let Ff=class extends We{constructor(){super(),Df.add(this),Bf.set(this,(new Se).withHomeAndEnd().withWrap()),qf.set(this,e=>Be(this,Df,"m",Rf).call(this,e)),this[we].onSelectedItemsChange(()=>{Be(this,Bf,"f").updateActiveItem(this[we].activeItem)})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",Be(this,qf,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",Be(this,qf,"f"))}_updateItems(){const e=ge.findInteractiveElements(this),{added:t}=Be(this,Bf,"f").setItems(e);if(!Be(this,Bf,"f").activeItem){const e=t.find(e=>!e.hasAttribute("disabled"));e&&Be(this,Bf,"f").updateActiveItem(e)}super._updateItems()}_updateOrientation(e){super._updateOrientation(e),this.querySelectorAll("m3e-fab").forEach(t=>t.toggleAttribute("extended","horizontal"===e))}};var Vf,Uf,Nf;Bf=new WeakMap,qf=new WeakMap,Df=new WeakSet,Rf=function(e){Be(this,Bf,"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]}})(),Ff.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}; }`,Ff=De([m("m3e-nav-rail")],Ff);let jf=class extends(c(x)){constructor(){super(...arguments),Vf.add(this),Uf.set(this,new u(this,{target:null,config:{attributeFilter:["class"]},callback:()=>Be(this,Vf,"m",Nf).call(this)}))}attach(e){e instanceof Ff&&Be(this,Uf,"f").observe(e),this.htmlFor&&this.parentElement&&$e(this.parentElement,"aria-controls",this.htmlFor),super.attach(e),Be(this,Vf,"m",Nf).call(this)}detach(){for(const e of Be(this,Uf,"f").targets)Be(this,Uf,"f").unobserve(e);this.parentElement&&(this.htmlFor&&xe(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),super.detach()}_onClick(){this.control instanceof Ff&&(this.control.currentMode="compact"===this.control.currentMode?"expanded":"compact")}};var Kf,Zf,Gf,Xf;Uf=new WeakMap,Vf=new WeakSet,Nf=async function(){if(!this.parentElement)return;const e=this.control instanceof Ff&&"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)},jf=De([m("m3e-nav-rail-toggle")],jf);let Yf=class extends(ae(H(k(d(a,"option"))))){constructor(){super(...arguments),Kf.add(this),Zf.set(this,void 0),Gf.set(this,""),this.term="",this.highlightMode="contains",this.disableHighlight=!1}get value(){return Be(this,Zf,"f")??Be(this,Gf,"f")}set value(e){qe(this,Zf,e,"f")}get label(){return Be(this,Gf,"f")}[(Zf=new WeakMap,Gf=new WeakMap,Kf=new WeakSet,Le)](){return this.label}get isEmpty(){return""===this.value}connectedCallback(){super.connectedCallback(),[this.focusRing,this.stateLayer,this._ripple].forEach(e=>e?.attach(this))}firstUpdated(e){super.firstUpdated(e),[this.focusRing,this.stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){if(super.update(e),e.has("selected")&&this.selected){const e=this.closest("[role='listbox']")??this.closest("m3e-autocomplete")??this.closest("m3e-select");e&&"true"!==e.ariaMultiSelectable&&!e.hasAttribute("multi")&&e.querySelectorAll("m3e-option").forEach(e=>{e!==this&&e.selected&&(e.selected=!1)})}}render(){return 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"><m3e-text-highlight term="${this.term}" mode="${this.highlightMode}" ?disabled="${this.disableHighlight}"><slot @slotchange="${Be(this,Kf,"m",Xf)}"></slot></m3e-text-highlight></m3e-text-overflow></div></div>`}};var Jf,Qf,eg,tg,ag;Xf=function(e){qe(this,Gf,ee(e.target),"f"),v(this,"-empty",this.isEmpty)},Yf.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; } }`,De([pt(".focus-ring")],Yf.prototype,"focusRing",void 0),De([pt(".state-layer")],Yf.prototype,"stateLayer",void 0),De([pt(".ripple")],Yf.prototype,"_ripple",void 0),De([dt()],Yf.prototype,"value",null),De([dt()],Yf.prototype,"term",void 0),De([dt({attribute:"highlight-mode"})],Yf.prototype,"highlightMode",void 0),De([dt({attribute:"disable-highlight",type:Boolean})],Yf.prototype,"disableHighlight",void 0),Yf=De([m("m3e-option")],Yf);let og=ag=class extends(d(a,"group")){constructor(){super(...arguments),Jf.add(this),Qf.set(this,"m3e-optgroup-label-"+ag.__nextId++),eg.set(this,void 0)}render(){return o`<m3e-text-overflow class="label"><slot name="label" @slotchange="${Be(this,Jf,"m",tg)}"></slot></m3e-text-overflow><slot></slot>`}};var ig,rg,sg,ng,lg;Qf=new WeakMap,eg=new WeakMap,Jf=new WeakSet,tg=function(e){const t=e.target.assignedElements({flatten:!0})[0]??void 0;t!==Be(this,eg,"f")&&(Be(this,eg,"f")?.id&&(xe(this,"aria-labelledby",Be(this,eg,"f").id),Be(this,eg,"f").id===Be(this,Qf,"f")&&(Be(this,eg,"f").id="")),qe(this,eg,t,"f"),Be(this,eg,"f")&&(Be(this,eg,"f").id=Be(this,eg,"f").id||Be(this,Qf,"f"),$e(this,"aria-labelledby",Be(this,eg,"f").id)))},og.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; }`,og.__nextId=0,og=ag=De([m("m3e-optgroup")],og);let cg=class extends(d(Te,"listbox")){constructor(){super(),ig.add(this),rg.set(this,new oe(this,{target:null,callback:()=>this.hide(!1)})),this.state="content",new u(this,{config:{childList:!0,subtree:!0},callback:()=>Be(this,ig,"m",lg).call(this)})}async show(e,t){await super.show(e,t),Be(this,rg,"f").observe(e)}hide(e){this.trigger&&Be(this,rg,"f").unobserve(this.trigger),super.hide(e)}connectedCallback(){super.connectedCallback(),Be(this,ig,"m",lg).call(this)}render(){return o`<div class="base"><slot></slot><div class="no-data" aria-hidden="true"><slot name="no-data" @slotchange="${Be(this,ig,"m",sg)}"></slot></div><div class="loading" aria-hidden="true"><slot name="loading" @slotchange="${Be(this,ig,"m",ng)}"></slot></div></div>`}};
 /**
  * Adapted from Angular Material Paginator
  * Source: https://github.com/angular/components/blob/main/src/material/paginator/paginator.ts
@@ -83,43 +83,43 @@ const Ap=["m3e-input-chip-set","m3e-select"];function Wp(e){return e instanceof
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-var ig,rg,sg,ng,lg,cg,dg,hg,mg;Zf=new WeakMap,Gf=new WeakMap,Xf=new WeakMap,Yf=new WeakMap,Jf=new WeakMap,Qf=new WeakMap,Kf=new WeakSet,eg=function(){const e=[...this.querySelectorAll("m3e-option")];e.forEach((t,a)=>{u(t,"-first",0===a&&!(t.parentElement instanceof jf)),u(t,"-last",a===e.length-1)})},tg=function(e){e.composedPath().some(e=>e instanceof ag||e===He(this,Zf,"f")||e===He(this,Gf,"f"))||this.hide()},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-option-panel > m3e-divider { margin-block: var(--m3e-option-panel-divider-spacing, 0.5rem); }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),og.styles=t`:host { position: absolute; flex-direction: column; padding: unset; margin: unset; border: unset; overflow-y: auto; scrollbar-width: ${l.scrollbar.thinWidth}; scrollbar-color: ${l.scrollbar.color}; scroll-padding-block: calc( var(--m3e-focus-ring-thickness, 3px) + var(--m3e-option-panel-container-padding-block, 0.25rem) ); border-radius: var(--m3e-option-panel-container-shape, ${l.shape.corner.large}); min-width: var(--m3e-option-panel-container-min-width, 7rem); max-width: var(--m3e-option-panel-container-max-width, 17.5rem); max-height: var(--m3e-option-panel-container-max-height, 17.5rem); background-color: var(--m3e-option-panel-container-color, ${l.color.surfaceContainer}); box-shadow: var(--m3e-option-panel-container-elevation, ${l.elevation.level3}); opacity: 0; display: none; } .base { display: flex; flex-direction: column; row-gap: var(--m3e-option-panel-gap, 0.125rem); min-width: inherit; max-width: inherit; padding-block: var(--m3e-option-panel-container-padding-block, 0.25rem); padding-inline: var(--m3e-option-panel-container-padding-inline, 0.25rem); --m3e-text-highlight-container-color: var( --m3e-option-panel-text-highlight-container-color, ${l.color.tertiaryContainer} ); --m3e-text-highlight-color: var( --m3e-option-panel-text-highlight-color, ${l.color.onTertiaryContainer} ); --m3e-focus-ring-outward-offset: 0px; --m3e-focus-ring-growth-factor: 1.5; } :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`)}; } :host { transform: scaleY(0.8); } :host(:popover-open) { transform: scaleY(1); display: block; opacity: 1; } :host::backdrop { background-color: transparent; } :host(:state(-bottom)) { transform-origin: top; } :host(:state(-top)) { transform-origin: bottom; } @starting-style { :host(: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; } }`,og=ag=We([m("m3e-option-panel")],og);let pg=mg=class extends(x(d(a,"group"),"page")){constructor(){super(...arguments),ig.add(this),rg.set(this,"m3e-paginator-page-size-label-"+mg.__nextId++),sg.set(this,(e,t,a)=>{if(a=Math.max(a,0),"all"===t)return"";if(0===a||t<=0)return`0 of ${a}`;const o=e*t;return`${o+1} - ${o<a?Math.min(o+t,a):o+t} of ${a}`}),this.disabled=!1,this.pageIndex=0,this.length=0,this.pageSize=50,this.pageSizes="5,10,25,50,100",this.hidePageSize=!1,this.showFirstLastButtons=!1,this.itemsPerPageLabel="Items per page:",this.previousPageLabel="Previous page",this.nextPageLabel="Next page",this.firstPageLabel="First page",this.lastPageLabel="Last page",this.pageSizeVariant="outlined"}get pageCount(){return this.pageSize&&"all"!==this.pageSize?Math.ceil(this.length/this.pageSize):0}get hasPreviousPage(){return"all"!==this.pageSize&&this.pageSize>0&&this.pageIndex>=1}get hasNextPage(){return"all"!==this.pageSize&&this.pageSize>0&&this.pageIndex<this.pageCount-1}firstPage(){if(this.hasPreviousPage){const e=this.pageIndex;this.pageIndex=0,He(this,ig,"m",hg).call(this,e)}}previousPage(){if(this.hasPreviousPage){const e=this.pageIndex;this.pageIndex--,He(this,ig,"m",hg).call(this,e)}}nextPage(){if(this.hasNextPage){const e=this.pageIndex;this.pageIndex++,He(this,ig,"m",hg).call(this,e)}}lastPage(){if(this.hasNextPage){const e=this.pageIndex;this.pageIndex=this.pageCount-1,He(this,ig,"m",hg).call(this,e)}}update(e){if(super.update(e),e.has("pageIndex")){const e=He(this,ig,"m",lg).call(this);e.includes(this.pageSize)||(this.pageSizes=[...e,this.pageSize].join(","),this.pageSizes=He(this,ig,"m",lg).call(this).join(","))}}render(){return o`<div class="outer"><div class="inner">${He(this,ig,"m",ng).call(this)} ${He(this,ig,"m",cg).call(this)}</div></div>`}};rg=new WeakMap,sg=new WeakMap,ig=new WeakSet,ng=function(){const e=He(this,ig,"m",lg).call(this);return this.hidePageSize?i:o`<div id="${He(this,rg,"f")}" class="items-per-page-label" aria-live="polite">${this.itemsPerPageLabel}</div><m3e-form-field class="form-field" variant="${this.pageSizeVariant}" hide-subscript="always"><m3e-select class="select" aria-labelledby="${He(this,rg,"f")}" hide-selection-indicator ?disabled="${this.disabled||e.length<=1}" @change="${He(this,ig,"m",dg)}">${e.map(e=>o`<m3e-option value="${e}" ?selected="${e===this.pageSize}">${"all"===e?"All":e}</m3e-option>`)}</m3e-select></m3e-form-field>`},lg=function(){const e=this.pageSizes.split(",").map(e=>e.trim()).filter(e=>""!==e).map(e=>"all"===e?e:Number(e)),t=e.filter(e=>"all"!==e);return t.sort((e,t)=>e-t),e.some(e=>"all"===e)?[...t,"all"]:t},cg=function(){const e=this.rangeLabelFormatter??He(this,sg,"f");return"all"===this.pageSize?i:o`<div class="range-actions"><div class="range-label">${e(this.pageIndex,this.pageSize,this.length)}</div>${this.showFirstLastButtons?o`<m3e-icon-button id="firstPageButton" aria-label="${this.firstPageLabel}" ?disabled="${this.disabled||!this.hasPreviousPage}" @click="${this.firstPage}"><slot name="first-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="firstPageButton" position="above">${this.firstPageLabel}</m3e-tooltip>`:i}<m3e-icon-button id="previousPageButton" aria-label="${this.previousPageLabel}" ?disabled="${this.disabled||!this.hasPreviousPage}" @click="${this.previousPage}"><slot name="previous-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="previousPageButton" position="above">${this.previousPageLabel}</m3e-tooltip><m3e-icon-button id="nextPageButton" aria-label="${this.nextPageLabel}" ?disabled="${this.disabled||!this.hasNextPage}" @click="${this.nextPage}"><slot name="next-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="nextPageButton" position="above">${this.nextPageLabel}</m3e-tooltip>${this.showFirstLastButtons?o`<m3e-icon-button id="lastPageButton" aria-label="${this.lastPageLabel}" ?disabled="${this.disabled||!this.hasNextPage}" @click="${this.lastPage}"><slot name="last-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="lastPageButton" position="above">${this.lastPageLabel}</m3e-tooltip>`:i}</div>`},dg=function(e){const t=e.target?.selected[0];if(!t)return;const a="all"===t.value?"all":Number(t.value);if(a!==this.pageSize){const e=this.pageIndex;this.pageIndex=0,this.pageSize=a,He(this,ig,"m",hg).call(this,e)}},hg=function(e){this.dispatchEvent(new CustomEvent("page",{detail:{previousPageIndex:e,pageIndex:this.pageIndex,pageSize:this.pageSize,length:this.length}}))},pg.styles=t`:host { display: block; } .outer { display: flex; font-size: var(--m3e-paginator-font-size, ${l.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-paginator-font-weight, ${l.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-paginator-line-height, ${l.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-paginator-tracking, ${l.typescale.standard.body.small.tracking}); } .inner { display: flex; align-items: center; justify-content: flex-end; padding-inline: 0.5rem; width: 100%; } .form-field { --md-sys-density-scale: -2; --m3e-form-field-font-size: var(--m3e-paginator-font-size, ${l.typescale.standard.body.small.fontSize}); --m3e-form-field-font-weight: var( --m3e-paginator-font-weight, ${l.typescale.standard.body.small.fontWeight} ); --m3e-form-field-line-height: var( --m3e-paginator-line-height, ${l.typescale.standard.body.small.lineHeight} ); --m3e-form-field-tracking: var(--m3e-paginator-tracking, ${l.typescale.standard.body.small.tracking}); } .items-per-page-label { display: flex; align-items: center; margin-inline-end: 0.5rem; } .form-field { min-width: auto; width: 6rem; margin-inline: 0.25rem; } .range-label { margin-inline: 1.5rem 2rem; } :host([hide-page-size]) .range-label { margin-inline-start: unset; } .range-actions { display: flex; align-items: center; } ::slotted([slot="first-page-icon"]), ::slotted([slot="previous-page-icon"]), ::slotted([slot="next-page-icon"]), ::slotted([slot="last-page-icon"]), svg { width: 1em; font-size: var(--m3e-icon-button-medium-icon-size, 1.5rem) !important; } :host(:dir(rtl)) svg { transform: rotate(180deg); }`,pg.__nextId=0,We([nt({type:Boolean,reflect:!0})],pg.prototype,"disabled",void 0),We([nt({attribute:"page-index",type:Number})],pg.prototype,"pageIndex",void 0),We([nt({type:Number})],pg.prototype,"length",void 0),We([nt({attribute:"page-size",converter:e=>"all"===e?"all":Number(e)})],pg.prototype,"pageSize",void 0),We([nt({attribute:"page-sizes"})],pg.prototype,"pageSizes",void 0),We([nt({attribute:"hide-page-size",type:Boolean,reflect:!0})],pg.prototype,"hidePageSize",void 0),We([nt({attribute:"show-first-last-buttons",type:Boolean})],pg.prototype,"showFirstLastButtons",void 0),We([nt({attribute:"items-per-page-label"})],pg.prototype,"itemsPerPageLabel",void 0),We([nt({attribute:"previous-page-label"})],pg.prototype,"previousPageLabel",void 0),We([nt({attribute:"next-page-label"})],pg.prototype,"nextPageLabel",void 0),We([nt({attribute:"first-page-label"})],pg.prototype,"firstPageLabel",void 0),We([nt({attribute:"last-page-label"})],pg.prototype,"lastPageLabel",void 0),We([nt({attribute:"page-size-variant"})],pg.prototype,"pageSizeVariant",void 0),pg=mg=We([m("m3e-paginator")],pg);
+var dg,hg,mg,pg,ug,vg,bg,fg,gg;rg=new WeakMap,ig=new WeakSet,sg=function(e){v(this,"-with-no-data",p(e.target))},ng=function(e){v(this,"-with-loading",p(e.target)),v(this,"-with-loading-indicator",null!==this.querySelector("m3e-loading-indicator[slot='loading'], m3e-circular-progress-indicator[slot='loading']"))},lg=function(){const e=this.querySelectorAll("m3e-option");let t,a=!1;for(let o=0;o<e.length;o++){const i=e[o];i.hidden?(b(i,"-first"),b(i,"-last")):a||i.parentElement instanceof og?(b(i,"-first"),t&&b(t,"-last"),$(i,"-last"),t=i):($(i,"-first"),a=!0,$(i,"-last"),t=i)}},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-option-panel > m3e-divider { margin-block: var(--m3e-option-panel-divider-spacing, 0.5rem); } m3e-option-panel m3e-option[hidden], m3e-option-panel m3e-optgroup[hidden] { display: none; }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),cg.styles=[Te.styles,t`:host { --m3e-floating-panel-container-shape: var( --m3e-option-panel-container-shape, ${l.shape.corner.large} ); --m3e-floating-panel-container-min-width: var(--m3e-option-panel-container-min-width, 7rem); --m3e-floating-panel-container-max-width: var(--m3e-option-panel-container-max-width, 17.5rem); --m3e-floating-panel-container-max-height: var(--m3e-option-panel-container-max-height, 17.5rem); --m3e-floating-panel-container-color: var( --m3e-option-panel-container-color, ${l.color.surfaceContainer} ); --m3e-floating-panel-container-elevation: var( --m3e-option-panel-container-elevation, ${l.elevation.level3} ); --m3e-floating-panel-container-padding-inline: var(--m3e-option-panel-container-padding-inline, 0.25rem); --m3e-floating-panel-container-padding-block: var(--m3e-option-panel-container-padding-block, 0.25rem); } .base { row-gap: var(--m3e-option-panel-gap, 0.125rem); --m3e-text-highlight-container-color: var( --m3e-option-panel-text-highlight-container-color, ${l.color.tertiaryContainer} ); --m3e-text-highlight-color: var( --m3e-option-panel-text-highlight-color, ${l.color.onTertiaryContainer} ); --m3e-focus-ring-outward-offset: 0px; --m3e-focus-ring-growth-factor: 1.5; } .no-data { display: flex; align-items: center; box-sizing: border-box; min-height: var(--m3e-option-panel-no-data-container-height, 2.75rem); padding: var(--m3e-option-panel-no-data-container-padding, 0.75rem); color: var(--m3e-option-panel-no-data-color, ${l.color.onSurfaceVariant}); font-size: var(--m3e-option-panel-no-data-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-option-panel-no-data-font-weight, ${l.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-option-panel-no-data-line-height, ${l.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-option-panel-no-data-tracking, ${l.typescale.standard.label.large.tracking} ); } .loading { display: flex; align-items: center; box-sizing: border-box; min-height: var(--m3e-option-panel-loading-container-height, 2.75rem); padding: var(--m3e-option-panel-loading-container-padding, 0.75rem); color: var(--m3e-option-panel-loading-color, ${l.color.onSurfaceVariant}); font-size: var(--m3e-option-panel-loading-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var( --m3e-option-panel-loading-font-weight, ${l.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-option-panel-loading-line-height, ${l.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-option-panel-loading-tracking, ${l.typescale.standard.label.large.tracking} ); } :host(:state(-no-data)) slot:not([name]), :host(:state(-loading)) slot:not([name]), :host(:state(-loading)) .no-data, :host(:not(:state(-no-data))) .no-data, :host(:not(:state(-with-no-data))) .no-data, :host(:not(:state(-loading))) .loading, :host(:not(:state(-with-loading))) .loading { display: none; } :host(:state(-no-data)) .base, :host(:state(-loading)) .base { overflow-y: hidden; } :host(:state(-with-loading-indicator)) .loading { padding: 0; justify-content: center; }`],De([dt({reflect:!0})],cg.prototype,"state",void 0),cg=De([m("m3e-option-panel")],cg);let yg=gg=class extends(w(d(a,"group"),"page")){constructor(){super(...arguments),dg.add(this),hg.set(this,"m3e-paginator-page-size-label-"+gg.__nextId++),mg.set(this,(e,t,a)=>{if(a=Math.max(a,0),"all"===t)return"";if(0===a||t<=0)return`0 of ${a}`;const o=e*t;return`${o+1} - ${o<a?Math.min(o+t,a):o+t} of ${a}`}),this.disabled=!1,this.pageIndex=0,this.length=0,this.pageSize=50,this.pageSizes="5,10,25,50,100",this.hidePageSize=!1,this.showFirstLastButtons=!1,this.itemsPerPageLabel="Items per page:",this.previousPageLabel="Previous page",this.nextPageLabel="Next page",this.firstPageLabel="First page",this.lastPageLabel="Last page",this.pageSizeVariant="outlined"}get pageCount(){return this.pageSize&&"all"!==this.pageSize?Math.ceil(this.length/this.pageSize):0}get hasPreviousPage(){return"all"!==this.pageSize&&this.pageSize>0&&this.pageIndex>=1}get hasNextPage(){return"all"!==this.pageSize&&this.pageSize>0&&this.pageIndex<this.pageCount-1}firstPage(){if(this.hasPreviousPage){const e=this.pageIndex;this.pageIndex=0,Be(this,dg,"m",fg).call(this,e)}}previousPage(){if(this.hasPreviousPage){const e=this.pageIndex;this.pageIndex--,Be(this,dg,"m",fg).call(this,e)}}nextPage(){if(this.hasNextPage){const e=this.pageIndex;this.pageIndex++,Be(this,dg,"m",fg).call(this,e)}}lastPage(){if(this.hasNextPage){const e=this.pageIndex;this.pageIndex=this.pageCount-1,Be(this,dg,"m",fg).call(this,e)}}update(e){if(super.update(e),e.has("pageIndex")){const e=Be(this,dg,"m",ug).call(this);e.includes(this.pageSize)||(this.pageSizes=[...e,this.pageSize].join(","),this.pageSizes=Be(this,dg,"m",ug).call(this).join(","))}}render(){return o`<div class="outer"><div class="inner">${Be(this,dg,"m",pg).call(this)} ${Be(this,dg,"m",vg).call(this)}</div></div>`}};hg=new WeakMap,mg=new WeakMap,dg=new WeakSet,pg=function(){const e=Be(this,dg,"m",ug).call(this);return this.hidePageSize?i:o`<div id="${Be(this,hg,"f")}" class="items-per-page-label" aria-live="polite">${this.itemsPerPageLabel}</div><m3e-form-field class="form-field" variant="${this.pageSizeVariant}" hide-subscript="always"><m3e-select class="select" aria-labelledby="${Be(this,hg,"f")}" hide-selection-indicator ?disabled="${this.disabled||e.length<=1}" @change="${Be(this,dg,"m",bg)}">${e.map(e=>o`<m3e-option value="${e}" ?selected="${e===this.pageSize}">${"all"===e?"All":e}</m3e-option>`)}</m3e-select></m3e-form-field>`},ug=function(){const e=this.pageSizes.split(",").map(e=>e.trim()).filter(e=>""!==e).map(e=>"all"===e?e:Number(e)),t=e.filter(e=>"all"!==e);return t.sort((e,t)=>e-t),e.some(e=>"all"===e)?[...t,"all"]:t},vg=function(){const e=this.rangeLabelFormatter??Be(this,mg,"f");return"all"===this.pageSize?i:o`<div class="range-actions"><div class="range-label">${e(this.pageIndex,this.pageSize,this.length)}</div>${this.showFirstLastButtons?o`<m3e-icon-button id="firstPageButton" aria-label="${this.firstPageLabel}" ?disabled="${this.disabled||!this.hasPreviousPage}" @click="${this.firstPage}"><slot name="first-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="firstPageButton" position="above">${this.firstPageLabel}</m3e-tooltip>`:i}<m3e-icon-button id="previousPageButton" aria-label="${this.previousPageLabel}" ?disabled="${this.disabled||!this.hasPreviousPage}" @click="${this.previousPage}"><slot name="previous-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="previousPageButton" position="above">${this.previousPageLabel}</m3e-tooltip><m3e-icon-button id="nextPageButton" aria-label="${this.nextPageLabel}" ?disabled="${this.disabled||!this.hasNextPage}" @click="${this.nextPage}"><slot name="next-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="nextPageButton" position="above">${this.nextPageLabel}</m3e-tooltip>${this.showFirstLastButtons?o`<m3e-icon-button id="lastPageButton" aria-label="${this.lastPageLabel}" ?disabled="${this.disabled||!this.hasNextPage}" @click="${this.lastPage}"><slot name="last-page-icon"><svg viewBox="0 -960 960 960" fill="currentColor"><path d="m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z"/></svg></slot></m3e-icon-button><m3e-tooltip for="lastPageButton" position="above">${this.lastPageLabel}</m3e-tooltip>`:i}</div>`},bg=function(e){const t=e.target?.selected[0];if(!t)return;const a="all"===t.value?"all":Number(t.value);if(a!==this.pageSize){const e=this.pageIndex;this.pageIndex=0,this.pageSize=a,Be(this,dg,"m",fg).call(this,e)}},fg=function(e){this.dispatchEvent(new CustomEvent("page",{detail:{previousPageIndex:e,pageIndex:this.pageIndex,pageSize:this.pageSize,length:this.length}}))},yg.styles=t`:host { display: block; } .outer { display: flex; font-size: var(--m3e-paginator-font-size, ${l.typescale.standard.body.small.fontSize}); font-weight: var(--m3e-paginator-font-weight, ${l.typescale.standard.body.small.fontWeight}); line-height: var(--m3e-paginator-line-height, ${l.typescale.standard.body.small.lineHeight}); letter-spacing: var(--m3e-paginator-tracking, ${l.typescale.standard.body.small.tracking}); } .inner { display: flex; align-items: center; justify-content: flex-end; padding-inline: 0.5rem; width: 100%; } .form-field { --md-sys-density-scale: -2; --m3e-form-field-font-size: var(--m3e-paginator-font-size, ${l.typescale.standard.body.small.fontSize}); --m3e-form-field-font-weight: var( --m3e-paginator-font-weight, ${l.typescale.standard.body.small.fontWeight} ); --m3e-form-field-line-height: var( --m3e-paginator-line-height, ${l.typescale.standard.body.small.lineHeight} ); --m3e-form-field-tracking: var(--m3e-paginator-tracking, ${l.typescale.standard.body.small.tracking}); } .items-per-page-label { display: flex; align-items: center; margin-inline-end: 0.5rem; } .form-field { min-width: auto; width: 6rem; margin-inline: 0.25rem; } .range-label { margin-inline: 1.5rem 2rem; } :host([hide-page-size]) .range-label { margin-inline-start: unset; } .range-actions { display: flex; align-items: center; } ::slotted([slot="first-page-icon"]), ::slotted([slot="previous-page-icon"]), ::slotted([slot="next-page-icon"]), ::slotted([slot="last-page-icon"]), svg { width: 1em; font-size: var(--m3e-icon-button-medium-icon-size, 1.5rem) !important; } :host(:dir(rtl)) svg { transform: rotate(180deg); }`,yg.__nextId=0,De([dt({type:Boolean,reflect:!0})],yg.prototype,"disabled",void 0),De([dt({attribute:"page-index",type:Number})],yg.prototype,"pageIndex",void 0),De([dt({type:Number})],yg.prototype,"length",void 0),De([dt({attribute:"page-size",converter:e=>"all"===e?"all":Number(e)})],yg.prototype,"pageSize",void 0),De([dt({attribute:"page-sizes"})],yg.prototype,"pageSizes",void 0),De([dt({attribute:"hide-page-size",type:Boolean,reflect:!0})],yg.prototype,"hidePageSize",void 0),De([dt({attribute:"show-first-last-buttons",type:Boolean})],yg.prototype,"showFirstLastButtons",void 0),De([dt({attribute:"items-per-page-label"})],yg.prototype,"itemsPerPageLabel",void 0),De([dt({attribute:"previous-page-label"})],yg.prototype,"previousPageLabel",void 0),De([dt({attribute:"next-page-label"})],yg.prototype,"nextPageLabel",void 0),De([dt({attribute:"first-page-label"})],yg.prototype,"firstPageLabel",void 0),De([dt({attribute:"last-page-label"})],yg.prototype,"lastPageLabel",void 0),De([dt({attribute:"page-size-variant"})],yg.prototype,"pageSizeVariant",void 0),yg=gg=De([m("m3e-paginator")],yg);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ug=cl(class extends dl{constructor(e){if(super(e),e.type!==nl||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(e=>""!==e)));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const a=e.element.classList;for(const e of this.st)e in t||(a.remove(e),this.st.delete(e));for(const e in t){const o=!!t[e];o===this.st.has(e)||this.nt?.has(e)||(o?(a.add(e),this.st.add(e)):(a.remove(e),this.st.delete(e)))}return Ki}});class vg extends(w(d(a,"progressbar"),!0)){constructor(){super(...arguments),this.value=0,this.max=100,this.variant="flat"}connectedCallback(){super.connectedCallback(),this.ariaValueMin="0"}update(e){super.update(e),e.has("value")&&(this.ariaValueNow=`${this.value}`),e.has("max")&&(this.ariaValueMax=`${this.max}`)}}var bg,fg,gg,yg,$g,xg,wg,kg,Cg,Sg,_g,Lg,zg,Eg,Mg,Tg,Pg,Ig,Ag,Wg,Hg,Og,Dg,Bg,qg;vg.styles=t`@media (forced-colors: active) { :host { --m3e-progress-indicator-color: CanvasText; --m3e-progress-indicator-track-color: Canvas; } }`,We([nt({type:Number,reflect:!0})],vg.prototype,"value",void 0),We([nt({type:Number})],vg.prototype,"max",void 0),We([nt({reflect:!0})],vg.prototype,"variant",void 0);let Rg=qg=class extends vg{constructor(){super(...arguments),bg.add(this),fg.set(this,"m3e-circular-progress-mask-"+qg.__nextMaskId++),gg.set(this,0),yg.set(this,0),$g.set(this,0),xg.set(this,0),wg.set(this,void 0),kg.set(this,void 0),Cg.set(this,new S(this,{skipInitial:!0,target:null,callback:()=>{He(this,bg,"m",Mg).call(this),He(this,bg,"m",Tg).call(this)}})),Sg.set(this,new ce(this,(e,t)=>He(this,bg,"m",Pg).call(this,t))),this.indeterminate=!1}update(e){super.update(e),e.has("indeterminate")&&(this.ariaValueNow=this.indeterminate?null:`${this.value}`)}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector(".diameter-and-stroke");t&&(He(this,bg,"m",Mg).call(this),He(this,Cg,"f").observe(t));const a=this.shadowRoot?.querySelector(".amplitude-and-wavelength");a&&(He(this,bg,"m",Mg).call(this),He(this,Cg,"f").observe(a))}updated(e){super.updated(e),e.has("indeterminate")&&(Oe(this,wg,this.shadowRoot?.querySelector(".spinner.active-track"),"f"),Oe(this,kg,this.shadowRoot?.querySelector(".spinner.track"),"f"),this.indeterminate?He(this,Sg,"f").start():He(this,Sg,"f").stop())}render(){return"wavy"===this.variant?He(this,bg,"m",Lg).call(this):He(this,bg,"m",_g).call(this)}};var Fg,Vg,Ug,Ng,jg,Kg,Zg,Gg,Xg,Yg,Jg,Qg;fg=new WeakMap,gg=new WeakMap,yg=new WeakMap,$g=new WeakMap,xg=new WeakMap,wg=new WeakMap,kg=new WeakMap,Cg=new WeakMap,Sg=new WeakMap,bg=new WeakSet,_g=function(){if(this.indeterminate){const e=He(this,bg,"m",Dg).call(this,{startAngle:-45,endAngle:90+He(this,yg,"f")}),t=He(this,bg,"m",Dg).call(this,{startAngle:-He(this,yg,"f"),endAngle:135});return o`<div class="progress" aria-hidden="true"><div class="spinner"><div class="left"><svg width="${He(this,gg,"f")}" height="${He(this,gg,"f")}" viewBox="${e.viewBox}" class="circle"><path class="active-track" d="${e.path}" stroke="currentColor" stroke-width="${He(this,yg,"f")}" fill="none" stroke-linecap="round"/></svg></div><div class="right"><svg width="${He(this,gg,"f")}" height="${He(this,gg,"f")}" viewBox="${t.viewBox}" class="circle"><path class="active-track" d="${t.path}" stroke="currentColor" stroke-width="${He(this,yg,"f")}" fill="none" stroke-linecap="round"/></svg></div></div></div>${He(this,bg,"m",zg).call(this)}`}const e=He(this,bg,"m",Ag).call(this,2*He(this,yg,"f"),He(this,gg,"f"));let t=this.value/this.max*360;t>0&&(t=Math.max(0,e,t));const a=He(this,bg,"m",Dg).call(this,{gap:t<360?He(this,yg,"f"):0,endAngle:t}),r=He(this,bg,"m",Dg).call(this,{gap:t>0?He(this,yg,"f"):0,startAngle:t,endAngle:360});return o`<div class="progress" aria-hidden="true"><svg width="${He(this,gg,"f")}" height="${He(this,gg,"f")}" viewBox="${a.viewBox}">${t>0?n`<path
+const $g=yl(class extends $l{constructor(e){if(super(e),e.type!==gl||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(e=>""!==e)));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const a=e.element.classList;for(const e of this.st)e in t||(a.remove(e),this.st.delete(e));for(const e in t){const o=!!t[e];o===this.st.has(e)||this.nt?.has(e)||(o?(a.add(e),this.st.add(e)):(a.remove(e),this.st.delete(e)))}return sr}});class xg extends(k(d(a,"progressbar"),!0)){constructor(){super(...arguments),this.value=0,this.max=100,this.variant="flat"}connectedCallback(){super.connectedCallback(),this.ariaValueMin="0"}update(e){super.update(e),e.has("value")&&(this.ariaValueNow=`${this.value}`),e.has("max")&&(this.ariaValueMax=`${this.max}`)}}var wg,kg,Cg,Sg,_g,Lg,zg,Eg,Mg,Tg,Pg,Ig,Ag,Wg,Hg,Og,Dg,Bg,qg,Rg,Fg,Vg,Ug,Ng,jg;xg.styles=t`@media (forced-colors: active) { :host { --m3e-progress-indicator-color: CanvasText; --m3e-progress-indicator-track-color: Canvas; } }`,De([dt({type:Number,reflect:!0})],xg.prototype,"value",void 0),De([dt({type:Number})],xg.prototype,"max",void 0),De([dt({reflect:!0})],xg.prototype,"variant",void 0);let Kg=jg=class extends xg{constructor(){super(...arguments),wg.add(this),kg.set(this,"m3e-circular-progress-mask-"+jg.__nextMaskId++),Cg.set(this,0),Sg.set(this,0),_g.set(this,0),Lg.set(this,0),zg.set(this,void 0),Eg.set(this,void 0),Mg.set(this,new _(this,{skipInitial:!0,target:null,callback:()=>{Be(this,wg,"m",Hg).call(this),Be(this,wg,"m",Og).call(this),queueMicrotask(()=>this.requestUpdate())}})),Tg.set(this,new ce(this,(e,t)=>Be(this,wg,"m",Dg).call(this,t))),this.indeterminate=!1}update(e){super.update(e),e.has("indeterminate")&&(this.ariaValueNow=this.indeterminate?null:`${this.value}`)}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector(".diameter-and-stroke");t&&(Be(this,wg,"m",Hg).call(this),Be(this,Mg,"f").observe(t));const a=this.shadowRoot?.querySelector(".amplitude-and-wavelength");a&&(Be(this,wg,"m",Hg).call(this),Be(this,Mg,"f").observe(a))}updated(e){super.updated(e),e.has("indeterminate")&&(qe(this,zg,this.shadowRoot?.querySelector(".spinner.active-track"),"f"),qe(this,Eg,this.shadowRoot?.querySelector(".spinner.track"),"f"),this.indeterminate?Be(this,Tg,"f").start():Be(this,Tg,"f").stop())}render(){return"wavy"===this.variant?Be(this,wg,"m",Ig).call(this):Be(this,wg,"m",Pg).call(this)}};var Zg,Gg,Xg,Yg,Jg,Qg,ey,ty,ay,oy,iy,ry;kg=new WeakMap,Cg=new WeakMap,Sg=new WeakMap,_g=new WeakMap,Lg=new WeakMap,zg=new WeakMap,Eg=new WeakMap,Mg=new WeakMap,Tg=new WeakMap,wg=new WeakSet,Pg=function(){if(this.indeterminate){const e=Be(this,wg,"m",Ug).call(this,{startAngle:-45,endAngle:90+Be(this,Sg,"f")}),t=Be(this,wg,"m",Ug).call(this,{startAngle:-Be(this,Sg,"f"),endAngle:135});return o`<div class="progress" aria-hidden="true"><div class="spinner"><div class="left"><svg width="${Be(this,Cg,"f")}" height="${Be(this,Cg,"f")}" viewBox="${e.viewBox}" class="circle"><path class="active-track" d="${e.path}" stroke="currentColor" stroke-width="${Be(this,Sg,"f")}" fill="none" stroke-linecap="round"/></svg></div><div class="right"><svg width="${Be(this,Cg,"f")}" height="${Be(this,Cg,"f")}" viewBox="${t.viewBox}" class="circle"><path class="active-track" d="${t.path}" stroke="currentColor" stroke-width="${Be(this,Sg,"f")}" fill="none" stroke-linecap="round"/></svg></div></div></div>${Be(this,wg,"m",Ag).call(this)}`}const e=Be(this,wg,"m",qg).call(this,2*Be(this,Sg,"f"),Be(this,Cg,"f"));let t=this.value/this.max*360;t>0&&(t=Math.max(0,e,t));const a=Be(this,wg,"m",Ug).call(this,{gap:t<360?Be(this,Sg,"f"):0,endAngle:t}),r=Be(this,wg,"m",Ug).call(this,{gap:t>0?Be(this,Sg,"f"):0,startAngle:t,endAngle:360});return o`<div class="progress" aria-hidden="true"><svg width="${Be(this,Cg,"f")}" height="${Be(this,Cg,"f")}" viewBox="${a.viewBox}">${t>0?n`<path
             class="active-track"
             d="${a.path}"
             stroke="currentColor"
-            stroke-width=${He(this,yg,"f")}
+            stroke-width=${Be(this,Sg,"f")}
             fill="none"
             stroke-linecap="round"
           />`:i} ${360-t>=e?n`<path
                 class="track"
                 d="${r.path}"
                 stroke="currentColor"
-                stroke-width=${He(this,yg,"f")}
+                stroke-width=${Be(this,Sg,"f")}
                 fill="none"
                 stroke-linecap="round"
-              />`:i}</svg></div>${He(this,bg,"m",zg).call(this)}${He(this,bg,"m",Eg).call(this)}`},Lg=function(){if(this.indeterminate)return o`<div class="progress" aria-hidden="true"><svg width="${He(this,gg,"f")}" height="${He(this,gg,"f")}" viewBox="${He(this,bg,"m",Bg).call(this,{endAngle:20}).viewBox}"><path class="spinner active-track" stroke="currentColor" stroke-width="${He(this,yg,"f")}" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path class="spinner track" stroke="currentColor" stroke-width="${He(this,yg,"f")}" fill="none" stroke-linecap="round"/></svg></div>${He(this,bg,"m",zg).call(this)}`;const e=He(this,bg,"m",Ag).call(this,2*He(this,yg,"f"),He(this,gg,"f"));let t=this.value/this.max*360;t>0&&(t=Math.max(0,e,t));const a=t<=e+e/2||360==t?0:He(this,$g,"f"),r=He(this,bg,"m",Dg).call(this,{gap:t<360?He(this,yg,"f"):0,endAngle:t}),s=0==a?r:He(this,bg,"m",Bg).call(this,{endAngle:360,amplitude:a}),l=He(this,bg,"m",Dg).call(this,{gap:t>0?He(this,yg,"f"):0,startAngle:t,endAngle:360}),c=a>0?a+He(this,yg,"f")/2:He(this,yg,"f");return o`<svg class="progress" viewBox="${l.viewBox}" aria-hidden="true">${t>0?n`${a>0?n`<defs>
-          <mask id="${He(this,fg,"f")}">
+              />`:i}</svg></div>${Be(this,wg,"m",Ag).call(this)}${Be(this,wg,"m",Wg).call(this)}`},Ig=function(){if(this.indeterminate)return o`<div class="progress" aria-hidden="true"><svg width="${Be(this,Cg,"f")}" height="${Be(this,Cg,"f")}" viewBox="${Be(this,wg,"m",Ng).call(this,{endAngle:20}).viewBox}"><path class="spinner active-track" stroke="currentColor" stroke-width="${Be(this,Sg,"f")}" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path class="spinner track" stroke="currentColor" stroke-width="${Be(this,Sg,"f")}" fill="none" stroke-linecap="round"/></svg></div>${Be(this,wg,"m",Ag).call(this)}`;const e=Be(this,wg,"m",qg).call(this,2*Be(this,Sg,"f"),Be(this,Cg,"f"));let t=this.value/this.max*360;t>0&&(t=Math.max(0,e,t));const a=t<=e+e/2||360==t?0:Be(this,_g,"f"),r=Be(this,wg,"m",Ug).call(this,{gap:t<360?Be(this,Sg,"f"):0,endAngle:t}),s=0==a?r:Be(this,wg,"m",Ng).call(this,{endAngle:360,amplitude:a}),l=Be(this,wg,"m",Ug).call(this,{gap:t>0?Be(this,Sg,"f"):0,startAngle:t,endAngle:360}),c=a>0?a+Be(this,Sg,"f")/2:Be(this,Sg,"f");return o`<svg class="progress" viewBox="${l.viewBox}" aria-hidden="true">${t>0?n`${a>0?n`<defs>
+          <mask id="${Be(this,kg,"f")}">
             <path
               d="${r.path}"
               stroke="white"
-              stroke-width="${He(this,yg,"f")+c}"
+              stroke-width="${Be(this,Sg,"f")+c}"
               fill="none"
               stroke-linecap="round"
             />
           </mask>
         </defs>`:i}
-        <g class="active-track" mask="${cr(a>0?de(He(this,fg,"f")):void 0)}">
+        <g class="active-track" mask="${wr(a>0?de(Be(this,kg,"f")):void 0)}">
           <path
-            class="${ug({wave:a>0})}"
+            class="${$g({wave:a>0})}"
             d="${s.path}"
             stroke="currentColor"
-            stroke-width=${He(this,yg,"f")}
+            stroke-width=${Be(this,Sg,"f")}
             stroke-linecap="round"
             stroke-linejoin="round"
             fill="none"
@@ -128,32 +128,26 @@ const ug=cl(class extends dl{constructor(e){if(super(e),e.type!==nl||"class"!==e
                 class="track"
                 d="${l.path}"
                 stroke="currentColor"
-                stroke-width=${He(this,yg,"f")}
+                stroke-width=${Be(this,Sg,"f")}
                 fill="none"
                 stroke-linecap="round"
-              />`:i}</svg> ${He(this,bg,"m",zg).call(this)}${He(this,bg,"m",Eg).call(this)}`},zg=function(){return o`<div class="diameter-and-stroke" aria-hidden="true"></div><div class="amplitude-and-wavelength" aria-hidden="true"></div>`},Eg=function(){return o`<div class="content" aria-hidden="true"><slot></slot></div>`},Mg=function(){const e=this.shadowRoot?.querySelector(".diameter-and-stroke");e&&(Oe(this,gg,e.clientWidth,"f"),Oe(this,yg,e.clientHeight,"f"))},Tg=function(){const e=this.shadowRoot?.querySelector(".amplitude-and-wavelength");e&&(Oe(this,$g,e.clientWidth,"f"),Oe(this,xg,e.clientHeight,"f"))},Pg=function(e){if(0===He(this,$g,"f")||0===He(this,xg,"f"))return;const t=He(this,bg,"m",Ig).call(this,e);He(this,wg,"f")?.setAttribute("d",He(this,bg,"m",Bg).call(this,{endAngle:t}).path),He(this,kg,"f")?.setAttribute("d",He(this,bg,"m",Dg).call(this,{gap:He(this,bg,"m",Ag).call(this,He(this,yg,"f"),He(this,gg,"f")),startAngle:t}).path)},Ig=function(e){const t=2*He(this,bg,"m",Ag).call(this,He(this,yg,"f")),a=18+t,o=280-t,i=1.575,r=e%6.3;if(r<i)return a;if(r<3.15){const e=(r-i)/i;return a+e*e*(3-2*e)*(o-a)}if(r<4.725)return o;const s=(r-4.725)/i;return o-s*s*(3-2*s)*(o-a)},Ag=function(e,t=He(this,$g,"f")){return e*(360/(2*Math.PI*He(this,bg,"m",Og).call(this,t).r))},Wg=function(e){return(e-90)*(Math.PI/180)},Hg=function(e,t){const a=He(this,bg,"m",Wg).call(this,t);return{x:e.cx+e.r*Math.cos(a),y:e.cy+e.r*Math.sin(a)}},Og=function(e){e+=He(this,yg,"f")/2;const t=He(this,gg,"f")/2;return{cx:t+e,cy:t+e,r:t,padding:e}},Dg=function({startAngle:e=0,endAngle:t=360,gap:a=0,padding:o=He(this,$g,"f")}){if(0===He(this,gg,"f")||0===He(this,yg,"f"))return{path:"",viewBox:"0 0 0 0"};const i=He(this,bg,"m",Og).call(this,o);a>0&&(e+=He(this,bg,"m",Ag).call(this,a,o),t-=He(this,bg,"m",Ag).call(this,a,o)),t-e>=360&&(t=e+359.999);const r=He(this,bg,"m",Hg).call(this,i,t),s=He(this,bg,"m",Hg).call(this,i,e);return{path:`M ${r.x} ${r.y} A ${i.r} ${i.r} 0 ${t-e<=180?"0":"1"} 0 ${s.x} ${s.y}`,viewBox:`0 0 ${He(this,gg,"f")+2*i.padding} ${He(this,gg,"f")+2*i.padding}`}},Bg=function({startAngle:e=0,endAngle:t=360,gap:a=0,padding:o=He(this,$g,"f"),amplitude:i=He(this,$g,"f"),steps:r=200}){if(0===He(this,gg,"f")||0===He(this,yg,"f"))return{path:"",viewBox:"0 0 0 0"};const s=He(this,bg,"m",Og).call(this,o);a>0&&(e+=He(this,bg,"m",Ag).call(this,a,o),t-=He(this,bg,"m",Ag).call(this,a,o));const n=He(this,bg,"m",Wg).call(this,e);let l=He(this,bg,"m",Wg).call(this,t);e===t?l=n:l<n&&(l+=2*Math.PI);const c=l-n,d=2*Math.PI*s.r/He(this,xg,"f"),h=Math.PI/2*(d-1),m=[];for(let e=0;e<=r;e++){const t=n+(0===r?0:e/r)*c,a=Math.sin(t*d+h),o=s.r-i*a,l=o*Math.cos(t)+s.cx,p=o*Math.sin(t)+s.cy;m.push([l,p])}const p=1===m.length?`M ${m[0][0]},${m[0][1]}`:`M ${m[0][0]},${m[0][1]} `+m.slice(1).map(([e,t])=>`L ${e},${t}`).join(" ");return{path:p,viewBox:`0 0 ${He(this,gg,"f")+2*s.padding} ${He(this,gg,"f")+2*s.padding}`}},Rg.styles=[vg.styles,t`:host { display: inline-flex; vertical-align: middle; aspect-ratio: 1; position: relative; align-items: center; justify-content: center; } .progress { --_arc-duration: 1333ms; --_cycle-duration: calc(4 * var(--_arc-duration)); --_linear-rotate-duration: calc(var(--_arc-duration) * 360 / 306); --_indeterminate-easing: cubic-bezier(0.4, 0, 0.2, 1); } .active-track { transition: stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1); } :host([variant="flat"]) .progress { flex: 1; align-self: stretch; pointer-events: none; } .progress, .spinner, .left, .right, .content, .circle { position: absolute; inset: 0; } .content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .diameter-and-stroke, .amplitude-and-wavelength { visibility: hidden; position: absolute; } .diameter-and-stroke { width: inherit; height: var(--m3e-circular-progress-indicator-thickness, 0.25rem); } .amplitude-and-wavelength { width: var(--m3e-circular-wavy-progress-indicator-amplitude, 0.1rem); height: var(--m3e-circular-wavy-progress-indicator-wavelength, 0.9375rem); } :host([variant="flat"]) { width: var(--m3e-circular-flat-progress-indicator-diameter, 2.5rem); } :host([variant="wavy"]) { width: var(--m3e-circular-wavy-progress-indicator-diameter, 3rem); } :host([variant="flat"][indeterminate]) .progress { animation: linear infinite linear-rotate; animation-duration: var(--_linear-rotate-duration); } :host([variant="flat"][indeterminate]) .spinner { animation: infinite both rotate-arc; animation-duration: var(--_cycle-duration); animation-timing-function: var(--_indeterminate-easing); } :host([variant="wavy"][indeterminate]) .spinner { transform-origin: 50% 50%; animation: wavy-spin ${1.575}s linear infinite; } .left { clip-path: inset(0); inset: 0 50% 0 0; } .right { clip-path: inset(0); inset: 0 0 0 50%; } .circle { animation: expand-arc; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: var(--_arc-duration), var(--_cycle-duration); animation-timing-function: var(--_indeterminate-easing); } .left .circle { rotate: 135deg; inset: 0 -100% 0 0; } .right .circle { rotate: 100deg; inset: 0 0 0 -100%; animation-delay: calc(-0.5 * var(--_arc-duration)), 0ms; } .track { color: var(--m3e-progress-indicator-track-color, ${l.color.secondaryContainer}); } .active-track { color: var(--m3e-progress-indicator-color, ${l.color.primary}); } .wave { animation: spin-reverse 8s linear infinite; transform-origin: 50% 50%; } @keyframes expand-arc { 0% { transform: rotate(265deg); } 50% { transform: rotate(130deg); } 100% { transform: rotate(265deg); } } @keyframes rotate-arc { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(1080deg); } } @keyframes linear-rotate { to { transform: rotate(360deg); } } @keyframes spin-reverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes wavy-spin { 0% { transform: rotate(0deg); } 10% { transform: rotate(90deg); } 100% { transform: rotate(360deg); } } @media (forced-colors: active) { :host([variant="flat"]) circle { fill: Canvas; } :host([variant="flat"]) .circle { border-color: var(--m3e-progress-indicator-color, ${l.color.primary}) var(--m3e-progress-indicator-color, ${l.color.primary}) Canvas Canvas; } } @media (forced-colors: active) { .progress { --m3e-progress-indicator-track-color: GrayText; --m3e-progress-indicator-color: CanvasText; } }`],Rg.__nextMaskId=0,We([nt({type:Boolean,reflect:!0})],Rg.prototype,"indeterminate",void 0),Rg=qg=We([m("m3e-circular-progress-indicator")],Rg);let ey=Qg=class extends vg{constructor(){super(...arguments),Fg.add(this),Vg.set(this,"m3e-linear-progress-mask-"+Qg.__nextMaskId++),Ug.set(this,0),Ng.set(this,0),jg.set(this,0),Kg.set(this,new S(this,{skipInitial:!0,target:null,callback:()=>{He(this,Fg,"m",Xg).call(this),He(this,Fg,"m",Yg).call(this)}})),this.mode="determinate",this.bufferValue=0}firstUpdated(e){super.firstUpdated(e),He(this,Fg,"m",Xg).call(this),He(this,Fg,"m",Yg).call(this);const t=this.shadowRoot?.querySelector(".stroke");t&&He(this,Kg,"f").observe(t);const a=this.shadowRoot?.querySelector(".amplitude-and-wavelength");a&&He(this,Kg,"f").observe(a)}update(e){super.update(e),e.has("mode")&&(this.ariaValueNow="indeterminate"===this.mode||"query"===this.mode?null:`${this.value}`)}updated(e){if(super.updated(e),e.has("value")||e.has("bufferValue")||e.has("max")){const e=this.shadowRoot?.querySelector(".progress");e?.style.setProperty("--_value",this.value/this.max*100+"%"),e?.style.setProperty("--_buffer-value",this.bufferValue/this.max*100+"%")}}render(){const e=Math.max(0,Math.min(this.value,this.max))/this.max*this.clientWidth,t="indeterminate"===this.mode||"query"===this.mode?this.clientWidth:e+3*He(this,jg,"f"),a="wavy"===this.variant&&He(this,Ug,"f")>0&&He(this,Ng,"f")>0&&He(this,jg,"f")>0?He(this,Fg,"m",Jg).call(this,t):void 0;return o`<div class="progress" aria-hidden="true" style="${he({"--_translate-x":`-${e}px`})}">${a?i:o`<div class="track"></div>`} ${("determinate"===this.mode||"buffer"===this.mode)&&this.value<=0?i:o`<div class="primary">${!a||"determinate"!==this.mode&&"buffer"!==this.mode?i:He(this,Fg,"m",Zg).call(this,t,a.height,a.viewBox,a.path)}</div>${"determinate"===this.mode||"buffer"===this.mode?o`<div class="gap"></div>`:i}`} ${"buffer"!==this.mode||this.bufferValue>0?o`<div class="secondary"></div>`:i} ${"buffer"===this.mode&&this.bufferValue>0?o`<div class="gap"></div>`:i} ${"buffer"===this.mode?o`<div class="buffer"></div>`:i} ${("determinate"===this.mode||"buffer"===this.mode)&&this.value>0?o`<div class="gap"></div><div class="stop"></div>`:i} ${a&&"determinate"!==this.mode&&"buffer"!==this.mode?He(this,Fg,"m",Zg).call(this,t,a.height,a.viewBox,a.path):i}</div>${He(this,Fg,"m",Gg).call(this)}`}};var ty,ay,oy,iy,ry,sy,ny;Vg=new WeakMap,Ug=new WeakMap,Ng=new WeakMap,jg=new WeakMap,Kg=new WeakMap,Fg=new WeakSet,Zg=function(e,t,a,i){const r="indeterminate"===this.mode||"query"===this.mode;return r||this.value/this.max!==1?o`<svg class="wave" width="${e}" height="${t}" viewBox="${a}" preserveAspectRatio="none">${r?n`
-        <mask id="${He(this,Vg,"f")}" maskUnits="userSpaceOnUse">
+              />`:i}</svg> ${Be(this,wg,"m",Ag).call(this)}${Be(this,wg,"m",Wg).call(this)}`},Ag=function(){return o`<div class="diameter-and-stroke" aria-hidden="true"></div><div class="amplitude-and-wavelength" aria-hidden="true"></div>`},Wg=function(){return o`<div class="content" aria-hidden="true"><slot></slot></div>`},Hg=function(){const e=this.shadowRoot?.querySelector(".diameter-and-stroke");e&&(qe(this,Cg,e.clientWidth,"f"),qe(this,Sg,e.clientHeight,"f"))},Og=function(){const e=this.shadowRoot?.querySelector(".amplitude-and-wavelength");e&&(qe(this,_g,e.clientWidth,"f"),qe(this,Lg,e.clientHeight,"f"))},Dg=function(e){if(0===Be(this,_g,"f")||0===Be(this,Lg,"f"))return;const t=Be(this,wg,"m",Bg).call(this,e);Be(this,zg,"f")?.setAttribute("d",Be(this,wg,"m",Ng).call(this,{endAngle:t}).path),Be(this,Eg,"f")?.setAttribute("d",Be(this,wg,"m",Ug).call(this,{gap:Be(this,wg,"m",qg).call(this,Be(this,Sg,"f"),Be(this,Cg,"f")),startAngle:t}).path)},Bg=function(e){const t=2*Be(this,wg,"m",qg).call(this,Be(this,Sg,"f")),a=18+t,o=280-t,i=1.575,r=e%6.3;if(r<i)return a;if(r<3.15){const e=(r-i)/i;return a+e*e*(3-2*e)*(o-a)}if(r<4.725)return o;const s=(r-4.725)/i;return o-s*s*(3-2*s)*(o-a)},qg=function(e,t=Be(this,_g,"f")){return e*(360/(2*Math.PI*Be(this,wg,"m",Vg).call(this,t).r))},Rg=function(e){return(e-90)*(Math.PI/180)},Fg=function(e,t){const a=Be(this,wg,"m",Rg).call(this,t);return{x:e.cx+e.r*Math.cos(a),y:e.cy+e.r*Math.sin(a)}},Vg=function(e){e+=Be(this,Sg,"f")/2;const t=Be(this,Cg,"f")/2;return{cx:t+e,cy:t+e,r:t,padding:e}},Ug=function({startAngle:e=0,endAngle:t=360,gap:a=0,padding:o=Be(this,_g,"f")}){if(0===Be(this,Cg,"f")||0===Be(this,Sg,"f"))return{path:"",viewBox:"0 0 0 0"};const i=Be(this,wg,"m",Vg).call(this,o);a>0&&(e+=Be(this,wg,"m",qg).call(this,a,o),t-=Be(this,wg,"m",qg).call(this,a,o)),t-e>=360&&(t=e+359.999);const r=Be(this,wg,"m",Fg).call(this,i,t),s=Be(this,wg,"m",Fg).call(this,i,e);return{path:`M ${r.x} ${r.y} A ${i.r} ${i.r} 0 ${t-e<=180?"0":"1"} 0 ${s.x} ${s.y}`,viewBox:`0 0 ${Be(this,Cg,"f")+2*i.padding} ${Be(this,Cg,"f")+2*i.padding}`}},Ng=function({startAngle:e=0,endAngle:t=360,gap:a=0,padding:o=Be(this,_g,"f"),amplitude:i=Be(this,_g,"f"),steps:r=200}){if(0===Be(this,Cg,"f")||0===Be(this,Sg,"f"))return{path:"",viewBox:"0 0 0 0"};const s=Be(this,wg,"m",Vg).call(this,o);a>0&&(e+=Be(this,wg,"m",qg).call(this,a,o),t-=Be(this,wg,"m",qg).call(this,a,o));const n=Be(this,wg,"m",Rg).call(this,e);let l=Be(this,wg,"m",Rg).call(this,t);e===t?l=n:l<n&&(l+=2*Math.PI);const c=l-n,d=2*Math.PI*s.r/Be(this,Lg,"f"),h=Math.PI/2*(d-1),m=[];for(let e=0;e<=r;e++){const t=n+(0===r?0:e/r)*c,a=Math.sin(t*d+h),o=s.r-i*a,l=o*Math.cos(t)+s.cx,p=o*Math.sin(t)+s.cy;m.push([l,p])}const p=1===m.length?`M ${m[0][0]},${m[0][1]}`:`M ${m[0][0]},${m[0][1]} `+m.slice(1).map(([e,t])=>`L ${e},${t}`).join(" ");return{path:p,viewBox:`0 0 ${Be(this,Cg,"f")+2*s.padding} ${Be(this,Cg,"f")+2*s.padding}`}},Kg.styles=[xg.styles,t`:host { display: inline-flex; vertical-align: middle; aspect-ratio: 1; position: relative; align-items: center; justify-content: center; } .progress { --_arc-duration: 1333ms; --_cycle-duration: calc(4 * var(--_arc-duration)); --_linear-rotate-duration: calc(var(--_arc-duration) * 360 / 306); --_indeterminate-easing: cubic-bezier(0.4, 0, 0.2, 1); } .active-track { transition: stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1); } :host([variant="flat"]) .progress { flex: 1; align-self: stretch; pointer-events: none; } .progress, .spinner, .left, .right, .content, .circle { position: absolute; inset: 0; } .content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .diameter-and-stroke, .amplitude-and-wavelength { visibility: hidden; position: absolute; } .diameter-and-stroke { width: inherit; height: var(--m3e-circular-progress-indicator-thickness, 0.25rem); } .amplitude-and-wavelength { width: var(--m3e-circular-wavy-progress-indicator-amplitude, 0.1rem); height: var(--m3e-circular-wavy-progress-indicator-wavelength, 0.9375rem); } :host([variant="flat"]) { width: var(--m3e-circular-flat-progress-indicator-diameter, 2.5rem); } :host([variant="wavy"]) { width: var(--m3e-circular-wavy-progress-indicator-diameter, 3rem); } :host([variant="flat"][indeterminate]) .progress { animation: linear infinite linear-rotate; animation-duration: var(--_linear-rotate-duration); } :host([variant="flat"][indeterminate]) .spinner { animation: infinite both rotate-arc; animation-duration: var(--_cycle-duration); animation-timing-function: var(--_indeterminate-easing); } :host([variant="wavy"][indeterminate]) .spinner { transform-origin: 50% 50%; animation: wavy-spin ${1.575}s linear infinite; } .left { clip-path: inset(0); inset: 0 50% 0 0; } .right { clip-path: inset(0); inset: 0 0 0 50%; } .circle { animation: expand-arc; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: var(--_arc-duration), var(--_cycle-duration); animation-timing-function: var(--_indeterminate-easing); } .left .circle { rotate: 135deg; inset: 0 -100% 0 0; } .right .circle { rotate: 100deg; inset: 0 0 0 -100%; animation-delay: calc(-0.5 * var(--_arc-duration)), 0ms; } .track { color: var(--m3e-progress-indicator-track-color, ${l.color.secondaryContainer}); } .active-track { color: var(--m3e-progress-indicator-color, ${l.color.primary}); } .wave { animation: spin-reverse 8s linear infinite; transform-origin: 50% 50%; } @keyframes expand-arc { 0% { transform: rotate(265deg); } 50% { transform: rotate(130deg); } 100% { transform: rotate(265deg); } } @keyframes rotate-arc { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(1080deg); } } @keyframes linear-rotate { to { transform: rotate(360deg); } } @keyframes spin-reverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes wavy-spin { 0% { transform: rotate(0deg); } 10% { transform: rotate(90deg); } 100% { transform: rotate(360deg); } } @media (forced-colors: active) { :host([variant="flat"]) circle { fill: Canvas; } :host([variant="flat"]) .circle { border-color: var(--m3e-progress-indicator-color, ${l.color.primary}) var(--m3e-progress-indicator-color, ${l.color.primary}) Canvas Canvas; } } @media (forced-colors: active) { .progress { --m3e-progress-indicator-track-color: GrayText; --m3e-progress-indicator-color: CanvasText; } }`],Kg.__nextMaskId=0,De([dt({type:Boolean,reflect:!0})],Kg.prototype,"indeterminate",void 0),Kg=jg=De([m("m3e-circular-progress-indicator")],Kg);let sy=ry=class extends xg{constructor(){super(...arguments),Zg.add(this),Gg.set(this,"m3e-linear-progress-mask-"+ry.__nextMaskId++),Xg.set(this,0),Yg.set(this,0),Jg.set(this,0),Qg.set(this,new _(this,{skipInitial:!0,target:null,callback:()=>{Be(this,Zg,"m",ay).call(this),Be(this,Zg,"m",oy).call(this),queueMicrotask(()=>this.requestUpdate())}})),this.mode="determinate",this.bufferValue=0}firstUpdated(e){super.firstUpdated(e),Be(this,Zg,"m",ay).call(this),Be(this,Zg,"m",oy).call(this);const t=this.shadowRoot?.querySelector(".stroke");t&&Be(this,Qg,"f").observe(t);const a=this.shadowRoot?.querySelector(".amplitude-and-wavelength");a&&Be(this,Qg,"f").observe(a)}update(e){super.update(e),e.has("mode")&&(this.ariaValueNow="indeterminate"===this.mode||"query"===this.mode?null:`${this.value}`)}updated(e){if(super.updated(e),e.has("value")||e.has("bufferValue")||e.has("max")){const e=this.shadowRoot?.querySelector(".progress");e?.style.setProperty("--_value",this.value/this.max*100+"%"),e?.style.setProperty("--_buffer-value",this.bufferValue/this.max*100+"%")}}render(){const e=Math.max(0,Math.min(this.value,this.max))/this.max*this.clientWidth,t="indeterminate"===this.mode||"query"===this.mode?this.clientWidth:e+3*Be(this,Jg,"f"),a="wavy"===this.variant&&Be(this,Xg,"f")>0&&Be(this,Yg,"f")>0&&Be(this,Jg,"f")>0?Be(this,Zg,"m",iy).call(this,t):void 0;return o`<div class="progress" aria-hidden="true" style="${he({"--_translate-x":`-${e}px`})}">${a?i:o`<div class="track"></div>`} ${("determinate"===this.mode||"buffer"===this.mode)&&this.value<=0?i:o`<div class="primary">${!a||"determinate"!==this.mode&&"buffer"!==this.mode?i:Be(this,Zg,"m",ey).call(this,t,a.height,a.viewBox,a.path)}</div>${"determinate"===this.mode||"buffer"===this.mode?o`<div class="gap"></div>`:i}`} ${"buffer"!==this.mode||this.bufferValue>0?o`<div class="secondary"></div>`:i} ${"buffer"===this.mode&&this.bufferValue>0?o`<div class="gap"></div>`:i} ${"buffer"===this.mode?o`<div class="buffer"></div>`:i} ${("determinate"===this.mode||"buffer"===this.mode)&&this.value>0?o`<div class="gap"></div><div class="stop"></div>`:i} ${a&&"determinate"!==this.mode&&"buffer"!==this.mode?Be(this,Zg,"m",ey).call(this,t,a.height,a.viewBox,a.path):i}</div>${Be(this,Zg,"m",ty).call(this)}`}};var ny,ly,cy,dy,hy,my,py;Gg=new WeakMap,Xg=new WeakMap,Yg=new WeakMap,Jg=new WeakMap,Qg=new WeakMap,Zg=new WeakSet,ey=function(e,t,a,i){const r="indeterminate"===this.mode||"query"===this.mode;return r||this.value/this.max!==1?o`<svg class="wave" width="${e}" height="${t}" viewBox="${a}" preserveAspectRatio="none">${r?n`
+        <mask id="${Be(this,Gg,"f")}" maskUnits="userSpaceOnUse">
           <rect width="${e}" height="${t}" fill="black" />
           <rect class="primary" height="${t}" fill="white" />
           <rect class="secondary" height="${t}" fill="white" />
         </mask>
-        <mask id="${`${He(this,Vg,"f")}-inverse`}" maskUnits="userSpaceOnUse">
+        <mask id="${`${Be(this,Gg,"f")}-inverse`}" maskUnits="userSpaceOnUse">
           <rect width="${e}" height="${t}" fill="white" />
           <rect class="primary" height="${t}" fill="black" />
           <rect class="secondary" height="${t}" fill="black" />
         </mask>
-        <g mask="${de(He(this,Vg,"f"))}">
-          <path d="${i}" stroke="currentColor" stroke-width=${He(this,Ug,"f")} fill="none" stroke-linecap="round" />
+        <g mask="${de(Be(this,Gg,"f"))}">
+          <path d="${i}" stroke="currentColor" stroke-width=${Be(this,Xg,"f")} fill="none" stroke-linecap="round" />
         </g>
-        <g mask="${de(`${He(this,Vg,"f")}-inverse`)}">
-          <rect class="track" width="100%" height="${He(this,Ug,"f")}" fill="currentColor" />
-        </g>`:n`<path d="${i}" stroke="currentColor" stroke-width=${He(this,Ug,"f")} fill="none" stroke-linecap="round" />`}</svg>`:o`<div class="complete"></div>`},Gg=function(){return o`<div class="stroke" aria-hidden="true"></div><div class="amplitude-and-wavelength" aria-hidden="true"></div>`},Xg=function(){const e=this.shadowRoot?.querySelector(".stroke");e&&Oe(this,Ug,e.clientHeight,"f")},Yg=function(){const e=this.shadowRoot?.querySelector(".amplitude-and-wavelength");e&&(Oe(this,Ng,e.clientHeight,"f"),Oe(this,jg,e.clientWidth,"f"))},Jg=function(e,t=0){const a=He(this,Ng,"f")+He(this,Ug,"f")/2,o=a,i=[],r=He(this,jg,"f")/2;let s=0;for(i.push(`M ${s},${o}`);s<=e;){const e=s+r,n=o+a*Math.sin(2*Math.PI*e/He(this,jg,"f")+t),l=s+r/2,c=o+a*Math.sin(2*Math.PI*(s+r/2)/He(this,jg,"f")+t);i.push(`Q ${l},${c} ${e},${n}`),s+=r}const n=`0 -1 ${e} ${2*a+2}`;return{path:i.join(" "),viewBox:n,height:He(this,Ug,"f")+2*He(this,Ng,"f"),padding:1}},ey.styles=[vg.styles,t`:host { display: block; position: relative; } .progress { width: 100%; height: 100%; position: relative; align-items: center; border-radius: var(--m3e-linear-progress-indicator-shape, ${l.shape.corner.extraSmall}); } .stroke, .amplitude-and-wavelength { visibility: hidden; position: absolute; } .stroke { width: 100%; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } .amplitude-and-wavelength { height: var(--m3e-linear-wavy-progress-indicator-amplitude, 0.1875rem); width: var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem); } :host([mode="indeterminate"]) .amplitude-and-wavelength, :host([mode="query"]) .amplitude-and-wavelength { width: var(--m3e-linear-wavy-indeterminate-progress-indicator-wavelength, 1.5rem); } .primary, .secondary, .stop { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } .stop { aspect-ratio: 1; flex: none; } :host([variant="flat"]) { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } :host([variant="wavy"]) { height: calc( var(--m3e-linear-progress-indicator-thickness, 0.25rem) + calc(var(--m3e-linear-wavy-progress-indicator-amplitude, 0.1875rem) * 2) ); } :host([variant="wavy"]) .primary, :host([variant="wavy"]) .secondary { position: relative; height: 100%; overflow: hidden; } :host([variant="wavy"]) .complete { position: absolute; margin: auto; top: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); left: 0; right: 0; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } :host([variant="wavy"]) .secondary { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } .wave { position: absolute; display: block; } .primary .wave, .secondary .wave { margin-inline-start: calc(0px - var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem)); } :host([variant="wavy"][mode="determinate"]) .primary path, :host([variant="wavy"][mode="buffer"]) .primary path { animation: wave-slide 1.5s linear infinite; } @keyframes wave-slide { from { transform: translateX(0); } to { transform: translateX(calc(0px - var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem))); } } :host([mode="determinate"]) .progress, :host([mode="buffer"]) .progress { display: flex; overflow: hidden; } :host([mode="determinate"]) .primary, :host([mode="buffer"]) .primary { width: var(--_value, 0px); flex: none; } :host([mode="determinate"]) .gap, :host([mode="buffer"]) .gap { flex-basis: var(--m3e-linear-progress-indicator-thickness, 0.25rem); flex-shrink: 1; } :host([mode="determinate"]) .secondary, :host([mode="buffer"]) .buffer { flex: 1 1 auto; } :host([mode="buffer"]) .buffer { flex-shrink: 5; height: 100%; width: 100%; background-color: var(--m3e-progress-indicator-track-color, ${l.color.secondaryContainer}); mask-image: radial-gradient( circle, black 0, black calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2), transparent calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2) ); mask-size: calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) * 2) 100%; mask-repeat: repeat; animation: buffer 250ms linear infinite; } :host(:dir(rtl)[mode="buffer"]) .buffer { transform: scaleX(-1); } @keyframes buffer { from { mask-position: 0 0; } to { mask-position: calc(-1 * calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) * 2)) 0; } } :host([mode="buffer"]) .secondary { width: var(--_buffer-value, 0px); flex: none; } :host([mode="indeterminate"]) .primary, :host([mode="query"]) .primary { position: absolute; top: 0; height: 100%; border-radius: inherit; animation: indeterminate-primary 2.1s infinite linear; } :host([variant="wavy"][mode="indeterminate"]) .primary, :host([variant="wavy"][mode="query"]) .primary { animation-name: wavy-indeterminate-primary; } :host([mode="indeterminate"]) .secondary, :host([mode="query"]) .secondary { position: absolute; top: 0; height: 100%; border-radius: inherit; animation: indeterminate-secondary 2.1s infinite linear; animation-delay: 1.15s; animation-fill-mode: backwards; } :host([variant="wavy"][mode="indeterminate"]) .secondary, :host([variant="wavy"][mode="query"]) .secondary { animation-name: wavy-indeterminate-secondary; } :host([mode="indeterminate"]) .progress, :host([mode="query"]) .progress { overflow: hidden; position: relative; } :host(:not(:dir(rtl))[mode="query"]) .progress, :host(:dir(rtl)[mode="indeterminate"]) .progress { transform: scaleX(-1); } :host([variant="flat"]) .primary, :host([variant="flat"][mode="indeterminate"]) .secondary, :host([variant="flat"][mode="query"]) .secondary, :host([variant="wavy"]) .complete, .stop { background-color: var(--m3e-progress-indicator-color, ${l.color.primary}); } :host([variant="wavy"]) .progress { color: var(--m3e-progress-indicator-color, ${l.color.primary}); } :host([mode="determinate"]) .secondary, :host([mode="buffer"]) .secondary, :host([variant="flat"][mode="indeterminate"]) .track, :host([variant="flat"][mode="query"]) .track { background-color: var(--m3e-progress-indicator-track-color, ${l.color.secondaryContainer}); } :host([variant="wavy"][mode="indeterminate"]) .track, :host([variant="wavy"][mode="query"]) .track { color: var(--m3e-progress-indicator-track-color, ${l.color.secondaryContainer}); } :host([variant="wavy"][mode="indeterminate"]) .track, :host([variant="wavy"][mode="query"]) .track { y: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); border-radius: inherit; } :host([variant="flat"][mode="indeterminate"]) .track, :host([variant="flat"][mode="query"]) .track { position: absolute; margin: auto; top: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); left: 0; right: 0; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } @keyframes indeterminate-primary { 0% { left: -145.167%; width: 8%; } 20% { left: -113.333%; width: 48%; } 60% { left: 56.333%; width: 78%; } 100% { left: 100%; width: 8%; } } @keyframes indeterminate-secondary { 0% { left: -54.888%; width: 8%; } 20% { left: -20%; width: 48%; } 60% { left: 60%; width: 78%; } 100% { left: 160%; width: 8%; } } @keyframes wavy-indeterminate-primary { 0% { transform: translateX(-145.167%); width: 8%; } 20% { transform: translateX(-113.333%); width: 48%; } 60% { transform: translateX(56.333%); width: 78%; } 100% { transform: translateX(100%); width: 8%; } } @keyframes wavy-indeterminate-secondary { 0% { transform: translateX(-54.888%); width: 8%; } 20% { transform: translateX(-20%); width: 48%; } 60% { transform: translateX(60%); width: 78%; } 100% { transform: translateX(160%); width: 8%; } } @media (forced-colors: active) { .progress { --m3e-progress-indicator-track-color: GrayText; --m3e-progress-indicator-color: CanvasText; } }`],ey.__nextMaskId=0,We([nt({reflect:!0})],ey.prototype,"mode",void 0),We([nt({attribute:"buffer-value",type:Number,reflect:!0})],ey.prototype,"bufferValue",void 0),ey=Qg=We([m("m3e-linear-progress-indicator")],ey);let ly=class extends(q(F(V(le(M(I(K(W(w(d(a,"radio"),!0)))))))))){constructor(){super(...arguments),ty.add(this),ay.set(this,e=>He(this,ty,"m",sy).call(this,e)),oy.set(this,new Z(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),iy.set(this,new O(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(ay=new WeakMap,oy=new WeakMap,iy=new WeakMap,ty=new WeakSet,G)](){return this.checked&&!this.disabled?this.value:null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,ay,"f"));for(const e of this.labels)He(this,oy,"f").observe(e),He(this,iy,"f").observe(e)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,ay,"f"));for(const e of this.labels)He(this,oy,"f").unobserve(e),He(this,iy,"f").unobserve(e)}update(e){super.update(e),e.has("checked")&&He(this,ty,"m",ny).call(this)}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" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${He(this,ty,"m",ry).call(this)}</div></div>`}};var cy,dy,hy,my,py,uy,vy;ry=function(){return o`<svg viewBox="0 0 20 20"><mask id="cutout2"><rect width="100%" height="100%" fill="white"></rect><circle cx="10" cy="10" r="8" fill="black"></circle></mask><circle class="outer circle" cx="10" cy="10" r="10" mask="url(#cutout2)"></circle><circle class="inner circle" cx="10" cy="10" r="5"></circle></svg>`},sy=function(e){e.defaultPrevented||this.checked||this.disabled||(this.checked=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(He(this,ty,"m",ny).call(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.checked=!1,this.closest("label")&&e.preventDefault())},ny=function(){const e=this.closest("m3e-radio-group");e?e[xe].notifySelectionChange(this):this.name&&this.checked&&[...this.getRootNode()?.querySelectorAll(`m3e-radio[name="${this.name}"]`)??[]].filter(e=>e!==this&&e.checked).forEach(e=>e.checked=!1)},ly.styles=t`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-radio-container-size, 2.5rem) + ${l.density.calc(-3)}); height: calc(var(--m3e-radio-container-size, 2.5rem) + ${l.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) .base { --m3e-state-layer-hover-color: var(--m3e-radio-unselected-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-radio-unselected-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-radio-unselected-ripple-color, ${l.color.onSurface}); color: var(--m3e-radio-unselected-icon-color, ${l.color.onSurfaceVariant}); } :host([checked]) .base { --m3e-state-layer-hover-color: var(--m3e-radio-selected-hover-color, ${l.color.primary}); --m3e-state-layer-focus-color: var(--m3e-radio-selected-focus-color, ${l.color.primary}); --m3e-ripple-color: var(--m3e-radio-selected-ripple-color, ${l.color.primary}); color: var(--m3e-radio-selected-icon-color, ${l.color.primary}); } :host([aria-disabled="true"]) .base { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${l.color.onSurface}) 38%, transparent); } :host(:state(-touched):state(-invalid)) .base { --m3e-state-layer-hover-color: var(--m3e-radio-error-hover-color, ${l.color.error}); --m3e-state-layer-focus-color: var(--m3e-radio-error-focus-color, ${l.color.error}); --m3e-ripple-color: var(--m3e-radio-error-ripple-color, ${l.color.error}); color: var(--m3e-radio-error-icon-color, ${l.color.error}); } @media (forced-colors: active) { :host(:not([checked])) .base, :host([checked]) .base { --m3e-state-layer-hover-color: var(--_radio-forced-color, CanvasText); --m3e-state-layer-focus-color: var(--_radio-forced-color, CanvasText); --m3e-ripple-color: var(--_radio-forced-color, CanvasText); color: var(--_radio-forced-color, CanvasText); } :host([aria-disabled="true"]) .base { color: GrayText; } :host(:state(-touched):state(-invalid)) .base { --_radio-forced-color: Highlight; color: Highlight; } }`,We([dt(".focus-ring")],ly.prototype,"_focusRing",void 0),We([dt(".state-layer")],ly.prototype,"_stateLayer",void 0),We([dt(".ripple")],ly.prototype,"_ripple",void 0),We([nt()],ly.prototype,"value",void 0),ly=We([m("m3e-radio")],ly);let by=class extends(q(R(F(V(U(N(K(W(w(d(a,"radiogroup"))))))))))){constructor(){super(...arguments),cy.add(this),dy.set(this,void 0),hy.set(this,()=>He(this,cy,"m",uy).call(this)),this[vy]=(new we).withWrap().withDirectionality(Le.current).onActiveItemChange(()=>{this[xe].activeItem?.click()})}static get observedAttributes(){return[...super.observedAttributes,"aria-invalid"]}get radios(){return this[xe]?.items??[]}get selected(){return this[xe]?.selectedItems[0]??null}get value(){return this.selected?.value??null}markAsTouched(){super.markAsTouched(),this.radios.forEach(e=>e.markAsTouched())}markAsUntouched(){super.markAsUntouched(),this.radios.forEach(e=>e.markAsUntouched())}markAsDirty(){super.markAsDirty(),this.radios.forEach(e=>e.markAsDirty())}markAsPristine(){super.markAsPristine(),this.radios.forEach(e=>e.markAsPristine())}attributeChangedCallback(e,t,a){switch(super.attributeChangedCallback(e,t,a),e){case"name":this.radios.forEach(e=>e.name=this.name);break;case"aria-invalid":this.radios.forEach(e=>{u(e,"-invalid","true"===a),e[me]?.()})}}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",He(this,hy,"f")),Oe(this,dy,Le.observe(()=>this[xe].directionality=Le.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",He(this,hy,"f")),He(this,dy,"f")?.call(this)}update(e){super.update(e),e.has("disabled")&&(this.ariaDisabled=null),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[xe].disabled=this.disabled)}render(){return o`<slot @slotchange="${He(this,cy,"m",my)}" @keydown="${He(this,cy,"m",py)}" @change="${He(this,cy,"m",uy)}"></slot>`}};var fy,gy,yy,$y,xy;dy=new WeakMap,hy=new WeakMap,cy=new WeakSet,vy=xe,my=function(){const{added:e}=this[xe].setItems([...this.querySelectorAll("m3e-radio")]);e.forEach(e=>e.name=e.name||this.name)},py=function(e){this[xe].onKeyDown(e)},uy=function(){this.checkValidity()},by.styles=t`:host { display: inline-flex; }`,by=We([m("m3e-radio-group")],by);let wy=xy=class extends(F(V(le(W(w(d(a,"radio"),!0)))))){constructor(){super(...arguments),fy.add(this),gy.set(this,e=>He(this,fy,"m",$y).call(this,e)),this.value="on"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",He(this,gy,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",He(this,gy,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){const t=this.closest("m3e-segmented-button");t&&(this.role=t.multi?"button":"radio"),super.update(e),e.has("checked")&&t?.[xe].notifySelectionChange(this),e.has("disabled")&&(this.disabled?this.nextElementSibling instanceof xy&&(this.nextElementSibling.disabled?this.style.removeProperty("--_segmented-button-disabled-outline-color"):this.style.setProperty("--_segmented-button-disabled-outline-color",`var(--m3e-segmented-button-outline-color, ${l.color.outline})`)):(this.style.removeProperty("--_segmented-button-disabled-outline-color"),this.previousElementSibling instanceof xy&&(this.previousElementSibling.disabled?this.previousElementSibling.style.setProperty("--_segmented-button-disabled-outline-color",`var(--m3e-segmented-button-outline-color, ${l.color.outline})`):this.previousElementSibling.style.removeProperty("--_segmented-button-disabled-outline-color"))))}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><slot name="icon" @slotchange="${He(this,fy,"m",yy)}"></slot></div><div class="label"><slot></slot></div></div></div>`}};var ky,Cy,Sy,_y,Ly,zy;gy=new WeakMap,fy=new WeakSet,yy=function(e){u(this,"-with-icon",p(e.target))},$y=function(e){if(e.defaultPrevented)return;const t=this.closest("m3e-segmented-button");if(t&&(t.multi||!this.checked)){const e=this.checked;this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.closest("m3e-segmented-button")?.[xe].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.checked=e}},wy.styles=t`:host { display: inline-block; position: relative; vertical-align: middle; outline: none; user-select: none; flex: 1 1 auto; min-width: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: inline-flex; vertical-align: middle; align-items: center; width: 100%; height: calc(var(--m3e-segmented-button-height, 2.5rem) + ${l.density.calc(-3)}); box-sizing: border-box; border-width: var(--m3e-segmented-button-outline-thickness, 1px); border-color: var(--m3e-segmented-button-outline-color, ${l.color.outline}); border-style: solid; border-radius: inherit; border-inline-start-style: var(--_segmented-button-left-border, solid); 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; padding-inline-start: var(--m3e-segmented-button-padding-start, 1rem); padding-inline-end: var(--m3e-segmented-button-padding-end, 1rem); column-gap: var(--m3e-segmented-button-spacing, 0.5rem); } .label { font-size: var(--m3e-segmented-button-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-segmented-button-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-segmented-button-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-segmented-button-tracking, ${l.typescale.standard.label.large.tracking}); justify-self: center; flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .icon { display: flex; align-items: center; justify-content: center; transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host(:not(:disabled)) { cursor: pointer; } :host([checked]:not(:state(-hide-selection))) .wrapper, :host(:state(-with-icon)) .wrapper { padding-inline-start: var(--m3e-segmented-button-with-icon-padding-start, 0.75rem); } :host(:not(:disabled)[checked]) .base { background-color: var(--m3e-segmented-button-selected-container-color, ${l.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-segmented-button-selected-container-hover-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-segmented-button-selected-container-focus-color, ${l.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-segmented-button-selected-ripple-color, ${l.color.onSecondaryContainer}); } :host(:not(:disabled)[checked]) .label { color: var(--m3e-segmented-button-selected-label-text-color, ${l.color.onSecondaryContainer}); } :host(:not(:disabled)[checked]) .icon { color: var(--m3e-segmented-button-selected-icon-color, ${l.color.onSecondaryContainer}); } :host(:not(:disabled):not([checked])) .base { --m3e-state-layer-hover-color: var( --m3e-segmented-button-unselected-container-hover-color, ${l.color.onSurface} ); --m3e-state-layer-focus-color: var( --m3e-segmented-button-unselected-container-focus-color, ${l.color.onSurface} ); --m3e-ripple-color: var(--m3e-segmented-button-unselected-ripple-color, ${l.color.onSurface}); } :host(:not(:disabled):not([checked])) .label { color: var(--m3e-segmented-button-unselected-label-text-color, ${l.color.onSurface}); } :host(:not(:disabled):not([checked])) .icon { color: var(--m3e-segmented-button-unselected-icon-color, ${l.color.onSurface}); } :host(:not(:state(-with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-segmented-button-spacing, 0.5rem)); transition: margin-inline-start ${l.motion.spring.fastEffects}; } .check, ::slotted([slot="icon"]) { width: 1em; font-size: var(--m3e-segmented-button-icon-size, 1.125rem) !important; } :host(:not([checked])) .check, :host(:state(-hide-selection)) .check, :host(:state(-hide-selection):not(:state(-with-icon))) .icon { display: none; } :host([checked]) .icon { margin-inline-start: 0; } :host([checked]:not(:state(-hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:disabled) .base { border-color: color-mix( in srgb, var(--m3e-segmented-button-disabled-outline-color, ${l.color.onSurface}) var(--m3e-segmented-button-disabled-outline-opacity, 12%), transparent ); border-inline-end-color: var( --_segmented-button-disabled-outline-color, color-mix( in srgb, var(--m3e-segmented-button-disabled-outline-color, ${l.color.onSurface}) var(--m3e-segmented-button-disabled-outline-opacity, 12%), transparent ) ); } :host(:disabled) .label { color: color-mix( in srgb, var(--m3e-segmented-button-disabled-label-text-color, ${l.color.onSurface}) var(--m3e-segmented-button-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) .icon { color: color-mix( in srgb, var(--m3e-segmented-button-disabled-icon-color, ${l.color.onSurface}) var(--m3e-segmented-button-disabled-icon-opacity, 38%), transparent ); } @media (prefers-reduced-motion) { .base, .icon, .label { transition: none; } } @media (forced-colors: active) { .base, .icon, .label { transition: none !important; } :host(:disabled) .label, :host(:disabled) .icon { color: GrayText; } :host(:not([selected]):not(:disabled)) .label, :host(:not([selected]):not(:disabled)) .icon { color: ButtonText; } :host(:not(:disabled)[checked]) .base { background-color: ButtonText; } :host(:not(:disabled)[checked]) .label, :host(:not(:disabled)[checked]) .icon { forced-color-adjust: none; color: ButtonFace; } :host { --m3e-segmented-button-outline-color: ButtonText; } }`,We([dt(".focus-ring")],wy.prototype,"_focusRing",void 0),We([dt(".state-layer")],wy.prototype,"_stateLayer",void 0),We([dt(".ripple")],wy.prototype,"_ripple",void 0),We([nt()],wy.prototype,"value",void 0),wy=xy=We([m("m3e-button-segment")],wy);let Ey=class extends(q(F(V(K(W(w(d(a,"radiogroup")))))))){constructor(){super(...arguments),ky.add(this),Cy.set(this,void 0),this[zy]=(new we).withWrap().withDirectionality(Le.current).onActiveItemChange(()=>this[xe].activeItem?.click()),this.multi=!1,this.hideSelectionIndicator=!1}get segments(){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[(Cy=new WeakMap,ky=new WeakSet,zy=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[xe].multi=this.multi,this[xe].disableRovingTabIndex(this.multi),Oe(this,Cy,Le.observe(()=>this[xe].directionality=Le.current),"f")}disconnectedCallback(){super.disconnectedCallback(),He(this,Cy,"f")?.call(this)}update(e){super.update(e),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[xe].disabled=this.disabled),e.has("multi")&&(this.role=this.multi?"group":"radiogroup",this[xe].multi=this.multi,this[xe].disableRovingTabIndex(this.multi)),(e.has("multi")||e.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),e.has("hideSelectionIndicator")&&this.segments.forEach(e=>u(e,"-hide-selection",this.hideSelectionIndicator))}render(){return o`<slot @slotchange="${He(this,ky,"m",Sy)}" @keydown="${He(this,ky,"m",_y)}" @change="${He(this,ky,"m",Ly)}"></slot>`}};Sy=function(){const{added:e}=this[xe].setItems([...this.querySelectorAll("m3e-button-segment")]);e.forEach(e=>u(e,"-hide-selection",this.hideSelectionIndicator)),this[xe].items.forEach((e,t)=>{u(e,"-first",0==t),u(e,"-last",t==this[xe].items.length-1)})},_y=function(e){this.multi||this[xe].onKeyDown(e)},Ly=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Ey.styles=t`:host { display: inline-flex; vertical-align: middle; align-items: center; } ::slotted(:state(-first)) { border-start-start-radius: var(--m3e-segmented-button-start-shape, ${l.shape.corner.full}); border-end-start-radius: var(--m3e-segmented-button-start-shape, ${l.shape.corner.full}); } ::slotted(:state(-last)) { border-start-end-radius: var(--m3e-segmented-button-end-shape, ${l.shape.corner.full}); border-end-end-radius: var(--m3e-segmented-button-end-shape, ${l.shape.corner.full}); } ::slotted(:not(:state(-first))) { --_segmented-button-left-border: none; }`,We([nt({type:Boolean})],Ey.prototype,"multi",void 0),We([nt({attribute:"hide-selection-indicator",type:Boolean})],Ey.prototype,"hideSelectionIndicator",void 0),Ey=We([m("m3e-segmented-button")],Ey);
-/**
- * @license
- * 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 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}`}};
+        <g mask="${de(`${Be(this,Gg,"f")}-inverse`)}">
+          <rect class="track" width="100%" height="${Be(this,Xg,"f")}" fill="currentColor" />
+        </g>`:n`<path d="${i}" stroke="currentColor" stroke-width=${Be(this,Xg,"f")} fill="none" stroke-linecap="round" />`}</svg>`:o`<div class="complete"></div>`},ty=function(){return o`<div class="stroke" aria-hidden="true"></div><div class="amplitude-and-wavelength" aria-hidden="true"></div>`},ay=function(){const e=this.shadowRoot?.querySelector(".stroke");e&&qe(this,Xg,e.clientHeight,"f")},oy=function(){const e=this.shadowRoot?.querySelector(".amplitude-and-wavelength");e&&(qe(this,Yg,e.clientHeight,"f"),qe(this,Jg,e.clientWidth,"f"))},iy=function(e,t=0){const a=Be(this,Yg,"f")+Be(this,Xg,"f")/2,o=a,i=[],r=Be(this,Jg,"f")/2;let s=0;for(i.push(`M ${s},${o}`);s<=e;){const e=s+r,n=o+a*Math.sin(2*Math.PI*e/Be(this,Jg,"f")+t),l=s+r/2,c=o+a*Math.sin(2*Math.PI*(s+r/2)/Be(this,Jg,"f")+t);i.push(`Q ${l},${c} ${e},${n}`),s+=r}const n=`0 -1 ${e} ${2*a+2}`;return{path:i.join(" "),viewBox:n,height:Be(this,Xg,"f")+2*Be(this,Yg,"f"),padding:1}},sy.styles=[xg.styles,t`:host { display: block; position: relative; } .progress { width: 100%; height: 100%; position: relative; align-items: center; border-radius: var(--m3e-linear-progress-indicator-shape, ${l.shape.corner.extraSmall}); } .stroke, .amplitude-and-wavelength { visibility: hidden; position: absolute; } .stroke { width: 100%; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } .amplitude-and-wavelength { height: var(--m3e-linear-wavy-progress-indicator-amplitude, 0.1875rem); width: var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem); } :host([mode="indeterminate"]) .amplitude-and-wavelength, :host([mode="query"]) .amplitude-and-wavelength { width: var(--m3e-linear-wavy-indeterminate-progress-indicator-wavelength, 1.5rem); } .primary, .secondary, .stop { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } .stop { aspect-ratio: 1; flex: none; } :host([variant="flat"]) { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } :host([variant="wavy"]) { height: calc( var(--m3e-linear-progress-indicator-thickness, 0.25rem) + calc(var(--m3e-linear-wavy-progress-indicator-amplitude, 0.1875rem) * 2) ); } :host([variant="wavy"]) .primary, :host([variant="wavy"]) .secondary { position: relative; height: 100%; overflow: hidden; } :host([variant="wavy"]) .complete { position: absolute; margin: auto; top: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); left: 0; right: 0; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } :host([variant="wavy"]) .secondary { height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); } .wave { position: absolute; display: block; } .primary .wave, .secondary .wave { margin-inline-start: calc(0px - var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem)); } :host([variant="wavy"][mode="determinate"]) .primary path, :host([variant="wavy"][mode="buffer"]) .primary path { animation: wave-slide 1.5s linear infinite; } @keyframes wave-slide { from { transform: translateX(0); } to { transform: translateX(calc(0px - var(--m3e-linear-wavy-progress-indicator-wavelength, 2.5rem))); } } :host([mode="determinate"]) .progress, :host([mode="buffer"]) .progress { display: flex; overflow: hidden; } :host([mode="determinate"]) .primary, :host([mode="buffer"]) .primary { width: var(--_value, 0px); flex: none; } :host([mode="determinate"]) .gap, :host([mode="buffer"]) .gap { flex-basis: var(--m3e-linear-progress-indicator-thickness, 0.25rem); flex-shrink: 1; } :host([mode="determinate"]) .secondary, :host([mode="buffer"]) .buffer { flex: 1 1 auto; } :host([mode="buffer"]) .buffer { flex-shrink: 5; height: 100%; width: 100%; background-color: var(--m3e-progress-indicator-track-color, ${l.color.secondaryContainer}); mask-image: radial-gradient( circle, black 0, black calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2), transparent calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2) ); mask-size: calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) * 2) 100%; mask-repeat: repeat; animation: buffer 250ms linear infinite; } :host(:dir(rtl)[mode="buffer"]) .buffer { transform: scaleX(-1); } @keyframes buffer { from { mask-position: 0 0; } to { mask-position: calc(-1 * calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) * 2)) 0; } } :host([mode="buffer"]) .secondary { width: var(--_buffer-value, 0px); flex: none; } :host([mode="indeterminate"]) .primary, :host([mode="query"]) .primary { position: absolute; top: 0; height: 100%; border-radius: inherit; animation: indeterminate-primary 2.1s infinite linear; } :host([variant="wavy"][mode="indeterminate"]) .primary, :host([variant="wavy"][mode="query"]) .primary { animation-name: wavy-indeterminate-primary; } :host([mode="indeterminate"]) .secondary, :host([mode="query"]) .secondary { position: absolute; top: 0; height: 100%; border-radius: inherit; animation: indeterminate-secondary 2.1s infinite linear; animation-delay: 1.15s; animation-fill-mode: backwards; } :host([variant="wavy"][mode="indeterminate"]) .secondary, :host([variant="wavy"][mode="query"]) .secondary { animation-name: wavy-indeterminate-secondary; } :host([mode="indeterminate"]) .progress, :host([mode="query"]) .progress { overflow: hidden; position: relative; } :host(:not(:dir(rtl))[mode="query"]) .progress, :host(:dir(rtl)[mode="indeterminate"]) .progress { transform: scaleX(-1); } :host([variant="flat"]) .primary, :host([variant="flat"][mode="indeterminate"]) .secondary, :host([variant="flat"][mode="query"]) .secondary, :host([variant="wavy"]) .complete, .stop { background-color: var(--m3e-progress-indicator-color, ${l.color.primary}); } :host([variant="wavy"]) .progress { color: var(--m3e-progress-indicator-color, ${l.color.primary}); } :host([mode="determinate"]) .secondary, :host([mode="buffer"]) .secondary, :host([variant="flat"][mode="indeterminate"]) .track, :host([variant="flat"][mode="query"]) .track { background-color: var(--m3e-progress-indicator-track-color, ${l.color.secondaryContainer}); } :host([variant="wavy"][mode="indeterminate"]) .track, :host([variant="wavy"][mode="query"]) .track { color: var(--m3e-progress-indicator-track-color, ${l.color.secondaryContainer}); } :host([variant="wavy"][mode="indeterminate"]) .track, :host([variant="wavy"][mode="query"]) .track { y: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); border-radius: inherit; } :host([variant="flat"][mode="indeterminate"]) .track, :host([variant="flat"][mode="query"]) .track { position: absolute; margin: auto; top: calc(50% - calc(var(--m3e-linear-progress-indicator-thickness, 0.25rem) / 2)); left: 0; right: 0; height: var(--m3e-linear-progress-indicator-thickness, 0.25rem); border-radius: inherit; } @keyframes indeterminate-primary { 0% { left: -145.167%; width: 8%; } 20% { left: -113.333%; width: 48%; } 60% { left: 56.333%; width: 78%; } 100% { left: 100%; width: 8%; } } @keyframes indeterminate-secondary { 0% { left: -54.888%; width: 8%; } 20% { left: -20%; width: 48%; } 60% { left: 60%; width: 78%; } 100% { left: 160%; width: 8%; } } @keyframes wavy-indeterminate-primary { 0% { transform: translateX(-145.167%); width: 8%; } 20% { transform: translateX(-113.333%); width: 48%; } 60% { transform: translateX(56.333%); width: 78%; } 100% { transform: translateX(100%); width: 8%; } } @keyframes wavy-indeterminate-secondary { 0% { transform: translateX(-54.888%); width: 8%; } 20% { transform: translateX(-20%); width: 48%; } 60% { transform: translateX(60%); width: 78%; } 100% { transform: translateX(160%); width: 8%; } } @media (forced-colors: active) { .progress { --m3e-progress-indicator-track-color: GrayText; --m3e-progress-indicator-color: CanvasText; } }`],sy.__nextMaskId=0,De([dt({reflect:!0})],sy.prototype,"mode",void 0),De([dt({attribute:"buffer-value",type:Number,reflect:!0})],sy.prototype,"bufferValue",void 0),sy=ry=De([m("m3e-linear-progress-indicator")],sy);let uy=class extends(R(V(U(le(T(A(Z(H(k(d(a,"radio"),!0)))))))))){constructor(){super(...arguments),ny.add(this),ly.set(this,e=>Be(this,ny,"m",my).call(this,e)),cy.set(this,new G(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),dy.set(this,new D(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(ly=new WeakMap,cy=new WeakMap,dy=new WeakMap,ny=new WeakSet,X)](){return this.checked&&!this.disabled?this.value:null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,ly,"f"));for(const e of this.labels)Be(this,cy,"f").observe(e),Be(this,dy,"f").observe(e)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,ly,"f"));for(const e of this.labels)Be(this,cy,"f").unobserve(e),Be(this,dy,"f").unobserve(e)}update(e){super.update(e),e.has("checked")&&Be(this,ny,"m",py).call(this)}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" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${Be(this,ny,"m",hy).call(this)}</div></div>`}};var vy,by,fy,gy,yy,$y,xy;hy=function(){return o`<svg viewBox="0 0 20 20"><mask id="cutout2"><rect width="100%" height="100%" fill="white"></rect><circle cx="10" cy="10" r="8" fill="black"></circle></mask><circle class="outer circle" cx="10" cy="10" r="10" mask="url(#cutout2)"></circle><circle class="inner circle" cx="10" cy="10" r="5"></circle></svg>`},my=function(e){e.defaultPrevented||this.checked||this.disabled||(this.checked=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(Be(this,ny,"m",py).call(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.checked=!1,this.closest("label")&&e.preventDefault())},py=function(){const e=this.closest("m3e-radio-group");e?e[we].notifySelectionChange(this):this.name&&this.checked&&[...this.getRootNode()?.querySelectorAll(`m3e-radio[name="${this.name}"]`)??[]].filter(e=>e!==this&&e.checked).forEach(e=>e.checked=!1)},uy.styles=t`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-radio-container-size, 2.5rem) + ${l.density.calc(-3)}); height: calc(var(--m3e-radio-container-size, 2.5rem) + ${l.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) .base { --m3e-state-layer-hover-color: var(--m3e-radio-unselected-hover-color, ${l.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-radio-unselected-focus-color, ${l.color.onSurface}); --m3e-ripple-color: var(--m3e-radio-unselected-ripple-color, ${l.color.onSurface}); color: var(--m3e-radio-unselected-icon-color, ${l.color.onSurfaceVariant}); } :host([checked]) .base { --m3e-state-layer-hover-color: var(--m3e-radio-selected-hover-color, ${l.color.primary}); --m3e-state-layer-focus-color: var(--m3e-radio-selected-focus-color, ${l.color.primary}); --m3e-ripple-color: var(--m3e-radio-selected-ripple-color, ${l.color.primary}); color: var(--m3e-radio-selected-icon-color, ${l.color.primary}); } :host([aria-disabled="true"]) .base { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${l.color.onSurface}) 38%, transparent); } :host(:state(-touched):state(-invalid)) .base { --m3e-state-layer-hover-color: var(--m3e-radio-error-hover-color, ${l.color.error}); --m3e-state-layer-focus-color: var(--m3e-radio-error-focus-color, ${l.color.error}); --m3e-ripple-color: var(--m3e-radio-error-ripple-color, ${l.color.error}); color: var(--m3e-radio-error-icon-color, ${l.color.error}); } @media (forced-colors: active) { :host(:not([checked])) .base, :host([checked]) .base { --m3e-state-layer-hover-color: var(--_radio-forced-color, CanvasText); --m3e-state-layer-focus-color: var(--_radio-forced-color, CanvasText); --m3e-ripple-color: var(--_radio-forced-color, CanvasText); color: var(--_radio-forced-color, CanvasText); } :host([aria-disabled="true"]) .base { color: GrayText; } :host(:state(-touched):state(-invalid)) .base { --_radio-forced-color: Highlight; color: Highlight; } }`,De([pt(".focus-ring")],uy.prototype,"_focusRing",void 0),De([pt(".state-layer")],uy.prototype,"_stateLayer",void 0),De([pt(".ripple")],uy.prototype,"_ripple",void 0),De([dt()],uy.prototype,"value",void 0),uy=De([m("m3e-radio")],uy);let wy=class extends(R(F(V(U(N(j(Z(H(k(d(a,"radiogroup"))))))))))){constructor(){super(...arguments),vy.add(this),by.set(this,void 0),fy.set(this,()=>Be(this,vy,"m",$y).call(this)),this[xy]=(new ke).withWrap().withDirectionality(Ee.current).onActiveItemChange(()=>{this[we].activeItem?.click()})}static get observedAttributes(){return[...super.observedAttributes,"aria-invalid"]}get radios(){return this[we]?.items??[]}get selected(){return this[we]?.selectedItems[0]??null}get value(){return this.selected?.value??null}markAsTouched(){super.markAsTouched(),this.radios.forEach(e=>e.markAsTouched())}markAsUntouched(){super.markAsUntouched(),this.radios.forEach(e=>e.markAsUntouched())}markAsDirty(){super.markAsDirty(),this.radios.forEach(e=>e.markAsDirty())}markAsPristine(){super.markAsPristine(),this.radios.forEach(e=>e.markAsPristine())}attributeChangedCallback(e,t,a){switch(super.attributeChangedCallback(e,t,a),e){case"name":this.radios.forEach(e=>e.name=this.name);break;case"aria-invalid":this.radios.forEach(e=>{v(e,"-invalid","true"===a),e[me]?.()})}}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",Be(this,fy,"f")),qe(this,by,Ee.observe(()=>this[we].directionality=Ee.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",Be(this,fy,"f")),Be(this,by,"f")?.call(this)}update(e){super.update(e),e.has("disabled")&&(this.ariaDisabled=null),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[we].disabled=this.disabled)}render(){return o`<slot @slotchange="${Be(this,vy,"m",gy)}" @keydown="${Be(this,vy,"m",yy)}" @change="${Be(this,vy,"m",$y)}"></slot>`}};var ky,Cy,Sy,_y,Ly;by=new WeakMap,fy=new WeakMap,vy=new WeakSet,xy=we,gy=function(){const{added:e}=this[we].setItems([...this.querySelectorAll("m3e-radio")]);e.forEach(e=>e.name=e.name||this.name)},yy=function(e){this[we].onKeyDown(e)},$y=function(){this.checkValidity()},wy.styles=t`:host { display: inline-flex; }`,wy=De([m("m3e-radio-group")],wy);let zy=Ly=class extends(V(U(le(H(k(d(a,"radio"),!0)))))){constructor(){super(...arguments),ky.add(this),Cy.set(this,e=>Be(this,ky,"m",_y).call(this,e)),this.value="on"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,Cy,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,Cy,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){const t=this.closest("m3e-segmented-button");t&&(this.role=t.multi?"button":"radio"),super.update(e),e.has("checked")&&t?.[we].notifySelectionChange(this),e.has("disabled")&&(this.disabled?this.nextElementSibling instanceof Ly&&(this.nextElementSibling.disabled?this.style.removeProperty("--_segmented-button-disabled-outline-color"):this.style.setProperty("--_segmented-button-disabled-outline-color",`var(--m3e-segmented-button-outline-color, ${l.color.outline})`)):(this.style.removeProperty("--_segmented-button-disabled-outline-color"),this.previousElementSibling instanceof Ly&&(this.previousElementSibling.disabled?this.previousElementSibling.style.setProperty("--_segmented-button-disabled-outline-color",`var(--m3e-segmented-button-outline-color, ${l.color.outline})`):this.previousElementSibling.style.removeProperty("--_segmented-button-disabled-outline-color"))))}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><slot name="icon" @slotchange="${Be(this,ky,"m",Sy)}"></slot></div><div class="label"><slot></slot></div></div></div>`}};var Ey,My,Ty,Py,Iy,Ay;Cy=new WeakMap,ky=new WeakSet,Sy=function(e){v(this,"-with-icon",p(e.target))},_y=function(e){if(e.defaultPrevented)return;const t=this.closest("m3e-segmented-button");if(t&&(t.multi||!this.checked)){const e=this.checked;this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.closest("m3e-segmented-button")?.[we].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.checked=e}},zy.styles=t`:host { display: inline-block; position: relative; vertical-align: middle; outline: none; user-select: none; flex: 1 1 auto; min-width: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { display: inline-flex; vertical-align: middle; align-items: center; width: 100%; height: calc(var(--m3e-segmented-button-height, 2.5rem) + ${l.density.calc(-3)}); box-sizing: border-box; border-width: var(--m3e-segmented-button-outline-thickness, 1px); border-color: var(--m3e-segmented-button-outline-color, ${l.color.outline}); border-style: solid; border-radius: inherit; border-inline-start-style: var(--_segmented-button-left-border, solid); 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; padding-inline-start: var(--m3e-segmented-button-padding-start, 1rem); padding-inline-end: var(--m3e-segmented-button-padding-end, 1rem); column-gap: var(--m3e-segmented-button-spacing, 0.5rem); } .label { font-size: var(--m3e-segmented-button-font-size, ${l.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-segmented-button-font-weight, ${l.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-segmented-button-line-height, ${l.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-segmented-button-tracking, ${l.typescale.standard.label.large.tracking}); justify-self: center; flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } .icon { display: flex; align-items: center; justify-content: center; transition: ${e(`color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host(:not(:disabled)) { cursor: pointer; } :host([checked]:not(:state(-hide-selection))) .wrapper, :host(:state(-with-icon)) .wrapper { padding-inline-start: var(--m3e-segmented-button-with-icon-padding-start, 0.75rem); } :host(:not(:disabled)[checked]) .base { background-color: var(--m3e-segmented-button-selected-container-color, ${l.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-segmented-button-selected-container-hover-color, ${l.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-segmented-button-selected-container-focus-color, ${l.color.onSecondaryContainer} ); --m3e-ripple-color: var(--m3e-segmented-button-selected-ripple-color, ${l.color.onSecondaryContainer}); } :host(:not(:disabled)[checked]) .label { color: var(--m3e-segmented-button-selected-label-text-color, ${l.color.onSecondaryContainer}); } :host(:not(:disabled)[checked]) .icon { color: var(--m3e-segmented-button-selected-icon-color, ${l.color.onSecondaryContainer}); } :host(:not(:disabled):not([checked])) .base { --m3e-state-layer-hover-color: var( --m3e-segmented-button-unselected-container-hover-color, ${l.color.onSurface} ); --m3e-state-layer-focus-color: var( --m3e-segmented-button-unselected-container-focus-color, ${l.color.onSurface} ); --m3e-ripple-color: var(--m3e-segmented-button-unselected-ripple-color, ${l.color.onSurface}); } :host(:not(:disabled):not([checked])) .label { color: var(--m3e-segmented-button-unselected-label-text-color, ${l.color.onSurface}); } :host(:not(:disabled):not([checked])) .icon { color: var(--m3e-segmented-button-unselected-icon-color, ${l.color.onSurface}); } :host(:not(:state(-with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-segmented-button-spacing, 0.5rem)); transition: margin-inline-start ${l.motion.spring.fastEffects}; } .check, ::slotted([slot="icon"]) { width: 1em; font-size: var(--m3e-segmented-button-icon-size, 1.125rem) !important; } :host(:not([checked])) .check, :host(:state(-hide-selection)) .check, :host(:state(-hide-selection):not(:state(-with-icon))) .icon { display: none; } :host([checked]) .icon { margin-inline-start: 0; } :host([checked]:not(:state(-hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:disabled) .base { border-color: color-mix( in srgb, var(--m3e-segmented-button-disabled-outline-color, ${l.color.onSurface}) var(--m3e-segmented-button-disabled-outline-opacity, 12%), transparent ); border-inline-end-color: var( --_segmented-button-disabled-outline-color, color-mix( in srgb, var(--m3e-segmented-button-disabled-outline-color, ${l.color.onSurface}) var(--m3e-segmented-button-disabled-outline-opacity, 12%), transparent ) ); } :host(:disabled) .label { color: color-mix( in srgb, var(--m3e-segmented-button-disabled-label-text-color, ${l.color.onSurface}) var(--m3e-segmented-button-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) .icon { color: color-mix( in srgb, var(--m3e-segmented-button-disabled-icon-color, ${l.color.onSurface}) var(--m3e-segmented-button-disabled-icon-opacity, 38%), transparent ); } @media (prefers-reduced-motion) { .base, .icon, .label { transition: none; } } @media (forced-colors: active) { .base, .icon, .label { transition: none !important; } :host(:disabled) .label, :host(:disabled) .icon { color: GrayText; } :host(:not([selected]):not(:disabled)) .label, :host(:not([selected]):not(:disabled)) .icon { color: ButtonText; } :host(:not(:disabled)[checked]) .base { background-color: ButtonText; } :host(:not(:disabled)[checked]) .label, :host(:not(:disabled)[checked]) .icon { forced-color-adjust: none; color: ButtonFace; } :host { --m3e-segmented-button-outline-color: ButtonText; } }`,De([pt(".focus-ring")],zy.prototype,"_focusRing",void 0),De([pt(".state-layer")],zy.prototype,"_stateLayer",void 0),De([pt(".ripple")],zy.prototype,"_ripple",void 0),De([dt()],zy.prototype,"value",void 0),zy=Ly=De([m("m3e-button-segment")],zy);let Wy=class extends(R(V(U(Z(H(k(d(a,"radiogroup")))))))){constructor(){super(...arguments),Ey.add(this),My.set(this,void 0),this[Ay]=(new ke).withWrap().withDirectionality(Ee.current).onActiveItemChange(()=>this[we].activeItem?.click()),this.multi=!1,this.hideSelectionIndicator=!1}get segments(){return this[we]?.items??[]}get selected(){return this[we]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(My=new WeakMap,Ey=new WeakSet,Ay=we,X)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}connectedCallback(){super.connectedCallback(),this[we].multi=this.multi,this[we].disableRovingTabIndex(this.multi),qe(this,My,Ee.observe(()=>this[we].directionality=Ee.current),"f")}disconnectedCallback(){super.disconnectedCallback(),Be(this,My,"f")?.call(this)}update(e){super.update(e),e.has("disabled")&&(void 0!==e.get("disabled")||this.disabled)&&(this[we].disabled=this.disabled),e.has("multi")&&(this.role=this.multi?"group":"radiogroup",this[we].multi=this.multi,this[we].disableRovingTabIndex(this.multi)),(e.has("multi")||e.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),e.has("hideSelectionIndicator")&&this.segments.forEach(e=>v(e,"-hide-selection",this.hideSelectionIndicator))}render(){return o`<slot @slotchange="${Be(this,Ey,"m",Ty)}" @keydown="${Be(this,Ey,"m",Py)}" @change="${Be(this,Ey,"m",Iy)}"></slot>`}};var Hy,Oy,Dy,By,qy,Ry,Fy,Vy,Uy,Ny,jy,Ky,Zy,Gy,Xy,Yy,Jy,Qy,e$,t$,a$,o$,i$,r$,s$,n$,l$,c$,d$,h$;Ty=function(){const{added:e}=this[we].setItems([...this.querySelectorAll("m3e-button-segment")]);e.forEach(e=>v(e,"-hide-selection",this.hideSelectionIndicator)),this[we].items.forEach((e,t)=>{v(e,"-first",0==t),v(e,"-last",t==this[we].items.length-1)})},Py=function(e){this.multi||this[we].onKeyDown(e)},Iy=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Wy.styles=t`:host { display: inline-flex; vertical-align: middle; align-items: center; } ::slotted(:state(-first)) { border-start-start-radius: var(--m3e-segmented-button-start-shape, ${l.shape.corner.full}); border-end-start-radius: var(--m3e-segmented-button-start-shape, ${l.shape.corner.full}); } ::slotted(:state(-last)) { border-start-end-radius: var(--m3e-segmented-button-end-shape, ${l.shape.corner.full}); border-end-end-radius: var(--m3e-segmented-button-end-shape, ${l.shape.corner.full}); } ::slotted(:not(:state(-first))) { --_segmented-button-left-border: none; }`,De([dt({type:Boolean})],Wy.prototype,"multi",void 0),De([dt({attribute:"hide-selection-indicator",type:Boolean})],Wy.prototype,"hideSelectionIndicator",void 0),Wy=De([m("m3e-segmented-button")],Wy);let m$=h$=class extends(A(R(F(V(U(N(j(Z(H(k(d(a,"combobox")))))))))))){constructor(){super(),Hy.add(this),this._options=new Array,Oy.set(this,void 0),Dy.set(this,void 0),By.set(this,!1),qy.set(this,!1),Ry.set(this,"m3e-select-"+h$.__nextId++),Fy.set(this,`${Be(this,Ry,"f")}-list`),Vy.set(this,e=>Be(this,Hy,"m",Qy).call(this,e)),Uy.set(this,e=>Be(this,Hy,"m",e$).call(this,e)),Ny.set(this,e=>Be(this,Hy,"m",t$).call(this,e)),jy.set(this,e=>Be(this,Hy,"m",o$).call(this,e)),Ky.set(this,e=>Be(this,Hy,"m",a$).call(this,e)),this._listKeyManager=(new be).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&Be(this,Hy,"m",l$).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,new _(this,{callback:()=>{Be(this,Dy,"f")&&(Be(this,Dy,"f").style.minWidth=Be(this,Hy,"a",Xy))}}),new u(this,{config:{childList:!0,subtree:!0},callback:()=>Be(this,Hy,"m",Jy).call(this)})}get options(){return this._options??[]}get selected(){return this.options.filter(e=>e.selected)}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(Oy=new WeakMap,Dy=new WeakMap,By=new WeakMap,qy=new WeakMap,Ry=new WeakMap,Fy=new WeakMap,Vy=new WeakMap,Uy=new WeakMap,Ny=new WeakMap,jy=new WeakMap,Ky=new WeakMap,Hy=new WeakSet,Zy=function(){return this._listKeyManager?.items??[]},Gy=function(){return Be(this,Hy,"a",Zy).filter(e=>e.selected)},X)](){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(){qe(this,qy,!0,"f"),Be(this,Hy,"m",r$).call(this),this.focus({preventScroll:!0})}clear(e=!1){const t=Be(this,Hy,"a",Gy),a=t.length>0;a&&(t.forEach(e=>{e.selected=!1,Be(this,Hy,"m",c$).call(this,e)}),this.requestUpdate()),Be(this,Hy,"m",n$).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",Be(this,Vy,"f")),this.addEventListener("keydown",Be(this,Uy,"f")),this.addEventListener("keyup",Be(this,Ny,"f")),Be(this,Hy,"m",Jy).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,Vy,"f")),this.removeEventListener("keydown",Be(this,Uy,"f")),this.removeEventListener("keyup",Be(this,Ny,"f"))}update(e){super.update(e),e.has("hideSelectionIndicator")&&Be(this,Hy,"a",Zy).forEach(e=>v(e,"-hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(e){super.firstUpdated(e),this._focusRing?.attach(this),Be(this,Hy,"a",Yy)&&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>${e[Le]()}`:e[Le]())}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" aria-hidden="true"><slot></slot></div>`}};Xy=function(){const e=Be(this,Hy,"a",Yy);return`${e?e.menuAnchor.clientWidth:this.clientWidth}px`},Yy=function(){return this.closest("m3e-form-field")},Jy=function(){qe(this,Oy,this.cloneNode(!0),"f");const{added:e}=this._listKeyManager.setItems([...Be(this,Oy,"f").querySelectorAll("m3e-option")]);e.forEach(e=>{e.id=e.id||`${Be(this,Ry,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,v(e,"-hide-selection-indicator",this.hideSelectionIndicator)}),this._options=[...this.querySelectorAll("m3e-option")],Be(this,Hy,"a",Yy)?.notifyControlStateChange(),Be(this,Dy,"f")&&(Be(this,Dy,"f").replaceChildren(...Be(this,Oy,"f").childNodes),0==this._options.length&&Be(this,Hy,"m",n$).call(this))},Qy=function(e){e.defaultPrevented||this.disabled||Be(this,Hy,"m",r$).call(this)},e$=function(e){if(!e.defaultPrevented)switch(qe(this,qy,!1,"f"),e.key){case" ":case"Enter":e.preventDefault(),this.multi?Be(this,Dy,"f")||(qe(this,By,!0,"f"),Be(this,Hy,"m",r$).call(this)):(Be(this,Dy,"f")&&this._listKeyManager.activeItem&&Be(this,Hy,"m",d$).call(this,this._listKeyManager.activeItem),Be(this,Dy,"f")?.isOpen?f()?Be(this,Hy,"m",n$).call(this):setTimeout(()=>Be(this,Hy,"m",n$).call(this),150):Be(this,Hy,"m",s$).call(this));break;case"Escape":case"Tab":Be(this,Hy,"m",n$).call(this);break;case"Down":case"ArrowDown":this.multi&&!Be(this,Dy,"f")?Be(this,Hy,"m",r$).call(this):(this._listKeyManager.onKeyDown(e),!Be(this,Dy,"f")&&this._listKeyManager.activeItem&&Be(this,Hy,"m",d$).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(e),this.multi||Be(this,Dy,"f")||!this._listKeyManager.activeItem||Be(this,Hy,"m",d$).call(this,this._listKeyManager.activeItem)}},t$=function(e){if(!e.defaultPrevented)if(Be(this,By,"f"))qe(this,By,!1,"f");else switch(e.key){case" ":case"Enter":if(!this.multi)return;e.preventDefault(),Be(this,Dy,"f")&&this._listKeyManager.activeItem&&Be(this,Hy,"m",d$).call(this,this._listKeyManager.activeItem)}},a$=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&&(Be(this,Hy,"m",d$).call(this,t),this._listKeyManager.setActiveItem(t),this.multi?this.requestUpdate():f()?Be(this,Hy,"m",n$).call(this):setTimeout(()=>Be(this,Hy,"m",n$).call(this),150))},o$=function(e){if(Be(this,Dy,"f"))if("closed"!==e.newState){const t=Be(this,Hy,"a",Gy).find(e=>!e.disabled)??this._listKeyManager.items.find(e=>!e.disabled);this._listKeyManager.setActiveItem(t),t&&g(t,Be(this,Dy,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else f()?Be(this,Hy,"m",i$).call(this,e):setTimeout(()=>Be(this,Hy,"m",i$).call(this,e),100)},i$=function(e){Be(this,Dy,"f")&&(Be(this,Oy,"f")?.replaceChildren(...Be(this,Dy,"f").childNodes),Be(this,Dy,"f").remove(),Be(this,Dy,"f").removeEventListener("toggle",Be(this,jy,"f")),Be(this,Dy,"f").removeEventListener("pointerdown",Be(this,Ky,"f")),qe(this,Dy,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.requestUpdate(),b(this,"-open"),Be(this,Hy,"a",Yy)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState})))},r$=function(){this.disabled||(Be(this,Dy,"f")?Be(this,Hy,"m",n$).call(this):Be(this,Hy,"m",s$).call(this))},s$=function(){Be(this,Dy,"f")||0==this._options.length||(qe(this,Dy,document.createElement("m3e-option-panel"),"f"),this.multi&&(Be(this,Dy,"f").ariaMultiSelectable="true"),Be(this,Dy,"f").id=Be(this,Fy,"f"),Be(this,Dy,"f").style.overflowX="hidden",Be(this,Dy,"f").style.minWidth=Be(this,Hy,"a",Xy),Be(this,Dy,"f").addEventListener("toggle",Be(this,jy,"f")),Be(this,Dy,"f").addEventListener("pointerdown",Be(this,Ky,"f")),Be(this,Oy,"f")&&Be(this,Dy,"f").replaceChildren(...Be(this,Oy,"f").childNodes),(Be(this,Hy,"a",Yy)??this).insertAdjacentElement("afterend",Be(this,Dy,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",Be(this,Fy,"f")),this.setAttribute("aria-owns",Be(this,Fy,"f")),Be(this,Hy,"a",Yy)?.notifyControlStateChange(),setTimeout(()=>{Be(this,Dy,"f")?.show(this,Be(this,Hy,"a",Yy)?.menuAnchor),$(this,"-open")}))},n$=function(){Be(this,Dy,"f")&&(Be(this,Dy,"f").hide(),this.removeAttribute("aria-activedescendant"),b(this,"-open"))},l$=function(e){if(this.setAttribute("aria-activedescendant",e.id),Be(this,Dy,"f")){g(e,Be(this,Dy,"f"),{block:"nearest",behavior:"instant"});const t=!Be(this,qy,"f")&&(this.matches(":focus-visible")||y());Be(this,Hy,"a",Zy).forEach(a=>{a===e&&t?(a.focusRing?.show(),a.stateLayer?.show("focused")):(a.focusRing?.hide(),a.stateLayer?.hide("focused"))})}},c$=function(e){const t=this._options[this._listKeyManager.items.indexOf(e)];t&&(t.selected=e.selected)},d$=function(e){const t=!this.multi||!e.selected;e.selected!==t&&(e.selected=t,Be(this,Hy,"m",c$).call(this,e),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.multi||Be(this,Hy,"a",Gy).filter(t=>t!==e).forEach(e=>{e.selected=!1,Be(this,Hy,"m",c$).call(this,e)}),this.requestUpdate(),Be(this,Hy,"a",Yy)?.notifyControlStateChange(),this.dispatchEvent(new Event("change",{bubbles:!0}))):(e.selected=!t,Be(this,Hy,"m",c$).call(this,e)))},m$.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; }`,m$.__nextId=0,De([pt(".focus-ring")],m$.prototype,"_focusRing",void 0),De([dt({attribute:"hide-selection-indicator",type:Boolean})],m$.prototype,"hideSelectionIndicator",void 0),De([dt({type:Boolean})],m$.prototype,"multi",void 0),m$=h$=De([m("m3e-select")],m$);const p$=e("var(--m3e-shape-size, 3rem)"),u$=e(`var(--m3e-shape-container-color, ${l.color.primary})`),v$=e(`var(--m3e-shape-transition, clip-path ${l.motion.spring.slowEffects})`),b$=t`:host { display: inline-block; position: relative; aspect-ratio: 1 / 1; width: ${p$}; } :host([name]) .wrapper { background-color: ${u$}; transition: ${v$}; 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; } }`,f$={"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 g$=new Array;const y$=new Map;for(const e in f$)g$.push(f$[e]),y$.set(e,g$.length-1);const $$={};g$=ne(g$,300);for(const t of y$)$$[t[0]]=e(g$[t[1]]);const x$=$$;const w$=[...Object.getOwnPropertyNames(x$).map(a=>function(a){return t`:host([name="${e(a)}"]) .wrapper { clip-path: polygon(${x$[a]}); }`}(a))];let k$=class extends a{constructor(){super(...arguments),this.name=null}render(){return o`<div class="wrapper"><slot></slot></div>`}};var C$,S$,_$,L$,z$;k$.styles=[b$,w$],De([dt({reflect:!0})],k$.prototype,"name",void 0),k$=De([m("m3e-shape")],k$);let E$=class extends a{constructor(){super(...arguments),C$.add(this),S$.set(this,void 0),_$.set(this,new _(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(),qe(this,S$,Ee.observe(()=>this.requestUpdate()),"f")}disconnectedCallback(){super.disconnectedCallback(),Be(this,S$,"f")?.call(this)}firstUpdated(e){super.firstUpdated(e),Be(this,_$,"f").observe(this.scrollContainer)}render(){const e=o`<m3e-icon-button class="prev-button" tabindex="-1" aria-label="${this.previousPageLabel}" ?disabled="${!this._canPageStart}" @click="${Be(this,C$,"m",L$)}"><slot name="prev-icon">${"ltr"===Ee.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="${Be(this,C$,"m",z$)}"><slot name="next-icon">${"ltr"===Ee.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 M$,T$;S$=new WeakMap,_$=new WeakMap,C$=new WeakSet,L$=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"})}},z$=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"})}},E$.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); }`,De([pt(".content")],E$.prototype,"scrollContainer",void 0),De([ht()],E$.prototype,"_canPage",void 0),De([ht()],E$.prototype,"_canPageStart",void 0),De([ht()],E$.prototype,"_canPageEnd",void 0),De([dt({type:Boolean,reflect:!0})],E$.prototype,"disabled",void 0),De([dt({type:Boolean,reflect:!0})],E$.prototype,"vertical",void 0),De([dt({type:Number})],E$.prototype,"threshold",void 0),De([dt({attribute:"previous-page-label"})],E$.prototype,"previousPageLabel",void 0),De([dt({attribute:"next-page-label"})],E$.prototype,"nextPageLabel",void 0),De([h(40)],E$.prototype,"_updatePaging",null),E$=De([m("m3e-slide-group")],E$);let P$=class extends(V(U(Z(A(H(k(d(a,"slider")))))))){constructor(){super(...arguments),M$.add(this),this.value=null}get[(M$=new WeakSet,X)](){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">${Be(this,M$,"a",T$)}</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 I$,A$,W$,H$,O$,D$,B$,q$,R$,F$,V$,U$,N$,j$,K$,Z$,G$,X$,Y$,J$,Q$;T$=function(){return this.closest("m3e-slider")?.displayWith?.(this.value)??this.value?.toString()??""},P$.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; } }`,De([pt(".focus-ring")],P$.prototype,"_focusRing",void 0),De([dt({type:Number,reflect:!0})],P$.prototype,"value",void 0),P$=De([m("m3e-slider-thumb")],P$);let ex=class extends(k(a)){constructor(){super(),I$.add(this),A$.set(this,void 0),this._ticks=new Array,W$.set(this,new Array),H$.set(this,void 0),O$.set(this,0),D$.set(this,0),B$.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 _(this,{callback:()=>Be(this,I$,"m",j$).call(this,!0)})}get thumbs(){return Be(this,W$,"f")}get isRange(){return Be(this,W$,"f").length>1}get thumb(){return Be(this,W$,"f")[0]??null}get lowerThumb(){return this.thumb}get upperThumb(){return Be(this,W$,"f")[1]??null}connectedCallback(){super.connectedCallback(),qe(this,A$,Ee.observe(()=>{Be(this,I$,"m",j$).call(this,!0),this.requestUpdate()}),"f")}disconnectedCallback(){super.disconnectedCallback(),Be(this,A$,"f")?.call(this)}updated(e){super.updated(e),e.has("disabled")&&Be(this,W$,"f").forEach(e=>e.disabled=this.disabled)}render(){return o`<div class="base" tabindex="${wr(this.disabled?void 0:"-1")}" @pointerdown="${Be(this,I$,"m",Z$)}" @pointermove="${Be(this,I$,"m",G$)}" @pointerup="${Be(this,I$,"m",X$)}" @keydown="${Be(this,I$,"m",Y$)}" @value-change="${Be(this,I$,"m",J$)}"><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=>Be(this,I$,"m",q$).call(this,e))}</div><slot @slotchange="${Be(this,I$,"m",R$)}"></slot></div>`}};var tx,ax,ox,ix,rx,sx,nx,lx,cx;A$=new WeakMap,W$=new WeakMap,H$=new WeakMap,O$=new WeakMap,D$=new WeakMap,B$=new WeakMap,I$=new WeakSet,q$=function(e){return o`<div class="tick ${e.active?"active":"inactive"}" style="${he({transform:`translate(${"rtl"===Ee.current?-Be(this,I$,"m",V$).call(this,e.value):Be(this,I$,"m",V$).call(this,e.value)}px, 0)`})}"></div>`},R$=function(e){qe(this,W$,e.target.assignedElements({flatten:!0}).filter(e=>e instanceof P$),"f"),Be(this,W$,"f").length>2&&(Be(this,W$,"f").length=2),this.isRange?this._base?.style.setProperty("--_slider-active-track-middle-shape","0"):this._base?.style.removeProperty("--_slider-active-track-middle-shape"),Be(this,I$,"m",F$).call(this)},F$=function(){Be(this,W$,"f").forEach((e,t)=>{this.disabled&&(e.disabled=!0),e.ariaValueMin=`${Be(this,W$,"f")[t-1]?.value??this.min}`,e.ariaValueMax=`${Be(this,W$,"f")[t+1]?.value??this.max}`,e.ariaValueNow=`${e.value??Be(this,W$,"f")[t-1]?.value??this.min}`})},V$=function(e){return(Be(this,O$,"f")-Be(this,D$,"f"))*((e-this.min)/(this.max-this.min))},U$=function(e){const t="rtl"===Ee.current?Be(this,B$,"f")+Be(this,O$,"f")-e.clientX:e.clientX-Be(this,B$,"f"),a=0===this.step?1:this.step,o=Math.floor((this.max-this.min)/a),i=t/Be(this,O$,"f"),r=Math.round(i*o)/o*(this.max-this.min)+this.min;return Math.round(r/a)*a},N$=function(e=!1){this.lowerThumb&&(qe(this,O$,!e&&Be(this,O$,"f")>0?Be(this,O$,"f"):this.clientWidth,"f"),qe(this,D$,!e&&Be(this,D$,"f")>0?Be(this,D$,"f"):this.lowerThumb.clientWidth,"f"),qe(this,B$,!e&&Be(this,B$,"f")>0?Be(this,B$,"f"):this.getBoundingClientRect().left,"f"))},j$=function(e=!1){if(Be(this,I$,"m",N$).call(this,e),!this.lowerThumb)return;const t=this.lowerThumb.value??this.min,a=Be(this,I$,"m",V$).call(this,t);if(this.lowerThumb.style.transform=`translate(${"rtl"===Ee.current?-a:a}px, 0)`,this.upperThumb){const e=this.upperThumb.value??t,o=Be(this,I$,"m",V$).call(this,e);this.upperThumb.style.transform=`translate(${"rtl"===Ee.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+Be(this,D$,"f")}px`),this._base?.style.setProperty("--_slider-active-track-size",o-a-Be(this,D$,"f")+"px"),this._base?.style.setProperty("--_slider-inactive-track-after-offset",`${o+Be(this,D$,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",Be(this,O$,"f")-Be(this,D$,"f")-o+"px"),Be(this,I$,"m",K$).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+Be(this,D$,"f")}px`),this._base?.style.setProperty("--_slider-inactive-track-after-size",Be(this,O$,"f")-a-Be(this,D$,"f")+"px"),Be(this,I$,"m",K$).call(this,e=>e<t)},K$=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)})},Z$=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),qe(this,H$,e.composedPath().find(e=>e instanceof P$),"f"),Be(this,H$,"f"))return;const t=Be(this,I$,"m",U$).call(this,e);if(this.upperThumb){const e=this.lowerThumb.value??this.min,a=this.upperThumb.value??e;if(t<e)this.lowerThumb.disabled||(Be(this,I$,"m",Q$).call(this,this.lowerThumb,t,!0),qe(this,H$,this.lowerThumb,"f"));else if(t>a)this.upperThumb.disabled||(Be(this,I$,"m",Q$).call(this,this.upperThumb,t,!0),qe(this,H$,this.upperThumb,"f"));else{t<(e+a)/2&&!this.lowerThumb.disabled?(Be(this,I$,"m",Q$).call(this,this.lowerThumb,t,!0),qe(this,H$,this.lowerThumb,"f")):this.upperThumb.disabled||(Be(this,I$,"m",Q$).call(this,this.upperThumb,t,!0),qe(this,H$,this.upperThumb,"f"))}}else this.lowerThumb.disabled||(Be(this,I$,"m",Q$).call(this,this.lowerThumb,t,!0),qe(this,H$,this.lowerThumb,"f"))},G$=function(e){if(!(e.target instanceof HTMLElement)||!e.target.hasPointerCapture(e.pointerId)||!Be(this,H$,"f")||Be(this,H$,"f").disabled)return;const t=Be(this,I$,"m",U$).call(this,e);let a=this.min,o=this.max;Be(this,H$,"f")===this.upperThumb?a=Math.max(a,this.lowerThumb?.value??0):this.upperThumb&&(o=Math.min(o,this.upperThumb.value??this.max)),z(this,"-animating")&&(b(this,"-animating"),Be(this,H$,"f").style.transition=""),Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),Math.min(o,Math.max(a,t)))},X$=function(e){"mouse"===e.pointerType&&e.button>1||this.lowerThumb&&!this.disabled&&(e.target instanceof HTMLElement&&e.target.releasePointerCapture(e.pointerId),Be(this,H$,"f")&&!Be(this,H$,"f").disabled&&Be(this,H$,"f").focus())},Y$=function(e){if(qe(this,H$,e.composedPath().find(e=>e instanceof P$),"f"),!Be(this,H$,"f"))return;const t=Be(this,H$,"f").value??0;let a=this.min,o=this.max;switch(Be(this,H$,"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":Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),a),e.preventDefault();break;case"End":Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),o),e.preventDefault();break;case"PageUp":"ltr"===Ee.current?Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),Math.min(o,t+(this.step>1?this.step:10))):Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),Math.max(a,t-(this.step>1?this.step:10))),e.preventDefault();break;case"PageDown":"ltr"===Ee.current?Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),Math.max(a,t-(this.step>1?this.step:10))):Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),Math.min(o,t+(this.step>1?this.step:10))),e.preventDefault();break;case"Down":case"ArrowDown":case"Left":case"ArrowLeft":"ltr"===Ee.current?Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),Math.max(a,t-this.step)):Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),Math.min(o,t+this.step)),e.preventDefault();break;case"Up":case"ArrowUp":case"Right":case"ArrowRight":"ltr"===Ee.current?Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),Math.min(o,t+this.step)):Be(this,I$,"m",Q$).call(this,Be(this,H$,"f"),Math.max(a,t-this.step)),e.preventDefault();break;case" ":e.preventDefault()}},J$=function(e){e.stopPropagation(),Be(this,I$,"m",F$).call(this),Be(this,I$,"m",j$).call(this)},Q$=function(e,t,a=!1){if(e.value===t)return;const o=e.value;a&&!f()&&($(this,"-animating"),e.addEventListener("transitionend",()=>{e.style.transition="",b(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},ex.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; } }`,De([pt(".base")],ex.prototype,"_base",void 0),De([ht()],ex.prototype,"_ticks",void 0),De([dt({reflect:!0})],ex.prototype,"size",void 0),De([dt({type:Boolean,reflect:!0})],ex.prototype,"disabled",void 0),De([dt({type:Boolean,reflect:!0})],ex.prototype,"discrete",void 0),De([dt({type:Number})],ex.prototype,"min",void 0),De([dt({type:Number})],ex.prototype,"max",void 0),De([dt({type:Number})],ex.prototype,"step",void 0),De([dt({type:Boolean})],ex.prototype,"labelled",void 0),De([dt({attribute:!1})],ex.prototype,"displayWith",void 0),ex=De([m("m3e-slider")],ex);let dx=cx=class extends(d(a,"status")){constructor(){super(...arguments),tx.add(this),ax.set(this,-1),ox.set(this,!1),ix.set(this,e=>Be(this,tx,"m",lx).call(this,e)),this.duration=3e3,this.action="",this.dismissible=!1,this.closeLabel="Close"}static get current(){return cx.__current}get isActionTaken(){return Be(this,ox,"f")}connectedCallback(){super.connectedCallback(),this.addEventListener("beforetoggle",Be(this,ix,"f")),this.setAttribute("popover","manual"),this.ariaLive="polite"}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",Be(this,ix,"f"))}render(){return o`<div class="base"><span class="supporting-text"><slot></slot></span>${Be(this,tx,"m",rx).call(this)} ${Be(this,tx,"m",sx).call(this)}</div>`}updated(e){super.updated(e),this.style.setProperty("--_snackbar-height",this.getBoundingClientRect().height/.8+"px")}};ax=new WeakMap,ox=new WeakMap,ix=new WeakMap,tx=new WeakSet,rx=function(){return this.action?o`<m3e-button @click="${Be(this,tx,"m",nx)}">${this.action}</m3e-button>`:i},sx=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},nx=function(){qe(this,ox,!0,"f"),this.hidePopover()},lx=function(e){"open"==e.newState?(cx.__current?.hidePopover(),cx.__current=this,this.duration>0&&qe(this,ax,setTimeout(()=>this.hidePopover(),this.duration),"f")):(cx.__current===this&&(cx.__current=null),clearTimeout(Be(this,ax,"f")))},(()=>{if("undefined"!=typeof window){const e=new CSSStyleSheet;e.replaceSync(t`m3e-snackbar { margin-inline: auto; }`.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}})(),dx.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; } }`,dx.__current=null,De([dt({type:Number})],dx.prototype,"duration",void 0),De([dt()],dx.prototype,"action",void 0),De([dt({type:Boolean,reflect:!0})],dx.prototype,"dismissible",void 0),De([dt({attribute:"close-label"})],dx.prototype,"closeLabel",void 0),dx=cx=De([m("m3e-snackbar")],dx);class hx{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&&(f()?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(){dx.current?.hidePopover()}}var mx,px,ux,vx,bx,fx,gx,yx,$x,xx,wx,kx;globalThis.M3eSnackbar=hx;let Cx=class extends(d(a,"group")){constructor(){super(...arguments),mx.add(this),px.set(this,void 0),ux.set(this,void 0),vx.set(this,!1),bx.set(this,new D(this,{target:null,capture:!0,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(e,t,a)=>{switch(a){case Be(this,px,"f"):Be(this,mx,"m",xx).call(this,e);break;case Be(this,ux,"f"):Be(this,mx,"m",wx).call(this,e||Be(this,vx,"f"))}}})),fx.set(this,new G(this,{target:null,callback:(e,t)=>{if(t===Be(this,ux,"f"))Be(this,ux,"f")?.disabled||Be(this,ux,"f")?.disabledInteractive||(qe(this,vx,e,"f"),Be(this,mx,"m",wx).call(this,e))}})),this.variant="filled",this.size="small"}update(e){super.update(e),e.has("variant")&&Be(this,mx,"m",$x).call(this)}render(){return o`<m3e-button-group class="base" disable-role variant="connected" size="${this.size}"><slot name="leading-button" @slotchange="${Be(this,mx,"m",gx)}"></slot><slot name="trailing-button" @slotchange="${Be(this,mx,"m",yx)}"></slot></m3e-button-group>`}};px=new WeakMap,ux=new WeakMap,vx=new WeakMap,bx=new WeakMap,fx=new WeakMap,mx=new WeakSet,gx=function(e){Be(this,px,"f")&&Be(this,bx,"f").unobserve(Be(this,px,"f")),qe(this,px,e.target.assignedElements({flatten:!0}).find(e=>e instanceof He),"f"),Be(this,px,"f")&&Be(this,bx,"f").observe(Be(this,px,"f")),Be(this,mx,"m",$x).call(this)},yx=function(e){Be(this,ux,"f")&&(Be(this,bx,"f").unobserve(Be(this,ux,"f")),Be(this,fx,"f").unobserve(Be(this,ux,"f"))),qe(this,ux,e.target.assignedElements({flatten:!0}).find(e=>e instanceof Pe),"f"),Be(this,ux,"f")&&(Be(this,bx,"f").observe(Be(this,ux,"f")),Be(this,fx,"f").observe(Be(this,ux,"f"))),Be(this,mx,"m",$x).call(this)},$x=function(){Be(this,px,"f")&&(Be(this,px,"f").variant=this.variant,Be(this,px,"f").size=this.size,Be(this,px,"f").shape="rounded"),Be(this,ux,"f")&&(Be(this,ux,"f").width="default",Be(this,ux,"f").shape="rounded",Be(this,ux,"f").setAttribute("variant",this.variant),Be(this,ux,"f").size=this.size)},xx=function(e){e&&Be(this,px,"f")?Be(this,mx,"m",kx).call(this,Be(this,px,"f"),"--_leading-button-shape"):this._base?.style.removeProperty("--_leading-button-shape")},wx=function(e){e&&Be(this,ux,"f")?Be(this,mx,"m",kx).call(this,Be(this,ux,"f"),"--_trailing-button-shape"):this._base?.style.removeProperty("--_trailing-button-shape")},kx=function(e,t){const a=e.clientHeight/2;a&&this._base?.style.setProperty(t,`${a}px`)},Cx.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); }`,De([pt(".base")],Cx.prototype,"_base",void 0),De([dt({reflect:!0})],Cx.prototype,"variant",void 0),De([dt({reflect:!0})],Cx.prototype,"size",void 0),Cx=De([m("m3e-split-button")],Cx);let Sx=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 _x,Lx,zx,Ex,Mx;Sx.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; }`,De([ht()],Sx.prototype,"active",void 0),Sx=De([m("m3e-step-panel")],Sx);let Tx=Mx=class extends(ae(T(A(c(H(k(d(a,"tab")))))))){constructor(){super(...arguments),_x.add(this),Lx.set(this,e=>Be(this,_x,"m",Ex).call(this,e)),this.optional=!1,this.editable=!1,this.completed=!1,this.invalid=!1,this.index=-1}get panel(){return this.control instanceof Sx?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 Sx&&(e.id=e.id||"m3e-step-panel-"+Mx.__nextId++,$e(this,"aria-controls",e.id),e.style.order=this.style.order),super.attach(e)}detach(){this.control&&(this.control.style.order="",this.control.id&&xe(this,"aria-controls",this.control.id)),super.detach()}connectedCallback(){this.slot="step",super.connectedCallback(),this.addEventListener("click",Be(this,Lx,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,Lx,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-stepper")?.[we].notifySelectionChange(this)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){const 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">${Be(this,_x,"m",zx).call(this)}</div><div class="label"><slot></slot>${this.invalid?t:e}</div></div></div>`}};var Px,Ix,Ax,Wx,Hx,Ox,Dx,Bx,qx,Rx,Fx;Lx=new WeakMap,_x=new WeakSet,zx=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>`},Ex=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)},Tx.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); }`,Tx.__nextId=0,De([pt(".focus-ring")],Tx.prototype,"_focusRing",void 0),De([pt(".state-layer")],Tx.prototype,"_stateLayer",void 0),De([pt(".ripple")],Tx.prototype,"_ripple",void 0),De([dt({type:Boolean,reflect:!0})],Tx.prototype,"optional",void 0),De([dt({type:Boolean,reflect:!0})],Tx.prototype,"editable",void 0),De([dt({type:Boolean,reflect:!0})],Tx.prototype,"completed",void 0),De([dt({type:Boolean,reflect:!0})],Tx.prototype,"invalid",void 0),De([ht()],Tx.prototype,"index",void 0),Tx=Mx=De([m("m3e-step")],Tx);class Vx extends x{constructor(e){super(),Px.set(this,void 0),qe(this,Px,e,"f")}_onClick(){switch(Be(this,Px,"f")){case"next":this.closest("m3e-stepper")?.moveNext();break;case"previous":this.closest("m3e-stepper")?.movePrevious();break;case"reset":this.closest("m3e-stepper")?.reset()}}}Px=new WeakMap;let Ux=class extends(k(a)){constructor(){super(...arguments),Ix.add(this),Ax.set(this,void 0),this._selectedIndex=null,this[Fx]=(new ke).withHomeAndEnd().withWrap().onSelectedItemsChange(()=>Be(this,Ix,"m",Bx).call(this)),this.headerPosition="above",this.labelPosition="end",this.linear=!1,this.orientation="horizontal"}get steps(){return this[we]?.items??[]}get selectedStep(){return null!==this._selectedIndex?this.steps[this._selectedIndex]??null:null}get selectedIndex(){return this._selectedIndex??-1}movePrevious(){return this.moveTo((this._selectedIndex??1)-1)}moveNext(){return this.moveTo((this._selectedIndex??-1)+1)}moveTo(e){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=Be(this,Ix,"m",qx).call(this);if(this.linear)if(e<t.index){const t=this[we].items[e];if(!t||t.completed&&!t.editable)return!1}else if(e>t.index+1){const t=this[we].items[e];if(!t||!t.completed)return!1}else if(!a&&!t.optional)return!1;t.completed=!0}return this._selectedIndex=e,this[we].select(this.selectedStep),this.dispatchEvent(new Event("change",{bubbles:!0})),!0}return t&&(this[we].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[we].select(this.selectedStep),this.dispatchEvent(new Event("change",{bubbles:!0})))}connectedCallback(){super.connectedCallback(),$(this,"-no-animate")}disconnectedCallback(){super.disconnectedCallback(),this._orientation=void 0,Be(this,Ax,"f")?.call(this)}update(e){super.update(e),e.has("orientation")&&(Be(this,Ax,"f")?.call(this),"auto"===this.orientation?qe(this,Ax,Ie.observe([Ae.XSmall],e=>{this._orientation=e.get(Ae.XSmall)?"vertical":"horizontal",Be(this,Ix,"m",Rx).call(this)}),"f"):(this._orientation=void 0,Be(this,Ix,"m",Rx).call(this))),e.has("_orientation")&&Be(this,Ix,"m",Rx).call(this)}render(){let e;return this.selectedStep?.panel&&(e=[...this.querySelectorAll("[slot='panel']")].indexOf(this.selectedStep.panel),-1===e&&(e=void 0)),this[we].vertical?o`${Be(this,Ix,"m",Wx).call(this)}<slot name="panel"></slot>`:o`${"above"===this.headerPosition?Be(this,Ix,"m",Wx).call(this):i}<m3e-slide class="steps" selected-index="${wr(e)}"><slot name="panel"></slot></m3e-slide>${"below"===this.headerPosition?Be(this,Ix,"m",Wx).call(this):i}`}};Ax=new WeakMap,Ix=new WeakSet,Fx=we,Wx=function(){return o`<div class="header" role="tablist" aria-orientation="${wr(this[we].vertical?"vertical":void 0)}" @change="${Be(this,Ix,"m",Hx)}"><slot name="step" @slotchange="${Be(this,Ix,"m",Ox)}" @keydown="${Be(this,Ix,"m",Dx)}"></slot></div>`},Hx=function(e){e.stopPropagation()},Ox=function(){const{added:e,removed:t}=this[we].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[we].items.length;e++){const t=this[we].items[e];if(t.index=e,e>0){const e=document.createElement("div");e.ariaHidden="true",e.classList.add("-m3e-step-divider"),e.slot="step",t.insertAdjacentElement("beforebegin",e)}}Be(this,Ix,"m",Rx).call(this),0==this[we].selectedItems.length&&this[we].select(this[we].items.find(e=>!e.disabled))}},Dx=function(e){this[we].onKeyDown(e)},Bx=function(){const e=this[we].selectedItems[0];let t=e?this.steps.indexOf(e):null;-1===t&&(t=null),this._selectedIndex=t;for(const e of this[we].items)e.panel&&(e.panel.active=e.index===t);e&&this.matches(":focus-within")&&!e.matches(":focus")&&e.focus(),z(this,"-no-animate")&&requestAnimationFrame(()=>b(this,"-no-animate"))},qx=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},Rx=function(){this[we].vertical="vertical"===(this._orientation??this.orientation),v(this,"-vertical",this[we].vertical),this[we].vertical?this.steps.forEach((e,t)=>{e.style.order=`${t}`,e.panel&&(e.panel.style.order=`${t}`)}):this.steps.forEach(e=>{e.style.order="",e.panel&&(e.panel.style.order="")})},(()=>{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]}})(),Ux.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; }`,De([ht()],Ux.prototype,"_orientation",void 0),De([ht()],Ux.prototype,"_selectedIndex",void 0),De([dt({attribute:"header-position",reflect:!0})],Ux.prototype,"headerPosition",void 0),De([dt({attribute:"label-position",reflect:!0})],Ux.prototype,"labelPosition",void 0),De([dt({type:Boolean,reflect:!0})],Ux.prototype,"linear",void 0),De([dt({reflect:!0})],Ux.prototype,"orientation",void 0),Ux=De([m("m3e-stepper")],Ux);let Nx=class extends Vx{constructor(){super("next")}};Nx=De([m("m3e-stepper-next")],Nx);let jx=class extends Vx{constructor(){super("previous")}};jx=De([m("m3e-stepper-previous")],jx);let Kx=class extends Vx{constructor(){super("reset")}};Kx=De([m("m3e-stepper-reset")],Kx);const Zx=e(`var(--m3e-switch-selected-icon-color, ${l.color.onPrimaryContainer})`),Gx=e("var(--m3e-switch-selected-icon-size, 1rem)"),Xx=e(`var(--m3e-switch-unselected-icon-color, ${l.color.surfaceContainerHighest})`),Yx=e("var(--m3e-switch-unselected-icon-size, 1rem)"),Jx=e("var(--m3e-switch-track-height, 2rem)"),Qx=e("var(--m3e-switch-track-width, 3.25rem)"),ew=e(`var(--m3e-switch-track-outline-color, ${l.color.outline})`),tw=e("var(--m3e-switch-track-outline-width, 2px)"),aw=e(`var(--m3e-switch-track-shape, ${l.shape.corner.full})`),ow=e(`var(--m3e-switch-selected-track-color, ${l.color.primary})`),iw=e(`var(--m3e-switch-unselected-track-color, ${l.color.surfaceContainerHighest})`),rw=e("var(--m3e-switch-unselected-handle-height, 1rem)"),sw=e("var(--m3e-switch-unselected-handle-width, 1rem)"),nw=e("var(--m3e-switch-with-icon-handle-height, 1.5rem)"),lw=e("var(--m3e-switch-with-icon-handle-width, 1.5rem)"),cw=e("var(--m3e-switch-selected-handle-height, 1.5rem)"),dw=e("var(--m3e-switch-selected-handle-width, 1.5rem)"),hw=e("var(--m3e-switch-pressed-handle-height, 1.75rem)"),mw=e("var(--m3e-switch-pressed-handle-width, 1.75rem)"),pw=e(`var(--m3e-switch-handle-shape, ${l.shape.corner.full})`),uw=e(`var(--m3e-switch-selected-handle-color, ${l.color.onPrimary})`),vw=e(`var(--m3e-switch-unselected-handle-color, ${l.color.outline})`),bw=e("var(--m3e-switch-state-layer-size, 2.5rem)"),fw=e(`var(--m3e-switch-state-layer-shape, ${l.shape.corner.full})`),gw=e(`var(--m3e-switch-disabled-selected-icon-color, ${l.color.onSurface})`),yw=e("var(--m3e-switch-disabled-selected-icon-opacity, 38%)"),$w=e(`var(--m3e-switch-disabled-unselected-icon-color, ${l.color.surfaceContainerHighest})`),xw=e("var(--m3e-switch-disabled-unselected-icon-opacity, 38%)"),ww=e("var(--m3e-switch-disabled-track-opacity, 12%)"),kw=e(`var(--m3e-switch-disabled-selected-track-color, ${l.color.onSurface})`),Cw=e(`var(--m3e-switch-disabled-unselected-track-color, ${l.color.surfaceContainerHighest})`),Sw=e(`var(--m3e-switch-disabled-unselected-track-outline-color, ${l.color.onSurface})`),_w=e("var(--m3e-switch-disabled-unselected-handle-opacity, 38%)"),Lw=e("var(--m3e-switch-disabled-selected-handle-opacity, 100%)"),zw=e(`var(--m3e-switch-disabled-selected-handle-color, ${l.color.surface})`),Ew=e(`var(--m3e-switch-disabled-unselected-handle-color, ${l.color.onSurface})`),Mw=e(`var(--m3e-switch-selected-hover-icon-color, ${l.color.onPrimaryContainer})`),Tw=e(`var(--m3e-switch-unselected-hover-icon-color, ${l.color.surfaceContainerHighest})`),Pw=e(`var(--m3e-switch-selected-hover-track-color, ${l.color.primary})`),Iw=e(`var(--m3e-switch-selected-hover-state-layer-color, ${l.color.primary})`),Aw=e("var(--m3e-switch-selected-hover-state-layer-opacity, 8%)"),Ww=e(`var(--m3e-switch-unselected-hover-track-color, ${l.color.surfaceContainerHighest})`),Hw=e(`var(--m3e-switch-unselected-hover-track-outline-color, ${l.color.outline})`),Ow=e(`var(--m3e-switch-unselected-hover-state-layer-color, ${l.color.onSurface})`),Dw=e("var(--m3e-switch-unselected-hover-state-layer-opacity, 8%)"),Bw=e(`var(--m3e-switch-selected-hover-handle-color, ${l.color.surfaceContainerHighest})`),qw=e(`var(--m3e-switch-unselected-hover-handle-color, ${l.color.onSurfaceVariant})`),Rw=e(`var(--m3e-switch-selected-focus-icon-color, ${l.color.onPrimaryContainer})`),Fw=e(`var(--m3e-switch-unselected-focus-icon-color, ${l.color.surfaceContainerHighest})`),Vw=e(`var(--m3e-switch-selected-focus-track-color, ${l.color.primary})`),Uw=e(`var(--m3e-switch-selected-focus-state-layer-color, ${l.color.primary})`),Nw=e("var(--m3e-switch-selected-focus-state-layer-opacity, 10%)"),jw=e(`var(--m3e-switch-unselected-focus-track-color, ${l.color.surfaceContainerHighest})`),Kw=e(`var(--m3e-switch-unselected-focus-track-outline-color, ${l.color.outline})`),Zw=e(`var(--m3e-switch-unselected-focus-state-layer-color, ${l.color.onSurface})`),Gw=e("var(--m3e-switch-unselected-focus-state-layer-opacity, 10%)"),Xw=e(`var(--m3e-switch-selected-focus-handle-color, ${l.color.primaryContainer})`),Yw=e(`var(--m3e-switch-unselected-focus-handle-color, ${l.color.onSurfaceVariant})`),Jw=e(`var(--m3e-switch-selected-pressed-icon-color, ${l.color.onPrimaryContainer})`),Qw=e(`var(--m3e-switch-unselected-pressed-icon-color, ${l.color.surfaceContainerHighest})`),ek=e(`var(--m3e-switch-selected-pressed-track-color, ${l.color.primary})`),tk=(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})`)),ak=e(`var(--m3e-switch-unselected-pressed-track-outline-color, ${l.color.outline})`),ok=(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})`)),ik=e(`var(--m3e-switch-unselected-pressed-handle-color, ${l.color.onSurfaceVariant})`),rk=t`.handle { position: relative; display: flex; align-items: center; justify-content: center; pointer-events: none; transform-origin: center center; border-radius: ${pw}; 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: ${lw}; height: ${nw}; } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .handle, :host([aria-disabled="true"]:not([checked])) .handle { width: ${sw}; height: ${rw}; } :host([checked]) .track:not(.pressed) .handle { width: ${dw}; height: ${cw}; } .track.pressed .handle { width: ${mw}; height: ${hw}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${vw}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .handle { background-color: ${qw}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .handle { background-color: ${Yw}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .handle { background-color: ${ik}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .handle { background-color: ${uw}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .handle { background-color: ${Bw}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .handle { background-color: ${Xw}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .handle { background-color: ${ok}; } :host([aria-disabled="true"]:not([checked])) .handle { background-color: color-mix( in srgb, ${Ew} ${_w}, transparent ); } :host([aria-disabled="true"][checked]) .handle { background-color: color-mix( in srgb, ${zw} ${Lw}, transparent ); } :host(:not(:dir(rtl))[checked]) .track:not(.pressed) .handle { transform: translateX( calc(${Qx} - ${dw} - calc(${tw} * 2)) ); } :host(:dir(rtl)[checked]) .track:not(.pressed) .handle { transform: translateX( calc( 0px - calc( ${Qx} - ${dw} - calc(${tw} * 2) ) ) ); } :host(:not(:dir(rtl))[checked]) .track.pressed .handle { transform: translateX( calc(${Qx} - ${mw} - ${tw}) ); } :host(:dir(rtl)[checked]) .track.pressed .handle { transform: translateX( calc(0px - calc(${Qx} - ${mw} - ${tw})) ); } :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( ${tw} + calc(${mw} - ${lw}) ) ); } :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( ${tw} + calc(${mw} - ${lw}) ) ) ); } :host(:not(:dir(rtl)):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(${tw}); } :host(:dir(rtl):not([aria-disabled="true"]):not([checked])[icons="both"]) .track:not(.pressed) .handle { transform: translateX(calc(0px - ${tw})); } @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; } }`,sk=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: ${Yx}; } :host([checked]) .icon { font-size: ${Gx}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${Xx}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) .icon { color: ${Tw}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) .icon { color: ${Fw}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed .icon { color: ${Qw}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) .icon { color: ${Zx}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) .icon { color: ${Mw}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) .icon { color: ${Rw}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed .icon { color: ${Jw}; } :host([aria-disabled="true"]:not([checked])) .icon { color: color-mix( in srgb, ${$w} ${xw}, transparent ); } :host([aria-disabled="true"][checked]) .icon { color: color-mix( in srgb, ${gw} ${yw}, 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; } }`,nk=t`.state-layer { width: ${bw}; height: ${bw}; border-radius: ${fw}; 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(${bw} - ${lw}) / 2)); top: calc(0px - calc(calc(${bw} - ${nw}) / 2)); } :host(:not([checked]):not([icons="both"])) .track:not(.pressed) .state-layer { inset-inline-start: calc( 0px - calc(calc(${bw} - ${sw}) / 2) ); top: calc(0px - calc(calc(${bw} - ${rw}) / 2)); } :host([checked]) .track:not(.pressed) .state-layer { inset-inline-start: calc(0px - calc(calc(${bw} - ${dw}) / 2)); top: calc(0px - calc(calc(${bw} - ${cw}) / 2)); } .track.pressed .state-layer { inset-inline-start: calc(0px - calc(calc(${bw} - ${mw}) / 2)); top: calc(0px - calc(calc(${bw} - ${mw}) / 2)); } :host(:not([checked])) .state-layer { --m3e-state-layer-hover-color: ${Ow}; --m3e-state-layer-hover-opacity: ${Dw}; --m3e-state-layer-focus-color: ${Zw}; --m3e-state-layer-focus-opacity: ${Gw}; } :host([checked]) .state-layer { --m3e-state-layer-hover-color: ${Iw}; --m3e-state-layer-hover-opacity: ${Aw}; --m3e-state-layer-focus-color: ${Uw}; --m3e-state-layer-focus-opacity: ${Nw}; }`,lk=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: ${aw}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .base { display: flex; align-items: center; justify-content: center; }`,ck=t`.track { display: flex; align-items: center; position: relative; box-sizing: border-box; border-radius: ${aw}; width: ${Qx}; height: ${Jx}; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host(:not([checked])) .track { border-width: ${tw}; border-style: solid; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):not(:hover)) .track:not(.pressed) { border-color: ${ew}; background-color: ${iw}; } :host(:not([aria-disabled="true"]):not([checked]):not(:focus):hover) .track:not(.pressed) { border-color: ${Hw}; background-color: ${Ww}; } :host(:not([aria-disabled="true"]):not([checked]):focus) .track:not(.pressed) { border-color: ${Kw}; background-color: ${jw}; } :host(:not([aria-disabled="true"]):not([checked])) .track.pressed { border-color: ${ak}; background-color: ${tk}; } :host([aria-disabled="true"]:not([checked])) .track { border-color: color-mix( in srgb, ${Sw} ${ww}, transparent ); background-color: color-mix( in srgb, ${Cw} ${ww}, transparent ); } :host(:not([aria-disabled="true"])[checked]:not(:focus):not(:hover)) .track:not(.pressed) { background-color: ${ow}; } :host(:not([aria-disabled="true"])[checked]:not(:focus):hover) .track:not(.pressed) { background-color: ${Pw}; } :host(:not([aria-disabled="true"])[checked]:focus) .track:not(.pressed) { background-color: ${Vw}; } :host(:not([aria-disabled="true"])[checked]) .track.pressed { background-color: ${ek}; } :host([aria-disabled="true"][checked]) .track { background-color: color-mix( in srgb, ${kw} ${ww}, 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 dk,hk,mk,pk,uk,vk;let bk=class extends(R(V(U(j(le(Z(T(A(H(k(d(a,"switch")))))))))))){constructor(){super(),dk.add(this),hk.set(this,e=>Be(this,dk,"m",vk).call(this,e)),mk.set(this,new G(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),pk.set(this,new D(this,{target:null,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})),this.icons="none",this.value="on",new D(this,{isPressedKey:e=>" "===e,callback:e=>this._track?.classList.toggle("pressed",e&&!this.disabled)})}get[(hk=new WeakMap,mk=new WeakMap,pk=new WeakMap,dk=new WeakSet,X)](){return this.checked&&!this.disabled?this.value:null}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,hk,"f"));for(const e of this.labels)Be(this,mk,"f").observe(e),Be(this,pk,"f").observe(e)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,hk,"f"));for(const e of this.labels)Be(this,mk,"f").unobserve(e),Be(this,pk,"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">${Be(this,dk,"m",uk).call(this)}</div></div></div>`}};var fk,gk,yk,$k;uk=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>`},vk=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())},bk.styles=[lk,nk,ck,rk,sk],De([pt(".track")],bk.prototype,"_track",void 0),De([pt(".focus-ring")],bk.prototype,"_focusRing",void 0),De([pt(".state-layer")],bk.prototype,"_stateLayer",void 0),De([dt({reflect:!0})],bk.prototype,"icons",void 0),De([dt()],bk.prototype,"value",void 0),bk=De([m("m3e-switch")],bk);let xk=$k=class extends(ae(c(T(A(H(k(d(a,"tab"),!0))))))){constructor(){super(...arguments),fk.add(this),gk.set(this,e=>Be(this,fk,"m",yk).call(this,e))}attach(e){super.attach(e),e.id=e.id||"m3e-tab-panel-"+$k.__nextId++,$e(this,"aria-controls",e.id)}detach(){this.control&&this.control.id&&xe(this,"aria-controls",this.control.id),super.detach()}connectedCallback(){super.connectedCallback(),this.addEventListener("click",Be(this,gk,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",Be(this,gk,"f"))}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-tabs")?.[we].notifySelectionChange(this)}render(){return 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>`}};gk=new WeakMap,fk=new WeakSet,yk=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")?.[we].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=!1)},xk.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; } }`,xk.__nextId=0,De([pt(".focus-ring")],xk.prototype,"_focusRing",void 0),De([pt(".state-layer")],xk.prototype,"_stateLayer",void 0),De([pt(".ripple")],xk.prototype,"_ripple",void 0),De([pt(".label")],xk.prototype,"label",void 0),xk=$k=De([m("m3e-tab")],xk);let wk=class extends(d(a,"tabpanel")){connectedCallback(){super.connectedCallback(),this.slot="panel"}render(){return o`<slot></slot>`}};var kk,Ck,Sk,_k,Lk,zk,Ek,Mk,Tk;wk.styles=t`:host { display: block; overflow-y: auto; scrollbar-width: ${l.scrollbar.width}; scrollbar-color: ${l.scrollbar.color}; }`,wk=De([m("m3e-tab-panel")],wk);let Pk=class extends(k(a)){constructor(){super(),kk.add(this),Ck.set(this,void 0),this._selectedIndex=null,this[Tk]=(new ke).onSelectedItemsChange(()=>Be(this,kk,"m",Ek).call(this)).withHomeAndEnd().withWrap().withDirectionality(Ee.current),this.disablePagination=!1,this.headerPosition="before",this.variant="secondary",this.stretch=!1,this.previousPageLabel="Previous page",this.nextPageLabel="Next page",new _(this,{skipInitial:!0,callback:()=>{$(this,"-no-animate"),Be(this,kk,"m",Mk).call(this)}})}get tabs(){return this[we]?.items??[]}get selectedTab(){return null!==this._selectedIndex?this.tabs[this._selectedIndex]??null:null}get selectedIndex(){return this._selectedIndex??-1}set selectedIndex(e){if(e>=0&&e<this.tabs.length)this.tabs[e].selected=!0;else{const e=this.selectedTab;e&&(e.selected=!1)}}connectedCallback(){super.connectedCallback(),$(this,"-no-animate"),qe(this,Ck,Ee.observe(()=>{this.requestUpdate(),this[we].directionality=Ee.current}),"f")}disconnectedCallback(){super.disconnectedCallback(),Be(this,Ck,"f")?.call(this)}updated(e){super.updated(e),(e.has("variant")||e.has("stretch"))&&null!==this._selectedIndex&&Be(this,kk,"m",Mk).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?Be(this,kk,"m",Sk).call(this):i}<m3e-slide class="tabs" selected-index="${wr(e)}"><slot name="panel"></slot></m3e-slide>${"after"===this.headerPosition?Be(this,kk,"m",Sk).call(this):i}`}};
 /**
  * Adapted from Angular Material CDK Text Field
  * Source: https://github.com/angular/components/blob/main/src/cdk/text-field/autosize.ts
@@ -162,7 +156,7 @@ class My extends dl{constructor(e){if(super(e),this.it=Zi,e.type!==ll)throw Erro
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-var Sk,_k,Lk,zk,Ek,Mk,Tk,Pk,Ik,Ak,Wk,Hk,Ok,Dk,Bk,qk;bk=new WeakMap,vk=new WeakSet,kk=xe,fk=function(){return o`<m3e-slide-group class="tablist" threshold="8" previous-page-label="${this.previousPageLabel}" next-page-label="${this.nextPageLabel}" ?disabled="${this.disablePagination}"><slot name="prev-icon" slot="prev-icon">${"ltr"===Le.current?o`<svg class="prev 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="next 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><slot name="next-icon" slot="next-icon">${"ltr"===Le.current?o`<svg class="next 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="prev 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><div class="header" role="tablist"><div class="tabs"><slot @slotchange="${He(this,vk,"m",gk)}" @keydown="${He(this,vk,"m",yk)}" @change="${He(this,vk,"m",$k)}"></slot></div><div class="ink-bar" aria-hidden="true"><div class="active-indicator"></div></div></div></m3e-slide-group>`},gk=function(){this[xe].setItems([...this.querySelectorAll("m3e-tab")])},yk=function(e){this[xe].onKeyDown(e)},$k=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},xk=function(){const e=this[xe].selectedItems[0];let t=e?this.tabs.indexOf(e):null;-1===t&&(t=null),this._selectedIndex=t,He(this,vk,"m",wk).call(this)},wk=function(){if(!this._tablist)return;const e=this[xe].selectedItems[0];let t=0,a=0;if(e&&null!==this._selectedIndex){for(let e=0;e<this._selectedIndex;e++)t+=this.tabs[e].clientWidth;a=e.clientWidth,"primary"===this.variant&&e.label&&(t+=e.label.offsetLeft,a=e.label.clientWidth,a<24&&(t-=(24-a)/2,a=24))}this._tablist.style.setProperty("--_tabs-active-tab-position",`${t}px`),this._tablist.style.setProperty("--_tabs-active-tab-size",`${a}px`),a>0&&L(this,"-no-animate")&&setTimeout(()=>g(this,"-no-animate"))},Ck.styles=t`:host { display: flex; flex-direction: column; position: relative; } .tablist { position: relative; box-sizing: border-box; flex: none; } ::slotted(prev-icon), ::slotted(next-icon), .icon { width: 1em; font-size: var(--m3e-tabs-paginator-button-icon-size, var(--m3e-icon-button-icon-size, 1.5rem)) !important; } .header { display: flex; flex-direction: column; } .tabs { display: flex; flex-wrap: nowrap; align-items: center; } .ink-bar { box-sizing: border-box; height: var(--_tabs-active-indicator-thickness); } .active-indicator { position: relative; height: var(--_tabs-active-indicator-thickness); left: calc(var(--_tabs-active-tab-position) + var(--_tabs-activate-indicator-inset, 0px)); width: calc(var(--_tabs-active-tab-size) - calc(var(--_tabs-activate-indicator-inset, 0px) * 2)); background-color: var(--m3e-tabs-active-indicator-color, ${l.color.primary}); transition: ${e(`left var(--m3e-slide-animation-duration, ${l.motion.duration.long2}) ${l.motion.easing.standard},\n        width var(--m3e-slide-animation-duration, ${l.motion.duration.long2}) ${l.motion.easing.standard}`)}; } :host([header-position="after"]) .header { flex-direction: column-reverse; } :host([header-position="before"]) .ink-bar { margin-top: calc(0px - var(--_tabs-active-indicator-thickness)); } :host([header-position="before"]) .tablist { --m3e-slide-group-divider-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${l.color.outlineVariant}); } :host([header-position="after"]) .ink-bar { margin-bottom: calc(0px - var(--_tabs-active-indicator-thickness)); } :host([header-position="after"]) .tablist { --m3e-slide-group-divider-top: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${l.color.outlineVariant}); } :host([header-position="before"][variant="primary"]) .active-indicator { border-radius: var(--m3e-tabs-primary-before-active-indicator-shape, ${l.shape.corner.extraSmallTop}); } :host([header-position="after"][variant="primary"]) .active-indicator { border-radius: var(--m3e-tabs-primary-after-active-indicator-shape, ${l.shape.corner.extraSmallBottom}); } .tabs { flex: 1 1 auto; } :host([variant="primary"]) .tablist { --_tabs-activate-indicator-inset: var(--m3e-tabs-primary-active-indicator-inset, 0.125rem); --_tabs-active-indicator-thickness: var(--m3e-tabs-primary-active-indicator-thickness, 3px); --_tab-height: 4rem; } :host([header-position="before"]) .tablist { --_tab-focus-ring-bottom-offset: calc(var(--_tabs-active-indicator-thickness) + 1px); } :host([header-position="after"]) .tablist { --_tab-focus-ring-top-offset: calc(var(--_tabs-active-indicator-thickness) + 2px); } :host([header-position="before"][variant="primary"]) .tablist { --_tab-direction: column; } :host([header-position="after"][variant="primary"]) .tablist { --_tab-direction: column-reverse; } :host([variant="secondary"]) .tablist { --_tabs-active-indicator-thickness: var(--m3e-tabs-secondary-active-indicator-thickness, 2px); --_tab-height: 3rem; --_tab-selected-color: ${l.color.onSurface}; --_tab-selected-container-hover-color: ${l.color.onSurface}; --_tab-selected-container-focus-color: ${l.color.onSurface}; --_tab-selected-ripple-color: ${l.color.onSurface}; } :host([stretch]) .header { width: 100%; --_tab-grow: 1; } :host(:state(-no-animate)) .active-indicator { transition: none; } @media (prefers-reduced-motion) { .active-indicator { transition: none; } } @media (forced-colors: active) { .active-indicator { background-color: ButtonText; --m3e-divider-color: GrayText; } }`,We([dt(".tablist")],Ck.prototype,"_tablist",void 0),We([lt()],Ck.prototype,"_selectedIndex",void 0),We([nt({attribute:"disable-pagination",type:Boolean})],Ck.prototype,"disablePagination",void 0),We([nt({attribute:"header-position",reflect:!0})],Ck.prototype,"headerPosition",void 0),We([nt({reflect:!0})],Ck.prototype,"variant",void 0),We([nt({type:Boolean,reflect:!0})],Ck.prototype,"stretch",void 0),We([nt({attribute:"previous-page-label"})],Ck.prototype,"previousPageLabel",void 0),We([nt({attribute:"next-page-label"})],Ck.prototype,"nextPageLabel",void 0),Ck=We([m("m3e-tabs")],Ck);let Rk=class extends(c(d(a,"none"))){constructor(){super(...arguments),Sk.add(this),_k.set(this,void 0),Lk.set(this,void 0),zk.set(this,void 0),Ek.set(this,void 0),Mk.set(this,void 0),Tk.set(this,!1),Pk.set(this,()=>this._handleWindowResize()),Ik.set(this,e=>Oe(this,Tk,"focus"===e.type,"f")),Ak.set(this,()=>this.resizeToFitContent()),this.maxRows=0,this.minRows=0,this.disabled=!1}attach(e){super.attach(e),e instanceof HTMLTextAreaElement&&(e.style.resize="none",Oe(this,_k,e.style.height,"f"),e.addEventListener("focus",He(this,Ik,"f")),e.addEventListener("blur",He(this,Ik,"f")),e.addEventListener("input",He(this,Ak,"f")),window.addEventListener("resize",He(this,Pk,"f")),this.resizeToFitContent(!0))}detach(){this.control instanceof HTMLTextAreaElement&&(window.removeEventListener("resize",He(this,Pk,"f")),this.control.removeEventListener("focus",He(this,Ik,"f")),this.control.removeEventListener("blur",He(this,Ik,"f")),this.control.removeEventListener("input",He(this,Ak,"f"))),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}updated(e){super.updated(e),e.has("disabled")&&(this.disabled?this.reset():this.resizeToFitContent(!0))}resizeToFitContent(e=!1){if(this.disabled||!(this.control instanceof HTMLTextAreaElement))return;if(He(this,Sk,"m",Wk).call(this),He(this,Sk,"m",Hk).call(this),!He(this,Lk,"f"))return;const t=this.control.value;if(!e&&this.minRows===He(this,Ek,"f")&&t===He(this,Mk,"f"))return;const a=He(this,Sk,"m",Bk).call(this),o=Math.max(a,He(this,zk,"f")||0);this.control.style.height=`${o}px`,setTimeout(()=>He(this,Sk,"m",qk).call(this)),Oe(this,Mk,t,"f"),Oe(this,Ek,this.minRows,"f")}reset(){void 0!==He(this,_k,"f")&&this.control instanceof HTMLTextAreaElement&&(this.control.style.height=He(this,_k,"f"))}_handleWindowResize(){Oe(this,Lk,Oe(this,zk,void 0,"f"),"f"),this.resizeToFitContent(!0)}};
+var Ik,Ak,Wk,Hk,Ok,Dk,Bk,qk,Rk,Fk,Vk,Uk,Nk,jk,Kk,Zk;Ck=new WeakMap,kk=new WeakSet,Tk=we,Sk=function(){return o`<m3e-slide-group class="tablist" threshold="8" previous-page-label="${this.previousPageLabel}" next-page-label="${this.nextPageLabel}" ?disabled="${this.disablePagination}"><slot name="prev-icon" slot="prev-icon">${"ltr"===Ee.current?o`<svg class="prev 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="next 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><slot name="next-icon" slot="next-icon">${"ltr"===Ee.current?o`<svg class="next 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="prev 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><div class="header" role="tablist"><div class="tabs"><slot @slotchange="${Be(this,kk,"m",_k)}" @keydown="${Be(this,kk,"m",Lk)}" @change="${Be(this,kk,"m",zk)}"></slot></div><div class="ink-bar" aria-hidden="true"><div class="active-indicator"></div></div></div></m3e-slide-group>`},_k=function(){this[we].setItems([...this.querySelectorAll("m3e-tab")])},Lk=function(e){this[we].onKeyDown(e)},zk=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},Ek=function(){const e=this[we].selectedItems[0];let t=e?this.tabs.indexOf(e):null;-1===t&&(t=null),this._selectedIndex=t,Be(this,kk,"m",Mk).call(this)},Mk=function(){if(!this._tablist)return;const e=this[we].selectedItems[0];let t=0,a=0;if(e&&null!==this._selectedIndex){for(let e=0;e<this._selectedIndex;e++)t+=this.tabs[e].clientWidth;a=e.clientWidth,"primary"===this.variant&&e.label&&(t+=e.label.offsetLeft,a=e.label.clientWidth,a<24&&(t-=(24-a)/2,a=24))}this._tablist.style.setProperty("--_tabs-active-tab-position",`${t}px`),this._tablist.style.setProperty("--_tabs-active-tab-size",`${a}px`),a>0&&z(this,"-no-animate")&&setTimeout(()=>b(this,"-no-animate"))},Pk.styles=t`:host { display: flex; flex-direction: column; position: relative; } .tablist { position: relative; box-sizing: border-box; flex: none; } ::slotted(prev-icon), ::slotted(next-icon), .icon { width: 1em; font-size: var(--m3e-tabs-paginator-button-icon-size, var(--m3e-icon-button-icon-size, 1.5rem)) !important; } .header { display: flex; flex-direction: column; } .tabs { display: flex; flex-wrap: nowrap; align-items: center; } .ink-bar { box-sizing: border-box; height: var(--_tabs-active-indicator-thickness); } .active-indicator { position: relative; height: var(--_tabs-active-indicator-thickness); left: calc(var(--_tabs-active-tab-position) + var(--_tabs-activate-indicator-inset, 0px)); width: calc(var(--_tabs-active-tab-size) - calc(var(--_tabs-activate-indicator-inset, 0px) * 2)); background-color: var(--m3e-tabs-active-indicator-color, ${l.color.primary}); transition: ${e(`left var(--m3e-slide-animation-duration, ${l.motion.duration.long2}) ${l.motion.easing.standard},\n        width var(--m3e-slide-animation-duration, ${l.motion.duration.long2}) ${l.motion.easing.standard}`)}; } :host([header-position="after"]) .header { flex-direction: column-reverse; } :host([header-position="before"]) .ink-bar { margin-top: calc(0px - var(--_tabs-active-indicator-thickness)); } :host([header-position="before"]) .tablist { --m3e-slide-group-divider-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${l.color.outlineVariant}); } :host([header-position="after"]) .ink-bar { margin-bottom: calc(0px - var(--_tabs-active-indicator-thickness)); } :host([header-position="after"]) .tablist { --m3e-slide-group-divider-top: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${l.color.outlineVariant}); } :host([header-position="before"][variant="primary"]) .active-indicator { border-radius: var(--m3e-tabs-primary-before-active-indicator-shape, ${l.shape.corner.extraSmallTop}); } :host([header-position="after"][variant="primary"]) .active-indicator { border-radius: var(--m3e-tabs-primary-after-active-indicator-shape, ${l.shape.corner.extraSmallBottom}); } .tabs { flex: 1 1 auto; } :host([variant="primary"]) .tablist { --_tabs-activate-indicator-inset: var(--m3e-tabs-primary-active-indicator-inset, 0.125rem); --_tabs-active-indicator-thickness: var(--m3e-tabs-primary-active-indicator-thickness, 3px); --_tab-height: 4rem; } :host([header-position="before"]) .tablist { --_tab-focus-ring-bottom-offset: calc(var(--_tabs-active-indicator-thickness) + 1px); } :host([header-position="after"]) .tablist { --_tab-focus-ring-top-offset: calc(var(--_tabs-active-indicator-thickness) + 2px); } :host([header-position="before"][variant="primary"]) .tablist { --_tab-direction: column; } :host([header-position="after"][variant="primary"]) .tablist { --_tab-direction: column-reverse; } :host([variant="secondary"]) .tablist { --_tabs-active-indicator-thickness: var(--m3e-tabs-secondary-active-indicator-thickness, 2px); --_tab-height: 3rem; --_tab-selected-color: ${l.color.onSurface}; --_tab-selected-container-hover-color: ${l.color.onSurface}; --_tab-selected-container-focus-color: ${l.color.onSurface}; --_tab-selected-ripple-color: ${l.color.onSurface}; } :host([stretch]) .header { width: 100%; --_tab-grow: 1; } :host(:state(-no-animate)) .active-indicator { transition: none; } @media (prefers-reduced-motion) { .active-indicator { transition: none; } } @media (forced-colors: active) { .active-indicator { background-color: ButtonText; --m3e-divider-color: GrayText; } }`,De([pt(".tablist")],Pk.prototype,"_tablist",void 0),De([ht()],Pk.prototype,"_selectedIndex",void 0),De([dt({attribute:"disable-pagination",type:Boolean})],Pk.prototype,"disablePagination",void 0),De([dt({attribute:"header-position",reflect:!0})],Pk.prototype,"headerPosition",void 0),De([dt({reflect:!0})],Pk.prototype,"variant",void 0),De([dt({type:Boolean,reflect:!0})],Pk.prototype,"stretch",void 0),De([dt({attribute:"previous-page-label"})],Pk.prototype,"previousPageLabel",void 0),De([dt({attribute:"next-page-label"})],Pk.prototype,"nextPageLabel",void 0),Pk=De([m("m3e-tabs")],Pk);let Gk=class extends(c(d(a,"none"))){constructor(){super(...arguments),Ik.add(this),Ak.set(this,void 0),Wk.set(this,void 0),Hk.set(this,void 0),Ok.set(this,void 0),Dk.set(this,void 0),Bk.set(this,!1),qk.set(this,()=>this._handleWindowResize()),Rk.set(this,e=>qe(this,Bk,"focus"===e.type,"f")),Fk.set(this,()=>this.resizeToFitContent()),this.maxRows=0,this.minRows=0,this.disabled=!1}attach(e){super.attach(e),e instanceof HTMLTextAreaElement&&(e.style.resize="none",qe(this,Ak,e.style.height,"f"),e.addEventListener("focus",Be(this,Rk,"f")),e.addEventListener("blur",Be(this,Rk,"f")),e.addEventListener("input",Be(this,Fk,"f")),window.addEventListener("resize",Be(this,qk,"f")),this.resizeToFitContent(!0))}detach(){this.control instanceof HTMLTextAreaElement&&(window.removeEventListener("resize",Be(this,qk,"f")),this.control.removeEventListener("focus",Be(this,Rk,"f")),this.control.removeEventListener("blur",Be(this,Rk,"f")),this.control.removeEventListener("input",Be(this,Fk,"f"))),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}updated(e){super.updated(e),e.has("disabled")&&(this.disabled?this.reset():this.resizeToFitContent(!0))}resizeToFitContent(e=!1){if(this.disabled||!(this.control instanceof HTMLTextAreaElement))return;if(Be(this,Ik,"m",Vk).call(this),Be(this,Ik,"m",Uk).call(this),!Be(this,Wk,"f"))return;const t=this.control.value;if(!e&&this.minRows===Be(this,Ok,"f")&&t===Be(this,Dk,"f"))return;const a=Be(this,Ik,"m",Kk).call(this),o=Math.max(a,Be(this,Hk,"f")||0);this.control.style.height=`${o}px`,setTimeout(()=>Be(this,Ik,"m",Zk).call(this)),qe(this,Dk,t,"f"),qe(this,Ok,this.minRows,"f")}reset(){void 0!==Be(this,Ak,"f")&&this.control instanceof HTMLTextAreaElement&&(this.control.style.height=Be(this,Ak,"f"))}_handleWindowResize(){qe(this,Wk,qe(this,Hk,void 0,"f"),"f"),this.resizeToFitContent(!0)}};
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -179,7 +173,7 @@ var Sk,_k,Lk,zk,Ek,Mk,Tk,Pk,Ik,Ak,Wk,Hk,Ok,Dk,Bk,qk;bk=new WeakMap,vk=new WeakSe
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function Fk(e){return e<0?-1:0===e?0:1}function Vk(e,t,a){return(1-a)*e+a*t}function Uk(e,t,a){return a<e?e:a>t?t:a}function Nk(e){return(e%=360)<0&&(e+=360),e}function jk(e,t){return[e[0]*t[0][0]+e[1]*t[0][1]+e[2]*t[0][2],e[0]*t[1][0]+e[1]*t[1][1]+e[2]*t[1][2],e[0]*t[2][0]+e[1]*t[2][1]+e[2]*t[2][2]]}
+function Xk(e){return e<0?-1:0===e?0:1}function Yk(e,t,a){return(1-a)*e+a*t}function Jk(e,t,a){return a<e?e:a>t?t:a}function Qk(e){return(e%=360)<0&&(e+=360),e}function eC(e,t){return[e[0]*t[0][0]+e[1]*t[0][1]+e[2]*t[0][2],e[0]*t[1][0]+e[1]*t[1][1]+e[2]*t[1][2],e[0]*t[2][0]+e[1]*t[2][1]+e[2]*t[2][2]]}
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -195,7 +189,7 @@ function Fk(e){return e<0?-1:0===e?0:1}function Vk(e,t,a){return(1-a)*e+a*t}func
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */_k=new WeakMap,Lk=new WeakMap,zk=new WeakMap,Ek=new WeakMap,Mk=new WeakMap,Tk=new WeakMap,Pk=new WeakMap,Ik=new WeakMap,Ak=new WeakMap,Sk=new WeakSet,Wk=function(){if(He(this,Lk,"f")||!(this.control instanceof HTMLTextAreaElement))return;const e=this.control.cloneNode(!1);e.rows=1,e.style.position="absolute",e.style.visibility="hidden",e.style.border="none",e.style.padding="0",e.style.height="",e.style.minHeight="",e.style.maxHeight="",e.style.top=e.style.bottom=e.style.left=e.style.right="auto",e.style.overflow="hidden",this.control.parentElement?.appendChild(e),Oe(this,Lk,e.clientHeight,"f"),e.remove(),He(this,Sk,"m",Ok).call(this),He(this,Sk,"m",Dk).call(this)},Hk=function(){if(!(this.control instanceof HTMLTextAreaElement)||null!=He(this,zk,"f"))return;if(!this.control.placeholder)return void Oe(this,zk,0,"f");const e=this.control.value;this.control.value=this.control.placeholder,Oe(this,zk,He(this,Sk,"m",Bk).call(this),"f"),this.control.value=e},Ok=function(){const e=this.minRows&&He(this,Lk,"f")?this.minRows*He(this,Lk,"f")+"px":null;e&&this.control&&(this.control.style.minHeight=e)},Dk=function(){const e=this.maxRows&&He(this,Lk,"f")?this.maxRows*He(this,Lk,"f")+"px":null;e&&this.control&&(this.control.style.maxHeight=e)},Bk=function(){if(!this.control)return 0;const e=this.control,t=e.style.marginBottom||"",a=navigator.userAgent.includes("Firefox"),o=a&&He(this,Tk,"f");o&&(e.style.marginBottom=`${e.clientHeight}px`);const i={padding:e.style.padding,boxSizing:e.style.boxSizing,height:e.style.height,overflow:e.style.overflow};e.style.padding="2px 0",e.style.boxSizing="content-box",a?e.style.height="0":(e.style.height="auto",e.style.overflow="hidden");const r=e.scrollHeight-4;return e.style.padding=i.padding,e.style.boxSizing=i.boxSizing,e.style.height=i.height,e.style.overflow=i.overflow,o&&(e.style.marginBottom=t),r},qk=function(){if(!(this.control instanceof HTMLTextAreaElement&&He(this,Tk,"f")))return;const{selectionStart:e,selectionEnd:t}=this.control;this.control.setSelectionRange(e,t)},Rk.styles=t`:host { display: none; }`,We([nt({attribute:"max-rows",type:Number})],Rk.prototype,"maxRows",void 0),We([nt({attribute:"min-rows",type:Number})],Rk.prototype,"minRows",void 0),We([nt({type:Boolean,reflect:!0})],Rk.prototype,"disabled",void 0),We([h(16)],Rk.prototype,"_handleWindowResize",null),Rk=We([m("m3e-textarea-autosize")],Rk);const Kk=[[.41233895,.35762064,.18051042],[.2126,.7152,.0722],[.01932141,.11916382,.95034478]],Zk=[[3.2413774792388685,-1.5376652402851851,-.49885366846268053],[-.9691452513005321,1.8758853451067872,.04156585616912061],[.05562093689691305,-.20395524564742123,1.0571799111220335]],Gk=[95.047,100,108.883];function Xk(e,t,a){return(255<<24|(255&e)<<16|(255&t)<<8|255&a)>>>0}function Yk(e){return Xk(rC(e[0]),rC(e[1]),rC(e[2]))}function Jk(e){return e>>16&255}function Qk(e){return e>>8&255}function eC(e){return 255&e}function tC(e){const t=function(e){return jk([iC(Jk(e)),iC(Qk(e)),iC(eC(e))],Kk)}(e)[1];return 116*sC(t/100)-16}function aC(e){return 100*function(e){const t=216/24389,a=24389/27,o=e*e*e;return o>t?o:(116*e-16)/a}
+ */Ak=new WeakMap,Wk=new WeakMap,Hk=new WeakMap,Ok=new WeakMap,Dk=new WeakMap,Bk=new WeakMap,qk=new WeakMap,Rk=new WeakMap,Fk=new WeakMap,Ik=new WeakSet,Vk=function(){if(Be(this,Wk,"f")||!(this.control instanceof HTMLTextAreaElement))return;const e=this.control.cloneNode(!1);e.rows=1,e.style.position="absolute",e.style.visibility="hidden",e.style.border="none",e.style.padding="0",e.style.height="",e.style.minHeight="",e.style.maxHeight="",e.style.top=e.style.bottom=e.style.left=e.style.right="auto",e.style.overflow="hidden",this.control.parentElement?.appendChild(e),qe(this,Wk,e.clientHeight,"f"),e.remove(),Be(this,Ik,"m",Nk).call(this),Be(this,Ik,"m",jk).call(this)},Uk=function(){if(!(this.control instanceof HTMLTextAreaElement)||null!=Be(this,Hk,"f"))return;if(!this.control.placeholder)return void qe(this,Hk,0,"f");const e=this.control.value;this.control.value=this.control.placeholder,qe(this,Hk,Be(this,Ik,"m",Kk).call(this),"f"),this.control.value=e},Nk=function(){const e=this.minRows&&Be(this,Wk,"f")?this.minRows*Be(this,Wk,"f")+"px":null;e&&this.control&&(this.control.style.minHeight=e)},jk=function(){const e=this.maxRows&&Be(this,Wk,"f")?this.maxRows*Be(this,Wk,"f")+"px":null;e&&this.control&&(this.control.style.maxHeight=e)},Kk=function(){if(!this.control)return 0;const e=this.control,t=e.style.marginBottom||"",a=navigator.userAgent.includes("Firefox"),o=a&&Be(this,Bk,"f");o&&(e.style.marginBottom=`${e.clientHeight}px`);const i={padding:e.style.padding,boxSizing:e.style.boxSizing,height:e.style.height,overflow:e.style.overflow};e.style.padding="2px 0",e.style.boxSizing="content-box",a?e.style.height="0":(e.style.height="auto",e.style.overflow="hidden");const r=e.scrollHeight-4;return e.style.padding=i.padding,e.style.boxSizing=i.boxSizing,e.style.height=i.height,e.style.overflow=i.overflow,o&&(e.style.marginBottom=t),r},Zk=function(){if(!(this.control instanceof HTMLTextAreaElement&&Be(this,Bk,"f")))return;const{selectionStart:e,selectionEnd:t}=this.control;this.control.setSelectionRange(e,t)},Gk.styles=t`:host { display: none; }`,De([dt({attribute:"max-rows",type:Number})],Gk.prototype,"maxRows",void 0),De([dt({attribute:"min-rows",type:Number})],Gk.prototype,"minRows",void 0),De([dt({type:Boolean,reflect:!0})],Gk.prototype,"disabled",void 0),De([h(16)],Gk.prototype,"_handleWindowResize",null),Gk=De([m("m3e-textarea-autosize")],Gk);const tC=[[.41233895,.35762064,.18051042],[.2126,.7152,.0722],[.01932141,.11916382,.95034478]],aC=[[3.2413774792388685,-1.5376652402851851,-.49885366846268053],[-.9691452513005321,1.8758853451067872,.04156585616912061],[.05562093689691305,-.20395524564742123,1.0571799111220335]],oC=[95.047,100,108.883];function iC(e,t,a){return(255<<24|(255&e)<<16|(255&t)<<8|255&a)>>>0}function rC(e){return iC(pC(e[0]),pC(e[1]),pC(e[2]))}function sC(e){return e>>16&255}function nC(e){return e>>8&255}function lC(e){return 255&e}function cC(e){const t=function(e){return eC([mC(sC(e)),mC(nC(e)),mC(lC(e))],tC)}(e)[1];return 116*uC(t/100)-16}function dC(e){return 100*function(e){const t=216/24389,a=24389/27,o=e*e*e;return o>t?o:(116*e-16)/a}
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -211,7 +205,7 @@ function Fk(e){return e<0?-1:0===e?0:1}function Vk(e,t,a){return(1-a)*e+a*t}func
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */((e+16)/116)}function oC(e){return 116*sC(e/100)-16}function iC(e){const t=e/255;return t<=.040449936?t/12.92*100:100*Math.pow((t+.055)/1.055,2.4)}function rC(e){const t=e/100;let a=0;return a=t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055,o=0,i=255,(r=Math.round(255*a))<o?o:r>i?i:r;var o,i,r}function sC(e){const t=24389/27;return e>216/24389?Math.pow(e,1/3):(t*e+16)/116}class nC{static make(e=function(){return Gk}(),t=200/Math.PI*aC(50)/100,a=50,o=2,i=!1){const r=e,s=.401288*r[0]+.650173*r[1]+-.051461*r[2],n=-.250268*r[0]+1.204414*r[1]+.045854*r[2],l=-.002079*r[0]+.048952*r[1]+.953127*r[2],c=.8+o/10,d=c>=.9?Vk(.59,.69,10*(c-.9)):Vk(.525,.59,10*(c-.8));let h=i?1:c*(1-1/3.6*Math.exp((-t-42)/92));h=h>1?1:h<0?0:h;const m=c,p=[h*(100/s)+1-h,h*(100/n)+1-h,h*(100/l)+1-h],u=1/(5*t+1),v=u*u*u*u,b=1-v,f=v*t+.1*b*b*Math.cbrt(5*t),g=aC(a)/e[1],y=1.48+Math.sqrt(g),$=.725/Math.pow(g,.2),x=$,w=[Math.pow(f*p[0]*s/100,.42),Math.pow(f*p[1]*n/100,.42),Math.pow(f*p[2]*l/100,.42)],k=[400*w[0]/(w[0]+27.13),400*w[1]/(w[1]+27.13),400*w[2]/(w[2]+27.13)];return new nC(g,(2*k[0]+k[1]+.05*k[2])*$,$,x,d,m,p,f,Math.pow(f,.25),y)}constructor(e,t,a,o,i,r,s,n,l,c){this.n=e,this.aw=t,this.nbb=a,this.ncb=o,this.c=i,this.nc=r,this.rgbD=s,this.fl=n,this.fLRoot=l,this.z=c}}nC.DEFAULT=nC.make();
+ */((e+16)/116)}function hC(e){return 116*uC(e/100)-16}function mC(e){const t=e/255;return t<=.040449936?t/12.92*100:100*Math.pow((t+.055)/1.055,2.4)}function pC(e){const t=e/100;let a=0;return a=t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055,o=0,i=255,(r=Math.round(255*a))<o?o:r>i?i:r;var o,i,r}function uC(e){const t=24389/27;return e>216/24389?Math.pow(e,1/3):(t*e+16)/116}class vC{static make(e=function(){return oC}(),t=200/Math.PI*dC(50)/100,a=50,o=2,i=!1){const r=e,s=.401288*r[0]+.650173*r[1]+-.051461*r[2],n=-.250268*r[0]+1.204414*r[1]+.045854*r[2],l=-.002079*r[0]+.048952*r[1]+.953127*r[2],c=.8+o/10,d=c>=.9?Yk(.59,.69,10*(c-.9)):Yk(.525,.59,10*(c-.8));let h=i?1:c*(1-1/3.6*Math.exp((-t-42)/92));h=h>1?1:h<0?0:h;const m=c,p=[h*(100/s)+1-h,h*(100/n)+1-h,h*(100/l)+1-h],u=1/(5*t+1),v=u*u*u*u,b=1-v,f=v*t+.1*b*b*Math.cbrt(5*t),g=dC(a)/e[1],y=1.48+Math.sqrt(g),$=.725/Math.pow(g,.2),x=$,w=[Math.pow(f*p[0]*s/100,.42),Math.pow(f*p[1]*n/100,.42),Math.pow(f*p[2]*l/100,.42)],k=[400*w[0]/(w[0]+27.13),400*w[1]/(w[1]+27.13),400*w[2]/(w[2]+27.13)];return new vC(g,(2*k[0]+k[1]+.05*k[2])*$,$,x,d,m,p,f,Math.pow(f,.25),y)}constructor(e,t,a,o,i,r,s,n,l,c){this.n=e,this.aw=t,this.nbb=a,this.ncb=o,this.c=i,this.nc=r,this.rgbD=s,this.fl=n,this.fLRoot=l,this.z=c}}vC.DEFAULT=vC.make();
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -228,7 +222,7 @@ function Fk(e){return e<0?-1:0===e?0:1}function Vk(e,t,a){return(1-a)*e+a*t}func
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class lC{constructor(e,t,a,o,i,r,s,n,l){this.hue=e,this.chroma=t,this.j=a,this.q=o,this.m=i,this.s=r,this.jstar=s,this.astar=n,this.bstar=l}distance(e){const t=this.jstar-e.jstar,a=this.astar-e.astar,o=this.bstar-e.bstar,i=Math.sqrt(t*t+a*a+o*o);return 1.41*Math.pow(i,.63)}static fromInt(e){return lC.fromIntInViewingConditions(e,nC.DEFAULT)}static fromIntInViewingConditions(e,t){const a=(65280&e)>>8,o=255&e,i=iC((16711680&e)>>16),r=iC(a),s=iC(o),n=.41233895*i+.35762064*r+.18051042*s,l=.2126*i+.7152*r+.0722*s,c=.01932141*i+.11916382*r+.95034478*s,d=.401288*n+.650173*l-.051461*c,h=-.250268*n+1.204414*l+.045854*c,m=-.002079*n+.048952*l+.953127*c,p=t.rgbD[0]*d,u=t.rgbD[1]*h,v=t.rgbD[2]*m,b=Math.pow(t.fl*Math.abs(p)/100,.42),f=Math.pow(t.fl*Math.abs(u)/100,.42),g=Math.pow(t.fl*Math.abs(v)/100,.42),y=400*Fk(p)*b/(b+27.13),$=400*Fk(u)*f/(f+27.13),x=400*Fk(v)*g/(g+27.13),w=(11*y+-12*$+x)/11,k=(y+$-2*x)/9,C=(20*y+20*$+21*x)/20,S=(40*y+20*$+x)/20,_=180*Math.atan2(k,w)/Math.PI,L=_<0?_+360:_>=360?_-360:_,z=L*Math.PI/180,E=S*t.nbb,M=100*Math.pow(E/t.aw,t.c*t.z),T=4/t.c*Math.sqrt(M/100)*(t.aw+4)*t.fLRoot,P=L<20.14?L+360:L,I=5e4/13*(.25*(Math.cos(P*Math.PI/180+2)+3.8))*t.nc*t.ncb*Math.sqrt(w*w+k*k)/(C+.305),A=Math.pow(I,.9)*Math.pow(1.64-Math.pow(.29,t.n),.73),W=A*Math.sqrt(M/100),H=W*t.fLRoot,O=50*Math.sqrt(A*t.c/(t.aw+4)),D=(1+100*.007)*M/(1+.007*M),B=1/.0228*Math.log(1+.0228*H),q=B*Math.cos(z),R=B*Math.sin(z);return new lC(L,W,M,T,H,O,D,q,R)}static fromJch(e,t,a){return lC.fromJchInViewingConditions(e,t,a,nC.DEFAULT)}static fromJchInViewingConditions(e,t,a,o){const i=4/o.c*Math.sqrt(e/100)*(o.aw+4)*o.fLRoot,r=t*o.fLRoot,s=t/Math.sqrt(e/100),n=50*Math.sqrt(s*o.c/(o.aw+4)),l=a*Math.PI/180,c=(1+100*.007)*e/(1+.007*e),d=1/.0228*Math.log(1+.0228*r),h=d*Math.cos(l),m=d*Math.sin(l);return new lC(a,t,e,i,r,n,c,h,m)}static fromUcs(e,t,a){return lC.fromUcsInViewingConditions(e,t,a,nC.DEFAULT)}static fromUcsInViewingConditions(e,t,a,o){const i=t,r=a,s=Math.sqrt(i*i+r*r),n=(Math.exp(.0228*s)-1)/.0228/o.fLRoot;let l=Math.atan2(r,i)*(180/Math.PI);l<0&&(l+=360);const c=e/(1-.007*(e-100));return lC.fromJchInViewingConditions(c,n,l,o)}toInt(){return this.viewed(nC.DEFAULT)}viewed(e){const t=0===this.chroma||0===this.j?0:this.chroma/Math.sqrt(this.j/100),a=Math.pow(t/Math.pow(1.64-Math.pow(.29,e.n),.73),1/.9),o=this.hue*Math.PI/180,i=.25*(Math.cos(o+2)+3.8),r=e.aw*Math.pow(this.j/100,1/e.c/e.z),s=i*(5e4/13)*e.nc*e.ncb,n=r/e.nbb,l=Math.sin(o),c=Math.cos(o),d=23*(n+.305)*a/(23*s+11*a*c+108*a*l),h=d*c,m=d*l,p=(460*n+451*h+288*m)/1403,u=(460*n-891*h-261*m)/1403,v=(460*n-220*h-6300*m)/1403,b=Math.max(0,27.13*Math.abs(p)/(400-Math.abs(p))),f=Fk(p)*(100/e.fl)*Math.pow(b,1/.42),g=Math.max(0,27.13*Math.abs(u)/(400-Math.abs(u))),y=Fk(u)*(100/e.fl)*Math.pow(g,1/.42),$=Math.max(0,27.13*Math.abs(v)/(400-Math.abs(v))),x=Fk(v)*(100/e.fl)*Math.pow($,1/.42),w=f/e.rgbD[0],k=y/e.rgbD[1],C=x/e.rgbD[2],S=function(e,t,a){const o=Zk,i=o[0][0]*e+o[0][1]*t+o[0][2]*a,r=o[1][0]*e+o[1][1]*t+o[1][2]*a,s=o[2][0]*e+o[2][1]*t+o[2][2]*a;return Xk(rC(i),rC(r),rC(s))}(1.86206786*w-1.01125463*k+.14918677*C,.38752654*w+.62144744*k-.00897398*C,-.0158415*w-.03412294*k+1.04996444*C);return S}static fromXyzInViewingConditions(e,t,a,o){const i=.401288*e+.650173*t-.051461*a,r=-.250268*e+1.204414*t+.045854*a,s=-.002079*e+.048952*t+.953127*a,n=o.rgbD[0]*i,l=o.rgbD[1]*r,c=o.rgbD[2]*s,d=Math.pow(o.fl*Math.abs(n)/100,.42),h=Math.pow(o.fl*Math.abs(l)/100,.42),m=Math.pow(o.fl*Math.abs(c)/100,.42),p=400*Fk(n)*d/(d+27.13),u=400*Fk(l)*h/(h+27.13),v=400*Fk(c)*m/(m+27.13),b=(11*p+-12*u+v)/11,f=(p+u-2*v)/9,g=(20*p+20*u+21*v)/20,y=(40*p+20*u+v)/20,$=180*Math.atan2(f,b)/Math.PI,x=$<0?$+360:$>=360?$-360:$,w=x*Math.PI/180,k=y*o.nbb,C=100*Math.pow(k/o.aw,o.c*o.z),S=4/o.c*Math.sqrt(C/100)*(o.aw+4)*o.fLRoot,_=x<20.14?x+360:x,L=5e4/13*(1/4*(Math.cos(_*Math.PI/180+2)+3.8))*o.nc*o.ncb*Math.sqrt(b*b+f*f)/(g+.305),z=Math.pow(L,.9)*Math.pow(1.64-Math.pow(.29,o.n),.73),E=z*Math.sqrt(C/100),M=E*o.fLRoot,T=50*Math.sqrt(z*o.c/(o.aw+4)),P=(1+100*.007)*C/(1+.007*C),I=Math.log(1+.0228*M)/.0228,A=I*Math.cos(w),W=I*Math.sin(w);return new lC(x,E,C,S,M,T,P,A,W)}xyzInViewingConditions(e){const t=0===this.chroma||0===this.j?0:this.chroma/Math.sqrt(this.j/100),a=Math.pow(t/Math.pow(1.64-Math.pow(.29,e.n),.73),1/.9),o=this.hue*Math.PI/180,i=.25*(Math.cos(o+2)+3.8),r=e.aw*Math.pow(this.j/100,1/e.c/e.z),s=i*(5e4/13)*e.nc*e.ncb,n=r/e.nbb,l=Math.sin(o),c=Math.cos(o),d=23*(n+.305)*a/(23*s+11*a*c+108*a*l),h=d*c,m=d*l,p=(460*n+451*h+288*m)/1403,u=(460*n-891*h-261*m)/1403,v=(460*n-220*h-6300*m)/1403,b=Math.max(0,27.13*Math.abs(p)/(400-Math.abs(p))),f=Fk(p)*(100/e.fl)*Math.pow(b,1/.42),g=Math.max(0,27.13*Math.abs(u)/(400-Math.abs(u))),y=Fk(u)*(100/e.fl)*Math.pow(g,1/.42),$=Math.max(0,27.13*Math.abs(v)/(400-Math.abs(v))),x=Fk(v)*(100/e.fl)*Math.pow($,1/.42),w=f/e.rgbD[0],k=y/e.rgbD[1],C=x/e.rgbD[2];return[1.86206786*w-1.01125463*k+.14918677*C,.38752654*w+.62144744*k-.00897398*C,-.0158415*w-.03412294*k+1.04996444*C]}}
+class bC{constructor(e,t,a,o,i,r,s,n,l){this.hue=e,this.chroma=t,this.j=a,this.q=o,this.m=i,this.s=r,this.jstar=s,this.astar=n,this.bstar=l}distance(e){const t=this.jstar-e.jstar,a=this.astar-e.astar,o=this.bstar-e.bstar,i=Math.sqrt(t*t+a*a+o*o);return 1.41*Math.pow(i,.63)}static fromInt(e){return bC.fromIntInViewingConditions(e,vC.DEFAULT)}static fromIntInViewingConditions(e,t){const a=(65280&e)>>8,o=255&e,i=mC((16711680&e)>>16),r=mC(a),s=mC(o),n=.41233895*i+.35762064*r+.18051042*s,l=.2126*i+.7152*r+.0722*s,c=.01932141*i+.11916382*r+.95034478*s,d=.401288*n+.650173*l-.051461*c,h=-.250268*n+1.204414*l+.045854*c,m=-.002079*n+.048952*l+.953127*c,p=t.rgbD[0]*d,u=t.rgbD[1]*h,v=t.rgbD[2]*m,b=Math.pow(t.fl*Math.abs(p)/100,.42),f=Math.pow(t.fl*Math.abs(u)/100,.42),g=Math.pow(t.fl*Math.abs(v)/100,.42),y=400*Xk(p)*b/(b+27.13),$=400*Xk(u)*f/(f+27.13),x=400*Xk(v)*g/(g+27.13),w=(11*y+-12*$+x)/11,k=(y+$-2*x)/9,C=(20*y+20*$+21*x)/20,S=(40*y+20*$+x)/20,_=180*Math.atan2(k,w)/Math.PI,L=_<0?_+360:_>=360?_-360:_,z=L*Math.PI/180,E=S*t.nbb,M=100*Math.pow(E/t.aw,t.c*t.z),T=4/t.c*Math.sqrt(M/100)*(t.aw+4)*t.fLRoot,P=L<20.14?L+360:L,I=5e4/13*(.25*(Math.cos(P*Math.PI/180+2)+3.8))*t.nc*t.ncb*Math.sqrt(w*w+k*k)/(C+.305),A=Math.pow(I,.9)*Math.pow(1.64-Math.pow(.29,t.n),.73),W=A*Math.sqrt(M/100),H=W*t.fLRoot,O=50*Math.sqrt(A*t.c/(t.aw+4)),D=(1+100*.007)*M/(1+.007*M),B=1/.0228*Math.log(1+.0228*H),q=B*Math.cos(z),R=B*Math.sin(z);return new bC(L,W,M,T,H,O,D,q,R)}static fromJch(e,t,a){return bC.fromJchInViewingConditions(e,t,a,vC.DEFAULT)}static fromJchInViewingConditions(e,t,a,o){const i=4/o.c*Math.sqrt(e/100)*(o.aw+4)*o.fLRoot,r=t*o.fLRoot,s=t/Math.sqrt(e/100),n=50*Math.sqrt(s*o.c/(o.aw+4)),l=a*Math.PI/180,c=(1+100*.007)*e/(1+.007*e),d=1/.0228*Math.log(1+.0228*r),h=d*Math.cos(l),m=d*Math.sin(l);return new bC(a,t,e,i,r,n,c,h,m)}static fromUcs(e,t,a){return bC.fromUcsInViewingConditions(e,t,a,vC.DEFAULT)}static fromUcsInViewingConditions(e,t,a,o){const i=t,r=a,s=Math.sqrt(i*i+r*r),n=(Math.exp(.0228*s)-1)/.0228/o.fLRoot;let l=Math.atan2(r,i)*(180/Math.PI);l<0&&(l+=360);const c=e/(1-.007*(e-100));return bC.fromJchInViewingConditions(c,n,l,o)}toInt(){return this.viewed(vC.DEFAULT)}viewed(e){const t=0===this.chroma||0===this.j?0:this.chroma/Math.sqrt(this.j/100),a=Math.pow(t/Math.pow(1.64-Math.pow(.29,e.n),.73),1/.9),o=this.hue*Math.PI/180,i=.25*(Math.cos(o+2)+3.8),r=e.aw*Math.pow(this.j/100,1/e.c/e.z),s=i*(5e4/13)*e.nc*e.ncb,n=r/e.nbb,l=Math.sin(o),c=Math.cos(o),d=23*(n+.305)*a/(23*s+11*a*c+108*a*l),h=d*c,m=d*l,p=(460*n+451*h+288*m)/1403,u=(460*n-891*h-261*m)/1403,v=(460*n-220*h-6300*m)/1403,b=Math.max(0,27.13*Math.abs(p)/(400-Math.abs(p))),f=Xk(p)*(100/e.fl)*Math.pow(b,1/.42),g=Math.max(0,27.13*Math.abs(u)/(400-Math.abs(u))),y=Xk(u)*(100/e.fl)*Math.pow(g,1/.42),$=Math.max(0,27.13*Math.abs(v)/(400-Math.abs(v))),x=Xk(v)*(100/e.fl)*Math.pow($,1/.42),w=f/e.rgbD[0],k=y/e.rgbD[1],C=x/e.rgbD[2],S=function(e,t,a){const o=aC,i=o[0][0]*e+o[0][1]*t+o[0][2]*a,r=o[1][0]*e+o[1][1]*t+o[1][2]*a,s=o[2][0]*e+o[2][1]*t+o[2][2]*a;return iC(pC(i),pC(r),pC(s))}(1.86206786*w-1.01125463*k+.14918677*C,.38752654*w+.62144744*k-.00897398*C,-.0158415*w-.03412294*k+1.04996444*C);return S}static fromXyzInViewingConditions(e,t,a,o){const i=.401288*e+.650173*t-.051461*a,r=-.250268*e+1.204414*t+.045854*a,s=-.002079*e+.048952*t+.953127*a,n=o.rgbD[0]*i,l=o.rgbD[1]*r,c=o.rgbD[2]*s,d=Math.pow(o.fl*Math.abs(n)/100,.42),h=Math.pow(o.fl*Math.abs(l)/100,.42),m=Math.pow(o.fl*Math.abs(c)/100,.42),p=400*Xk(n)*d/(d+27.13),u=400*Xk(l)*h/(h+27.13),v=400*Xk(c)*m/(m+27.13),b=(11*p+-12*u+v)/11,f=(p+u-2*v)/9,g=(20*p+20*u+21*v)/20,y=(40*p+20*u+v)/20,$=180*Math.atan2(f,b)/Math.PI,x=$<0?$+360:$>=360?$-360:$,w=x*Math.PI/180,k=y*o.nbb,C=100*Math.pow(k/o.aw,o.c*o.z),S=4/o.c*Math.sqrt(C/100)*(o.aw+4)*o.fLRoot,_=x<20.14?x+360:x,L=5e4/13*(1/4*(Math.cos(_*Math.PI/180+2)+3.8))*o.nc*o.ncb*Math.sqrt(b*b+f*f)/(g+.305),z=Math.pow(L,.9)*Math.pow(1.64-Math.pow(.29,o.n),.73),E=z*Math.sqrt(C/100),M=E*o.fLRoot,T=50*Math.sqrt(z*o.c/(o.aw+4)),P=(1+100*.007)*C/(1+.007*C),I=Math.log(1+.0228*M)/.0228,A=I*Math.cos(w),W=I*Math.sin(w);return new bC(x,E,C,S,M,T,P,A,W)}xyzInViewingConditions(e){const t=0===this.chroma||0===this.j?0:this.chroma/Math.sqrt(this.j/100),a=Math.pow(t/Math.pow(1.64-Math.pow(.29,e.n),.73),1/.9),o=this.hue*Math.PI/180,i=.25*(Math.cos(o+2)+3.8),r=e.aw*Math.pow(this.j/100,1/e.c/e.z),s=i*(5e4/13)*e.nc*e.ncb,n=r/e.nbb,l=Math.sin(o),c=Math.cos(o),d=23*(n+.305)*a/(23*s+11*a*c+108*a*l),h=d*c,m=d*l,p=(460*n+451*h+288*m)/1403,u=(460*n-891*h-261*m)/1403,v=(460*n-220*h-6300*m)/1403,b=Math.max(0,27.13*Math.abs(p)/(400-Math.abs(p))),f=Xk(p)*(100/e.fl)*Math.pow(b,1/.42),g=Math.max(0,27.13*Math.abs(u)/(400-Math.abs(u))),y=Xk(u)*(100/e.fl)*Math.pow(g,1/.42),$=Math.max(0,27.13*Math.abs(v)/(400-Math.abs(v))),x=Xk(v)*(100/e.fl)*Math.pow($,1/.42),w=f/e.rgbD[0],k=y/e.rgbD[1],C=x/e.rgbD[2];return[1.86206786*w-1.01125463*k+.14918677*C,.38752654*w+.62144744*k-.00897398*C,-.0158415*w-.03412294*k+1.04996444*C]}}
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -244,7 +238,7 @@ class lC{constructor(e,t,a,o,i,r,s,n,l){this.hue=e,this.chroma=t,this.j=a,this.q
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */class cC{static sanitizeRadians(e){return(e+8*Math.PI)%(2*Math.PI)}static trueDelinearized(e){const t=e/100;let a=0;return a=t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055,255*a}static chromaticAdaptation(e){const t=Math.pow(Math.abs(e),.42);return 400*Fk(e)*t/(t+27.13)}static hueOf(e){const t=jk(e,cC.SCALED_DISCOUNT_FROM_LINRGB),a=cC.chromaticAdaptation(t[0]),o=cC.chromaticAdaptation(t[1]),i=cC.chromaticAdaptation(t[2]),r=(11*a+-12*o+i)/11,s=(a+o-2*i)/9;return Math.atan2(s,r)}static areInCyclicOrder(e,t,a){return cC.sanitizeRadians(t-e)<cC.sanitizeRadians(a-e)}static intercept(e,t,a){return(t-e)/(a-e)}static lerpPoint(e,t,a){return[e[0]+(a[0]-e[0])*t,e[1]+(a[1]-e[1])*t,e[2]+(a[2]-e[2])*t]}static setCoordinate(e,t,a,o){const i=cC.intercept(e[o],t,a[o]);return cC.lerpPoint(e,i,a)}static isBounded(e){return 0<=e&&e<=100}static nthVertex(e,t){const a=cC.Y_FROM_LINRGB[0],o=cC.Y_FROM_LINRGB[1],i=cC.Y_FROM_LINRGB[2],r=t%4<=1?0:100,s=t%2==0?0:100;if(t<4){const t=r,n=s,l=(e-t*o-n*i)/a;return cC.isBounded(l)?[l,t,n]:[-1,-1,-1]}if(t<8){const t=r,n=s,l=(e-n*a-t*i)/o;return cC.isBounded(l)?[n,l,t]:[-1,-1,-1]}{const t=r,n=s,l=(e-t*a-n*o)/i;return cC.isBounded(l)?[t,n,l]:[-1,-1,-1]}}static bisectToSegment(e,t){let a=[-1,-1,-1],o=a,i=0,r=0,s=!1,n=!0;for(let l=0;l<12;l++){const c=cC.nthVertex(e,l);if(c[0]<0)continue;const d=cC.hueOf(c);s?(n||cC.areInCyclicOrder(i,d,r))&&(n=!1,cC.areInCyclicOrder(i,t,d)?(o=c,r=d):(a=c,i=d)):(a=c,o=c,i=d,r=d,s=!0)}return[a,o]}static midpoint(e,t){return[(e[0]+t[0])/2,(e[1]+t[1])/2,(e[2]+t[2])/2]}static criticalPlaneBelow(e){return Math.floor(e-.5)}static criticalPlaneAbove(e){return Math.ceil(e-.5)}static bisectToLimit(e,t){const a=cC.bisectToSegment(e,t);let o=a[0],i=cC.hueOf(o),r=a[1];for(let e=0;e<3;e++)if(o[e]!==r[e]){let a=-1,s=255;o[e]<r[e]?(a=cC.criticalPlaneBelow(cC.trueDelinearized(o[e])),s=cC.criticalPlaneAbove(cC.trueDelinearized(r[e]))):(a=cC.criticalPlaneAbove(cC.trueDelinearized(o[e])),s=cC.criticalPlaneBelow(cC.trueDelinearized(r[e])));for(let n=0;n<8&&!(Math.abs(s-a)<=1);n++){const n=Math.floor((a+s)/2),l=cC.CRITICAL_PLANES[n],c=cC.setCoordinate(o,l,r,e),d=cC.hueOf(c);cC.areInCyclicOrder(i,t,d)?(r=c,s=n):(o=c,i=d,a=n)}}return cC.midpoint(o,r)}static inverseChromaticAdaptation(e){const t=Math.abs(e),a=Math.max(0,27.13*t/(400-t));return Fk(e)*Math.pow(a,1/.42)}static findResultByJ(e,t,a){let o=11*Math.sqrt(a);const i=nC.DEFAULT,r=1/Math.pow(1.64-Math.pow(.29,i.n),.73),s=.25*(Math.cos(e+2)+3.8)*(5e4/13)*i.nc*i.ncb,n=Math.sin(e),l=Math.cos(e);for(let e=0;e<5;e++){const c=o/100,d=0===t||0===o?0:t/Math.sqrt(c),h=Math.pow(d*r,1/.9),m=i.aw*Math.pow(c,1/i.c/i.z)/i.nbb,p=23*(m+.305)*h/(23*s+11*h*l+108*h*n),u=p*l,v=p*n,b=(460*m+451*u+288*v)/1403,f=(460*m-891*u-261*v)/1403,g=(460*m-220*u-6300*v)/1403,y=jk([cC.inverseChromaticAdaptation(b),cC.inverseChromaticAdaptation(f),cC.inverseChromaticAdaptation(g)],cC.LINRGB_FROM_SCALED_DISCOUNT);if(y[0]<0||y[1]<0||y[2]<0)return 0;const $=cC.Y_FROM_LINRGB[0],x=cC.Y_FROM_LINRGB[1],w=cC.Y_FROM_LINRGB[2],k=$*y[0]+x*y[1]+w*y[2];if(k<=0)return 0;if(4===e||Math.abs(k-a)<.002)return y[0]>100.01||y[1]>100.01||y[2]>100.01?0:Yk(y);o-=(k-a)*o/(2*k)}return 0}static solveToInt(e,t,a){if(t<1e-4||a<1e-4||a>99.9999)return function(e){const t=rC(aC(e));return Xk(t,t,t)}(a);const o=(e=Nk(e))/180*Math.PI,i=aC(a),r=cC.findResultByJ(o,t,i);if(0!==r)return r;return Yk(cC.bisectToLimit(i,o))}static solveToCam(e,t,a){return lC.fromInt(cC.solveToInt(e,t,a))}}cC.SCALED_DISCOUNT_FROM_LINRGB=[[.001200833568784504,.002389694492170889,.0002795742885861124],[.0005891086651375999,.0029785502573438758,.0003270666104008398],[.00010146692491640572,.0005364214359186694,.0032979401770712076]],cC.LINRGB_FROM_SCALED_DISCOUNT=[[1373.2198709594231,-1100.4251190754821,-7.278681089101213],[-271.815969077903,559.6580465940733,-32.46047482791194],[1.9622899599665666,-57.173814538844006,308.7233197812385]],cC.Y_FROM_LINRGB=[.2126,.7152,.0722],cC.CRITICAL_PLANES=[.015176349177441876,.045529047532325624,.07588174588720938,.10623444424209313,.13658714259697685,.16693984095186062,.19729253930674434,.2276452376616281,.2579979360165119,.28835063437139563,.3188300904430532,.350925934958123,.3848314933096426,.42057480301049466,.458183274052838,.4976837250274023,.5391024159806381,.5824650784040898,.6277969426914107,.6751227633498623,.7244668422128921,.775853049866786,.829304845476233,.8848452951698498,.942497089126609,1.0022825574869039,1.0642236851973577,1.1283421258858297,1.1946592148522128,1.2631959812511864,1.3339731595349034,1.407011200216447,1.4823302800086415,1.5599503113873272,1.6398909516233677,1.7221716113234105,1.8068114625156377,1.8938294463134073,1.9832442801866852,2.075074464868551,2.1693382909216234,2.2660538449872063,2.36523901573795,2.4669114995532007,2.5710888059345764,2.6777882626779785,2.7870270208169257,2.898822059350997,3.0131901897720907,3.1301480604002863,3.2497121605402226,3.3718988244681087,3.4967242352587946,3.624204428461639,3.754355295633311,3.887192587735158,4.022731918402185,4.160988767090289,4.301978482107941,4.445716283538092,4.592217266055746,4.741496401646282,4.893568542229298,5.048448422192488,5.20615066083972,5.3666897647573375,5.5300801301023865,5.696336044816294,5.865471690767354,6.037501145825082,6.212438385869475,6.390297286737924,6.571091626112461,6.7548350853498045,6.941541251256611,7.131223617812143,7.323895587840543,7.5195704746346665,7.7182615035334345,7.919981813454504,8.124744458384042,8.332562408825165,8.543448553206703,8.757415699253682,8.974476575321063,9.194643831691977,9.417930041841839,9.644347703669503,9.873909240696694,10.106627003236781,10.342513269534024,10.58158024687427,10.8238400726681,11.069304815507364,11.317986476196008,11.569896988756009,11.825048221409341,12.083451977536606,12.345119996613247,12.610063955123938,12.878295467455942,13.149826086772048,13.42466730586372,13.702830557985108,13.984327217668513,14.269168601521828,14.55736596900856,14.848930523210871,15.143873411576273,15.44220572664832,15.743938506781891,16.04908273684337,16.35764934889634,16.66964922287304,16.985093187232053,17.30399201960269,17.62635644741625,17.95219714852476,18.281524751807332,18.614349837764564,18.95068293910138,19.290534541298456,19.633915083172692,19.98083495742689,20.331304511189067,20.685334046541502,21.042933821039977,21.404114048223256,21.76888489811322,22.137256497705877,22.50923893145328,22.884842241736916,23.264076429332462,23.6469514538663,24.033477234264016,24.42366364919083,24.817520537484558,25.21505769858089,25.61628489293138,26.021211842414342,26.429848230738664,26.842203703840827,27.258287870275353,27.678110301598522,28.10168053274597,28.529008062403893,28.96010235337422,29.39497283293396,29.83362889318845,30.276079891419332,30.722335150426627,31.172403958865512,31.62629557157785,32.08401920991837,32.54558406207592,33.010999283389665,33.4802739966603,33.953417292456834,34.430438229418264,34.911345834551085,35.39614910352207,35.88485700094671,36.37747846067349,36.87402238606382,37.37449765026789,37.87891309649659,38.38727753828926,38.89959975977785,39.41588851594697,39.93615253289054,40.460400508064545,40.98864111053629,41.520882981230194,42.05713473317016,42.597404951718396,43.141702194811224,43.6900349931913,44.24241185063697,44.798841244188324,45.35933162437017,45.92389141541209,46.49252901546552,47.065252796817916,47.64207110610409,48.22299226451468,48.808024568002054,49.3971762874833,49.9904556690408,50.587870934119984,51.189430279724725,51.79514187861014,52.40501387947288,53.0190544071392,53.637271562750364,54.259673423945976,54.88626804504493,55.517063457223934,56.15206766869424,56.79128866487574,57.43473440856916,58.08241284012621,58.734331877617365,59.39049941699807,60.05092333227251,60.715611475655585,61.38457167773311,62.057811747619894,62.7353394731159,63.417162620860914,64.10328893648692,64.79372614476921,65.48848194977529,66.18756403501224,66.89098006357258,67.59873767827808,68.31084450182222,69.02730813691093,69.74813616640164,70.47333615344107,71.20291564160104,71.93688215501312,72.67524319850172,73.41800625771542,74.16517879925733,74.9167682708136,75.67278210128072,76.43322770089146,77.1981124613393,77.96744375590167,78.74122893956174,79.51947534912904,80.30219030335869,81.08938110306934,81.88105503125999,82.67721935322541,83.4778813166706,84.28304815182372,85.09272707154808,85.90692527145302,86.72564993000343,87.54890820862819,88.3767072518277,89.2090541872801,90.04595612594655,90.88742016217518,91.73345337380438,92.58406282226491,93.43925555268066,94.29903859396902,95.16341895893969,96.03240364439274,96.9059996312159,97.78421388448044,98.6670533535366,99.55452497210776];
+ */class fC{static sanitizeRadians(e){return(e+8*Math.PI)%(2*Math.PI)}static trueDelinearized(e){const t=e/100;let a=0;return a=t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055,255*a}static chromaticAdaptation(e){const t=Math.pow(Math.abs(e),.42);return 400*Xk(e)*t/(t+27.13)}static hueOf(e){const t=eC(e,fC.SCALED_DISCOUNT_FROM_LINRGB),a=fC.chromaticAdaptation(t[0]),o=fC.chromaticAdaptation(t[1]),i=fC.chromaticAdaptation(t[2]),r=(11*a+-12*o+i)/11,s=(a+o-2*i)/9;return Math.atan2(s,r)}static areInCyclicOrder(e,t,a){return fC.sanitizeRadians(t-e)<fC.sanitizeRadians(a-e)}static intercept(e,t,a){return(t-e)/(a-e)}static lerpPoint(e,t,a){return[e[0]+(a[0]-e[0])*t,e[1]+(a[1]-e[1])*t,e[2]+(a[2]-e[2])*t]}static setCoordinate(e,t,a,o){const i=fC.intercept(e[o],t,a[o]);return fC.lerpPoint(e,i,a)}static isBounded(e){return 0<=e&&e<=100}static nthVertex(e,t){const a=fC.Y_FROM_LINRGB[0],o=fC.Y_FROM_LINRGB[1],i=fC.Y_FROM_LINRGB[2],r=t%4<=1?0:100,s=t%2==0?0:100;if(t<4){const t=r,n=s,l=(e-t*o-n*i)/a;return fC.isBounded(l)?[l,t,n]:[-1,-1,-1]}if(t<8){const t=r,n=s,l=(e-n*a-t*i)/o;return fC.isBounded(l)?[n,l,t]:[-1,-1,-1]}{const t=r,n=s,l=(e-t*a-n*o)/i;return fC.isBounded(l)?[t,n,l]:[-1,-1,-1]}}static bisectToSegment(e,t){let a=[-1,-1,-1],o=a,i=0,r=0,s=!1,n=!0;for(let l=0;l<12;l++){const c=fC.nthVertex(e,l);if(c[0]<0)continue;const d=fC.hueOf(c);s?(n||fC.areInCyclicOrder(i,d,r))&&(n=!1,fC.areInCyclicOrder(i,t,d)?(o=c,r=d):(a=c,i=d)):(a=c,o=c,i=d,r=d,s=!0)}return[a,o]}static midpoint(e,t){return[(e[0]+t[0])/2,(e[1]+t[1])/2,(e[2]+t[2])/2]}static criticalPlaneBelow(e){return Math.floor(e-.5)}static criticalPlaneAbove(e){return Math.ceil(e-.5)}static bisectToLimit(e,t){const a=fC.bisectToSegment(e,t);let o=a[0],i=fC.hueOf(o),r=a[1];for(let e=0;e<3;e++)if(o[e]!==r[e]){let a=-1,s=255;o[e]<r[e]?(a=fC.criticalPlaneBelow(fC.trueDelinearized(o[e])),s=fC.criticalPlaneAbove(fC.trueDelinearized(r[e]))):(a=fC.criticalPlaneAbove(fC.trueDelinearized(o[e])),s=fC.criticalPlaneBelow(fC.trueDelinearized(r[e])));for(let n=0;n<8&&!(Math.abs(s-a)<=1);n++){const n=Math.floor((a+s)/2),l=fC.CRITICAL_PLANES[n],c=fC.setCoordinate(o,l,r,e),d=fC.hueOf(c);fC.areInCyclicOrder(i,t,d)?(r=c,s=n):(o=c,i=d,a=n)}}return fC.midpoint(o,r)}static inverseChromaticAdaptation(e){const t=Math.abs(e),a=Math.max(0,27.13*t/(400-t));return Xk(e)*Math.pow(a,1/.42)}static findResultByJ(e,t,a){let o=11*Math.sqrt(a);const i=vC.DEFAULT,r=1/Math.pow(1.64-Math.pow(.29,i.n),.73),s=.25*(Math.cos(e+2)+3.8)*(5e4/13)*i.nc*i.ncb,n=Math.sin(e),l=Math.cos(e);for(let e=0;e<5;e++){const c=o/100,d=0===t||0===o?0:t/Math.sqrt(c),h=Math.pow(d*r,1/.9),m=i.aw*Math.pow(c,1/i.c/i.z)/i.nbb,p=23*(m+.305)*h/(23*s+11*h*l+108*h*n),u=p*l,v=p*n,b=(460*m+451*u+288*v)/1403,f=(460*m-891*u-261*v)/1403,g=(460*m-220*u-6300*v)/1403,y=eC([fC.inverseChromaticAdaptation(b),fC.inverseChromaticAdaptation(f),fC.inverseChromaticAdaptation(g)],fC.LINRGB_FROM_SCALED_DISCOUNT);if(y[0]<0||y[1]<0||y[2]<0)return 0;const $=fC.Y_FROM_LINRGB[0],x=fC.Y_FROM_LINRGB[1],w=fC.Y_FROM_LINRGB[2],k=$*y[0]+x*y[1]+w*y[2];if(k<=0)return 0;if(4===e||Math.abs(k-a)<.002)return y[0]>100.01||y[1]>100.01||y[2]>100.01?0:rC(y);o-=(k-a)*o/(2*k)}return 0}static solveToInt(e,t,a){if(t<1e-4||a<1e-4||a>99.9999)return function(e){const t=pC(dC(e));return iC(t,t,t)}(a);const o=(e=Qk(e))/180*Math.PI,i=dC(a),r=fC.findResultByJ(o,t,i);if(0!==r)return r;return rC(fC.bisectToLimit(i,o))}static solveToCam(e,t,a){return bC.fromInt(fC.solveToInt(e,t,a))}}fC.SCALED_DISCOUNT_FROM_LINRGB=[[.001200833568784504,.002389694492170889,.0002795742885861124],[.0005891086651375999,.0029785502573438758,.0003270666104008398],[.00010146692491640572,.0005364214359186694,.0032979401770712076]],fC.LINRGB_FROM_SCALED_DISCOUNT=[[1373.2198709594231,-1100.4251190754821,-7.278681089101213],[-271.815969077903,559.6580465940733,-32.46047482791194],[1.9622899599665666,-57.173814538844006,308.7233197812385]],fC.Y_FROM_LINRGB=[.2126,.7152,.0722],fC.CRITICAL_PLANES=[.015176349177441876,.045529047532325624,.07588174588720938,.10623444424209313,.13658714259697685,.16693984095186062,.19729253930674434,.2276452376616281,.2579979360165119,.28835063437139563,.3188300904430532,.350925934958123,.3848314933096426,.42057480301049466,.458183274052838,.4976837250274023,.5391024159806381,.5824650784040898,.6277969426914107,.6751227633498623,.7244668422128921,.775853049866786,.829304845476233,.8848452951698498,.942497089126609,1.0022825574869039,1.0642236851973577,1.1283421258858297,1.1946592148522128,1.2631959812511864,1.3339731595349034,1.407011200216447,1.4823302800086415,1.5599503113873272,1.6398909516233677,1.7221716113234105,1.8068114625156377,1.8938294463134073,1.9832442801866852,2.075074464868551,2.1693382909216234,2.2660538449872063,2.36523901573795,2.4669114995532007,2.5710888059345764,2.6777882626779785,2.7870270208169257,2.898822059350997,3.0131901897720907,3.1301480604002863,3.2497121605402226,3.3718988244681087,3.4967242352587946,3.624204428461639,3.754355295633311,3.887192587735158,4.022731918402185,4.160988767090289,4.301978482107941,4.445716283538092,4.592217266055746,4.741496401646282,4.893568542229298,5.048448422192488,5.20615066083972,5.3666897647573375,5.5300801301023865,5.696336044816294,5.865471690767354,6.037501145825082,6.212438385869475,6.390297286737924,6.571091626112461,6.7548350853498045,6.941541251256611,7.131223617812143,7.323895587840543,7.5195704746346665,7.7182615035334345,7.919981813454504,8.124744458384042,8.332562408825165,8.543448553206703,8.757415699253682,8.974476575321063,9.194643831691977,9.417930041841839,9.644347703669503,9.873909240696694,10.106627003236781,10.342513269534024,10.58158024687427,10.8238400726681,11.069304815507364,11.317986476196008,11.569896988756009,11.825048221409341,12.083451977536606,12.345119996613247,12.610063955123938,12.878295467455942,13.149826086772048,13.42466730586372,13.702830557985108,13.984327217668513,14.269168601521828,14.55736596900856,14.848930523210871,15.143873411576273,15.44220572664832,15.743938506781891,16.04908273684337,16.35764934889634,16.66964922287304,16.985093187232053,17.30399201960269,17.62635644741625,17.95219714852476,18.281524751807332,18.614349837764564,18.95068293910138,19.290534541298456,19.633915083172692,19.98083495742689,20.331304511189067,20.685334046541502,21.042933821039977,21.404114048223256,21.76888489811322,22.137256497705877,22.50923893145328,22.884842241736916,23.264076429332462,23.6469514538663,24.033477234264016,24.42366364919083,24.817520537484558,25.21505769858089,25.61628489293138,26.021211842414342,26.429848230738664,26.842203703840827,27.258287870275353,27.678110301598522,28.10168053274597,28.529008062403893,28.96010235337422,29.39497283293396,29.83362889318845,30.276079891419332,30.722335150426627,31.172403958865512,31.62629557157785,32.08401920991837,32.54558406207592,33.010999283389665,33.4802739966603,33.953417292456834,34.430438229418264,34.911345834551085,35.39614910352207,35.88485700094671,36.37747846067349,36.87402238606382,37.37449765026789,37.87891309649659,38.38727753828926,38.89959975977785,39.41588851594697,39.93615253289054,40.460400508064545,40.98864111053629,41.520882981230194,42.05713473317016,42.597404951718396,43.141702194811224,43.6900349931913,44.24241185063697,44.798841244188324,45.35933162437017,45.92389141541209,46.49252901546552,47.065252796817916,47.64207110610409,48.22299226451468,48.808024568002054,49.3971762874833,49.9904556690408,50.587870934119984,51.189430279724725,51.79514187861014,52.40501387947288,53.0190544071392,53.637271562750364,54.259673423945976,54.88626804504493,55.517063457223934,56.15206766869424,56.79128866487574,57.43473440856916,58.08241284012621,58.734331877617365,59.39049941699807,60.05092333227251,60.715611475655585,61.38457167773311,62.057811747619894,62.7353394731159,63.417162620860914,64.10328893648692,64.79372614476921,65.48848194977529,66.18756403501224,66.89098006357258,67.59873767827808,68.31084450182222,69.02730813691093,69.74813616640164,70.47333615344107,71.20291564160104,71.93688215501312,72.67524319850172,73.41800625771542,74.16517879925733,74.9167682708136,75.67278210128072,76.43322770089146,77.1981124613393,77.96744375590167,78.74122893956174,79.51947534912904,80.30219030335869,81.08938110306934,81.88105503125999,82.67721935322541,83.4778813166706,84.28304815182372,85.09272707154808,85.90692527145302,86.72564993000343,87.54890820862819,88.3767072518277,89.2090541872801,90.04595612594655,90.88742016217518,91.73345337380438,92.58406282226491,93.43925555268066,94.29903859396902,95.16341895893969,96.03240364439274,96.9059996312159,97.78421388448044,98.6670533535366,99.55452497210776];
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -261,7 +255,7 @@ class lC{constructor(e,t,a,o,i,r,s,n,l){this.hue=e,this.chroma=t,this.j=a,this.q
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class dC{static from(e,t,a){return new dC(cC.solveToInt(e,t,a))}static fromInt(e){return new dC(e)}toInt(){return this.argb}get hue(){return this.internalHue}set hue(e){this.setInternalState(cC.solveToInt(e,this.internalChroma,this.internalTone))}get chroma(){return this.internalChroma}set chroma(e){this.setInternalState(cC.solveToInt(this.internalHue,e,this.internalTone))}get tone(){return this.internalTone}set tone(e){this.setInternalState(cC.solveToInt(this.internalHue,this.internalChroma,e))}constructor(e){this.argb=e;const t=lC.fromInt(e);this.internalHue=t.hue,this.internalChroma=t.chroma,this.internalTone=tC(e),this.argb=e}setInternalState(e){const t=lC.fromInt(e);this.internalHue=t.hue,this.internalChroma=t.chroma,this.internalTone=tC(e),this.argb=e}inViewingConditions(e){const t=lC.fromInt(this.toInt()).xyzInViewingConditions(e),a=lC.fromXyzInViewingConditions(t[0],t[1],t[2],nC.make());return dC.from(a.hue,a.chroma,oC(t[1]))}}
+class gC{static from(e,t,a){return new gC(fC.solveToInt(e,t,a))}static fromInt(e){return new gC(e)}toInt(){return this.argb}get hue(){return this.internalHue}set hue(e){this.setInternalState(fC.solveToInt(e,this.internalChroma,this.internalTone))}get chroma(){return this.internalChroma}set chroma(e){this.setInternalState(fC.solveToInt(this.internalHue,e,this.internalTone))}get tone(){return this.internalTone}set tone(e){this.setInternalState(fC.solveToInt(this.internalHue,this.internalChroma,e))}constructor(e){this.argb=e;const t=bC.fromInt(e);this.internalHue=t.hue,this.internalChroma=t.chroma,this.internalTone=cC(e),this.argb=e}setInternalState(e){const t=bC.fromInt(e);this.internalHue=t.hue,this.internalChroma=t.chroma,this.internalTone=cC(e),this.argb=e}inViewingConditions(e){const t=bC.fromInt(this.toInt()).xyzInViewingConditions(e),a=bC.fromXyzInViewingConditions(t[0],t[1],t[2],vC.make());return gC.from(a.hue,a.chroma,hC(t[1]))}}
 /**
  * @license
  * Copyright 2022 Google LLC
@@ -277,7 +271,7 @@ class dC{static from(e,t,a){return new dC(cC.solveToInt(e,t,a))}static fromInt(e
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */class hC{static ratioOfTones(e,t){return e=Uk(0,100,e),t=Uk(0,100,t),hC.ratioOfYs(aC(e),aC(t))}static ratioOfYs(e,t){const a=e>t?e:t;return(a+5)/((a===t?e:t)+5)}static lighter(e,t){if(e<0||e>100)return-1;const a=aC(e),o=t*(a+5)-5,i=hC.ratioOfYs(o,a),r=Math.abs(i-t);if(i<t&&r>.04)return-1;const s=oC(o)+.4;return s<0||s>100?-1:s}static darker(e,t){if(e<0||e>100)return-1;const a=aC(e),o=(a+5)/t-5,i=hC.ratioOfYs(a,o),r=Math.abs(i-t);if(i<t&&r>.04)return-1;const s=oC(o)-.4;return s<0||s>100?-1:s}static lighterUnsafe(e,t){const a=hC.lighter(e,t);return a<0?100:a}static darkerUnsafe(e,t){const a=hC.darker(e,t);return a<0?0:a}}
+ */class yC{static ratioOfTones(e,t){return e=Jk(0,100,e),t=Jk(0,100,t),yC.ratioOfYs(dC(e),dC(t))}static ratioOfYs(e,t){const a=e>t?e:t;return(a+5)/((a===t?e:t)+5)}static lighter(e,t){if(e<0||e>100)return-1;const a=dC(e),o=t*(a+5)-5,i=yC.ratioOfYs(o,a),r=Math.abs(i-t);if(i<t&&r>.04)return-1;const s=hC(o)+.4;return s<0||s>100?-1:s}static darker(e,t){if(e<0||e>100)return-1;const a=dC(e),o=(a+5)/t-5,i=yC.ratioOfYs(a,o),r=Math.abs(i-t);if(i<t&&r>.04)return-1;const s=hC(o)-.4;return s<0||s>100?-1:s}static lighterUnsafe(e,t){const a=yC.lighter(e,t);return a<0?100:a}static darkerUnsafe(e,t){const a=yC.darker(e,t);return a<0?0:a}}
 /**
  * @license
  * Copyright 2023 Google LLC
@@ -293,7 +287,7 @@ class dC{static from(e,t,a){return new dC(cC.solveToInt(e,t,a))}static fromInt(e
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */class mC{static isDisliked(e){const t=Math.round(e.hue)>=90&&Math.round(e.hue)<=111,a=Math.round(e.chroma)>16,o=Math.round(e.tone)<65;return t&&a&&o}static fixIfDisliked(e){return mC.isDisliked(e)?dC.from(e.hue,e.chroma,70):e}}
+ */class $C{static isDisliked(e){const t=Math.round(e.hue)>=90&&Math.round(e.hue)<=111,a=Math.round(e.chroma)>16,o=Math.round(e.tone)<65;return t&&a&&o}static fixIfDisliked(e){return $C.isDisliked(e)?gC.from(e.hue,e.chroma,70):e}}
 /**
  * @license
  * Copyright 2022 Google LLC
@@ -309,7 +303,7 @@ class dC{static from(e,t,a){return new dC(cC.solveToInt(e,t,a))}static fromInt(e
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */class pC{static fromPalette(e){return new pC(e.name??"",e.palette,e.tone,e.isBackground??!1,e.background,e.secondBackground,e.contrastCurve,e.toneDeltaPair)}constructor(e,t,a,o,i,r,s,n){if(this.name=e,this.palette=t,this.tone=a,this.isBackground=o,this.background=i,this.secondBackground=r,this.contrastCurve=s,this.toneDeltaPair=n,this.hctCache=new Map,!i&&r)throw new Error(`Color ${e} has secondBackgrounddefined, but background is not defined.`);if(!i&&s)throw new Error(`Color ${e} has contrastCurvedefined, but background is not defined.`);if(i&&!s)throw new Error(`Color ${e} has backgrounddefined, but contrastCurve is not defined.`)}getArgb(e){return this.getHct(e).toInt()}getHct(e){const t=this.hctCache.get(e);if(null!=t)return t;const a=this.getTone(e),o=this.palette(e).getHct(a);return this.hctCache.size>4&&this.hctCache.clear(),this.hctCache.set(e,o),o}getTone(e){const t=e.contrastLevel<0;if(this.toneDeltaPair){const a=this.toneDeltaPair(e),o=a.roleA,i=a.roleB,r=a.delta,s=a.polarity,n=a.stayTogether,l=this.background(e).getTone(e),c="nearer"===s||"lighter"===s&&!e.isDark||"darker"===s&&e.isDark,d=c?o:i,h=c?i:o,m=this.name===d.name,p=e.isDark?1:-1,u=d.contrastCurve.get(e.contrastLevel),v=h.contrastCurve.get(e.contrastLevel),b=d.tone(e);let f=hC.ratioOfTones(l,b)>=u?b:pC.foregroundTone(l,u);const g=h.tone(e);let y=hC.ratioOfTones(l,g)>=v?g:pC.foregroundTone(l,v);return t&&(f=pC.foregroundTone(l,u),y=pC.foregroundTone(l,v)),(y-f)*p>=r||(y=Uk(0,100,f+r*p),(y-f)*p>=r||(f=Uk(0,100,y-r*p))),50<=f&&f<60?p>0?(f=60,y=Math.max(y,f+r*p)):(f=49,y=Math.min(y,f+r*p)):50<=y&&y<60&&(n?p>0?(f=60,y=Math.max(y,f+r*p)):(f=49,y=Math.min(y,f+r*p)):y=p>0?60:49),m?f:y}{let a=this.tone(e);if(null==this.background)return a;const o=this.background(e).getTone(e),i=this.contrastCurve.get(e.contrastLevel);if(hC.ratioOfTones(o,a)>=i||(a=pC.foregroundTone(o,i)),t&&(a=pC.foregroundTone(o,i)),this.isBackground&&50<=a&&a<60&&(a=hC.ratioOfTones(49,o)>=i?49:60),this.secondBackground){const[t,o]=[this.background,this.secondBackground],[r,s]=[t(e).getTone(e),o(e).getTone(e)],[n,l]=[Math.max(r,s),Math.min(r,s)];if(hC.ratioOfTones(n,a)>=i&&hC.ratioOfTones(l,a)>=i)return a;const c=hC.lighter(n,i),d=hC.darker(l,i),h=[];-1!==c&&h.push(c),-1!==d&&h.push(d);return pC.tonePrefersLightForeground(r)||pC.tonePrefersLightForeground(s)?c<0?100:c:1===h.length?h[0]:d<0?0:d}return a}}static foregroundTone(e,t){const a=hC.lighterUnsafe(e,t),o=hC.darkerUnsafe(e,t),i=hC.ratioOfTones(a,e),r=hC.ratioOfTones(o,e);if(pC.tonePrefersLightForeground(e)){const e=Math.abs(i-r)<.1&&i<t&&r<t;return i>=t||i>=r||e?a:o}return r>=t||r>=i?o:a}static tonePrefersLightForeground(e){return Math.round(e)<60}static toneAllowsLightForeground(e){return Math.round(e)<=49}static enableLightForeground(e){return pC.tonePrefersLightForeground(e)&&!pC.toneAllowsLightForeground(e)?49:e}}
+ */class xC{static fromPalette(e){return new xC(e.name??"",e.palette,e.tone,e.isBackground??!1,e.background,e.secondBackground,e.contrastCurve,e.toneDeltaPair)}constructor(e,t,a,o,i,r,s,n){if(this.name=e,this.palette=t,this.tone=a,this.isBackground=o,this.background=i,this.secondBackground=r,this.contrastCurve=s,this.toneDeltaPair=n,this.hctCache=new Map,!i&&r)throw new Error(`Color ${e} has secondBackgrounddefined, but background is not defined.`);if(!i&&s)throw new Error(`Color ${e} has contrastCurvedefined, but background is not defined.`);if(i&&!s)throw new Error(`Color ${e} has backgrounddefined, but contrastCurve is not defined.`)}getArgb(e){return this.getHct(e).toInt()}getHct(e){const t=this.hctCache.get(e);if(null!=t)return t;const a=this.getTone(e),o=this.palette(e).getHct(a);return this.hctCache.size>4&&this.hctCache.clear(),this.hctCache.set(e,o),o}getTone(e){const t=e.contrastLevel<0;if(this.toneDeltaPair){const a=this.toneDeltaPair(e),o=a.roleA,i=a.roleB,r=a.delta,s=a.polarity,n=a.stayTogether,l=this.background(e).getTone(e),c="nearer"===s||"lighter"===s&&!e.isDark||"darker"===s&&e.isDark,d=c?o:i,h=c?i:o,m=this.name===d.name,p=e.isDark?1:-1,u=d.contrastCurve.get(e.contrastLevel),v=h.contrastCurve.get(e.contrastLevel),b=d.tone(e);let f=yC.ratioOfTones(l,b)>=u?b:xC.foregroundTone(l,u);const g=h.tone(e);let y=yC.ratioOfTones(l,g)>=v?g:xC.foregroundTone(l,v);return t&&(f=xC.foregroundTone(l,u),y=xC.foregroundTone(l,v)),(y-f)*p>=r||(y=Jk(0,100,f+r*p),(y-f)*p>=r||(f=Jk(0,100,y-r*p))),50<=f&&f<60?p>0?(f=60,y=Math.max(y,f+r*p)):(f=49,y=Math.min(y,f+r*p)):50<=y&&y<60&&(n?p>0?(f=60,y=Math.max(y,f+r*p)):(f=49,y=Math.min(y,f+r*p)):y=p>0?60:49),m?f:y}{let a=this.tone(e);if(null==this.background)return a;const o=this.background(e).getTone(e),i=this.contrastCurve.get(e.contrastLevel);if(yC.ratioOfTones(o,a)>=i||(a=xC.foregroundTone(o,i)),t&&(a=xC.foregroundTone(o,i)),this.isBackground&&50<=a&&a<60&&(a=yC.ratioOfTones(49,o)>=i?49:60),this.secondBackground){const[t,o]=[this.background,this.secondBackground],[r,s]=[t(e).getTone(e),o(e).getTone(e)],[n,l]=[Math.max(r,s),Math.min(r,s)];if(yC.ratioOfTones(n,a)>=i&&yC.ratioOfTones(l,a)>=i)return a;const c=yC.lighter(n,i),d=yC.darker(l,i),h=[];-1!==c&&h.push(c),-1!==d&&h.push(d);return xC.tonePrefersLightForeground(r)||xC.tonePrefersLightForeground(s)?c<0?100:c:1===h.length?h[0]:d<0?0:d}return a}}static foregroundTone(e,t){const a=yC.lighterUnsafe(e,t),o=yC.darkerUnsafe(e,t),i=yC.ratioOfTones(a,e),r=yC.ratioOfTones(o,e);if(xC.tonePrefersLightForeground(e)){const e=Math.abs(i-r)<.1&&i<t&&r<t;return i>=t||i>=r||e?a:o}return r>=t||r>=i?o:a}static tonePrefersLightForeground(e){return Math.round(e)<60}static toneAllowsLightForeground(e){return Math.round(e)<=49}static enableLightForeground(e){return xC.tonePrefersLightForeground(e)&&!xC.toneAllowsLightForeground(e)?49:e}}
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -325,7 +319,7 @@ class dC{static from(e,t,a){return new dC(cC.solveToInt(e,t,a))}static fromInt(e
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */class uC{static fromInt(e){const t=dC.fromInt(e);return uC.fromHct(t)}static fromHct(e){return new uC(e.hue,e.chroma,e)}static fromHueAndChroma(e,t){const a=new vC(e,t).create();return new uC(e,t,a)}constructor(e,t,a){this.hue=e,this.chroma=t,this.keyColor=a,this.cache=new Map}tone(e){let t=this.cache.get(e);return void 0===t&&(t=dC.from(this.hue,this.chroma,e).toInt(),this.cache.set(e,t)),t}getHct(e){return dC.fromInt(this.tone(e))}}class vC{constructor(e,t){this.hue=e,this.requestedChroma=t,this.chromaCache=new Map,this.maxChromaValue=200}create(){let e=0,t=100;for(;e<t;){const a=Math.floor((e+t)/2),o=this.maxChroma(a)<this.maxChroma(a+1);if(this.maxChroma(a)>=this.requestedChroma-.01)if(Math.abs(e-50)<Math.abs(t-50))t=a;else{if(e===a)return dC.from(this.hue,this.requestedChroma,e);e=a}else o?e=a+1:t=a}return dC.from(this.hue,this.requestedChroma,e)}maxChroma(e){if(this.chromaCache.has(e))return this.chromaCache.get(e);const t=dC.from(this.hue,this.maxChromaValue,e).chroma;return this.chromaCache.set(e,t),t}}
+ */class wC{static fromInt(e){const t=gC.fromInt(e);return wC.fromHct(t)}static fromHct(e){return new wC(e.hue,e.chroma,e)}static fromHueAndChroma(e,t){const a=new kC(e,t).create();return new wC(e,t,a)}constructor(e,t,a){this.hue=e,this.chroma=t,this.keyColor=a,this.cache=new Map}tone(e){let t=this.cache.get(e);return void 0===t&&(t=gC.from(this.hue,this.chroma,e).toInt(),this.cache.set(e,t)),t}getHct(e){return gC.fromInt(this.tone(e))}}class kC{constructor(e,t){this.hue=e,this.requestedChroma=t,this.chromaCache=new Map,this.maxChromaValue=200}create(){let e=0,t=100;for(;e<t;){const a=Math.floor((e+t)/2),o=this.maxChroma(a)<this.maxChroma(a+1);if(this.maxChroma(a)>=this.requestedChroma-.01)if(Math.abs(e-50)<Math.abs(t-50))t=a;else{if(e===a)return gC.from(this.hue,this.requestedChroma,e);e=a}else o?e=a+1:t=a}return gC.from(this.hue,this.requestedChroma,e)}maxChroma(e){if(this.chromaCache.has(e))return this.chromaCache.get(e);const t=gC.from(this.hue,this.maxChromaValue,e).chroma;return this.chromaCache.set(e,t),t}}
 /**
  * @license
  * Copyright 2023 Google LLC
@@ -341,7 +335,7 @@ class dC{static from(e,t,a){return new dC(cC.solveToInt(e,t,a))}static fromInt(e
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */class bC{constructor(e,t,a,o){this.low=e,this.normal=t,this.medium=a,this.high=o}get(e){return e<=-1?this.low:e<0?Vk(this.low,this.normal,(e- -1)/1):e<.5?Vk(this.normal,this.medium,(e-0)/.5):e<1?Vk(this.medium,this.high,(e-.5)/.5):this.high}}
+ */class CC{constructor(e,t,a,o){this.low=e,this.normal=t,this.medium=a,this.high=o}get(e){return e<=-1?this.low:e<0?Yk(this.low,this.normal,(e- -1)/1):e<.5?Yk(this.normal,this.medium,(e-0)/.5):e<1?Yk(this.medium,this.high,(e-.5)/.5):this.high}}
 /**
  * @license
  * Copyright 2023 Google LLC
@@ -357,7 +351,7 @@ class dC{static from(e,t,a){return new dC(cC.solveToInt(e,t,a))}static fromInt(e
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */class fC{constructor(e,t,a,o,i){this.roleA=e,this.roleB=t,this.delta=a,this.polarity=o,this.stayTogether=i}}
+ */class SC{constructor(e,t,a,o,i){this.roleA=e,this.roleB=t,this.delta=a,this.polarity=o,this.stayTogether=i}}
 /**
  * @license
  * Copyright 2022 Google LLC
@@ -373,7 +367,7 @@ class dC{static from(e,t,a){return new dC(cC.solveToInt(e,t,a))}static fromInt(e
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */var gC,yC,$C,xC,wC,kC,CC,SC,_C,LC;
+ */var _C,LC,zC,EC,MC,TC,PC,IC,AC,WC;
 /**
  * @license
  * Copyright 2022 Google LLC
@@ -390,7 +384,7 @@ class dC{static from(e,t,a){return new dC(cC.solveToInt(e,t,a))}static fromInt(e
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function zC(e){return e.variant===gC.FIDELITY||e.variant===gC.CONTENT}function EC(e){return e.variant===gC.MONOCHROME}!function(e){e[e.MONOCHROME=0]="MONOCHROME",e[e.NEUTRAL=1]="NEUTRAL",e[e.TONAL_SPOT=2]="TONAL_SPOT",e[e.VIBRANT=3]="VIBRANT",e[e.EXPRESSIVE=4]="EXPRESSIVE",e[e.FIDELITY=5]="FIDELITY",e[e.CONTENT=6]="CONTENT",e[e.RAINBOW=7]="RAINBOW",e[e.FRUIT_SALAD=8]="FRUIT_SALAD"}(gC||(gC={}));class MC{static highestSurface(e){return e.isDark?MC.surfaceBright:MC.surfaceDim}}MC.contentAccentToneDelta=15,MC.primaryPaletteKeyColor=pC.fromPalette({name:"primary_palette_key_color",palette:e=>e.primaryPalette,tone:e=>e.primaryPalette.keyColor.tone}),MC.secondaryPaletteKeyColor=pC.fromPalette({name:"secondary_palette_key_color",palette:e=>e.secondaryPalette,tone:e=>e.secondaryPalette.keyColor.tone}),MC.tertiaryPaletteKeyColor=pC.fromPalette({name:"tertiary_palette_key_color",palette:e=>e.tertiaryPalette,tone:e=>e.tertiaryPalette.keyColor.tone}),MC.neutralPaletteKeyColor=pC.fromPalette({name:"neutral_palette_key_color",palette:e=>e.neutralPalette,tone:e=>e.neutralPalette.keyColor.tone}),MC.neutralVariantPaletteKeyColor=pC.fromPalette({name:"neutral_variant_palette_key_color",palette:e=>e.neutralVariantPalette,tone:e=>e.neutralVariantPalette.keyColor.tone}),MC.background=pC.fromPalette({name:"background",palette:e=>e.neutralPalette,tone:e=>e.isDark?6:98,isBackground:!0}),MC.onBackground=pC.fromPalette({name:"on_background",palette:e=>e.neutralPalette,tone:e=>e.isDark?90:10,background:e=>MC.background,contrastCurve:new bC(3,3,4.5,7)}),MC.surface=pC.fromPalette({name:"surface",palette:e=>e.neutralPalette,tone:e=>e.isDark?6:98,isBackground:!0}),MC.surfaceDim=pC.fromPalette({name:"surface_dim",palette:e=>e.neutralPalette,tone:e=>e.isDark?6:new bC(87,87,80,75).get(e.contrastLevel),isBackground:!0}),MC.surfaceBright=pC.fromPalette({name:"surface_bright",palette:e=>e.neutralPalette,tone:e=>e.isDark?new bC(24,24,29,34).get(e.contrastLevel):98,isBackground:!0}),MC.surfaceContainerLowest=pC.fromPalette({name:"surface_container_lowest",palette:e=>e.neutralPalette,tone:e=>e.isDark?new bC(4,4,2,0).get(e.contrastLevel):100,isBackground:!0}),MC.surfaceContainerLow=pC.fromPalette({name:"surface_container_low",palette:e=>e.neutralPalette,tone:e=>e.isDark?new bC(10,10,11,12).get(e.contrastLevel):new bC(96,96,96,95).get(e.contrastLevel),isBackground:!0}),MC.surfaceContainer=pC.fromPalette({name:"surface_container",palette:e=>e.neutralPalette,tone:e=>e.isDark?new bC(12,12,16,20).get(e.contrastLevel):new bC(94,94,92,90).get(e.contrastLevel),isBackground:!0}),MC.surfaceContainerHigh=pC.fromPalette({name:"surface_container_high",palette:e=>e.neutralPalette,tone:e=>e.isDark?new bC(17,17,21,25).get(e.contrastLevel):new bC(92,92,88,85).get(e.contrastLevel),isBackground:!0}),MC.surfaceContainerHighest=pC.fromPalette({name:"surface_container_highest",palette:e=>e.neutralPalette,tone:e=>e.isDark?new bC(22,22,26,30).get(e.contrastLevel):new bC(90,90,84,80).get(e.contrastLevel),isBackground:!0}),MC.onSurface=pC.fromPalette({name:"on_surface",palette:e=>e.neutralPalette,tone:e=>e.isDark?90:10,background:e=>MC.highestSurface(e),contrastCurve:new bC(4.5,7,11,21)}),MC.surfaceVariant=pC.fromPalette({name:"surface_variant",palette:e=>e.neutralVariantPalette,tone:e=>e.isDark?30:90,isBackground:!0}),MC.onSurfaceVariant=pC.fromPalette({name:"on_surface_variant",palette:e=>e.neutralVariantPalette,tone:e=>e.isDark?80:30,background:e=>MC.highestSurface(e),contrastCurve:new bC(3,4.5,7,11)}),MC.inverseSurface=pC.fromPalette({name:"inverse_surface",palette:e=>e.neutralPalette,tone:e=>e.isDark?90:20}),MC.inverseOnSurface=pC.fromPalette({name:"inverse_on_surface",palette:e=>e.neutralPalette,tone:e=>e.isDark?20:95,background:e=>MC.inverseSurface,contrastCurve:new bC(4.5,7,11,21)}),MC.outline=pC.fromPalette({name:"outline",palette:e=>e.neutralVariantPalette,tone:e=>e.isDark?60:50,background:e=>MC.highestSurface(e),contrastCurve:new bC(1.5,3,4.5,7)}),MC.outlineVariant=pC.fromPalette({name:"outline_variant",palette:e=>e.neutralVariantPalette,tone:e=>e.isDark?30:80,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5)}),MC.shadow=pC.fromPalette({name:"shadow",palette:e=>e.neutralPalette,tone:e=>0}),MC.scrim=pC.fromPalette({name:"scrim",palette:e=>e.neutralPalette,tone:e=>0}),MC.surfaceTint=pC.fromPalette({name:"surface_tint",palette:e=>e.primaryPalette,tone:e=>e.isDark?80:40,isBackground:!0}),MC.primary=pC.fromPalette({name:"primary",palette:e=>e.primaryPalette,tone:e=>EC(e)?e.isDark?100:0:e.isDark?80:40,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(3,4.5,7,7),toneDeltaPair:e=>new fC(MC.primaryContainer,MC.primary,10,"nearer",!1)}),MC.onPrimary=pC.fromPalette({name:"on_primary",palette:e=>e.primaryPalette,tone:e=>EC(e)?e.isDark?10:90:e.isDark?20:100,background:e=>MC.primary,contrastCurve:new bC(4.5,7,11,21)}),MC.primaryContainer=pC.fromPalette({name:"primary_container",palette:e=>e.primaryPalette,tone:e=>zC(e)?e.sourceColorHct.tone:EC(e)?e.isDark?85:25:e.isDark?30:90,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.primaryContainer,MC.primary,10,"nearer",!1)}),MC.onPrimaryContainer=pC.fromPalette({name:"on_primary_container",palette:e=>e.primaryPalette,tone:e=>zC(e)?pC.foregroundTone(MC.primaryContainer.tone(e),4.5):EC(e)?e.isDark?0:100:e.isDark?90:30,background:e=>MC.primaryContainer,contrastCurve:new bC(3,4.5,7,11)}),MC.inversePrimary=pC.fromPalette({name:"inverse_primary",palette:e=>e.primaryPalette,tone:e=>e.isDark?40:80,background:e=>MC.inverseSurface,contrastCurve:new bC(3,4.5,7,7)}),MC.secondary=pC.fromPalette({name:"secondary",palette:e=>e.secondaryPalette,tone:e=>e.isDark?80:40,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(3,4.5,7,7),toneDeltaPair:e=>new fC(MC.secondaryContainer,MC.secondary,10,"nearer",!1)}),MC.onSecondary=pC.fromPalette({name:"on_secondary",palette:e=>e.secondaryPalette,tone:e=>EC(e)?e.isDark?10:100:e.isDark?20:100,background:e=>MC.secondary,contrastCurve:new bC(4.5,7,11,21)}),MC.secondaryContainer=pC.fromPalette({name:"secondary_container",palette:e=>e.secondaryPalette,tone:e=>{const t=e.isDark?30:90;return EC(e)?e.isDark?30:85:zC(e)?function(e,t,a,o){let i=a,r=dC.from(e,t,a);if(r.chroma<t){let a=r.chroma;for(;r.chroma<t;){i+=o?-1:1;const s=dC.from(e,t,i);if(a>s.chroma)break;if(Math.abs(s.chroma-t)<.4)break;Math.abs(s.chroma-t)<Math.abs(r.chroma-t)&&(r=s),a=Math.max(a,s.chroma)}}return i}(e.secondaryPalette.hue,e.secondaryPalette.chroma,t,!e.isDark):t},isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.secondaryContainer,MC.secondary,10,"nearer",!1)}),MC.onSecondaryContainer=pC.fromPalette({name:"on_secondary_container",palette:e=>e.secondaryPalette,tone:e=>EC(e)?e.isDark?90:10:zC(e)?pC.foregroundTone(MC.secondaryContainer.tone(e),4.5):e.isDark?90:30,background:e=>MC.secondaryContainer,contrastCurve:new bC(3,4.5,7,11)}),MC.tertiary=pC.fromPalette({name:"tertiary",palette:e=>e.tertiaryPalette,tone:e=>EC(e)?e.isDark?90:25:e.isDark?80:40,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(3,4.5,7,7),toneDeltaPair:e=>new fC(MC.tertiaryContainer,MC.tertiary,10,"nearer",!1)}),MC.onTertiary=pC.fromPalette({name:"on_tertiary",palette:e=>e.tertiaryPalette,tone:e=>EC(e)?e.isDark?10:90:e.isDark?20:100,background:e=>MC.tertiary,contrastCurve:new bC(4.5,7,11,21)}),MC.tertiaryContainer=pC.fromPalette({name:"tertiary_container",palette:e=>e.tertiaryPalette,tone:e=>{if(EC(e))return e.isDark?60:49;if(!zC(e))return e.isDark?30:90;const t=e.tertiaryPalette.getHct(e.sourceColorHct.tone);return mC.fixIfDisliked(t).tone},isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.tertiaryContainer,MC.tertiary,10,"nearer",!1)}),MC.onTertiaryContainer=pC.fromPalette({name:"on_tertiary_container",palette:e=>e.tertiaryPalette,tone:e=>EC(e)?e.isDark?0:100:zC(e)?pC.foregroundTone(MC.tertiaryContainer.tone(e),4.5):e.isDark?90:30,background:e=>MC.tertiaryContainer,contrastCurve:new bC(3,4.5,7,11)}),MC.error=pC.fromPalette({name:"error",palette:e=>e.errorPalette,tone:e=>e.isDark?80:40,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(3,4.5,7,7),toneDeltaPair:e=>new fC(MC.errorContainer,MC.error,10,"nearer",!1)}),MC.onError=pC.fromPalette({name:"on_error",palette:e=>e.errorPalette,tone:e=>e.isDark?20:100,background:e=>MC.error,contrastCurve:new bC(4.5,7,11,21)}),MC.errorContainer=pC.fromPalette({name:"error_container",palette:e=>e.errorPalette,tone:e=>e.isDark?30:90,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.errorContainer,MC.error,10,"nearer",!1)}),MC.onErrorContainer=pC.fromPalette({name:"on_error_container",palette:e=>e.errorPalette,tone:e=>EC(e)?e.isDark?90:10:e.isDark?90:30,background:e=>MC.errorContainer,contrastCurve:new bC(3,4.5,7,11)}),MC.primaryFixed=pC.fromPalette({name:"primary_fixed",palette:e=>e.primaryPalette,tone:e=>EC(e)?40:90,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.primaryFixed,MC.primaryFixedDim,10,"lighter",!0)}),MC.primaryFixedDim=pC.fromPalette({name:"primary_fixed_dim",palette:e=>e.primaryPalette,tone:e=>EC(e)?30:80,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.primaryFixed,MC.primaryFixedDim,10,"lighter",!0)}),MC.onPrimaryFixed=pC.fromPalette({name:"on_primary_fixed",palette:e=>e.primaryPalette,tone:e=>EC(e)?100:10,background:e=>MC.primaryFixedDim,secondBackground:e=>MC.primaryFixed,contrastCurve:new bC(4.5,7,11,21)}),MC.onPrimaryFixedVariant=pC.fromPalette({name:"on_primary_fixed_variant",palette:e=>e.primaryPalette,tone:e=>EC(e)?90:30,background:e=>MC.primaryFixedDim,secondBackground:e=>MC.primaryFixed,contrastCurve:new bC(3,4.5,7,11)}),MC.secondaryFixed=pC.fromPalette({name:"secondary_fixed",palette:e=>e.secondaryPalette,tone:e=>EC(e)?80:90,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.secondaryFixed,MC.secondaryFixedDim,10,"lighter",!0)}),MC.secondaryFixedDim=pC.fromPalette({name:"secondary_fixed_dim",palette:e=>e.secondaryPalette,tone:e=>EC(e)?70:80,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.secondaryFixed,MC.secondaryFixedDim,10,"lighter",!0)}),MC.onSecondaryFixed=pC.fromPalette({name:"on_secondary_fixed",palette:e=>e.secondaryPalette,tone:e=>10,background:e=>MC.secondaryFixedDim,secondBackground:e=>MC.secondaryFixed,contrastCurve:new bC(4.5,7,11,21)}),MC.onSecondaryFixedVariant=pC.fromPalette({name:"on_secondary_fixed_variant",palette:e=>e.secondaryPalette,tone:e=>EC(e)?25:30,background:e=>MC.secondaryFixedDim,secondBackground:e=>MC.secondaryFixed,contrastCurve:new bC(3,4.5,7,11)}),MC.tertiaryFixed=pC.fromPalette({name:"tertiary_fixed",palette:e=>e.tertiaryPalette,tone:e=>EC(e)?40:90,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.tertiaryFixed,MC.tertiaryFixedDim,10,"lighter",!0)}),MC.tertiaryFixedDim=pC.fromPalette({name:"tertiary_fixed_dim",palette:e=>e.tertiaryPalette,tone:e=>EC(e)?30:80,isBackground:!0,background:e=>MC.highestSurface(e),contrastCurve:new bC(1,1,3,4.5),toneDeltaPair:e=>new fC(MC.tertiaryFixed,MC.tertiaryFixedDim,10,"lighter",!0)}),MC.onTertiaryFixed=pC.fromPalette({name:"on_tertiary_fixed",palette:e=>e.tertiaryPalette,tone:e=>EC(e)?100:10,background:e=>MC.tertiaryFixedDim,secondBackground:e=>MC.tertiaryFixed,contrastCurve:new bC(4.5,7,11,21)}),MC.onTertiaryFixedVariant=pC.fromPalette({name:"on_tertiary_fixed_variant",palette:e=>e.tertiaryPalette,tone:e=>EC(e)?90:30,background:e=>MC.tertiaryFixedDim,secondBackground:e=>MC.tertiaryFixed,contrastCurve:new bC(3,4.5,7,11)});
+function HC(e){return e.variant===_C.FIDELITY||e.variant===_C.CONTENT}function OC(e){return e.variant===_C.MONOCHROME}!function(e){e[e.MONOCHROME=0]="MONOCHROME",e[e.NEUTRAL=1]="NEUTRAL",e[e.TONAL_SPOT=2]="TONAL_SPOT",e[e.VIBRANT=3]="VIBRANT",e[e.EXPRESSIVE=4]="EXPRESSIVE",e[e.FIDELITY=5]="FIDELITY",e[e.CONTENT=6]="CONTENT",e[e.RAINBOW=7]="RAINBOW",e[e.FRUIT_SALAD=8]="FRUIT_SALAD"}(_C||(_C={}));class DC{static highestSurface(e){return e.isDark?DC.surfaceBright:DC.surfaceDim}}DC.contentAccentToneDelta=15,DC.primaryPaletteKeyColor=xC.fromPalette({name:"primary_palette_key_color",palette:e=>e.primaryPalette,tone:e=>e.primaryPalette.keyColor.tone}),DC.secondaryPaletteKeyColor=xC.fromPalette({name:"secondary_palette_key_color",palette:e=>e.secondaryPalette,tone:e=>e.secondaryPalette.keyColor.tone}),DC.tertiaryPaletteKeyColor=xC.fromPalette({name:"tertiary_palette_key_color",palette:e=>e.tertiaryPalette,tone:e=>e.tertiaryPalette.keyColor.tone}),DC.neutralPaletteKeyColor=xC.fromPalette({name:"neutral_palette_key_color",palette:e=>e.neutralPalette,tone:e=>e.neutralPalette.keyColor.tone}),DC.neutralVariantPaletteKeyColor=xC.fromPalette({name:"neutral_variant_palette_key_color",palette:e=>e.neutralVariantPalette,tone:e=>e.neutralVariantPalette.keyColor.tone}),DC.background=xC.fromPalette({name:"background",palette:e=>e.neutralPalette,tone:e=>e.isDark?6:98,isBackground:!0}),DC.onBackground=xC.fromPalette({name:"on_background",palette:e=>e.neutralPalette,tone:e=>e.isDark?90:10,background:e=>DC.background,contrastCurve:new CC(3,3,4.5,7)}),DC.surface=xC.fromPalette({name:"surface",palette:e=>e.neutralPalette,tone:e=>e.isDark?6:98,isBackground:!0}),DC.surfaceDim=xC.fromPalette({name:"surface_dim",palette:e=>e.neutralPalette,tone:e=>e.isDark?6:new CC(87,87,80,75).get(e.contrastLevel),isBackground:!0}),DC.surfaceBright=xC.fromPalette({name:"surface_bright",palette:e=>e.neutralPalette,tone:e=>e.isDark?new CC(24,24,29,34).get(e.contrastLevel):98,isBackground:!0}),DC.surfaceContainerLowest=xC.fromPalette({name:"surface_container_lowest",palette:e=>e.neutralPalette,tone:e=>e.isDark?new CC(4,4,2,0).get(e.contrastLevel):100,isBackground:!0}),DC.surfaceContainerLow=xC.fromPalette({name:"surface_container_low",palette:e=>e.neutralPalette,tone:e=>e.isDark?new CC(10,10,11,12).get(e.contrastLevel):new CC(96,96,96,95).get(e.contrastLevel),isBackground:!0}),DC.surfaceContainer=xC.fromPalette({name:"surface_container",palette:e=>e.neutralPalette,tone:e=>e.isDark?new CC(12,12,16,20).get(e.contrastLevel):new CC(94,94,92,90).get(e.contrastLevel),isBackground:!0}),DC.surfaceContainerHigh=xC.fromPalette({name:"surface_container_high",palette:e=>e.neutralPalette,tone:e=>e.isDark?new CC(17,17,21,25).get(e.contrastLevel):new CC(92,92,88,85).get(e.contrastLevel),isBackground:!0}),DC.surfaceContainerHighest=xC.fromPalette({name:"surface_container_highest",palette:e=>e.neutralPalette,tone:e=>e.isDark?new CC(22,22,26,30).get(e.contrastLevel):new CC(90,90,84,80).get(e.contrastLevel),isBackground:!0}),DC.onSurface=xC.fromPalette({name:"on_surface",palette:e=>e.neutralPalette,tone:e=>e.isDark?90:10,background:e=>DC.highestSurface(e),contrastCurve:new CC(4.5,7,11,21)}),DC.surfaceVariant=xC.fromPalette({name:"surface_variant",palette:e=>e.neutralVariantPalette,tone:e=>e.isDark?30:90,isBackground:!0}),DC.onSurfaceVariant=xC.fromPalette({name:"on_surface_variant",palette:e=>e.neutralVariantPalette,tone:e=>e.isDark?80:30,background:e=>DC.highestSurface(e),contrastCurve:new CC(3,4.5,7,11)}),DC.inverseSurface=xC.fromPalette({name:"inverse_surface",palette:e=>e.neutralPalette,tone:e=>e.isDark?90:20}),DC.inverseOnSurface=xC.fromPalette({name:"inverse_on_surface",palette:e=>e.neutralPalette,tone:e=>e.isDark?20:95,background:e=>DC.inverseSurface,contrastCurve:new CC(4.5,7,11,21)}),DC.outline=xC.fromPalette({name:"outline",palette:e=>e.neutralVariantPalette,tone:e=>e.isDark?60:50,background:e=>DC.highestSurface(e),contrastCurve:new CC(1.5,3,4.5,7)}),DC.outlineVariant=xC.fromPalette({name:"outline_variant",palette:e=>e.neutralVariantPalette,tone:e=>e.isDark?30:80,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5)}),DC.shadow=xC.fromPalette({name:"shadow",palette:e=>e.neutralPalette,tone:e=>0}),DC.scrim=xC.fromPalette({name:"scrim",palette:e=>e.neutralPalette,tone:e=>0}),DC.surfaceTint=xC.fromPalette({name:"surface_tint",palette:e=>e.primaryPalette,tone:e=>e.isDark?80:40,isBackground:!0}),DC.primary=xC.fromPalette({name:"primary",palette:e=>e.primaryPalette,tone:e=>OC(e)?e.isDark?100:0:e.isDark?80:40,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(3,4.5,7,7),toneDeltaPair:e=>new SC(DC.primaryContainer,DC.primary,10,"nearer",!1)}),DC.onPrimary=xC.fromPalette({name:"on_primary",palette:e=>e.primaryPalette,tone:e=>OC(e)?e.isDark?10:90:e.isDark?20:100,background:e=>DC.primary,contrastCurve:new CC(4.5,7,11,21)}),DC.primaryContainer=xC.fromPalette({name:"primary_container",palette:e=>e.primaryPalette,tone:e=>HC(e)?e.sourceColorHct.tone:OC(e)?e.isDark?85:25:e.isDark?30:90,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.primaryContainer,DC.primary,10,"nearer",!1)}),DC.onPrimaryContainer=xC.fromPalette({name:"on_primary_container",palette:e=>e.primaryPalette,tone:e=>HC(e)?xC.foregroundTone(DC.primaryContainer.tone(e),4.5):OC(e)?e.isDark?0:100:e.isDark?90:30,background:e=>DC.primaryContainer,contrastCurve:new CC(3,4.5,7,11)}),DC.inversePrimary=xC.fromPalette({name:"inverse_primary",palette:e=>e.primaryPalette,tone:e=>e.isDark?40:80,background:e=>DC.inverseSurface,contrastCurve:new CC(3,4.5,7,7)}),DC.secondary=xC.fromPalette({name:"secondary",palette:e=>e.secondaryPalette,tone:e=>e.isDark?80:40,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(3,4.5,7,7),toneDeltaPair:e=>new SC(DC.secondaryContainer,DC.secondary,10,"nearer",!1)}),DC.onSecondary=xC.fromPalette({name:"on_secondary",palette:e=>e.secondaryPalette,tone:e=>OC(e)?e.isDark?10:100:e.isDark?20:100,background:e=>DC.secondary,contrastCurve:new CC(4.5,7,11,21)}),DC.secondaryContainer=xC.fromPalette({name:"secondary_container",palette:e=>e.secondaryPalette,tone:e=>{const t=e.isDark?30:90;return OC(e)?e.isDark?30:85:HC(e)?function(e,t,a,o){let i=a,r=gC.from(e,t,a);if(r.chroma<t){let a=r.chroma;for(;r.chroma<t;){i+=o?-1:1;const s=gC.from(e,t,i);if(a>s.chroma)break;if(Math.abs(s.chroma-t)<.4)break;Math.abs(s.chroma-t)<Math.abs(r.chroma-t)&&(r=s),a=Math.max(a,s.chroma)}}return i}(e.secondaryPalette.hue,e.secondaryPalette.chroma,t,!e.isDark):t},isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.secondaryContainer,DC.secondary,10,"nearer",!1)}),DC.onSecondaryContainer=xC.fromPalette({name:"on_secondary_container",palette:e=>e.secondaryPalette,tone:e=>OC(e)?e.isDark?90:10:HC(e)?xC.foregroundTone(DC.secondaryContainer.tone(e),4.5):e.isDark?90:30,background:e=>DC.secondaryContainer,contrastCurve:new CC(3,4.5,7,11)}),DC.tertiary=xC.fromPalette({name:"tertiary",palette:e=>e.tertiaryPalette,tone:e=>OC(e)?e.isDark?90:25:e.isDark?80:40,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(3,4.5,7,7),toneDeltaPair:e=>new SC(DC.tertiaryContainer,DC.tertiary,10,"nearer",!1)}),DC.onTertiary=xC.fromPalette({name:"on_tertiary",palette:e=>e.tertiaryPalette,tone:e=>OC(e)?e.isDark?10:90:e.isDark?20:100,background:e=>DC.tertiary,contrastCurve:new CC(4.5,7,11,21)}),DC.tertiaryContainer=xC.fromPalette({name:"tertiary_container",palette:e=>e.tertiaryPalette,tone:e=>{if(OC(e))return e.isDark?60:49;if(!HC(e))return e.isDark?30:90;const t=e.tertiaryPalette.getHct(e.sourceColorHct.tone);return $C.fixIfDisliked(t).tone},isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.tertiaryContainer,DC.tertiary,10,"nearer",!1)}),DC.onTertiaryContainer=xC.fromPalette({name:"on_tertiary_container",palette:e=>e.tertiaryPalette,tone:e=>OC(e)?e.isDark?0:100:HC(e)?xC.foregroundTone(DC.tertiaryContainer.tone(e),4.5):e.isDark?90:30,background:e=>DC.tertiaryContainer,contrastCurve:new CC(3,4.5,7,11)}),DC.error=xC.fromPalette({name:"error",palette:e=>e.errorPalette,tone:e=>e.isDark?80:40,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(3,4.5,7,7),toneDeltaPair:e=>new SC(DC.errorContainer,DC.error,10,"nearer",!1)}),DC.onError=xC.fromPalette({name:"on_error",palette:e=>e.errorPalette,tone:e=>e.isDark?20:100,background:e=>DC.error,contrastCurve:new CC(4.5,7,11,21)}),DC.errorContainer=xC.fromPalette({name:"error_container",palette:e=>e.errorPalette,tone:e=>e.isDark?30:90,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.errorContainer,DC.error,10,"nearer",!1)}),DC.onErrorContainer=xC.fromPalette({name:"on_error_container",palette:e=>e.errorPalette,tone:e=>OC(e)?e.isDark?90:10:e.isDark?90:30,background:e=>DC.errorContainer,contrastCurve:new CC(3,4.5,7,11)}),DC.primaryFixed=xC.fromPalette({name:"primary_fixed",palette:e=>e.primaryPalette,tone:e=>OC(e)?40:90,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.primaryFixed,DC.primaryFixedDim,10,"lighter",!0)}),DC.primaryFixedDim=xC.fromPalette({name:"primary_fixed_dim",palette:e=>e.primaryPalette,tone:e=>OC(e)?30:80,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.primaryFixed,DC.primaryFixedDim,10,"lighter",!0)}),DC.onPrimaryFixed=xC.fromPalette({name:"on_primary_fixed",palette:e=>e.primaryPalette,tone:e=>OC(e)?100:10,background:e=>DC.primaryFixedDim,secondBackground:e=>DC.primaryFixed,contrastCurve:new CC(4.5,7,11,21)}),DC.onPrimaryFixedVariant=xC.fromPalette({name:"on_primary_fixed_variant",palette:e=>e.primaryPalette,tone:e=>OC(e)?90:30,background:e=>DC.primaryFixedDim,secondBackground:e=>DC.primaryFixed,contrastCurve:new CC(3,4.5,7,11)}),DC.secondaryFixed=xC.fromPalette({name:"secondary_fixed",palette:e=>e.secondaryPalette,tone:e=>OC(e)?80:90,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.secondaryFixed,DC.secondaryFixedDim,10,"lighter",!0)}),DC.secondaryFixedDim=xC.fromPalette({name:"secondary_fixed_dim",palette:e=>e.secondaryPalette,tone:e=>OC(e)?70:80,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.secondaryFixed,DC.secondaryFixedDim,10,"lighter",!0)}),DC.onSecondaryFixed=xC.fromPalette({name:"on_secondary_fixed",palette:e=>e.secondaryPalette,tone:e=>10,background:e=>DC.secondaryFixedDim,secondBackground:e=>DC.secondaryFixed,contrastCurve:new CC(4.5,7,11,21)}),DC.onSecondaryFixedVariant=xC.fromPalette({name:"on_secondary_fixed_variant",palette:e=>e.secondaryPalette,tone:e=>OC(e)?25:30,background:e=>DC.secondaryFixedDim,secondBackground:e=>DC.secondaryFixed,contrastCurve:new CC(3,4.5,7,11)}),DC.tertiaryFixed=xC.fromPalette({name:"tertiary_fixed",palette:e=>e.tertiaryPalette,tone:e=>OC(e)?40:90,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.tertiaryFixed,DC.tertiaryFixedDim,10,"lighter",!0)}),DC.tertiaryFixedDim=xC.fromPalette({name:"tertiary_fixed_dim",palette:e=>e.tertiaryPalette,tone:e=>OC(e)?30:80,isBackground:!0,background:e=>DC.highestSurface(e),contrastCurve:new CC(1,1,3,4.5),toneDeltaPair:e=>new SC(DC.tertiaryFixed,DC.tertiaryFixedDim,10,"lighter",!0)}),DC.onTertiaryFixed=xC.fromPalette({name:"on_tertiary_fixed",palette:e=>e.tertiaryPalette,tone:e=>OC(e)?100:10,background:e=>DC.tertiaryFixedDim,secondBackground:e=>DC.tertiaryFixed,contrastCurve:new CC(4.5,7,11,21)}),DC.onTertiaryFixedVariant=xC.fromPalette({name:"on_tertiary_fixed_variant",palette:e=>e.tertiaryPalette,tone:e=>OC(e)?90:30,background:e=>DC.tertiaryFixedDim,secondBackground:e=>DC.tertiaryFixed,contrastCurve:new CC(3,4.5,7,11)});
 /**
  * @license
  * Copyright 2022 Google LLC
@@ -407,7 +401,7 @@ function zC(e){return e.variant===gC.FIDELITY||e.variant===gC.CONTENT}function E
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class TC{constructor(e){this.sourceColorArgb=e.sourceColorArgb,this.variant=e.variant,this.contrastLevel=e.contrastLevel,this.isDark=e.isDark,this.sourceColorHct=dC.fromInt(e.sourceColorArgb),this.primaryPalette=e.primaryPalette,this.secondaryPalette=e.secondaryPalette,this.tertiaryPalette=e.tertiaryPalette,this.neutralPalette=e.neutralPalette,this.neutralVariantPalette=e.neutralVariantPalette,this.errorPalette=uC.fromHueAndChroma(25,84)}static getRotatedHue(e,t,a){const o=e.hue;if(t.length!==a.length)throw new Error(`mismatch between hue length ${t.length} & rotations ${a.length}`);if(1===a.length)return Nk(e.hue+a[0]);const i=t.length;for(let e=0;e<=i-2;e++){const i=t[e],r=t[e+1];if(i<o&&o<r)return Nk(o+a[e])}return o}getArgb(e){return e.getArgb(this)}getHct(e){return e.getHct(this)}get primaryPaletteKeyColor(){return this.getArgb(MC.primaryPaletteKeyColor)}get secondaryPaletteKeyColor(){return this.getArgb(MC.secondaryPaletteKeyColor)}get tertiaryPaletteKeyColor(){return this.getArgb(MC.tertiaryPaletteKeyColor)}get neutralPaletteKeyColor(){return this.getArgb(MC.neutralPaletteKeyColor)}get neutralVariantPaletteKeyColor(){return this.getArgb(MC.neutralVariantPaletteKeyColor)}get background(){return this.getArgb(MC.background)}get onBackground(){return this.getArgb(MC.onBackground)}get surface(){return this.getArgb(MC.surface)}get surfaceDim(){return this.getArgb(MC.surfaceDim)}get surfaceBright(){return this.getArgb(MC.surfaceBright)}get surfaceContainerLowest(){return this.getArgb(MC.surfaceContainerLowest)}get surfaceContainerLow(){return this.getArgb(MC.surfaceContainerLow)}get surfaceContainer(){return this.getArgb(MC.surfaceContainer)}get surfaceContainerHigh(){return this.getArgb(MC.surfaceContainerHigh)}get surfaceContainerHighest(){return this.getArgb(MC.surfaceContainerHighest)}get onSurface(){return this.getArgb(MC.onSurface)}get surfaceVariant(){return this.getArgb(MC.surfaceVariant)}get onSurfaceVariant(){return this.getArgb(MC.onSurfaceVariant)}get inverseSurface(){return this.getArgb(MC.inverseSurface)}get inverseOnSurface(){return this.getArgb(MC.inverseOnSurface)}get outline(){return this.getArgb(MC.outline)}get outlineVariant(){return this.getArgb(MC.outlineVariant)}get shadow(){return this.getArgb(MC.shadow)}get scrim(){return this.getArgb(MC.scrim)}get surfaceTint(){return this.getArgb(MC.surfaceTint)}get primary(){return this.getArgb(MC.primary)}get onPrimary(){return this.getArgb(MC.onPrimary)}get primaryContainer(){return this.getArgb(MC.primaryContainer)}get onPrimaryContainer(){return this.getArgb(MC.onPrimaryContainer)}get inversePrimary(){return this.getArgb(MC.inversePrimary)}get secondary(){return this.getArgb(MC.secondary)}get onSecondary(){return this.getArgb(MC.onSecondary)}get secondaryContainer(){return this.getArgb(MC.secondaryContainer)}get onSecondaryContainer(){return this.getArgb(MC.onSecondaryContainer)}get tertiary(){return this.getArgb(MC.tertiary)}get onTertiary(){return this.getArgb(MC.onTertiary)}get tertiaryContainer(){return this.getArgb(MC.tertiaryContainer)}get onTertiaryContainer(){return this.getArgb(MC.onTertiaryContainer)}get error(){return this.getArgb(MC.error)}get onError(){return this.getArgb(MC.onError)}get errorContainer(){return this.getArgb(MC.errorContainer)}get onErrorContainer(){return this.getArgb(MC.onErrorContainer)}get primaryFixed(){return this.getArgb(MC.primaryFixed)}get primaryFixedDim(){return this.getArgb(MC.primaryFixedDim)}get onPrimaryFixed(){return this.getArgb(MC.onPrimaryFixed)}get onPrimaryFixedVariant(){return this.getArgb(MC.onPrimaryFixedVariant)}get secondaryFixed(){return this.getArgb(MC.secondaryFixed)}get secondaryFixedDim(){return this.getArgb(MC.secondaryFixedDim)}get onSecondaryFixed(){return this.getArgb(MC.onSecondaryFixed)}get onSecondaryFixedVariant(){return this.getArgb(MC.onSecondaryFixedVariant)}get tertiaryFixed(){return this.getArgb(MC.tertiaryFixed)}get tertiaryFixedDim(){return this.getArgb(MC.tertiaryFixedDim)}get onTertiaryFixed(){return this.getArgb(MC.onTertiaryFixed)}get onTertiaryFixedVariant(){return this.getArgb(MC.onTertiaryFixedVariant)}}
+class BC{constructor(e){this.sourceColorArgb=e.sourceColorArgb,this.variant=e.variant,this.contrastLevel=e.contrastLevel,this.isDark=e.isDark,this.sourceColorHct=gC.fromInt(e.sourceColorArgb),this.primaryPalette=e.primaryPalette,this.secondaryPalette=e.secondaryPalette,this.tertiaryPalette=e.tertiaryPalette,this.neutralPalette=e.neutralPalette,this.neutralVariantPalette=e.neutralVariantPalette,this.errorPalette=wC.fromHueAndChroma(25,84)}static getRotatedHue(e,t,a){const o=e.hue;if(t.length!==a.length)throw new Error(`mismatch between hue length ${t.length} & rotations ${a.length}`);if(1===a.length)return Qk(e.hue+a[0]);const i=t.length;for(let e=0;e<=i-2;e++){const i=t[e],r=t[e+1];if(i<o&&o<r)return Qk(o+a[e])}return o}getArgb(e){return e.getArgb(this)}getHct(e){return e.getHct(this)}get primaryPaletteKeyColor(){return this.getArgb(DC.primaryPaletteKeyColor)}get secondaryPaletteKeyColor(){return this.getArgb(DC.secondaryPaletteKeyColor)}get tertiaryPaletteKeyColor(){return this.getArgb(DC.tertiaryPaletteKeyColor)}get neutralPaletteKeyColor(){return this.getArgb(DC.neutralPaletteKeyColor)}get neutralVariantPaletteKeyColor(){return this.getArgb(DC.neutralVariantPaletteKeyColor)}get background(){return this.getArgb(DC.background)}get onBackground(){return this.getArgb(DC.onBackground)}get surface(){return this.getArgb(DC.surface)}get surfaceDim(){return this.getArgb(DC.surfaceDim)}get surfaceBright(){return this.getArgb(DC.surfaceBright)}get surfaceContainerLowest(){return this.getArgb(DC.surfaceContainerLowest)}get surfaceContainerLow(){return this.getArgb(DC.surfaceContainerLow)}get surfaceContainer(){return this.getArgb(DC.surfaceContainer)}get surfaceContainerHigh(){return this.getArgb(DC.surfaceContainerHigh)}get surfaceContainerHighest(){return this.getArgb(DC.surfaceContainerHighest)}get onSurface(){return this.getArgb(DC.onSurface)}get surfaceVariant(){return this.getArgb(DC.surfaceVariant)}get onSurfaceVariant(){return this.getArgb(DC.onSurfaceVariant)}get inverseSurface(){return this.getArgb(DC.inverseSurface)}get inverseOnSurface(){return this.getArgb(DC.inverseOnSurface)}get outline(){return this.getArgb(DC.outline)}get outlineVariant(){return this.getArgb(DC.outlineVariant)}get shadow(){return this.getArgb(DC.shadow)}get scrim(){return this.getArgb(DC.scrim)}get surfaceTint(){return this.getArgb(DC.surfaceTint)}get primary(){return this.getArgb(DC.primary)}get onPrimary(){return this.getArgb(DC.onPrimary)}get primaryContainer(){return this.getArgb(DC.primaryContainer)}get onPrimaryContainer(){return this.getArgb(DC.onPrimaryContainer)}get inversePrimary(){return this.getArgb(DC.inversePrimary)}get secondary(){return this.getArgb(DC.secondary)}get onSecondary(){return this.getArgb(DC.onSecondary)}get secondaryContainer(){return this.getArgb(DC.secondaryContainer)}get onSecondaryContainer(){return this.getArgb(DC.onSecondaryContainer)}get tertiary(){return this.getArgb(DC.tertiary)}get onTertiary(){return this.getArgb(DC.onTertiary)}get tertiaryContainer(){return this.getArgb(DC.tertiaryContainer)}get onTertiaryContainer(){return this.getArgb(DC.onTertiaryContainer)}get error(){return this.getArgb(DC.error)}get onError(){return this.getArgb(DC.onError)}get errorContainer(){return this.getArgb(DC.errorContainer)}get onErrorContainer(){return this.getArgb(DC.onErrorContainer)}get primaryFixed(){return this.getArgb(DC.primaryFixed)}get primaryFixedDim(){return this.getArgb(DC.primaryFixedDim)}get onPrimaryFixed(){return this.getArgb(DC.onPrimaryFixed)}get onPrimaryFixedVariant(){return this.getArgb(DC.onPrimaryFixedVariant)}get secondaryFixed(){return this.getArgb(DC.secondaryFixed)}get secondaryFixedDim(){return this.getArgb(DC.secondaryFixedDim)}get onSecondaryFixed(){return this.getArgb(DC.onSecondaryFixed)}get onSecondaryFixedVariant(){return this.getArgb(DC.onSecondaryFixedVariant)}get tertiaryFixed(){return this.getArgb(DC.tertiaryFixed)}get tertiaryFixedDim(){return this.getArgb(DC.tertiaryFixedDim)}get onTertiaryFixed(){return this.getArgb(DC.onTertiaryFixed)}get onTertiaryFixedVariant(){return this.getArgb(DC.onTertiaryFixedVariant)}}
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -423,7 +417,7 @@ class TC{constructor(e){this.sourceColorArgb=e.sourceColorArgb,this.variant=e.va
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */class PC{static of(e){return new PC(e,!1)}static contentOf(e){return new PC(e,!0)}static fromColors(e){return PC.createPaletteFromColors(!1,e)}static contentFromColors(e){return PC.createPaletteFromColors(!0,e)}static createPaletteFromColors(e,t){const a=new PC(t.primary,e);if(t.secondary){const o=new PC(t.secondary,e);a.a2=o.a1}if(t.tertiary){const o=new PC(t.tertiary,e);a.a3=o.a1}if(t.error){const o=new PC(t.error,e);a.error=o.a1}if(t.neutral){const o=new PC(t.neutral,e);a.n1=o.n1}if(t.neutralVariant){const o=new PC(t.neutralVariant,e);a.n2=o.n2}return a}constructor(e,t){const a=dC.fromInt(e),o=a.hue,i=a.chroma;t?(this.a1=uC.fromHueAndChroma(o,i),this.a2=uC.fromHueAndChroma(o,i/3),this.a3=uC.fromHueAndChroma(o+60,i/2),this.n1=uC.fromHueAndChroma(o,Math.min(i/12,4)),this.n2=uC.fromHueAndChroma(o,Math.min(i/6,8))):(this.a1=uC.fromHueAndChroma(o,Math.max(48,i)),this.a2=uC.fromHueAndChroma(o,16),this.a3=uC.fromHueAndChroma(o+60,24),this.n1=uC.fromHueAndChroma(o,4),this.n2=uC.fromHueAndChroma(o,8)),this.error=uC.fromHueAndChroma(25,84)}}
+ */class qC{static of(e){return new qC(e,!1)}static contentOf(e){return new qC(e,!0)}static fromColors(e){return qC.createPaletteFromColors(!1,e)}static contentFromColors(e){return qC.createPaletteFromColors(!0,e)}static createPaletteFromColors(e,t){const a=new qC(t.primary,e);if(t.secondary){const o=new qC(t.secondary,e);a.a2=o.a1}if(t.tertiary){const o=new qC(t.tertiary,e);a.a3=o.a1}if(t.error){const o=new qC(t.error,e);a.error=o.a1}if(t.neutral){const o=new qC(t.neutral,e);a.n1=o.n1}if(t.neutralVariant){const o=new qC(t.neutralVariant,e);a.n2=o.n2}return a}constructor(e,t){const a=gC.fromInt(e),o=a.hue,i=a.chroma;t?(this.a1=wC.fromHueAndChroma(o,i),this.a2=wC.fromHueAndChroma(o,i/3),this.a3=wC.fromHueAndChroma(o+60,i/2),this.n1=wC.fromHueAndChroma(o,Math.min(i/12,4)),this.n2=wC.fromHueAndChroma(o,Math.min(i/6,8))):(this.a1=wC.fromHueAndChroma(o,Math.max(48,i)),this.a2=wC.fromHueAndChroma(o,16),this.a3=wC.fromHueAndChroma(o+60,24),this.n1=wC.fromHueAndChroma(o,4),this.n2=wC.fromHueAndChroma(o,8)),this.error=wC.fromHueAndChroma(25,84)}}
 /**
  * @license
  * Copyright 2022 Google LLC
@@ -439,7 +433,7 @@ class TC{constructor(e){this.sourceColorArgb=e.sourceColorArgb,this.variant=e.va
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */class IC extends TC{constructor(e,t,a){super({sourceColorArgb:e.toInt(),variant:gC.EXPRESSIVE,contrastLevel:a,isDark:t,primaryPalette:uC.fromHueAndChroma(Nk(e.hue+240),40),secondaryPalette:uC.fromHueAndChroma(TC.getRotatedHue(e,IC.hues,IC.secondaryRotations),24),tertiaryPalette:uC.fromHueAndChroma(TC.getRotatedHue(e,IC.hues,IC.tertiaryRotations),32),neutralPalette:uC.fromHueAndChroma(e.hue+15,8),neutralVariantPalette:uC.fromHueAndChroma(e.hue+15,12)})}}IC.hues=[0,21,51,121,151,191,271,321,360],IC.secondaryRotations=[45,95,45,20,45,90,45,45,45],IC.tertiaryRotations=[120,120,20,45,20,15,20,120,120];
+ */class RC extends BC{constructor(e,t,a){super({sourceColorArgb:e.toInt(),variant:_C.EXPRESSIVE,contrastLevel:a,isDark:t,primaryPalette:wC.fromHueAndChroma(Qk(e.hue+240),40),secondaryPalette:wC.fromHueAndChroma(BC.getRotatedHue(e,RC.hues,RC.secondaryRotations),24),tertiaryPalette:wC.fromHueAndChroma(BC.getRotatedHue(e,RC.hues,RC.tertiaryRotations),32),neutralPalette:wC.fromHueAndChroma(e.hue+15,8),neutralVariantPalette:wC.fromHueAndChroma(e.hue+15,12)})}}RC.hues=[0,21,51,121,151,191,271,321,360],RC.secondaryRotations=[45,95,45,20,45,90,45,45,45],RC.tertiaryRotations=[120,120,20,45,20,15,20,120,120];
 /**
  * @license
  * Copyright 2022 Google LLC
@@ -456,7 +450,7 @@ class TC{constructor(e){this.sourceColorArgb=e.sourceColorArgb,this.variant=e.va
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class AC extends TC{constructor(e,t,a){super({sourceColorArgb:e.toInt(),variant:gC.VIBRANT,contrastLevel:a,isDark:t,primaryPalette:uC.fromHueAndChroma(e.hue,200),secondaryPalette:uC.fromHueAndChroma(TC.getRotatedHue(e,AC.hues,AC.secondaryRotations),24),tertiaryPalette:uC.fromHueAndChroma(TC.getRotatedHue(e,AC.hues,AC.tertiaryRotations),32),neutralPalette:uC.fromHueAndChroma(e.hue,10),neutralVariantPalette:uC.fromHueAndChroma(e.hue,12)})}}
+class FC extends BC{constructor(e,t,a){super({sourceColorArgb:e.toInt(),variant:_C.VIBRANT,contrastLevel:a,isDark:t,primaryPalette:wC.fromHueAndChroma(e.hue,200),secondaryPalette:wC.fromHueAndChroma(BC.getRotatedHue(e,FC.hues,FC.secondaryRotations),24),tertiaryPalette:wC.fromHueAndChroma(BC.getRotatedHue(e,FC.hues,FC.tertiaryRotations),32),neutralPalette:wC.fromHueAndChroma(e.hue,10),neutralVariantPalette:wC.fromHueAndChroma(e.hue,12)})}}
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -473,5 +467,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,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};
+function VC(e){const t=sC(e),a=nC(e),o=lC(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 UC(e){return parseInt(e,16)}FC.hues=[0,41,61,101,131,181,251,301,360],FC.secondaryRotations=[18,15,10,12,15,18,15,12,12],FC.tertiaryRotations=[35,30,20,25,30,35,30,25,25];let NC=class extends a{constructor(){super(...arguments),LC.add(this),zC.set(this,new CSSStyleSheet),EC.set(this,!1),MC.set(this,void 0),TC.set(this,void 0),PC.set(this,void 0),IC.set(this,()=>Be(this,LC,"m",AC).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 Be(this,TC,"f")?.matches??!1}}connectedCallback(){super.connectedCallback(),this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(Be(this,zC,"f"))&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,Be(this,zC,"f")]),qe(this,MC,matchMedia("(prefers-color-scheme: light)"),"f"),qe(this,TC,matchMedia("(prefers-color-scheme: dark)"),"f"),qe(this,PC,matchMedia("(forced-colors: active)"),"f"),[Be(this,MC,"f"),Be(this,TC,"f"),Be(this,PC,"f")].forEach(e=>e.addEventListener("change",Be(this,IC,"f")))}disconnectedCallback(){super.disconnectedCallback(),[Be(this,MC,"f"),Be(this,TC,"f"),Be(this,PC,"f")].forEach(e=>e?.removeEventListener("change",Be(this,IC,"f"))),qe(this,MC,qe(this,TC,qe(this,PC,void 0,"f"),"f"),"f")}updated(e){super.updated(e),Be(this,LC,"m",AC).call(this,Be(this,EC,"f")&&["color","scheme","contrast"].some(t=>e.has(t)))}firstUpdated(e){super.firstUpdated(e),qe(this,EC,!0,"f")}render(){return o`<slot></slot>`}};zC=new WeakMap,EC=new WeakMap,MC=new WeakMap,TC=new WeakMap,PC=new WeakMap,IC=new WeakMap,LC=new WeakSet,AC=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=UC(e.slice(0,1).repeat(2)),r=UC(e.slice(1,2).repeat(2)),s=UC(e.slice(2,3).repeat(2))):a?(i=UC(e.slice(0,2)),r=UC(e.slice(2,4)),s=UC(e.slice(4,6))):o&&(i=UC(e.slice(2,4)),r=UC(e.slice(4,6)),s=UC(e.slice(6,8))),(255<<24|(255&i)<<16|(255&r)<<8|255&s)>>>0}(this.color),a=qC.of(t),o=new BC({sourceColorArgb:t,variant:1,contrastLevel:Be(this,LC,"m",WC).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 DC)if(!e.endsWith("PaletteKeyColor")){const t=DC[e];t instanceof xC&&(i+=`--md-sys-color-${e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}: ${VC(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: ${VC(o.neutralPalette.tone(60))};`,i+=`--m3e-focus-ring-visibility: ${this.strongFocus?"visible":"hidden"};`,Be(this,zC,"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"}}Be(this,PC,"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")}`)}Be(this,EC,"f")&&this.dispatchEvent(new Event("change",{bubbles:!0})),e&&document.body.offsetHeight},WC=function(){switch(this.contrast){case"high":return 1;case"medium":return.5;default:return 0}},NC.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}; }`,De([dt()],NC.prototype,"color",void 0),De([dt()],NC.prototype,"scheme",void 0),De([dt()],NC.prototype,"contrast",void 0),De([dt({attribute:"strong-focus",type:Boolean})],NC.prototype,"strongFocus",void 0),De([dt({type:Number})],NC.prototype,"density",void 0),De([dt()],NC.prototype,"motion",void 0),NC=De([m("m3e-theme")],NC);let jC=class extends(ae(H(k(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 KC,ZC,GC,XC,YC,JC,QC,eS,tS,aS,oS,iS,rS;jC.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; } }`,De([pt(".base")],jC.prototype,"_base",void 0),De([pt(".state-layer")],jC.prototype,"_stateLayer",void 0),De([ht()],jC.prototype,"node",void 0),jC=De([m("m3e-toc-item")],jC);class sS{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=Be(KC,KC,"m",ZC).call(KC,e);a=Math.min(t,a),o.push({id:e.id||pe(),element:e,level:t,label:ee(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)}}KC=sS,ZC=function(e){return e.tagName.startsWith("H")?parseInt(e.tagName.substring(1)):parseInt(e.getAttribute("level")??"0")};let nS=class extends(c(k(d(a,"navigation")))){constructor(){super(...arguments),GC.add(this),this._toc=[],XC.set(this,!1),YC.set(this,(new ke).withHomeAndEnd().withVerticalOrientation().disableRovingTabIndex().onSelectedItemsChange(()=>{if(this._activeIndicator){const e=Be(this,YC,"f").selectedItems[0];e?(g(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":"",z(this,"-no-animate")&&setTimeout(()=>v(this,"-no-animate",!1),40)):(v(this,"-no-animate",!0),this._activeIndicator.style.top="0px",this._activeIndicator.style.height="0px",this._activeIndicator.style.visibility="hidden")}})),JC.set(this,new ue(this,{target:null,callback:e=>{if(!this.control||Be(this,XC,"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=Be(this,YC,"f").items.find(e=>e.node?.element===a);e&&Be(this,YC,"f").select(e)}}})),QC.set(this,new oe(this,{target:null,callback:()=>qe(this,XC,!1,"f"),debounce:!0})),eS.set(this,new u(this,{target:null,config:{childList:!0,subtree:!0},callback:()=>this._updateToc()})),this.maxDepth=2}attach(e){super.attach(e),Be(this,eS,"f").observe(e),Be(this,QC,"f").observe(e),Be(this,GC,"m",rS).call(this)}detach(){this.control&&(Be(this,eS,"f").unobserve(this.control),Be(this,QC,"f").unobserve(this.control)),super.detach(),Be(this,GC,"m",rS).call(this)}update(e){super.update(e),e.has("maxDepth")&&Be(this,GC,"m",rS).call(this)}updated(e){if(super.updated(e),e.has("_toc")){const{added:e,removed:t}=Be(this,YC,"f").setItems([...this.shadowRoot?.querySelectorAll("m3e-toc-item")??[]]);Be(this,YC,"f").activeItem||(v(this,"-no-animate",!0),Be(this,YC,"f").updateActiveItem(e.find(e=>!e.disabled)));for(const t of e)t.node&&Be(this,JC,"f").observe(t.node.element);for(const e of t)e.node&&Be(this,JC,"f").unobserve(e.node.element)}}render(){return o`<div class="header"><div class="overline"><slot name="overline" @slotchange="${Be(this,GC,"m",aS)}"></slot></div><div class="title"><slot name="title" @slotchange="${Be(this,GC,"m",oS)}"></slot></div></div><slot></slot><ul class="list">${this._toc.map(e=>Be(this,GC,"m",tS).call(this,e))}</ul><div class="active-indicator" aria-hidden="true"></div>`}_updateToc(){Be(this,GC,"m",rS).call(this)}};var lS,cS,dS,hS,mS,pS;XC=new WeakMap,YC=new WeakMap,JC=new WeakMap,QC=new WeakMap,eS=new WeakMap,GC=new WeakSet,tS=function e(t){return o`<li><m3e-toc-item tabindex="-1" .node="${t}" @click="${Be(this,GC,"m",iS)}">${t.label}</m3e-toc-item>${0==t.nodes.length?i:o`<ul>${t.nodes.map(t=>Be(this,GC,"m",e).call(this,t))}</ul>`}</li>`},aS=function(e){v(this,"-with-overline",p(e.target))},oS=function(e){v(this,"-with-title",p(e.target))},iS=function(e){e.target instanceof jC&&!e.target.disabled&&e.target.node?.element&&(qe(this,XC,!0,"f"),e.target.node.element.scrollIntoView({block:"start",behavior:"smooth"}),Be(this,YC,"f").updateActiveItem(e.target),Be(this,YC,"f").select(e.target))},rS=function(){this._toc=this.control?sS.generate(this.control,Math.max(1,Math.min(this.maxDepth,6))):[]},nS.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; } }`,De([ht()],nS.prototype,"_toc",void 0),De([pt(".active-indicator")],nS.prototype,"_activeIndicator",void 0),De([dt({attribute:"max-depth",type:Number})],nS.prototype,"maxDepth",void 0),De([h(40)],nS.prototype,"_updateToc",null),nS=De([m("m3e-toc")],nS);let uS=class extends(te(d(a,"toolbar"))){constructor(){super(...arguments),lS.add(this),cS.set(this,void 0),dS.set(this,(new Se).withHomeAndEnd().withDirectionality(Ee.current)),this.variant="standard",this.shape="square",this.elevated=!1}connectedCallback(){super.connectedCallback(),qe(this,cS,Ee.observe(()=>Be(this,dS,"f").directionality=Ee.current),"f")}disconnectedCallback(){super.disconnectedCallback(),Be(this,cS,"f")?.call(this)}update(e){super.update(e),e.has("vertical")&&(Be(this,dS,"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="${Be(this,lS,"m",pS)}" @keydown="${Be(this,lS,"m",mS)}" @slotchange="${Be(this,lS,"m",hS)}"></slot></div>`}};cS=new WeakMap,dS=new WeakMap,lS=new WeakSet,hS=function(){const{added:e}=Be(this,dS,"f").setItems(ge.findInteractiveElements(this));if(!Be(this,dS,"f").activeItem){const t=e.find(e=>!e.hasAttribute("disabled"));t&&Be(this,dS,"f").updateActiveItem(t)}},mS=function(e){Be(this,dS,"f").onKeyDown(e)},pS=function(e){const t=e.composedPath().find(e=>e instanceof HTMLElement&&Be(this,dS,"f").items.includes(e));t&&Be(this,dS,"f").updateActiveItem(t)},uS.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; } }`,De([dt({reflect:!0})],uS.prototype,"variant",void 0),De([dt({reflect:!0})],uS.prototype,"shape",void 0),De([dt({type:Boolean,reflect:!0})],uS.prototype,"elevated",void 0),uS=De([m("m3e-toolbar")],uS);let vS=class extends x{constructor(){super(...arguments),this.disableRestoreFocus=!1}_onClick(){this.closest("m3e-rich-tooltip")?.hide(!this.disableRestoreFocus)}};var bS,fS,gS,yS,$S,xS,wS,kS,CS,SS;De([dt({attribute:"disable-restore-focus",type:Boolean})],vS.prototype,"disableRestoreFocus",void 0),vS=De([m("m3e-rich-tooltip-action")],vS);class _S extends(c(k(a))){constructor(){super(...arguments),bS.add(this),gS.set(this,null),yS.set(this,void 0),$S.set(this,!1),xS.set(this,()=>Be(this,bS,"m",CS).call(this)),wS.set(this,new G(this,{target:null,endDelay:200,callback:(e,t)=>{if(!this._isInteractive)if(e){if(t===this._base)return void qe(this,$S,!0,"f");this.show()}else Be(this,$S,"f")&&t!==this._base||(qe(this,$S,!1,"f"),this.hide())}})),kS.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 Be(this,wS,"f").startDelay}set showDelay(e){Be(this,wS,"f").startDelay=e}get hideDelay(){return Be(this,wS,"f").endDelay}set hideDelay(e){Be(this,wS,"f").endDelay=e}get isOpen(){return fS.__openTooltips.includes(this)}get _isInteractive(){return!1}attach(e){super.attach(e),Oe.iOS||Oe.Android?(Be(this,kS,"f").observe(e),Be(this,bS,"m",SS).call(this)):Be(this,wS,"f").observe(e),e.addEventListener("click",Be(this,xS,"f"))}detach(){this.control&&(Be(this,wS,"f").unobserve(this.control),Be(this,kS,"f").unobserve(this.control),this.control.removeEventListener("click",Be(this,xS,"f")),this.hide()),super.detach()}update(e){super.update(e),e.has("disabled")&&this.disabled&&this.hide()}firstUpdated(e){super.firstUpdated(e),this._base&&Be(this,wS,"f").observe(this._base)}async show(){!this.control||this.disabled||Y(this.control)&&this.control.disabled||(fS.__openTooltips.filter(e=>e!==this).forEach(e=>e.hide()),this._base.showPopover(),qe(this,yS,await Me(this._base,this.control,{position:this._anchorPosition,inline:!0,flip:!0,shift:!0,offset:4},(e,t)=>this._updatePosition(this._base,e,t)),"f"),fS.__openTooltips.includes(this)||fS.__openTooltips.push(this))}hide(){this._base.hidePopover(),Be(this,yS,"f")?.call(this),qe(this,yS,void 0,"f"),Be(this,wS,"f").clearDelays(),fS.__openTooltips.includes(this)&&(fS.__openTooltips=fS.__openTooltips.filter(e=>e!==this))}}var LS,zS,ES,MS,TS,PS,IS,AS,WS,HS,OS,DS,BS,qS,RS,FS;fS=_S,gS=new WeakMap,yS=new WeakMap,$S=new WeakMap,xS=new WeakMap,wS=new WeakMap,kS=new WeakMap,bS=new WeakSet,CS=function(){this._isInteractive?fS.__openTooltips.includes(this)?this.hide():this.show():this.hide()},SS=function(){if("off"!==this.touchGestures&&Be(this,gS,"f")){const e=Be(this,gS,"f").style;("on"===this.touchGestures||"INPUT"!==Be(this,gS,"f").nodeName&&"TEXTAREA"!==Be(this,gS,"f").nodeName)&&(e.userSelect=e.msUserSelect=e.webkitUserSelect=e.MozUserSelect="none"),"on"!==this.touchGestures&&Be(this,gS,"f").draggable||(e.webkitUserDrag="none"),e.touchAction="none",e.webkitTapHighlightColor="transparent"}},_S.__openTooltips=new Array,De([pt(".base")],_S.prototype,"_base",void 0),De([dt({type:Boolean,reflect:!0})],_S.prototype,"disabled",void 0),De([dt({attribute:"show-delay",type:Number})],_S.prototype,"showDelay",null),De([dt({attribute:"hide-delay",type:Number})],_S.prototype,"hideDelay",null),De([dt({attribute:"touch-gestures"})],_S.prototype,"touchGestures",void 0);let VS=FS=class extends _S{constructor(){super(...arguments),LS.add(this),zS.set(this,FS.__nextId++),ES.set(this,""),MS.set(this,""),TS.set(this,""),PS.set(this,!1),this._hasSubhead=!1,this._interactive=!1,IS.set(this,e=>Be(this,LS,"m",HS).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"===Ee.current?"top-start":"top-end";case"above-before":return"rtl"===Ee.current?"top-end":"top-start";case"after":return"rtl"===Ee.current?"left":"right";case"before":return"rtl"===Ee.current?"right":"left";case"below":return"bottom";case"below-after":return"rtl"===Ee.current?"bottom-start":"bottom-end";case"below-before":return"rtl"===Ee.current?"bottom-end":"bottom-start"}}render(){const e=this._interactive&&this._hasSubhead?`m3e-rich-tooltip-${Be(this,zS,"f")}-subhead`:void 0;return o`<div class="base" popover="manual" role="${wr(this._interactive?"dialog":void 0)}" aria-labelledby="${wr(e)}" @keydown="${Be(this,LS,"m",OS)}" @beforetoggle="${Be(this,LS,"m",AS)}" @toggle="${Be(this,LS,"m",WS)}"><m3e-elevation level="3"></m3e-elevation><div class="subhead" id="${wr(e)}"><slot name="subhead" @slotchange="${Be(this,LS,"m",DS)}"></slot></div><div class="content"><slot @slotchange="${Be(this,LS,"m",BS)}"></slot></div><div class="actions"><slot name="actions" @slotchange="${Be(this,LS,"m",qS)}"></slot></div></div>`}show(){return this._interactive&&document.addEventListener("click",Be(this,IS,"f")),super.show()}hide(e=!0){this._interactive&&document.removeEventListener("click",Be(this,IS,"f")),super.hide(),e&&this._interactive&&this.control&&ge.isFocusable(this.control)&&this.control.focus()}attach(e){super.attach(e),Be(this,LS,"m",RS).call(this),this._interactive&&(e.ariaHasPopup="dialog")}update(e){super.update(e),e.has("_interactive")&&(this.ariaHidden=this._interactive?null:"true",Be(this,LS,"m",RS).call(this),this.control&&this._interactive&&(this.control.ariaHasPopup="dialog"))}_updatePosition(e,t,a){this.position.includes("before")&&"before"!==this.position&&("rtl"===Ee.current?t+=this.control?.clientWidth??0:t-=this.control?.clientWidth??0),this.position.includes("after")&&"after"!==this.position&&("rtl"===Ee.current?t-=this.control?.clientWidth??0:t+=this.control?.clientWidth??0),"rtl"===Ee.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 US,NS,jS,KS;zS=new WeakMap,ES=new WeakMap,MS=new WeakMap,TS=new WeakMap,PS=new WeakMap,IS=new WeakMap,LS=new WeakSet,AS=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())},WS=function(e){const t=new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState,bubbles:!0,composed:!0});this.dispatchEvent(t)},HS=function(e){e.composedPath().some(e=>e instanceof FS||e===this.control)||this.hide()},OS=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.hide())},DS=function(e){this._hasSubhead=p(e.target),this.shadowRoot?.querySelector(".base")?.classList.toggle("has-subhead",this._hasSubhead),qe(this,ES,this._hasSubhead?ee(e.target,!0):"","f"),Be(this,LS,"m",RS).call(this)},BS=function(e){this._interactive=ge.findInteractiveElements(this).length>0,qe(this,MS,ee(e.target,!0),"f"),Be(this,LS,"m",RS).call(this)},qS=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",p(e.target)),this._interactive=ge.findInteractiveElements(this).length>0,Be(this,LS,"m",RS).call(this)},RS=function(){const e=Be(this,ES,"f")?`${Be(this,ES,"f")}/n${Be(this,MS,"f")}`:Be(this,MS,"f");this.isConnected&&this.control&&(Be(this,TS,"f")&&Be(this,PS,"f")&&(_e.removeDescription(this.control,Be(this,TS,"f")),qe(this,PS,!1,"f")),qe(this,TS,e,"f"),Be(this,TS,"f")&&!this._interactive&&(_e.describe(this.control,Be(this,TS,"f")),qe(this,PS,!0,"f")))},VS.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; } }`,VS.__nextId=0,De([ht()],VS.prototype,"_hasSubhead",void 0),De([ht()],VS.prototype,"_interactive",void 0),De([dt()],VS.prototype,"position",void 0),VS=FS=De([m("m3e-rich-tooltip")],VS);let ZS=class extends _S{constructor(){super(...arguments),US.add(this),NS.set(this,void 0),this.position="below"}get _anchorPosition(){return"above"===this.position?"top":"below"===this.position?"bottom":"before"===this.position?"ltr"===Ee.current?"left":"right":"ltr"===Ee.current?"right":"left"}attach(e){super.attach(e),Be(this,NS,"f")&&_e.describe(e,Be(this,NS,"f"))}detach(){this.control&&Be(this,NS,"f")&&_e.removeDescription(this.control,Be(this,NS,"f")),super.detach()}connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return o`<div class="base" popover="manual" @toggle="${Be(this,US,"m",KS)}"><slot @slotchange="${Be(this,US,"m",jS)}"></slot></div>`}_updatePosition(e,t,a){"rtl"===Ee.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`}};NS=new WeakMap,US=new WeakSet,jS=function(e){const t=ee(e.target,!0);this.isConnected&&this.control?(Be(this,NS,"f")&&_e.removeDescription(this.control,Be(this,NS,"f")),qe(this,NS,t,"f"),Be(this,NS,"f")&&_e.describe(this.control,Be(this,NS,"f"))):qe(this,NS,t,"f")},KS=function(e){if("open"===e.newState){const e=this._base.getBoundingClientRect().height>parseFloat(getComputedStyle(this._base).minHeight);v(this,"-multiline",e)}},ZS.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; } }`,De([dt()],ZS.prototype,"position",void 0),ZS=De([m("m3e-tooltip")],ZS);export{pd as ActionElementBase,wn as AnimationLoopController,El as AttachInternals,Wl as Checked,Ol as CheckedIndeterminate,Ac as ConstraintValidation,hc as DesignToken,Nl as Dirty,pc as Disabled,gc as DisabledInteractive,Wc as EventAttribute,jn as FocusController,Oc as Focusable,Ec as FormAssociated,qc as FormSubmitter,Kn as HoverController,Uc as HtmlFor,Zn as IntersectionController,Nc as KeyboardClick,wc as Labelled,Gc as LinkButton,Gn as LongPressController,_m as M3eAccordionElement,hv as M3eActionListElement,Ot as M3eAppBarElement,Li as M3eAssistChipElement,Ia as M3eAutocompleteElement,Aa as M3eAvatarElement,Ra as M3eBadgeElement,Fa as M3eBottomSheetActionElement,Mo as M3eBottomSheetElement,To as M3eBottomSheetTriggerElement,No as M3eButtonElement,Xo as M3eButtonGroupElement,zy as M3eButtonSegmentElement,hi as M3eCardElement,gi as M3eCheckboxElement,_i as M3eChipElement,zi as M3eChipSetElement,Kg as M3eCircularProgressIndicatorElement,ud as M3eCollapsibleElement,Th as M3eDialogActionElement,Uh as M3eDialogElement,Nh as M3eDialogTriggerElement,jh as M3eDividerElement,um as M3eDrawerContainerElement,xm as M3eDrawerToggleElement,Md as M3eElevationElement,lv as M3eExpandableListItemElement,tp as M3eExpansionHeaderElement,up as M3eExpansionPanelElement,Cp as M3eFabElement,Vp as M3eFabMenuElement,zp as M3eFabMenuItemElement,Up as M3eFabMenuTriggerElement,Pi as M3eFilterChipElement,qi as M3eFilterChipSetElement,Rd as M3eFocusRingElement,ku as M3eFormFieldElement,Cu as M3eHeadingElement,Bu as M3eIconButtonElement,Su as M3eIconElement,Lr as M3eInputChipElement,Jr as M3eInputChipSetElement,sy as M3eLinearProgressIndicatorElement,uv as M3eListActionElement,Ju as M3eListElement,vv as M3eListItemButtonElement,ju as M3eListItemElement,wv as M3eListOptionElement,qv as M3eLoadingIndicatorElement,gb as M3eMenuElement,Tb as M3eMenuItemCheckboxElement,tb as M3eMenuItemElement,Pb as M3eMenuItemGroupElement,Nb as M3eMenuItemRadioElement,Fv as M3eMenuTriggerElement,Yb as M3eNavBarElement,tf as M3eNavItemElement,Tf as M3eNavMenuElement,vf as M3eNavMenuItemElement,Of as M3eNavMenuItemGroupElement,Ff as M3eNavRailElement,jf as M3eNavRailToggleElement,og as M3eOptGroupElement,Yf as M3eOptionElement,cg as M3eOptionPanelElement,yg as M3ePaginatorElement,Fd as M3ePseudoCheckboxElement,Vd as M3ePseudoRadioElement,uy as M3eRadioElement,wy as M3eRadioGroupElement,vS as M3eRichTooltipActionElement,VS as M3eRichTooltipElement,th as M3eRippleElement,oh as M3eScrollContainerElement,Wy as M3eSegmentedButtonElement,m$ as M3eSelectElement,zv as M3eSelectionListElement,k$ as M3eShapeElement,lh as M3eSlideElement,E$ as M3eSlideGroupElement,ex as M3eSliderElement,P$ as M3eSliderThumbElement,hx as M3eSnackbar,dx as M3eSnackbarElement,Cx as M3eSplitButtonElement,$h as M3eStateLayerElement,Tx as M3eStepElement,Sx as M3eStepPanelElement,Ux as M3eStepperElement,Nx as M3eStepperNextElement,jx as M3eStepperPreviousElement,Kx as M3eStepperResetElement,Qr as M3eSuggestionChipElement,bk as M3eSwitchElement,xk as M3eTabElement,wk as M3eTabPanelElement,Pk as M3eTabsElement,Eh as M3eTextHighlightElement,Mh as M3eTextOverflowElement,Gk as M3eTextareaAutosizeElement,NC as M3eThemeElement,nS as M3eTocElement,jC as M3eTocItemElement,uS as M3eToolbarElement,ZS as M3eTooltipElement,Xn as MutationController,Yn as PressedController,xg as ProgressElementIndicatorBase,Yc as ReadOnly,Qc as Required,td as RequiredConstraintValidation,Jn as ResizeController,ad as Role,vl as ScrollController,bl as ScrollLockController,Bl as Selected,Vx as StepperButtonElementBase,sS as TocGenerator,_S as TooltipElementBase,Zl as Touched,Nn as VelocityTracker,id as Vertical,Tl as addCustomState,Fl as checkOrSelect,Cn as computeCssSize,Sn as computeLineCount,Qn as customElement,el as debounce,Cc as defaultValue,Pl as deleteCustomState,Kp as findFormFieldControl,_n as focusWhenReady,Ln as forcedColorsActive,kc as formValue,Hn as generateClipPaths,On as getTextContent,Dn as guid,Bn as hasAssignedNodes,Ml as hasCustomState,Cl as hasKeys,qn as interceptProperty,Sl as internals,_l as isAttachInternalsMixin,Hl as isCheckedIndeterminateMixin,Al as isCheckedMixin,Rl as isCheckedOrSelected,ql as isCheckedOrSelectedMixin,Tc as isConstraintValidationMixin,Vl as isDirtyMixin,uc as isDisabledInteractiveMixin,mc as isDisabledMixin,Sc as isFormAssociatedMixin,jp as isFormFieldControl,Dc as isFormSubmitterMixin,Rc as isHtmlForMixin,$c as isLabelledMixin,Kc as isLinkButtonMixin,Xc as isReadOnlyMixin,ed as isRequiredConstraintValidationMixin,Jc as isRequiredMixin,Dl as isSelectedMixin,jl as isTouchedMixin,od as isVerticalMixin,Rn as prefersReducedMotion,jc as renderPseudoLink,Fn as resolveElementById,Vn as resolveFragmentUrl,kl as safeStyleMap,Un as scrollIntoViewIfNeeded,Il as setCustomState,fl as spaceSeparatedStringConverter,yc as updateLabels,Mc as validate};
 //# sourceMappingURL=all.min.js.map