@aphrody/m3-showcase 3.3.4

package/dist/chunk-gv83r4qx.js

@@ -0,0 +1,262 @@
+import{E,n,r,e,t,m,y,P}from"./chunk-7tt0cawd.js";r();r();var to=new Set(["children","localName","ref","style","className"]),ir=new WeakMap,ar=(o,i,a,l,s)=>{let d=s?.[i];d===void 0?(o[i]=a,a==null&&(i in HTMLElement.prototype)&&o.removeAttribute(i)):a!==l&&((p,u,f)=>{let g=ir.get(p);g===void 0&&ir.set(p,g=new Map);let b=g.get(u);f!==void 0?b===void 0?(g.set(u,b={handleEvent:f}),p.addEventListener(u,b)):b.handleEvent=f:b!==void 0&&(g.delete(u),p.removeEventListener(u,b))})(o,d,a)},F=({react:o,tagName:i,elementClass:a,events:l,displayName:s})=>{let d=new Set(Object.keys(l??{})),p=o.forwardRef((u,f)=>{let g=o.useRef(new Map),b=o.useRef(null),S={},L={};for(let[T,V]of Object.entries(u))to.has(T)?S[T==="className"?"class":T]=V:d.has(T)||(T in a.prototype)?L[T]=V:S[T]=V;return o.useLayoutEffect(()=>{if(b.current===null)return;let T=new Map;for(let V in L)ar(b.current,V,u[V],g.current.get(V),l),g.current.delete(V),T.set(V,u[V]);for(let[V,ze]of g.current)ar(b.current,V,void 0,ze,l);g.current=T}),o.useLayoutEffect(()=>{b.current?.removeAttribute("defer-hydration")},[]),S.suppressHydrationWarning=!0,o.createElement(i,{...S,ref:o.useCallback((T)=>{b.current=T,typeof f=="function"?f(T):f!==null&&(f.current=T)},[f])})});return p.displayName=s??a.name,p};function c(o,i,a,l){var s=arguments.length,d=s<3?i:l===null?l=Object.getOwnPropertyDescriptor(i,a):l,p;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")d=Reflect.decorate(o,i,a,l);else for(var u=o.length-1;u>=0;u--)if(p=o[u])d=(s<3?p(d):s>3?p(i,a,d):p(i,a))||d;return s>3&&d&&Object.defineProperty(i,a,d),d}var A=(o)=>(i,a)=>{a!==void 0?a.addInitializer(()=>{customElements.define(o,i)}):customElements.define(o,i)};var Ie=globalThis,Pe=Ie.ShadowRoot&&(Ie.ShadyCSS===void 0||Ie.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,st=Symbol(),lr=new WeakMap;class Me{constructor(o,i,a){if(this._$cssResult$=!0,a!==st)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=o,this.t=i}get styleSheet(){let o=this.o,i=this.t;if(Pe&&o===void 0){let a=i!==void 0&&i.length===1;a&&(o=lr.get(i)),o===void 0&&((this.o=o=new CSSStyleSheet).replaceSync(this.cssText),a&&lr.set(i,o))}return o}toString(){return this.cssText}}var nr=(o)=>new Me(typeof o=="string"?o:o+"",void 0,st),w=(o,...i)=>{let a=o.length===1?o[0]:i.reduce((l,s,d)=>l+((p)=>{if(p._$cssResult$===!0)return p.cssText;if(typeof p=="number")return p;throw Error("Value passed to 'css' function must be a 'css' function result: "+p+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+o[d+1],o[0]);return new Me(a,o,st)},sr=(o,i)=>{if(Pe)o.adoptedStyleSheets=i.map((a)=>a instanceof CSSStyleSheet?a:a.styleSheet);else for(let a of i){let l=document.createElement("style"),s=Ie.litNonce;s!==void 0&&l.setAttribute("nonce",s),l.textContent=a.cssText,o.appendChild(l)}},dt=Pe?(o)=>o:(o)=>o instanceof CSSStyleSheet?((i)=>{let a="";for(let l of i.cssRules)a+=l.cssText;return nr(a)})(o):o;var{is:ro,defineProperty:oo,getOwnPropertyDescriptor:io,getOwnPropertyNames:ao,getOwnPropertySymbols:lo,getPrototypeOf:no}=Object,Re=globalThis,dr=Re.trustedTypes,so=dr?dr.emptyScript:"",co=Re.reactiveElementPolyfillSupport,be=(o,i)=>o,ge={toAttribute(o,i){switch(i){case Boolean:o=o?so:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,i){let a=o;switch(i){case Boolean:a=o!==null;break;case Number:a=o===null?null:Number(o);break;case Object:case Array:try{a=JSON.parse(o)}catch(l){a=null}}return a}},Le=(o,i)=>!ro(o,i),cr={attribute:!0,type:String,converter:ge,reflect:!1,useDefault:!1,hasChanged:Le};Symbol.metadata??=Symbol("metadata"),Re.litPropertyMetadata??=new WeakMap;class X extends HTMLElement{static addInitializer(o){this._$Ei(),(this.l??=[]).push(o)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(o,i=cr){if(i.state&&(i.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(o)&&((i=Object.create(i)).wrapped=!0),this.elementProperties.set(o,i),!i.noAccessor){let a=Symbol(),l=this.getPropertyDescriptor(o,a,i);l!==void 0&&oo(this.prototype,o,l)}}static getPropertyDescriptor(o,i,a){let{get:l,set:s}=io(this.prototype,o)??{get(){return this[i]},set(d){this[i]=d}};return{get:l,set(d){let p=l?.call(this);s?.call(this,d),this.requestUpdate(o,p,a)},configurable:!0,enumerable:!0}}static getPropertyOptions(o){return this.elementProperties.get(o)??cr}static _$Ei(){if(this.hasOwnProperty(be("elementProperties")))return;let o=no(this);o.finalize(),o.l!==void 0&&(this.l=[...o.l]),this.elementProperties=new Map(o.elementProperties)}static finalize(){if(this.hasOwnProperty(be("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(be("properties"))){let i=this.properties,a=[...ao(i),...lo(i)];for(let l of a)this.createProperty(l,i[l])}let o=this[Symbol.metadata];if(o!==null){let i=litPropertyMetadata.get(o);if(i!==void 0)for(let[a,l]of i)this.elementProperties.set(a,l)}this._$Eh=new Map;for(let[i,a]of this.elementProperties){let l=this._$Eu(i,a);l!==void 0&&this._$Eh.set(l,i)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(o){let i=[];if(Array.isArray(o)){let a=new Set(o.flat(1/0).reverse());for(let l of a)i.unshift(dt(l))}else o!==void 0&&i.push(dt(o));return i}static _$Eu(o,i){let a=i.attribute;return a===!1?void 0:typeof a=="string"?a:typeof o=="string"?o.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((o)=>this.enableUpdating=o),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((o)=>o(this))}addController(o){(this._$EO??=new Set).add(o),this.renderRoot!==void 0&&this.isConnected&&o.hostConnected?.()}removeController(o){this._$EO?.delete(o)}_$E_(){let o=new Map,i=this.constructor.elementProperties;for(let a of i.keys())this.hasOwnProperty(a)&&(o.set(a,this[a]),delete this[a]);o.size>0&&(this._$Ep=o)}createRenderRoot(){let o=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return sr(o,this.constructor.elementStyles),o}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((o)=>o.hostConnected?.())}enableUpdating(o){}disconnectedCallback(){this._$EO?.forEach((o)=>o.hostDisconnected?.())}attributeChangedCallback(o,i,a){this._$AK(o,a)}_$ET(o,i){let a=this.constructor.elementProperties.get(o),l=this.constructor._$Eu(o,a);if(l!==void 0&&a.reflect===!0){let s=(a.converter?.toAttribute!==void 0?a.converter:ge).toAttribute(i,a.type);this._$Em=o,s==null?this.removeAttribute(l):this.setAttribute(l,s),this._$Em=null}}_$AK(o,i){let a=this.constructor,l=a._$Eh.get(o);if(l!==void 0&&this._$Em!==l){let s=a.getPropertyOptions(l),d=typeof s.converter=="function"?{fromAttribute:s.converter}:s.converter?.fromAttribute!==void 0?s.converter:ge;this._$Em=l;let p=d.fromAttribute(i,s.type);this[l]=p??this._$Ej?.get(l)??p,this._$Em=null}}requestUpdate(o,i,a,l=!1,s){if(o!==void 0){let d=this.constructor;if(l===!1&&(s=this[o]),a??=d.getPropertyOptions(o),!((a.hasChanged??Le)(s,i)||a.useDefault&&a.reflect&&s===this._$Ej?.get(o)&&!this.hasAttribute(d._$Eu(o,a))))return;this.C(o,i,a)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(o,i,{useDefault:a,reflect:l,wrapped:s},d){a&&!(this._$Ej??=new Map).has(o)&&(this._$Ej.set(o,d??i??this[o]),s!==!0||d!==void 0)||(this._$AL.has(o)||(this.hasUpdated||a||(i=void 0),this._$AL.set(o,i)),l===!0&&this._$Em!==o&&(this._$Eq??=new Set).add(o))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(i){Promise.reject(i)}let o=this.scheduleUpdate();return o!=null&&await o,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[l,s]of this._$Ep)this[l]=s;this._$Ep=void 0}let a=this.constructor.elementProperties;if(a.size>0)for(let[l,s]of a){let{wrapped:d}=s,p=this[l];d!==!0||this._$AL.has(l)||p===void 0||this.C(l,void 0,s,p)}}let o=!1,i=this._$AL;try{o=this.shouldUpdate(i),o?(this.willUpdate(i),this._$EO?.forEach((a)=>a.hostUpdate?.()),this.update(i)):this._$EM()}catch(a){throw o=!1,this._$EM(),a}o&&this._$AE(i)}willUpdate(o){}_$AE(o){this._$EO?.forEach((i)=>i.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(o)),this.updated(o)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(o){return!0}update(o){this._$Eq&&=this._$Eq.forEach((i)=>this._$ET(i,this[i])),this._$EM()}updated(o){}firstUpdated(o){}}X.elementStyles=[],X.shadowRootOptions={mode:"open"},X[be("elementProperties")]=new Map,X[be("finalized")]=new Map,co?.({ReactiveElement:X}),(Re.reactiveElementVersions??=[]).push("2.1.2");var po={attribute:!0,type:String,converter:ge,reflect:!1,hasChanged:Le},uo=(o=po,i,a)=>{let{kind:l,metadata:s}=a,d=globalThis.litPropertyMetadata.get(s);if(d===void 0&&globalThis.litPropertyMetadata.set(s,d=new Map),l==="setter"&&((o=Object.create(o)).wrapped=!0),d.set(a.name,o),l==="accessor"){let{name:p}=a;return{set(u){let f=i.get.call(this);i.set.call(this,u),this.requestUpdate(p,f,o,!0,u)},init(u){return u!==void 0&&this.C(p,void 0,o,u),u}}}if(l==="setter"){let{name:p}=a;return function(u){let f=this[p];i.call(this,u),this.requestUpdate(p,f,o,!0,u)}}throw Error("Unsupported decorator location: "+l)};function h(o){return(i,a)=>typeof a=="object"?uo(o,i,a):((l,s,d)=>{let p=s.hasOwnProperty(d);return s.constructor.createProperty(d,l),p?Object.getOwnPropertyDescriptor(s,d):void 0})(o,i,a)}function I(o){return h({...o,state:!0,attribute:!1})}var j=(o,i,a)=>(a.configurable=!0,a.enumerable=!0,Reflect.decorate&&typeof i!="object"&&Object.defineProperty(o,i,a),a);function R(o,i){return(a,l,s)=>{let d=(p)=>p.renderRoot?.querySelector(o)??null;if(i){let{get:p,set:u}=typeof l=="object"?a:s??(()=>{let f=Symbol();return{get(){return this[f]},set(g){this[f]=g}}})();return j(a,l,{get(){let f=p.call(this);return f===void 0&&(f=d(this),(f!==null||this.hasUpdated)&&u.call(this,f)),f}})}return j(a,l,{get(){return d(this)}})}}function ct(o){return(i,a)=>j(i,a,{async get(){return await this.updateComplete,this.renderRoot?.querySelector(o)??null}})}function te(o){return(i,a)=>{let{slot:l,selector:s}=o??{},d="slot"+(l?`[name=${l}]`:":not([name])");return j(i,a,{get(){let p=this.renderRoot?.querySelector(d),u=p?.assignedElements(o)??[];return s===void 0?u:u.filter((f)=>f.matches(s))}})}}var pt=globalThis,pr=(o)=>o,Ne=pt.trustedTypes,ur=Ne?Ne.createPolicy("lit-html",{createHTML:(o)=>o}):void 0;var G=`lit$${Math.random().toFixed(9).slice(2)}$`,ut="?"+G,ho=`<${ut}>`,ie=document,xe=()=>ie.createComment(""),_e=(o)=>o===null||typeof o!="object"&&typeof o!="function",ht=Array.isArray,gr=(o)=>ht(o)||typeof o?.[Symbol.iterator]=="function";var ye=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,hr=/-->/g,fr=/>/g,re=RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),vr=/'/g,mr=/"/g,yr=/^(?:script|style|textarea|title)$/i,ft=(o)=>(i,...a)=>({_$litType$:o,strings:i,values:a}),x=ft(1),xr=ft(2),_r=ft(3),N=Symbol.for("lit-noChange"),v=Symbol.for("lit-nothing"),br=new WeakMap,oe=ie.createTreeWalker(ie,129);function wr(o,i){if(!ht(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ur!==void 0?ur.createHTML(i):i}var Er=(o,i)=>{let a=o.length-1,l=[],s,d=i===2?"<svg>":i===3?"<math>":"",p=ye;for(let u=0;u<a;u++){let f=o[u],g,b,S=-1,L=0;for(;L<f.length&&(p.lastIndex=L,b=p.exec(f),b!==null);)L=p.lastIndex,p===ye?b[1]==="!--"?p=hr:b[1]!==void 0?p=fr:b[2]!==void 0?(yr.test(b[2])&&(s=RegExp("</"+b[2],"g")),p=re):b[3]!==void 0&&(p=re):p===re?b[0]===">"?(p=s??ye,S=-1):b[1]===void 0?S=-2:(S=p.lastIndex-b[2].length,g=b[1],p=b[3]===void 0?re:b[3]==='"'?mr:vr):p===mr||p===vr?p=re:p===hr||p===fr?p=ye:(p=re,s=void 0);let T=p===re&&o[u+1].startsWith("/>")?" ":"";d+=p===ye?f+ho:S>=0?(l.push(g),f.slice(0,S)+"$lit$"+f.slice(S)+G+T):f+G+(S===-2?u:T)}return[wr(o,d+(o[a]||"<?>")+(i===2?"</svg>":i===3?"</math>":"")),l]};class we{constructor({strings:o,_$litType$:i},a){let l;this.parts=[];let s=0,d=0,p=o.length-1,u=this.parts,[f,g]=Er(o,i);if(this.el=we.createElement(f,a),oe.currentNode=this.el.content,i===2||i===3){let b=this.el.content.firstChild;b.replaceWith(...b.childNodes)}for(;(l=oe.nextNode())!==null&&u.length<p;){if(l.nodeType===1){if(l.hasAttributes())for(let b of l.getAttributeNames())if(b.endsWith("$lit$")){let S=g[d++],L=l.getAttribute(b).split(G),T=/([.?@])?(.*)/.exec(S);u.push({type:1,index:s,name:T[2],strings:L,ctor:T[1]==="."?mt:T[1]==="?"?bt:T[1]==="@"?gt:pe}),l.removeAttribute(b)}else b.startsWith(G)&&(u.push({type:6,index:s}),l.removeAttribute(b));if(yr.test(l.tagName)){let b=l.textContent.split(G),S=b.length-1;if(S>0){l.textContent=Ne?Ne.emptyScript:"";for(let L=0;L<S;L++)l.append(b[L],xe()),oe.nextNode(),u.push({type:2,index:++s});l.append(b[S],xe())}}}else if(l.nodeType===8)if(l.data===ut)u.push({type:2,index:s});else{let b=-1;for(;(b=l.data.indexOf(G,b+1))!==-1;)u.push({type:7,index:s}),b+=G.length-1}s++}}static createElement(o,i){let a=ie.createElement("template");return a.innerHTML=o,a}}function ae(o,i,a=o,l){if(i===N)return i;let s=l!==void 0?a._$Co?.[l]:a._$Cl,d=_e(i)?void 0:i._$litDirective$;return s?.constructor!==d&&(s?._$AO?.(!1),d===void 0?s=void 0:(s=new d(o),s._$AT(o,a,l)),l!==void 0?(a._$Co??=[])[l]=s:a._$Cl=s),s!==void 0&&(i=ae(o,s._$AS(o,i.values),s,l)),i}class vt{constructor(o,i){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:i},parts:a}=this._$AD,l=(o?.creationScope??ie).importNode(i,!0);oe.currentNode=l;let s=oe.nextNode(),d=0,p=0,u=a[0];for(;u!==void 0;){if(d===u.index){let f;u.type===2?f=new ce(s,s.nextSibling,this,o):u.type===1?f=new u.ctor(s,u.name,u.strings,this,o):u.type===6&&(f=new yt(s,this,o)),this._$AV.push(f),u=a[++p]}d!==u?.index&&(s=oe.nextNode(),d++)}return oe.currentNode=ie,l}p(o){let i=0;for(let a of this._$AV)a!==void 0&&(a.strings!==void 0?(a._$AI(o,a,i),i+=a.strings.length-2):a._$AI(o[i])),i++}}class ce{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,i,a,l){this.type=2,this._$AH=v,this._$AN=void 0,this._$AA=o,this._$AB=i,this._$AM=a,this.options=l,this._$Cv=l?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,i=this._$AM;return i!==void 0&&o?.nodeType===11&&(o=i.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,i=this){o=ae(this,o,i),_e(o)?o===v||o==null||o===""?(this._$AH!==v&&this._$AR(),this._$AH=v):o!==this._$AH&&o!==N&&this._(o):o._$litType$!==void 0?this.$(o):o.nodeType!==void 0?this.T(o):gr(o)?this.k(o):this._(o)}O(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}T(o){this._$AH!==o&&(this._$AR(),this._$AH=this.O(o))}_(o){this._$AH!==v&&_e(this._$AH)?this._$AA.nextSibling.data=o:this.T(ie.createTextNode(o)),this._$AH=o}$(o){let{values:i,_$litType$:a}=o,l=typeof a=="number"?this._$AC(o):(a.el===void 0&&(a.el=we.createElement(wr(a.h,a.h[0]),this.options)),a);if(this._$AH?._$AD===l)this._$AH.p(i);else{let s=new vt(l,this),d=s.u(this.options);s.p(i),this.T(d),this._$AH=s}}_$AC(o){let i=br.get(o.strings);return i===void 0&&br.set(o.strings,i=new we(o)),i}k(o){ht(this._$AH)||(this._$AH=[],this._$AR());let i=this._$AH,a,l=0;for(let s of o)l===i.length?i.push(a=new ce(this.O(xe()),this.O(xe()),this,this.options)):a=i[l],a._$AI(s),l++;l<i.length&&(this._$AR(a&&a._$AB.nextSibling,l),i.length=l)}_$AR(o=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);o!==this._$AB;){let a=pr(o).nextSibling;pr(o).remove(),o=a}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}}class pe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,i,a,l,s){this.type=1,this._$AH=v,this._$AN=void 0,this.element=o,this.name=i,this._$AM=l,this.options=s,a.length>2||a[0]!==""||a[1]!==""?(this._$AH=Array(a.length-1).fill(new String),this.strings=a):this._$AH=v}_$AI(o,i=this,a,l){let s=this.strings,d=!1;if(s===void 0)o=ae(this,o,i,0),d=!_e(o)||o!==this._$AH&&o!==N,d&&(this._$AH=o);else{let p=o,u,f;for(o=s[0],u=0;u<s.length-1;u++)f=ae(this,p[a+u],i,u),f===N&&(f=this._$AH[u]),d||=!_e(f)||f!==this._$AH[u],f===v?o=v:o!==v&&(o+=(f??"")+s[u+1]),this._$AH[u]=f}d&&!l&&this.j(o)}j(o){o===v?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}}class mt extends pe{constructor(){super(...arguments),this.type=3}j(o){this.element[this.name]=o===v?void 0:o}}class bt extends pe{constructor(){super(...arguments),this.type=4}j(o){this.element.toggleAttribute(this.name,!!o&&o!==v)}}class gt extends pe{constructor(o,i,a,l,s){super(o,i,a,l,s),this.type=5}_$AI(o,i=this){if((o=ae(this,o,i,0)??v)===N)return;let a=this._$AH,l=o===v&&a!==v||o.capture!==a.capture||o.once!==a.once||o.passive!==a.passive,s=o!==v&&(a===v||l);l&&this.element.removeEventListener(this.name,this,a),s&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}}class yt{constructor(o,i,a){this.element=o,this.type=6,this._$AN=void 0,this._$AM=i,this.options=a}get _$AU(){return this._$AM._$AU}_$AI(o){ae(this,o)}}var kr={M:"$lit$",P:G,A:ut,C:1,L:Er,R:vt,D:gr,V:ae,I:ce,H:pe,N:bt,U:gt,B:mt,F:yt},fo=pt.litHtmlPolyfillSupport;fo?.(we,ce),(pt.litHtmlVersions??=[]).push("3.3.3");var Be=(o,i,a)=>{let l=a?.renderBefore??i,s=l._$litPart$;if(s===void 0){let d=a?.renderBefore??null;l._$litPart$=s=new ce(i.insertBefore(xe(),d),d,void 0,a??{})}return s._$AI(o),s};var xt=globalThis;class z extends X{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let o=super.createRenderRoot();return this.renderOptions.renderBefore??=o.firstChild,o}update(o){let i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(o),this._$Do=Be(i,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return N}}z._$litElement$=!0,z.finalized=!0,xt.litElementHydrateSupport?.({LitElement:z});var vo=xt.litElementPolyfillSupport;vo?.({LitElement:z});(xt.litElementVersions??=[]).push("4.2.2");var O=!1;class _t extends z{connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){return x`<span class="shadow"></span>`}}var wt=w`:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:"";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15}`,Vi=wt.styleSheet;var Ar=class extends _t{static{this.styles=[wt]}};Ar=c([A("md-elevation")],Ar);var $r=Symbol("attachableController"),Sr;if(!O)Sr=new MutationObserver((o)=>{for(let i of o)i.target[$r]?.hostConnected()});class Ee{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(o){if(o===null)this.host.removeAttribute("for");else this.host.setAttribute("for",o)}get control(){if(this.host.hasAttribute("for")){if(!this.htmlFor||!this.host.isConnected)return null;return this.host.getRootNode().querySelector(`#${this.htmlFor}`)}return this.currentControl||this.host.parentElement}set control(o){if(o)this.attach(o);else this.detach()}constructor(o,i){this.host=o,this.onControlChange=i,this.currentControl=null,o.addController(this),o[$r]=this,Sr?.observe(o,{attributeFilter:["for"]})}attach(o){if(o===this.currentControl)return;this.setCurrentControl(o),this.host.removeAttribute("for")}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(o){this.onControlChange(this.currentControl,o),this.currentControl=o}}var mo=["focusin","focusout","pointerdown"];class ke extends z{constructor(){super(...arguments);this.visible=!1,this.inward=!1,this.attachableController=new Ee(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(o){this.attachableController.htmlFor=o}get control(){return this.attachableController.control}set control(o){this.attachableController.control=o}attach(o){this.attachableController.attach(o)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(o){if(o[Cr])return;switch(o.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1;break}o[Cr]=!0}onControlChange(o,i){if(O)return;for(let a of mo)o?.removeEventListener(a,this),i?.addEventListener(a,this)}update(o){if(o.has("visible"))this.dispatchEvent(new Event("visibility-changed"));super.update(o)}}c([h({type:Boolean,reflect:!0})],ke.prototype,"visible",void 0);c([h({type:Boolean,reflect:!0})],ke.prototype,"inward",void 0);var Cr=Symbol("handledByFocusRing");var Et=w`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}`,ta=Et.styleSheet;var Tr=class extends ke{static{this.styles=[Et]}};Tr=c([A("md-focus-ring")],Tr);var U={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ue=(o)=>(...i)=>({_$litDirective$:o,values:i});class le{constructor(o){}get _$AU(){return this._$AM._$AU}_$AT(o,i,a){this._$Ct=o,this._$AM=i,this._$Ci=a}_$AS(o,i){return this.update(o,i)}update(o,i){return this.render(...i)}}var B=ue(class extends le{constructor(o){if(super(o),o.type!==U.ATTRIBUTE||o.name!=="class"||o.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(o){return" "+Object.keys(o).filter((i)=>o[i]).join(" ")+" "}update(o,[i]){if(this.st===void 0){this.st=new Set,o.strings!==void 0&&(this.nt=new Set(o.strings.join(" ").split(/\s/).filter((l)=>l!=="")));for(let l in i)i[l]&&!this.nt?.has(l)&&this.st.add(l);return this.render(i)}let a=o.element.classList;for(let l of this.st)l in i||(a.remove(l),this.st.delete(l));for(let l in i){let s=!!i[l];s===this.st.has(l)||this.nt?.has(l)||(s?(a.add(l),this.st.add(l)):(a.remove(l),this.st.delete(l)))}return N}});var De={STANDARD:"cubic-bezier(0.2, 0, 0, 1)",STANDARD_ACCELERATE:"cubic-bezier(.3,0,1,1)",STANDARD_DECELERATE:"cubic-bezier(0,0,0,1)",EMPHASIZED:"cubic-bezier(.3,0,0,1)",EMPHASIZED_ACCELERATE:"cubic-bezier(.3,0,.8,.15)",EMPHASIZED_DECELERATE:"cubic-bezier(.05,.7,.1,1)"};var bo=450,zr=225,go=0.2,yo=10,xo=75,_o=0.35,wo="::after",Eo="forwards",H;(function(o){o[o.INACTIVE=0]="INACTIVE",o[o.TOUCH_DELAY=1]="TOUCH_DELAY",o[o.HOLDING=2]="HOLDING",o[o.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"})(H||(H={}));var ko=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],Ao=150,$o=O?null:window.matchMedia("(forced-colors: active)");class ne extends z{constructor(){super(...arguments);this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=H.INACTIVE,this.attachableController=new Ee(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(o){this.attachableController.htmlFor=o}get control(){return this.attachableController.control}set control(o){this.attachableController.control=o}attach(o){this.attachableController.attach(o)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){let o={hovered:this.hovered,pressed:this.pressed};return x`<div class="surface ${B(o)}"></div>`}update(o){if(o.has("disabled")&&this.disabled)this.hovered=!1,this.pressed=!1;super.update(o)}handlePointerenter(o){if(!this.shouldReactToEvent(o))return;this.hovered=!0}handlePointerleave(o){if(!this.shouldReactToEvent(o))return;if(this.hovered=!1,this.state!==H.INACTIVE)this.endPressAnimation()}handlePointerup(o){if(!this.shouldReactToEvent(o))return;if(this.state===H.HOLDING){this.state=H.WAITING_FOR_CLICK;return}if(this.state===H.TOUCH_DELAY){this.state=H.WAITING_FOR_CLICK,this.startPressAnimation(this.rippleStartEvent);return}}async handlePointerdown(o){if(!this.shouldReactToEvent(o))return;if(this.rippleStartEvent=o,!this.isTouch(o)){this.state=H.WAITING_FOR_CLICK,this.startPressAnimation(o);return}if(this.state=H.TOUCH_DELAY,await new Promise((i)=>{setTimeout(i,Ao)}),this.state!==H.TOUCH_DELAY)return;this.state=H.HOLDING,this.startPressAnimation(o)}handleClick(){if(this.disabled)return;if(this.state===H.WAITING_FOR_CLICK){this.endPressAnimation();return}if(this.state===H.INACTIVE)this.startPressAnimation(),this.endPressAnimation()}handlePointercancel(o){if(!this.shouldReactToEvent(o))return;this.endPressAnimation()}handleContextmenu(){if(this.disabled)return;this.endPressAnimation()}determineRippleSize(o){let{height:i,width:a}=o,l=Math.max(i,a),s=Math.max(_o*l,xo),d=this.currentCSSZoom??1,p=Math.floor(l*go/d),f=Math.sqrt(a**2+i**2)+yo;this.initialSize=p;let g=(f+s)/p;this.rippleScale=`${g/d}`,this.rippleSize=`${p}px`}getNormalizedPointerEventCoords(o,i){let{scrollX:a,scrollY:l}=window,{left:s,top:d}=i,p=a+s,u=l+d,{pageX:f,pageY:g}=o,b=this.currentCSSZoom??1;return{x:(f-p)/b,y:(g-u)/b}}getTranslationCoordinates(o,i){let{height:a,width:l}=o,s=this.currentCSSZoom??1,d={x:(l/s-this.initialSize)/2,y:(a/s-this.initialSize)/2},p;if(i instanceof PointerEvent)p=this.getNormalizedPointerEventCoords(i,o);else p={x:l/s/2,y:a/s/2};return p={x:p.x-this.initialSize/2,y:p.y-this.initialSize/2},{startPoint:p,endPoint:d}}startPressAnimation(o){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel();let i=this.getBoundingClientRect();this.determineRippleSize(i);let{startPoint:a,endPoint:l}=this.getTranslationCoordinates(i,o),s=`${a.x}px, ${a.y}px`,d=`${l.x}px, ${l.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${s}) scale(1)`,`translate(${d}) scale(${this.rippleScale})`]},{pseudoElement:wo,duration:bo,easing:De.STANDARD,fill:Eo})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=H.INACTIVE;let o=this.growAnimation,i=1/0;if(typeof o?.currentTime==="number")i=o.currentTime;else if(o?.currentTime)i=o.currentTime.to("ms").value;if(i>=zr){this.pressed=!1;return}if(await new Promise((a)=>{setTimeout(a,zr-i)}),this.growAnimation!==o)return;this.pressed=!1}shouldReactToEvent(o){if(this.disabled||!o.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==o.pointerId)return!1;if(o.type==="pointerenter"||o.type==="pointerleave")return!this.isTouch(o);let i=o.buttons===1;return this.isTouch(o)||i}isTouch({pointerType:o}){return o==="touch"}async handleEvent(o){if($o?.matches)return;switch(o.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(o);break;case"pointerdown":await this.handlePointerdown(o);break;case"pointerenter":this.handlePointerenter(o);break;case"pointerleave":this.handlePointerleave(o);break;case"pointerup":this.handlePointerup(o);break;default:break}}onControlChange(o,i){if(O)return;for(let a of ko)o?.removeEventListener(a,this),i?.addEventListener(a,this)}}c([h({type:Boolean,reflect:!0})],ne.prototype,"disabled",void 0);c([I()],ne.prototype,"hovered",void 0);c([I()],ne.prototype,"pressed",void 0);c([R(".surface")],ne.prototype,"mdRoot",void 0);var kt=w`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}`,ka=kt.styleSheet;var Or=class extends ne{static{this.styles=[kt]}};Or=c([A("md-ripple")],Or);var At=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColSpan","ariaCurrent","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText"],So=At.map($t);function Ve(o){return So.includes(o)}function $t(o){return o.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}var He=Symbol("privateIgnoreAttributeChangesFor");function Z(o){var i;if(O)return o;class a extends o{constructor(){super(...arguments);this[i]=new Set}static{i=He}attributeChangedCallback(l,s,d){if(!Ve(l)){super.attributeChangedCallback(l,s,d);return}if(this[He].has(l))return;this[He].add(l),this.removeAttribute(l),this[He].delete(l);let p=Ct(l);if(d===null)delete this.dataset[p];else this.dataset[p]=d;this.requestUpdate(Ct(l),s)}getAttribute(l){if(Ve(l))return super.getAttribute(St(l));return super.getAttribute(l)}removeAttribute(l){if(super.removeAttribute(l),Ve(l))super.removeAttribute(St(l)),this.requestUpdate()}}return Co(a),a}function Co(o){for(let i of At){let a=$t(i),l=St(a),s=Ct(a);o.createProperty(i,{attribute:a,noAccessor:!0}),o.createProperty(Symbol(l),{attribute:l,noAccessor:!0}),Object.defineProperty(o.prototype,i,{configurable:!0,enumerable:!0,get(){return this.dataset[s]??null},set(d){let p=this.dataset[s]??null;if(d===p)return;if(d===null)delete this.dataset[s];else this.dataset[s]=d;this.requestUpdate(i,p)}})}}function St(o){return`data-${o}`}function Ct(o){return o.replace(/-\w/,(i)=>i[1].toUpperCase())}function he(o){let i=new MouseEvent("click",{bubbles:!0});return o.dispatchEvent(i),i}function fe(o){if(o.currentTarget!==o.target)return!1;if(o.composedPath()[0]!==o.target)return!1;if(o.target.disabled)return!1;return!To(o)}function To(o){let i=Tt;if(i)o.preventDefault(),o.stopImmediatePropagation();return zo(),i}var Tt=!1;async function zo(){Tt=!0,await null,Tt=!1}var D=Symbol("internals"),zt=Symbol("privateInternals");function J(o){class i extends o{get[D](){if(!this[zt])this[zt]=this.attachInternals();return this[zt]}}return i}var W=Symbol("getFormValue"),Fe=Symbol("getFormState");function Q(o){class i extends o{static{this.formAssociated=!0}get form(){return this[D].form}get labels(){return this[D].labels}get name(){return this.getAttribute("name")??""}set name(a){this.setAttribute("name",a)}get disabled(){return this.hasAttribute("disabled")}set disabled(a){this.toggleAttribute("disabled",Boolean(a))}attributeChangedCallback(a,l,s){if(a==="name"||a==="disabled"){let d=a==="disabled"?l!==null:l;this.requestUpdate(a,d);return}super.attributeChangedCallback(a,l,s)}requestUpdate(a,l,s){super.requestUpdate(a,l,s),this[D].setFormValue(this[W](),this[Fe]())}[W](){return this.getAttribute("value")}[Fe](){return this[W]()}formDisabledCallback(a){this.disabled=a}}return c([h({noAccessor:!0})],i.prototype,"name",null),c([h({type:Boolean,noAccessor:!0})],i.prototype,"disabled",null),i}var Pr=Symbol("dispatchHooks");function Ue(o,i){let a=o[Pr];if(!a)throw Error(`'${o.type}' event needs setupDispatchHooks().`);a.addEventListener("after",i,{once:!0})}var Ir=new WeakMap;function qe(o,...i){let a=Ir.get(o);if(!a)a=new Set,Ir.set(o,a);for(let l of i){if(a.has(l))continue;o.addEventListener(l,(s)=>{let d=new EventTarget;s[Pr]=d;let p=new AbortController,u=()=>{p.abort(),d.dispatchEvent(new Event("after"))},f=(S)=>function(){S.call(this),u()};s.stopPropagation=f(s.stopPropagation),s.stopImmediatePropagation=f(s.stopImmediatePropagation);let g=s.composedPath(),b;if(s.composed&&s.bubbles)b=g[g.length-1];else if(!s.bubbles)b=g[0];else b=g[0].getRootNode();b.addEventListener(l,()=>{u()},{once:!0,signal:p.signal})},{capture:!0}),a.add(l)}}function Mr(o){class i extends o{get name(){return this.getAttribute("name")??""}set name(a){this.setAttribute("name",a)}constructor(...a){super(...a);if(this.type="submit",this.value="",O)return;qe(this,"click"),this.addEventListener("click",async(l)=>{let s=this.type==="reset",d=this.type==="submit",p=this[D],{form:u}=p;if(!u||!(d||s))return;Ue(l,()=>{if(l.defaultPrevented)return;if(s){u.reset();return}u.addEventListener("submit",(f)=>{Object.defineProperty(f,"submitter",{configurable:!0,enumerable:!0,get:()=>this})},{capture:!0,once:!0}),p.setFormValue(this.value),u.requestSubmit()})})}}return c([h()],i.prototype,"type",void 0),c([h({reflect:!0})],i.prototype,"value",void 0),i}var Oo=Z(Mr(Q(J(z))));class M extends Oo{static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}constructor(){super();if(this.softDisabled=!1,this.href="",this.download="",this.target="",this.trailingIcon=!1,this.hasIcon=!1,!O)this.addEventListener("click",this.handleClick.bind(this))}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}render(){let o=this.disabled||this.softDisabled,i=this.href?this.renderLink():this.renderButton(),a=this.href?"link":"button";return x`
+      ${this.renderElevationOrOutline?.()}
+      <div class="background" part="background"></div>
+      <md-focus-ring part="focus-ring" for=${a}></md-focus-ring>
+      <md-ripple part="ripple" for=${a} ?disabled="${o}"></md-ripple>
+      ${i}
+    `}renderButton(){let{ariaLabel:o,ariaHasPopup:i,ariaExpanded:a}=this;return x`<button
+      id="button"
+      class="button"
+      part="button"
+      ?disabled=${this.disabled}
+      aria-disabled=${this.softDisabled||v}
+      aria-label="${o||v}"
+      aria-haspopup="${i||v}"
+      aria-expanded="${a||v}"
+    >
+      ${this.renderContent()}
+    </button>`}renderLink(){let{ariaLabel:o,ariaHasPopup:i,ariaExpanded:a}=this;return x`<a
+      id="link"
+      class="button"
+      part="button"
+      aria-label="${o||v}"
+      aria-haspopup="${i||v}"
+      aria-expanded="${a||v}"
+      aria-disabled=${this.disabled||this.softDisabled||v}
+      tabindex="${this.disabled&&!this.softDisabled?-1:v}"
+      href=${this.href}
+      download=${this.download||v}
+      target=${this.target||v}
+      >${this.renderContent()}
+    </a>`}renderContent(){let o=x`<slot name="icon" @slotchange="${this.handleSlotChange}"></slot>`;return x`
+      <span class="touch"></span>
+      ${this.trailingIcon?v:o}
+      <span class="label" part="label"><slot></slot></span>
+      ${this.trailingIcon?o:v}
+    `}handleClick(o){if(this.softDisabled||this.disabled&&this.href){o.stopImmediatePropagation(),o.preventDefault();return}if(!fe(o)||!this.buttonElement)return;this.focus(),he(this.buttonElement)}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}c([h({type:Boolean,attribute:"soft-disabled",reflect:!0})],M.prototype,"softDisabled",void 0);c([h()],M.prototype,"href",void 0);c([h()],M.prototype,"download",void 0);c([h()],M.prototype,"target",void 0);c([h({type:Boolean,attribute:"trailing-icon",reflect:!0})],M.prototype,"trailingIcon",void 0);c([h({type:Boolean,attribute:"has-icon",reflect:!0})],M.prototype,"hasIcon",void 0);c([R(".button")],M.prototype,"buttonElement",void 0);c([te({slot:"icon",flatten:!0})],M.prototype,"assignedIcons",void 0);class Ot extends M{renderElevationOrOutline(){return x`<md-elevation part="elevation"></md-elevation>`}}var It=w`:host{--_container-color: var(--md-elevated-button-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_container-elevation: var(--md-elevated-button-container-elevation, 1);--_container-height: var(--md-elevated-button-container-height, 40px);--_container-shadow-color: var(--md-elevated-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-elevated-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-elevated-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-elevated-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-elevated-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-elevated-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-elevated-button-focus-container-elevation, 1);--_focus-label-text-color: var(--md-elevated-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-container-elevation: var(--md-elevated-button-hover-container-elevation, 2);--_hover-label-text-color: var(--md-elevated-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-elevated-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-elevated-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-elevated-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-elevated-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-elevated-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-elevated-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-elevated-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-elevated-button-pressed-container-elevation, 1);--_pressed-label-text-color: var(--md-elevated-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-elevated-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-elevated-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-elevated-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-elevated-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-elevated-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-elevated-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-elevated-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-elevated-button-icon-size, 18px);--_pressed-icon-color: var(--md-elevated-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-elevated-button-container-shape-start-start, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-elevated-button-container-shape-start-end, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-elevated-button-container-shape-end-end, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-elevated-button-container-shape-end-start, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-elevated-button-leading-space, 24px);--_trailing-space: var(--md-elevated-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-elevated-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-elevated-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-elevated-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-elevated-button-with-trailing-icon-trailing-space, 16px)}`,cl=It.styleSheet;var se=w`md-elevation{transition-duration:280ms}:host(:is([disabled],[soft-disabled])) md-elevation{transition:none}md-elevation{--md-elevation-level: var(--_container-elevation);--md-elevation-shadow-color: var(--_container-shadow-color)}:host(:focus-within) md-elevation{--md-elevation-level: var(--_focus-container-elevation)}:host(:hover) md-elevation{--md-elevation-level: var(--_hover-container-elevation)}:host(:active) md-elevation{--md-elevation-level: var(--_pressed-container-elevation)}:host(:is([disabled],[soft-disabled])) md-elevation{--md-elevation-level: var(--_disabled-container-elevation)}`,hl=se.styleSheet;var q=w`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;cursor:pointer;display:inline-flex;gap:8px;min-height:var(--_container-height);outline:none;padding-block:calc((var(--_container-height) - max(var(--_label-text-line-height),var(--_icon-size)))/2);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);place-content:center;place-items:center;position:relative;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-overflow:ellipsis;text-wrap:nowrap;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host(:is([disabled],[soft-disabled])){cursor:default;pointer-events:none}.button{border-radius:inherit;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;min-width:calc(64px - var(--_leading-space) - var(--_trailing-space));width:100%;z-index:0;height:100%;font:inherit;color:var(--_label-text-color);padding:0;gap:inherit;text-transform:inherit}.button::-moz-focus-inner{padding:0;border:0}:host(:hover) .button{color:var(--_hover-label-text-color)}:host(:focus-within) .button{color:var(--_focus-label-text-color)}:host(:active) .button{color:var(--_pressed-label-text-color)}.background{background:var(--_container-color);border-radius:inherit;inset:0;position:absolute}.label{overflow:hidden}:is(.button,.label,.label slot),.label ::slotted(*){text-overflow:inherit}:host(:is([disabled],[soft-disabled])) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}:host(:is([disabled],[soft-disabled])) .background{background:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.background{border:1px solid CanvasText}:host(:is([disabled],[soft-disabled])){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1;--_disabled-container-opacity: 1;--_disabled-label-text-color: GrayText;--_disabled-label-text-opacity: 1}}:host([has-icon]:not([trailing-icon])){padding-inline-start:var(--_with-leading-icon-leading-space);padding-inline-end:var(--_with-leading-icon-trailing-space)}:host([has-icon][trailing-icon]){padding-inline-start:var(--_with-trailing-icon-leading-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus-within) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host(:is([disabled],[soft-disabled])) ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.touch{position:absolute;top:50%;height:max(48px,100%);left:0;right:0;transform:translateY(-50%)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}:host([touch-target=none]) .touch{display:none}`,ml=q.styleSheet;var je=class extends Ot{static{this.styles=[q,se,It]}};je=c([A("md-elevated-button")],je);class Pt extends M{renderElevationOrOutline(){return x`<md-elevation part="elevation"></md-elevation>`}}var Mt=w`:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-filled-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_container-shape-start-start: var(--md-filled-button-container-shape-start-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-button-container-shape-start-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-button-container-shape-end-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-button-container-shape-end-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-button-leading-space, 24px);--_trailing-space: var(--md-filled-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-button-with-trailing-icon-trailing-space, 16px)}`,zl=Mt.styleSheet;var Ge=class extends Pt{static{this.styles=[q,se,Mt]}};Ge=c([A("md-filled-button")],Ge);class Rt extends M{renderElevationOrOutline(){return x`<md-elevation part="elevation"></md-elevation>`}}var Lt=w`:host{--_container-color: var(--md-filled-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-filled-tonal-button-container-elevation, 0);--_container-height: var(--md-filled-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-filled-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-filled-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-font: var(--md-filled-tonal-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-tonal-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-tonal-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-tonal-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-filled-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_container-shape-start-start: var(--md-filled-tonal-button-container-shape-start-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-button-container-shape-start-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-button-container-shape-end-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-button-container-shape-end-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-tonal-button-leading-space, 24px);--_trailing-space: var(--md-filled-tonal-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-tonal-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-tonal-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-tonal-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-tonal-button-with-trailing-icon-trailing-space, 16px)}`,ql=Lt.styleSheet;var We=class extends Rt{static{this.styles=[q,se,Lt]}};We=c([A("md-filled-tonal-button")],We);class Nt extends M{renderElevationOrOutline(){return x`<div class="outline"></div>`}}var Bt=w`:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-button-disabled-label-text-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-button-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-outlined-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-outlined-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-outlined-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-outlined-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-outlined-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-outlined-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-outlined-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-outlined-button-icon-size, 18px);--_pressed-icon-color: var(--md-outlined-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-outlined-button-container-shape-start-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-outlined-button-container-shape-start-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-outlined-button-container-shape-end-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-outlined-button-container-shape-end-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-outlined-button-leading-space, 24px);--_trailing-space: var(--md-outlined-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-outlined-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-outlined-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-outlined-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-outlined-button-with-trailing-icon-trailing-space, 16px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}.outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:inherit;border-end-end-radius:inherit}:host(:active) .outline{border-color:var(--_pressed-outline-color)}:host(:is([disabled],[soft-disabled])) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}@media(forced-colors: active){:host(:is([disabled],[soft-disabled])) .background{border-color:GrayText}:host(:is([disabled],[soft-disabled])) .outline{opacity:1}}.outline,md-ripple{border-width:var(--_outline-width)}md-ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)}`,on=Bt.styleSheet;var Ke=class extends Nt{static{this.styles=[q,Bt]}};Ke=c([A("md-outlined-button")],Ke);class Dt extends M{}var Vt=w`:host{--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-text-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-text-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-text-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-text-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-text-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-text-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-text-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-text-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-text-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-text-button-icon-size, 18px);--_pressed-icon-color: var(--md-text-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-text-button-leading-space, 12px);--_trailing-space: var(--md-text-button-trailing-space, 12px);--_with-leading-icon-leading-space: var(--md-text-button-with-leading-icon-leading-space, 12px);--_with-leading-icon-trailing-space: var(--md-text-button-with-leading-icon-trailing-space, 16px);--_with-trailing-icon-leading-space: var(--md-text-button-with-trailing-icon-leading-space, 16px);--_with-trailing-icon-trailing-space: var(--md-text-button-with-trailing-icon-trailing-space, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}`,vn=Vt.styleSheet;var Ye=class extends Dt{static{this.styles=[q,Vt]}};Ye=c([A("md-text-button")],Ye);var Rr=F({react:E,tagName:"md-elevated-button",elementClass:je,events:{}}),Lr=F({react:E,tagName:"md-filled-button",elementClass:Ge,events:{}}),Nr=F({react:E,tagName:"md-filled-tonal-button",elementClass:We,events:{}}),Br=F({react:E,tagName:"md-outlined-button",elementClass:Ke,events:{}}),Dr=F({react:E,tagName:"md-text-button",elementClass:Ye,events:{}});r();class C extends z{constructor(){super(...arguments);this.disabled=!1,this.error=!1,this.focused=!1,this.label="",this.noAsterisk=!1,this.populated=!1,this.required=!1,this.resizable=!1,this.supportingText="",this.errorText="",this.count=-1,this.max=-1,this.hasStart=!1,this.hasEnd=!1,this.isAnimating=!1,this.refreshErrorAlert=!1,this.disableTransitions=!1}get counterText(){let o=this.count??-1,i=this.max??-1;if(o<0||i<=0)return"";return`${o} / ${i}`}get supportingOrErrorText(){return this.error&&this.errorText?this.errorText:this.supportingText}reannounceError(){this.refreshErrorAlert=!0}update(o){if(o.has("disabled")&&o.get("disabled")!==void 0)this.disableTransitions=!0;if(this.disabled&&this.focused)o.set("focused",!0),this.focused=!1;this.animateLabelIfNeeded({wasFocused:o.get("focused"),wasPopulated:o.get("populated")}),super.update(o)}render(){let o=this.renderLabel(!0),i=this.renderLabel(!1),a=this.renderOutline?.(o),l={disabled:this.disabled,"disable-transitions":this.disableTransitions,error:this.error&&!this.disabled,focused:this.focused,"with-start":this.hasStart,"with-end":this.hasEnd,populated:this.populated,resizable:this.resizable,required:this.required,"no-label":!this.label};return x`
+      <div class="field ${B(l)}">
+        <div class="container-overflow">
+          ${this.renderBackground?.()}
+          <slot name="container"></slot>
+          ${this.renderStateLayer?.()} ${this.renderIndicator?.()} ${a}
+          <div class="container">
+            <div class="start">
+              <slot name="start"></slot>
+            </div>
+            <div class="middle">
+              <div class="label-wrapper">${i} ${a?v:o}</div>
+              <div class="content">
+                <slot></slot>
+              </div>
+            </div>
+            <div class="end">
+              <slot name="end"></slot>
+            </div>
+          </div>
+        </div>
+        ${this.renderSupportingText()}
+      </div>
+    `}updated(o){if(o.has("supportingText")||o.has("errorText")||o.has("count")||o.has("max"))this.updateSlottedAriaDescribedBy();if(this.refreshErrorAlert||this.disableTransitions)requestAnimationFrame(()=>{this.refreshErrorAlert=!1,this.disableTransitions=!1})}renderSupportingText(){let{supportingOrErrorText:o,counterText:i}=this;if(!o&&!i)return v;let a=x`<span>${o}</span>`,l=i?x`<span class="counter">${i}</span>`:v,d=this.error&&this.errorText&&!this.refreshErrorAlert?"alert":v;return x`
+      <div class="supporting-text" role=${d}>${a}${l}</div>
+      <slot name="aria-describedby" @slotchange=${this.updateSlottedAriaDescribedBy}></slot>
+    `}updateSlottedAriaDescribedBy(){for(let o of this.slottedAriaDescribedBy)Be(x`${this.supportingOrErrorText} ${this.counterText}`,o),o.setAttribute("hidden","")}renderLabel(o){if(!this.label)return v;let i;if(o)i=this.focused||this.populated||this.isAnimating;else i=!this.focused&&!this.populated&&!this.isAnimating;let a={hidden:!i,floating:o,resting:!o},l=`${this.label}${this.required&&!this.noAsterisk?"*":""}`;return x`
+      <span class="label ${B(a)}" aria-hidden=${!i}>${l}</span>
+    `}animateLabelIfNeeded({wasFocused:o,wasPopulated:i}){if(!this.label)return;o??=this.focused,i??=this.populated;let a=o||i,l=this.focused||this.populated;if(a===l)return;let s=this.getLabelKeyframes();if(!s.length)return;this.isAnimating=!0,this.labelAnimation?.cancel(),this.labelAnimation=this.floatingLabelEl?.animate(s,{duration:150,easing:De.STANDARD}),this.labelAnimation?.addEventListener("finish",()=>{this.isAnimating=!1})}getLabelKeyframes(){let{floatingLabelEl:o,restingLabelEl:i}=this;if(!o||!i)return[];let{x:a,y:l,height:s}=o.getBoundingClientRect(),{x:d,y:p,height:u}=i.getBoundingClientRect(),f=o.scrollWidth,g=i.scrollWidth;if(f===0||g===0)return[];let b=g/f,S=d-a,L=p-l+Math.round((u-s*b)/2),T=`translateX(${S}px) translateY(${L}px) scale(${b})`,V="translateX(0) translateY(0) scale(1)",ze=i.clientWidth,Oe=g>ze?`${ze/b}px`:"";if(this.focused||this.populated)return[{transform:T,width:Oe},{transform:V,width:Oe}];return[{transform:V,width:Oe},{transform:T,width:Oe}]}getSurfacePositionClientRect(){return this.containerEl.getBoundingClientRect()}}c([h({type:Boolean})],C.prototype,"disabled",void 0);c([h({type:Boolean})],C.prototype,"error",void 0);c([h({type:Boolean})],C.prototype,"focused",void 0);c([h()],C.prototype,"label",void 0);c([h({type:Boolean,attribute:"no-asterisk"})],C.prototype,"noAsterisk",void 0);c([h({type:Boolean})],C.prototype,"populated",void 0);c([h({type:Boolean})],C.prototype,"required",void 0);c([h({type:Boolean})],C.prototype,"resizable",void 0);c([h({attribute:"supporting-text"})],C.prototype,"supportingText",void 0);c([h({attribute:"error-text"})],C.prototype,"errorText",void 0);c([h({type:Number})],C.prototype,"count",void 0);c([h({type:Number})],C.prototype,"max",void 0);c([h({type:Boolean,attribute:"has-start"})],C.prototype,"hasStart",void 0);c([h({type:Boolean,attribute:"has-end"})],C.prototype,"hasEnd",void 0);c([te({slot:"aria-describedby"})],C.prototype,"slottedAriaDescribedBy",void 0);c([I()],C.prototype,"isAnimating",void 0);c([I()],C.prototype,"refreshErrorAlert",void 0);c([I()],C.prototype,"disableTransitions",void 0);c([R(".label.floating")],C.prototype,"floatingLabelEl",void 0);c([R(".label.resting")],C.prototype,"restingLabelEl",void 0);c([R(".container")],C.prototype,"containerEl",void 0);class Ht extends C{renderBackground(){return x` <div class="background"></div> `}renderStateLayer(){return x` <div class="state-layer"></div> `}renderIndicator(){return x`<div class="active-indicator"></div>`}}var Ft=w`@layer styles{:host{--_active-indicator-color: var(--md-filled-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_active-indicator-height: var(--md-filled-field-active-indicator-height, 1px);--_bottom-space: var(--md-filled-field-bottom-space, 16px);--_container-color: var(--md-filled-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_content-color: var(--md-filled-field-content-color, var(--md-sys-color-on-surface, #1d1b20));--_content-font: var(--md-filled-field-content-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_content-line-height: var(--md-filled-field-content-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_content-size: var(--md-filled-field-content-size, var(--md-sys-typescale-body-large-size, 1rem));--_content-space: var(--md-filled-field-content-space, 16px);--_content-weight: var(--md-filled-field-content-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_disabled-active-indicator-color: var(--md-filled-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-indicator-height: var(--md-filled-field-disabled-active-indicator-height, 1px);--_disabled-active-indicator-opacity: var(--md-filled-field-disabled-active-indicator-opacity, 0.38);--_disabled-container-color: var(--md-filled-field-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-field-disabled-container-opacity, 0.04);--_disabled-content-color: var(--md-filled-field-disabled-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-content-opacity: var(--md-filled-field-disabled-content-opacity, 0.38);--_disabled-label-text-color: var(--md-filled-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-field-disabled-label-text-opacity, 0.38);--_disabled-leading-content-color: var(--md-filled-field-disabled-leading-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-content-opacity: var(--md-filled-field-disabled-leading-content-opacity, 0.38);--_disabled-supporting-text-color: var(--md-filled-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-filled-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-content-color: var(--md-filled-field-disabled-trailing-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-content-opacity: var(--md-filled-field-disabled-trailing-content-opacity, 0.38);--_error-active-indicator-color: var(--md-filled-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-content-color: var(--md-filled-field-error-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-active-indicator-color: var(--md-filled-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-content-color: var(--md-filled-field-error-focus-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-label-text-color: var(--md-filled-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-content-color: var(--md-filled-field-error-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-supporting-text-color: var(--md-filled-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-content-color: var(--md-filled-field-error-focus-trailing-content-color, var(--md-sys-color-error, #b3261e));--_error-hover-active-indicator-color: var(--md-filled-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-content-color: var(--md-filled-field-error-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-filled-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-content-color: var(--md-filled-field-error-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-state-layer-color: var(--md-filled-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-state-layer-opacity: var(--md-filled-field-error-hover-state-layer-opacity, 0.08);--_error-hover-supporting-text-color: var(--md-filled-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-content-color: var(--md-filled-field-error-hover-trailing-content-color, var(--md-sys-color-on-error-container, #410e0b));--_error-label-text-color: var(--md-filled-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-content-color: var(--md-filled-field-error-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-supporting-text-color: var(--md-filled-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-content-color: var(--md-filled-field-error-trailing-content-color, var(--md-sys-color-error, #b3261e));--_focus-active-indicator-color: var(--md-filled-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_focus-active-indicator-height: var(--md-filled-field-focus-active-indicator-height, 3px);--_focus-content-color: var(--md-filled-field-focus-content-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-filled-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-content-color: var(--md-filled-field-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-supporting-text-color: var(--md-filled-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-content-color: var(--md-filled-field-focus-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-active-indicator-color: var(--md-filled-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-active-indicator-height: var(--md-filled-field-hover-active-indicator-height, 1px);--_hover-content-color: var(--md-filled-field-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-filled-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-leading-content-color: var(--md-filled-field-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filled-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-filled-field-hover-state-layer-opacity, 0.08);--_hover-supporting-text-color: var(--md-filled-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-content-color: var(--md-filled-field-hover-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-filled-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-filled-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-filled-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-filled-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-filled-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-filled-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-content-color: var(--md-filled-field-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-space: var(--md-filled-field-leading-space, 16px);--_supporting-text-color: var(--md-filled-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-filled-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-leading-space: var(--md-filled-field-supporting-text-leading-space, 16px);--_supporting-text-line-height: var(--md-filled-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-filled-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-top-space: var(--md-filled-field-supporting-text-top-space, 4px);--_supporting-text-trailing-space: var(--md-filled-field-supporting-text-trailing-space, 16px);--_supporting-text-weight: var(--md-filled-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_top-space: var(--md-filled-field-top-space, 16px);--_trailing-content-color: var(--md-filled-field-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-space: var(--md-filled-field-trailing-space, 16px);--_with-label-bottom-space: var(--md-filled-field-with-label-bottom-space, 8px);--_with-label-top-space: var(--md-filled-field-with-label-top-space, 8px);--_with-leading-content-leading-space: var(--md-filled-field-with-leading-content-leading-space, 12px);--_with-trailing-content-trailing-space: var(--md-filled-field-with-trailing-content-trailing-space, 12px);--_container-shape-start-start: var(--md-filled-field-container-shape-start-start, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-filled-field-container-shape-start-end, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-filled-field-container-shape-end-end, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-filled-field-container-shape-end-start, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-none, 0px)))}.background,.state-layer{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.background{background:var(--_container-color)}.state-layer{visibility:hidden}.field:not(.disabled):hover .state-layer{visibility:visible}.label.floating{position:absolute;top:var(--_with-label-top-space)}.field:not(.with-start) .label-wrapper{margin-inline-start:var(--_leading-space)}.field:not(.with-end) .label-wrapper{margin-inline-end:var(--_trailing-space)}.active-indicator{inset:auto 0 0 0;pointer-events:none;position:absolute;width:100%;z-index:1}.active-indicator::before,.active-indicator::after{border-bottom:var(--_active-indicator-height) solid var(--_active-indicator-color);inset:auto 0 0 0;content:"";position:absolute;width:100%}.active-indicator::after{opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.focused .active-indicator::after{opacity:1}.field:not(.with-start) .content ::slotted(*){padding-inline-start:var(--_leading-space)}.field:not(.with-end) .content ::slotted(*){padding-inline-end:var(--_trailing-space)}.field:not(.no-label) .content ::slotted(:not(textarea)){padding-bottom:var(--_with-label-bottom-space);padding-top:calc(var(--_with-label-top-space) + var(--_label-text-populated-line-height))}.field:not(.no-label) .content ::slotted(textarea){margin-bottom:var(--_with-label-bottom-space);margin-top:calc(var(--_with-label-top-space) + var(--_label-text-populated-line-height))}:hover .active-indicator::before{border-bottom-color:var(--_hover-active-indicator-color);border-bottom-width:var(--_hover-active-indicator-height)}.active-indicator::after{border-bottom-color:var(--_focus-active-indicator-color);border-bottom-width:var(--_focus-active-indicator-height)}:hover .state-layer{background:var(--_hover-state-layer-color);opacity:var(--_hover-state-layer-opacity)}.disabled .active-indicator::before{border-bottom-color:var(--_disabled-active-indicator-color);border-bottom-width:var(--_disabled-active-indicator-height);opacity:var(--_disabled-active-indicator-opacity)}.disabled .background{background:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}.error .active-indicator::before{border-bottom-color:var(--_error-active-indicator-color)}.error:hover .active-indicator::before{border-bottom-color:var(--_error-hover-active-indicator-color)}.error:hover .state-layer{background:var(--_error-hover-state-layer-color);opacity:var(--_error-hover-state-layer-opacity)}.error .active-indicator::after{border-bottom-color:var(--_error-focus-active-indicator-color)}.resizable .container{bottom:var(--_focus-active-indicator-height);clip-path:inset(var(--_focus-active-indicator-height) 0 0 0)}.resizable .container>*{top:var(--_focus-active-indicator-height)}}@layer hcm{@media(forced-colors: active){.disabled .active-indicator::before{border-color:GrayText;opacity:1}}}`,Vn=Ft.styleSheet;var Ae=w`:host{display:inline-flex;resize:both}.field{display:flex;flex:1;flex-direction:column;writing-mode:horizontal-tb;max-width:100%}.container-overflow{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-end-radius:var(--_container-shape-end-end);border-end-start-radius:var(--_container-shape-end-start);display:flex;height:100%;position:relative}.container{align-items:center;border-radius:inherit;display:flex;flex:1;max-height:100%;min-height:100%;min-width:min-content;position:relative}.field,.container-overflow{resize:inherit}.resizable:not(.disabled) .container{resize:inherit;overflow:hidden}.disabled{pointer-events:none}slot[name=container]{border-radius:inherit}slot[name=container]::slotted(*){border-radius:inherit;inset:0;pointer-events:none;position:absolute}@layer styles{.start,.middle,.end{display:flex;box-sizing:border-box;height:100%;position:relative}.start{color:var(--_leading-content-color)}.end{color:var(--_trailing-content-color)}.start,.end{align-items:center;justify-content:center}.with-start .start{margin-inline:var(--_with-leading-content-leading-space) var(--_content-space)}.with-end .end{margin-inline:var(--_content-space) var(--_with-trailing-content-trailing-space)}.middle{align-items:stretch;align-self:baseline;flex:1}.content{color:var(--_content-color);display:flex;flex:1;opacity:0;transition:opacity 83ms cubic-bezier(0.2, 0, 0, 1)}.no-label .content,.focused .content,.populated .content{opacity:1;transition-delay:67ms}:is(.disabled,.disable-transitions) .content{transition:none}.content ::slotted(*){all:unset;color:currentColor;font-family:var(--_content-font);font-size:var(--_content-size);line-height:var(--_content-line-height);font-weight:var(--_content-weight);width:100%;overflow-wrap:revert;white-space:revert}.content ::slotted(:not(textarea)){padding-top:var(--_top-space);padding-bottom:var(--_bottom-space)}.content ::slotted(textarea){margin-top:var(--_top-space);margin-bottom:var(--_bottom-space)}:hover .content{color:var(--_hover-content-color)}:hover .start{color:var(--_hover-leading-content-color)}:hover .end{color:var(--_hover-trailing-content-color)}.focused .content{color:var(--_focus-content-color)}.focused .start{color:var(--_focus-leading-content-color)}.focused .end{color:var(--_focus-trailing-content-color)}.disabled .content{color:var(--_disabled-content-color)}.disabled.no-label .content,.disabled.focused .content,.disabled.populated .content{opacity:var(--_disabled-content-opacity)}.disabled .start{color:var(--_disabled-leading-content-color);opacity:var(--_disabled-leading-content-opacity)}.disabled .end{color:var(--_disabled-trailing-content-color);opacity:var(--_disabled-trailing-content-opacity)}.error .content{color:var(--_error-content-color)}.error .start{color:var(--_error-leading-content-color)}.error .end{color:var(--_error-trailing-content-color)}.error:hover .content{color:var(--_error-hover-content-color)}.error:hover .start{color:var(--_error-hover-leading-content-color)}.error:hover .end{color:var(--_error-hover-trailing-content-color)}.error.focused .content{color:var(--_error-focus-content-color)}.error.focused .start{color:var(--_error-focus-leading-content-color)}.error.focused .end{color:var(--_error-focus-trailing-content-color)}}@layer hcm{@media(forced-colors: active){.disabled :is(.start,.content,.end){color:GrayText;opacity:1}}}@layer styles{.label{box-sizing:border-box;color:var(--_label-text-color);overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;z-index:1;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);width:min-content}.label-wrapper{inset:0;pointer-events:none;position:absolute}.label.resting{position:absolute;top:var(--_top-space)}.label.floating{font-size:var(--_label-text-populated-size);line-height:var(--_label-text-populated-line-height);transform-origin:top left}.label.hidden{opacity:0}.no-label .label{display:none}.label-wrapper{inset:0;position:absolute;text-align:initial}:hover .label{color:var(--_hover-label-text-color)}.focused .label{color:var(--_focus-label-text-color)}.disabled .label{color:var(--_disabled-label-text-color)}.disabled .label:not(.hidden){opacity:var(--_disabled-label-text-opacity)}.error .label{color:var(--_error-label-text-color)}.error:hover .label{color:var(--_error-hover-label-text-color)}.error.focused .label{color:var(--_error-focus-label-text-color)}}@layer hcm{@media(forced-colors: active){.disabled .label:not(.hidden){color:GrayText;opacity:1}}}@layer styles{.supporting-text{color:var(--_supporting-text-color);display:flex;font-family:var(--_supporting-text-font);font-size:var(--_supporting-text-size);line-height:var(--_supporting-text-line-height);font-weight:var(--_supporting-text-weight);gap:16px;justify-content:space-between;padding-inline-start:var(--_supporting-text-leading-space);padding-inline-end:var(--_supporting-text-trailing-space);padding-top:var(--_supporting-text-top-space)}.supporting-text :nth-child(2){flex-shrink:0}:hover .supporting-text{color:var(--_hover-supporting-text-color)}.focus .supporting-text{color:var(--_focus-supporting-text-color)}.disabled .supporting-text{color:var(--_disabled-supporting-text-color);opacity:var(--_disabled-supporting-text-opacity)}.error .supporting-text{color:var(--_error-supporting-text-color)}.error:hover .supporting-text{color:var(--_error-hover-supporting-text-color)}.error.focus .supporting-text{color:var(--_error-focus-supporting-text-color)}}@layer hcm{@media(forced-colors: active){.disabled .supporting-text{color:GrayText;opacity:1}}}`,Un=Ae.styleSheet;var Vr=class extends Ht{static{this.styles=[Ae,Ft]}};Vr=c([A("md-filled-field")],Vr);var Fr=Symbol.for(""),Io=(o)=>{if(o?.r===Fr)return o?._$litStatic$};var ee=(o,...i)=>({_$litStatic$:i.reduce((a,l,s)=>a+((d)=>{if(d._$litStatic$!==void 0)return d._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${d}. Use 'unsafeStatic' to pass non-literal values, but
+            take care to ensure page security.`)})(l)+o[s+1],o[0]),r:Fr}),Hr=new Map,Ut=(o)=>(i,...a)=>{let l=a.length,s,d,p=[],u=[],f,g=0,b=!1;for(;g<l;){for(f=i[g];g<l&&(d=a[g],s=Io(d))!==void 0;)f+=s+i[++g],b=!0;g!==l&&u.push(d),p.push(f),g++}if(g===l&&p.push(i[l]),b){let S=p.join("$$lit$$");(i=Hr.get(S))===void 0&&(p.raw=p,Hr.set(S,i=p)),a=u}return o(i,...a)},Ur=Ut(x),Jn=Ut(xr),Qn=Ut(_r);var qt=w`:host{--_active-indicator-color: var(--md-filled-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_active-indicator-height: var(--md-filled-text-field-active-indicator-height, 1px);--_caret-color: var(--md-filled-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_container-color: var(--md-filled-text-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-indicator-height: var(--md-filled-text-field-disabled-active-indicator-height, 1px);--_disabled-active-indicator-opacity: var(--md-filled-text-field-disabled-active-indicator-opacity, 0.38);--_disabled-container-color: var(--md-filled-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-text-field-disabled-container-opacity, 0.04);--_disabled-input-text-color: var(--md-filled-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-input-text-opacity: var(--md-filled-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-filled-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-supporting-text-color: var(--md-filled-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-filled-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38);--_error-active-indicator-color: var(--md-filled-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-active-indicator-color: var(--md-filled-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-caret-color: var(--md-filled-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-filled-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-label-text-color: var(--md-filled-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-supporting-text-color: var(--md-filled-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-active-indicator-color: var(--md-filled-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-input-text-color: var(--md-filled-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-filled-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-state-layer-color: var(--md-filled-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-state-layer-opacity: var(--md-filled-text-field-error-hover-state-layer-opacity, 0.08);--_error-hover-supporting-text-color: var(--md-filled-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-filled-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-label-text-color: var(--md-filled-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-supporting-text-color: var(--md-filled-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-active-indicator-color: var(--md-filled-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_focus-active-indicator-height: var(--md-filled-text-field-focus-active-indicator-height, 3px);--_focus-input-text-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-filled-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-supporting-text-color: var(--md-filled-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-active-indicator-color: var(--md-filled-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-active-indicator-height: var(--md-filled-text-field-hover-active-indicator-height, 1px);--_hover-input-text-color: var(--md-filled-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-filled-text-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-leading-icon-color: var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filled-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-filled-text-field-hover-state-layer-opacity, 0.08);--_hover-supporting-text-color: var(--md-filled-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-filled-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_input-text-font: var(--md-filled-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-filled-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_input-text-placeholder-color: var(--md-filled-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-filled-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-size: var(--md-filled-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-filled-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-filled-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-filled-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-filled-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-filled-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-icon-color: var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-filled-text-field-leading-icon-size, 24px);--_supporting-text-color: var(--md-filled-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-filled-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-filled-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-filled-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-filled-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_trailing-icon-color: var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-filled-text-field-trailing-icon-size, 24px);--_container-shape-start-start: var(--md-filled-text-field-container-shape-start-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_icon-input-space: var(--md-filled-text-field-icon-input-space, 16px);--_leading-space: var(--md-filled-text-field-leading-space, 16px);--_trailing-space: var(--md-filled-text-field-trailing-space, 16px);--_top-space: var(--md-filled-text-field-top-space, 16px);--_bottom-space: var(--md-filled-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-filled-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-filled-text-field-input-text-suffix-leading-space, 2px);--_with-label-top-space: var(--md-filled-text-field-with-label-top-space, 8px);--_with-label-bottom-space: var(--md-filled-text-field-with-label-bottom-space, 8px);--_focus-caret-color: var(--md-filled-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-filled-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-filled-text-field-with-trailing-icon-trailing-space, 12px);--md-filled-field-active-indicator-color: var(--_active-indicator-color);--md-filled-field-active-indicator-height: var(--_active-indicator-height);--md-filled-field-bottom-space: var(--_bottom-space);--md-filled-field-container-color: var(--_container-color);--md-filled-field-container-shape-end-end: var(--_container-shape-end-end);--md-filled-field-container-shape-end-start: var(--_container-shape-end-start);--md-filled-field-container-shape-start-end: var(--_container-shape-start-end);--md-filled-field-container-shape-start-start: var(--_container-shape-start-start);--md-filled-field-content-color: var(--_input-text-color);--md-filled-field-content-font: var(--_input-text-font);--md-filled-field-content-line-height: var(--_input-text-line-height);--md-filled-field-content-size: var(--_input-text-size);--md-filled-field-content-space: var(--_icon-input-space);--md-filled-field-content-weight: var(--_input-text-weight);--md-filled-field-disabled-active-indicator-color: var(--_disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height: var(--_disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity: var(--_disabled-active-indicator-opacity);--md-filled-field-disabled-container-color: var(--_disabled-container-color);--md-filled-field-disabled-container-opacity: var(--_disabled-container-opacity);--md-filled-field-disabled-content-color: var(--_disabled-input-text-color);--md-filled-field-disabled-content-opacity: var(--_disabled-input-text-opacity);--md-filled-field-disabled-label-text-color: var(--_disabled-label-text-color);--md-filled-field-disabled-label-text-opacity: var(--_disabled-label-text-opacity);--md-filled-field-disabled-leading-content-color: var(--_disabled-leading-icon-color);--md-filled-field-disabled-leading-content-opacity: var(--_disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color: var(--_disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity: var(--_disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-content-color: var(--_disabled-trailing-icon-color);--md-filled-field-disabled-trailing-content-opacity: var(--_disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color: var(--_error-active-indicator-color);--md-filled-field-error-content-color: var(--_error-input-text-color);--md-filled-field-error-focus-active-indicator-color: var(--_error-focus-active-indicator-color);--md-filled-field-error-focus-content-color: var(--_error-focus-input-text-color);--md-filled-field-error-focus-label-text-color: var(--_error-focus-label-text-color);--md-filled-field-error-focus-leading-content-color: var(--_error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color: var(--_error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-content-color: var(--_error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color: var(--_error-hover-active-indicator-color);--md-filled-field-error-hover-content-color: var(--_error-hover-input-text-color);--md-filled-field-error-hover-label-text-color: var(--_error-hover-label-text-color);--md-filled-field-error-hover-leading-content-color: var(--_error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color: var(--_error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity: var(--_error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color: var(--_error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-content-color: var(--_error-hover-trailing-icon-color);--md-filled-field-error-label-text-color: var(--_error-label-text-color);--md-filled-field-error-leading-content-color: var(--_error-leading-icon-color);--md-filled-field-error-supporting-text-color: var(--_error-supporting-text-color);--md-filled-field-error-trailing-content-color: var(--_error-trailing-icon-color);--md-filled-field-focus-active-indicator-color: var(--_focus-active-indicator-color);--md-filled-field-focus-active-indicator-height: var(--_focus-active-indicator-height);--md-filled-field-focus-content-color: var(--_focus-input-text-color);--md-filled-field-focus-label-text-color: var(--_focus-label-text-color);--md-filled-field-focus-leading-content-color: var(--_focus-leading-icon-color);--md-filled-field-focus-supporting-text-color: var(--_focus-supporting-text-color);--md-filled-field-focus-trailing-content-color: var(--_focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color: var(--_hover-active-indicator-color);--md-filled-field-hover-active-indicator-height: var(--_hover-active-indicator-height);--md-filled-field-hover-content-color: var(--_hover-input-text-color);--md-filled-field-hover-label-text-color: var(--_hover-label-text-color);--md-filled-field-hover-leading-content-color: var(--_hover-leading-icon-color);--md-filled-field-hover-state-layer-color: var(--_hover-state-layer-color);--md-filled-field-hover-state-layer-opacity: var(--_hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color: var(--_hover-supporting-text-color);--md-filled-field-hover-trailing-content-color: var(--_hover-trailing-icon-color);--md-filled-field-label-text-color: var(--_label-text-color);--md-filled-field-label-text-font: var(--_label-text-font);--md-filled-field-label-text-line-height: var(--_label-text-line-height);--md-filled-field-label-text-populated-line-height: var(--_label-text-populated-line-height);--md-filled-field-label-text-populated-size: var(--_label-text-populated-size);--md-filled-field-label-text-size: var(--_label-text-size);--md-filled-field-label-text-weight: var(--_label-text-weight);--md-filled-field-leading-content-color: var(--_leading-icon-color);--md-filled-field-leading-space: var(--_leading-space);--md-filled-field-supporting-text-color: var(--_supporting-text-color);--md-filled-field-supporting-text-font: var(--_supporting-text-font);--md-filled-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-filled-field-supporting-text-size: var(--_supporting-text-size);--md-filled-field-supporting-text-weight: var(--_supporting-text-weight);--md-filled-field-top-space: var(--_top-space);--md-filled-field-trailing-content-color: var(--_trailing-icon-color);--md-filled-field-trailing-space: var(--_trailing-space);--md-filled-field-with-label-bottom-space: var(--_with-label-bottom-space);--md-filled-field-with-label-top-space: var(--_with-label-top-space);--md-filled-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-filled-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)}`,is=qt.styleSheet;var{I:ns}=kr;var qr=(o)=>o.strings===void 0;var Po={},jr=(o,i=Po)=>o._$AH=i;var jt=ue(class extends le{constructor(o){if(super(o),o.type!==U.PROPERTY&&o.type!==U.ATTRIBUTE&&o.type!==U.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!qr(o))throw Error("`live` bindings can only contain a single expression")}render(o){return o}update(o,[i]){if(i===N||i===v)return i;let{element:a,name:l}=o;if(o.type===U.PROPERTY){if(i===a[l])return N}else if(o.type===U.BOOLEAN_ATTRIBUTE){if(!!i===a.hasAttribute(l))return N}else if(o.type===U.ATTRIBUTE&&a.getAttribute(l)===i+"")return N;return jr(o),i}});var Gr="important",Mo=" !"+Gr,$e=ue(class extends le{constructor(o){if(super(o),o.type!==U.ATTRIBUTE||o.name!=="style"||o.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((i,a)=>{let l=o[a];return l==null?i:i+`${a=a.includes("-")?a:a.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${l};`},"")}update(o,[i]){let{style:a}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(i)),this.render(i);for(let l of this.ft)i[l]==null&&(this.ft.delete(l),l.includes("-")?a.removeProperty(l):a[l]=null);for(let l in i){let s=i[l];if(s!=null){this.ft.add(l);let d=typeof s=="string"&&s.endsWith(Mo);l.includes("-")||d?a.setProperty(l,d?s.slice(0,-11):s,d?Gr:""):a[l]=s}}return N}});var Wr={fromAttribute(o){return o??""},toAttribute(o){return o||null}};function de(o,i){if(i.bubbles&&(!o.shadowRoot||i.composed))i.stopPropagation();let a=Reflect.construct(i.constructor,[i.type,i]),l=o.dispatchEvent(a);if(!l)i.preventDefault();return l}var ve=Symbol("createValidator"),me=Symbol("getValidityAnchor"),Gt=Symbol("privateValidator"),K=Symbol("privateSyncValidity"),Xe=Symbol("privateCustomValidationMessage");function Ze(o){var i;class a extends o{constructor(){super(...arguments);this[i]=""}get validity(){return this[K](),this[D].validity}get validationMessage(){return this[K](),this[D].validationMessage}get willValidate(){return this[K](),this[D].willValidate}checkValidity(){return this[K](),this[D].checkValidity()}reportValidity(){return this[K](),this[D].reportValidity()}setCustomValidity(l){this[Xe]=l,this[K]()}requestUpdate(l,s,d){super.requestUpdate(l,s,d),this[K]()}firstUpdated(l){super.firstUpdated(l),this[K]()}[(i=Xe,K)](){if(O)return;if(!this[Gt])this[Gt]=this[ve]();let{validity:l,validationMessage:s}=this[Gt].getValidity(),d=!!this[Xe],p=this[Xe]||s;this[D].setValidity({...l,customError:d},p,this[me]()??void 0)}[ve](){throw Error("Implement [createValidator]")}[me](){throw Error("Implement [getValidityAnchor]")}}return a}var rt=Symbol("onReportValidity"),Je=Symbol("privateCleanupFormListeners"),Qe=Symbol("privateDoNotReportInvalid"),et=Symbol("privateIsSelfReportingValidity"),tt=Symbol("privateCallOnReportValidity");function Kr(o){var i,a,l;class s extends o{constructor(...d){super(...d);if(this[i]=new AbortController,this[a]=!1,this[l]=!1,O)return;this.addEventListener("invalid",(p)=>{if(this[Qe]||!p.isTrusted)return;this.addEventListener("invalid",()=>{this[tt](p)},{once:!0})},{capture:!0})}checkValidity(){this[Qe]=!0;let d=super.checkValidity();return this[Qe]=!1,d}reportValidity(){this[et]=!0;let d=super.reportValidity();if(d)this[tt](null);return this[et]=!1,d}[(i=Je,a=Qe,l=et,tt)](d){let p=d?.defaultPrevented;if(p)return;if(this[rt](d),!(!p&&d?.defaultPrevented))return;if(this[et]||No(this[D].form,this))this.focus()}[rt](d){throw Error("Implement [onReportValidity]")}formAssociatedCallback(d){if(super.formAssociatedCallback)super.formAssociatedCallback(d);if(this[Je].abort(),!d)return;this[Je]=new AbortController,Ro(this,d,()=>{this[tt](null)},this[Je].signal)}}return s}function Ro(o,i,a,l){let s=Lo(i),d=!1,p,u=!1;s.addEventListener("before",()=>{u=!0,p=new AbortController,d=!1,o.addEventListener("invalid",()=>{d=!0},{signal:p.signal})},{signal:l}),s.addEventListener("after",()=>{if(u=!1,p?.abort(),d)return;a()},{signal:l}),i.addEventListener("submit",()=>{if(u)return;a()},{signal:l})}var Wt=new WeakMap;function Lo(o){if(!Wt.has(o)){let i=new EventTarget;Wt.set(o,i);for(let a of["reportValidity","requestSubmit"]){let l=o[a];o[a]=function(){i.dispatchEvent(new Event("before"));let s=Reflect.apply(l,this,arguments);return i.dispatchEvent(new Event("after")),s}}}return Wt.get(o)}function No(o,i){if(!o)return!0;let a;for(let l of o.elements)if(l.matches(":invalid")){a=l;break}return a===i}class Se{constructor(o){this.getCurrentState=o,this.currentValidity={validity:{},validationMessage:""}}getValidity(){let o=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,o)))return this.currentValidity;let{validity:a,validationMessage:l}=this.computeValidity(o);return this.prevState=this.copy(o),this.currentValidity={validationMessage:l,validity:{badInput:a.badInput,customError:a.customError,patternMismatch:a.patternMismatch,rangeOverflow:a.rangeOverflow,rangeUnderflow:a.rangeUnderflow,stepMismatch:a.stepMismatch,tooLong:a.tooLong,tooShort:a.tooShort,typeMismatch:a.typeMismatch,valueMissing:a.valueMissing}},this.currentValidity}}class Kt extends Se{computeValidity({state:o,renderedControl:i}){let a=i;if(Ce(o)&&!a)a=this.inputControl||document.createElement("input"),this.inputControl=a;else if(!a)a=this.textAreaControl||document.createElement("textarea"),this.textAreaControl=a;let l=Ce(o)?a:null;if(l)l.type=o.type;if(a.value!==o.value)a.value=o.value;if(a.required=o.required,l){let s=o;if(s.pattern)l.pattern=s.pattern;else l.removeAttribute("pattern");if(s.min)l.min=s.min;else l.removeAttribute("min");if(s.max)l.max=s.max;else l.removeAttribute("max");if(s.step)l.step=s.step;else l.removeAttribute("step")}if((o.minLength??-1)>-1)a.setAttribute("minlength",String(o.minLength));else a.removeAttribute("minlength");if((o.maxLength??-1)>-1)a.setAttribute("maxlength",String(o.maxLength));else a.removeAttribute("maxlength");return{validity:a.validity,validationMessage:a.validationMessage}}equals({state:o},{state:i}){let a=o.type===i.type&&o.value===i.value&&o.required===i.required&&o.minLength===i.minLength&&o.maxLength===i.maxLength;if(!Ce(o)||!Ce(i))return a;return a&&o.pattern===i.pattern&&o.min===i.min&&o.max===i.max&&o.step===i.step}copy({state:o}){return{state:Ce(o)?this.copyInput(o):this.copyTextArea(o),renderedControl:null}}copyInput(o){let{type:i,pattern:a,min:l,max:s,step:d}=o;return{...this.copySharedState(o),type:i,pattern:a,min:l,max:s,step:d}}copyTextArea(o){return{...this.copySharedState(o),type:o.type}}copySharedState({value:o,required:i,minLength:a,maxLength:l}){return{value:o,required:i,minLength:a,maxLength:l}}}function Ce(o){return o.type!=="textarea"}var Bo=Z(Kr(Ze(Q(J(z)))));class _ extends Bo{constructor(){super(...arguments);this.error=!1,this.errorText="",this.label="",this.noAsterisk=!1,this.required=!1,this.value="",this.prefixText="",this.suffixText="",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.supportingText="",this.textDirection="",this.rows=2,this.cols=20,this.inputMode="",this.max="",this.maxLength=-1,this.min="",this.minLength=-1,this.noSpinner=!1,this.pattern="",this.placeholder="",this.readOnly=!1,this.multiple=!1,this.step="",this.type="text",this.autocomplete="",this.dirty=!1,this.focused=!1,this.nativeError=!1,this.nativeErrorText=""}static{this.shadowRootOptions={...z.shadowRootOptions,delegatesFocus:!0}}get selectionDirection(){return this.getInputOrTextarea().selectionDirection}set selectionDirection(o){this.getInputOrTextarea().selectionDirection=o}get selectionEnd(){return this.getInputOrTextarea().selectionEnd}set selectionEnd(o){this.getInputOrTextarea().selectionEnd=o}get selectionStart(){return this.getInputOrTextarea().selectionStart}set selectionStart(o){this.getInputOrTextarea().selectionStart=o}get valueAsNumber(){let o=this.getInput();if(!o)return NaN;return o.valueAsNumber}set valueAsNumber(o){let i=this.getInput();if(!i)return;i.valueAsNumber=o,this.value=i.value}get valueAsDate(){let o=this.getInput();if(!o)return null;return o.valueAsDate}set valueAsDate(o){let i=this.getInput();if(!i)return;i.valueAsDate=o,this.value=i.value}get hasError(){return this.error||this.nativeError}select(){this.getInputOrTextarea().select()}setRangeText(...o){this.getInputOrTextarea().setRangeText(...o),this.value=this.getInputOrTextarea().value}setSelectionRange(o,i,a){this.getInputOrTextarea().setSelectionRange(o,i,a)}showPicker(){let o=this.getInput();if(!o)return;o.showPicker()}stepDown(o){let i=this.getInput();if(!i)return;i.stepDown(o),this.value=i.value}stepUp(o){let i=this.getInput();if(!i)return;i.stepUp(o),this.value=i.value}reset(){this.dirty=!1,this.value=this.getAttribute("value")??"",this.nativeError=!1,this.nativeErrorText=""}attributeChangedCallback(o,i,a){if(o==="value"&&this.dirty)return;super.attributeChangedCallback(o,i,a)}render(){let o={disabled:this.disabled,error:!this.disabled&&this.hasError,textarea:this.type==="textarea","no-spinner":this.noSpinner};return x` <span class="text-field ${B(o)}"> ${this.renderField()} </span> `}updated(o){let i=this.getInputOrTextarea().value;if(this.value!==i)this.value=i}renderField(){return Ur`<${this.fieldTag}
+      class="field"
+      count=${this.value.length}
+      ?disabled=${this.disabled}
+      ?error=${this.hasError}
+      error-text=${this.getErrorText()}
+      ?focused=${this.focused}
+      ?has-end=${this.hasTrailingIcon}
+      ?has-start=${this.hasLeadingIcon}
+      label=${this.label}
+      ?no-asterisk=${this.noAsterisk}
+      max=${this.maxLength}
+      ?populated=${!!this.value}
+      ?required=${this.required}
+      ?resizable=${this.type==="textarea"}
+      supporting-text=${this.supportingText}
+    >
+      ${this.renderLeadingIcon()}
+      ${this.renderInputOrTextarea()}
+      ${this.renderTrailingIcon()}
+      <div id="description" slot="aria-describedby"></div>
+      <slot name="container" slot="container"></slot>
+    </${this.fieldTag}>`}renderLeadingIcon(){return x`
+      <span class="icon leading" slot="start">
+        <slot name="leading-icon" @slotchange=${this.handleIconChange}></slot>
+      </span>
+    `}renderTrailingIcon(){return x`
+      <span class="icon trailing" slot="end">
+        <slot name="trailing-icon" @slotchange=${this.handleIconChange}></slot>
+      </span>
+    `}renderInputOrTextarea(){let o={direction:this.textDirection},i=this.ariaLabel||this.label||v,a=this.autocomplete,l=(this.maxLength??-1)>-1,s=(this.minLength??-1)>-1;if(this.type==="textarea")return x`
+        <textarea
+          class="input"
+          style=${$e(o)}
+          aria-describedby="description"
+          aria-invalid=${this.hasError}
+          aria-label=${i}
+          autocomplete=${a||v}
+          name=${this.name||v}
+          ?disabled=${this.disabled}
+          maxlength=${l?this.maxLength:v}
+          minlength=${s?this.minLength:v}
+          placeholder=${this.placeholder||v}
+          ?readonly=${this.readOnly}
+          ?required=${this.required}
+          rows=${this.rows}
+          cols=${this.cols}
+          .value=${jt(this.value)}
+          @change=${this.redispatchEvent}
+          @focus=${this.handleFocusChange}
+          @blur=${this.handleFocusChange}
+          @input=${this.handleInput}
+          @select=${this.redispatchEvent}
+        ></textarea>
+      `;let d=this.renderPrefix(),p=this.renderSuffix(),u=this.inputMode;return x`
+      <div class="input-wrapper">
+        ${d}
+        <input
+          class="input"
+          style=${$e(o)}
+          aria-describedby="description"
+          aria-invalid=${this.hasError}
+          aria-label=${i}
+          autocomplete=${a||v}
+          name=${this.name||v}
+          ?disabled=${this.disabled}
+          inputmode=${u||v}
+          max=${this.max||v}
+          maxlength=${l?this.maxLength:v}
+          min=${this.min||v}
+          minlength=${s?this.minLength:v}
+          pattern=${this.pattern||v}
+          placeholder=${this.placeholder||v}
+          ?readonly=${this.readOnly}
+          ?required=${this.required}
+          ?multiple=${this.multiple}
+          step=${this.step||v}
+          type=${this.type}
+          .value=${jt(this.value)}
+          @change=${this.redispatchEvent}
+          @focus=${this.handleFocusChange}
+          @blur=${this.handleFocusChange}
+          @input=${this.handleInput}
+          @select=${this.redispatchEvent}
+        />
+        ${p}
+      </div>
+    `}renderPrefix(){return this.renderAffix(this.prefixText,!1)}renderSuffix(){return this.renderAffix(this.suffixText,!0)}renderAffix(o,i){if(!o)return v;return x`<span class="${B({suffix:i,prefix:!i})}">${o}</span>`}getErrorText(){return this.error?this.errorText:this.nativeErrorText}handleFocusChange(){this.focused=this.inputOrTextarea?.matches(":focus")??!1}handleInput(o){this.dirty=!0,this.value=o.target.value}redispatchEvent(o){de(this,o)}getInputOrTextarea(){if(!this.inputOrTextarea)this.connectedCallback(),this.scheduleUpdate();if(this.isUpdatePending)this.scheduleUpdate();return this.inputOrTextarea}getInput(){if(this.type==="textarea")return null;return this.getInputOrTextarea()}handleIconChange(){this.hasLeadingIcon=this.leadingIcons.length>0,this.hasTrailingIcon=this.trailingIcons.length>0}[W](){return this.value}formResetCallback(){this.reset()}formStateRestoreCallback(o){this.value=o}focus(){this.getInputOrTextarea().focus()}[ve](){return new Kt(()=>({state:this,renderedControl:this.inputOrTextarea}))}[me](){return this.inputOrTextarea}[rt](o){o?.preventDefault();let i=this.getErrorText();if(this.nativeError=!!o,this.nativeErrorText=this.validationMessage,i===this.getErrorText())this.field?.reannounceError()}}c([h({type:Boolean,reflect:!0})],_.prototype,"error",void 0);c([h({attribute:"error-text"})],_.prototype,"errorText",void 0);c([h()],_.prototype,"label",void 0);c([h({type:Boolean,attribute:"no-asterisk"})],_.prototype,"noAsterisk",void 0);c([h({type:Boolean,reflect:!0})],_.prototype,"required",void 0);c([h()],_.prototype,"value",void 0);c([h({attribute:"prefix-text"})],_.prototype,"prefixText",void 0);c([h({attribute:"suffix-text"})],_.prototype,"suffixText",void 0);c([h({type:Boolean,attribute:"has-leading-icon"})],_.prototype,"hasLeadingIcon",void 0);c([h({type:Boolean,attribute:"has-trailing-icon"})],_.prototype,"hasTrailingIcon",void 0);c([h({attribute:"supporting-text"})],_.prototype,"supportingText",void 0);c([h({attribute:"text-direction"})],_.prototype,"textDirection",void 0);c([h({type:Number})],_.prototype,"rows",void 0);c([h({type:Number})],_.prototype,"cols",void 0);c([h({reflect:!0})],_.prototype,"inputMode",void 0);c([h()],_.prototype,"max",void 0);c([h({type:Number})],_.prototype,"maxLength",void 0);c([h()],_.prototype,"min",void 0);c([h({type:Number})],_.prototype,"minLength",void 0);c([h({type:Boolean,attribute:"no-spinner"})],_.prototype,"noSpinner",void 0);c([h()],_.prototype,"pattern",void 0);c([h({reflect:!0,converter:Wr})],_.prototype,"placeholder",void 0);c([h({type:Boolean,reflect:!0})],_.prototype,"readOnly",void 0);c([h({type:Boolean,reflect:!0})],_.prototype,"multiple",void 0);c([h()],_.prototype,"step",void 0);c([h({reflect:!0})],_.prototype,"type",void 0);c([h({reflect:!0})],_.prototype,"autocomplete",void 0);c([I()],_.prototype,"dirty",void 0);c([I()],_.prototype,"focused",void 0);c([I()],_.prototype,"nativeError",void 0);c([I()],_.prototype,"nativeErrorText",void 0);c([R(".input")],_.prototype,"inputOrTextarea",void 0);c([R(".field")],_.prototype,"field",void 0);c([te({slot:"leading-icon"})],_.prototype,"leadingIcons",void 0);c([te({slot:"trailing-icon"})],_.prototype,"trailingIcons",void 0);class Yt extends _{constructor(){super(...arguments);this.fieldTag=ee`md-filled-field`}}var Te=w`:host{display:inline-flex;outline:none;resize:both;text-align:start;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-field,.field{width:100%}.text-field{display:inline-flex}.field{cursor:text}.disabled .field{cursor:default}.text-field,.textarea .field{resize:inherit}slot[name=container]{border-radius:inherit}.icon{color:currentColor;display:flex;align-items:center;justify-content:center;fill:currentColor;position:relative}.icon ::slotted(*){display:flex;position:absolute}[has-start] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[has-end] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}.input-wrapper{display:flex}.input-wrapper>*{all:inherit;padding:0}.input{caret-color:var(--_caret-color);overflow-x:hidden;text-align:inherit}.input::placeholder{color:currentColor;opacity:1}.input::-webkit-calendar-picker-indicator{display:none}.input::-webkit-search-decoration,.input::-webkit-search-cancel-button{display:none}@media(forced-colors: active){.input{background:none}}.no-spinner .input::-webkit-inner-spin-button,.no-spinner .input::-webkit-outer-spin-button{display:none}.no-spinner .input[type=number]{-moz-appearance:textfield}:focus-within .input{caret-color:var(--_focus-caret-color)}.error:focus-within .input{caret-color:var(--_error-focus-caret-color)}.text-field:not(.disabled) .prefix{color:var(--_input-text-prefix-color)}.text-field:not(.disabled) .suffix{color:var(--_input-text-suffix-color)}.text-field:not(.disabled) .input::placeholder{color:var(--_input-text-placeholder-color)}.prefix,.suffix{text-wrap:nowrap;width:min-content}.prefix{padding-inline-end:var(--_input-text-prefix-trailing-space)}.suffix{padding-inline-start:var(--_input-text-suffix-leading-space)}`,ed=Te.styleSheet;var ot=class extends Yt{constructor(){super(...arguments);this.fieldTag=ee`md-filled-field`}static{this.styles=[Te,qt]}};ot=c([A("md-filled-text-field")],ot);class Xt extends C{renderOutline(o){return x`
+      <div class="outline">
+        <div class="outline-start"></div>
+        <div class="outline-notch">
+          <div class="outline-panel-inactive"></div>
+          <div class="outline-panel-active"></div>
+          <div class="outline-label">${o}</div>
+        </div>
+        <div class="outline-end"></div>
+      </div>
+    `}}var Zt=w`@layer styles{:host{--_bottom-space: var(--md-outlined-field-bottom-space, 16px);--_content-color: var(--md-outlined-field-content-color, var(--md-sys-color-on-surface, #1d1b20));--_content-font: var(--md-outlined-field-content-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_content-line-height: var(--md-outlined-field-content-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_content-size: var(--md-outlined-field-content-size, var(--md-sys-typescale-body-large-size, 1rem));--_content-space: var(--md-outlined-field-content-space, 16px);--_content-weight: var(--md-outlined-field-content-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_disabled-content-color: var(--md-outlined-field-disabled-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-content-opacity: var(--md-outlined-field-disabled-content-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-field-disabled-label-text-opacity, 0.38);--_disabled-leading-content-color: var(--md-outlined-field-disabled-leading-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-content-opacity: var(--md-outlined-field-disabled-leading-content-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-field-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-outlined-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-content-color: var(--md-outlined-field-disabled-trailing-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-content-opacity: var(--md-outlined-field-disabled-trailing-content-opacity, 0.38);--_error-content-color: var(--md-outlined-field-error-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-content-color: var(--md-outlined-field-error-focus-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-label-text-color: var(--md-outlined-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-content-color: var(--md-outlined-field-error-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-content-color: var(--md-outlined-field-error-focus-trailing-content-color, var(--md-sys-color-error, #b3261e));--_error-hover-content-color: var(--md-outlined-field-error-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-outlined-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-content-color: var(--md-outlined-field-error-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-content-color: var(--md-outlined-field-error-hover-trailing-content-color, var(--md-sys-color-on-error-container, #410e0b));--_error-label-text-color: var(--md-outlined-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-content-color: var(--md-outlined-field-error-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-content-color: var(--md-outlined-field-error-trailing-content-color, var(--md-sys-color-error, #b3261e));--_focus-content-color: var(--md-outlined-field-focus-content-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-outlined-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-content-color: var(--md-outlined-field-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-field-focus-outline-width, 3px);--_focus-supporting-text-color: var(--md-outlined-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-content-color: var(--md-outlined-field-focus-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-content-color: var(--md-outlined-field-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-outlined-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-leading-content-color: var(--md-outlined-field-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-field-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-outline-width: var(--md-outlined-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-content-color: var(--md-outlined-field-hover-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-outlined-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-outlined-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-padding-bottom: var(--md-outlined-field-label-text-padding-bottom, 8px);--_label-text-populated-line-height: var(--md-outlined-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-outlined-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-outlined-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-outlined-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-content-color: var(--md-outlined-field-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-space: var(--md-outlined-field-leading-space, 16px);--_outline-color: var(--md-outlined-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-label-padding: var(--md-outlined-field-outline-label-padding, 4px);--_outline-width: var(--md-outlined-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-outlined-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-leading-space: var(--md-outlined-field-supporting-text-leading-space, 16px);--_supporting-text-line-height: var(--md-outlined-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-outlined-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-top-space: var(--md-outlined-field-supporting-text-top-space, 4px);--_supporting-text-trailing-space: var(--md-outlined-field-supporting-text-trailing-space, 16px);--_supporting-text-weight: var(--md-outlined-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_top-space: var(--md-outlined-field-top-space, 16px);--_trailing-content-color: var(--md-outlined-field-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-space: var(--md-outlined-field-trailing-space, 16px);--_with-leading-content-leading-space: var(--md-outlined-field-with-leading-content-leading-space, 12px);--_with-trailing-content-trailing-space: var(--md-outlined-field-with-trailing-content-trailing-space, 12px);--_container-shape-start-start: var(--md-outlined-field-container-shape-start-start, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-outlined-field-container-shape-start-end, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-outlined-field-container-shape-end-end, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-start: var(--md-outlined-field-container-shape-end-start, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)))}.outline{border-color:var(--_outline-color);border-radius:inherit;display:flex;pointer-events:none;height:100%;position:absolute;width:100%;z-index:1}.outline-start::before,.outline-start::after,.outline-panel-inactive::before,.outline-panel-inactive::after,.outline-panel-active::before,.outline-panel-active::after,.outline-end::before,.outline-end::after{border:inherit;content:"";inset:0;position:absolute}.outline-start,.outline-end{border:inherit;border-radius:inherit;box-sizing:border-box;position:relative}.outline-start::before,.outline-start::after,.outline-end::before,.outline-end::after{border-bottom-style:solid;border-top-style:solid}.outline-start::after,.outline-end::after{opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.focused .outline-start::after,.focused .outline-end::after{opacity:1}.outline-start::before,.outline-start::after{border-inline-start-style:solid;border-inline-end-style:none;border-start-start-radius:inherit;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:0;margin-inline-end:var(--_outline-label-padding)}.outline-end{flex-grow:1;margin-inline-start:calc(-1*var(--_outline-label-padding))}.outline-end::before,.outline-end::after{border-inline-start-style:none;border-inline-end-style:solid;border-start-start-radius:0;border-start-end-radius:inherit;border-end-start-radius:0;border-end-end-radius:inherit}.outline-notch{align-items:flex-start;border:inherit;display:flex;margin-inline-start:calc(-1*var(--_outline-label-padding));margin-inline-end:var(--_outline-label-padding);max-width:calc(100% - var(--_leading-space) - var(--_trailing-space));padding:0 var(--_outline-label-padding);position:relative}.no-label .outline-notch{display:none}.outline-panel-inactive,.outline-panel-active{border:inherit;border-bottom-style:solid;inset:0;position:absolute}.outline-panel-inactive::before,.outline-panel-inactive::after,.outline-panel-active::before,.outline-panel-active::after{border-top-style:solid;border-bottom:none;bottom:auto;transform:scaleX(1);transition:transform 150ms cubic-bezier(0.2, 0, 0, 1)}.outline-panel-inactive::before,.outline-panel-active::before{right:50%;transform-origin:top left}.outline-panel-inactive::after,.outline-panel-active::after{left:50%;transform-origin:top right}.populated .outline-panel-inactive::before,.populated .outline-panel-inactive::after,.populated .outline-panel-active::before,.populated .outline-panel-active::after,.focused .outline-panel-inactive::before,.focused .outline-panel-inactive::after,.focused .outline-panel-active::before,.focused .outline-panel-active::after{transform:scaleX(0)}.outline-panel-active{opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.focused .outline-panel-active{opacity:1}.outline-label{display:flex;max-width:100%;transform:translateY(calc(-100% + var(--_label-text-padding-bottom)))}.outline-start,.field:not(.with-start) .content ::slotted(*){padding-inline-start:max(var(--_leading-space),max(var(--_container-shape-start-start),var(--_container-shape-end-start)) + var(--_outline-label-padding))}.field:not(.with-start) .label-wrapper{margin-inline-start:max(var(--_leading-space),max(var(--_container-shape-start-start),var(--_container-shape-end-start)) + var(--_outline-label-padding))}.field:not(.with-end) .content ::slotted(*){padding-inline-end:max(var(--_trailing-space),max(var(--_container-shape-start-end),var(--_container-shape-end-end)))}.field:not(.with-end) .label-wrapper{margin-inline-end:max(var(--_trailing-space),max(var(--_container-shape-start-end),var(--_container-shape-end-end)))}.outline-start::before,.outline-end::before,.outline-panel-inactive,.outline-panel-inactive::before,.outline-panel-inactive::after{border-width:var(--_outline-width)}:hover .outline{border-color:var(--_hover-outline-color);color:var(--_hover-outline-color)}:hover .outline-start::before,:hover .outline-end::before,:hover .outline-panel-inactive,:hover .outline-panel-inactive::before,:hover .outline-panel-inactive::after{border-width:var(--_hover-outline-width)}.focused .outline{border-color:var(--_focus-outline-color);color:var(--_focus-outline-color)}.outline-start::after,.outline-end::after,.outline-panel-active,.outline-panel-active::before,.outline-panel-active::after{border-width:var(--_focus-outline-width)}.disabled .outline{border-color:var(--_disabled-outline-color);color:var(--_disabled-outline-color)}.disabled .outline-start,.disabled .outline-end,.disabled .outline-panel-inactive{opacity:var(--_disabled-outline-opacity)}.disabled .outline-start::before,.disabled .outline-end::before,.disabled .outline-panel-inactive,.disabled .outline-panel-inactive::before,.disabled .outline-panel-inactive::after{border-width:var(--_disabled-outline-width)}.error .outline{border-color:var(--_error-outline-color);color:var(--_error-outline-color)}.error:hover .outline{border-color:var(--_error-hover-outline-color);color:var(--_error-hover-outline-color)}.error.focused .outline{border-color:var(--_error-focus-outline-color);color:var(--_error-focus-outline-color)}.resizable .container{bottom:var(--_focus-outline-width);inset-inline-end:var(--_focus-outline-width);clip-path:inset(var(--_focus-outline-width) 0 0 var(--_focus-outline-width))}.resizable .container>*{top:var(--_focus-outline-width);inset-inline-start:var(--_focus-outline-width)}.resizable .container:dir(rtl){clip-path:inset(var(--_focus-outline-width) var(--_focus-outline-width) 0 0)}}@layer hcm{@media(forced-colors: active){.disabled .outline{border-color:GrayText;color:GrayText}.disabled :is(.outline-start,.outline-end,.outline-panel-inactive){opacity:1}}}`,fd=Zt.styleSheet;var Yr=class extends Xt{static{this.styles=[Ae,Zt]}};Yr=c([A("md-outlined-field")],Yr);var Jt=w`:host{--_caret-color: var(--md-outlined-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_disabled-input-text-color: var(--md-outlined-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-input-text-opacity: var(--md-outlined-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-text-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-text-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-outlined-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38);--_error-focus-caret-color: var(--md-outlined-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-outlined-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-label-text-color: var(--md-outlined-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-input-text-color: var(--md-outlined-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-outlined-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-outlined-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-label-text-color: var(--md-outlined-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-input-text-color: var(--md-outlined-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-outlined-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-text-field-focus-outline-width, 3px);--_focus-supporting-text-color: var(--md-outlined-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-input-text-color: var(--md-outlined-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-leading-icon-color: var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-outline-width: var(--md-outlined-text-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-outlined-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_input-text-font: var(--md-outlined-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-outlined-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_input-text-placeholder-color: var(--md-outlined-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-outlined-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-size: var(--md-outlined-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-outlined-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-outlined-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-outlined-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-outlined-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-icon-color: var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-outlined-text-field-leading-icon-size, 24px);--_outline-color: var(--md-outlined-text-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-text-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-outlined-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-outlined-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-outlined-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-outlined-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_trailing-icon-color: var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-outlined-text-field-trailing-icon-size, 24px);--_container-shape-start-start: var(--md-outlined-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_icon-input-space: var(--md-outlined-text-field-icon-input-space, 16px);--_leading-space: var(--md-outlined-text-field-leading-space, 16px);--_trailing-space: var(--md-outlined-text-field-trailing-space, 16px);--_top-space: var(--md-outlined-text-field-top-space, 16px);--_bottom-space: var(--md-outlined-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-outlined-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-outlined-text-field-input-text-suffix-leading-space, 2px);--_focus-caret-color: var(--md-outlined-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-outlined-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-outlined-text-field-with-trailing-icon-trailing-space, 12px);--md-outlined-field-bottom-space: var(--_bottom-space);--md-outlined-field-container-shape-end-end: var(--_container-shape-end-end);--md-outlined-field-container-shape-end-start: var(--_container-shape-end-start);--md-outlined-field-container-shape-start-end: var(--_container-shape-start-end);--md-outlined-field-container-shape-start-start: var(--_container-shape-start-start);--md-outlined-field-content-color: var(--_input-text-color);--md-outlined-field-content-font: var(--_input-text-font);--md-outlined-field-content-line-height: var(--_input-text-line-height);--md-outlined-field-content-size: var(--_input-text-size);--md-outlined-field-content-space: var(--_icon-input-space);--md-outlined-field-content-weight: var(--_input-text-weight);--md-outlined-field-disabled-content-color: var(--_disabled-input-text-color);--md-outlined-field-disabled-content-opacity: var(--_disabled-input-text-opacity);--md-outlined-field-disabled-label-text-color: var(--_disabled-label-text-color);--md-outlined-field-disabled-label-text-opacity: var(--_disabled-label-text-opacity);--md-outlined-field-disabled-leading-content-color: var(--_disabled-leading-icon-color);--md-outlined-field-disabled-leading-content-opacity: var(--_disabled-leading-icon-opacity);--md-outlined-field-disabled-outline-color: var(--_disabled-outline-color);--md-outlined-field-disabled-outline-opacity: var(--_disabled-outline-opacity);--md-outlined-field-disabled-outline-width: var(--_disabled-outline-width);--md-outlined-field-disabled-supporting-text-color: var(--_disabled-supporting-text-color);--md-outlined-field-disabled-supporting-text-opacity: var(--_disabled-supporting-text-opacity);--md-outlined-field-disabled-trailing-content-color: var(--_disabled-trailing-icon-color);--md-outlined-field-disabled-trailing-content-opacity: var(--_disabled-trailing-icon-opacity);--md-outlined-field-error-content-color: var(--_error-input-text-color);--md-outlined-field-error-focus-content-color: var(--_error-focus-input-text-color);--md-outlined-field-error-focus-label-text-color: var(--_error-focus-label-text-color);--md-outlined-field-error-focus-leading-content-color: var(--_error-focus-leading-icon-color);--md-outlined-field-error-focus-outline-color: var(--_error-focus-outline-color);--md-outlined-field-error-focus-supporting-text-color: var(--_error-focus-supporting-text-color);--md-outlined-field-error-focus-trailing-content-color: var(--_error-focus-trailing-icon-color);--md-outlined-field-error-hover-content-color: var(--_error-hover-input-text-color);--md-outlined-field-error-hover-label-text-color: var(--_error-hover-label-text-color);--md-outlined-field-error-hover-leading-content-color: var(--_error-hover-leading-icon-color);--md-outlined-field-error-hover-outline-color: var(--_error-hover-outline-color);--md-outlined-field-error-hover-supporting-text-color: var(--_error-hover-supporting-text-color);--md-outlined-field-error-hover-trailing-content-color: var(--_error-hover-trailing-icon-color);--md-outlined-field-error-label-text-color: var(--_error-label-text-color);--md-outlined-field-error-leading-content-color: var(--_error-leading-icon-color);--md-outlined-field-error-outline-color: var(--_error-outline-color);--md-outlined-field-error-supporting-text-color: var(--_error-supporting-text-color);--md-outlined-field-error-trailing-content-color: var(--_error-trailing-icon-color);--md-outlined-field-focus-content-color: var(--_focus-input-text-color);--md-outlined-field-focus-label-text-color: var(--_focus-label-text-color);--md-outlined-field-focus-leading-content-color: var(--_focus-leading-icon-color);--md-outlined-field-focus-outline-color: var(--_focus-outline-color);--md-outlined-field-focus-outline-width: var(--_focus-outline-width);--md-outlined-field-focus-supporting-text-color: var(--_focus-supporting-text-color);--md-outlined-field-focus-trailing-content-color: var(--_focus-trailing-icon-color);--md-outlined-field-hover-content-color: var(--_hover-input-text-color);--md-outlined-field-hover-label-text-color: var(--_hover-label-text-color);--md-outlined-field-hover-leading-content-color: var(--_hover-leading-icon-color);--md-outlined-field-hover-outline-color: var(--_hover-outline-color);--md-outlined-field-hover-outline-width: var(--_hover-outline-width);--md-outlined-field-hover-supporting-text-color: var(--_hover-supporting-text-color);--md-outlined-field-hover-trailing-content-color: var(--_hover-trailing-icon-color);--md-outlined-field-label-text-color: var(--_label-text-color);--md-outlined-field-label-text-font: var(--_label-text-font);--md-outlined-field-label-text-line-height: var(--_label-text-line-height);--md-outlined-field-label-text-populated-line-height: var(--_label-text-populated-line-height);--md-outlined-field-label-text-populated-size: var(--_label-text-populated-size);--md-outlined-field-label-text-size: var(--_label-text-size);--md-outlined-field-label-text-weight: var(--_label-text-weight);--md-outlined-field-leading-content-color: var(--_leading-icon-color);--md-outlined-field-leading-space: var(--_leading-space);--md-outlined-field-outline-color: var(--_outline-color);--md-outlined-field-outline-width: var(--_outline-width);--md-outlined-field-supporting-text-color: var(--_supporting-text-color);--md-outlined-field-supporting-text-font: var(--_supporting-text-font);--md-outlined-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-outlined-field-supporting-text-size: var(--_supporting-text-size);--md-outlined-field-supporting-text-weight: var(--_supporting-text-weight);--md-outlined-field-top-space: var(--_top-space);--md-outlined-field-trailing-content-color: var(--_trailing-icon-color);--md-outlined-field-trailing-space: var(--_trailing-space);--md-outlined-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-outlined-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)}`,Ed=Jt.styleSheet;class Qt extends _{constructor(){super(...arguments);this.fieldTag=ee`md-outlined-field`}}var it=class extends Qt{constructor(){super(...arguments);this.fieldTag=ee`md-outlined-field`}static{this.styles=[Te,Jt]}};it=c([A("md-outlined-text-field")],it);var Xr=F({react:E,tagName:"md-filled-text-field",elementClass:ot,events:{onChange:"change",onInput:"input"}}),Zr=F({react:E,tagName:"md-outlined-text-field",elementClass:it,events:{onChange:"change",onInput:"input"}});r();class er extends Se{computeValidity(o){if(!this.checkboxControl)this.checkboxControl=document.createElement("input"),this.checkboxControl.type="checkbox";return this.checkboxControl.checked=o.checked,this.checkboxControl.required=o.required,{validity:this.checkboxControl.validity,validationMessage:this.checkboxControl.validationMessage}}equals(o,i){return o.checked===i.checked&&o.required===i.required}copy({checked:o,required:i}){return{checked:o,required:i}}}var Do=Z(Ze(Q(J(z))));class Y extends Do{static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}constructor(){super();if(this.selected=!1,this.icons=!1,this.showOnlySelectedIcon=!1,this.required=!1,this.value="on",O)return;this.addEventListener("click",(o)=>{if(!fe(o)||!this.input)return;this.focus(),he(this.input)}),qe(this,"keydown"),this.addEventListener("keydown",(o)=>{Ue(o,()=>{if(o.defaultPrevented||o.key!=="Enter"||this.disabled||!this.input)return;this.input.click()})})}render(){return x`
+      <div class="switch ${B(this.getRenderClasses())}">
+        <input
+          id="switch"
+          class="touch"
+          type="checkbox"
+          role="switch"
+          aria-label=${this.ariaLabel||v}
+          ?checked=${this.selected}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          @input=${this.handleInput}
+          @change=${this.handleChange}
+        />
+
+        <md-focus-ring part="focus-ring" for="switch"></md-focus-ring>
+        <span class="track"> ${this.renderHandle()} </span>
+      </div>
+    `}getRenderClasses(){return{selected:this.selected,unselected:!this.selected,disabled:this.disabled}}renderHandle(){let o={"with-icon":this.showOnlySelectedIcon?this.selected:this.icons};return x`
+      ${this.renderTouchTarget()}
+      <span class="handle-container">
+        <md-ripple for="switch" ?disabled="${this.disabled}"></md-ripple>
+        <span class="handle ${B(o)}">
+          ${this.shouldShowIcons()?this.renderIcons():x``}
+        </span>
+      </span>
+    `}renderIcons(){return x`
+      <div class="icons">
+        ${this.renderOnIcon()} ${this.showOnlySelectedIcon?x``:this.renderOffIcon()}
+      </div>
+    `}renderOnIcon(){return x`
+      <slot class="icon icon--on" name="on-icon">
+        <svg viewBox="0 0 24 24">
+          <path d="M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z" />
+        </svg>
+      </slot>
+    `}renderOffIcon(){return x`
+      <slot class="icon icon--off" name="off-icon">
+        <svg viewBox="0 0 24 24">
+          <path
+            d="M6.4 19.2 4.8 17.6 10.4 12 4.8 6.4 6.4 4.8 12 10.4 17.6 4.8 19.2 6.4 13.6 12 19.2 17.6 17.6 19.2 12 13.6Z"
+          />
+        </svg>
+      </slot>
+    `}renderTouchTarget(){return x`<span class="touch"></span>`}shouldShowIcons(){return this.icons||this.showOnlySelectedIcon}handleInput(o){let i=o.target;this.selected=i.checked}handleChange(o){de(this,o)}[W](){return this.selected?this.value:null}[Fe](){return String(this.selected)}formResetCallback(){this.selected=this.hasAttribute("selected")}formStateRestoreCallback(o){this.selected=o==="true"}[ve](){return new er(()=>({checked:this.selected,required:this.required}))}[me](){return this.input}}c([h({type:Boolean})],Y.prototype,"selected",void 0);c([h({type:Boolean})],Y.prototype,"icons",void 0);c([h({type:Boolean,attribute:"show-only-selected-icon"})],Y.prototype,"showOnlySelectedIcon",void 0);c([h({type:Boolean})],Y.prototype,"required",void 0);c([h()],Y.prototype,"value",void 0);c([R("input")],Y.prototype,"input",void 0);var tr=w`@layer styles, hcm;@layer styles{:host{display:inline-flex;outline:none;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-switch-track-height, 32px))/2) 0px}md-focus-ring{--md-focus-ring-shape-start-start: var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-start-end: var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-end: var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-start: var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}.switch{align-items:center;display:inline-flex;flex-shrink:0;position:relative;width:var(--md-switch-track-width, 52px);height:var(--md-switch-track-height, 32px);border-start-start-radius:var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}input{appearance:none;background:none;height:max(100%,var(--md-switch-touch-target-size, 48px));outline:none;margin:0;position:absolute;width:max(100%,var(--md-switch-touch-target-size, 48px));z-index:1;cursor:inherit;top:50%;left:50%;transform:translate(-50%, -50%)}:host([touch-target=none]) input{display:none}}@layer styles{.track{position:absolute;width:100%;height:100%;box-sizing:border-box;border-radius:inherit;display:flex;justify-content:center;align-items:center}.track::before{content:"";display:flex;position:absolute;height:100%;width:100%;border-radius:inherit;box-sizing:border-box;transition-property:opacity,background-color;transition-timing-function:linear;transition-duration:67ms}.disabled .track{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.disabled .track::before,.disabled .track::after{transition:none;opacity:var(--md-switch-disabled-track-opacity, 0.12)}.disabled .track::before{background-clip:content-box}.selected .track::before{background-color:var(--md-switch-selected-track-color, var(--md-sys-color-primary, #6750a4))}.selected:hover .track::before{background-color:var(--md-switch-selected-hover-track-color, var(--md-sys-color-primary, #6750a4))}.selected:focus-within .track::before{background-color:var(--md-switch-selected-focus-track-color, var(--md-sys-color-primary, #6750a4))}.selected:active .track::before{background-color:var(--md-switch-selected-pressed-track-color, var(--md-sys-color-primary, #6750a4))}.selected.disabled .track{background-clip:border-box}.selected.disabled .track::before{background-color:var(--md-switch-disabled-selected-track-color, var(--md-sys-color-on-surface, #1d1b20))}.unselected .track::before{background-color:var(--md-switch-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-track-outline-color, var(--md-sys-color-outline, #79747e));border-style:solid;border-width:var(--md-switch-track-outline-width, 2px)}.unselected:hover .track::before{background-color:var(--md-switch-hover-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-hover-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:focus-visible .track::before{background-color:var(--md-switch-focus-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-focus-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:active .track::before{background-color:var(--md-switch-pressed-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-pressed-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected.disabled .track::before{background-color:var(--md-switch-disabled-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-disabled-track-outline-color, var(--md-sys-color-on-surface, #1d1b20))}}@layer hcm{@media(forced-colors: active){.selected .track::before{background:ButtonText;border-color:ButtonText}.disabled .track::before{border-color:GrayText;opacity:1}.disabled.selected .track::before{background:GrayText}}}@layer styles{.handle-container{display:flex;place-content:center;place-items:center;position:relative;transition:margin 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selected .handle-container{margin-inline-start:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.unselected .handle-container{margin-inline-end:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.disabled .handle-container{transition:none}.handle{border-start-start-radius:var(--md-switch-handle-shape-start-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-handle-shape-start-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-handle-shape-end-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-handle-shape-end-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));height:var(--md-switch-handle-height, 16px);width:var(--md-switch-handle-width, 16px);transform-origin:center;transition-property:height,width;transition-duration:250ms,250ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1),cubic-bezier(0.2, 0, 0, 1);z-index:0}.handle::before{content:"";display:flex;inset:0;position:absolute;border-radius:inherit;box-sizing:border-box;transition:background-color 67ms linear}.disabled .handle,.disabled .handle::before{transition:none}.selected .handle{height:var(--md-switch-selected-handle-height, 24px);width:var(--md-switch-selected-handle-width, 24px)}.handle.with-icon{height:var(--md-switch-with-icon-handle-height, 24px);width:var(--md-switch-with-icon-handle-width, 24px)}.selected:not(.disabled):active .handle,.unselected:not(.disabled):active .handle{height:var(--md-switch-pressed-handle-height, 28px);width:var(--md-switch-pressed-handle-width, 28px);transition-timing-function:linear;transition-duration:100ms}.selected .handle::before{background-color:var(--md-switch-selected-handle-color, var(--md-sys-color-on-primary, #fff))}.selected:hover .handle::before{background-color:var(--md-switch-selected-hover-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:focus-within .handle::before{background-color:var(--md-switch-selected-focus-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:active .handle::before{background-color:var(--md-switch-selected-pressed-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected.disabled .handle::before{background-color:var(--md-switch-disabled-selected-handle-color, var(--md-sys-color-surface, #fef7ff));opacity:var(--md-switch-disabled-selected-handle-opacity, 1)}.unselected .handle::before{background-color:var(--md-switch-handle-color, var(--md-sys-color-outline, #79747e))}.unselected:hover .handle::before{background-color:var(--md-switch-hover-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:focus-within .handle::before{background-color:var(--md-switch-focus-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:active .handle::before{background-color:var(--md-switch-pressed-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected.disabled .handle::before{background-color:var(--md-switch-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-handle-opacity, 0.38)}md-ripple{border-radius:var(--md-switch-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-switch-state-layer-size, 40px);inset:unset;width:var(--md-switch-state-layer-size, 40px)}.selected md-ripple{--md-ripple-hover-color: var(--md-switch-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-color: var(--md-switch-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-switch-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-selected-pressed-state-layer-opacity, 0.12)}.unselected md-ripple{--md-ripple-hover-color: var(--md-switch-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-color: var(--md-switch-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-switch-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-pressed-state-layer-opacity, 0.12)}}@layer hcm{@media(forced-colors: active){.unselected .handle::before{background:ButtonText}.disabled .handle::before{opacity:1}.disabled.unselected .handle::before{background:GrayText}}}@layer styles{.icons{position:relative;height:100%;width:100%}.icon{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;fill:currentColor;transition:fill 67ms linear,opacity 33ms linear,transform 167ms cubic-bezier(0.2, 0, 0, 1);opacity:0}.disabled .icon{transition:none}.selected .icon--on,.unselected .icon--off{opacity:1}.unselected .handle:not(.with-icon) .icon--on{transform:rotate(-45deg)}.icon--off{width:var(--md-switch-icon-size, 16px);height:var(--md-switch-icon-size, 16px);color:var(--md-switch-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:hover .icon--off{color:var(--md-switch-hover-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:focus-within .icon--off{color:var(--md-switch-focus-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:active .icon--off{color:var(--md-switch-pressed-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected.disabled .icon--off{color:var(--md-switch-disabled-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9));opacity:var(--md-switch-disabled-icon-opacity, 0.38)}.icon--on{width:var(--md-switch-selected-icon-size, 16px);height:var(--md-switch-selected-icon-size, 16px);color:var(--md-switch-selected-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:hover .icon--on{color:var(--md-switch-selected-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:focus-within .icon--on{color:var(--md-switch-selected-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:active .icon--on{color:var(--md-switch-selected-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected.disabled .icon--on{color:var(--md-switch-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon--off{fill:Canvas}.icon--on{fill:ButtonText}.disabled.unselected .icon--off,.disabled.selected .icon--on{opacity:1}.disabled .icon--on{fill:GrayText}}}`,ac=tr.styleSheet;var at=class extends Y{static{this.styles=[tr]}};at=c([A("md-switch")],at);var Jr=F({react:E,tagName:"md-switch",elementClass:at,events:{onChange:"change",onInput:"input"}});r();var rr=w`@media(forced-colors: active){:host{--md-slider-active-track-color: CanvasText;--md-slider-disabled-active-track-color: GrayText;--md-slider-disabled-active-track-opacity: 1;--md-slider-disabled-handle-color: GrayText;--md-slider-disabled-inactive-track-color: GrayText;--md-slider-disabled-inactive-track-opacity: 1;--md-slider-focus-handle-color: CanvasText;--md-slider-handle-color: CanvasText;--md-slider-handle-shadow-color: Canvas;--md-slider-hover-handle-color: CanvasText;--md-slider-hover-state-layer-color: Canvas;--md-slider-hover-state-layer-opacity: 1;--md-slider-inactive-track-color: Canvas;--md-slider-label-container-color: Canvas;--md-slider-label-text-color: CanvasText;--md-slider-pressed-handle-color: CanvasText;--md-slider-pressed-state-layer-color: Canvas;--md-slider-pressed-state-layer-opacity: 1;--md-slider-with-overlap-handle-outline-color: CanvasText}.label,.label::before{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}:host(:not([disabled])) .track::before{border:1px solid var(--_active-track-color)}.tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='CanvasText'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}.tickmarks::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}:host([disabled]) .tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}}`,mc=rr.styleSheet;function lt(o,i,a){return o?i(o):a?.(o)}var Vo=Z(Q(J(z)));class k extends Vo{static{this.shadowRootOptions={...z.shadowRootOptions,delegatesFocus:!0}}get nameStart(){return this.getAttribute("name-start")??this.name}set nameStart(o){this.setAttribute("name-start",o)}get nameEnd(){return this.getAttribute("name-end")??this.nameStart}set nameEnd(o){this.setAttribute("name-end",o)}get renderAriaLabelStart(){let{ariaLabel:o}=this;return this.ariaLabelStart||o&&`${o} start`||this.valueLabelStart||String(this.valueStart)}get renderAriaValueTextStart(){return this.ariaValueTextStart||this.valueLabelStart||String(this.valueStart)}get renderAriaLabelEnd(){let{ariaLabel:o}=this;if(this.range)return this.ariaLabelEnd||o&&`${o} end`||this.valueLabelEnd||String(this.valueEnd);return o||this.valueLabel||String(this.value)}get renderAriaValueTextEnd(){if(this.range)return this.ariaValueTextEnd||this.valueLabelEnd||String(this.valueEnd);let{ariaValueText:o}=this;return o||this.valueLabel||String(this.value)}constructor(){super();if(this.min=0,this.max=100,this.valueLabel="",this.valueLabelStart="",this.valueLabelEnd="",this.ariaLabelStart="",this.ariaValueTextStart="",this.ariaLabelEnd="",this.ariaValueTextEnd="",this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1,this.handleStartHover=!1,this.handleEndHover=!1,this.startOnTop=!1,this.handlesOverlapping=!1,this.ripplePointerId=1,this.isRedispatchingEvent=!1,!O)this.addEventListener("click",(o)=>{if(!fe(o)||!this.inputEnd)return;this.focus(),he(this.inputEnd)})}focus(){this.inputEnd?.focus()}willUpdate(o){this.renderValueStart=o.has("valueStart")?this.valueStart:this.inputStart?.valueAsNumber;let i=o.has("valueEnd")&&this.range||o.has("value");if(this.renderValueEnd=i?this.range?this.valueEnd:this.value:this.inputEnd?.valueAsNumber,o.get("handleStartHover")!==void 0)this.toggleRippleHover(this.rippleStart,this.handleStartHover);else if(o.get("handleEndHover")!==void 0)this.toggleRippleHover(this.rippleEnd,this.handleEndHover)}updated(o){if(this.range)this.renderValueStart=this.inputStart.valueAsNumber;if(this.renderValueEnd=this.inputEnd.valueAsNumber,this.range){let i=(this.max-this.min)/3;if(this.valueStart===void 0){this.inputStart.valueAsNumber=this.min+i;let a=this.inputStart.valueAsNumber;this.valueStart=this.renderValueStart=a}if(this.valueEnd===void 0){this.inputEnd.valueAsNumber=this.min+2*i;let a=this.inputEnd.valueAsNumber;this.valueEnd=this.renderValueEnd=a}}else this.value??=this.renderValueEnd;if(o.has("range")||o.has("renderValueStart")||o.has("renderValueEnd")||this.isUpdatePending){let i=this.handleStart?.querySelector(".handleNub"),a=this.handleEnd?.querySelector(".handleNub");this.handlesOverlapping=Ho(i,a)}this.performUpdate()}render(){let o=this.step===0?1:this.step,i=Math.max(this.max-this.min,o),a=this.range?((this.renderValueStart??this.min)-this.min)/i:0,l=((this.renderValueEnd??this.min)-this.min)/i,s={"--_start-fraction":String(a),"--_end-fraction":String(l),"--_tick-count":String(i/o)},d={ranged:this.range},p=this.valueLabelStart||String(this.renderValueStart),u=(this.range?this.valueLabelEnd:this.valueLabel)||String(this.renderValueEnd),f={start:!0,value:this.renderValueStart,ariaLabel:this.renderAriaLabelStart,ariaValueText:this.renderAriaValueTextStart,ariaMin:this.min,ariaMax:this.valueEnd??this.max},g={start:!1,value:this.renderValueEnd,ariaLabel:this.renderAriaLabelEnd,ariaValueText:this.renderAriaValueTextEnd,ariaMin:this.range?this.valueStart??this.min:this.min,ariaMax:this.max},b={start:!0,hover:this.handleStartHover,label:p},S={start:!1,hover:this.handleEndHover,label:u},L={hover:this.handleStartHover||this.handleEndHover};return x` <div
+      class="container ${B(d)}"
+      style=${$e(s)}
+    >
+      ${lt(this.range,()=>this.renderInput(f))}
+      ${this.renderInput(g)} ${this.renderTrack()}
+      <div class="handleContainerPadded">
+        <div class="handleContainerBlock">
+          <div class="handleContainer ${B(L)}">
+            ${lt(this.range,()=>this.renderHandle(b))}
+            ${this.renderHandle(S)}
+          </div>
+        </div>
+      </div>
+    </div>`}renderTrack(){return x`
+      <div class="track"></div>
+      ${this.ticks?x`<div class="tickmarks"></div>`:v}
+    `}renderLabel(o){return x`<div class="label" aria-hidden="true">
+      <span class="labelContent" part="label">${o}</span>
+    </div>`}renderHandle({start:o,hover:i,label:a}){let l=!this.disabled&&o===this.startOnTop,s=!this.disabled&&this.handlesOverlapping,d=o?"start":"end";return x`<div
+      class="handle ${B({[d]:!0,hover:i,onTop:l,isOverlapping:s})}"
+    >
+      <md-focus-ring part="focus-ring" for=${d}></md-focus-ring>
+      <md-ripple for=${d} class=${d} ?disabled=${this.disabled}></md-ripple>
+      <div class="handleNub">
+        <md-elevation part="elevation"></md-elevation>
+      </div>
+      ${lt(this.labeled,()=>this.renderLabel(a))}
+    </div>`}renderInput({start:o,value:i,ariaLabel:a,ariaValueText:l,ariaMin:s,ariaMax:d}){let p=o?"start":"end";return x`<input
+      type="range"
+      class="${B({start:o,end:!o})}"
+      @focus=${this.handleFocus}
+      @pointerdown=${this.handleDown}
+      @pointerup=${this.handleUp}
+      @pointerenter=${this.handleEnter}
+      @pointermove=${this.handleMove}
+      @pointerleave=${this.handleLeave}
+      @keydown=${this.handleKeydown}
+      @keyup=${this.handleKeyup}
+      @input=${this.handleInput}
+      @change=${this.handleChange}
+      id=${p}
+      .disabled=${this.disabled}
+      .min=${String(this.min)}
+      aria-valuemin=${s}
+      .max=${String(this.max)}
+      aria-valuemax=${d}
+      .step=${String(this.step)}
+      .value=${String(i)}
+      .tabIndex=${0}
+      aria-label=${a||v}
+      aria-valuetext=${l}
+    />`}async toggleRippleHover(o,i){let a=await o;if(!a)return;if(i)a.handlePointerenter(new PointerEvent("pointerenter",{isPrimary:!0,pointerId:this.ripplePointerId}));else a.handlePointerleave(new PointerEvent("pointerleave",{isPrimary:!0,pointerId:this.ripplePointerId}))}handleFocus(o){this.updateOnTop(o.target)}startAction(o){let i=o.target,a=i===this.inputStart?this.inputEnd:this.inputStart;this.action={canFlip:o.type==="pointerdown",flipped:!1,target:i,fixed:a,values:new Map([[i,i.valueAsNumber],[a,a?.valueAsNumber]])}}finishAction(){this.action=void 0}handleKeydown(o){this.startAction(o)}handleKeyup(){this.finishAction()}handleDown(o){this.startAction(o),this.ripplePointerId=o.pointerId;let i=o.target===this.inputStart;this.handleStartHover=!this.disabled&&i&&Boolean(this.handleStart),this.handleEndHover=!this.disabled&&!i&&Boolean(this.handleEnd)}async handleUp(){if(!this.action)return;let{target:o,values:i,flipped:a}=this.action;if(await new Promise(requestAnimationFrame),o!==void 0){if(o.focus(),a&&o.valueAsNumber!==i.get(o))o.dispatchEvent(new Event("change",{bubbles:!0}))}this.finishAction()}handleMove(o){this.handleStartHover=!this.disabled&&Qr(o,this.handleStart),this.handleEndHover=!this.disabled&&Qr(o,this.handleEnd)}handleEnter(o){this.handleMove(o)}handleLeave(){this.handleStartHover=!1,this.handleEndHover=!1}updateOnTop(o){this.startOnTop=o.classList.contains("start")}needsClamping(){if(!this.action)return!1;let{target:o,fixed:i}=this.action;return o===this.inputStart?o.valueAsNumber>i.valueAsNumber:o.valueAsNumber<i.valueAsNumber}isActionFlipped(){let{action:o}=this;if(!o)return!1;let{target:i,fixed:a,values:l}=o;if(o.canFlip){if(l.get(i)===l.get(a)&&this.needsClamping())o.canFlip=!1,o.flipped=!0,o.target=a,o.fixed=i}return o.flipped}flipAction(){if(!this.action)return!1;let{target:o,fixed:i,values:a}=this.action,l=o.valueAsNumber!==i.valueAsNumber;return o.valueAsNumber=i.valueAsNumber,i.valueAsNumber=a.get(i),l}clampAction(){if(!this.needsClamping()||!this.action)return!1;let{target:o,fixed:i}=this.action;return o.valueAsNumber=i.valueAsNumber,!0}handleInput(o){if(this.isRedispatchingEvent)return;let i=!1,a=!1;if(this.range){if(this.isActionFlipped())i=!0,a=this.flipAction();if(this.clampAction())i=!0,a=!1}let l=o.target;if(this.updateOnTop(l),this.range)this.valueStart=this.inputStart.valueAsNumber,this.valueEnd=this.inputEnd.valueAsNumber;else this.value=this.inputEnd.valueAsNumber;if(i)o.stopPropagation();if(a)this.isRedispatchingEvent=!0,de(l,o),this.isRedispatchingEvent=!1}handleChange(o){let i=o.target,{target:a,values:l}=this.action??{};if(!(a&&a.valueAsNumber===l.get(i)))de(this,o);this.finishAction()}[W](){if(this.range){let o=new FormData;return o.append(this.nameStart,String(this.valueStart)),o.append(this.nameEnd,String(this.valueEnd)),o}return String(this.value)}formResetCallback(){if(this.range){let i=this.getAttribute("value-start");this.valueStart=i!==null?Number(i):void 0;let a=this.getAttribute("value-end");this.valueEnd=a!==null?Number(a):void 0;return}let o=this.getAttribute("value");this.value=o!==null?Number(o):void 0}formStateRestoreCallback(o){if(Array.isArray(o)){let[[,i],[,a]]=o;this.valueStart=Number(i),this.valueEnd=Number(a),this.range=!0;return}this.value=Number(o),this.range=!1}}c([h({type:Number})],k.prototype,"min",void 0);c([h({type:Number})],k.prototype,"max",void 0);c([h({type:Number})],k.prototype,"value",void 0);c([h({type:Number,attribute:"value-start"})],k.prototype,"valueStart",void 0);c([h({type:Number,attribute:"value-end"})],k.prototype,"valueEnd",void 0);c([h({attribute:"value-label"})],k.prototype,"valueLabel",void 0);c([h({attribute:"value-label-start"})],k.prototype,"valueLabelStart",void 0);c([h({attribute:"value-label-end"})],k.prototype,"valueLabelEnd",void 0);c([h({attribute:"aria-label-start"})],k.prototype,"ariaLabelStart",void 0);c([h({attribute:"aria-valuetext-start"})],k.prototype,"ariaValueTextStart",void 0);c([h({attribute:"aria-label-end"})],k.prototype,"ariaLabelEnd",void 0);c([h({attribute:"aria-valuetext-end"})],k.prototype,"ariaValueTextEnd",void 0);c([h({type:Number})],k.prototype,"step",void 0);c([h({type:Boolean})],k.prototype,"ticks",void 0);c([h({type:Boolean})],k.prototype,"labeled",void 0);c([h({type:Boolean})],k.prototype,"range",void 0);c([R("input.start")],k.prototype,"inputStart",void 0);c([R(".handle.start")],k.prototype,"handleStart",void 0);c([ct("md-ripple.start")],k.prototype,"rippleStart",void 0);c([R("input.end")],k.prototype,"inputEnd",void 0);c([R(".handle.end")],k.prototype,"handleEnd",void 0);c([ct("md-ripple.end")],k.prototype,"rippleEnd",void 0);c([I()],k.prototype,"handleStartHover",void 0);c([I()],k.prototype,"handleEndHover",void 0);c([I()],k.prototype,"startOnTop",void 0);c([I()],k.prototype,"handlesOverlapping",void 0);c([I()],k.prototype,"renderValueStart",void 0);c([I()],k.prototype,"renderValueEnd",void 0);function Qr({x:o,y:i},a){if(!a)return!1;let{top:l,left:s,bottom:d,right:p}=a.getBoundingClientRect();return o>=s&&o<=p&&i>=l&&i<=d}function Ho(o,i){if(!(o&&i))return!1;let a=o.getBoundingClientRect(),l=i.getBoundingClientRect();return!(a.top>l.bottom||a.right<l.left||a.bottom<l.top||a.left>l.right)}var or=w`:host{--_active-track-color: var(--md-slider-active-track-color, var(--md-sys-color-primary, #6750a4));--_active-track-height: var(--md-slider-active-track-height, 4px);--_active-track-shape: var(--md-slider-active-track-shape, var(--md-sys-shape-corner-full, 9999px));--_disabled-active-track-color: var(--md-slider-disabled-active-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-track-opacity: var(--md-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color: var(--md-slider-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-handle-elevation: var(--md-slider-disabled-handle-elevation, 0);--_disabled-inactive-track-color: var(--md-slider-disabled-inactive-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-inactive-track-opacity: var(--md-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color: var(--md-slider-focus-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-color: var(--md-slider-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-elevation: var(--md-slider-handle-elevation, 1);--_handle-height: var(--md-slider-handle-height, 20px);--_handle-shadow-color: var(--md-slider-handle-shadow-color, var(--md-sys-color-shadow, #000));--_handle-shape: var(--md-slider-handle-shape, var(--md-sys-shape-corner-full, 9999px));--_handle-width: var(--md-slider-handle-width, 20px);--_hover-handle-color: var(--md-slider-hover-handle-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-slider-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-slider-hover-state-layer-opacity, 0.08);--_inactive-track-color: var(--md-slider-inactive-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_inactive-track-height: var(--md-slider-inactive-track-height, 4px);--_inactive-track-shape: var(--md-slider-inactive-track-shape, var(--md-sys-shape-corner-full, 9999px));--_label-container-color: var(--md-slider-label-container-color, var(--md-sys-color-primary, #6750a4));--_label-container-height: var(--md-slider-label-container-height, 28px);--_pressed-handle-color: var(--md-slider-pressed-handle-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-slider-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-slider-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color: var(--md-slider-with-overlap-handle-outline-color, var(--md-sys-color-on-primary, #fff));--_with-overlap-handle-outline-width: var(--md-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color: var(--md-slider-with-tick-marks-active-container-color, var(--md-sys-color-on-primary, #fff));--_with-tick-marks-container-size: var(--md-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-container-color: var(--md-slider-with-tick-marks-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_with-tick-marks-inactive-container-color: var(--md-slider-with-tick-marks-inactive-container-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-slider-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-slider-label-text-font, var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-slider-label-text-line-height, var(--md-sys-typescale-label-medium-line-height, 1rem));--_label-text-size: var(--md-slider-label-text-size, var(--md-sys-typescale-label-medium-size, 0.75rem));--_label-text-weight: var(--md-slider-label-text-weight, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_start-fraction: 0;--_end-fraction: 0;--_tick-count: 0;display:inline-flex;vertical-align:middle;min-inline-size:200px;--md-elevation-level: var(--_handle-elevation);--md-elevation-shadow-color: var(--_handle-shadow-color)}md-focus-ring{height:48px;inset:unset;width:48px}md-elevation{transition-duration:250ms}@media(prefers-reduced-motion){.label{transition-duration:0}}:host([disabled]){opacity:var(--_disabled-active-track-opacity);--md-elevation-level: var(--_disabled-handle-elevation)}.container{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none;user-select:none}.track,.tickmarks{position:absolute;inset:0;display:flex;align-items:center}.track::before,.tickmarks::before,.track::after,.tickmarks::after{position:absolute;content:"";inset-inline-start:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size)*2)/var(--_tick-count)) 100%}.track::before,.tickmarks::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape)}.track::before{background:var(--_inactive-track-color)}.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-inactive-container-color) 0, var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}:host([disabled]) .track::before{opacity:calc(1/var(--_disabled-active-track-opacity)*var(--_disabled-inactive-track-opacity));background:var(--_disabled-inactive-track-color)}.track::after,.tickmarks::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)))}.track::after{background:var(--_active-track-color)}.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-active-container-color) 0, var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.track:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.tickmarks:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([disabled]) .track::after{background:var(--_disabled-active-track-color)}:host([disabled]) .tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-disabled-container-color) 0, var(--_with-tick-marks-disabled-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.handleContainerPadded{position:relative;block-size:100%;inline-size:100%;padding-inline:calc(var(--_state-layer-size)/2)}.handleContainerBlock{position:relative;block-size:100%;inline-size:100%}.handleContainer{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100%*var(--_start-fraction));inline-size:calc(100%*(var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:flex;place-content:center;place-items:center}.handleNub{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}:host([disabled]) .handleNub{background:var(--_disabled-handle-color)}input.end:focus~.handleContainerPadded .handle.end>.handleNub,input.start:focus~.handleContainerPadded .handle.start>.handleNub{background:var(--_focus-handle-color)}.container>.handleContainerPadded .handle.hover>.handleNub{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handleContainerPadded .handle.end>.handleNub,:host(:not([disabled])) input.start:active~.handleContainerPadded .handle.start>.handleNub{background:var(--_pressed-handle-color)}.onTop.isOverlapping .label,.onTop.isOverlapping .label::before{outline:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.onTop.isOverlapping .handleNub{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/2)}.label{position:absolute;box-sizing:border-box;display:flex;padding:4px;place-content:center;place-items:center;border-radius:var(--md-sys-shape-corner-full, 9999px);color:var(--_label-text-color);font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);transition:transform 100ms cubic-bezier(0.2, 0, 0, 1);transform-origin:center bottom;transform:scale(0)}:host(:focus-within) .label,.handleContainer.hover .label,:where(:has(input:active)) .label{transform:scale(1)}.label::before,.label::after{position:absolute;display:block;content:"";background:inherit}.label::before{inline-size:calc(var(--_label-container-height)/2);block-size:calc(var(--_label-container-height)/2);bottom:calc(var(--_label-container-height)/-10);transform:rotate(45deg)}.label::after{inset:0px;border-radius:inherit}.labelContent{z-index:1}input[type=range]{opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:rgba(0,0,0,0);cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:none}::-webkit-slider-runnable-track{-webkit-appearance:none}::-moz-range-track{appearance:none}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_handle-height);inline-size:var(--_handle-width);opacity:0;z-index:2}input.end::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_end-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.end:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}input.start::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_start-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.start:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}::-moz-range-thumb{appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.ranged input.start{clip-path:inset(0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))) 0 0)}.ranged input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))))}.ranged input.end{clip-path:inset(0 0 0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)))}.ranged input.end:dir(rtl){clip-path:inset(0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)) 0 0)}.onTop{z-index:1}.handle{--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-ripple{border-radius:50%;height:var(--_state-layer-size);width:var(--_state-layer-size)}`,Nc=or.styleSheet;var nt=class extends k{static{this.styles=[or,rr]}};nt=c([A("md-slider")],nt);var eo=F({react:E,tagName:"md-slider",elementClass:nt,events:{onChange:"change",onInput:"input"}});function Fo({adaptive:o}){let[i,a]=n(0),[l,s]=n("Aphrody"),[d,p]=n(!0),[u,f]=n(50);return t(P,{title:"Web components",summary:"Material Web custom elements rendered through the React adapters. The shared theme reaches their shadow roots; native events update React state.",packages:["@aphrody/material-web","@aphrody/m3-react"],panes:o.panes,children:[e(m,{title:"Button family",description:"All five Material 3 emphasis levels trigger the same local counter.",children:t(y,{className:"flex flex-wrap items-center gap-3",children:[e(Rr,{onClick:()=>a((g)=>g+1),children:"Elevated"}),e(Lr,{onClick:()=>a((g)=>g+1),children:"Filled"}),e(Nr,{onClick:()=>a((g)=>g+1),children:"Tonal"}),e(Br,{onClick:()=>a((g)=>g+1),children:"Outlined"}),e(Dr,{onClick:()=>a((g)=>g+1),children:"Text"}),t("output",{className:"text-body-large","aria-live":"polite",children:["Activations: ",i]})]})}),e(m,{title:"Text fields",description:"Input events keep outlined and filled fields in sync.",children:t(y,{className:"flex flex-wrap items-start gap-4",children:[e(Zr,{label:"Outlined name",value:l,onInput:(g)=>s(g.currentTarget.value)}),e(Xr,{label:"Filled name",value:l,onInput:(g)=>s(g.currentTarget.value)}),t("p",{className:"text-body-large",children:["Hello, ",l||"visitor","."]})]})}),e(m,{title:"Selection and range",children:t(y,{className:"flex flex-col gap-4",children:[t("label",{className:"flex items-center gap-3",children:[e(Jr,{selected:d,onChange:(g)=>p(g.currentTarget.selected),"aria-label":"Enable notifications"}),"Enable notifications: ",d?"on":"off"]}),e(eo,{min:0,max:100,value:u,"aria-label":"Volume",onInput:(g)=>f(Number(g.currentTarget.value))}),t("output",{className:"text-body-large",children:["Volume: ",u,"%"]})]})})]})}export{Fo as default};