1import{B as e,C as t,Ct as n,H as r,I as i,K as a,L as o,M as s,R as c,St as l,T as u,U as d,Z as f,a as p,at as m,c as h,ct as g,et as _,ft as v,g as y,it as ee,j as b,kt as te,lt as x,mt as ne,ot as S,pt as re,st as C,u as ie,ut as ae,v as w,vt as oe,w as se,x as T,yt as ce,z as le}from"../chunks/CzsObDY8.js";import{t as ue}from"../chunks/DAhi6lE9.js";import"../chunks/xihTtKlq.js";import"../chunks/C5qy-xbg.js";import{n as de,t as fe}from"../chunks/C6uBXowH.js";import{t as pe,u as me}from"../chunks/Du7Y30mz.js";import{t as he}from"../chunks/CmsztqYw.js";import{a as ge,c as _e,r as ve}from"../chunks/Bh8oZHKH.js";import{n as ye,t as be}from"../chunks/D7aDtkCV.js";import{t as xe}from"../chunks/CbU006_h.js";import{n as Se}from"../chunks/DzK1Iyhi.js";import{t as Ce}from"../chunks/DkUgRKUX.js";import"../chunks/D0djJHRo.js";var we=te({csr:()=>!0,prerender:()=>!0,ssr:()=>!0}),Te=e(`<a href="/dashboard" class="site-nav-link site-nav-link--menu">Dashboard</a>`),Ee=e(`<a href="/about" class="site-nav-link site-nav-link--menu">About</a>`),De=e(`<a href="/login" class="site-nav-link site-nav-link--menu">Login</a>`),Oe=e(`<div class="flex flex-col gap-1 rounded-lg bg-[#111111] p-2 shadow-xl w-52 z-[100] mt-3"><a href="/" class="site-nav-link site-nav-link--menu">Home</a> <!> <a href="/pricing" class="site-nav-link site-nav-link--menu">Pricing</a> <a href="/blog" class="site-nav-link site-nav-link--menu">Blog</a> <a href="/docs" class="site-nav-link site-nav-link--menu">Docs</a> <a href="/support" class="site-nav-link site-nav-link--menu">Support</a> <!> <!></div>`),ke=e(`<a href="/dashboard" class="site-nav-link">Dashboard</a>`),Ae=e(`<a href="/about" class="site-nav-link">About</a>`),je=e(`<wa-dropdown><button slot="trigger" type="button" class="nav-user-menu-trigger svelte-1h26vg0" aria-label="Account menu"><!></button> <wa-dropdown-item><a href="/account">Settings</a></wa-dropdown-item> <wa-dropdown-item><button type="button">Logout</button></wa-dropdown-item></wa-dropdown>`,2),Me=e(`<a href="/login" class="site-nav-link site-nav-link--login">Login</a>`),Ne=e(`<nav class="site-nav flex items-center gap-1"><!> <a href="/pricing" class="site-nav-link">Pricing</a> <a href="/blog" class="site-nav-link">Blog</a> <a href="/docs" class="site-nav-link">Docs</a> <a href="/support" class="site-nav-link">Support</a> <!> <!> <!></nav>`);function Pe(e,t){ce(t,!1);let r=async()=>{let{logOut:e}=he();e(),window.location.href=`/`},a=h(t,`isCollapsed`,8,!1);ie();var o=le(),s=S(o),l=e=>{var t=Oe(),r=C(m(t),2);ye(r,{children:(e,t)=>{c(e,Te())},$$slots:{default:!0}});var i=C(r,10);be(i,{children:(e,t)=>{c(e,Ee())},$$slots:{default:!0}}),be(C(i,2),{children:(e,t)=>{c(e,De())},$$slots:{default:!0}}),n(t),c(e,t)},u=e=>{var t=Ne(),i=m(t);ye(i,{children:(e,t)=>{c(e,ke())},$$slots:{default:!0}});var a=C(i,10);be(a,{children:(e,t)=>{c(e,Ae())},$$slots:{default:!0}});var o=C(a,2);ye(o,{children:(e,t)=>{var i=je();w(i,`placement`,`bottom-end`),T(i,1,`nav-user-menu ml-1`);var a=m(i);xe(m(a),{size:32}),n(a);var o=C(C(a,2),2),s=m(o);n(o),n(i),d(`click`,s,r),c(e,i)},$$slots:{default:!0}}),be(C(o,2),{children:(e,t)=>{c(e,Me())},$$slots:{default:!0}}),n(t),c(e,t)};i(s,e=>{a()?e(l):e(u,-1)}),c(e,o),oe()}r([`click`]);var Fe=e(`<div class="max-w-content mx-auto flex items-center justify-between px-4 py-3 md:px-20"><div class="m-0 flex min-w-10 flex-1 items-center"><wa-dropdown><wa-button><!></wa-button>
1 <!></wa-dropdown> <a href="/" class="hidden items-center md:flex"><!></a> <div class="mx-4 hidden h-5 w-px bg-white/15 md:block"></div> <div class="flex items-center gap-3 text-neutral-500"><a href="https://github.com/pockethost/pockethost" rel="noreferrer" target="_blank" class="transition-colors hover:text-white" aria-label="GitHub"><wa-icon></wa-icon></a> <a href="https://www.producthunt.com/products/pockethost" rel="noreferrer" target="_blank" class="transition-colors hover:text-white" aria-label="Product Hunt"><wa-icon></wa-icon></a> <a href="https://discord.gg/nVTxCMEcGT" rel="noreferrer" target="_blank" class="transition-colors hover:text-white" aria-label="Discord"><wa-icon></wa-icon></a> <a href="https://www.youtube.com/@pocketba5ed" rel="noreferrer" target="_blank" class="transition-colors hover:text-white" aria-label="YouTube"><wa-icon></wa-icon></a></div></div> <div class="flex flex-none items-center"><!></div></div>`,2);function Ie(e){var t=Fe(),r=m(t),i=m(r);T(i,1,`navbar-mobile-dropdown md:hidden`);var a=m(i);w(a,`slot`,`trigger`),w(a,`appearance`,`plain`),T(a,1,`mx-0 px-0 lg:hidden`),fe(m(a),{}),n(a),Pe(C(a,2),{isCollapsed:!0}),n(i);var o=C(i,2);fe(m(o),{}),n(o);var s=C(o,4),l=m(s),u=m(l);w(u,`name`,`github`),w(u,`family`,`brands`),n(l);var d=C(l,2),f=m(d);w(f,`name`,`product-hunt`),w(f,`family`,`brands`),n(d);var p=C(d,2),h=m(p);w(h,`name`,`discord`),w(h,`family`,`brands`),n(p);var g=C(p,2),_=m(g);w(_,`name`,`youtube`),w(_,`family`,`brands`),n(g),n(s),n(r);var v=C(r,2);Pe(m(v),{}),n(v),n(t),c(e,t)}var Le=e(`<wa-button><wa-icon></wa-icon> Sent!</wa-button>
1`,2),Re=e(`<wa-button>Resend Email</wa-button>`,2),ze=e(`<div class="border-top text-center mt-2 pt-2"> </div>`),Be=e(`<wa-callout><wa-icon></wa-icon> <div class="flex flex-col md:flex-row justify-between gap-4 w-full"><div class="flex gap-4 items-center text-start"><div>Please verify your account by clicking the link in your email</div></div> <div class="text-right w-full md:w-auto"><!> <!></div></div></wa-callout>`,2);function Ve(e,t){ce(t,!1);let r=()=>ne(_e,`$isUserVerified`,s),[s,f]=re(),{resendVerificationEmail:p}=he(),h=g(!1),v=g(``),y=async()=>{x(h,!0);try{await p()}catch(e){x(v,`Something went wrong with sending the verification email. ${e.message}`)}setTimeout(()=>{x(h,!1)},5e3)};ie(),ye(e,{children:(e,t)=>{var s=le(),f=S(s),p=e=>{var t=Be();w(t,`variant`,`brand`),T(t,1,`wa-callout-padded`);var r=m(t);w(r,`slot`,`icon`),w(r,`name`,`envelope`);var s=C(r,2),f=C(m(s),2),p=m(f),g=e=>{var t=Le();w(t,`variant`,`success`),w(t,`size`,`s`),w(t,`disabled`,!0);var r=m(t);w(r,`slot`,`start`),w(r,`name`,`check`),l(),n(t),c(e,t)},ee=e=>{var t=Re();w(t,`type`,`button`),w(t,`variant`,`neutral`),w(t,`size`,`s`),w(t,`appearance`,`outline`),T(t,1,`w-full`),d(`click`,t,y),c(e,t)};i(p,e=>{a(h)?e(g):e(ee,-1)});var b=C(p,2),te=e=>{var t=ze(),r=m(t,!0);n(t),_(()=>o(r,a(v))),u(3,t,()=>Se),c(e,t)};i(b,e=>{a(v)&&e(te)}),n(f),n(s),n(t),c(e,t)};i(f,e=>{r()||e(p)}),c(e,s)},$$slots:{default:!0}}),oe(),f()}r([`click`]);var He=e(`<meta name="description"/> <meta property="og:url"/> <meta property="og:type" content="website"/> <meta property="og:title" content="PocketHost"/> <meta property="og:description"/> <meta property="og:image"/> <meta name="twitter:card" content="summary_large_image"/> <meta property="twitter:domain"/> <meta property="twitter:url"/> <meta name="twitter:title" content="PocketHost"/> <meta name="twitter:description"/> <meta name="twitter:image"/>`,1),Ue=e(`<link rel="manifest" href="/manifest.json"/> <!>`,1);function We(e,t){ce(t,!1);let n=pe(),r=`${n}newPoster.png`,o=`Get a PocketBase backend for your next app in under 10 seconds.`;ie(),se(`pk6x0i`,e=>{var t=Ue(),s=C(S(t),2),l=e=>{var t=He(),i=S(t);y(i,`content`,o);var a=C(i,2),s=C(a,6);y(s,`content`,o);var l=C(s,2),u=C(l,4),d=C(u,2),f=C(d,4);y(f,`content`,o);var p=C(f,2);_(e=>{y(a,`content`,n),y(l,`content`,r),y(u,`content`,e),y(d,`content`,n),y(p,`content`,r)},[()=>pe()]),c(e,t)},u=v(()=>!Ce.url.pathname.includes(`/docs`)&&!Ce.url.pathname.includes(`/blog`));i(s,e=>{a(u)&&e(l)}),c(e,t)}),oe()}var Ge=class extends Event{constructor(){super(`wa-error`,{bubbles:!0,cancelable:!1,composed:!0})}},Ke=globalThis,qe=Ke.ShadowRoot&&(Ke.ShadyCSS===void 0||Ke.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,Je=Symbol(),Ye=new WeakMap,Xe=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==Je)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(qe&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=Ye.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&Ye.set(t,e))}return e}toString(){return this.cssText}},Ze=e=>new Xe(typeof e==`string`?e:e+``,void 0,Je),E=(e,...t)=>new Xe(e.length===1?e[0]:t.reduce((t,n,r)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if(typeof e==`number`)return e;throw Error(`Value passed to 'css' function must be a 'css' function result: `+e+`. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`)})(n)+e[r+1],e[0]),e,Je),Qe=(e,t)=>{if(qe)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=Ke.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},$e=qe?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return Ze(t)})(e):e,{is:et,defineProperty:tt,getOwnPropertyDescriptor:nt,getOwnPropertyNames:rt,getOwnPropertySymbols:it,getPrototypeOf:at}=Object,ot=globalThis,st=ot.trustedTypes,ct=st?st.emptyScript:``,lt=ot.reactiveElementPolyfillSupport,ut=(e,t)=>e,dt={toAttribute(e,t){switch(t){case Boolean:e=e?ct:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},ft=(e,t)=>!et(e,t),pt={attribute:!0,type:String,converter:dt,reflect:!1,useDefault:!1,hasChanged:ft};Symbol.metadata??=Symbol(`metadata`),ot.litPropertyMetadata??=new WeakMap;var mt=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=pt){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&tt(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=nt(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??pt}static _$Ei(){if(this.hasOwnProperty(ut(`elementProperties`)))return;let e=at(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(ut(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ut(`properties`))){let e=this.properties,t=[...rt(e),...it(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift($e(e))}else e!==void 0&&t.push($e(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e
vendor: 9,468 bytes, lines 1-2
1=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Qe(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?dt:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?dt:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??ft)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};mt.elementStyles=[],mt.shadowRootOptions={mode:`open`},mt[ut(`elementProperties`)]=new Map,mt[ut(`finalized`)]=new Map,lt?.({ReactiveElement:mt}),(ot.reactiveElementVersions??=[]).push(`2.1.2`);var ht=globalThis,gt=e=>e,_t=ht.trustedTypes,vt=_t?_t.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,yt=`$lit$`,bt=`lit$${Math.random().toFixed(9).slice(2)}$`,xt=`?`+bt,St=`<${xt}>`,Ct=document,wt=()=>Ct.createComment(``),Tt=e=>e===null||typeof e!=`object`&&typeof e!=`function`,Et=Array.isArray,Dt=e=>Et(e)||typeof e?.[Symbol.iterator]==`function`,Ot=`[ 2\f\r]`,kt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,At=/-->/g,jt=/>/g,Mt=RegExp(`>|${Ot}(?:([^\\s"'>=/]+)(${Ot}*=${Ot}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,`g`),Nt=/'/g,Pt=/"/g,Ft=/^(?:script|style|textarea|title)$/i,D=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),O=Symbol.for(`lit-noChange`),k=Symbol.for(`lit-nothing`),It=new WeakMap,Lt=Ct.createTreeWalker(Ct,129);function Rt(e,t){if(!Et(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return vt===void 0?t:vt.createHTML(t)}var zt=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=kt;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===kt?c[1]===`!--`?o=At:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=Mt):(Ft.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=Mt):o=jt:o===Mt?c[0]===`>`?(o=i??kt,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?Mt:c[3]===`"`?Pt:Nt):o===Pt||o===Nt?o=Mt:o===At||o===jt?o=kt:(o=Mt,i=void 0);let d=o===Mt&&e[t+1].startsWith(`/>`)?` `:``;a+=o===kt?n+St:l>=0?(r.push(s),n.slice(0,l)+yt+n.slice(l)+bt+d):n+bt+(l===-2?t:d)}return[Rt(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},Bt=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=zt(t,n);if(this.el=e.createElement(l,r),Lt.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=Lt.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(yt)){let t=u[o++],n=i.getAttribute(e).split(bt),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?Gt:r[1]===`?`?Kt:r[1]===`@`?qt:Wt}),i.removeAttribute(e)}else e.startsWith(bt)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(Ft.test(i.tagName)){let e=i.textContent.split(bt),t=e.length-1;if(t>0){i.textContent=_t?_t.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],wt()),Lt.nextNode(),c.push({type:2,index:++a});i.append(e[t],wt())}}}else if(i.nodeType===8)if(i.data===xt)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(bt,e+1))!==-1;)c.push({type:7,index:a}),e+=bt.length-1}a++}}static createElement(e,t){let n=Ct.createElement(`template`);return n.innerHTML=e,n}};function Vt(e,t,n=e,r){if(t===O)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=Tt(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=Vt(e,i._$AS(e,t.values),i,r)),t}var Ht=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??Ct).importNode(t,!0);Lt.currentNode=r;let i=Lt.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new Ut(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new Jt(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=Lt.nextNode(),a++)}return Lt.currentNode=Ct,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},Ut=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=k,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Vt(this,e,t),Tt(e)?e===k||e==null||e===``?(this._$AH!==k&&this._$AR(),this._$AH=k):e!==this._$AH&&e!==O&&this._(e):e._$litType$===void 0?e.nodeType===void 0?Dt(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==k&&Tt(this._$AH)?this._$AA.nextSibling.data=e:this.T(Ct.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=Bt.createElement(Rt(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new Ht(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=It.get(e.strings);return t===void 0&&It.set(e.strings,t=new Bt(e)),t}k(t){Et(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(wt()),this.O(wt()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=gt(e).nextSibling;gt(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},Wt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=k,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=k}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=Vt(this,e,t,0),a=!Tt(e)||e!==this._$AH&&e!==O,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=Vt(this,r[n+o],t,o),s===O&&(s=this._$AH[o]),a||=!Tt(s)||s!==this._$AH[o],s===k?e=k:e!==k&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===k?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},Gt=class extends Wt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===k?void 0:e}},Kt=class extends Wt{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==k)}},qt=class extends Wt{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}
vendor: 9,097 bytes, lines 2-280
2_$AI(e,t=this){if((e=Vt(this,e,t,0)??k)===O)return;let n=this._$AH,r=e===k&&n!==k||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==k&&(n===k||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},Jt=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){Vt(this,e)}},Yt={M:yt,P:bt,A:xt,C:1,L:zt,R:Ht,D:Dt,V:Vt,I:Ut,H:Wt,N:Kt,U:qt,B:Gt,F:Jt},Xt=ht.litHtmlPolyfillSupport;Xt?.(Bt,Ut),(ht.litHtmlVersions??=[]).push(`3.3.3`);var Zt=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new Ut(t.insertBefore(wt(),e),e,void 0,n??{})}return i._$AI(e),i},Qt=globalThis,$t=class extends mt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Zt(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return O}};$t._$litElement$=!0,$t.finalized=!0,Qt.litElementHydrateSupport?.({LitElement:$t});var en=Qt.litElementPolyfillSupport;en?.({LitElement:$t}),(Qt.litElementVersions??=[]).push(`4.2.2`);var tn=E` 3 :host { 4 --primary-color: currentColor; 5 --primary-opacity: 1; 6 --secondary-color: currentColor; 7 --secondary-opacity: 0.4; 8 --rotate-angle: 0deg; 9 10 box-sizing: content-box; 11 display: inline-flex; 12 align-items: center; 13 justify-content: center; 14 vertical-align: -0.125em; 15 } 16 17 /* Standard */ 18 :host(:not([auto-width])) { 19 width: 1.25em; 20 height: 1em; 21 min-width: 1.25em; /* <-- this is what Safari respects for intrinsic */ 22 min-height: 1em; 23 } 24 25 /* Auto-width */ 26 :host([auto-width]) { 27 width: auto; 28 height: 1em; 29 } 30 31 svg { 32 fill: currentColor; 33 height: 1em; 34 overflow: visible; 35 width: auto; 36 37 /* Duotone colors with path-specific opacity fallback */ 38 path[data-duotone-primary] { 39 color: var(--primary-color); 40 opacity: var(--path-opacity, var(--primary-opacity)); 41 } 42 43 path[data-duotone-secondary] { 44 color: var(--secondary-color); 45 opacity: var(--path-opacity, var(--secondary-opacity)); 46 } 47 } 48 49 /* Rotation */ 50 :host([rotate]) { 51 transform: rotate(var(--rotate-angle, 0deg)); 52 } 53 54 /* Flipping */ 55 :host([flip='x']) { 56 transform: scaleX(-1); 57 } 58 :host([flip='y']) { 59 transform: scaleY(-1); 60 } 61 :host([flip='both']) { 62 transform: scale(-1, -1); 63 } 64 65 /* Rotation and Flipping combined */ 66 :host([rotate][flip='x']) { 67 transform: rotate(var(--rotate-angle, 0deg)) scaleX(-1); 68 } 69 :host([rotate][flip='y']) { 70 transform: rotate(var(--rotate-angle, 0deg)) scaleY(-1); 71 } 72 :host([rotate][flip='both']) { 73 transform: rotate(var(--rotate-angle, 0deg)) scale(-1, -1); 74 } 75 76 /* Animations */ 77 :host([animation='beat']) { 78 animation-name: beat; 79 animation-delay: var(--animation-delay, 0s); 80 animation-direction: var(--animation-direction, normal); 81 animation-duration: var(--animation-duration, 1s); 82 animation-iteration-count: var(--animation-iteration-count, infinite); 83 animation-timing-function: var(--animation-timing, ease-in-out); 84 } 85 86 :host([animation='fade']) { 87 animation-name: fade; 88 animation-delay: var(--animation-delay, 0s); 89 animation-direction: var(--animation-direction, normal); 90 animation-duration: var(--animation-duration, 1s); 91 animation-iteration-count: var(--animation-iteration-count, infinite); 92 animation-timing-function: var(--animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); 93 } 94 95 :host([animation='beat-fade']) { 96 animation-name: beat-fade; 97 animation-delay: var(--animation-delay, 0s); 98 animation-direction: var(--animation-direction, normal); 99 animation-duration: var(--animation-duration, 1s); 100 animation-iteration-count: var(--animation-iteration-count, infinite); 101 animation-timing-function: var(--animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); 102 } 103 104 :host([animation='bounce']) { 105 animation-name: bounce; 106 animation-delay: var(--animation-delay, 0s); 107 animation-direction: var(--animation-direction, normal); 108 animation-duration: var(--animation-duration, 1s); 109 animation-iteration-count: var(--animation-iteration-count, infinite); 110 animation-timing-function: var(--animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); 111 } 112 113 :host([animation='flip']) { 114 animation-name: flip; 115 animation-delay: var(--animation-delay, 0s); 116 animation-direction: var(--animation-direction, normal); 117 animation-duration: var(--animation-duration, 1s); 118 animation-iteration-count: var(--animation-iteration-count, infinite); 119 animation-timing-function: var(--animation-timing, ease-in-out); 120 } 121 122 :host([animation='shake']) { 123 animation-name: shake; 124 animation-delay: var(--animation-delay, 0s); 125 animation-direction: var(--animation-direction, normal); 126 animation-duration: var(--animation-duration, 1s); 127 animation-iteration-count: var(--animation-iteration-count, infinite); 128 animation-timing-function: var(--animation-timing, linear); 129 } 130 131 :host([animation='spin']) { 132 animation-name: spin; 133 animation-delay: var(--animation-delay, 0s); 134 animation-direction: var(--animation-direction, normal); 135 animation-duration: var(--animation-duration, 2s); 136 animation-iteration-count: var(--animation-iteration-count, infinite); 137 animation-timing-function: var(--animation-timing, linear); 138 } 139 140 :host([animation='spin-pulse']) { 141 animation-name: spin-pulse; 142 animation-direction: var(--animation-direction, normal); 143 animation-duration: var(--animation-duration, 1s); 144 animation-iteration-count: var(--animation-iteration-count, infinite); 145 animation-timing-function: var(--animation-timing, steps(8)); 146 } 147 148 :host([animation='spin-reverse']) { 149 animation-name: spin; 150 animation-delay: var(--animation-delay, 0s); 151 animation-direction: var(--animation-direction, reverse); 152 animation-duration: var(--animation-duration, 2s); 153 animation-iteration-count: var(--animation-iteration-count, infinite); 154 animation-timing-function: var(--animation-timing, linear); 155 } 156 157 /* Keyframes */ 158 @media (prefers-reduced-motion: reduce) { 159 :host([animation='beat']), 160 :host([animation='bounce']), 161 :host([animation='fade']), 162 :host([animation='beat-fade']), 163 :host([animation='flip']), 164 :host([animation='shake']), 165 :host([animation='spin']), 166 :host([animation='spin-pulse']), 167 :host([animation='spin-reverse']) { 168 animation: none !important; 169 transition: none !important; 170 } 171 } 172 @keyframes beat { 173 0%, 174 90% { 175 transform: scale(1); 176 } 177 45% { 178 transform: scale(var(--beat-scale, 1.25)); 179 } 180 } 181 182 @keyframes fade { 183 50% { 184 opacity: var(--fade-opacity, 0.4); 185 } 186 } 187 188 @keyframes beat-fade { 189 0%, 190 100% { 191 opacity: var(--beat-fade-opacity, 0.4); 192 transform: scale(1); 193 } 194 50% { 195 opacity: 1; 196 transform: scale(var(--beat-fade-scale, 1.125)); 197 } 198 } 199 200 @keyframes bounce { 201 0% { 202 transform: scale(1, 1) translateY(0); 203 } 204 10% { 205 transform: scale(var(--bounce-start-scale-x, 1.1), var(--bounce-start-scale-y, 0.9)) translateY(0); 206 } 207 30% { 208 transform: scale(var(--bounce-jump-scale-x, 0.9), var(--bounce-jump-scale-y, 1.1)) 209 translateY(var(--bounce-height, -0.5em)); 210 } 211 50% { 212 transform: scale(var(--bounce-land-scale-x, 1.05), var(--bounce-land-scale-y, 0.95)) translateY(0); 213 } 214 57% { 215 transform: scale(1, 1) translateY(var(--bounce-rebound, -0.125em)); 216 } 217 64% { 218 transform: scale(1, 1) translateY(0); 219 } 220 100% { 221 transform: scale(1, 1) translateY(0); 222 } 223 } 224 225 @keyframes flip { 226 50% { 227 transform: rotate3d(var(--flip-x, 0), var(--flip-y, 1), var(--flip-z, 0), var(--flip-angle, -180deg)); 228 } 229 } 230 231 @keyframes shake { 232 0% { 233 transform: rotate(-15deg); 234 } 235 4% { 236 transform: rotate(15deg); 237 } 238 8%, 239 24% { 240 transform: rotate(-18deg); 241 } 242 12%, 243 28% { 244 transform: rotate(18deg); 245 } 246 16% { 247 transform: rotate(-22deg); 248 } 249 20% { 250 transform: rotate(22deg); 251 } 252 32% { 253 transform: rotate(-12deg); 254 } 255 36% { 256 transform: rotate(12deg); 257 } 258 40%, 259 100% { 260 transform: rotate(0deg); 261 } 262 } 263 264 @keyframes spin { 265 0% { 266 transform: rotate(0deg); 267 } 268 100% { 269 transform: rotate(360deg); 270 } 271 } 272 273 @keyframes spin-pulse { 274 0% { 275 transform: rotate(0deg); 276 } 277 100% { 278 transform: rotate(360deg); 279 } 280 }
281`,nn=class extends Event{constructor(){super(`wa-load`,{bubbles:!0,cancelable:!1,composed:!0})}};function A(e,t){let n={waitUntilFirstUpdate:!1,...t};return(t,r)=>{let{update:i}=t,a=Array.isArray(e)?e:[e];t.update=function(e){a.forEach(t=>{let i=t;if(e.has(i)){let t=e.get(i),a=this[i];t!==a&&(!n.waitUntilFirstUpdate||this.hasUpdated)&&this[r](t,a)}}),i.call(this,e)}}}var rn=Object.defineProperty,an=Object.getOwnPropertyDescriptor,on=e=>{throw TypeError(e)},j=(e,t,n,r)=>{for(var i=r>1?void 0:r?an(t,n):t,a=e.length-1,o;a>=0;a--)(o=e[a])&&(i=(r?o(t,n,i):o(i))||i);return r&&i&&rn(t,n,i),i},sn=(e,t,n)=>t.has(e)||on(`Cannot `+n),cn=(e,t,n)=>(sn(e,t,`read from private field`),n?n.call(e):t.get(e)),ln=(e,t,n)=>t.has(e)?on(`Cannot add the same private member more than once`):t instanceof WeakSet?t.add(e):t.set(e,n),un=(e,t,n,r)=>(sn(e,t,`write to private field`),r?r.call(e,n):t.set(e,n),n),M=e=>(t,n)=>{n===void 0?customElements.define(e,t):n.addInitializer(()=>{customElements.define(e,t)})},dn={attribute:!0,type:String,converter:dt,reflect:!1,hasChanged:ft},fn=(e=dn,t,n)=>{let{kind:r,metadata:i}=n,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),r===`setter`&&((e=Object.create(e)).wrapped=!0),a.set(n.name,e),r===`accessor`){let{name:r}=n;return{set(n){let i=t.get.call(this);t.set.call(this,n),this.requestUpdate(r,i,e,!0,n)},init(t){return t!==void 0&&this.C(r,void 0,e,t),t}}}if(r===`setter`){let{name:r}=n;return function(n){let i=this[r];t.call(this,n),this.requestUpdate(r,i,e,!0,n)}}throw Error(`Unsupported decorator location: `+r)};function N(e){return(t,n)=>typeof n==`object`?fn(e,t,n):((e,t,n)=>{let r=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),r?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}function P(e){return N({...e,state:!0,attribute:!1})}var pn=(e,t,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&typeof t!=`object`&&Object.defineProperty(e,t,n),n);function F(e,t){return(n,r,i)=>{let a=t=>t.renderRoot?.querySelector(e)??null;if(t){let{get:e,set:t}=typeof r==`object`?n:i??(()=>{let e=Symbol();return{get(){return this[e]},set(t){this[e]=t}}})();return pn(n,r,{get(){let n=e.call(this);return n===void 0&&(n=a(this),(n!==null||this.hasUpdated)&&t.call(this,n)),n}})}return pn(n,r,{get(){return a(this)}})}}var mn=E` 282 :host { 283 box-sizing: border-box; 284 } 285 286 :host *, 287 :host *::before, 288 :host *::after { 289 box-sizing: inherit; 290 } 291 292 [hidden] { 293 display: none !important; 294 } 295`;function hn(e){return e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}var gn,I=class extends $t{constructor(){super(),ln(this,gn,!1),this.initialReflectedProperties=new Map,this.didSSR=!!this.shadowRoot,this.customStates={set:(e,t)=>{if(this.internals?.states)try{t?this.internals.states.add(e):this.internals.states.delete(e)}catch(e){if(String(e).includes(`must start with '--'`))console.error(`Your browser implements an outdated version of CustomStateSet. Consider using a polyfill`);else throw e}},has:e=>{if(!this.internals?.states)return!1;try{return this.internals.states.has(e)}catch{return!1}}};try{this.internals=this.attachInternals()}catch{console.error(`Element internals are not supported in your browser. Consider using a polyfill`)}this.customStates.set(`wa-defined`,!0);let e=this.constructor;for(let[t,n]of e.elementProperties)n.default===`inherit`&&n.initial!==void 0&&typeof t==`string`&&this.customStates.set(`initial-${t}-${n.initial}`,!0)}static get styles(){return[mn,...Array.isArray(this.css)?this.css:this.css?[this.css]:[]]}connectedCallback(){super.connectedCallback(),this.didSSR||this.shadowRoot?.prepend(document.createComment(` Web Awesome: https://webawesome.com/docs/components/${this.localName.replace(`wa-`,``)} `)),this.didSSR&&this.updateComplete.then(()=>{this.shadowRoot?.prepend(document.createComment(` Web Awesome: https://webawesome.com/docs/components/${this.localName.replace(`wa-`,``)} `))})}attributeChangedCallback(e,t,n){cn(this,gn)||(this.constructor.elementProperties.forEach((e,t)=>{e.reflect&&this[t]!=null&&this.initialReflectedProperties.set(t,this[t])}),un(this,gn,!0)),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),this.initialReflectedProperties.forEac
295h((t,n)=>{e.has(n)&&this[n]==null&&(this[n]=t)})}firstUpdated(e){super.firstUpdated(e),this.didSSR&&this.shadowRoot?.querySelectorAll(`slot`).forEach(e=>{e.dispatchEvent(new Event(`slotchange`,{bubbles:!0,composed:!1,cancelable:!1}))})}update(e){try{super.update(e)}catch(e){if(this.didSSR&&!this.hasUpdated){let t=new Event(`lit-hydration-error`,{bubbles:!0,composed:!0,cancelable:!1});t.error=e,this.dispatchEvent(t)}throw e}}setStyle(e,t){if(!this.style){if(t!=null){let n=this.getAttribute(`style`)||``;n&&(n+=` `),this.setAttribute(`style`,`${n}${hn(e)}: ${t};`)}return}this.style[e]=t}setStyleProperty(e,t){if(!this.style){if(t!=null){let n=this.getAttribute(`style`)||``;n&&(n+=` `),this.setAttribute(`style`,`${n}${e}: ${t};`)}return}this.style.setProperty(e,t)}relayNativeEvent(e,t){e.stopImmediatePropagation(),this.dispatchEvent(new e.constructor(e.type,{...e,...t}))}};gn=new WeakMap,j([N()],I.prototype,`dir`,2),j([N()],I.prototype,`lang`,2),j([N({type:Boolean,reflect:!0,attribute:`did-ssr`})],I.prototype,`didSSR`,2);var _n=``,vn=``;function yn(){return _n.replace(/\/$/,``)}function bn(e){vn=e}function xn(){if(!vn){let e=document.querySelector(`[data-fa-kit-code]`);e&&bn(e.getAttribute(`data-fa-kit-code`)||``)}return vn}var Sn=`7.2.0`;function Cn(e,t,n){let r=`solid`;return t===`chisel`&&(r=`chisel-regular`),t===`etch`&&(r=`etch-solid`),t===`graphite`&&(r=`graphite-thin`),t===`jelly`&&(r=`jelly-regular`,n===`duo-regular`&&(r=`jelly-duo-regular`),n===`fill-regular`&&(r=`jelly-fill-regular`)),t===`jelly-duo`&&(r=`jelly-duo-regular`),t===`jelly-fill`&&(r=`jelly-fill-regular`),t===`notdog`&&(n===`solid`&&(r=`notdog-solid`),n===`duo-solid`&&(r=`notdog-duo-solid`)),t===`notdog-duo`&&(r=`notdog-duo-solid`),t===`slab`&&((n===`solid`||n===`regular`)&&(r=`slab-regular`),n===`press-regular`&&(r=`slab-press-regular`)),t===`slab-press`&&(r=`slab-press-regular`),t===`thumbprint`&&(r=`thumbprint-light`),t===`utility`&&(r=`utility-semibold`),t===`utility-duo`&&(r=`utility-duo-semibold`),t===`utility-fill`&&(r=`utility-fill-semibold`),t===`whiteboard`&&(r=`whiteboard-semibold`),t===`classic`&&(n===`thin`&&(r=`thin`),n===`light`&&(r=`light`),n===`regular`&&(r=`regular`),n===`solid`&&(r=`solid`)),t===`duotone`&&(n===`thin`&&(r=`duotone-thin`),n===`light`&&(r=`duotone-light`),n===`regular`&&(r=`duotone-regular`),n===`solid`&&(r=`duotone`)),t===`sharp`&&(n===`thin`&&(r=`sharp-thin`),n===`light`&&(r=`sharp-light`),n===`regular`&&(r=`sharp-regular`),n===`solid`&&(r=`sharp-solid`)),t===`sharp-duotone`&&(n===`thin`&&(r=`sharp-duotone-thin`),n===`light`&&(r=`sharp-duotone-light`),n===`regular`&&(r=`sharp-duotone-regular`),n===`solid`&&(r=`sharp-duotone-solid`)),t===`brands`&&(r=`brands`),r}function wn(e,t,n){let r=Cn(e,t,n),i=yn();if(i)return`${i}/${r}/${e}.svg`;let a=xn();return a.length>0?`https://ka-p.fontawesome.com/releases/v${Sn}/svgs/${r}/${e}.svg?token=${encodeURIComponent(a)}`:`https://ka-f.fontawesome.com/releases/v${Sn}/svgs/${r}/${e}.svg`}var Tn={name:`default`,resolver:(e,t=`classic`,n=`solid`)=>wn(e,t,n),mutator:(e,t)=>{if(t?.family&&!e.hasAttribute(`data-duotone-initialized`)){let{family:n,variant:r}=t;if(n===`duotone`||n===`sharp-duotone`||n===`notdog-duo`||n===`notdog`&&r===`duo-solid`||n===`jelly-duo`||n===`jelly`&&r===`duo-regular`||n===`utility-duo`||n===`thumbprint`){let n=[...e.querySelectorAll(`path`)],r=n.find(e=>!e.hasAttribute(`opacity`)),i=n.find(e=>e.hasAttribute(`opacity`));if(!r||!i)return;if(r.setAttribute(`data-duotone-primary`,``),i.setAttribute(`data-duotone-secondary`,``),t.swapOpacity&&r&&i){let e=i.getAttribute(`opacity`)||`0.4`;r.style.setProperty(`--path-opacity`,e),i.style.setProperty(`--path-opacity`,`1`)}e.setAttribute(`data-duotone-initialized`,``)}}}};function En(e){return`data:image/svg+xml,${encodeURIComponent(e)}`}var Dn={solid:{backward:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M236.3 107.1C247.9 96 265 92.9 279.7 99.2C294.4 105.5 304 120 304 136L304 272.3L476.3 107.2C487.9 96 505 92.9 519.7 99.2C534.4 105.5 544 120 544 136L544 504C544 520 534.4 534.5 519.7 540.8C505 547.1 487.9 544 476.3 532.9L304 367.7L304 504C304 520 294.4 534.5 279.7 540.8C265 547.1 247.9 544 236.3 532.9L44.3 348.9C36.5 341.3 32 330.9 32 320C32 309.1 36.5 298.7 44.3 291.1L236.3 107.1z"/></svg>`,"backward-step":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
295<path fill="currentColor" d="M491 100.8C478.1 93.8 462.3 94.5 450 102.6L192 272.1L192 128C192 110.3 177.7 96 160 96C142.3 96 128 110.3 128 128L128 512C128 529.7 142.3 544 160 544C177.7 544 192 529.7 192 512L192 367.9L450 537.5C462.3 545.6 478 546.3 491 539.3C504 532.3 512 518.8 512 504.1L512 136.1C512 121.4 503.9 107.9 491 100.9z"/></svg>`,check:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z"/></svg>`,"chevron-down":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>`,"chevron-left":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>`,"chevron-right":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>`,circle:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z"/></svg>`,"closed-captioning":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M64 192C64 156.7 92.7 128 128 128L512 128C547.3 128 576 156.7 576 192L576 448C576 483.3 547.3 512 512 512L128 512C92.7 512 64 483.3 64 448L64 192zM216 272L248 272C252.4 272 256 275.6 256 280C256 293.3 266.7 304 280 304C293.3 304 304 293.3 304 280C304 249.1 278.9 224 248 224L216 224C185.1 224 160 249.1 160 280L160 360C160 390.9 185.1 416 216 416L248 416C278.9 416 304 390.9 304 360C304 346.7 293.3 336 280 336C266.7 336 256 346.7 256 360C256 364.4 252.4 368 248 368L216 368C211.6 368 208 364.4 208 360L208 280C208 275.6 211.6 272 216 272zM384 280C384 275.6 387.6 272 392 272L424 272C428.4 272 432 275.6 432 280C432 293.3 442.7 304 456 304C469.3 304 480 293.3 480 280C480 249.1 454.9 224 424 224L392 224C361.1 224 336 249.1 336 280L336 360C336 390.9 361.1 416 392 416L424 416C454.9 416 480 390.9 480 360C480 346.7 469.3 336 456 336C442.7 336 432 346.7 432 360C432 364.4 428.4 368 424 368L392 368C387.6 368 384 364.4 384 360L384 280z"/></svg>`,"closed-captioning-slash":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M39 39.1C48.4 29.7 63.6 29.7 72.9 39.1L161.8 128L512 128C547.3 128 576 156.7 576 192L576 448C576 473.5 561.1 495.4 539.6 505.8L601 567.1C610.4 576.5 610.4 591.7 601 601C591.6 610.3 576.4 610.4 567.1 601L39 73.1C29.7 63.7 29.7 48.5 39 39.1zM384 350.1L384 279.9C384 275.5 387.6 271.9 392 271.9L424 271.9C428.4 271.9 432 275.5 432 279.9C432 293.2 442.7 303.9 456 303.9C469.3 303.9 480 293.2 480 279.9C480 249 454.9 223.9 424 223.9L392 223.9C361.1 223.9 336 249 336 279.9L336 302.1L384 350.1zM445.5 411.6C465.7 403.2 48
2950 383.2 480 359.9C480 346.6 469.3 335.9 456 335.9C442.7 335.9 432 346.6 432 359.9C432 364.3 428.4 367.9 424 367.9L401.8 367.9L445.5 411.6zM162.3 264.1C160.8 269.1 160 274.5 160 280L160 360C160 390.9 185.1 416 216 416L248 416C266.1 416 282.1 407.5 292.4 394.2L410.2 512L128 512C92.7 512 64 483.3 64 448L64 192C64 184.2 65.4 176.7 68 169.8L162.3 264.1zM256.1 357.9C256 358.6 256 359.3 256 360C256 364.4 252.4 368 248 368L216 368C211.6 368 208 364.4 208 360L208 309.8L256.1 357.9z"/></svg>`,compress:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M160 64c0-17.7-14.3-32-32-32S96 46.3 96 64l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96zM32 320c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM352 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 320c-17.7 0-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0z"/></svg>`,"ellipsis-vertical":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M320 208C289.1 208 264 182.9 264 152C264 121.1 289.1 96 320 96C350.9 96 376 121.1 376 152C376 182.9 350.9 208 320 208zM320 432C350.9 432 376 457.1 376 488C376 518.9 350.9 544 320 544C289.1 544 264 518.9 264 488C264 457.1 289.1 432 320 432zM376 320C376 350.9 350.9 376 320 376C289.1 376 264 350.9 264 320C264 289.1 289.1 264 320 264C350.9 264 376 289.1 376 320z"/></svg>`,expand:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M128 96C110.3 96 96 110.3 96 128L96 224C96 241.7 110.3 256 128 256C145.7 256 160 241.7 160 224L160 160L224 160C241.7 160 256 145.7 256 128C256 110.3 241.7 96 224 96L128 96zM160 416C160 398.3 145.7 384 128 384C110.3 384 96 398.3 96 416L96 512C96 529.7 110.3 544 128 544L224 544C241.7 544 256 529.7 256 512C256 494.3 241.7 480 224 480L160 480L160 416zM416 96C398.3 96 384 110.3 384 128C384 145.7 398.3 160 416 160L480 160L480 224C480 241.7 494.3 256 512 256C529.7 256 544 241.7 544 224L544 128C544 110.3 529.7 96 512 96L416 96zM544 416C544 398.3 529.7 384 512 384C494.3 384 480 398.3 480 416L480 480L416 480C398.3 480 384 494.3 384 512C384 529.7 398.3 544 416 544L512 544C529.7 544 544 529.7 544 512L544 416z"/></svg>`,eyedropper:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M341.6 29.2l-101.6 101.6-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4 101.6-101.6c39-39 39-102.2 0-141.1s-102.2-39-141.1 0zM55.4 323.3c-15 15-23.4 35.4-23.4 56.6l0 42.4-26.6 39.9c-8.5 12.7-6.8 29.6 4 40.4s27.7 12.5 40.4 4l39.9-26.6 42.4 0c21.2 0 41.6-8.4 56.6-23.4l109.4-109.4-45.3-45.3-109.4 109.4c-3 3-7.1 4.7-11.3 4.7l-36.1 0 0-36.1c0-4.2 1.7-8.3 4.7-11.3l109.4-109.4-45.3-45.3-109.4 109.4z"/></svg>`,forward:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M403.7 107.1C392.1 96 375 92.9 360.3 99.2C345.6 105.5 336 120 336 136L336 272.3L163.7 107.2C152.1 96 135 92.9 120.3 99.2C105.6 105.5 96 120 96 136L96 504C96 520 105.6 534.5 120.3 540.8C135 547.1 152.1 544 163.7 532.9L336 367.7L336 504C336 520 345.6 534.5 360.3 540.8C375 547.1 392.1 544 403.7 532.9L595.7 348.9C603.6 341.4 608 330.9 608 320C608 309.1 603.5 298.7 595.7 291.1L403.7 107.1z"/></svg>`,file:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
295<path fill="currentColor" d="M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z"/></svg>`,"file-audio":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM389.8 307.7C380.7 301.4 368.3 303.6 362 312.7C355.7 321.8 357.9 334.2 367 340.5C390.9 357.2 406.4 384.8 406.4 416C406.4 447.2 390.8 474.9 367 491.5C357.9 497.8 355.7 510.3 362 519.3C368.3 528.3 380.8 530.6 389.8 524.3C423.9 500.5 446.4 460.8 446.4 416C446.4 371.2 424 331.5 389.8 307.7zM208 376C199.2 376 192 383.2 192 392L192 440C192 448.8 199.2 456 208 456L232 456L259.2 490C262.2 493.8 266.8 496 271.7 496L272 496C280.8 496 288 488.8 288 480L288 352C288 343.2 280.8 336 272 336L271.7 336C266.8 336 262.2 338.2 259.2 342L232 376L208 376zM336 448.2C336 458.9 346.5 466.4 354.9 459.8C367.8 449.5 376 433.7 376 416C376 398.3 367.8 382.5 354.9 372.2C346.5 365.5 336 373.1 336 383.8L336 448.3z"/></svg>`,"file-code":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM282.2 359.6C290.8 349.5 289.7 334.4 279.6 325.8C269.5 317.2 254.4 318.3 245.8 328.4L197.8 384.4C190.1 393.4 190.1 406.6 197.8 415.6L245.8 471.6C254.4 481.7 269.6 482.8 279.6 474.2C289.6 465.6 290.8 450.4 282.2 440.4L247.6 400L282.2 359.6zM394.2 328.4C385.6 318.3 370.4 317.2 360.4 325.8C350.4 334.4 349.2 349.6 357.8 359.6L392.4 400L357.8 440.4C349.2 450.5 350.3 465.6 360.4 474.2C370.5 482.8 385.6 481.7 394.2 471.6L442.2 415.6C449.9 406.6 449.9 393.4 442.2 384.4L394.2 328.4z"/></svg>`,"file-excel":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM292 330.7C284.6 319.7 269.7 316.7 258.7 324C247.7 331.3 244.7 346.3 252 357.3L291.2 416L252 474.7C244.6 485.7 247.6 500.6 258.7 508C269.8 515.4 284.6 512.4 292 501.3L320 459.3L348 501.3C355.4 512.3 370.3 515.3 381.3 508C392.3 500.7 395.3 485.7 388 474.7L348.8 416L388 357.3C395.4 346.3 392.4 331.4 381.3 324C370.2 316.6 355.4 319.6 348 330.7L320 372.7L292 330.7z"/></svg>`,"file-image":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320C192 337.7 206.3 352 224 352C241.7 352 256 337.7 256 320zM220.6 512L419.4 512C435.2 512 448 499.2 448 483.4C448 476.1 445.2 469 440.1 463.7L343.3 361.9C337.3 355.6 328.9 352 320.1 352L319.8 352C311 352 302.7 355.6 296.6 361.9L199.9 463.7C194.8 469 192 476.1 192 483.4C192 499.2 204.8 512 220.6 512z"/></svg>`,"file-pdf":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
295<path fill="currentColor" d="M128 64C92.7 64 64 92.7 64 128L64 512C64 547.3 92.7 576 128 576L208 576L208 464C208 428.7 236.7 400 272 400L448 400L448 234.5C448 217.5 441.3 201.2 429.3 189.2L322.7 82.7C310.7 70.7 294.5 64 277.5 64L128 64zM389.5 240L296 240C282.7 240 272 229.3 272 216L272 122.5L389.5 240zM272 444C261 444 252 453 252 464L252 592C252 603 261 612 272 612C283 612 292 603 292 592L292 564L304 564C337.1 564 364 537.1 364 504C364 470.9 337.1 444 304 444L272 444zM304 524L292 524L292 484L304 484C315 484 324 493 324 504C324 515 315 524 304 524zM400 444C389 444 380 453 380 464L380 592C380 603 389 612 400 612L432 612C460.7 612 484 588.7 484 560L484 496C484 467.3 460.7 444 432 444L400 444zM420 572L420 484L432 484C438.6 484 444 489.4 444 496L444 560C444 566.6 438.6 572 432 572L420 572zM508 464L508 592C508 603 517 612 528 612C539 612 548 603 548 592L548 548L576 548C587 548 596 539 596 528C596 517 587 508 576 508L548 508L548 484L576 484C587 484 596 475 596 464C596 453 587 444 576 444L528 444C517 444 508 453 508 464z"/></svg>`,"file-powerpoint":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM280 320C266.7 320 256 330.7 256 344L256 488C256 501.3 266.7 512 280 512C293.3 512 304 501.3 304 488L304 464L328 464C367.8 464 400 431.8 400 392C400 352.2 367.8 320 328 320L280 320zM328 416L304 416L304 368L328 368C341.3 368 352 378.7 352 392C352 405.3 341.3 416 328 416z"/></svg>`,"file-video":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM208 368L208 464C208 481.7 222.3 496 240 496L336 496C353.7 496 368 481.7 368 464L368 440L403 475C406.2 478.2 410.5 480 415 480C424.4 480 432 472.4 432 463L432 368.9C432 359.5 424.4 351.9 415 351.9C410.5 351.9 406.2 353.7 403 356.9L368 391.9L368 367.9C368 350.2 353.7 335.9 336 335.9L240 335.9C222.3 335.9 208 350.2 208 367.9z"/></svg>`,"file-word":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM263.4 338.8C260.5 325.9 247.7 317.7 234.8 320.6C221.9 323.5 213.7 336.3 216.6 349.2L248.6 493.2C250.9 503.7 260 511.4 270.8 512C281.6 512.6 291.4 505.9 294.8 495.6L320 419.9L345.2 495.6C348.6 505.8 358.4 512.5 369.2 512C380 511.5 389.1 503.8 391.4 493.2L423.4 349.2C426.3 336.3 418.1 323.4 405.2 320.6C392.3 317.8 379.4 325.9 376.6 338.8L363.4 398.2L342.8 336.4C339.5 326.6 330.4 320 320 320C309.6 320 300.5 326.6 297.2 336.4L276.6 398.2L263.4 338.8z"/></svg>`,"file-zipper":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM192 136C192 149.3 202.7 160 216 160L264 160C277.3 160 288 149.3 288 136C288 122.7 277.3 112 264 112L216 112C202.7 112 192 122.7 192 136zM192 232C192 245.3 202.7 256 216 256L264 256C277.3 256 288 245.3 288 232C288 218.7 277.3 208 264 208L216 208C202.7 208 192 218.7 192 232zM256 304L224 304C206.3 304 192 318.3 192 336L192 384C192 410.5 213.5 432 240 432C266.5 432 288 410.5 288 384L288 336C288 318.3 273.7 304 256 304zM240 368C248.8 368 256 375.2 256 384C256 392.8 248.8 400 240 400C231.2 400 224 392.8 224 384C224 375.2 231.2 368 240 368z"/></svg>`,"forward-step":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
295<path fill="currentColor" d="M21 36.8c12.9-7 28.7-6.3 41 1.8L320 208.1 320 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 384c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-144.1-258 169.6c-12.3 8.1-28 8.8-41 1.8S0 454.7 0 440L0 72C0 57.3 8.1 43.8 21 36.8z"/></svg>`,gauge:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0zm320 96c0-26.9-16.5-49.9-40-59.3L280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 172.7c-23.5 9.5-40 32.5-40 59.3 0 35.3 28.7 64 64 64s64-28.7 64-64zM144 176a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm-16 80a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm288 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM400 144a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>`,gear:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M259.1 73.5C262.1 58.7 275.2 48 290.4 48L350.2 48C365.4 48 378.5 58.7 381.5 73.5L396 143.5C410.1 149.5 423.3 157.2 435.3 166.3L503.1 143.8C517.5 139 533.3 145 540.9 158.2L570.8 210C578.4 223.2 575.7 239.8 564.3 249.9L511 297.3C511.9 304.7 512.3 312.3 512.3 320C512.3 327.7 511.8 335.3 511 342.7L564.4 390.2C575.8 400.3 578.4 417 570.9 430.1L541 481.9C533.4 495 517.6 501.1 503.2 496.3L435.4 473.8C423.3 482.9 410.1 490.5 396.1 496.6L381.7 566.5C378.6 581.4 365.5 592 350.4 592L290.6 592C275.4 592 262.3 581.3 259.3 566.5L244.9 496.6C230.8 490.6 217.7 482.9 205.6 473.8L137.5 496.3C123.1 501.1 107.3 495.1 99.7 481.9L69.8 430.1C62.2 416.9 64.9 400.3 76.3 390.2L129.7 342.7C128.8 335.3 128.4 327.7 128.4 320C128.4 312.3 128.9 304.7 129.7 297.3L76.3 249.8C64.9 239.7 62.3 223 69.8 209.9L99.7 158.1C107.3 144.9 123.1 138.9 137.5 143.7L205.3 166.2C217.4 157.1 230.6 149.5 244.6 143.4L259.1 73.5zM320.3 400C364.5 399.8 400.2 363.9 400 319.7C399.8 275.5 363.9 239.8 319.7 240C275.5 240.2 239.8 276.1 240 320.3C240.2 364.5 276.1 400.2 320.3 400z"/></svg>`,"grip-vertical":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M128 40c0-22.1-17.9-40-40-40L40 0C17.9 0 0 17.9 0 40L0 88c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm0 192c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zM0 424l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM320 40c0-22.1-17.9-40-40-40L232 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zM192 232l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM320 424c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48z"/></svg>`,indeterminate:`<svg part="indeterminate-icon" class="icon" viewBox="0 0 16 16"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"><g stroke="currentColor" stroke-width="2"><g transform="translate(2.285714 6.857143)"><path d="M10.2857143,1.14285714 L1.14285714,1.14285714"/></g></g></g></svg>`,minus:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32z"/></svg>`,pause:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M48 32C21.5 32 0 53.5 0 80L0 432c0 26.5 21.5 48 48 48l64 0c26.5 0 48-21.5 48-48l0-352c0-26.5-21.5-48-48-48L48 32zm224 0c-26.5 0-48 21.5-48 48l0 352c0 26.5 21.5 48 48 48l64 0c26.5 0 48-21.5 48-48l0-352c0-26.5-21.5-48-48-48l-64 0z"/></svg>`,"picture-in-picture":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
295<path fill="currentColor" d="M448 32c35.3 0 64 28.7 64 64l0 112-64 0 0-112-384 0 0 320 144 0 0 64-144 0-6.5-.3c-30.1-3.1-54.1-27-57.1-57.1L0 416 0 96C0 62.9 25.2 35.6 57.5 32.3L64 32 448 32zm16 224c26.5 0 48 21.5 48 48l0 128c0 26.5-21.5 48-48 48l-160 0c-26.5 0-48-21.5-48-48l0-128c0-26.5 21.5-48 48-48l160 0z"/></svg>`,play:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M91.2 36.9c-12.4-6.8-27.4-6.5-39.6 .7S32 57.9 32 72l0 368c0 14.1 7.5 27.2 19.6 34.4s27.2 7.5 39.6 .7l336-184c12.8-7 20.8-20.5 20.8-35.1s-8-28.1-20.8-35.1l-336-184z"/></svg>`,"play-circle":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9l0 176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z"/></svg>`,plus:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z"/></svg>`,star:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M309.5-18.9c-4.1-8-12.4-13.1-21.4-13.1s-17.3 5.1-21.4 13.1L193.1 125.3 33.2 150.7c-8.9 1.4-16.3 7.7-19.1 16.3s-.5 18 5.8 24.4l114.4 114.5-25.2 159.9c-1.4 8.9 2.3 17.9 9.6 23.2s16.9 6.1 25 2L288.1 417.6 432.4 491c8 4.1 17.7 3.3 25-2s11-14.2 9.6-23.2L441.7 305.9 556.1 191.4c6.4-6.4 8.6-15.8 5.8-24.4s-10.1-14.9-19.1-16.3L383 125.3 309.5-18.9z"/></svg>`,upload:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M352 173.3L352 384C352 401.7 337.7 416 320 416C302.3 416 288 401.7 288 384L288 173.3L246.6 214.7C234.1 227.2 213.8 227.2 201.3 214.7C188.8 202.2 188.8 181.9 201.3 169.4L297.3 73.4C309.8 60.9 330.1 60.9 342.6 73.4L438.6 169.4C451.1 181.9 451.1 202.2 438.6 214.7C426.1 227.2 405.8 227.2 393.3 214.7L352 173.3zM320 464C364.2 464 400 428.2 400 384L480 384C515.3 384 544 412.7 544 448L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 448C96 412.7 124.7 384 160 384L240 384C240 428.2 275.8 464 320 464zM464 488C477.3 488 488 477.3 488 464C488 450.7 477.3 440 464 440C450.7 440 440 450.7 440 464C440 477.3 450.7 488 464 488z"/></svg>`,user:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M224 248a120 120 0 1 0 0-240 120 120 0 1 0 0 240zm-29.7 56C95.8 304 16 383.8 16 482.3 16 498.7 29.3 512 45.7 512l356.6 0c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3l-59.4 0z"/></svg>`,volume:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M48 352l48 0 134.1 119.2c6.4 5.7 14.6 8.8 23.1 8.8 19.2 0 34.8-15.6 34.8-34.8l0-378.4c0-19.2-15.6-34.8-34.8-34.8-8.5 0-16.7 3.1-23.1 8.8L96 160 48 160c-26.5 0-48 21.5-48 48l0 96c0 26.5 21.5 48 48 48zM441.1 107c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C443.3 170.7 464 210.9 464 256s-20.7 85.3-53.2 111.8c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5c43.2-35.2 70.9-88.9 70.9-149s-27.7-113.8-70.9-149zm-60.5 74.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C361.1 227.6 368 241 368 256s-6.9 28.4-17.7 37.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C402.1 312.9 416 286.1 416 256s-13.9-56.9-35.5-74.5z"/></svg>`,"volume-low":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
295<path fill="currentColor" d="M48 352l48 0 134.1 119.2c6.4 5.7 14.6 8.8 23.1 8.8 19.2 0 34.8-15.6 34.8-34.8l0-378.4c0-19.2-15.6-34.8-34.8-34.8-8.5 0-16.7 3.1-23.1 8.8L96 160 48 160c-26.5 0-48 21.5-48 48l0 96c0 26.5 21.5 48 48 48zM380.6 181.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C361.1 227.6 368 241 368 256s-6.9 28.4-17.7 37.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C402.1 312.9 416 286.1 416 256s-13.9-56.9-35.5-74.5z"/></svg>`,"volume-xmark":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M48 352l48 0 134.1 119.2c6.4 5.7 14.6 8.8 23.1 8.8 19.2 0 34.8-15.6 34.8-34.8l0-378.4c0-19.2-15.6-34.8-34.8-34.8-8.5 0-16.7 3.1-23.1 8.8L96 160 48 160c-26.5 0-48 21.5-48 48l0 96c0 26.5 21.5 48 48 48zM367 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg>`,xmark:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"/></svg>`},regular:{calendar:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176zM144 288L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 288L144 288z"/></svg>`,"circle-question":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M464 256a208 208 0 1 0 -416 0 208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0zm256-80c-17.7 0-32 14.3-32 32 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-44.2 35.8-80 80-80s80 35.8 80 80c0 47.2-36 67.2-56 74.5l0 3.8c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-8.1c0-20.5 14.8-35.2 30.1-40.2 6.4-2.1 13.2-5.5 18.2-10.3 4.3-4.2 7.7-10 7.7-19.6 0-17.7-14.3-32-32-32zM224 368a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>`,"circle-xmark":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c-9.4 9.4-9.4 24.6 0 33.9l55 55-55 55c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l55-55 55 55c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-55-55 55-55c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-55 55-55-55c-9.4-9.4-24.6-9.4-33.9 0z"/></svg>`,clock:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64
295C178.6 64 64 178.6 64 320zM296 184L296 320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z"/></svg>`,copy:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M384 336l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l133.5 0c4.2 0 8.3 1.7 11.3 4.7l58.5 58.5c3 3 4.7 7.1 4.7 11.3L400 320c0 8.8-7.2 16-16 16zM192 384l192 0c35.3 0 64-28.7 64-64l0-197.5c0-17-6.7-33.3-18.7-45.3L370.7 18.7C358.7 6.7 342.5 0 325.5 0L192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-16-48 0 0 16c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l16 0 0-48-16 0z"/></svg>`,eye:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M288 80C222.8 80 169.2 109.6 128.1 147.7 89.6 183.5 63 226 49.4 256 63 286 89.6 328.5 128.1 364.3 169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256 513 226 486.4 183.5 447.9 147.7 406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1 3.3 7.9 3.3 16.7 0 24.6-14.9 35.7-46.2 87.7-93 131.1-47.1 43.7-111.8 80.6-192.6 80.6S142.5 443.2 95.4 399.4c-46.8-43.5-78.1-95.4-93-131.1-3.3-7.9-3.3-16.7 0-24.6 14.9-35.7 46.2-87.7 93-131.1zM288 336c44.2 0 80-35.8 80-80 0-29.6-16.1-55.5-40-69.3-1.4 59.7-49.6 107.9-109.3 109.3 13.8 23.9 39.7 40 69.3 40zm-79.6-88.4c2.5 .3 5 .4 7.6 .4 35.3 0 64-28.7 64-64 0-2.6-.2-5.1-.4-7.6-37.4 3.9-67.2 33.7-71.1 71.1zm45.6-115c10.8-3 22.2-4.5 33.9-4.5 8.8 0 17.5 .9 25.8 2.6 .3 .1 .5 .1 .8 .2 57.9 12.2 101.4 63.7 101.4 125.2 0 70.7-57.3 128-128 128-61.6 0-113-43.5-125.2-101.4-1.8-8.6-2.8-17.5-2.8-26.6 0-11 1.4-21.8 4-32 .2-.7 .3-1.3 .5-1.9 11.9-43.4 46.1-77.6 89.5-89.5z"/></svg>`,"eye-slash":`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M41-24.9c-9.4-9.4-24.6-9.4-33.9 0S-2.3-.3 7 9.1l528 528c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-96.4-96.4c2.7-2.4 5.4-4.8 8-7.2 46.8-43.5 78.1-95.4 93-131.1 3.3-7.9 3.3-16.7 0-24.6-14.9-35.7-46.2-87.7-93-131.1-47.1-43.7-111.8-80.6-192.6-80.6-56.8 0-105.6 18.2-146 44.2L41-24.9zM176.9 111.1c32.1-18.9 69.2-31.1 111.1-31.1 65.2 0 118.8 29.6 159.9 67.7 38.5 35.7 65.1 78.3 78.6 108.3-13.6 30-40.2 72.5-78.6 108.3-3.1 2.8-6.2 5.6-9.4 8.4L393.8 328c14-20.5 22.2-45.3 22.2-72 0-70.7-57.3-128-128-128-26.7 0-51.5 8.2-72 22.2l-39.1-39.1zm182 182l-108-108c11.1-5.8 23.7-9.1 37.1-9.1 44.2 0 80 35.8 80 80 0 13.4-3.3 26-9.1 37.1zM103.4 173.2l-34-34c-32.6 36.8-55 75.8-66.9 104.5-3.3 7.9-3.3 16.7 0 24.6 14.9 35.7 46.2 87.7 93 131.1 47.1 43.7 111.8 80.6 192.6 80.6 37.3 0 71.2-7.9 101.5-20.6L352.2 422c-20 6.4-41.4 10-64.2 10-65.2 0-118.8-29.6-159.9-67.7-38.5-35.7-65.1-78.3-78.6-108.3 10.4-23.1 28.6-53.6 54-82.8z"/></svg>`,star:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M288.1-32c9 0 17.3 5.1 21.4 13.1L383 125.3 542.9 150.7c8.9 1.4 16.3 7.7 19.1 16.3s.5 18-5.8 24.4L441.7 305.9 467 465.8c1.4 8.9-2.3 17.9-9.6 23.2s-17 6.1-25 2L288.1 417.6 143.8 491c-8 4.1-17.7 3.3-25-2s-11-14.2-9.6-23.2L134.4 305.9 20 191.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9 19.1-16.3l159.9-25.4 73.6-144.2c4.1-8 12.4-13.1 21.4-13.1zm0 76.8L230.3 158c-3.5 6.8-10 11.6-17.6 12.8l-125.5 20 89.8 89.9c5.4 5.4 7.9 13.1 6.7 20.7l-19.8 125.5 113.3-57.6c6.8-3.5 14.9-3.5 21.8 0l113.3 57.6-19.8-125.5c-1.2-7.6 1.3-15.3 6.7-20.7l89.8-89.9-125.5-20c-7.6-1.2-14.1-6-17.6-12.8L288.1 44.8z"/></svg>`}},On={name:`system`,resolver:(e,t=`classic`,n=`solid`)=>{let r=Dn[n][e]??Dn.regular[e]??Dn.regular[`circle-question`];return r?En(r):``}},kn=`classic`,An=[Tn,On],jn=new Set;function Mn(e){jn.add(e)}function Nn(e){jn.delete(e)}function Pn(e){return An.find(t=>t.name===e)}function Fn(){return kn}var{I:In}=Yt,Ln=(e,t)=>t===void 0?e?._$litType$!==void 0:e?._$litType$===t,Rn=e=>e.strings===void 0,zn={},Bn=(e,t=zn)=>e._$AH=t,Vn=Symbol(),Hn=Symbol(),Un,Wn=new Map,L=class extends I{constructor(){super(...arguments),this.svg=null,this.autoWidth=!1,this.swapOpacity=!1,this.label=``,this.library=`default`,this.rotate=0,this.resolveIcon=async(e,t)=>{let n;if(t?.spriteSheet){this.hasUpdated||await this.updateComplete,this.svg=D`<svg part="svg"> 296 <use part="use" href="${e}"></use> 297 </svg>`,await this.updateComplete;let n=this.shadowRoot.querySelector(`[part='svg']`);return typeof t.mutator==`function`&&t.mutator(n,this),this.svg}try{if(n=await fetch(e,{mode:`cors`}
297),!n.ok)return n.status===410?Vn:Hn}catch{return Hn}try{let e=document.createElement(`div`);e.innerHTML=await n.text();let t=e.firstElementChild;if(t?.tagName?.toLowerCase()!==`svg`)return Vn;Un||=new DOMParser;let r=Un.parseFromString(t.outerHTML,`text/html`).body.querySelector(`svg`);return r?(r.part.add(`svg`),document.adoptNode(r)):Vn}catch{return Vn}}}connectedCallback(){super.connectedCallback(),Mn(this)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`rotate`)&&this.style.setProperty(`--rotate-angle`,`${this.rotate}deg`),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),Nn(this)}async getIconSource(){let e=Pn(this.library),t=this.family||Fn();if(this.name&&e){let n;try{n=await e.resolver(this.name,t,this.variant,this.autoWidth)}catch{n=void 0}return{url:n,fromLibrary:!0}}return{url:this.src,fromLibrary:!1}}handleLabelChange(){typeof this.label==`string`&&this.label.length>0?(this.setAttribute(`role`,`img`),this.setAttribute(`aria-label`,this.label),this.removeAttribute(`aria-hidden`)):(this.removeAttribute(`role`),this.removeAttribute(`aria-label`),this.setAttribute(`aria-hidden`,`true`))}async setIcon(){let{url:e,fromLibrary:t}=await this.getIconSource(),n=t?Pn(this.library):void 0;if(!e){this.svg=null;return}let r=Wn.get(e);r||(r=this.resolveIcon(e,n),Wn.set(e,r));let i=await r;if(i===Hn&&Wn.delete(e),e===(await this.getIconSource()).url){if(Ln(i)){this.svg=i;return}switch(i){case Hn:case Vn:this.svg=null,this.dispatchEvent(new Ge);break;default:this.svg=i.cloneNode(!0),n?.mutator?.(this.svg,this),this.dispatchEvent(new nn)}}}willUpdate(e){return this.style||this.setStyleProperty(`--rotate-angle`,`${this.rotate}deg`),super.willUpdate(e)}updated(e){super.updated(e);let t=Pn(this.library);this.hasAttribute(`rotate`)&&this.style.setProperty(`--rotate-angle`,`${this.rotate}deg`);let n=this.shadowRoot?.querySelector(`svg`);n&&t?.mutator?.(n,this)}render(){return this.hasUpdated?this.svg:D`<svg part="svg" width="16" height="16" viewBox="0 0 16 16"></svg>`}};L.css=tn,j([P()],L.prototype,`svg`,2),j([N({reflect:!0})],L.prototype,`name`,2),j([N({reflect:!0})],L.prototype,`family`,2),j([N({reflect:!0})],L.prototype,`variant`,2),j([N({attribute:`auto-width`,type:Boolean,reflect:!0})],L.prototype,`autoWidth`,2),j([N({attribute:`swap-opacity`,type:Boolean,reflect:!0})],L.prototype,`swapOpacity`,2),j([N()],L.prototype,`src`,2),j([N()],L.prototype,`label`,2),j([N({reflect:!0})],L.prototype,`library`,2),j([N({type:Number,reflect:!0})],L.prototype,`rotate`,2),j([N({type:String,reflect:!0})],L.prototype,`flip`,2),j([N({type:String,reflect:!0})],L.prototype,`animation`,2),j([A(`label`)],L.prototype,`handleLabelChange`,1),j([A([`family`,`name`,`library`,`variant`,`src`,`autoWidth`,`swapOpacity`],{waitUntilFirstUpdate:!0})],L.prototype,`setIcon`,1),L=j([M(`wa-icon`)],L);var Gn=E` 298 :where(:root), 299 .wa-neutral, 300 :host([variant='neutral']) { 301 --wa-color-fill-loud: var(--wa-color-neutral-fill-loud); 302 --wa-color-fill-normal: var(--wa-color-neutral-fill-normal); 303 --wa-color-fill-quiet: var(--wa-color-neutral-fill-quiet); 304 --wa-color-border-loud: var(--wa-color-neutral-border-loud); 305 --wa-color-border-normal: var(--wa-color-neutral-border-normal); 306 --wa-color-border-quiet: var(--wa-color-neutral-border-quiet); 307 --wa-color-on-loud: var(--wa-color-neutral-on-loud); 308 --wa-color-on-normal: var(--wa-color-neutral-on-normal); 309 --wa-color-on-quiet: var(--wa-color-neutral-on-quiet); 310 } 311 312 .wa-brand, 313 :host([variant='brand']) { 314 --wa-color-fill-loud: var(--wa-color-brand-fill-loud); 315 --wa-color-fill-normal: var(--wa-color-brand-fill-normal); 316 --wa-color-fill-quiet: var(--wa-color-brand-fill-quiet); 317 --wa-color-border-loud: var(--wa-color-brand-border-loud); 318 --wa-color-border-normal: var(--wa-color-brand-border-normal); 319 --wa-color-border-quiet: var(--wa-color-brand-border-quiet); 320 --wa-color-on-loud: var(--wa-color-brand-on-loud); 321 --wa-color-on-normal: var(--wa-color-brand-on-normal); 322 --wa-color-on-quiet: var(--wa-color-brand-on-quiet); 323 } 324 325 .wa-success, 326 :host([variant='success']) { 327 --wa-color-fill-loud: var(--wa-color-success-fill-loud); 328 --wa-color-fill-normal: var(--wa-color-success-fill-normal); 329 --wa-color-fill-quiet: var(--wa-color-success-fill-quiet); 330 --wa-color-border-loud: var(--wa-color-success-border-loud); 331 --wa-color-border-normal: var(--wa-color-success-border-normal); 332 --wa-color-border-quiet: var(--wa-color-success-border-quiet); 333 --wa-color-on-loud: var(--wa-color-success-on-loud); 334 --wa-color-on-normal: var(--wa-color-success-on-normal); 335 --wa-color-on-quiet: var(--wa-color-success-on-quiet); 336 } 337 338 .wa-warning, 339 :host([variant='warning']) { 340 --wa-color-fill-loud: var(--wa-color-warning-fill-loud); 341 --wa-color-fill-normal: var(--wa-color-warning-fill-normal); 342 --wa-color-fill-quiet: var(--wa-color-warning-fill-quiet); 343 --wa-color-border-loud: var(--wa-color-warning-border-loud); 344 --wa-color-border-normal: var(--wa-color-warning-border-normal); 345 --wa-color-border-quiet: var(--wa-color-warning-border-quiet); 346 --wa-color-on-loud: var(--wa-color-warning-on-loud); 347 --wa-color-on-normal: var(--wa-color-warning-on-normal); 348 --wa-color-on-quiet: var(--wa-color-warning-on-quiet); 349 } 350 351 .wa-danger, 352 :host([variant='danger']) { 353 --wa-color-fill-loud: var(--wa-color-danger-fill-loud); 354 --wa-color-fill-normal: var(--wa-color-danger-fill-normal); 355 --wa-color-fill-quiet: var(--wa-color-danger-fill-quiet); 356 --wa-color-border-loud: var(--wa-color-danger-border-loud); 357 --wa-color-border-normal: var(--wa-color-danger-border-normal); 358 --wa-color-border-quiet: var(--wa-color-danger-border-quiet); 359 --wa-color-on-loud: var(--wa-color-danger-on-loud); 360 --wa-color-on-normal: var(--wa-color-danger-on-normal); 361 --wa-color-on-quiet: var(--wa-color-danger-on-quiet); 362 } 363`,Kn=E` 364 :host { 365 --pulse-color: var(--wa-color-fill-loud, var(--wa-color-brand-fill-loud)); 366 367 display: inline-flex; 368 align-items: center; 369 justify-content: center; 370 padding: 0.375em 0.625em; 371 color: var(--wa-color-on-loud, var(--wa-color-brand-on-loud)); 372 font-size: max(var(--wa-font-size-3xs), 0.75em); 373 font-weight: var(--wa-font-weight-semibold); 374 line-height: 1; 375 vertical-align: middle; 376 white-space: nowrap; 377 background-color: var(--wa-color-fill-loud, var(--wa-color-brand-fill-loud)); 378 border-color: transparent; 379 border-radius: var(--wa-border-radius-s); 380 border-style: var(--wa-border-style); 381 border-width: var(--wa-border-width-s); 382 user-select: none; 383 -webkit-user-select: none; 384 cursor: inherit; 385 386 min-width: 1.25em; /* <-- this is what Safari respects for intrinsic */ 387 min-height: 1em; 388 } 389 390 /* Appearance modifiers */ 391 :host([appearance='outlined']) { 392 --pulse-color: var(--wa-color-border-loud, var(--wa-color-brand-border-loud)); 393 394 color: var(--wa-color-on-quiet, var(--wa-color-brand-on-quiet)); 395 background-color: transparent; 396 border-color: var(--wa-color-border-loud, var(--wa-color-brand-border-loud)); 397 } 398 399 :host([appearance='filled']) { 400 --pulse-color: var(--wa-color-fill-normal, var(--wa-color-brand-fill-normal)); 401 402 color: var(--wa-color-on-normal, var(--wa-color-brand-on-normal)); 403 background-color: var(--wa-color-fill-normal, var(--wa-color-brand-fill-normal)); 404 border-color: transparent; 405 } 406 407 :host([appearance='filled-outlined']) { 408 --pulse-color: var(--wa-color-border-normal, var(--wa-color-brand-border-normal)); 409 410 color: var(--wa-color-on-normal, var(--wa-color-brand-on-normal)); 411 background-color: var(--wa-color-fill-normal, var(--wa-color-brand-fill-normal)); 412 border-color: var(--wa-color-border-normal, var(--wa-color-brand-border-normal)); 413 } 414 415 :host([appearance='accent']) { 416 --pulse-color: var(--wa-color-fill-loud, var(--wa-color-brand-fill-loud)); 417 418 color: var(--wa-color-on-loud, var(--wa-color-brand-on-loud)); 419 background-color: var(--wa-color-fill-loud, var(--wa-color-brand-fill-loud)); 420 border-color: transparent; 421 } 422 423 /* Pill modifier */ 424 :host([pill]) { 425 border-radius: var(--wa-border-radius-pill); 426 } 427 428 /* Pulse attention */ 429 :host([attention='pulse']) { 430 animation: pulse 1.5s infinite; 431 } 432 433 @keyframes pulse { 434 0% { 435 box-shadow: 0 0 0 0 var(--pulse-color); 436 } 437 70% { 438 box-shadow: 0 0 0 0.5rem transparent; 439 } 440 100% { 441 box-shadow: 0 0 0 0 transparent; 442 } 443 } 444 445 /* Bounce attention */ 446 :host([attention='bounce']) { 447 animation: bounce 1s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; 448 } 449 450 @keyframes bounce { 451 0%, 452 20%, 453 50%, 454 80%, 455 100% { 456 transform: translateY(0); 457 } 458 40% { 459 transform: translateY(-5px); 460 } 461 60% { 462 transform: translateY(-2px); 463 } 464 } 465 466 /* Prevents vertical space when icons with vertical-align are slotted in - https://github.com/shoelace-style/webawesome/issues/2280 */ 467 [part='start'], 468 [part='end'] { 469 line-height: 0; 470 } 471 472 slot[name='start']::slotted(*) { 473 margin-inline-end: 0.375em; 474 } 475 476 slot[name='end']::slotted(*) { 477 margin-inline-start: 0.375em; 478 } 479`,qn=class extends I{constructor(){super(...arguments),this.variant=`brand`,this.appearance=`accent`,this.pill=!1,this.attention=`none`}render(){return D`
480 <span part="start"> 481 <slot name="start"></slot> 482 </span> 483 484 <span part="base" role="status"> 485 <slot></slot> 486 </span> 487 488 <span part="end"> 489 <slot name="end"></slot> 490 </span> 491 `}};qn.css=[Gn,Kn],j([N({reflect:!0})],qn.prototype,`variant`,2),j([N({reflect:!0})],qn.prototype,`appearance`,2),j([N({type:Boolean,reflect:!0})],qn.prototype,`pill`,2),j([N({reflect:!0})],qn.prototype,`attention`,2),qn=j([M(`wa-badge`)],qn);var Jn=()=>({checkValidity(e){let t=e.input,n={message:``,isValid:!0,invalidKeys:[]};if(!t)return n;let r=!0;if(`checkValidity`in t&&(r=t.checkValidity()),r)return n;if(n.isValid=!1,`validationMessage`in t&&(n.message=t.validationMessage),!(`validity`in t))return n.invalidKeys.push(`customError`),n;for(let e in t.validity){if(e===`valid`)continue;let r=e;t.validity[r]&&n.invalidKeys.push(r)}return n}}),Yn=class extends Event{constructor(){super(`wa-invalid`,{bubbles:!0,cancelable:!1,composed:!0})}},Xn=()=>({observedAttributes:[`custom-error`],checkValidity(e){let t={message:``,isValid:!0,invalidKeys:[]};return e.customError&&(t.message=e.customError,t.isValid=!1,t.invalidKeys=[`customError`]),t}}),R=class extends I{constructor(){super(),this.name=null,this.disabled=!1,this.required=!1,this.assumeInteractionOn=[`input`],this.validators=[],this.valueHasChanged=!1,this.hasInteracted=!1,this.customError=null,this.emittedEvents=[],this.emitInvalid=e=>{e.target===this&&(this.hasInteracted=!0,this.dispatchEvent(new Yn))},this.handleInteraction=e=>{let t=this.emittedEvents;t.includes(e.type)||t.push(e.type),t.length===this.assumeInteractionOn?.length&&(this.hasInteracted=!0)},`addEventListener`in this&&this.addEventListener(`invalid`,this.emitInvalid)}static get validators(){return[Xn()]}static get observedAttributes(){let e=new Set(super.observedAttributes||[]);for(let t of this.validators)if(t.observedAttributes)for(let n of t.observedAttributes)e.add(n);return[...e]}connectedCallback(){super.connectedCallback(),this.didSSR&&!this.hasUpdated?this.updateComplete.then(()=>{this.updateValidity()}):this.updateValidity(),this.assumeInteractionOn.forEach(e=>{this.addEventListener?.(e,this.handleInteraction)})}firstUpdated(...e){super.firstUpdated(...e),this.updateValidity()}willUpdate(e){if(e.has(`customError`)&&(this.customError||=null,this.setCustomValidity(this.customError||``)),e.has(`value`)||e.has(`disabled`)||e.has(`defaultValue`)){let e=this.value;this.updateFormValue(e)}e.has(`disabled`)&&(this.customStates.set(`disabled`,this.disabled),(this.hasAttribute(`disabled`)||!this.matches(`:disabled`))&&this.toggleAttribute(`disabled`,this.disabled)),super.willUpdate(e),this.didSSR&&!this.hasUpdated?this.updateComplete.then(()=>this.updateValidity()):this.updateValidity()}updateFormValue(e){if(Array.isArray(e)){if(this.name){let t=new FormData;for(let n of e)t.append(this.name,n);this.setValue(t,t)}}else this.setValue(e,e)}get labels(){return this.internals.labels}getForm(){return this.internals.form}set form(e){e?this.setAttribute(`form`,e):this.removeAttribute(`form`)}get form(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}get validationMessage(){return this.internals.validationMessage}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.updateValidity(),this.hasInteracted=!0,this.internals.reportValidity()}get validationTarget(){return this.input||void 0}setValidity(...e){let t=e[0],n=e[1],r=e[2];r||=this.validationTarget,this.internals.setValidity(t,n,r||void 0),this.requestUpdate(`validity`),this.setCustomStates()}setCustomStates(){let e=!!this.required,t=this.internals.validity.valid,n=this.hasInteracted;this.customStates.set(`required`,e),this.customStates.set(`optional`,!e),this.customStates.set(`invalid`,!t),this.customStates.set(`valid`,t),this.customStates.set(`user-invalid`,!t&&n),this.customStates.set(`user-valid`,t&&n)}setCustomValidity(e){if(!e){this.customError=null,this.setValidity({});return}this.customError=e,this.setValidity({customError:!0},e,this.validationTarget)}formResetCallback(){this.resetValidity(),this.hasInteracted=!1,this.valueHasChanged=!1,this.emittedEvents=[],this.updateV
491alidity()}formDisabledCallback(e){this.disabled=e,this.updateValidity()}formStateRestoreCallback(e,t){this.didSSR&&!this.hasUpdated?this.updateComplete.then(()=>{this.value=e,t===`restore`&&this.resetValidity(),this.updateValidity()}):(this.value=e,t===`restore`&&this.resetValidity(),this.updateValidity())}setValue(...e){let[t,n]=e;this.internals.setFormValue(t,n)}get allValidators(){let e=this.constructor.validators||[],t=this.validators||[];return[...e,...t]}resetValidity(){this.setCustomValidity(``),this.setValidity({})}updateValidity(){if(this.disabled||this.hasAttribute(`disabled`)||!this.willValidate){this.resetValidity();return}let e=this.allValidators;if(!e?.length)return;let t={customError:!!this.customError},n=this.validationTarget||this.input||void 0,r=``;for(let n of e){let{isValid:e,message:i,invalidKeys:a}=n.checkValidity(this);e||(r||=i,a?.length>=0&&a.forEach(e=>t[e]=!0))}r||=this.validationMessage,this.setValidity(t,r,n)}};R.formAssociated=!0,j([N({reflect:!0})],R.prototype,`name`,2),j([N({type:Boolean})],R.prototype,`disabled`,2),j([N({state:!0,attribute:!1})],R.prototype,`valueHasChanged`,2),j([N({state:!0,attribute:!1})],R.prototype,`hasInteracted`,2),j([N({attribute:`custom-error`,reflect:!0})],R.prototype,`customError`,2),j([N({attribute:!1,state:!0,type:Object})],R.prototype,`validity`,1);var Zn={small:`s`,medium:`m`,large:`l`},Qn=new Set;function $n(e,t){t in Zn&&!Qn.has(`${e}:${t}`)&&(Qn.add(`${e}:${t}`),console.warn(`[${e}] size="${t}" is deprecated. Use size="${Zn[t]}" instead. The long-form value will be removed in the next major version.`))}var er=class{constructor(e,...t){this.slotNames=[],this.handleSlotChange=e=>{let t=e.target;(this.slotNames.includes(`[default]`)&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()},(this.host=e).addController(this),this.slotNames=t}hasDefaultSlot(){return this.host.childNodes?[...this.host.childNodes].some(e=>{if(e.nodeType===Node.TEXT_NODE&&e.textContent.trim()!==``)return!0;if(e.nodeType===Node.ELEMENT_NODE){let t=e;if(t.tagName.toLowerCase()===`wa-visually-hidden`)return!1;if(!t.hasAttribute(`slot`))return!0}return!1}):!1}hasNamedSlot(e){return this.host.querySelector?.(`:scope > [slot="${e}"]`)!==null}test(e,t){return t&&this.host.didSSR&&!this.host.hasUpdated?!!this.host[t]:e===`[default]`?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){let e=this.host.shadowRoot;e&&`addEventListener`in e&&e.addEventListener(`slotchange`,this.handleSlotChange)}hostDisconnected(){let e=this.host.shadowRoot;e&&`removeEventListener`in e&&e.removeEventListener(`slotchange`,this.handleSlotChange)}},tr=E` 492 :host([size='xs']) { 493 font-size: var(--wa-font-size-xs); 494 } 495 496 :host([size='s']), 497 :host([size='small']) { 498 font-size: var(--wa-font-size-s); 499 } 500 501 :host([size='m']), 502 :host([size='medium']) { 503 font-size: var(--wa-font-size-m); 504 } 505 506 :host([size='l']), 507 :host([size='large']) { 508 font-size: var(--wa-font-size-l); 509 } 510 511 :host([size='xl']) { 512 font-size: var(--wa-font-size-xl); 513 } 514`,nr=E` 515 @layer wa-component { 516 :host { 517 display: inline-block; 518 519 /* Workaround because Chrome doesn't like :host(:has()) below 520 * https://issues.chromium.org/issues/40062355 521 * Firefox doesn't like this nested rule, so both are needed */ 522 &:has(wa-badge) { 523 position: relative; 524 } 525 } 526 527 /* Apply relative positioning only when needed to position wa-badge 528 * This avoids creating a new stacking context for every button */ 529 :host(:has(wa-badge)) { 530 position: relative; 531 } 532 } 533 534 .button { 535 display: inline-flex; 536 align-items: center; 537 justify-content: center; 538 text-decoration: none; 539 user-select: none; 540 -webkit-user-select: none; 541 white-space: nowrap; 542 vertical-align: middle; 543 transition-property: background, border, box-shadow, color, opacity, transform; 544 transition-duration: var(--wa-transition-fast); 545 transition-timing-function: var(--wa-transition-easing); 546 transform-origin: center; 547 cursor: pointer; 548 padding: 0 var(--wa-form-control-padding-inline); 549 font-family: inherit; 550 font-size: inherit; 551 font-weight: var(--wa-font-weight-action); 552 height: var(--wa-form-control-height); 553 width: 100%; 554 555 background-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)); 556 557 border-color: transparent; 558 color: var(--wa-color-on-loud, var(--wa-color-neutral-on-loud)); 559 border-start-start-radius: var(--_button-start-start-radius, var(--wa-form-control-border-radius)); 560 border-start-end-radius: var(--_button-start-end-radius, var(--wa-form-control-border-radius)); 561 border-end-start-radius: var(--_button-end-start-radius, var(--wa-form-control-border-radius)); 562 border-end-end-radius: var(--_button-end-end-radius, var(--wa-form-control-border-radius)); 563 border-style: var(--wa-form-control-border-style); 564 border-width: var(--wa-form-control-border-width); 565 } 566 567 /* Hover and active transforms */ 568 .button:not(.disabled):not(.loading) { 569 @media (hover: hover) { 570 &:hover { 571 transform: var(--wa-button-transform-hover); 572 } 573 } 574 &:active { 575 transform: var(--wa-button-transform-active); 576 } 577 578 @media (prefers-reduced-motion: reduce) { 579 &:hover, 580 &:active { 581 transform: none; 582 } 583 } 584 } 585 586 /* Appearance modifiers */ 587 :host([appearance='plain']) { 588 /* Indentation overrides for grouping */ 589 margin-inline-start: var(--_button-horizontal-indent); 590 margin-block-start: var(--_button-vertical-indent); 591 592 .button { 593 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 594 background-color: transparent; 595 border-color: transparent; 596 } 597 @media (hover: hover) { 598 .button:not(.disabled):not(.loading):hover { 599 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 600 background-color: var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)); 601 } 602 } 603 .button:not(.disabled):not(.loading):active { 604 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 605 background-color: color-mix( 606 in oklab, 607 var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)), 608 var(--wa-color-mix-active) 609 ); 610 } 611 } 612 613 :host([appearance='outlined']) { 614 /* Indentation overrides for grouping outlined */ 615 margin-inline-start: var(--_button-horizontal-indent-outlined); 616 margin-block-start: var(--_button-vertical-indent-outlined); 617 618 .button { 619 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 620 background-color: transparent; 621 border-color: var(--wa-color-border-loud, var(--wa-color-neutral-border-loud)); 622 } 623 @media (hover: hover) { 624 .button:not(.disabled):not(.loading):hover { 625 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 626 background-color: var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)); 627 } 628 } 629 .button:not(.disabled):not(.loading):active { 630 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 631 background-color: color-mix( 632 in oklab, 633 var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)), 634 var(--wa-color-mix-active) 635 ); 636 } 637 } 638 639 :host([appearance='filled']) { 640 /* Indentation overrides for grouping */ 641 margin-inline-start: var(--_button-horizontal-indent); 642 margin-block-start: var(--_button-vertical-indent); 643 644 .button { 645 color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal)); 646 background-color: var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)); 647 border-color: transparent; 648 } 649 @media (hover: hover) { 650 .button:not(.disabled):not(.loading):hover { 651 color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal)); 652 background-color: color-mix( 653 in oklab, 654 var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)), 655 var(--wa-color-mix-hover) 656 ); 657 } 658 } 659 .button:not(.disabled):not(.loading):active { 660 color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal)); 661 background-color: color-mix( 662 in oklab, 663 var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)), 664 var(--wa-color-mix-active) 665 ); 666 } 667 } 668 669 :host([appearance='filled-outlined']) { 670 /* Indentation overrides for grouping outlined */ 671 margin-inline-start: var(--_button-horizontal-indent-outlined); 672 margin-block-start: var(--_button-vertical-indent-outlined); 673 674 .button { 675 color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal)); 676 background-color: var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)); 677 border-color: var(--wa-color-border-normal, var(--wa-color-neutral-border-normal)); 678 } 679 @media (hover: hover) { 680 .button:not(.disabled):not(.loading):hover { 681 color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal)); 682 background-color: color-mix( 683 in oklab, 684 var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)), 685 var(--wa-color-mix-hover) 686 ); 687 } 688 } 689 .button:not(.disabled):not(.loading):active { 690 color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal)); 691 background-color: color-mix( 692 in oklab, 693 var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)), 694 var(--wa-color-mix-active) 695 ); 696 } 697 } 698 699 :host([appearance='accent']) { 700 /* Indentation overrides for grouping */ 701 margin-inline-start: var(--_button-horizontal-indent); 702 margin-block-start: var(--_button-vertical-indent); 703 704 .button { 705 color: var(--wa-color-on-loud, var(--wa-color-neutral-on-loud)); 706 background-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)); 707 border-color: transparent; 708 } 709 @media (hover: hover) { 710 .button:not(.disabled):not(.loading):hover { 711 background-color: color-mix( 712 in oklab, 713 var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)), 714 var(--wa-color-mix-hover) 715 ); 716 } 717 } 718 .button:not(.disabled):not(.loading):active { 719 background-color: color-mix( 720 in oklab, 721 var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)), 722 var(--wa-color-mix-active) 723 ); 724 } 725 } 726 727 /* Focus states */ 728 .button:focus { 729 outline: none; 730 } 731 732 .button:focus-visible { 733 outline: var(--wa-focus-ring); 734 outline-offset: var(--wa-focus-ring-offset); 735 } 736 737 /* Disabled state */ 738 :host([disabled]) { 739 opacity: 0.5;
740 cursor: not-allowed; 741 742 /* When disabled, prevent mouse events from bubbling up from children */ 743 .button { 744 pointer-events: none; 745 } 746 } 747 748 /* Keep it last so Safari doesn't stop parsing this block */ 749 .button::-moz-focus-inner { 750 border: 0; 751 } 752 753 /* Icon buttons */ 754 .button.is-icon-button { 755 outline-offset: 2px; 756 width: var(--wa-form-control-height); 757 aspect-ratio: 1; 758 } 759 760 /* Icon buttons with a caret need to grow to fit both the icon and the caret */ 761 .button.is-icon-button.caret { 762 width: auto; 763 aspect-ratio: auto; 764 min-width: var(--wa-form-control-height); 765 } 766 767 /* Pill modifier */ 768 :host([pill]) .button { 769 border-start-start-radius: var(--_button-start-start-radius, var(--wa-border-radius-pill)); 770 border-start-end-radius: var(--_button-start-end-radius, var(--wa-border-radius-pill)); 771 border-end-start-radius: var(--_button-end-start-radius, var(--wa-border-radius-pill)); 772 border-end-end-radius: var(--_button-end-end-radius, var(--wa-border-radius-pill)); 773 } 774 775 /* 776 * Label 777 */ 778 779 .start, 780 .end { 781 flex: 0 0 auto; 782 display: flex; 783 align-items: center; 784 pointer-events: none; 785 } 786 787 .label { 788 display: inline-block; 789 } 790 791 .is-icon-button .label { 792 display: flex; 793 } 794 795 .label::slotted(wa-icon) { 796 align-self: center; 797 } 798 799 /* 800 * Caret modifier 801 */ 802 803 wa-icon[part='caret'] { 804 display: flex; 805 align-self: center; 806 align-items: center; 807 808 &::part(svg) { 809 width: 0.875em; 810 height: 0.875em; 811 } 812 813 .button:has(&) .end { 814 display: none; 815 } 816 } 817 818 /* 819 * Loading modifier 820 */ 821 822 .loading { 823 position: relative; 824 cursor: wait; 825 826 .start, 827 .label, 828 .end, 829 .caret { 830 visibility: hidden; 831 } 832 833 wa-spinner { 834 --indicator-color: currentColor; 835 --track-color: color-mix(in oklab, currentColor, transparent 90%); 836 837 position: absolute; 838 font-size: 1em; 839 height: 1em; 840 width: 1em; 841 top: calc(50% - 0.5em); 842 left: calc(50% - 0.5em); 843 } 844 } 845 846 /* 847 * Badges 848 */ 849 850 .button ::slotted(wa-badge) { 851 border-color: var(--wa-color-surface-default); 852 position: absolute; 853 inset-block-start: 0; 854 inset-inline-end: 0; 855 translate: 50% -50%; 856 pointer-events: none; 857 } 858 859 :host(:dir(rtl)) ::slotted(wa-badge) { 860 translate: -50% -50%; 861 } 862 863 /* 864 * Button spacing 865 */ 866 867 slot[name='start']::slotted(*) { 868 margin-inline-end: 0.75em; 869 } 870 871 slot[name='end']::slotted(*), 872 .button:not(.visually-hidden-label) [part='caret'] { 873 margin-inline-start: 0.75em; 874 } 875`,rr=new Set,ir=new Map,ar,or=`ltr`,sr=`en`,cr=typeof MutationObserver<`u`&&typeof document<`u`&&document.documentElement!==void 0;if(cr){let e=new MutationObserver(ur);or=document.documentElement.dir||`ltr`,sr=document.documentElement.lang||navigator.language,e.observe(document.documentElement,{attributes:!0,attributeFilter:[`dir`,`lang`]})}function lr(...e){e.map(e=>{let t=e.$code.toLowerCase();ir.has(t)?ir.set(t,Object.assign(Object.assign({},ir.get(t)),e)):ir.set(t,e),ar||=e}),ur()}function ur(){cr&&(or=document.documentElement.dir||`ltr`,sr=document.documentElement.lang||navigator.language),[...rr.keys()].map(e=>{typeof e.requestUpdate==`function`&&e.requestUpdate()})}var dr=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){rr.add(this.host)}hostDisconnected(){rr.delete(this.host)}dir(){return`${this.host.dir||or}`.toLowerCase()}lang(){return`${this.host.lang||sr}`.toLowerCase()}getTranslationData(e){let t;try{t=new Intl.Locale(e.replace(/_/g,`-`))}catch{return{locale:void 0,language:``,region:``,primary:void 0,secondary:void 0}}let n=t.language.toLowerCase(),r=t.region?.toLowerCase()??``,i=ir.get(`${n}-${r}`),a=ir.get(n);return{locale:t,language:n,region:r,primary:i,secondary:a}}exists(e,t){let{primary:n,secondary:r}=this.getTranslationData(t.lang??this.lang());return t=Object.assign({includeFallback:!1},t),!!(n&&n[e]||r&&r[e]||t.includeFallback&&ar&&ar[e])}term(e,...t){let{primary:n,secondary:r}=this.getTranslationData(this.lang()),i;if(n&&n[e])i=n[e];else if(r&&r[e])i=r[e];else if(ar&&ar[e])i=ar[e];else return console.error(`No translation found for: ${String(e)}`),String(e);return typeof i==`function`?i(...t):i}date(e,t){return e=new Date(e),new Intl.DateTimeFormat(this.lang(),t).format(e)}number(e,t){return e=Number(e),isNaN(e)?``:new Intl.NumberFormat(this.lang(),t).format(e)}relativeTime(e,t,n){return new Intl.RelativeTimeFormat(this.lang(),n).format(e,t)}},fr={$code:`en`,$name:`English`,$dir:`ltr`,carousel:`Carousel`,captions:`Captions`,chooseDate:`Choose date`,chooseDecade:`Choose decade`,chooseMonth:`Choose month`,chooseYear:`Choose year`,clearEntry:`Clear entry`,close:`Close`,closeCalendar:`Close calendar`,createOption:e=>`Create "${e}"`,copied:`Copied`,copy:`Copy`,currentValue:`Current value`,date:`Date`,datePickerKeyboardHelp:`Use arrow keys to change values; press Alt+Down Arrow to open the calendar.`,day:`Day`,incompleteDate:`Enter a complete date.`,dropFileHere:`Drop file here or click to browse`,decrement:`Decrement`,dropFilesHere:`Drop files here or click to browse`,empty:`Empty`,endDate:`End date`,error:`Error`,enterFullscreen:`Enter fullscreen`,exitFullscreen:`Exit fullscreen`,goToSlide:(e,t)=>`Go to slide ${e} of ${t}`,hidePassword:`Hide password`,increment:`Increment`,loading:`Loading`,month:`Month`,moreOptions:`More Options`,mute:`Mute`,nextDecade:`Next decade`,nextMonth:`Next month`,nextSlide:`Next slide`,nextVideo:`Next Video`,nextYear:`Next year`,numCharacters:e=>e===1?`1 character`:`${e} characters`,numCharactersRemaining:e=>e===1?`1 character remaining`:`${e} characters remaining`,numOptionsSelected:e=>e===0?`No options selected`:e===1?`1 option selected`:`${e} options selected`,pause:`Pause`,pauseAnimation:`Pause animation`,pictureInPicture:`Picture in picture`,play:`Play`,playbackSpeed:`Playback speed`,playlist:`Playlist`,playAnimation:`Play animation`,previousDecade:`Previous decade`,previousMonth:`Previous month`,previousSlide:`Previous slide`,previousVideo:`Previous video`,previousYear:`Previous year`,progress:`Progress`,rangeTooLong:e=>e===1?`Select a range no longer than 1 day`:`Select a range no longer than ${e} days`,rangeTooShort:e=>e===1?`Select a range at least 1 day long`:`Select a range at least ${e} days long`,readonly:`Read-only`,selected:`Selected`,selectedDateLabel:e=>`Selected: ${e}`,selectedRangeLabel:e=>`Selected range: ${e}`,selectionCleared:`Selection cleared`,remove:`Remove`,resize:`Resize`,scrollableRegion:`Scrollable region`,scrollToEnd:`Scroll to end`,scrollToStart:`Scroll to start`,selectAColorFromTheScreen:`Select a color from the screen`,showPassword:`Show password`,slideNum:e=>
875`Slide ${e}`,startDate:`Start date`,today:`Today`,toggleColorFormat:`Toggle color format`,seek:`Seek`,seekProgress:(e,t)=>`${e} of ${t}`,currentlyPlaying:`currently playing`,unmute:`Unmute`,videoPlayer:`Video player`,volume:`Volume`,year:`Year`,zoomIn:`Zoom in`,zoomOut:`Zoom out`,am:`AM`,chooseTime:`Choose time`,closeTimeInput:`Close time picker`,dayPeriod:`AM/PM`,hour:`Hour`,minute:`Minute`,now:`Now`,pm:`PM`,second:`Second`,time:`Time`,timeInputKeyboardHelp:`Use arrow keys to change values; press Alt+Down Arrow to open the time picker.`};lr(fr);var pr=fr,z=class extends dr{lang(){return this.host.didSSR&&!this.host.hasUpdated?this.host.lang||`en`:super.lang()}};lr(pr);var mr={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},hr=e=>(...t)=>({_$litDirective$:e,values:t}),gr=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}},B=hr(class extends gr{constructor(e){if(super(e),e.type!==mr.ATTRIBUTE||e.name!==`class`||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(e,[t]){if(this.st===void 0){this.st=new Set,e.strings!==void 0&&(this.nt=new Set(e.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}let n=e.element.classList;for(let e of this.st)e in t||(n.remove(e),this.st.delete(e));for(let e in t){let r=!!t[e];r===this.st.has(e)||this.nt?.has(e)||(r?(n.add(e),this.st.add(e)):(n.remove(e),this.st.delete(e)))}return O}}),V=e=>e??k,_r=Symbol.for(``),vr=e=>{if(e?.r===_r)return e?._$litStatic$},yr=(e,...t)=>({_$litStatic$:t.reduce((t,n,r)=>t+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(n)+e[r+1],e[0]),r:_r}),br=new Map,xr=(e=>(t,...n)=>{let r=n.length,i,a,o=[],s=[],c,l=0,u=!1;for(;l<r;){for(c=t[l];l<r&&(a=n[l],i=vr(a))!==void 0;)c+=i+t[++l],u=!0;l!==r&&s.push(a),o.push(c),l++}if(l===r&&o.push(t[r]),u){let e=o.join(`$$lit$$`);(t=br.get(e))===void 0&&(o.raw=o,br.set(e,t=o)),n=s}return e(t,...n)})(D),H=class extends R{constructor(){super(...arguments),this.assumeInteractionOn=[`click`],this.hasSlotController=new er(this,`[default]`,`start`,`end`),this.localize=new z(this),this.invalid=!1,this.isIconButton=!1,this.title=``,this.variant=`neutral`,this.appearance=`accent`,this.size=`m`,this.withCaret=!1,this.withStart=!1,this.withEnd=!1,this.disabled=!1,this.loading=!1,this.pill=!1,this.type=`button`}static get validators(){return[...super.validators,Jn()]}handleSizeChange(){$n(this.localName,this.size)}constructLightDOMButton(){let e=document.createElement(`button`);for(let t of this.attributes)t.name!==`style`&&e.setAttribute(t.name,t.value);return e.type=this.type,e.style.position=`absolute !important`,e.style.width=`0 !important`,e.style.height=`0 !important`,e.style.clipPath=`inset(50%) !important`,e.style.overflow=`hidden !important`,e.style.whiteSpace=`nowrap !important`,this.name&&(e.name=this.name),e.value=this.value||``,e}handleClick(e){if(this.disabled||this.loading){e.preventDefault(),e.stopImmediatePropagation();return}if(this.type!==`submit`&&this.type!==`reset`||!this.getForm())return;let t=this.constructLightDOMButton();this.parentElement?.append(t),t.click(),t.remove()}handleInvalid(){this.dispatchEvent(new Yn)}handleLabelSlotChange(){let e=this.labelSlot.assignedNodes({flatten:!0}),t=!1,n=!1,r=!1,i=!1;[...e].forEach(e=>{if(e.nodeType===Node.ELEMENT_NODE){let r=e;r.localName===`wa-icon`?(n=!0,t||=r.label!==void 0):i=!0}else e.nodeType===Node.TEXT_NODE&&(e.textContent?.trim()||``).length>0&&(r=!0)}),this.isIconButton=n&&!r&&!i,this.customStates.set(`icon-button`,this.isIconButton),this.isIconButton&&!t&&console.warn(`Icon buttons must have a label for screen readers. Add <wa-icon label="..."> to remove this warning.`,this)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.customStates.set(`disabled`,this.disabled),this.updateV
vendor: 4,678 bytes, lines 875-947
875alidity()}handleHrefChange(){this.customStates.set(`link`,this.isLink())}handleLoadingChange(){this.customStates.set(`loading`,this.loading)}setValue(...e){}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}render(){let e=this.isLink(),t=e?yr`a`:yr`button`;return xr` 876 <${t} 877 part="base" 878 class=${B({button:!0,caret:this.withCaret,disabled:this.disabled,loading:this.loading,rtl:this.localize.dir()===`rtl`,"has-label":this.hasSlotController.test(`[default]`),"has-start":this.hasSlotController.test(`start`,`withStart`),"has-end":this.hasSlotController.test(`end`,`withEnd`),"is-icon-button":this.isIconButton})} 879 ?disabled=${V(e?void 0:this.disabled)} 880 type=${V(e?void 0:this.type)} 881 title=${this.title} 882 name=${V(e?void 0:this.name)} 883 value=${V(e?void 0:this.value)} 884 href=${V(e?this.href:void 0)} 885 target=${V(e?this.target:void 0)} 886 download=${V(e?this.download:void 0)} 887 rel=${V(e&&this.rel?this.rel:void 0)} 888 role=${V(e?void 0:`button`)} 889 aria-disabled=${V(e&&this.disabled?`true`:void 0)} 890 tabindex=${this.disabled?`-1`:`0`} 891 @invalid=${this.isButton()?this.handleInvalid:null} 892 @click=${this.handleClick} 893 > 894 <slot name="start" part="start" class="start"></slot> 895 <slot part="label" class="label" @slotchange=${this.handleLabelSlotChange}></slot> 896 <slot name="end" part="end" class="end"></slot> 897 ${this.withCaret?xr` 898 <wa-icon part="caret" class="caret" library="system" name="chevron-down" variant="solid"></wa-icon> 899 `:``} 900 ${this.loading?xr`<wa-spinner part="spinner"></wa-spinner>`:``} 901 </${t}> 902 `}};H.shadowRootOptions={...R.shadowRootOptions,delegatesFocus:!0},H.css=[nr,Gn,tr],j([F(`.button`)],H.prototype,`button`,2),j([F(`slot:not([name])`)],H.prototype,`labelSlot`,2),j([P()],H.prototype,`invalid`,2),j([P()],H.prototype,`isIconButton`,2),j([N()],H.prototype,`title`,2),j([N({reflect:!0})],H.prototype,`variant`,2),j([N({reflect:!0})],H.prototype,`appearance`,2),j([N({reflect:!0})],H.prototype,`size`,2),j([A(`size`)],H.prototype,`handleSizeChange`,1),j([N({attribute:`with-caret`,type:Boolean,reflect:!0})],H.prototype,`withCaret`,2),j([N({attribute:`with-start`,type:Boolean})],H.prototype,`withStart`,2),j([N({attribute:`with-end`,type:Boolean})],H.prototype,`withEnd`,2),j([N({type:Boolean})],H.prototype,`disabled`,2),j([N({type:Boolean,reflect:!0})],H.prototype,`loading`,2),j([N({type:Boolean,reflect:!0})],H.prototype,`pill`,2),j([N()],H.prototype,`type`,2),j([N({reflect:!0})],H.prototype,`name`,2),j([N({reflect:!0})],H.prototype,`value`,2),j([N({reflect:!0})],H.prototype,`href`,2),j([N()],H.prototype,`target`,2),j([N()],H.prototype,`rel`,2),j([N()],H.prototype,`download`,2),j([N({attribute:`formaction`})],H.prototype,`formAction`,2),j([N({attribute:`formenctype`})],H.prototype,`formEnctype`,2),j([N({attribute:`formmethod`})],H.prototype,`formMethod`,2),j([N({attribute:`formnovalidate`,type:Boolean})],H.prototype,`formNoValidate`,2),j([N({attribute:`formtarget`})],H.prototype,`formTarget`,2),j([A(`disabled`,{waitUntilFirstUpdate:!0})],H.prototype,`handleDisabledChange`,1),j([A(`href`)],H.prototype,`handleHrefChange`,1),j([A(`loading`,{waitUntilFirstUpdate:!0})],H.prototype,`handleLoadingChange`,1),H=j([M(`wa-button`)],H),H.disableWarning?.(`change-in-update`);var Sr=E` 903 :host { 904 --track-width: 2px; 905 --track-color: var(--wa-color-neutral-fill-normal); 906 --indicator-color: var(--wa-color-brand-fill-loud); 907 --speed: 2s; 908 --size: 1em; 909 910 /* 911 Resizing a spinner element using anything but font-size will break the animation because the animation uses em 912 units. Therefore, if a spinner is used in a flex container without \`flex: none\` applied, the spinner can 913 grow/shrink and break the animation. The use of \`flex: none\` on the host element prevents this by always having 914 the spinner sized according to its actual dimensions. 915 */ 916 flex: none; 917 display: inline-flex; 918 width: var(--size); 919 height: var(--size); 920 } 921 922 svg { 923 width: 100%; 924 height: 100%; 925 aspect-ratio: 1; 926 animation: spin var(--speed) linear infinite; 927 } 928 929 .track, 930 .indicator { 931 --radius: calc(var(--size) / 2 - var(--track-width) / 2); 932 --circumference: calc(var(--radius) * 2 * 3.141592654); 933 934 cx: calc(var(--size) / 2); 935 cy: calc(var(--size) / 2); 936 r: var(--radius); 937 fill: none; 938 stroke-width: var(--track-width); 939 } 940 941 .track { 942 stroke: var(--track-color); 943 } 944 945 .indicator { 946 stroke: var(--indicator-color); 947 stroke-linecap: round;
948 stroke-dasharray: calc(0.597 * var(--circumference)), calc(0.796 * var(--circumference)); 949 stroke-dashoffset: calc(-0.04 * var(--circumference)); 950 animation: dash 1.5s ease-in-out infinite; 951 } 952 953 @keyframes spin { 954 0% { 955 transform: rotate(0deg); 956 } 957 100% { 958 transform: rotate(360deg); 959 } 960 } 961 962 @keyframes dash { 963 0% { 964 stroke-dasharray: calc(0.008 * var(--circumference)), calc(1.194 * var(--circumference)); 965 stroke-dashoffset: 0; 966 } 967 50% { 968 stroke-dasharray: calc(0.716 * var(--circumference)), calc(1.194 * var(--circumference)); 969 stroke-dashoffset: calc(-0.278 * var(--circumference)); 970 } 971 100% { 972 stroke-dasharray: calc(0.716 * var(--circumference)), calc(1.194 * var(--circumference)); 973 stroke-dashoffset: calc(-0.987 * var(--circumference)); 974 } 975 } 976`,Cr=class extends I{constructor(){super(...arguments),this.localize=new z(this)}render(){return D` 977 <svg 978 part="base" 979 role="progressbar" 980 aria-label=${this.localize.term(`loading`)} 981 fill="none" 982 xmlns="http://www.w3.org/2000/svg" 983 > 984 <circle class="track" /> 985 <circle class="indicator" /> 986 </svg> 987 `}};Cr.css=Sr,Cr=j([M(`wa-spinner`)],Cr);var wr=E` 988 :host { 989 display: flex; 990 position: relative; 991 align-items: stretch; 992 border-radius: var(--wa-panel-border-radius); 993 background-color: var(--wa-color-fill-quiet, var(--wa-color-brand-fill-quiet)); 994 border-color: var(--wa-color-border-quiet, var(--wa-color-brand-border-quiet)); 995 border-style: var(--wa-panel-border-style); 996 border-width: var(--wa-panel-border-width); 997 color: var(--wa-color-text-normal); 998 padding: 1em; 999 } 1000 1001 /* Appearance modifiers */ 1002 :host([appearance~='plain']) { 1003 background-color: transparent; 1004 border-color: transparent; 1005 } 1006 1007 :host([appearance~='outlined']) { 1008 background-color: transparent; 1009 border-color: var(--wa-color-border-loud, var(--wa-color-brand-border-loud)); 1010 } 1011 1012 :host([appearance~='filled']) { 1013 background-color: var(--wa-color-fill-quiet, var(--wa-color-brand-fill-quiet)); 1014 border-color: transparent; 1015 } 1016 1017 :host([appearance~='filled-outlined']) { 1018 border-color: var(--wa-color-border-quiet, var(--wa-color-brand-border-quiet)); 1019 } 1020 1021 :host([appearance~='accent']) { 1022 color: var(--wa-color-on-loud, var(--wa-color-brand-on-loud)); 1023 background-color: var(--wa-color-fill-loud, var(--wa-color-brand-fill-loud)); 1024 border-color: transparent; 1025 1026 [part~='icon'] { 1027 color: currentColor; 1028 } 1029 } 1030 1031 [part~='icon'] { 1032 flex: 0 0 auto; 1033 display: flex; 1034 align-items: center; 1035 color: var(--wa-color-on-quiet); 1036 font-size: 1.25em; 1037 } 1038 1039 ::slotted([slot='icon']) { 1040 margin-inline-end: var(--wa-form-control-padding-inline); 1041 } 1042 1043 [part~='message'] { 1044 flex: 1 1 auto; 1045 display: block; 1046 overflow: hidden; 1047 } 1048`,Tr=class extends I{constructor(){super(...arguments),this.variant=`brand`,this.size=`m`}handleSizeChange(){$n(this.localName,this.size)}render(){return D` 1049 <div part="icon"> 1050 <slot name="icon"></slot> 1051 </div> 1052 1053 <div part="message"> 1054 <slot></slot> 1055 </div> 1056 `}};Tr.css=[wr,Gn,tr],j([N({reflect:!0})],Tr.prototype,`variant`,2),j([N({reflect:!0})],Tr.prototype,`appearance`,2),j([N({reflect:!0})],Tr.prototype,`size`,2),j([A(`size`)],Tr.prototype,`handleSizeChange`,1),Tr=j([M(`wa-callout`)],Tr);var Er=E` 1057 :host { 1058 --spacing: var(--wa-space-l); 1059 1060 /* Internal calculated properties */ 1061 --inner-border-radius: calc(var(--wa-panel-border-radius) - var(--wa-panel-border-width)); 1062 1063 display: flex; 1064 flex-direction: column; 1065 background-color: var(--wa-color-surface-default); 1066 border-color: var(--wa-color-surface-border); 1067 border-radius: var(--wa-panel-border-radius); 1068 border-style: var(--wa-panel-border-style); 1069 box-shadow: var(--wa-shadow-s); 1070 border-width: var(--wa-panel-border-width); 1071 color: var(--wa-color-text-normal); 1072 } 1073 1074 /* Appearance modifiers */ 1075 :host([appearance='plain']) { 1076 background-color: transparent; 1077 border-color: transparent; 1078 box-shadow: none; 1079 } 1080 1081 :host([appearance='outlined']) { 1082 background-color: var(--wa-color-surface-default); 1083 border-color: var(--wa-color-surface-border); 1084 } 1085 1086 :host([appearance='filled']) { 1087 background-color: var(--wa-color-neutral-fill-quiet); 1088 border-color: transparent; 1089 } 1090 1091 :host([appearance='filled-outlined']) { 1092 background-color: var(--wa-color-neutral-fill-quiet); 1093 border-color: var(--wa-color-surface-border); 1094 } 1095 1096 :host([appearance='accent']) { 1097 color: var(--wa-color-neutral-on-loud); 1098 background-color: var(--wa-color-neutral-fill-loud); 1099 border-color: transparent; 1100 } 1101 1102 /* Take care of top and bottom radii */ 1103 .media, 1104 :host(:not([with-media])) .header, 1105 :host(:not([with-media], [with-header])) .body { 1106 border-start-start-radius: var(--inner-border-radius); 1107 border-start-end-radius: var(--inner-border-radius); 1108 } 1109 1110 :host(:not([with-footer])) .body, 1111 .footer { 1112 border-end-start-radius: var(--inner-border-radius); 1113 border-end-end-radius: var(--inner-border-radius); 1114 } 1115 1116 .media { 1117 display: flex; 1118 overflow: hidden; 1119 1120 &::slotted(*) { 1121 display: block; 1122 width: 100%; 1123 border-radius: 0 !important; 1124 } 1125 } 1126 1127 /* Round all corners for plain appearance */ 1128 :host([appearance='plain']) .media { 1129 border-radius: var(--inner-border-radius); 1130 1131 &::slotted(*) { 1132 border-radius: inherit !important; 1133 } 1134 } 1135 1136 .header { 1137 display: block; 1138 border-block-end-style: inherit; 1139 border-block-end-color: var(--wa-color-surface-border); 1140 border-block-end-width: var(--wa-panel-border-width); 1141 padding: calc(var(--spacing) / 2) var(--spacing); 1142 } 1143 1144 .body { 1145 display: block; 1146 padding: var(--spacing); 1147 } 1148 1149 .footer { 1150 display: block; 1151 border-block-start-style: inherit; 1152 border-block-start-color: var(--wa-color-surface-border); 1153 border-block-start-width: var(--wa-panel-border-width); 1154 padding: var(--spacing); 1155 } 1156 1157 /* Push slots to sides when the action slots renders */ 1158 .has-actions { 1159 display: flex; 1160 align-items: center; 1161 justify-content: space-between; 1162 } 1163 1164 :host(:not([with-header])) .header, 1165 :host(:not([with-footer])) .footer, 1166 :host(:not([with-media])) .media { 1167 display: none; 1168 } 1169 1170 /* Orientation Styles */ 1171 :host([orientation='horizontal']) { 1172 flex-direction: row; 1173 1174 .media { 1175 border-start-start-radius: var(--inner-border-radius); 1176 border-end-start-radius: var(--inner-border-radius); 1177 border-start-end-radius: 0; 1178 1179 &::slotted(*) { 1180 block-size: 100%; 1181 inline-size: 100%; 1182 object-fit: cover; 1183 } 1184 } 1185 } 1186 1187 :host([orientation='horizontal']) .body slot::slotted(*) { 1188 display: block; 1189 height: 100%; 1190 margin: 0; 1191 } 1192 1193 :host([orientation='horizontal']) slot[name='actions']::slotted(*) { 1194 display: flex; 1195 align-items: center; 1196 padding: var(--spacing); 1197 } 1198`,Dr=class extends I{constructor(){super(...arguments),this.hasSlotController=new er(this,`footer`,`header`,`media`,`header-actions`,`footer-actions`,`actions`),this.appearance=`outlined`,this.withHeader=!1,this.withMedia=!1,this.withFooter=!1,this.withHeaderActions=!1,this.withFooterActions=!1,this.orientation=`vertical`}willUpdate(e){this.withHeader=this.hasSlotController.test(`header`,`withHeader`),this.withMedia=this.hasSlotController.test(`media`,`withMedia`),this.withFooter=this.hasSlotController.test(`footer`,`withF
1198ooter`),super.willUpdate(e)}render(){if(this.orientation===`horizontal`)return D` 1199 <slot name="media" part="media" class="media"></slot> 1200 <div part="body" class="body"><slot></slot></div> 1201 <slot name="actions" part="actions" class="actions"></slot> 1202 `;let e=this.hasSlotController.test(`header-actions`,`withHeaderActions`),t=this.hasSlotController.test(`footer-actions`,`withFooterActions`);return D` 1203 <slot name="media" part="media" class="media"></slot> 1204 1205 <header 1206 part="header" 1207 class=${B({header:!0,"has-actions":e})} 1208 > 1209 <slot name="header"></slot> 1210 <slot name="header-actions"></slot> 1211 </header> 1212 1213 <div part="body" class="body"><slot></slot></div> 1214 1215 <footer 1216 part="footer" 1217 class=${B({footer:!0,"has-actions":t})} 1218 > 1219 <slot name="footer"></slot> 1220 <slot name="footer-actions"></slot> 1221 </footer> 1222 `}};Dr.css=[tr,Er],j([N({reflect:!0})],Dr.prototype,`appearance`,2),j([N({attribute:`with-header`,type:Boolean,reflect:!0})],Dr.prototype,`withHeader`,2),j([N({attribute:`with-media`,type:Boolean,reflect:!0})],Dr.prototype,`withMedia`,2),j([N({attribute:`with-footer`,type:Boolean,reflect:!0})],Dr.prototype,`withFooter`,2),j([N({attribute:`with-header-actions`,type:Boolean,reflect:!0})],Dr.prototype,`withHeaderActions`,2),j([N({attribute:`with-footer-actions`,type:Boolean,reflect:!0})],Dr.prototype,`withFooterActions`,2),j([N({reflect:!0})],Dr.prototype,`orientation`,2),Dr=j([M(`wa-card`)],Dr),Dr.disableWarning?.(`change-in-update`);var Or=E` 1223 :host { 1224 --checked-icon-color: var(--wa-color-brand-on-loud); 1225 --checked-icon-scale: 0.8; 1226 1227 display: inline-flex; 1228 color: var(--wa-form-control-value-color); 1229 font-family: inherit; 1230 font-weight: var(--wa-form-control-value-font-weight); 1231 line-height: var(--wa-form-control-value-line-height); 1232 user-select: none; 1233 -webkit-user-select: none; 1234 } 1235 1236 [part~='control'] { 1237 display: inline-flex; 1238 flex: 0 0 auto; 1239 position: relative; 1240 align-items: center; 1241 justify-content: center; 1242 width: var(--wa-form-control-toggle-size); 1243 height: var(--wa-form-control-toggle-size); 1244 border-color: var(--wa-form-control-border-color); 1245 border-radius: min( 1246 calc(var(--wa-form-control-toggle-size) * 0.375), 1247 var(--wa-border-radius-s) 1248 ); /* min prevents entirely circular checkbox */ 1249 border-style: var(--wa-border-style); 1250 border-width: var(--wa-form-control-border-width); 1251 background-color: var(--wa-form-control-background-color); 1252 transition: 1253 background var(--wa-transition-normal), 1254 border-color var(--wa-transition-fast), 1255 box-shadow var(--wa-transition-fast), 1256 color var(--wa-transition-fast); 1257 transition-timing-function: var(--wa-transition-easing); 1258 1259 margin-inline-end: 0.5em; 1260 } 1261 1262 [part~='base'] { 1263 display: flex; 1264 align-items: flex-start; 1265 position: relative; 1266 color: currentColor; 1267 vertical-align: middle; 1268 cursor: pointer; 1269 } 1270 1271 [part~='label'] { 1272 display: inline; 1273 } 1274 1275 /* Checked */ 1276 [part~='control']:has(:checked, :indeterminate) { 1277 color: var(--checked-icon-color); 1278 border-color: var(--wa-form-control-activated-color); 1279 background-color: var(--wa-form-control-activated-color); 1280 } 1281 1282 /* Focus */ 1283 [part~='control']:has(> input:focus-visible:not(:disabled)) { 1284 outline: var(--wa-focus-ring); 1285 outline-offset: var(--wa-focus-ring-offset); 1286 } 1287 1288 /* Disabled */ 1289 :host [part~='base']:has(input:disabled) { 1290 opacity: 0.5; 1291 cursor: not-allowed; 1292 } 1293 1294 input { 1295 position: absolute; 1296 padding: 0; 1297 margin: 0; 1298 height: 100%; 1299 width: 100%; 1300 opacity: 0; 1301 pointer-events: none; 1302 } 1303 1304 [part~='icon'] { 1305 display: flex; 1306 scale: var(--checked-icon-scale); 1307 1308 /* Without this, Safari renders the icon slightly to the left */ 1309 &::part(svg) { 1310 translate: 0.0009765625em; 1311 } 1312 1313 input:not(:checked, :indeterminate) + & { 1314 visibility: hidden; 1315 } 1316 } 1317 1318 :host([required]) [part~='label']::after { 1319 content: var(--wa-form-control-required-content); 1320 color: var(--wa-form-control-required-content-color); 1321 margin-inline-start: var(--wa-form-control-required-content-offset); 1322 } 1323`,kr=(e={})=>{let{validationElement:t,validationProperty:n}=e;t||typeof document<`u`&&`createElement`in document&&(t=Object.assign(document.createElement(`input`),{required:!0})),n||=`value`;let r={observedAttributes:[`required`],message:t?.validationMessage,checkValidity(e){let t={message:``,isValid:!0,invalidKeys:[]};return(e.required??e.hasAttribute(`required`))&&(e[n]||(t.message=typeof r.message==`function`?r.message(e):r.message||``,t.isValid=!1,t.invalidKeys.push(`valueMissing`))),t}};return r},Ar=E` 1324 :host { 1325 display: flex; 1326 flex-direction: column; 1327 } 1328 1329 /* Treat wrapped labels, inputs, and hints as direct children of the host element */ 1330 [part~='form-control'] { 1331 display: contents; 1332 } 1333 1334 /* Label */ 1335 :is([part~='form-control-label'], [part~='label']):has(*:not(:empty)), 1336 :is([part~='form-control-label'], [part~='label']).has-label { 1337 display: inline-flex; 1338 color: var(--wa-form-control-label-color);
1339 font-weight: var(--wa-form-control-label-font-weight); 1340 line-height: var(--wa-form-control-label-line-height); 1341 margin-block-end: 0.5em; 1342 } 1343 1344 :host([required]) :is([part~='form-control-label'], [part~='label'])::after { 1345 content: var(--wa-form-control-required-content); 1346 margin-inline-start: var(--wa-form-control-required-content-offset); 1347 color: var(--wa-form-control-required-content-color); 1348 } 1349 1350 /* Help text */ 1351 [part~='hint'] { 1352 display: block; 1353 color: var(--wa-form-control-hint-color); 1354 font-weight: var(--wa-form-control-hint-font-weight); 1355 line-height: var(--wa-form-control-hint-line-height); 1356 margin-block-start: 0.5em; 1357 font-size: var(--wa-font-size-smaller); 1358 1359 &:not(.has-slotted, .has-hint) { 1360 display: none; 1361 } 1362 } 1363`,jr=hr(class extends gr{constructor(e){if(super(e),e.type!==mr.PROPERTY&&e.type!==mr.ATTRIBUTE&&e.type!==mr.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Rn(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===O||t===k)return t;let n=e.element,r=e.name;if(e.type===mr.PROPERTY){if(t===n[r])return O}else if(e.type===mr.BOOLEAN_ATTRIBUTE){if(!!t===n.hasAttribute(r))return O}else if(e.type===mr.ATTRIBUTE&&n.getAttribute(r)===t+``)return O;return Bn(e),t}}),U=class extends R{constructor(){super(...arguments),this.hasSlotController=new er(this,`hint`),this.title=``,this.name=null,this._value=this.getAttribute(`value`)??null,this.size=`m`,this.disabled=!1,this.indeterminate=!1,this._checked=null,this.defaultChecked=this.hasAttribute(`checked`),this.required=!1,this.hint=``}static get validators(){let e=[kr({validationProperty:`checked`,validationElement:Object.assign(document.createElement(`input`),{type:`checkbox`,required:!0})})];return[...super.validators,...e]}get value(){return this._value??`on`}set value(e){this._value=e}handleSizeChange(){$n(this.localName,this.size)}get checked(){return this.valueHasChanged?!!this._checked:this._checked??this.defaultChecked}set checked(e){this._checked=!!e,this.valueHasChanged=!0}handleClick(){this.hasInteracted=!0,this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))})}connectedCallback(){if(super.connectedCallback(),this.didSSR&&!this.hasUpdated){this.updateComplete.then(()=>{this.handleDefaultCheckedChange()});return}this.handleDefaultCheckedChange()}handleDefaultCheckedChange(){this.handleValueOrCheckedChange()}handleValueOrCheckedChange(){if(this.didSSR&&!this.hasUpdated){this.updateComplete.then(()=>{this.handleValueOrCheckedChange()});return}this.setValue(this.checked?this.value:null,this._value),this.updateValidity()}handleStateChange(){this.hasUpdated&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate),this.customStates.set(`checked`,this.checked),this.customStates.set(`indeterminate`,this.indeterminate),this.updateValidity()}handleDisabledChange(){this.customStates.set(`disabled`,this.disabled)}willUpdate(e){super.willUpdate(e),(e.has(`value`)||e.has(`checked`)||e.has(`defaultChecked`))&&this.handleValueOrCheckedChange()}formResetCallback(){this._checked=null,super.formResetCallback(),this.handleValueOrCheckedChange()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){let e=this.hasSlotController.test(`hint`),t=this.hint?!0:!!e,n=!this.checked&&this.indeterminate,r=n?`indeterminate`:`check`,i=n?`indeterminate`:`check`;return D` 1364 <label part="base"> 1365 <span part="control"> 1366 <input 1367 class="input" 1368 type="checkbox" 1369 title=${this.title} 1370 name=${V(this.name)} 1371 value=${V(this.value)} 1372 .indeterminate=${jr(this.indeterminate)} 1373 ?checked=${this.defaultChecked} 1374 ?disabled=${this.disabled} 1375 ?required=${this.required} 1376 aria-checked=${this.indeterminate?`mixed`:this.checked?`true`:`false`} 1377 aria-describedby="hint" 1378 @click=${this.handleClick} 1379 /> 1380 1381 <wa-icon part="${i}-icon icon" library="system" name=${r}></wa-icon> 1382 </span> 1383 1384 <slot part="label"></slot> 1385 </label> 1386 1387 <slot 1388 id="hint" 1389 part="hint" 1390 name="hint" 1391 aria-hidden=${t?`false`:`true`} 1392 class="${B({"has-slotted":t})}" 1393 > 1394 ${this.hint} 1395 </slot> 1396 `}};U.css=[Ar,tr,Or],U.shadowRootOptions={...R.shadowRootOptions,delegatesFocus:!0},j([F(`input[type="checkbox"]`)],U.prototype,`input`,2),j([N()],U.prototype,`title`,2),j([N({reflect:!0})],U.prototype,`name`,2),j([N({reflect:!0})],U.prototype,`value`,1),j([N({reflect:!0})],U.prototype,`size`,2),j([A(`size`)],U.prototype,`handleSizeChange`,1),j([N({type:Boolean})],U.prototype,`disabled`,2),j([N({type:Boolean,reflect:!0})],U.prototype,`indeterminate`,2),j([N({type:Boolean,attribute:!1})],U.prototype,`checked`,1),j([N({type:Boolean,reflect:!0,attribute:`checked`})],U.prototype,`defaultChecked`,2),j([N({type:Boolean,reflect:!0})],U.prototype,`required`,2),j([N()],U.prototype,`hint`,2),j([A([`checked`,`defaultChecked`])],U.prototype,`handleDefaultCheckedChange`,1),j([A([`checked`,`indeterminate`])],U.prototype,`handleStateChange`,1),j([A(`disabled`)],U.prototype,`handleDisabledChange`,1),U=j([M(`wa-checkbox`)],U),U.disableWarning?.(`change-in-update`);var Mr=E` 1397 :host { 1398 --spacing: var(--wa-space-m); 1399 --show-duration: var(--wa-transition-normal); 1400 --hide-duration: var(--wa-transition-normal); 1401 1402 display: block; 1403 } 1404 1405 details { 1406 display: block;
1407 overflow-anchor: none; 1408 border: var(--wa-panel-border-width) var(--wa-color-surface-border) var(--wa-panel-border-style); 1409 background-color: var(--wa-color-surface-default); 1410 border-radius: var(--wa-panel-border-radius); 1411 color: var(--wa-color-text-normal); 1412 1413 /* Print styles */ 1414 @media print { 1415 background: none; 1416 border: solid var(--wa-border-width-s) var(--wa-color-surface-border); 1417 1418 summary { 1419 list-style: none; 1420 } 1421 } 1422 } 1423 1424 /* Appearance modifiers */ 1425 :host([appearance='plain']) details { 1426 background-color: transparent; 1427 border-color: transparent; 1428 border-radius: 0; 1429 } 1430 1431 :host([appearance='outlined']) details { 1432 background-color: var(--wa-color-surface-default); 1433 border-color: var(--wa-color-surface-border); 1434 } 1435 1436 :host([appearance='filled']) details { 1437 background-color: var(--wa-color-neutral-fill-quiet); 1438 border-color: transparent; 1439 } 1440 1441 :host([appearance='filled-outlined']) details { 1442 background-color: var(--wa-color-neutral-fill-quiet); 1443 border-color: var(--wa-color-neutral-border-quiet); 1444 } 1445 1446 :host([disabled]) details { 1447 opacity: 0.5; 1448 cursor: not-allowed; 1449 } 1450 1451 summary { 1452 display: flex; 1453 align-items: center; 1454 justify-content: space-between; 1455 gap: var(--spacing); 1456 padding: var(--spacing); /* Add padding here */ 1457 border-radius: calc(var(--wa-panel-border-radius) - var(--wa-panel-border-width)); 1458 user-select: none; 1459 -webkit-user-select: none; 1460 cursor: pointer; 1461 1462 &::marker, 1463 &::-webkit-details-marker { 1464 display: none; 1465 } 1466 1467 &:focus { 1468 outline: none; 1469 } 1470 1471 &:focus-visible { 1472 outline: var(--wa-focus-ring); 1473 outline-offset: calc(var(--wa-panel-border-width) + var(--wa-focus-ring-offset)); 1474 } 1475 } 1476 1477 :host([open]) summary { 1478 border-end-start-radius: 0; 1479 border-end-end-radius: 0; 1480 } 1481 1482 /* 'Start' icon placement */ 1483 :host([icon-placement='start']) summary { 1484 flex-direction: row-reverse; 1485 justify-content: start; 1486 } 1487 1488 [part~='icon'] { 1489 flex: 0 0 auto; 1490 display: flex; 1491 align-items: center; 1492 color: var(--wa-color-text-quiet); 1493 transition: rotate var(--wa-transition-normal) var(--wa-transition-easing); 1494 } 1495 1496 :host([open]) [part~='icon'] { 1497 rotate: 90deg; 1498 } 1499 1500 :host([open]:dir(rtl)) [part~='icon'] { 1501 rotate: -90deg; 1502 } 1503 1504 :host([open]) slot[name='expand-icon'], 1505 :host(:not([open])) slot[name='collapse-icon'] { 1506 display: none; 1507 } 1508 1509 .body.animating { 1510 overflow: hidden; 1511 } 1512 1513 .content { 1514 display: block; 1515 box-sizing: border-box; /* Ensure contents don't overflow */ 1516 padding-block-start: var(--spacing); 1517 padding-inline: var(--spacing); /* Add horizontal padding */ 1518 padding-block-end: var(--spacing); /* Add bottom padding */ 1519 } 1520`,Nr=class extends Event{constructor(){super(`wa-show`,{bubbles:!0,cancelable:!0,composed:!0})}},Pr=class extends Event{constructor(e){super(`wa-hide`,{bubbles:!0,cancelable:!0,composed:!0}),this.detail=e}},Fr=class extends Event{constructor(){super(`wa-after-hide`,{bubbles:!0,cancelable:!1,composed:!0})}},Ir=class extends Event{constructor(){super(`wa-after-show`,{bubbles:!0,cancelable:!1,composed:!0})}};function Lr(e,t){return new Promise(n=>{function r(i){i.target===e&&(e.removeEventListener(t,r),n())}e.addEventListener(t,r)})}async function Rr(e,t,n){return e.animate(t,n).finished.catch(()=>{})}function zr(e,t){return new Promise(n=>{let r=new AbortController,{signal:i}=r;if(e.classList.contains(t))return;e.classList.add(t);let a=!1,o=()=>{a||(a=!0,e.classList.remove(t),n(),r.abort())};e.addEventListener(`animationend`,o,{once:!0,signal:i}),e.addEventListener(`animationcancel`,o,{once:!0,signal:i}),requestAnimationFrame(()=>{!a&&e.getAnimations().length===0&&o()})})}function Br(e){return e=e.toString().toLowerCase(),e.indexOf(`ms`)>-1?parseFloat(e)||0:e.indexOf(`s`)>-1?(parseFloat(e)||0)*1e3:parseFloat(e)||0}var W=class extends I{constructor(){super(...arguments),this.localize=new z(this),this.animationGeneration=0,this.isAnimating=!1,this.open=!1,this.disabled=!1,this.appearance=`outlined`,this.iconPlacement=`end`}disconnectedCallback(){super.disconnectedCallback(),this.detailsObserver?.disconnect()}firstUpdated(){this.body.style.height=this.open?`auto`:`0`,this.open&&(this.details.open=!0),this.detailsObserver=new MutationObserver(e=>{for(let t of e)t.type===`attributes`&&t.attributeName===`open`&&(this.details.open?this.show():this.hide())}),this.detailsObserver.observe(this.details,{attributes:!0})}updated(e){e.has(`isAnimating`)&&this.customStates.set(`animating`,this.isAnimating)}handleSummaryClick(e){e.composedPath().some(e=>{if(!(e instanceof HTMLElement))return!1;let t=e.tagName?.toLowerCase();return[`a`,`button`,`input`,`textarea`,`select`].includes(t)?!0:e instanceof R?!(`disabled`in e)||!e.disabled:!1})||(e.preventDefault(),this.disabled||(this.open?this.hide():this.show(),this.header.focu
1520s()))}handleSummaryKeyDown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.open?this.hide():this.show()),(e.key===`ArrowUp`||e.key===`ArrowLeft`)&&(e.preventDefault(),this.hide()),(e.key===`ArrowDown`||e.key===`ArrowRight`)&&(e.preventDefault(),this.show())}closeOthersWithSameName(){this.name&&this.getRootNode().querySelectorAll(`wa-details[name="${this.name}"]`).forEach(e=>{e!==this&&e.open&&(e.open=!1)})}async handleOpenChange(){this.animationGeneration++;let e=this.animationGeneration;if(this.open){this.details.open=!0;let t=new Nr;if(this.dispatchEvent(t),t.defaultPrevented){this.open=!1,this.details.open=!1;return}this.closeOthersWithSameName(),this.isAnimating=!0;let n=Br(getComputedStyle(this.body).getPropertyValue(`--show-duration`));if(await Rr(this.body,[{height:`0`,opacity:`0`},{height:`${this.body.scrollHeight}px`,opacity:`1`}],{duration:n,easing:`linear`}),this.animationGeneration!==e)return;this.body.style.height=`auto`,this.isAnimating=!1,this.dispatchEvent(new Ir)}else{let t=new Pr;if(this.dispatchEvent(t),t.defaultPrevented){this.details.open=!0,this.open=!0;return}this.isAnimating=!0;let n=Br(getComputedStyle(this.body).getPropertyValue(`--hide-duration`));if(await Rr(this.body,[{height:`${this.body.scrollHeight}px`,opacity:`1`},{height:`0`,opacity:`0`}],{duration:n,easing:`linear`}),this.animationGeneration!==e)return;this.body.style.height=`0`,this.isAnimating=!1,this.details.open=!1,this.dispatchEvent(new Fr)}}async show(){if(!(this.open||this.disabled))return this.open=!0,Lr(this,`wa-after-show`)}async hide(){if(!(!this.open||this.disabled))return this.open=!1,Lr(this,`wa-after-hide`)}render(){let e=this.hasUpdated?this.localize.dir()===`rtl`:this.dir===`rtl`;return D` 1521 <details part="base"> 1522 <summary 1523 part="header" 1524 role="button" 1525 aria-expanded=${this.open?`true`:`false`} 1526 aria-controls="content" 1527 aria-disabled=${this.disabled?`true`:`false`} 1528 tabindex=${this.disabled?`-1`:`0`} 1529 @click=${this.handleSummaryClick} 1530 @keydown=${this.handleSummaryKeyDown} 1531 > 1532 <slot name="summary" part="summary">${this.summary}</slot> 1533 1534 <span part="icon"> 1535 <slot name="expand-icon"> 1536 <wa-icon library="system" variant="solid" name=${e?`chevron-left`:`chevron-right`}></wa-icon> 1537 </slot> 1538 <slot name="collapse-icon"> 1539 <wa-icon library="system" variant="solid" name=${e?`chevron-left`:`chevron-right`}></wa-icon> 1540 </slot> 1541 </span> 1542 </summary> 1543 1544 <div 1545 class=${B({body:!0,animating:this.isAnimating})} 1546 role="region" 1547 aria-labelledby="header" 1548 > 1549 <slot part="content" id="content" class="content"></slot> 1550 </div> 1551 </details> 1552 `}};W.css=Mr,j([F(`details`)],W.prototype,`details`,2),j([F(`summary`)],W.prototype,`header`,2),j([F(`.body`)],W.prototype,`body`,2),j([F(`.expand-icon-slot`)],W.prototype,`expandIconSlot`,2),j([P()],W.prototype,`isAnimating`,2),j([N({type:Boolean,reflect:!0})],W.prototype,`open`,2),j([N()],W.prototype,`summary`,2),j([N({reflect:!0})],W.prototype,`name`,2),j([N({type:Boolean,reflect:!0})],W.prototype,`disabled`,2),j([N({reflect:!0})],W.prototype,`appearance`,2),j([N({attribute:`icon-placement`,reflect:!0})],W.prototype,`iconPlacement`,2),j([A(`open`,{waitUntilFirstUpdate:!0})],W.prototype,`handleOpenChange`,1),W=j([M(`wa-details`)],W);var Vr=E` 1553 :host { 1554 --color: var(--wa-color-surface-border); 1555 --width: var(--wa-border-width-s); 1556 --spacing: var(--wa-space-m); 1557 } 1558 1559 :host(:not([orientation='vertical'])) { 1560 display: block; 1561 border-top: solid var(--width) var(--color); 1562 margin: var(--spacing) 0; 1563 } 1564 1565 :host([orientation='vertical']) { 1566 display: inline-block; 1567 height: 100%; 1568 border-inline-start: solid var(--width) var(--color); 1569 margin: 0 var(--spacing); 1570 min-block-size: 1lh; 1571 } 1572`,Hr=class extends I{constructor(){super(...arguments),this.orientation=`horizontal`}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`separator`)}handleVerticalChange(){this.setAttribute(`aria-orientation`,this.orientation)}};Hr.css=Vr,j([N({reflect:!0})],Hr.prototype,`orientation`,2),j([A(`orientation`)],Hr.prototype,`handleVerticalChange`,1),Hr=j([M(`wa-divider`)],Hr);var Ur=E` 1573 :host { 1574 --size: 25rem; 1575 --spacing: var(--wa-space-l); 1576 --backdrop-filter: none; 1577 --show-duration: var(--wa-transition-normal); 1578 --hide-duration: var(--wa-transition-normal); 1579 1580 display: none; 1581 } 1582 1583 :host([open]) { 1584 display: block; 1585 } 1586 1587 .drawer { 1588 display: flex; 1589 flex-direction: column; 1590 top: 0; 1591 inset-inline-start: 0; 1592 width: 100%; 1593 height: 100%; 1594 max-width: 100%; 1595 max-height: 100%; 1596 overflow: hidden; 1597 color: inherit; 1598 background-color: var(--wa-color-surface-raised); 1599 border: none; 1600 box-shadow: var(--wa-shadow-l); 1601 overflow: auto; 1602 padding: 0; 1603 margin: 0; 1604 animation-duration: var(--show-duration); 1605 animation-timing-function: ease; 1606 1607 &.show::backdrop { 1608 animation: show-backdrop var(--show-duration, 200ms) ease; 1609 } 1610 1611 &.hide::backdrop { 1612 animation: show-backdrop var(--hide-duration, 200ms) ease reverse; 1613 } 1614 1615 &.show.top { 1616 animation: show-drawer-from-top var(--show-duration) ease; 1617 } 1618 1619 &.hide.top { 1620 animation: show-drawer-from-top var(--hide-duration) ease reverse; 1621 } 1622 1623 &.show.end { 1624 animation: show-drawer-from-end var(--show-duration) ease; 1625 1626 &:dir(rtl) { 1627 animation-name: show-drawer-from-start; 1628 } 1629 } 1630 1631 &.hide.end { 1632 animation: show-drawer-from-end var(--hide-duration) ease reverse; 1633 1634 &:dir(rtl) { 1635 animation-name: show-drawer-from-start; 1636 } 1637 } 1638 1639 &.show.bottom { 1640 animation: show-drawer-from-bottom var(--show-duration) ease; 1641 } 1642 1643 &.hide.bottom { 1644 animation: show-drawer-from-bottom var(--hide-duration) ease reverse; 1645 } 1646 1647 &.show.start { 1648 animation: show-drawer-from-start var(--show-duration) ease; 1649 1650 &:dir(rtl) { 1651 animation-name: show-drawer-from-end; 1652 } 1653 } 1654 1655 &.hide.start { 1656 animation: show-drawer-from-start var(--hide-duration) ease reverse; 1657 1658 &:dir(rtl) { 1659 animation-name: show-drawer-from-end; 1660 } 1661 } 1662 1663 &.pulse { 1664 animation: pulse 250ms ease; 1665 } 1666 } 1667 1668 .drawer:focus { 1669 outline: none; 1670 } 1671 1672 .top { 1673 top: 0; 1674 inset-inline-end: auto; 1675 bottom: auto; 1676 inset-inline-start: 0; 1677 width: 100%; 1678 height: var(--size); 1679 } 1680 1681 .end { 1682 top: 0; 1683 inset-inline-end: 0; 1684 bottom: auto; 1685 inset-inline-start: auto; 1686 width: var(--size); 1687 height: 100%; 1688 } 1689 1690 .bottom { 1691 top: auto; 1692 inset-inline-end: auto; 1693 bottom: 0; 1694 inset-inline-start: 0; 1695 width: 100%; 1696 height: var(--size); 1697 } 1698 1699 .start { 1700 top: 0; 1701 inset-inline-end: auto; 1702 bottom: auto; 1703 inset-inline-start: 0; 1704 width: var(--size); 1705 height: 100%; 1706 } 1707 1708 .header { 1709 display: flex; 1710 flex-wrap: nowrap; 1711 padding-inline-start: var(--spacing); 1712 padding-block-end: 0; 1713 1714 /* Subtract the close button's padding so that the X is visually aligned with the edges of the dialog content */ 1715 padding-inline-end: calc(var(--spacing) - var(--wa-form-control-padding-block)); 1716 padding-block-start: calc(var(--spacing) - var(--wa-form-control-padding-block)); 1717 } 1718 1719 .title {
1720 align-self: center; 1721 flex: 1 1 auto; 1722 font: inherit; 1723 font-size: var(--wa-font-size-l); 1724 font-weight: var(--wa-font-weight-heading); 1725 line-height: var(--wa-line-height-condensed); 1726 margin: 0; 1727 } 1728 1729 .header-actions { 1730 align-self: start; 1731 display: flex; 1732 flex-shrink: 0; 1733 flex-wrap: wrap; 1734 justify-content: end; 1735 gap: var(--wa-space-2xs); 1736 padding-inline-start: var(--spacing); 1737 } 1738 1739 .header-actions wa-button, 1740 .header-actions ::slotted(wa-button) { 1741 flex: 0 0 auto; 1742 display: flex; 1743 align-items: center; 1744 } 1745 1746 .body { 1747 flex: 1 1 auto; 1748 display: block; 1749 padding: var(--spacing); 1750 overflow: auto; 1751 -webkit-overflow-scrolling: touch; 1752 1753 &:focus { 1754 outline: none; 1755 } 1756 1757 &:focus-visible { 1758 outline: var(--wa-focus-ring); 1759 outline-offset: var(--wa-focus-ring-offset); 1760 } 1761 } 1762 1763 .footer { 1764 display: flex; 1765 flex-wrap: wrap; 1766 gap: var(--wa-space-xs); 1767 justify-content: end; 1768 padding: var(--spacing); 1769 padding-block-start: 0; 1770 } 1771 1772 .footer ::slotted(wa-button:not(:last-of-type)) { 1773 margin-inline-end: var(--wa-spacing-xs); 1774 } 1775 1776 .drawer::backdrop { 1777 /* 1778 NOTE: the ::backdrop element doesn't inherit properly in Safari yet, but it will in 17.4! At that time, we can 1779 remove the fallback values here. 1780 */ 1781 background-color: var(--wa-color-overlay-modal, rgb(0 0 0 / 0.25)); 1782 backdrop-filter: var(--backdrop-filter); 1783 } 1784 1785 @keyframes pulse { 1786 0% { 1787 scale: 1; 1788 } 1789 50% { 1790 scale: 1.01; 1791 } 1792 100% { 1793 scale: 1; 1794 } 1795 } 1796 1797 @keyframes show-drawer { 1798 from { 1799 opacity: 0; 1800 scale: 0.8; 1801 } 1802 to { 1803 opacity: 1; 1804 scale: 1; 1805 } 1806 } 1807 1808 @keyframes show-drawer-from-top { 1809 from { 1810 opacity: 0; 1811 translate: 0 -100%; 1812 } 1813 to { 1814 opacity: 1; 1815 translate: 0 0; 1816 } 1817 } 1818 1819 @keyframes show-drawer-from-end { 1820 from { 1821 opacity: 0; 1822 translate: 100%; 1823 } 1824 to { 1825 opacity: 1; 1826 translate: 0 0; 1827 } 1828 } 1829 1830 @keyframes show-drawer-from-bottom { 1831 from { 1832 opacity: 0; 1833 translate: 0 100%; 1834 } 1835 to { 1836 opacity: 1; 1837 translate: 0 0; 1838 } 1839 } 1840 1841 @keyframes show-drawer-from-start { 1842 from { 1843 opacity: 0; 1844 translate: -100% 0; 1845 } 1846 to { 1847 opacity: 1; 1848 translate: 0 0; 1849 } 1850 } 1851 1852 @keyframes show-backdrop { 1853 from { 1854 opacity: 0; 1855 } 1856 to { 1857 opacity: 1; 1858 } 1859 } 1860 1861 @media (forced-colors: active) { 1862 .drawer { 1863 border: solid 1px white; 1864 } 1865 } 1866`;function Wr(e,t){return{top:Math.round(e.getBoundingClientRect().top-t.getBoundingClientRect().top),left
1866:Math.round(e.getBoundingClientRect().left-t.getBoundingClientRect().left)}}var Gr=new Set;function Kr(){let e=document.documentElement.clientWidth;return Math.abs(window.innerWidth-e)}function qr(){let e=Number(getComputedStyle(document.body).paddingRight.replace(/px/,``));return isNaN(e)||!e?0:e}function Jr(e){if(Gr.add(e),!document.documentElement.classList.contains(`wa-scroll-lock`)){let e=Kr()+qr(),t=getComputedStyle(document.documentElement).scrollbarGutter;(!t||t===`auto`)&&(t=`stable`),e<2&&(t=``),document.documentElement.style.setProperty(`--wa-scroll-lock-gutter`,t),document.documentElement.classList.add(`wa-scroll-lock`),document.documentElement.style.setProperty(`--wa-scroll-lock-size`,`${e}px`)}}function Yr(e){Gr.delete(e),Gr.size===0&&(document.documentElement.classList.remove(`wa-scroll-lock`),document.documentElement.style.removeProperty(`--wa-scroll-lock-size`))}function Xr(e,t,n=`vertical`,r=`smooth`){let i=Wr(e,t),a=i.top+t.scrollTop,o=i.left+t.scrollLeft,s=t.scrollLeft,c=t.scrollLeft+t.offsetWidth,l=t.scrollTop,u=t.scrollTop+t.offsetHeight;(n===`horizontal`||n===`both`)&&(o<s?t.scrollTo({left:o,behavior:r}):o+e.clientWidth>c&&t.scrollTo({left:o-t.offsetWidth+e.clientWidth,behavior:r})),(n===`vertical`||n===`both`)&&(a<l?t.scrollTo({top:a,behavior:r}):a+e.clientHeight>u&&t.scrollTo({top:a-t.offsetHeight+e.clientHeight,behavior:r}))}function Zr(e){return e.split(` `).map(e=>e.trim()).filter(e=>e!==``)}var Qr=[];function $r(e){Qr.push(e)}function ei(e){for(let t=Qr.length-1;t>=0;t--)if(Qr[t]===e){Qr.splice(t,1);break}}function ti(e){return Qr.length>0&&Qr[Qr.length-1]===e}var ni=class extends I{constructor(){super(...arguments),this.localize=new z(this),this.hasSlotController=new er(this,`footer`,`header-actions`,`label`),this.open=!1,this.label=``,this.placement=`end`,this.withoutHeader=!1,this.lightDismiss=!1,this.withFooter=!1,this.handleDocumentKeyDown=e=>{e.key===`Escape`&&this.open&&ti(this)&&(e.preventDefault(),e.stopPropagation(),this.requestClose(this.drawer))}}firstUpdated(){this.open&&(this.addOpenListeners(),this.drawer.showModal(),Jr(this))}disconnectedCallback(){super.disconnectedCallback(),Yr(this),this.removeOpenListeners()}async requestClose(e){let t=new Pr({source:e});if(this.dispatchEvent(t),t.defaultPrevented){this.open=!0,zr(this.drawer,`pulse`);return}this.removeOpenListeners(),await zr(this.drawer,`hide`),this.open=!1,this.drawer.close(),Yr(this);let n=this.originalTrigger;typeof n?.focus==`function`&&setTimeout(()=>n.focus()),this.dispatchEvent(new Fr)}addOpenListeners(){document.addEventListener(`keydown`,this.handleDocumentKeyDown),$r(this)}removeOpenListeners(){document.removeEventListener(`keydown`,this.handleDocumentKeyDown),ei(this)}handleDialogCancel(e){e.preventDefault(),!this.drawer.classList.contains(`hide`)&&e.target===this.drawer&&ti(this)&&this.requestClose(this.drawer)}handleDialogClick(e){let t=e.target.closest(`[data-drawer="close"]`);t&&(e.stopPropagation(),this.requestClose(t))}async handleDialogPointerDown(e){e.target===this.drawer&&(this.lightDismiss?this.requestClose(this.drawer):await zr(this.drawer,`pulse`))}handleOpenChange(){this.open&&!this.drawer.open?this.show():this.drawer.open&&(this.open=!0,this.requestClose(this.drawer))}async show(){let e=new Nr;if(this.dispatchEvent(e),e.defaultPrevented){this.open=!1;return}this.addOpenListeners(),this.originalTrigger=document.activeElement,this.open=!0,this.drawer.showModal(),Jr(this),requestAnimationFrame(()=>{let e=this.querySelector(`[autofocus]`);e&&typeof e.focus==`function`?e.focus():this.drawer.focus()}),await zr(this.drawer,`show`),this.dispatchEvent(new Ir)}render(){let e=!this.withoutHeader,t=this.hasSlotController.test(`footer`,`withFooter`);return D` 1867 <dialog 1868 part="dialog" 1869 class=${B({drawer:!0,open:this.open,top:this.placement===`top`,end:this.placement===`end`,bottom:this.placement===`bottom`,start:this.placement===`start`})} 1870 @cancel=${this.handleDialogCancel} 1871 @click=${this.handleDialogClick} 1872 @pointerdown=${this.handleDialogPointerDown} 1873 > 1874 ${e?D` 1875 <header part="header" class="header"> 1876 <h2 part="title" class="title" id="title"> 1877 <!-- If there's no label, use an invisible character to prevent the header from collapsing --> 1878 <slot name="label"> ${this.label.length>0?this.label:`â`} </slot> 1879 </h2> 1880 <div part="header-actions" class="header-actions"> 1881 <slot name="header-actions"></slot> 1882 <wa-button 1883 part="close-button" 1884 exportparts="base:close-button__base" 1885 class="close" 1886 appearance="plain" 1887 @click="${e=>this.requestClose(e.target)}" 1888 > 1889 <wa-icon 1890 name="xmark" 1891 label=${this.localize.term(`close`)} 1892 library="system" 1893 variant="solid" 1894 ></wa-icon> 1895 </wa-button>
1895 1896 </div> 1897 </header> 1898 `:``} 1899 1900 <div part="body" class="body"><slot></slot></div> 1901 1902 <footer part="footer" class="footer" ?hidden=${!t}> 1903 <slot name="footer"></slot> 1904 </footer> 1905 </dialog> 1906 `}};ni.css=Ur,j([F(`.drawer`)],ni.prototype,`drawer`,2),j([N({type:Boolean,reflect:!0})],ni.prototype,`open`,2),j([N({reflect:!0})],ni.prototype,`label`,2),j([N({reflect:!0})],ni.prototype,`placement`,2),j([N({attribute:`without-header`,type:Boolean,reflect:!0})],ni.prototype,`withoutHeader`,2),j([N({attribute:`light-dismiss`,type:Boolean})],ni.prototype,`lightDismiss`,2),j([N({attribute:`with-footer`,type:Boolean})],ni.prototype,`withFooter`,2),j([A(`open`,{waitUntilFirstUpdate:!0})],ni.prototype,`handleOpenChange`,1),ni=j([M(`wa-drawer`)],ni),document.addEventListener(`click`,e=>{let t=e.target.closest(`[data-drawer]`);if(t instanceof Element){let[e,n]=Zr(t.getAttribute(`data-drawer`)||``);if(e===`open`&&n?.length){let e=t.getRootNode().getElementById(n);e?.localName===`wa-drawer`?e.open=!0:console.warn(`A drawer with an ID of "${n}" could not be found in this document.`)}}}),document.addEventListener(`pointerdown`,()=>{});var ri=E` 1907 :host { 1908 display: flex; 1909 position: relative; 1910 align-items: center; 1911 padding: 0.5em 1em; 1912 border-radius: var(--wa-border-radius-s); 1913 isolation: isolate; 1914 color: var(--wa-color-text-normal); 1915 line-height: var(--wa-line-height-condensed); 1916 cursor: pointer; 1917 transition: 1918 var(--wa-transition-fast) background-color var(--wa-transition-easing), 1919 var(--wa-transition-fast) color var(--wa-transition-easing); 1920 } 1921 1922 @media (hover: hover) { 1923 :host(:hover:not(:state(disabled))) { 1924 background-color: var(--wa-color-neutral-fill-normal); 1925 } 1926 } 1927 1928 :host(:state(submenu-open)) { 1929 background-color: var(--wa-color-neutral-fill-normal); 1930 } 1931 1932 :host(:focus-visible) { 1933 z-index: 1; 1934 outline: var(--wa-focus-ring); 1935 background-color: var(--wa-color-neutral-fill-normal); 1936 } 1937 1938 :host(:state(disabled)), 1939 :host([disabled]) { 1940 opacity: 0.5; 1941 cursor: not-allowed; 1942 } 1943 1944 /* Danger variant */ 1945 :host([variant='danger']), 1946 :host([variant='danger']) #details { 1947 color: var(--wa-color-danger-on-quiet); 1948 } 1949 1950 @media (hover: hover) { 1951 :host([variant='danger']:hover) { 1952 background-color: var(--wa-color-danger-fill-normal); 1953 color: var(--wa-color-danger-on-normal); 1954 } 1955 } 1956 1957 :host([variant='danger']:state(submenu-open)), 1958 :host([variant='danger']:focus-visible) { 1959 background-color: var(--wa-color-danger-fill-normal); 1960 color: var(--wa-color-danger-on-normal); 1961 } 1962 1963 :host([checkbox-adjacent]) { 1964 padding-inline-start: 2em; 1965 } 1966 1967 /* Only add padding when item actually has a submenu */ 1968 :host([submenu-adjacent]:not(:state(has-submenu))) #details { 1969 padding-inline-end: 0; 1970 } 1971 1972 :host(:state(has-submenu)[submenu-adjacent]) #details { 1973 padding-inline-end: 1.75em; 1974 } 1975 1976 #check { 1977 visibility: hidden; 1978 margin-inline-start: -1.5em; 1979 margin-inline-end: 0.5em; 1980 font-size: var(--wa-font-size-smaller); 1981 } 1982 1983 :host(:state(checked)) #check { 1984 visibility: visible; 1985 } 1986 1987 #icon ::slotted(*) { 1988 display: flex; 1989 flex: 0 0 auto; 1990 align-items: center; 1991 margin-inline-end: 0.75em !important; 1992 font-size: var(--wa-font-size-smaller); 1993 } 1994 1995 #label { 1996 flex: 1 1 auto; 1997 min-width: 0; 1998 } 1999 2000 #details { 2001 display: flex; 2002 flex: 0 0 auto; 2003 align-items: center; 2004 justify-content: end; 2005 color: var(--wa-color-text-quiet); 2006 font-size: var(--wa-font-size-smaller) !important; 2007 } 2008 2009 #details ::slotted(*) { 2010 margin-inline-start: 2em !important; 2011 } 2012 2013 /* Submenu indicator icon */ 2014 #submenu-indicator { 2015 position: absolute; 2016 inset-inline-end: 1em; 2017 color: var(--wa-color-neutral-on-quiet); 2018 font-size: var(--wa-font-size-smaller); 2019 } 2020 2021 /* Flip chevron icon when RTL */ 2022 :host(:dir(rtl)) #submenu-indicator { 2023 transform: scaleX(-1); 2024 } 2025 2026 /* Submenu styles */ 2027 #submenu { 2028 display: flex; 2029 z-index: 10; 2030 position: absolute; 2031 top: 0; 2032 left: 0; 2033 flex-direction: column; 2034 width: max-content; 2035 margin: 0; 2036 padding: 0.25em; 2037 border: var(--wa-border-style) var(--wa-border-width-s) var(--wa-color-surface-border); 2038 border-radius: var(--wa-border-radius-m); 2039 background-color: var(--wa-color-surface-raised); 2040 box-shadow: var(--wa-shadow-m); 2041 color: var(--wa-color-text-normal); 2042 text-align: start; 2043 user-select: none; 2044 2045 /* Override default popover styles */ 2046 &[popover] { 2047 margin: 0; 2048 inset: auto; 2049 padding: 0.25em; 2050 overflow: visible; 2051 border-radius: var(--wa-border-radius-m); 2052 } 2053 2054 &.show { 2055 animation: submenu-show var(--show-duration, var(--wa-transition-fast)) ease; 2056 } 2057 2058 &.hide { 2059 animation: submenu-show var(--show-duration, var(--wa-transition-fast)) ease reverse; 2060 } 2061 2062 /* Submenu placement transform origins */ 2063 &[data-placement^='top'] { 2064 transform-origin: bottom; 2065 } 2066 2067 &[data-placement^='bottom'] { 2068 transform-origin: top; 2069 } 2070 2071 &[data-placement^='left'] { 2072 transform-origin: right; 2073 } 2074 2075 &[data-placement^='right'] { 2076 transform-origin: left; 2077 } 2078 2079 &[data-placement='left-start'] { 2080 transform-origin: right top; 2081 } 2082 2083 &[data-placement='left-end'] { 2084 transform-origin: right bottom; 2085 } 2086 2087 &[data-placement='right-start'] { 2088 transform-origin: left top; 2089 } 2090 2091 &[data-placement='right-end'] { 2092 transform-origin: left bottom; 2093 } 2094 2095 /* Safe triangle styling */ 2096 &::before { 2097 display: none; 2098 z-index: 9; 2099 position: fixed; 2100 top: 0; 2101 right: 0; 2102 bottom: 0; 2103 left: 0; 2104 background-color: transparent; 2105 content: ''; 2106 clip-path: polygon(
2107 var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0), 2108 var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0), 2109 var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0) 2110 ); 2111 pointer-events: auto; /* Enable mouse events on the triangle */ 2112 } 2113 2114 &[data-visible]::before { 2115 display: block; 2116 } 2117 } 2118 2119 ::slotted(wa-dropdown-item) { 2120 font-size: inherit; 2121 } 2122 2123 ::slotted(wa-divider) { 2124 --spacing: 0.25em; 2125 } 2126 2127 @keyframes submenu-show { 2128 from { 2129 scale: 0.9; 2130 opacity: 0; 2131 } 2132 to { 2133 scale: 1; 2134 opacity: 1; 2135 } 2136 } 2137`,G=class extends I{constructor(){super(...arguments),this.hasSlotController=new er(this,`[default]`,`start`,`end`),this.active=!1,this.variant=`default`,this.size=`m`,this.checkboxAdjacent=!1,this.submenuAdjacent=!1,this.type=`normal`,this.checked=!1,this.disabled=!1,this.submenuOpen=!1,this.hasSubmenu=!1,this.handleSlotChange=()=>{this.hasSubmenu=this.hasSlotController.test(`submenu`),this.updateHasSubmenuState(),this.hasSubmenu?(this.setAttribute(`aria-haspopup`,`menu`),this.setAttribute(`aria-expanded`,this.submenuOpen?`true`:`false`)):(this.removeAttribute(`aria-haspopup`),this.removeAttribute(`aria-expanded`))},this.handleHostClick=e=>{this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())},this.handleClick=e=>{this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}}handleSizeChange(){$n(this.localName,this.size)}connectedCallback(){super.connectedCallback(),this.addEventListener?.(`click`,this.handleHostClick),this.addEventListener?.(`mouseenter`,this.handleMouseEnter.bind(this)),this.shadowRoot?.addEventListener?.(`click`,this.handleClick,{capture:!0}),this.shadowRoot?.addEventListener?.(`slotchange`,this.handleSlotChange)}disconnectedCallback(){super.disconnectedCallback(),this.closeSubmenu(),this.removeEventListener?.(`click`,this.handleHostClick),this.removeEventListener?.(`mouseenter`,this.handleMouseEnter),this.shadowRoot?.removeEventListener?.(`click`,this.handleClick,{capture:!0}),this.shadowRoot?.removeEventListener?.(`slotchange`,this.handleSlotChange)}firstUpdated(){this.setAttribute(`tabindex`,`-1`),this.hasSubmenu=this.hasSlotController.test(`submenu`),this.updateHasSubmenuState()}updated(e){e.has(`active`)&&(this.setAttribute(`tabindex`,this.active?`0`:`-1`),this.customStates.set(`active`,this.active)),e.has(`checked`)&&(this.type===`checkbox`?this.setAttribute(`aria-checked`,this.checked?`true`:`false`):this.removeAttribute(`aria-checked`),this.customStates.set(`checked`,this.checked)),e.has(`disabled`)&&(this.setAttribute(`aria-disabled`,this.disabled?`true`:`false`),this.customStates.set(`disabled`,this.disabled)),e.has(`type`)&&(this.type===`checkbox`?(this.setAttribute(`role`,`menuitemcheckbox`),this.setAttribute(`aria-checked`,this.checked?`true`:`false`)):(this.setAttribute(`role`,`menuitem`),this.removeAttribute(`aria-checked`))),e.has(`submenuOpen`)&&(this.customStates.set(`submenu-open`,this.submenuOpen),this.submenuOpen?this.openSubmenu():this.closeSubmenu())}updateHasSubmenuState(){this.customStates.set(`has-submenu`,this.hasSubmenu)}async openSubmenu(){let e=this.submenuElement;!this.hasSubmenu||!e||!this.isConnected||(this.notifyParentOfOpening(),e.showPopover?.(),e.hidden=!1,e.setAttribute(`data-visible`,``),this.submenuOpen=!0,this.setAttribute(`aria-expanded`,`true`),await zr(e,`show`),setTimeout(()=>{let e=this.getSubmenuItems();e.length>0&&(e.forEach((e,t)=>e.active=t===0),e[0].focus({preventScroll:!0}))},0))}notifyParentOfOpening(){let e=new CustomEvent(`submenu-opening`,{bubbles:!0,composed:!0,detail:{item:this}});this.dispatchEvent(e);let t=this.parentElement;t&&[...t.children].filter(e=>e!==this&&e.localName===`wa-dropdown-item`&&e.getAttribute(`slot`)===this.getAttribute(`slot`)&&e.submenuOpen).forEach(e=>{e.submenuOpen=!1})}async closeSubmenu(){let e=this.submenuElement;!this.hasSubmenu||!e||(this.submenuOpen=!1,this.setAttribute(`aria-expanded`,`false`),e.hidden||(await zr(e,`hide`),e?.isConnected&&(e.hidden=!0,e.removeAttribute(`data-visible`),e.hidePopover?.())))}getSubmenuItems(){return[...this.children].filter(e=>e.localName===`wa-dropdown-item`&&e.getAttribute(`slot`)===`submenu`&&!e.hasAttribute(`disabled`))}handleMouseEnter(){this.hasSubmenu&&!this.disabled&&(this.notifyParentOfOpening(),this.submenuOpen=!0)}render(){return D` 2138 ${this.type===`checkbox`?D` 2139 <wa-icon 2140 id="check" 2141 part="checkmark" 2142 exportparts="svg:checkmark__svg" 2143 library="system" 2144 name="check" 2145 ></wa-icon> 2146 `:``} 2147
2148 <span id="icon" part="icon"> 2149 <slot name="icon"></slot> 2150 </span> 2151 2152 <span id="label" part="label"> 2153 <slot></slot> 2154 </span> 2155 2156 <span id="details" part="details"> 2157 <slot name="details"></slot> 2158 </span> 2159 2160 ${this.hasSubmenu?D` 2161 <wa-icon 2162 id="submenu-indicator" 2163 part="submenu-icon" 2164 exportparts="svg:submenu-icon__svg" 2165 library="system" 2166 name="chevron-right" 2167 ></wa-icon> 2168 `:``} 2169 ${this.hasSubmenu?D` 2170 <div 2171 id="submenu" 2172 part="submenu" 2173 popover="manual" 2174 role="menu" 2175 tabindex="-1" 2176 aria-orientation="vertical" 2177 hidden 2178 > 2179 <slot name="submenu"></slot> 2180 </div> 2181 `:``} 2182 `}};G.css=ri,j([F(`#submenu`)],G.prototype,`submenuElement`,2),j([N({type:Boolean})],G.prototype,`active`,2),j([N({reflect:!0})],G.prototype,`variant`,2),j([N({reflect:!0})],G.prototype,`size`,2),j([A(`size`)],G.prototype,`handleSizeChange`,1),j([N({attribute:`checkbox-adjacent`,type:Boolean,reflect:!0})],G.prototype,`checkboxAdjacent`,2),j([N({attribute:`submenu-adjacent`,type:Boolean,reflect:!0})],G.prototype,`submenuAdjacent`,2),j([N()],G.prototype,`value`,2),j([N({reflect:!0})],G.prototype,`type`,2),j([N({type:Boolean})],G.prototype,`checked`,2),j([N({type:Boolean,reflect:!0})],G.prototype,`disabled`,2),j([N({type:Boolean,reflect:!0})],G.prototype,`submenuOpen`,2),j([P()],G.prototype,`hasSubmenu`,2),G=j([M(`wa-dropdown-item`)],G);var ii=class extends Event{constructor(e){super(`wa-select`,{bubbles:!0,cancelable:!0,composed:!0}),this.detail=e}};function*ai(e=document.activeElement){e!=null&&(yield e,`shadowRoot`in e&&e.shadowRoot&&e.shadowRoot.mode!==`closed`&&(yield*ai(e.shadowRoot.activeElement)))}var oi=E` 2183 :host { 2184 --show-duration: var(--wa-transition-fast); 2185 --hide-duration: var(--wa-transition-fast); 2186 display: contents; 2187 } 2188 2189 #menu { 2190 display: flex; 2191 flex-direction: column; 2192 width: max-content; 2193 margin: 0; 2194 padding: 0.25em; 2195 border: var(--wa-border-style) var(--wa-border-width-s) var(--wa-color-surface-border); 2196 border-radius: var(--wa-border-radius-m); 2197 background-color: var(--wa-color-surface-raised); 2198 box-shadow: var(--wa-shadow-m); 2199 color: var(--wa-color-text-normal); 2200 text-align: start; 2201 user-select: none; 2202 overflow: auto; 2203 max-width: var(--auto-size-available-width) !important; 2204 max-height: var(--auto-size-available-height) !important; 2205 2206 &.show { 2207 animation: show var(--show-duration) ease; 2208 } 2209 2210 &.hide { 2211 animation: show var(--hide-duration) ease reverse; 2212 } 2213 2214 ::slotted(h1), 2215 ::slotted(h2), 2216 ::slotted(h3), 2217 ::slotted(h4), 2218 ::slotted(h5), 2219 ::slotted(h6) { 2220 display: block !important; 2221 margin: 0.25em 0 !important; 2222 padding: 0.25em 0.75em !important; 2223 color: var(--wa-color-text-quiet); 2224 font-family: var(--wa-font-family-body) !important; 2225 font-weight: var(--wa-font-weight-semibold) !important; 2226 font-size: var(--wa-font-size-smaller) !important; 2227 } 2228 2229 ::slotted(wa-divider) { 2230 --spacing: 0.25em; /* Component-specific, left as-is */ 2231 } 2232 } 2233 2234 wa-popup[data-current-placement^='top'] #menu { 2235 transform-origin: bottom; 2236 } 2237 2238 wa-popup[data-current-placement^='bottom'] #menu { 2239 transform-origin: top; 2240 } 2241 2242 wa-popup[data-current-placement^='left'] #menu { 2243 transform-origin: right; 2244 } 2245 2246 wa-popup[data-current-placement^='right'] #menu { 2247 transform-origin: left; 2248 } 2249 2250 wa-popup[data-current-placement='left-start'] #menu { 2251 transform-origin: right top; 2252 } 2253 2254 wa-popup[data-current-placement='left-end'] #menu { 2255 transform-origin: right bottom; 2256 } 2257 2258 wa-popup[data-current-placement='right-start'] #menu { 2259 transform-origin: left top; 2260 } 2261 2262 wa-popup[data-current-placement='right-end'] #menu { 2263 transform-origin: left bottom; 2264 } 2265 2266 @keyframes show { 2267 from { 2268 scale: 0.9; 2269 opacity: 0; 2270 } 2271 to { 2272 scale: 1; 2273 opacity: 1; 2274 } 2275 } 2276`,si=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`,ci=(e=21)=>{let t=``,n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=si[n[e]&63];return t};
vendor: 5,687 bytes, line 2276
2276function li(e,t,n){return(e=>Object.is(e,-0)?0:e)(e<t?t:e>n?n:e)}function ui(e=``){return`${e}${ci()}`}var di=Math.min,K=Math.max,fi=Math.round,pi=Math.floor,mi=e=>({x:e,y:e}),hi={left:`right`,right:`left`,bottom:`top`,top:`bottom`};function gi(e,t,n){return K(e,di(t,n))}function _i(e,t){return typeof e==`function`?e(t):e}function vi(e){return e.split(`-`)[0]}function yi(e){return e.split(`-`)[1]}function bi(e){return e===`x`?`y`:`x`}function xi(e){return e===`y`?`height`:`width`}function Si(e){let t=e[0];return t===`t`||t===`b`?`y`:`x`}function Ci(e){return bi(Si(e))}function wi(e,t,n){n===void 0&&(n=!1);let r=yi(e),i=Ci(e),a=xi(i),o=i===`x`?r===(n?`end`:`start`)?`right`:`left`:r===`start`?`bottom`:`top`;return t.reference[a]>t.floating[a]&&(o=Ni(o)),[o,Ni(o)]}function Ti(e){let t=Ni(e);return[Ei(e),t,Ei(t)]}function Ei(e){return e.includes(`start`)?e.replace(`start`,`end`):e.replace(`end`,`start`)}var Di=[`left`,`right`],Oi=[`right`,`left`],ki=[`top`,`bottom`],Ai=[`bottom`,`top`];function ji(e,t,n){switch(e){case`top`:case`bottom`:return n?t?Oi:Di:t?Di:Oi;case`left`:case`right`:return t?ki:Ai;default:return[]}}function Mi(e,t,n,r){let i=yi(e),a=ji(vi(e),n===`start`,r);return i&&(a=a.map(e=>e+`-`+i),t&&(a=a.concat(a.map(Ei)))),a}function Ni(e){let t=vi(e);return hi[t]+e.slice(t.length)}function Pi(e){return{top:0,right:0,bottom:0,left:0,...e}}function Fi(e){return typeof e==`number`?{top:e,right:e,bottom:e,left:e}:Pi(e)}function Ii(e){let{x:t,y:n,width:r,height:i}=e;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}function Li(e,t,n){let{reference:r,floating:i}=e,a=Si(t),o=Ci(t),s=xi(o),c=vi(t),l=a===`y`,u=r.x+r.width/2-i.width/2,d=r.y+r.height/2-i.height/2,f=r[s]/2-i[s]/2,p;switch(c){case`top`:p={x:u,y:r.y-i.height};break;case`bottom`:p={x:u,y:r.y+r.height};break;case`right`:p={x:r.x+r.width,y:d};break;case`left`:p={x:r.x-i.width,y:d};break;default:p={x:r.x,y:r.y}}switch(yi(t)){case`start`:p[o]-=f*(n&&l?-1:1);break;case`end`:p[o]+=f*(n&&l?-1:1);break}return p}async function Ri(e,t){t===void 0&&(t={});let{x:n,y:r,platform:i,rects:a,elements:o,strategy:s}=e,{boundary:c=`clippingAncestors`,rootBoundary:l=`viewport`,elementContext:u=`floating`,altBoundary:d=!1,padding:f=0}=_i(t,e),p=Fi(f),m=o[d?u===`floating`?`reference`:`floating`:u],h=Ii(await i.getClippingRect({element:await(i.isElement==null?void 0:i.isElement(m))??!0?m:m.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(o.floating)),boundary:c,rootBoundary:l,strategy:s})),g=u===`floating`?{x:n,y:r,width:a.floating.width,height:a.floating.height}:a.reference,_=await(i.getOffsetParent==null?void 0:i.getOffsetParent(o.floating)),v=await(i.isElement==null?void 0:i.isElement(_))&&await(i.getScale==null?void 0:i.getScale(_))||{x:1,y:1},y=Ii(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:g,offsetParent:_,strategy:s}):g);return{top:(h.top-y.top+p.top)/v.y,bottom:(y.bottom-h.bottom+p.bottom)/v.y,left:(h.left-y.left+p.left)/v.x,right:(y.right-h.right+p.right)/v.x}}var zi=50,Bi=async(e,t,n)=>{let{placement:r=`bottom`,strategy:i=`absolute`,middleware:a=[],platform:o}=n,s=o.detectOverflow?o:{...o,detectOverflow:Ri},c=await(o.isRTL==null?void 0:o.isRTL(t)),l=await o.getElementRects({reference:e,floating:t,strategy:i}),{x:u,y:d}=Li(l,r,c),f=r,p=0,m={};for(let n=0;n<a.length;n++){let h=a[n];if(!h)continue;let{name:g,fn:_}=h,{x:v,y,data:ee,reset:b}=await _({x:u,y:d,initialPlacement:r,placement:f,strategy:i,middlewareData:m,rects:l,platform:s,elements:{reference:e,floating:t}});u=v??u,d=y??d,m[g]={...m[g],...ee},b&&p<zi&&(p++,typeof b==`object`&&(b.placement&&(f=b.placement),b.rects&&(l=b.rects===!0?await o.getElementRects({reference:e,floating:t,strategy:i}):b.rects),{x:u,y:d}=Li(l,f,c)),n=-1)}return{x:u,y:d,placement:f,strategy:i,middlewareData:m}},Vi=e=>({name:`arrow`,options:e,async fn(t){let{x:n,y:r,placement:i,rects:a,platform:o,elements:s,middlewareData:c}=t,{element:l,padding:u=0}=_i(e,t)||{};if(l==null)return{};let d=Fi(u),f={x:n,y:r},p=Ci(i),m=xi(p),h=await o.getDimensions(l),g=p===`y`,_=g?`top`:`left`,v=g?`bottom`:`right`,y=g?`clientHeight`:`clientWidth`,ee=a.reference[m]+a.reference[p]-f[p]-a.floating[m],b=f[p]-a.reference[p],te=await(o.getOffsetParent==null?void 0:o.getOffsetParent(l)),x=te?te[y]:0;(!x||!await(o.isElement==null?void 0:o.isElement(te)))&&(x=s.floating[y]||a.floating[m]);let ne=ee/2-b/2,S=x/2-h[m]/2-1,re=di(d[_],S),C=di(d[v],S),ie=re,ae=x-h[m]-C,w=x/2-h[m]/2+ne,oe=gi(ie,w,ae),se=!c.arrow&&yi(i)!=null&&w!==oe&&a.reference[m]/2-(w<ie?re:C)-h[m]/2<0,T=se?w<ie?w-ie:w-ae:0;return{[p]:f[p]+T,data:{[p]:oe,centerOffset:w-oe-T,...se&&{alignmentOffset:T}},reset:se}}}),Hi=function(e){return e===void 0&&(e={}),{name:`flip`,options:e,async fn(t){var n;let{placement:r,middlewareData:i,rects:a,initialPlacement:o,platform:s,elements:c}=t,{mainAxis:l=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:f=`bestFit`,fallbackAxisSideDirection:p=`none`,flipAlignment:m=!0,...h}=_i(e,t);if((n=i.arrow)!=null&&n.alignmentOffset)return{};let g=vi(r),_=Si(o),v=vi(o)===o,y=await(s.isRTL==null?void 0:s.isRTL(c.floating)),ee=d||(v||!m?[Ni(o)]:Ti(o)),b=p!==`none`;!d&&b&&ee.push(...Mi(o,m,p,y));let te=[o,...ee],x=await s.detectOverflow(t,h),ne=[],S=i.flip?.overflows||[];if(l&&ne.push(x[g]),u){let e=wi(r,a,y);ne.push(x[e[0]],x[e[1]])}if(S=[...S,{placement:r,overflows:ne}],!ne.every(e=>e<=0)){let e=(i.flip?.index||0)+1,t=te[e];if(t&&(!(u===`alignment`&&_!==Si(t))||S.every(e=>Si(e.placement)===_?e.overflows[0]>0:!0)))return{data:{index:e,overflows:S},reset:{placement:t}};let n=S.filter(e=>e.overflows[0]<=0).sort((e,t)=>
2276e.overflows[1]-t.overflows[1])[0]?.placement;if(!n)switch(f){case`bestFit`:{let e=S.filter(e=>{if(b){let t=Si(e.placement);return t===_||t===`y`}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0]?.[0];e&&(n=e);break}case`initialPlacement`:n=o;break}if(r!==n)return{reset:{placement:n}}}return{}}}},Ui=new Set([`left`,`top`]);async function Wi(e,t){let{placement:n,platform:r,elements:i}=e,a=await(r.isRTL==null?void 0:r.isRTL(i.floating)),o=vi(n),s=yi(n),c=Si(n)===`y`,l=Ui.has(o)?-1:1,u=a&&c?-1:1,d=_i(t,e),{mainAxis:f,crossAxis:p,alignmentAxis:m}=typeof d==`number`?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&typeof m==`number`&&(p=s===`end`?m*-1:m),c?{x:p*u,y:f*l}:{x:f*l,y:p*u}}var Gi=function(e){return e===void 0&&(e=0),{name:`offset`,options:e,async fn(t){var n;let{x:r,y:i,placement:a,middlewareData:o}=t,s=await Wi(t,e);return a===o.offset?.placement&&(n=o.arrow)!=null&&n.alignmentOffset?{}:{x:r+s.x,y:i+s.y,data:{...s,placement:a}}}}},Ki=function(e){return e===void 0&&(e={}),{name:`shift`,options:e,async fn(t){let{x:n,y:r,placement:i,platform:a}=t,{mainAxis:o=!0,crossAxis:s=!1,limiter:c={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...l}=_i(e,t),u={x:n,y:r},d=await a.detectOverflow(t,l),f=Si(vi(i)),p=bi(f),m=u[p],h=u[f];if(o){let e=p===`y`?`top`:`left`,t=p===`y`?`bottom`:`right`,n=m+d[e],r=m-d[t];m=gi(n,m,r)}if(s){let e=f===`y`?`top`:`left`,t=f===`y`?`bottom`:`right`,n=h+d[e],r=h-d[t];h=gi(n,h,r)}let g=c.fn({...t,[p]:m,[f]:h});return{...g,data:{x:g.x-n,y:g.y-r,enabled:{[p]:o,[f]:s}}}}}},qi=function(e){return e===void 0&&(e={}),{name:`size`,options:e,async fn(t){var n,r;let{placement:i,rects:a,platform:o,elements:s}=t,{apply:c=()=>{},...l}=_i(e,t),u=await o.detectOverflow(t,l),d=vi(i),f=yi(i),p=Si(i)===`y`,{width:m,height:h}=a.floating,g,_;d===`top`||d===`bottom`?(g=d,_=f===(await(o.isRTL==null?void 0:o.isRTL(s.floating))?`start`:`end`)?`left`:`right`):(_=d,g=f===`end`?`top`:`bottom`);let v=h-u.top-u.bottom,y=m-u.left-u.right,ee=di(h-u[g],v),b=di(m-u[_],y),te=!t.middlewareData.shift,x=ee,ne=b;if((n=t.middlewareData.shift)!=null&&n.enabled.x&&(ne=y),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(x=v),te&&!f){let e=K(u.left,0),t=K(u.right,0),n=K(u.top,0),r=K(u.bottom,0);p?ne=m-2*(e!==0||t!==0?e+t:K(u.left,u.right)):x=h-2*(n!==0||r!==0?n+r:K(u.top,u.bottom))}await c({...t,availableWidth:ne,availableHeight:x});let S=await o.getDimensions(s.floating);return m!==S.width||h!==S.height?{reset:{rects:!0}}:{}}}};function Ji(){return typeof window<`u`}function Yi(e){return Zi(e)?(e.nodeName||``).toLowerCase():`#document`}function q(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Xi(e){return((Zi(e)?e.ownerDocument:e.document)||window.document)?.documentElement}function Zi(e){return Ji()?e instanceof Node||e instanceof q(e).Node:!1}function Qi(e){return Ji()?e instanceof Element||e instanceof q(e).Element:!1}function $i(e){return Ji()?e instanceof HTMLElement||e instanceof q(e).HTMLElement:!1}function ea(e){return!Ji()||typeof ShadowRoot>`u`?!1:e instanceof ShadowRoot||e instanceof q(e).ShadowRoot}function ta(e){let{overflow:t,overflowX:n,overflowY:r,display:i}=fa(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&i!==`inline`&&i!==`contents`}function na(e){return/^(table|td|th)$/.test(Yi(e))}function ra(e){try{if(e.matches(`:popover-open`))return!0}catch{}try{return e.matches(`:modal`)}catch{return!1}}var ia=/transform|translate|scale|rotate|perspective|filter/,aa=/paint|layout|strict|content/,oa=e=>!!e&&e!==`none`,sa;function ca(e){let t=Qi(e)?fa(e):e;return oa(t.transform)||oa(t.translate)||oa(t.scale)||oa(t.rotate)||oa(t.perspective)||!ua()&&(oa(t.backdropFilter)||oa(t.filter))||ia.test(t.willChange||``)||aa.test(t.contain||``)}function la(e){let t=ma(e);for(;$i(t)&&!da(t);){if(ca(t))return t;if(ra(t))return null;t=ma(t)}return null}function ua(){return sa??=typeof CSS<`u`&&CSS.supports&&CSS.supports(`-webkit-backdrop-filter`,`none`),sa}function da(e){return/^(html|body|#document)$/.test(Yi(e))}function fa(e){return q(e).getComputedStyle(e)}function pa(e){return Qi(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function ma(e){if(Yi(e)===`html`)return e;let t=e.assignedSlot||e.parentNode||ea(e)&&e.host||Xi(e);return ea(t)?t.host:t}function ha(e){let t=ma(e);return da(t)?e.ownerDocument?e.ownerDocument.body:e.body:$i(t)&&ta(t)?t:ha(t)}function ga(e,t,n){t===void 0&&(t=[]),n===void 0&&(n=!0);let r=ha(e),i=r===e.ownerDocument?.body,a=q(r);if(i){let e=_a(a);
vendor: 4,143 bytes, line 2276
2276return t.concat(a,a.visualViewport||[],ta(r)?r:[],e&&n?ga(e):[])}else return t.concat(r,ga(r,[],n))}function _a(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function va(e){let t=fa(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=$i(e),a=i?e.offsetWidth:n,o=i?e.offsetHeight:r,s=fi(n)!==a||fi(r)!==o;return s&&(n=a,r=o),{width:n,height:r,$:s}}function ya(e){return Qi(e)?e:e.contextElement}function ba(e){let t=ya(e);if(!$i(t))return mi(1);let n=t.getBoundingClientRect(),{width:r,height:i,$:a}=va(t),o=(a?fi(n.width):n.width)/r,s=(a?fi(n.height):n.height)/i;return(!o||!Number.isFinite(o))&&(o=1),(!s||!Number.isFinite(s))&&(s=1),{x:o,y:s}}var xa=mi(0);function Sa(e){let t=q(e);return!ua()||!t.visualViewport?xa:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Ca(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==q(e)?!1:t}function wa(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=ya(e),o=mi(1);t&&(r?Qi(r)&&(o=ba(r)):o=ba(e));let s=Ca(a,n,r)?Sa(a):mi(0),c=(i.left+s.x)/o.x,l=(i.top+s.y)/o.y,u=i.width/o.x,d=i.height/o.y;if(a){let e=q(a),t=r&&Qi(r)?q(r):r,n=e,i=_a(n);for(;i&&r&&t!==n;){let e=ba(i),t=i.getBoundingClientRect(),r=fa(i),a=t.left+(i.clientLeft+parseFloat(r.paddingLeft))*e.x,o=t.top+(i.clientTop+parseFloat(r.paddingTop))*e.y;c*=e.x,l*=e.y,u*=e.x,d*=e.y,c+=a,l+=o,n=q(i),i=_a(n)}}return Ii({width:u,height:d,x:c,y:l})}function Ta(e,t){let n=pa(e).scrollLeft;return t?t.left+n:wa(Xi(e)).left+n}function Ea(e,t){let n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-Ta(e,n),y:n.top+t.scrollTop}}function Da(e){let{elements:t,rect:n,offsetParent:r,strategy:i}=e,a=i===`fixed`,o=Xi(r),s=t?ra(t.floating):!1;if(r===o||s&&a)return n;let c={scrollLeft:0,scrollTop:0},l=mi(1),u=mi(0),d=$i(r);if((d||!d&&!a)&&((Yi(r)!==`body`||ta(o))&&(c=pa(r)),d)){let e=wa(r);l=ba(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}let f=o&&!d&&!a?Ea(o,c):mi(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-c.scrollLeft*l.x+u.x+f.x,y:n.y*l.y-c.scrollTop*l.y+u.y+f.y}}function Oa(e){return Array.from(e.getClientRects())}function ka(e){let t=Xi(e),n=pa(e),r=e.ownerDocument.body,i=K(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=K(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),o=-n.scrollLeft+Ta(e),s=-n.scrollTop;return fa(r).direction===`rtl`&&(o+=K(t.clientWidth,r.clientWidth)-i),{width:i,height:a,x:o,y:s}}var Aa=25;function ja(e,t){let n=q(e),r=Xi(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;let e=ua();(!e||e&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}let l=Ta(r);if(l<=0){let e=r.ownerDocument,t=e.body,n=getComputedStyle(t),i=e.compatMode===`CSS1Compat`&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,o=Math.abs(r.clientWidth-t.clientWidth-i);o<=Aa&&(a-=o)}else l<=Aa&&(a+=l);return{width:a,height:o,x:s,y:c}}function Ma(e,t){let n=wa(e,!0,t===`fixed`),r=n.top+e.clientTop,i=n.left+e.clientLeft,a=$i(e)?ba(e):mi(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:i*a.x,y:r*a.y}}function Na(e,t,n){let r;if(t===`viewport`)r=ja(e,n);else if(t===`document`)r=ka(Xi(e));else if(Qi(t))r=Ma(t,n);else{let n=Sa(e);r={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return Ii(r)}function Pa(e,t){let n=ma(e);return n===t||!Qi(n)||da(n)?!1:fa(n).position===`fixed`||Pa(n,t)}function Fa(e,t){let n=t.get(e);if(n)return n;let r=ga(e,[],!1).filter(e=>Qi(e)&&Yi(e)!==`body`),i=null,a=fa(e).position===`fixed`,o=a?ma(e):e;for(;Qi(o)&&!da(o);){let t=fa(o),n=ca(o);!n&&t.position===`fixed`&&(i=null),(a?!n&&!i:!n&&t.position===`static`&&i&&(i.position===`absolute`||i.position===`fixed`)||ta(o)&&!n&&Pa(e,o))?r=r.filter(e=>e!==o):i=t,o=ma(o)}return t.set(e,r),r}function Ia(e){let{element:t,boundary:n,rootBoundary:r,strategy:i}=e,a=[...n===`clippingAncestors`?ra(t)?[]:Fa(t,this._c):[].concat(n),r],o=Na(t,a[0],i),s=o.top,c=o.right,l=o.bottom,u=o.left;for(let e=1;e<a.length;e++){let n=Na(t,a[e],i);s=K(n.top,s),c=di(n.right,c),l=di(n.bottom,l),u=K(n.left,u)}return{width:c-u,height:l-s,x:u,y:s}}function La(e){let{width:t,height:n}=va(e);return{width:t,height:n}}
2276function Ra(e,t,n){let r=$i(t),i=Xi(t),a=n===`fixed`,o=wa(e,!0,a,t),s={scrollLeft:0,scrollTop:0},c=mi(0);function l(){c.x=Ta(i)}if(r||!r&&!a)if((Yi(t)!==`body`||ta(i))&&(s=pa(t)),r){let e=wa(t,!0,a,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else i&&l();a&&!r&&i&&l();let u=i&&!r&&!a?Ea(i,s):mi(0);return{x:o.left+s.scrollLeft-c.x-u.x,y:o.top+s.scrollTop-c.y-u.y,width:o.width,height:o.height}}function za(e){return fa(e).position===`static`}function Ba(e,t){if(!$i(e)||fa(e).position===`fixed`)return null;if(t)return t(e);let n=e.offsetParent;return Xi(e)===n&&(n=n.ownerDocument.body),n}function Va(e,t){let n=q(e);if(ra(e))return n;if(!$i(e)){let t=ma(e);for(;t&&!da(t);){if(Qi(t)&&!za(t))return t;t=ma(t)}return n}let r=Ba(e,t);for(;r&&na(r)&&za(r);)r=Ba(r,t);return r&&da(r)&&za(r)&&!ca(r)?n:r||la(e)||n}var Ha=async function(e){let t=this.getOffsetParent||Va,n=this.getDimensions,r=await n(e.floating);return{reference:Ra(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function Ua(e){return fa(e).direction===`rtl`}var Wa={convertOffsetParentRelativeRectToViewportRelativeRect:Da,getDocumentElement:Xi,getClippingRect:Ia,getOffsetParent:Va,getElementRects:Ha,getClientRects:Oa,getDimensions:La,getScale:ba,isElement:Qi,isRTL:Ua};function Ga(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Ka(e,t){let n=null,r,i=Xi(e);function a(){var e;clearTimeout(r),(e=n)==null||e.disconnect(),n=null}function o(s,c){s===void 0&&(s=!1),c===void 0&&(c=1),a();let l=e.getBoundingClientRect(),{left:u,top:d,width:f,height:p}=l;if(s||t(),!f||!p)return;let m=pi(d),h=pi(i.clientWidth-(u+f)),g=pi(i.clientHeight-(d+p)),_=pi(u),v={rootMargin:-m+`px `+-h+`px `+-g+`px `+-_+`px`,threshold:K(0,di(1,c))||1},y=!0;function ee(t){let n=t[0].intersectionRatio;if(n!==c){if(!y)return o();n?o(!1,n):r=setTimeout(()=>{o(!1,1e-7)},1e3)}n===1&&!Ga(l,e.getBoundingClientRect())&&o(),y=!1}try{n=new IntersectionObserver(ee,{...v,root:i.ownerDocument})}catch{n=new IntersectionObserver(ee,v)}n.observe(e)}return o(!0),a}function qa(e,t,n,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:o=typeof ResizeObserver==`function`,layoutShift:s=typeof IntersectionObserver==`function`,animationFrame:c=!1}=r,l=ya(e),u=i||a?[...l?ga(l):[],...t?ga(t):[]]:[];u.forEach(e=>{i&&e.addEventListener(`scroll`,n,{passive:!0}),a&&e.addEventListener(`resize`,n)});let d=l&&s?Ka(l,n):null,f=-1,p=null;o&&(p=new ResizeObserver(e=>{let[r]=e;r&&r.target===l&&p&&t&&(p.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var e;(e=p)==null||e.observe(t)})),n()}),l&&!c&&p.observe(l),t&&p.observe(t));let m,h=c?wa(e):null;c&&g();function g(){let t=wa(e);h&&!Ga(h,t)&&n(),h=t,m=requestAnimationFrame(g)}return n(),()=>{var e;u.forEach(e=>{i&&e.removeEventListener(`scroll`,n),a&&e.removeEventListener(`resize`,n)}),d?.(),(e=p)==null||e.disconnect(),p=null,c&&cancelAnimationFrame(m)}}var Ja=Gi,Ya=Ki,Xa=Hi,Za=qi,Qa=Vi,$a=(e,t,n)=>{let r=new Map,i={platform:Wa,...n},a={...i.platform,_c:r};return Bi(e,t,{...i,platform:a})},eo=new Set,J=class extends I{constructor(){super(...arguments),this.submenuCleanups=new Map,this.localize=new z(this),this.userTypedQuery=``,this.openSubmenuStack=[],this.open=!1,this.size=`m`,this.placement=`bottom-start`,this.distance=0,this.skidding=0,this.handleDocumentKeyDown=async e=>{let t=this.localize.dir()===`rtl`;if(e.key===`Escape`&&this.open&&ti(this)){let t=this.getTrigger();e.preventDefault(),e.stopPropagation(),this.open=!1,t?.focus({preventScroll:!0});return}let n=[...ai()].find(e=>e.localName===`wa-dropdown-item`),r=n?.localName===`wa-dropdown-item`,i=this.getCurrentSubmenuItem(),a=!!i,o,s,c;a?(o=this.getSubmenuItems(i),s=o.find(e=>e.active||e===n),c=s?o.indexOf(s):-1):(o=this.getItems(),s=o.find(e=>e.active||e===n),c=s?o.indexOf(s):-1);let l;if(e.key===`ArrowUp`&&(e.preventDefault(),e.stopPropagation(),l=c>0?o[c-1]:o[o.length-1]),e.key===`ArrowDown`&&(e.preventDefault(),e.stopPropagation(),l=c!==-1&&c<o.length-1?o[c+1]:o[0]),e.key===(t?`ArrowLeft`:`ArrowRight`)&&r&&s&&s.hasSubmenu){e.preventDefault(),e.stopPropagation(),s.submenuOpen=!0,this.addToSubmenuStack(s),setTimeout(()=>{let e=this.getSubmenuItems(s);e.length>0&&(e.forEach((e,t)=>e.active=t===0),e[0].focus({preventScroll:!0}))},0);return}if(e.key===(t?`ArrowRight`:`ArrowLeft`)&&a){e.preventDefault(),e.stopPropagation();let t=this.removeFromSubmenuStack();t&&(t.submenuOpen=!1,setTimeout(()=>{t.focus({preventScroll:!0}
2276),t.active=!0,(t.slot===`submenu`?this.getSubmenuItems(t.parentElement):this.getItems()).forEach(e=>{e!==t&&(e.active=!1)})},0));return}if((e.key===`Home`||e.key===`End`)&&(e.preventDefault(),e.stopPropagation(),l=e.key===`Home`?o[0]:o[o.length-1]),e.key===`Tab`&&await this.hideMenu(),e.key.length===1&&!(e.metaKey||e.ctrlKey||e.altKey)&&!(e.key===` `&&this.userTypedQuery===``)&&(clearTimeout(this.userTypedTimeout),this.userTypedTimeout=setTimeout(()=>{this.userTypedQuery=``},1e3),this.userTypedQuery+=e.key,o.some(e=>{let t=(e.textContent||``).trim().toLowerCase(),n=this.userTypedQuery.trim().toLowerCase();return t.startsWith(n)?(l=e,!0):!1})),l){e.preventDefault(),e.stopPropagation(),o.forEach(e=>e.active=e===l),l.focus({preventScroll:!0}),l.scrollIntoView({block:`nearest`});return}(e.key===`Enter`||e.key===` `&&this.userTypedQuery===``)&&r&&s&&(e.preventDefault(),e.stopPropagation(),s.hasSubmenu?(s.submenuOpen=!0,this.addToSubmenuStack(s),setTimeout(()=>{let e=this.getSubmenuItems(s);e.length>0&&(e.forEach((e,t)=>e.active=t===0),e[0].focus({preventScroll:!0}))},0)):this.makeSelection(s))},this.handleDocumentPointerDown=e=>{e.composedPath().some(e=>e instanceof HTMLElement?e===this||e.closest(`wa-dropdown, [part="submenu"]`):!1)||(this.open=!1)},this.handleGlobalMouseMove=e=>{let t=this.getCurrentSubmenuItem();if(!t?.submenuOpen||!t.submenuElement)return;let n=t.submenuElement.getBoundingClientRect(),r=this.localize.dir()===`rtl`,i=r?n.right:n.left,a=r?Math.max(e.clientX,i):Math.min(e.clientX,i),o=Math.max(n.top,Math.min(e.clientY,n.bottom));t.submenuElement.style.setProperty(`--safe-triangle-cursor-x`,`${a}px`),t.submenuElement.style.setProperty(`--safe-triangle-cursor-y`,`${o}px`);let s=e.composedPath(),c=t.matches(`:hover`),l=!!t.submenuElement?.matches(`:hover`),u=c||!!s.find(e=>e===t),d=l||!!s.find(e=>e instanceof HTMLElement&&e.closest(`[part="submenu"]`)===t.submenuElement);!u&&!d&&setTimeout(()=>{!c&&!l&&(t.submenuOpen=!1)},100)}}handleSizeChange(){$n(this.localName,this.size)}disconnectedCallback(){super.disconnectedCallback(),clearInterval(this.userTypedTimeout),this.closeAllSubmenus(),this.submenuCleanups.forEach(e=>e()),this.submenuCleanups.clear(),document.removeEventListener(`mousemove`,this.handleGlobalMouseMove),document.removeEventListener(`keydown`,this.handleDocumentKeyDown),document.removeEventListener(`pointerdown`,this.handleDocumentPointerDown),ei(this)}firstUpdated(){this.syncAriaAttributes()}async updated(e){if(e.has(`open`)){let t=e.get(`open`);if(t===this.open||t===void 0&&this.open===!1)return;this.customStates.set(`open`,this.open),this.open?await this.showMenu():(this.closeAllSubmenus(),await this.hideMenu())}e.has(`size`)&&this.syncItemSizes()}getItems(e=!1){let t=(this.defaultSlot?.assignedElements({flatten:!0})??[]).filter(e=>e.localName===`wa-dropdown-item`);return e?t:t.filter(e=>!e.disabled)}getSubmenuItems(e,t=!1){let n=e.shadowRoot?.querySelector(`slot[name="submenu"]`)||e.querySelector(`slot[name="submenu"]`);if(!n)return[];let r=n.assignedElements({flatten:!0}).filter(e=>e.localName===`wa-dropdown-item`);return t?r:r.filter(e=>!e.disabled)}syncItemSizes(){(this.defaultSlot?.assignedElements({flatten:!0})??[]).filter(e=>e.localName===`wa-dropdown-item`).forEach(e=>e.size=this.size)}addToSubmenuStack(e){let t=this.openSubmenuStack.indexOf(e);t===-1?this.openSubmenuStack.push(e):this.openSubmenuStack=this.openSubmenuStack.slice(0,t+1)}removeFromSubmenuStack(){return this.openSubmenuStack.pop()}getCurrentSubmenuItem(){return this.openSubmenuStack.length>0?this.openSubmenuStack[this.openSubmenuStack.length-1]:void 0}closeAllSubmenus(){this.getItems(!0).forEach(e=>{e.submenuOpen=!1}),this.openSubmenuStack=[]}closeSiblingSubmenus(e){let t=e.closest(`wa-dropdown-item:not([slot="submenu"])`),n;
2276n=t?this.getSubmenuItems(t,!0):this.getItems(!0),n.forEach(t=>{t!==e&&t.submenuOpen&&(t.submenuOpen=!1)}),this.openSubmenuStack.includes(e)||this.openSubmenuStack.push(e)}getTrigger(){return this.querySelector(`[slot="trigger"]`)}async showMenu(){if(!this.getTrigger()||!this.popup||!this.menu)return;let e=new Nr;if(this.dispatchEvent(e),e.defaultPrevented){this.open=!1;return}if(this.popup.active)return;eo.forEach(e=>e.open=!1),this.popup.active=!0,this.open=!0,eo.add(this),$r(this),this.syncAriaAttributes(),document.addEventListener(`keydown`,this.handleDocumentKeyDown),document.addEventListener(`pointerdown`,this.handleDocumentPointerDown),document.addEventListener(`mousemove`,this.handleGlobalMouseMove),this.menu.classList.remove(`hide`),await zr(this.menu,`show`);let t=this.getItems();t.length>0&&(t.forEach((e,t)=>e.active=t===0),t[0].focus({preventScroll:!0})),this.dispatchEvent(new Ir)}async hideMenu(){if(!this.popup||!this.menu)return;let e=new Pr({source:this});if(this.dispatchEvent(e),e.defaultPrevented){this.open=!0;return}this.open=!1,eo.delete(this),ei(this),this.syncAriaAttributes(),document.removeEventListener(`keydown`,this.handleDocumentKeyDown),document.removeEventListener(`pointerdown`,this.handleDocumentPointerDown),document.removeEventListener(`mousemove`,this.handleGlobalMouseMove),this.menu.classList.remove(`show`),await zr(this.menu,`hide`),this.popup.active=this.open,this.dispatchEvent(new Fr)}handleMenuClick(e){let t=e.target.closest(`wa-dropdown-item`);if(!(!t||t.disabled)){if(t.hasSubmenu){t.submenuOpen||=(this.closeSiblingSubmenus(t),this.addToSubmenuStack(t),!0),e.stopPropagation();return}this.makeSelection(t)}}async handleMenuSlotChange(){let e=this.getItems(!0);await Promise.all(e.map(e=>e.updateComplete)),this.syncItemSizes();let t=e.some(e=>e.type===`checkbox`),n=e.some(e=>e.hasSubmenu);e.forEach((e,r)=>{e.active=r===0,e.checkboxAdjacent=t,e.submenuAdjacent=n})}handleTriggerClick(){this.open=!this.open}handleSubmenuOpening(e){let t=e.detail.item;this.closeSiblingSubmenus(t),this.addToSubmenuStack(t),this.setupSubmenuPosition(t),this.processSubmenuItems(t)}setupSubmenuPosition(e){if(!e.submenuElement)return;this.cleanupSubmenuPosition(e);let t=qa(e,e.submenuElement,()=>{this.positionSubmenu(e),this.updateSafeTriangleCoordinates(e)});this.submenuCleanups.set(e,t);let n=e.submenuElement.querySelector(`slot[name="submenu"]`);n&&(n.removeEventListener(`slotchange`,J.handleSubmenuSlotChange),n.addEventListener(`slotchange`,J.handleSubmenuSlotChange),J.handleSubmenuSlotChange({target:n}))}static handleSubmenuSlotChange(e){let t=e.target;if(!t)return;let n=t.assignedElements().filter(e=>e.localName===`wa-dropdown-item`);if(n.length===0)return;let r=n.some(e=>e.hasSubmenu),i=n.some(e=>e.type===`checkbox`);n.forEach(e=>{e.submenuAdjacent=r,e.checkboxAdjacent=i})}processSubmenuItems(e){if(!e.submenuElement)return;let t=this.getSubmenuItems(e,!0),n=t.some(e=>e.hasSubmenu);t.forEach(e=>{e.submenuAdjacent=n})}cleanupSubmenuPosition(e){let t=this.submenuCleanups.get(e);t&&(t(),this.submenuCleanups.delete(e))}positionSubmenu(e){if(!e.submenuElement)return;let t=this.localize.dir()===`rtl`?`left-start`:`right-start`;$a(e,e.submenuElement,{placement:t,middleware:[Ja({mainAxis:0,crossAxis:-5}),Xa({fallbackStrategy:`bestFit`}),Ya({padding:8})]}).then(({x:t,y:n,placement:r})=>{e.submenuElement.setAttribute(`data-placement`,r),Object.assign(e.submenuElement.style,{left:`${t}px`,top:`${n}px`})})}updateSafeTriangleCoordinates(e){if(!e.submenuElement||!e.submenuOpen)return;if(document.activeElement?.matches(`:focus-visible`)){e.submenuElement.style.setProperty(`--safe-triangle-visible`,`none`);return}e.submenuElement.style.setProperty(`--safe-triangle-visible`,`block`);let t=e.submenuElement.getBoundingClientRect(),n=this.localize.dir()===`rtl`;e.submenuElement.style.setProperty(`--safe-triangle-submenu-start-x`,`${n?t.right:t.left}px`),e.submenuElement.style.setProperty(`--safe-triangle-submenu-start-y`,`${t.top}px`),e.submenuElement.style.setProperty(`--safe-triangle-submenu-end-x`,`${n?t.right:t.left}px`),e.submenuElement.style.setProperty(`--safe-triangle-submenu-end-y`,`${t.bottom}px`)}makeSelection(e){let t=this.getTrigger();if(e.disabled)return;e.type===`checkbox`&&(e.checked=!e.checked);let n=new ii({item:e});this.dispatchEvent(n),n.defaultPrevented||(this.open=!1,t?.focus({preventScroll:!0}))}async syncAriaAttributes(){let e=this.getTrigger(),t;e&&(e.localName===`wa-button`?(await customElements.whenDefined(`wa-button`),await e.updateComplete,t=e.shadowRoot.querySelector(`[part="base"]`)):t=e,t.hasAttribute(`id`)||t.setAttribute(`id`,ui(`wa-dropdown-trigger-`)),t.setAttribute(`aria-haspopup`,`menu`),t.setAttribute(`aria-expanded`,this.open?`true`:`false`),this.menu?.setAttribute(`aria-expanded`,`false`))}render(){let e=this.didSSR&&!this.hasUpdated?this.open:this.popup?.active;return D` 2277 <wa-popup 2278 placement=${this.placement} 2279 distance=${this.distance} 2280 skidding=${this.skidding} 2281 ?active=${e} 2282 flip 2283 flip-fallback-strategy="best-fit" 2284 shift 2285 shift-padding="10" 2286 auto-size="vertical" 2287 auto-size-padding="10" 2288 > 2289 <slot 2290 name="trigger" 2291 slot="anchor" 2292 @click=${this.handleTriggerClick} 2293 @slotchange=${this.syncAriaAttributes} 2294 ></slot> 2295 <div 2296 id="menu" 2297 part="menu" 2298 role="menu" 2299 tabindex="-1" 2300 aria-orientation="vertical" 2301 @click=${this.handleMenuClick} 2302 @submenu-opening=${this.handleSubmenuOpening} 2303 > 2304 <slot @slotchange=${this.handleMenuSlotChange}></slot> 2305 </div> 2306 </wa-popup> 2307 `}};J.css=[tr,oi],j([F(`slot:not([name])`)],J.prototype,`defaultSlot`,2),j([F(`#menu`)],J.prototype,`menu`,2),j([F(`wa-popup`)],J.prototype,`popup`,2),j([N({type:Boolean,reflect:!0})],J.prototype,`open`,2),j([N({reflect:!0})],J.prototype,`size`,2),j([A(`size`)],J.prototype,`handleSizeChange`,1),j([N({reflect:!0})],J.prototype,`placement`,2),j([N({type:Number})],J.prototype,`distance`,2),j([N({type:Number})],J.prototype,`skidding`,2),J=j([M(`wa-dropdown`)],J);
2307var to=class extends Event{constructor(){super(`wa-reposition`,{bubbles:!0,cancelable:!1,composed:!0})}},no=E` 2308 :host { 2309 --arrow-color: black; 2310 --arrow-size: var(--wa-tooltip-arrow-size); 2311 --popup-border-width: 0px; 2312 --show-duration: var(--wa-transition-fast); 2313 --hide-duration: var(--wa-transition-fast); 2314 2315 /* 2316 * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant 2317 * 0.7071 is derived from sin(45) to calculate the length of the arrow after rotation. 2318 * 2319 * The diamond will be translated inward by --arrow-base-offset, the border thickness, to centralise it on 2320 * the inner edge of the popup border. This also means we need to increase the size of the arrow by the 2321 * same amount to compensate. 2322 * 2323 * A diamond shaped clipping mask is used to avoid overlap of popup content. This extends slightly inward so 2324 * the popup border is covered with no sub-pixel rounding artifacts. The diamond corners are mitred at 22.5º 2325 * to properly merge any arrow border with the popup border. The constant 1.4142 is derived from 1 + tan(22.5). 2326 * 2327 */ 2328 --arrow-base-offset: var(--popup-border-width); 2329 --arrow-size-diagonal: calc((var(--arrow-size) + var(--arrow-base-offset)) * 0.7071); 2330 --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size)); 2331 --arrow-size-div: calc(var(--arrow-size-diagonal) * 2); 2332 --arrow-clipping-corner: calc(var(--arrow-base-offset) * 1.4142); 2333 2334 display: contents; 2335 } 2336 2337 .popup { 2338 position: absolute; 2339 isolation: isolate; 2340 max-width: var(--auto-size-available-width, none); 2341 max-height: var(--auto-size-available-height, none); 2342 2343 /* Clear UA styles for [popover] */ 2344 :where(&) { 2345 inset: unset; 2346 padding: unset; 2347 margin: unset; 2348 width: unset; 2349 height: unset; 2350 color: unset; 2351 background: unset; 2352 border: unset; 2353 overflow: unset; 2354 } 2355 } 2356 2357 .popup-fixed { 2358 position: fixed; 2359 } 2360 2361 .popup:not(.popup-active) { 2362 display: none; 2363 } 2364 2365 .arrow { 2366 position: absolute; 2367 width: var(--arrow-size-div); 2368 height: var(--arrow-size-div); 2369 background: var(--arrow-color); 2370 z-index: 3; 2371 clip-path: polygon( 2372 var(--arrow-clipping-corner) 100%, 2373 var(--arrow-base-offset) calc(100% - var(--arrow-base-offset)), 2374 calc(var(--arrow-base-offset) - 2px) calc(100% - var(--arrow-base-offset)), 2375 calc(100% - var(--arrow-base-offset)) calc(var(--arrow-base-offset) - 2px), 2376 calc(100% - var(--arrow-base-offset)) var(--arrow-base-offset), 2377 100% var(--arrow-clipping-corner), 2378 100% 100% 2379 ); 2380 rotate: 45deg; 2381 } 2382 2383 :host([data-current-placement|='left']) .arrow { 2384 rotate: -45deg; 2385 } 2386 2387 :host([data-current-placement|='right']) .arrow { 2388 rotate: 135deg; 2389 } 2390 2391 :host([data-current-placement|='bottom']) .arrow { 2392 rotate: 225deg; 2393 } 2394 2395 /* Hover bridge */ 2396 .popup-hover-bridge:not(.popup-hover-bridge-visible) { 2397 display: none; 2398 } 2399 2400 .popup-hover-bridge { 2401 position: fixed; 2402 z-index: 899; 2403 top: 0; 2404 right: 0; 2405 bottom: 0; 2406 left: 0; 2407 clip-path: polygon( 2408 var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0), 2409 var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0), 2410 var(--hover-bridge-bottom-right-x, 0) var(--hover-bridge-bottom-right-y, 0), 2411 var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0) 2412 ); 2413 } 2414 2415 /* Built-in animations */ 2416 .show { 2417 animation: show var(--show-duration) ease; 2418 } 2419 2420 .hide { 2421 animation: show var(--hide-duration) ease reverse; 2422 } 2423 2424 @keyframes show { 2425 from { 2426 opacity: 0; 2427 } 2428 to { 2429 opacity: 1; 2430 } 2431 } 2432 2433 .show-with-scale { 2434 animation: show-with-scale var(--show-duration) ease; 2435 } 2436 2437 .hide-with-scale { 2438 animation: show-with-scale var(--hide-duration) ease reverse; 2439 } 2440 2441 @keyframes show-with-scale { 2442 from { 2443 opacity: 0; 2444 scale: 0.8; 2445 } 2446 to { 2447 opacity: 1; 2448 scale: 1; 2449 } 2450 } 2451`;function ro(e){return ao(e)}function io(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function ao(e){for(let t=e;t;t=io(t))if(t instanceof Element&&getComputedStyle(t).display===`none`)return null;for(let t=io(e);t;t=io(t)){if(!(t instanceof Element))continue;let e=getComputedStyle(t);if(e.display!==`contents`&&(e.position!==`static`||ca(e)||t.tagName===`BODY`))return t}return null}function oo(e){return typeof e==`object`&&!!e&&`getBoundingClientRect`in e&&(`contextElement`in e?e instanceof Element:!0)}var so=!!globalThis?.HTMLElement?.prototype.hasOwnProperty(`popover`),Y=class extends I{constructor(){super(...arguments),this.localize=new z(this),this.SUPPORTS_POPOVER=!1,this.active=!1,this.placement=`top`,this.boundary=`viewport`,this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement=`anchor`,this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements=``,this.flipFallbackStrategy=`best-fit`,this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0,this.hoverBridge=!1,this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl&&this.popup){let e=this.anchorEl.getBoundingClientRect(),t=this.popup.getBoundingClientRect(),n=this.placement.includes(`top`)||this.placement.includes(`bottom`),r=0,i=0,a=0,o=0,s=0,c=0,l=0,u=0;n?e.top<t.top?(r=e.left,i=e.bottom,a=e.right,o=e.bottom,s=t.left,c=t.top,l=t.right,u=t.top):(r=t.left,i=t.bottom,a=t.right,o=t.bottom,s=e.left,c=e.top,l=e.right,u=e.top):e.left<t.left?(r=e.right,i=e.top,a=t.left,o=t.top,s=e.right,c=e.bottom,l=t.left,u=t.bottom):(r=t.right,i=t.top,a=e.left,o=e.top,s=t.right,c=t.bottom,l=e.left,u=e.bottom),this.style.setProperty(`--hover-bridge-top-left-x`,`${r}px`),this.style.setProperty(`--hover-bridge-top-left-y`,`${i}px`),this.style.setProperty(`--hover-bridge-top-right-x`,`${a}px`),this.style.setProperty(`--hover-bridge-top-right-y`,`${o}px`),this.style.setProperty(`--hover-bridge-bottom-left-x`,`${s}px`),this.style.setProperty(`--hover-bridge-bottom-left-y`,`${c}px`),this.style.setProperty(`--hover-bridge-bottom-right-x`,`${l}px`),this.style.setProperty(`--hover-bridge-bottom-right-y`,`${u}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.SUPPORTS_POPOVER=so,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(e){super.updated(e),e.has(`active`)&&(this.active?this.start():this.stop()),e.has(`anchor`)&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor==`string`){let e=this.getRootNode();this.anchorEl=e.getElementById(this.anchor)}else this.anchor instanceof Element||oo(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector(`[slot="anchor"]`);this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.start()}start(){!this.anchorEl||!this.active||!this.isConnected||(this.popup?.showPopover?.(),this.cleanup=qa(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(e=>{this.popup?.hidePopover?.(),this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute(`data-current-placement`),this.style.removeProperty(`--auto-size-available-width`),this.style.removeProperty(`--auto-size-available-height`),requestAnimationFrame(()=>e())):e()})}reposition(){if(!this.active||!this.anchorEl||!this.popup)return;let e=[Ja({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?e.push(Za({apply:({rects:e})=>{let t=this.sync===`width`||this.sync===`both`,n=this.sync===`height`||this.sync===`both`;this.popup.style.width=t?`${e.reference.width}px`:``,this.popup.style.height=n?`${e.reference.height}px`:``}})):(this.popup.style.width=``,this.popup.style.height=``);let t;this.SUPPORTS_POPOVER&&!oo(this.anchor)&&this.boundary===`scroll`&&(t=ga(this.anchorEl).filter(e=>e instanceof Element)),this.flip&&e.push(Xa({boundary:this.flipBoundary||t,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy===`best-fit`?`bestFit`:`initialPlacement`,padding:this.flipPadding})),this.shift&&e.push(Ya({boundary:this.shiftBoundary||t,padding:this.shiftPadding})),this.autoSize?e.push(Za({boundary:this.autoSizeBoundary||t,padding:this.autoSizePadding,apply:({availableWidth:e,availableHeight:t})=>{this.autoSize===`vertical`||this.autoSize===`both`?this.style.setProperty(`--auto-size-available-height`,`${t}px`):this.style.removeProperty(`--auto-size-available-height`),this.autoSize===`horizontal`||this.autoSize===`both`?this.style.setProperty(`--auto-size-available-width`,`${e}px`):this.style.removeProperty(`--auto-size-available-width`)}})):(this.style.removeProperty(`--auto-size-available-width`),this.style.removeProperty(`--auto-size-available-height`)),this.arrow&&e.push(Qa({element:this.arrowEl,padding:this.arrowPadding}));let n=this.SUPPORTS_POPOVER?e=>Wa.getOffsetParent(e,ro):Wa.getOffsetParent;$a(this.anchorEl,this.popup,{placement:this.placement,middleware:e,strategy:this.SUPPORTS_POPOVER?`absolute`:`fixed`,platform:{...Wa,getOffsetParent:n}}).then(({x:e,y:t,middlewareData:n,placement:r})=>{let i=this.localize.dir()===`rtl`,a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[r.split(`-`)[0]];if(this.setAttribute(`data-current-placement`,r),Object.assign(this.popup.style,{left:`${e}px`,top:`${t}px`}),this.arrow){let e=n.arrow.x,t=n.arrow.y,r=``,o=``,s=``,c=``;if(this.arrowPlacement===`start`){let n=typeof e==`number`?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:``;r=typeof t==`number`?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:``,o=i?n:``,c=i?``:n}else if(this.arrowPlacement===`end`){let n=typeof e==`number`?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:``;
2451o=i?``:n,c=i?n:``,s=typeof t==`number`?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:``}else this.arrowPlacement===`center`?(c=typeof e==`number`?`calc(50% - var(--arrow-size-diagonal))`:``,r=typeof t==`number`?`calc(50% - var(--arrow-size-diagonal))`:``):(c=typeof e==`number`?`${e}px`:``,r=typeof t==`number`?`${t}px`:``);Object.assign(this.arrowEl.style,{top:r,right:o,bottom:s,left:c,[a]:`calc(var(--arrow-base-offset) - var(--arrow-size-diagonal))`})}}),requestAnimationFrame(()=>this.updateHoverBridge()),this.dispatchEvent(new to)}render(){return D` 2452 <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot> 2453 2454 <span 2455 part="hover-bridge" 2456 class=${B({"popup-hover-bridge":!0,"popup-hover-bridge-visible":this.hoverBridge&&this.active})} 2457 ></span> 2458 2459 <div 2460 popover="manual" 2461 part="popup" 2462 class=${B({popup:!0,"popup-active":this.active,"popup-fixed":!this.SUPPORTS_POPOVER,"popup-has-arrow":this.arrow})} 2463 > 2464 <slot></slot> 2465 ${this.arrow?D`<div part="arrow" class="arrow" role="presentation"></div>`:``} 2466 </div> 2467 `}};Y.css=no,j([F(`.popup`)],Y.prototype,`popup`,2),j([F(`.arrow`)],Y.prototype,`arrowEl`,2),j([N({attribute:!1,type:Boolean})],Y.prototype,`SUPPORTS_POPOVER`,2),j([N()],Y.prototype,`anchor`,2),j([N({type:Boolean,reflect:!0})],Y.prototype,`active`,2),j([N({reflect:!0})],Y.prototype,`placement`,2),j([N()],Y.prototype,`boundary`,2),j([N({type:Number})],Y.prototype,`distance`,2),j([N({type:Number})],Y.prototype,`skidding`,2),j([N({type:Boolean})],Y.prototype,`arrow`,2),j([N({attribute:`arrow-placement`})],Y.prototype,`arrowPlacement`,2),j([N({attribute:`arrow-padding`,type:Number})],Y.prototype,`arrowPadding`,2),j([N({type:Boolean})],Y.prototype,`flip`,2),j([N({attribute:`flip-fallback-placements`,converter:{fromAttribute:e=>e.split(` `).map(e=>e.trim()).filter(e=>e!==``),toAttribute:e=>e.join(` `)}})],Y.prototype,`flipFallbackPlacements`,2),j([N({attribute:`flip-fallback-strategy`})],Y.prototype,`flipFallbackStrategy`,2),j([N({type:Object})],Y.prototype,`flipBoundary`,2),j([N({attribute:`flip-padding`,type:Number})],Y.prototype,`flipPadding`,2),j([N({type:Boolean})],Y.prototype,`shift`,2),j([N({type:Object})],Y.prototype,`shiftBoundary`,2),j([N({attribute:`shift-padding`,type:Number})],Y.prototype,`shiftPadding`,2),j([N({attribute:`auto-size`})],Y.prototype,`autoSize`,2),j([N()],Y.prototype,`sync`,2),j([N({type:Object})],Y.prototype,`autoSizeBoundary`,2),j([N({attribute:`auto-size-padding`,type:Number})],Y.prototype,`autoSizePadding`,2),j([N({attribute:`hover-bridge`,type:Boolean})],Y.prototype,`hoverBridge`,2),Y=j([M(`wa-popup`)],Y);var co=class extends Event{constructor(){super(`wa-clear`,{bubbles:!0,cancelable:!1,composed:!0})}};function lo(e,t){let n=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key===`Enter`&&!n&&setTimeout(()=>{!e.defaultPrevented&&!e.isComposing&&uo(t)})}function uo(e){let t=null;if(`form`in e&&(t=e.form),!t&&`getForm`in e&&(t=e.getForm()),!t)return;let n=[...t.elements];if(n.length===1){t.requestSubmit(null);return}let r=n.find(e=>e.type===`submit`&&!e.matches(`:disabled`));r&&([`input`,`button`].includes(r.localName)?t.requestSubmit(r):r.click())}var fo=E` 2468 :host { 2469 border-width: 0; 2470 } 2471 2472 :host(:focus) { 2473 outline: none; 2474 } 2475 2476 .text-field { 2477 display: flex; 2478 align-items: stretch; 2479 justify-content: start; 2480 position: relative; 2481 transition: inherit; 2482 height: var(--wa-form-control-height); 2483 border-color: var(--wa-form-control-border-color); 2484 border-radius: var(--wa-form-control-border-radius); 2485 border-style: var(--wa-form-control-border-style); 2486 border-width: var(--wa-form-control-border-width); 2487 cursor: text; 2488 color: var(--wa-form-control-value-color); 2489 font-size: var(--wa-form-control-value-font-size); 2490 font-family: inherit; 2491 font-weight: var(--wa-form-control-value-font-weight); 2492 line-height: var(--wa-form-control-value-line-height); 2493 vertical-align: middle; 2494 width: 100%; 2495 transition: 2496 background-color var(--wa-transition-normal), 2497 border-color var(--wa-transition-normal), 2498 outline-color var(--wa-transition-fast); 2499 transition-timing-function: var(--wa-transition-easing); 2500 background-color: var(--wa-form-control-background-color);
2501 box-shadow: var(--box-shadow); 2502 padding: 0 var(--wa-form-control-padding-inline); 2503 outline-offset: var(--wa-focus-ring-offset); 2504 2505 &:focus-within { 2506 outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) transparent; 2507 outline-color: var(--wa-color-focus); 2508 } 2509 2510 /* Style disabled inputs */ 2511 &:has(:disabled) { 2512 cursor: not-allowed; 2513 opacity: 0.5; 2514 } 2515 } 2516 2517 /* Appearance modifiers */ 2518 :host([appearance='outlined']) .text-field { 2519 background-color: var(--wa-form-control-background-color); 2520 border-color: var(--wa-form-control-border-color); 2521 } 2522 2523 :host([appearance='filled']) .text-field { 2524 background-color: var(--wa-color-neutral-fill-quiet); 2525 border-color: var(--wa-color-neutral-fill-quiet); 2526 } 2527 2528 :host([appearance='filled-outlined']) .text-field { 2529 background-color: var(--wa-color-neutral-fill-quiet); 2530 border-color: var(--wa-form-control-border-color); 2531 } 2532 2533 :host([pill]) .text-field { 2534 border-radius: var(--wa-border-radius-pill) !important; 2535 } 2536 2537 .text-field { 2538 /* Show autofill styles over the entire text field, not just the native <input> */ 2539 &:has(:autofill), 2540 &:has(:-webkit-autofill) { 2541 background-color: var(--wa-color-brand-fill-quiet) !important; 2542 } 2543 2544 input, 2545 textarea { 2546 /* 2547 Fixes an alignment issue with placeholders. 2548 https://github.com/shoelace-style/webawesome/issues/342 2549 */ 2550 height: 100%; 2551 2552 padding: 0; 2553 border: none; 2554 outline: none; 2555 box-shadow: none; 2556 margin: 0; 2557 cursor: inherit; 2558 -webkit-appearance: none; 2559 font: inherit; 2560 2561 /* Turn off Safari's autofill styles */ 2562 &:-webkit-autofill, 2563 &:-webkit-autofill:hover, 2564 &:-webkit-autofill:focus, 2565 &:-webkit-autofill:active { 2566 -webkit-background-clip: text; 2567 background-color: transparent; 2568 -webkit-text-fill-color: inherit; 2569 } 2570 } 2571 } 2572 2573 input { 2574 flex: 1 1 auto; 2575 min-width: 0; 2576 height: 100%; 2577 transition: inherit; 2578 2579 /* prettier-ignore */ 2580 background-color: rgb(118 118 118 / 0); /* ensures proper placeholder styles in webkit's date input */ 2581 height: calc(var(--wa-form-control-height) - var(--border-width) * 2); 2582 padding-block: 0; 2583 color: inherit; 2584 2585 &:autofill { 2586 &, 2587 &:hover, 2588 &:focus, 2589 &:active { 2590 box-shadow: none; 2591 caret-color: var(--wa-form-control-value-color); 2592 } 2593 } 2594 2595 &::placeholder { 2596 color: var(--wa-form-control-placeholder-color); 2597 user-select: none; 2598 -webkit-user-select: none; 2599 } 2600 2601 &::-webkit-search-decoration, 2602 &::-webkit-search-cancel-button, 2603 &::-webkit-search-results-button, 2604 &::-webkit-search-results-decoration { 2605 -webkit-appearance: none; 2606 } 2607 2608 &:focus { 2609 outline: none; 2610 } 2611 } 2612 2613 textarea { 2614 &:autofill { 2615 &, 2616 &:hover, 2617 &:focus, 2618 &:active { 2619 box-shadow: none; 2620 caret-color: var(--wa-form-control-value-color); 2621 } 2622 } 2623 2624 &::placeholder { 2625 color: var(--wa-form-control-placeholder-color); 2626 user-select: none; 2627 -webkit-user-select: none; 2628 } 2629 } 2630 2631 .start, 2632 .end { 2633 display: inline-flex; 2634 flex: 0 0 auto; 2635 align-items: center; 2636 cursor: default; 2637 2638 &::slotted(wa-icon) { 2639 color: var(--wa-color-neutral-on-quiet); 2640 } 2641 } 2642 2643 .start::slotted(*) { 2644 margin-inline-end: var(--wa-form-control-padding-inline); 2645 } 2646 2647 .end::slotted(*) { 2648 margin-inline-start: var(--wa-form-control-padding-inline); 2649 } 2650 2651 /* 2652 * Clearable + Password Toggle 2653 */ 2654 2655 .clear, 2656 .password-toggle { 2657 display: inline-flex; 2658 align-items: center; 2659 justify-content: center; 2660 font-size: inherit; 2661 color: var(--wa-color-neutral-on-quiet); 2662 border: none; 2663 background: none; 2664 padding: 0; 2665 transition: var(--wa-transition-normal) color; 2666 cursor: pointer; 2667 margin-inline-start: var(--wa-form-control-padding-inline); 2668 2669 @media (hover: hover) { 2670 &:hover { 2671 color: color-mix(in oklab, currentColor, var(--wa-color-mix-hover)); 2672 } 2673 } 2674 2675 &:active { 2676 color: color-mix(in oklab, currentColor, var(--wa-color-mix-active)); 2677 } 2678 2679 &:focus { 2680 outline: none; 2681 } 2682 } 2683 2684 /* Don't show the browser's password toggle in Edge */ 2685 ::-ms-reveal { 2686 display: none; 2687 } 2688 2689 /* Hide the built-in number spinner */ 2690 :host([without-spin-buttons]) input[type='number'] { 2691 -moz-appearance: textfield; 2692 2693 &::-webkit-outer-spin-button, 2694 &::-webkit-inner-spin-button { 2695 -webkit-appearance: none; 2696 display: none; 2697 } 2698 } 2699`,X=class extends R{constructor(){super(...arguments),this.assumeInteractionOn=[`blur`,`input`],this.hasSlotController=new er(this,`hint`,`label`),this.localize=new z(this),this.title=``,this.type=`text`,this._value=null,this.defaultValue=this.getAttribute(`value`)||null,this.size=`m`,this.appearance=`outlined`,this.pill=!1,this.label=``,this.hint=``,this.withClear=!1,this.placeholder=``,this.readonly=!1,this.passwordToggle=!1,this.passwordVisible=!1,this.withoutSpinButtons=!1,this.required=!1,this.spellcheck=!0,this.withLabel=!1,this.withHint=!1}static get validators(){return[...super.validators,Jn()]}get value(){return this.valueHasChanged?this._value:this._value??this.defaultValue}set value(e){this._value!==e&&(this.valueHasChanged=!0,this._value=e)}updateFormValue(e){if(e==null){this.setValue(``,null);return}super.updateFormValue(e)}handleSizeChange(){$n(this.localName,this.size)}handleChange(e){this.value=this.input.value,this.relayNativeEvent(e,{bubbles:!0,composed:!0})}handleClearClick(e){e.preventDefault(),this.value!==``&&(this.value=``,this.updateComplete.then(()=>{this.dispatchEvent(new co),this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}
2699)),this.input.focus()}handleInput(){this.value=this.input.value}handleKeyDown(e){lo(e,this)}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}updated(e){super.updated(e),(e.has(`value`)||e.has(`defaultValue`)||e.has(`type`))&&(this.input&&[`number`,`date`,`time`,`datetime-local`].includes(this.type)&&this.value&&this.input.value!==this.value&&(this._value=this.input.value),this.customStates.set(`blank`,!this.value),this.updateValidity())}handleStepChange(){this.input.step=String(this.step),this.updateValidity()}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,t,n=`none`){this.input.setSelectionRange(e,t,n)}setRangeText(e,t,n,r=`preserve`){let i=t??this.input.selectionStart,a=n??this.input.selectionEnd;this.input.setRangeText(e,i,a,r),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){`showPicker`in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}formResetCallback(){this.value=null,this.input&&(this.input.value=this.value),super.formResetCallback()}render(){let e=this.hasSlotController.test(`label`,`withLabel`),t=this.hasSlotController.test(`hint`,`withHint`),n=this.label?!0:!!e,r=this.hint?!0:!!t,i=this.withClear&&!this.disabled&&!this.readonly,a=(!this.didSSR||this.hasUpdated)&&i&&(typeof this.value==`number`||this.value&&this.value.length>0);return D` 2700 <label 2701 part="form-control-label label" 2702 class=${B({label:!0,"has-label":n})} 2703 for="input" 2704 aria-hidden=${n?`false`:`true`} 2705 > 2706 <slot name="label">${this.label}</slot> 2707 </label> 2708 2709 <div part="base" class="text-field"> 2710 <slot name="start" part="start" class="start"></slot> 2711 2712 <input 2713 part="input" 2714 id="input" 2715 class="control" 2716 type=${this.type===`password`&&this.passwordVisible?`text`:this.type} 2717 title=${this.title} 2718 name=${V(this.name)} 2719 ?disabled=${this.disabled} 2720 ?readonly=${this.readonly} 2721 ?required=${this.required} 2722 placeholder=${V(this.placeholder)} 2723 minlength=${V(this.minlength)} 2724 maxlength=${V(this.maxlength)} 2725 min=${V(this.min)} 2726 max=${V(this.max)} 2727 step=${V(this.step)} 2728 .value=${jr(this.value??``)} 2729 autocapitalize=${V(this.autocapitalize)} 2730 autocomplete=${V(this.autocomplete)} 2731 autocorrect=${this.autocorrect?`on`:`off`} 2732 ?autofocus=${this.autofocus} 2733 spellcheck=${this.spellcheck} 2734 pattern=${V(this.pattern)} 2735 enterkeyhint=${V(this.enterkeyhint)} 2736 inputmode=${V(this.inputmode)} 2737 aria-describedby="hint" 2738 @change=${this.handleChange} 2739 @input=${this.handleInput} 2740 @keydown=${this.handleKeyDown} 2741 /> 2742 2743 ${a?D` 2744 <button 2745 part="clear-button" 2746 class="clear" 2747 type="button" 2748 aria-label=${this.localize.term(`clearEntry`)} 2749 @click=${this.handleClearClick} 2750 tabindex="-1" 2751 > 2752 <slot name="clear-icon"> 2753 <wa-icon name="circle-xmark" library="system" variant="regular"></wa-icon> 2754 </slot> 2755 </button> 2756 `:``} 2757 ${this.passwordToggle&&!this.disabled?D` 2758 <button 2759 part="password-toggle-button" 2760 class="password-toggle" 2761 type="button" 2762 aria-label=${this.localize.term(this.passwordVisible?`hidePassword`:`showPassword`)} 2763 @click=${this.handlePasswordToggle} 2764 tabindex="-1" 2765 > 2766 ${this.passwordVisible?D` 2767 <slot name="hide-password-icon"> 2768 <wa-icon name="eye-slash" library="system" variant="regular"></wa-icon> 2769 </slot> 2770 `:D` 2771 <slot name="show-password-icon"> 2772 <wa-icon name="eye" library="system" variant="regular"></wa-icon> 2773 </slot> 2774 `} 2775 </button> 2776 `:``} 2777 2778 <slot name="end" part="end" class="end"></slot> 2779 </div> 2780 2781 <slot 2782 id="hint" 2783 part="hint" 2784 name="hint" 2785 class=${B({"has-slotted":r})} 2786 aria-hidden=${r?`false`:`true`} 2787 >${this.hint}</slot 2788 > 2789 `}};X.css=[tr,Ar,fo],X.shadowRootOptions={...R.shadowRootOptions,delegatesFocus:!0},j([F(`input`)],X.prototype,`input`,2),j([N()],X.prototype,`title`,2),j([N({reflect:!0})],X.prototype,`type`,2),j([P()],X.prototype,`value`,1),j([N({attribute:`value`,reflect:!0})],X.prototype,`defaultValue`,2),j([N({reflect:!0})],X.prototype,`size`,2),j([A(`size`)],X.prototype,`handleSizeChange`,1),j([N({reflect:!0})],X.prototype,`appearance`,2),j([N({type:Boolean,reflect:!0})],X.prototype,`pill`,2),j([N()],X.prototype,`label`,2),j([N({attribute:`hint`})],X.prototype,`hint`,2),j([N({attribute:`with-clear`,type:Boolean})],X.prototype,`withClear`,2),j([N()],X.prototype,`placeholder`,2),j([N({type:Boolean,reflect:!0})],X.prototype,`readonly`,2),j([N({attribute:`password-toggle`,type:Boolean})],X.prototype,`passwordToggle`,2),j([N({attribute:`password-visible`,type:Boolean})],X.prototype,`passwordVisible`,2),j([N({attribute:`without-spin-buttons`,type:Boolean,reflect:!0})],X.prototype,`withoutSpinButtons`,2),j([N({type:Boolean,reflect:!0})],X.prototype,`required`,2),j([N()],X.prototype,`pattern`,2),j([N({type:Number})],X.prototype,`minlength`,2),j([N({type:Number})],X.prototype,`maxlength`,2),j([N()],X.prototype,`min`,2),j([N()],X.prototype,`max`,2),j([N()],X.prototype,`step`,2),j([N()],X.prototype,`autocapitalize`,2),j([N({type:Boolean,converter:{fromAttribute:e=>!(!e||e===`off`),toAttribute:e=>e?`on`:`off`}})],X.prototype,`autocorrect`,2),j([N()],X.prototype,`autocomplete`,2),j([N({type:Boolean})],X.prototype,`autofocus`,2),j([N()],X.prototype,`enterkeyhint`,2),j([N({type:Boolean,converter:{fromAttribute:e=>
2789!(!e||e===`false`),toAttribute:e=>e?`true`:`false`}})],X.prototype,`spellcheck`,2),j([N()],X.prototype,`inputmode`,2),j([N({attribute:`with-label`,type:Boolean})],X.prototype,`withLabel`,2),j([N({attribute:`with-hint`,type:Boolean})],X.prototype,`withHint`,2),j([A(`step`,{waitUntilFirstUpdate:!0})],X.prototype,`handleStepChange`,1),X=j([M(`wa-input`)],X),X.disableWarning?.(`change-in-update`);var po=E` 2790 :host { 2791 display: block; 2792 color: var(--wa-color-text-normal); 2793 -webkit-user-select: none; 2794 user-select: none; 2795 2796 position: relative; 2797 display: flex; 2798 align-items: center; 2799 font: inherit; 2800 padding: 0.5em 1em 0.5em 0.25em; 2801 line-height: var(--wa-line-height-condensed); 2802 transition: fill var(--wa-transition-normal) var(--wa-transition-easing); 2803 cursor: pointer; 2804 } 2805 2806 :host(:focus) { 2807 outline: none; 2808 } 2809 2810 @media (hover: hover) { 2811 :host(:not(:state(disabled), :state(current)):is(:state(hover), :hover)) { 2812 background-color: var(--wa-color-neutral-fill-normal); 2813 color: var(--wa-color-neutral-on-normal); 2814 } 2815 } 2816 2817 :host(:state(current)), 2818 :host(:state(disabled):state(current)) { 2819 background-color: var(--wa-color-brand-fill-loud); 2820 color: var(--wa-color-brand-on-loud); 2821 opacity: 1; 2822 } 2823 2824 :host(:state(disabled)) { 2825 outline: none; 2826 opacity: 0.5; 2827 cursor: not-allowed; 2828 } 2829 2830 .label { 2831 flex: 1 1 auto; 2832 display: inline-block; 2833 } 2834 2835 .check { 2836 flex: 0 0 auto; 2837 display: flex; 2838 align-items: center; 2839 justify-content: center; 2840 font-size: var(--wa-font-size-smaller); 2841 visibility: hidden; 2842 width: 2em; 2843 } 2844 2845 :host(:state(selected)) .check { 2846 visibility: visible; 2847 } 2848 2849 .start, 2850 .end { 2851 flex: 0 0 auto; 2852 display: flex; 2853 align-items: center; 2854 } 2855 2856 .start::slotted(*) { 2857 margin-inline-end: 0.5em; 2858 } 2859 2860 .end::slotted(*) { 2861 margin-inline-start: 0.5em; 2862 } 2863 2864 @media (forced-colors: active) { 2865 :host(:hover:not([aria-disabled='true'])) { 2866 outline: dashed 1px SelectedItem; 2867 outline-offset: -1px; 2868 } 2869 } 2870`;function mo(e,t=0){if(!e||!globalThis.Node)return``;if(typeof e[Symbol.iterator]==`function`)return(Array.isArray(e)?e:[...e]).map(e=>mo(e,--t)).join(``);let n=e;if(n.nodeType===Node.TEXT_NODE)return n.textContent??``;if(n.nodeType===Node.ELEMENT_NODE){let e=n;if(e.hasAttribute(`slot`)||e.matches(`style, script`))return``;if(e instanceof HTMLSlotElement){let n=e.assignedNodes({flatten:!0});if(n.length>0)return mo(n,--t)}return t>-1?mo(e,--t):e.textContent??``}return n.hasChildNodes()?mo(n.childNodes,--t):``}var ho=class extends I{constructor(){super(...arguments),this.localize=new z(this),this.cachedDefaultLabel=``,this.isInitialized=!1,this.isDefaultLabelDirty=!0,this.current=!1,this.value=``,this.disabled=!1,this.selected=!1,this.defaultSelected=!1,this._label=``,this.handleHover=e=>{e.type===`mouseenter`?this.customStates.set(`hover`,!0):e.type===`mouseleave`&&this.customStates.set(`hover`,!1)}}set label(e){let t=this._label;this._label=e||``,this._label!==t&&this.requestUpdate(`label`,t)}get label(){return this._label?this._label:this.defaultLabel}get defaultLabel(){return(this.isDefaultLabelDirty||!this.cachedDefaultLabel)&&this.updateDefaultLabel(),this.cachedDefaultLabel}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`option`),this.setAttribute(`aria-selected`,`false`),this.addEventListener(`mouseenter`,this.handleHover),this.addEventListener(`mouseleave`,this.handleHover)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`mouseenter`,this.handleHover),this.removeEventListener(`mouseleave`,this.handleHover)}handleDefaultSlotChange(){this.isDefaultLabelDirty=!0,this.isInitialized?(customElements.whenDefined(`wa-select`).then(()=>{let e=this.closest(`wa-select`);e&&e.handleDefaultSlotChange()}),customElements.whenDefined(`wa-combobox`).then(()=>{let e=this.closest(`wa-combobox`);e&&e.handleDefaultSlotChange()})):this.isInitialized=!0}willUpdate(e){e.has(`defaultSelected`)&&(this.didSSR&&this.hasUpdated||!this.didSSR)&&this.syncDefaultSelected(),super.willUpdate(e)}syncDefaultSelected(){if(`closest`in this&&!this.closest(`wa-combobox, wa-select`)?.hasInteracted&&this.defaultSelected){let e=this.selected;this.selected=this.defaultSelected,this.requestUpdate(`selected`,e)}}updated(e){e.has(`disabled`)&&(this.setAttribute(`aria-disabled`,this.disabled?`true`:`false`),this.customStates.set(`disabled`,this.disabled)),e.has(`selected`)&&(this.setAttribute(`aria-selected`,this.selected?`true`:`false`),this.customStates.set(`selected`,this.selected)),e.has(`value`)&&(typeof this.value!=`string`&&(this.value=String(this.value)),this.handleDefaultSlotChange()),e.has(`current`)&&this.customStates.set(`current`,this.current),super.updated(e)}async firstUpdated(e){if(super.firstUpdated(e),this.didSSR&&!this.hasUpdated&&await this.updateComplete,this.syncDefaultSelected(),this.selected&&!this.defaultSelected){let e=this.closest(`wa-select, wa-combobox`);e&&!e.hasInteracted&&(await customElements.whenDefined(e?.localName),await e.updateComplete,e.selectionChanged?.())}}updateDefaultLabel(){let e=this.cachedDefaultLabel;this.cachedDefaultLabel=mo(this).trim(),this.isDefaultLabelDirty=!1;let t=this.cachedDefaultLabel!==e;return!this._label&&t&&this.requestUpdate(`label`,e),t}render(){let e=this.selected;return this.didSSR&&!this.hasUpdated?(this.updateComplete.then(()=>{this.requestUpdate()}),k):D` 2871 ${e?D`<wa-icon 2872 part="checked-icon" 2873 class="check" 2874 name="check" 2875 library="system" 2876 variant="solid" 2877 aria-hidden="true" 2878 ></wa-icon>`:D`<span part="checked-icon" class="check" aria-hidden="true"></span>`} 2879 <slot part="start" name="start" class="start"></slot> 2880 <slot part="label" class="label" @slotchange=${this.handleDefaultSlotChange}></slot> 2881 <slot part="end" name="end" class="end"></slot> 2882 `}};ho.css=po,j([F(`.label`)],ho.prototype,`defaultSlot`,2),j([P()],ho.prototype,`current`,2),j([N({reflect:!0})],ho.prototype,`value`,2),j([N({type:Boolean})],ho.prototype,`disabled`,2),j([N({type:Boolean,attribute:!1})],ho.prototype,`selected`,2),j([N({type:Boolean,attribute:`selected`})],ho.prototype,`defaultSelected`,2),j([N()],ho.prototype,`label`,1),ho=j([M(`wa-option`)],ho);var go=E` 2883 :host { 2884 --track-height: 1rem; 2885 --track-color: var(--wa-color-neutral-fill-normal); 2886 --indicator-color: var(--wa-color-brand-fill-loud); 2887 2888 display: flex; 2889 } 2890 2891 .progress-bar { 2892 flex: 1 1 auto; 2893 display: flex; 2894 position: relative; 2895 overflow: hidden; 2896 height: var(--track-height); 2897 border-radius: var(--wa-border-radius-pill); 2898 background-color: var(--track-color); 2899 color: var(--wa-color-brand-on-loud); 2900 font-size: var(--wa-font-size-s); 2901 } 2902 2903 .indicator { 2904 width: var(--percentage); 2905 display: flex; 2906 align-items: center; 2907 justify-content: center; 2908 background-color: var(--indicator-color); 2909 text-align: center; 2910 white-space: nowrap; 2911 overflow: hidden; 2912 line-height: 1; 2913 font-weight: var(--wa-font-weight-semibold); 2914 transition: all var(--wa-transition-slow, 200ms) var(--wa-transition-easing, ease); 2915 user-select: none; 2916 -webkit-user-select: none; 2917 } 2918 2919 /* Indeterminate */ 2920 :host([indeterminate]) .indicator { 2921 position: absolute; 2922 inset-block: 0; 2923 inline-size: 50%; 2924 animation: wa-progress-indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1); 2925 } 2926 2927 @media (forced-colors: active) { 2928 .progress-bar { 2929 outline: solid 1px SelectedItem; 2930 background-color: var(--wa-color-surface-default); 2931 } 2932 2933 .indicator { 2934 outline: solid 1px SelectedItem; 2935 background-color: SelectedItem; 2936 } 2937 } 2938 2939 @keyframes wa-progress-indeterminate { 2940 0% {
2941 inset-inline-start: -50%; 2942 } 2943 2944 75%, 2945 100% { 2946 inset-inline-start: 100%; 2947 } 2948 } 2949`,_o=class extends I{constructor(){super(...arguments),this.localize=new z(this),this.value=0,this.indeterminate=!1,this.label=``}willUpdate(e){this.style??this.setStyleProperty(`--percentage`,`${li(this.value,0,100)}%`),super.willUpdate(e)}updated(e){e.has(`value`)&&requestAnimationFrame(()=>{this.style.setProperty(`--percentage`,`${li(this.value,0,100)}%`)}),super.updated(e)}render(){return D` 2950 <div 2951 part="base" 2952 class="progress-bar" 2953 role="progressbar" 2954 title=${V(this.title)} 2955 aria-label=${this.label.length>0?this.label:this.localize.term(`progress`)} 2956 aria-valuemin="0" 2957 aria-valuemax="100" 2958 aria-valuenow=${this.indeterminate?`0`:this.value} 2959 > 2960 <div part="indicator" class="indicator"> 2961 ${this.indeterminate?``:D` <slot part="label" class="label"></slot> `} 2962 </div> 2963 </div> 2964 `}};_o.css=go,j([N({type:Number,reflect:!0})],_o.prototype,`value`,2),j([N({type:Boolean,reflect:!0})],_o.prototype,`indeterminate`,2),j([N()],_o.prototype,`label`,2),_o=j([M(`wa-progress-bar`)],_o);var vo=E` 2965 :host { 2966 --tag-max-size: 10ch; 2967 --show-duration: var(--wa-transition-fast); 2968 --hide-duration: var(--wa-transition-fast); 2969 } 2970 2971 /* Add ellipses to multi select options */ 2972 :host wa-tag::part(content) { 2973 display: initial; 2974 white-space: nowrap; 2975 text-overflow: ellipsis; 2976 overflow: hidden; 2977 max-width: var(--tag-max-size); 2978 } 2979 2980 :host .disabled [part~='combobox'] { 2981 opacity: 0.5; 2982 cursor: not-allowed; 2983 outline: none; 2984 } 2985 2986 :host .enabled:is(.open, :focus-within) [part~='combobox'] { 2987 outline-color: var(--wa-color-focus); 2988 } 2989 2990 /** The popup */ 2991 .select { 2992 flex: 1 1 auto; 2993 display: inline-flex; 2994 width: 100%; 2995 position: relative; 2996 vertical-align: middle; 2997 2998 /* Pass through from select to the popup */ 2999 --show-duration: inherit; 3000 --hide-duration: inherit; 3001 3002 &::part(popup) { 3003 z-index: 900; 3004 } 3005 3006 &[data-current-placement^='top']::part(popup) { 3007 transform-origin: bottom; 3008 } 3009 3010 &[data-current-placement^='bottom']::part(popup) { 3011 transform-origin: top; 3012 } 3013 } 3014 3015 /* Combobox */ 3016 .combobox { 3017 flex: 1; 3018 display: flex; 3019 width: 100%; 3020 min-width: 0; 3021 align-items: center; 3022 justify-content: start; 3023 3024 min-height: var(--wa-form-control-height); 3025 3026 background-color: var(--wa-form-control-background-color); 3027 border-color: var(--wa-form-control-border-color); 3028 border-radius: var(--wa-form-control-border-radius); 3029 border-style: var(--wa-form-control-border-style); 3030 border-width: var(--wa-form-control-border-width); 3031 color: var(--wa-form-control-value-color); 3032 cursor: pointer; 3033 font-family: inherit; 3034 font-weight: var(--wa-form-control-value-font-weight); 3035 line-height: var(--wa-form-control-value-line-height); 3036 overflow: hidden; 3037 padding: 0 var(--wa-form-control-padding-inline); 3038 position: relative; 3039 vertical-align: middle; 3040 transition: 3041 background-color var(--wa-transition-normal), 3042 border-color var(--wa-transition-normal), 3043 outline-color var(--wa-transition-fast); 3044 transition-timing-function: var(--wa-transition-easing); 3045 outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) transparent; 3046 outline-offset: var(--wa-focus-ring-offset); 3047 3048 /* Pills */ 3049 :host([pill]) & { 3050 border-radius: var(--wa-border-radius-pill); 3051 } 3052 } 3053 3054 /* Appearance modifiers */ 3055 :host([appearance='outlined']) .combobox { 3056 background-color: var(--wa-form-control-background-color); 3057 border-color: var(--wa-form-control-border-color); 3058 } 3059 3060 :host([appearance='filled']) .combobox { 3061 background-color: var(--wa-color-neutral-fill-quiet); 3062 border-color: var(--wa-color-neutral-fill-quiet); 3063 } 3064 3065 :host([appearance='filled-outlined']) .combobox { 3066 background-color: var(--wa-color-neutral-fill-quiet); 3067 border-color: var(--wa-form-control-border-color); 3068 } 3069 3070 .display-input { 3071 position: relative; 3072 width: 100%; 3073 font: inherit; 3074 border: none; 3075 background: none; 3076 line-height: var(--wa-form-control-value-line-height); 3077 color: var(--wa-form-control-value-color); 3078 cursor: inherit; 3079 overflow: hidden; 3080 padding: 0; 3081 margin: 0; 3082 -webkit-appearance: none; 3083 3084 &:focus { 3085 outline: none; 3086 } 3087 3088 &::placeholder { 3089 color: var(--wa-form-control-placeholder-color); 3090 } 3091 } 3092 3093 /* Manage spacing when tags are present */ 3094 :host([multiple]) { 3095 --_padding-with-tags: calc(var(--wa-form-control-height) * 0.1 - var(--wa-form-control-border-width)); 3096 3097 & .combobox:has(.tags wa-tag) { 3098 padding-block: var(--_padding-with-tags); 3099 padding-inline-start: var(--_padding-with-tags); 3100 } 3101 } 3102 3103 /* Visually hide the display input when multiple is enabled */ 3104 :host([multiple]) .combobox:has(.tags wa-tag) .display-input { 3105 position: absolute; 3106 z-index: -1; 3107 top: 0; 3108 left: 0; 3109 width: 100%; 3110 height: 100%; 3111 opacity: 0; 3112 } 3113 3114 .value-input { 3115 position: absolute; 3116 z-index: -1; 3117 top: 0; 3118 left: 0; 3119 width: 100%; 3120 height: 100%; 3121 opacity: 0; 3122 padding: 0; 3123 margin: 0; 3124 } 3125 3126 .tags { 3127 display: flex; 3128 flex: 1; 3129 align-items: center; 3130 flex-wrap: wrap; 3131 gap: 0.25em; 3132 3133 &::slotted(wa-tag) { 3134 cursor: pointer !important; 3135 } 3136 3137 .disabled &, 3138 .disabled &::slotted(wa-tag) {
3139 cursor: not-allowed !important; 3140 } 3141 } 3142 3143 /* Start and End */ 3144 3145 .start, 3146 .end { 3147 flex: 0; 3148 display: inline-flex; 3149 align-items: center; 3150 color: var(--wa-color-neutral-on-quiet); 3151 } 3152 3153 .end::slotted(*) { 3154 margin-inline-start: var(--wa-form-control-padding-inline); 3155 } 3156 3157 .start::slotted(*) { 3158 margin-inline-end: var(--wa-form-control-padding-inline); 3159 } 3160 3161 :host([multiple]) .combobox:has(.tags wa-tag) .start::slotted(*) { 3162 margin-inline-start: calc(var(--wa-form-control-padding-inline) - var(--_padding-with-tags)); 3163 } 3164 3165 /* Clear button */ 3166 [part~='clear-button'] { 3167 display: inline-flex; 3168 align-items: center; 3169 justify-content: center; 3170 font-size: inherit; 3171 color: var(--wa-color-neutral-on-quiet); 3172 border: none; 3173 background: none; 3174 padding: 0; 3175 transition: color var(--wa-transition-normal); 3176 cursor: pointer; 3177 margin-inline-start: var(--wa-form-control-padding-inline); 3178 3179 &:focus { 3180 outline: none; 3181 } 3182 3183 @media (hover: hover) { 3184 &:hover { 3185 color: color-mix(in oklab, currentColor, var(--wa-color-mix-hover)); 3186 } 3187 } 3188 3189 &:active { 3190 color: color-mix(in oklab, currentColor, var(--wa-color-mix-active)); 3191 } 3192 } 3193 3194 /* Expand icon */ 3195 .expand-icon { 3196 flex: 0 0 auto; 3197 display: flex; 3198 align-items: center; 3199 color: var(--wa-color-neutral-on-quiet); 3200 transition: rotate var(--wa-transition-slow) var(--wa-transition-easing); 3201 rotate: 0deg; 3202 margin-inline-start: var(--wa-form-control-padding-inline); 3203 3204 .open & { 3205 rotate: -180deg; 3206 } 3207 } 3208 3209 /* Listbox */ 3210 .listbox { 3211 display: block; 3212 position: relative; 3213 font: inherit; 3214 box-shadow: var(--wa-shadow-m); 3215 background: var(--wa-color-surface-raised); 3216 border-color: var(--wa-color-surface-border); 3217 border-radius: var(--wa-border-radius-m); 3218 border-style: var(--wa-border-style); 3219 border-width: var(--wa-border-width-s); 3220 padding-block: 0.5em; 3221 padding-inline: 0; 3222 overflow: auto;
3223 overscroll-behavior: none; 3224 3225 /* Make sure it adheres to the popup's auto size */ 3226 max-width: var(--auto-size-available-width); 3227 max-height: var(--auto-size-available-height); 3228 3229 &::slotted(wa-divider) { 3230 --spacing: 0.5em; 3231 } 3232 } 3233 3234 slot:not([name])::slotted(small) { 3235 display: block; 3236 font-size: var(--wa-font-size-smaller); 3237 font-weight: var(--wa-font-weight-semibold); 3238 color: var(--wa-color-text-quiet); 3239 padding-block: 0.5em; 3240 padding-inline: 2.25em; 3241 } 3242`,yo=class extends gr{constructor(e){if(super(e),this.it=k,e.type!==mr.CHILD)throw Error(this.constructor.directiveName+`() can only be used in child bindings`)}render(e){if(e===k||e==null)return this._t=void 0,this.it=e;if(e===O)return e;if(typeof e!=`string`)throw Error(this.constructor.directiveName+`() called with a non-string value`);if(e===this.it)return this._t;this.it=e;let t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}};yo.directiveName=`unsafeHTML`,yo.resultType=1;var bo=hr(yo),Z=class extends R{constructor(){super(...arguments),this.assumeInteractionOn=[`blur`,`input`],this.cachedOptions=null,this.hasSlotController=new er(this,`hint`,`label`),this.localize=new z(this),this.selectionOrder=new Map,this.typeToSelectString=``,this.slotChangePending=!1,this.displayLabel=``,this.selectedOptions=[],this.name=``,this._defaultValue=null,this.size=`m`,this.placeholder=``,this.multiple=!1,this.maxOptionsVisible=3,this.disabled=!1,this.withClear=!1,this.open=!1,this.appearance=`outlined`,this.pill=!1,this.label=``,this.placement=`bottom`,this.hint=``,this.withLabel=!1,this.withHint=!1,this.required=!1,this.getTag=e=>D` 3243 <wa-tag 3244 part="tag" 3245 exportparts=" 3246 base:tag__base, 3247 content:tag__content, 3248 remove-button:tag__remove-button, 3249 remove-button__base:tag__remove-button__base 3250 " 3251 ?pill=${this.pill} 3252 size=${this.size} 3253 with-remove 3254 data-value=${e.value} 3255 @wa-remove=${t=>this.handleTagRemove(t,e)} 3256 > 3257 ${e.label} 3258 </wa-tag> 3259 `,this.handleDocumentFocusIn=e=>{let t=e.composedPath();this&&!t.includes(this)&&this.hide()},this.handleDocumentKeyDown=e=>{let t=e.target,n=t.closest(`[part~="clear-button"]`)!==null,r=t.closest(`wa-button`)!==null;
3259if(!(n||r)){if(e.key===`Escape`&&this.open&&ti(this)&&(e.preventDefault(),e.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),e.key===`Enter`||e.key===` `&&this.typeToSelectString===``){if(e.preventDefault(),e.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.hasInteracted=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if([`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(e.key)){let t=this.getAllOptions(),n=t.indexOf(this.currentOption),r=Math.max(0,n);if(e.preventDefault(),!this.open&&(this.show(),this.currentOption))return;e.key===`ArrowDown`?(r=n+1,r>t.length-1&&(r=0)):e.key===`ArrowUp`?(r=n-1,r<0&&(r=t.length-1)):e.key===`Home`?r=0:e.key===`End`&&(r=t.length-1),this.setCurrentOption(t[r])}if(e.key?.length===1||e.key===`Backspace`){let t=this.getAllOptions();if(e.metaKey||e.ctrlKey||e.altKey)return;if(!this.open){if(e.key===`Backspace`)return;this.show()}e.stopPropagation(),e.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString=``,1e3),e.key===`Backspace`?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=e.key.toLowerCase();for(let e of t)if(e.label.toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(e);break}}}},this.handleDocumentMouseDown=e=>{let t=e.composedPath();this&&!t.includes(this)&&this.hide()}}static get validators(){let e=[kr({validationElement:Object.assign(document.createElement(`select`),{required:!0})})];return[...super.validators,...e]}get validationTarget(){return this.valueInput}set defaultValue(e){this._defaultValue=this.convertDefaultValue(e)}get defaultValue(){return this.convertDefaultValue(this._defaultValue)}rawValuesEqual(e,t){return e==null&&t==null?!0:e==null||t==null||e.length!==t.length?!1:e.every((e,n)=>e===t[n])}convertDefaultValue(e){return!(this.multiple||this.hasAttribute(`multiple`))&&Array.isArray(e)&&(e=e[0]),e}set value(e){let t=this.value;e instanceof FormData&&(e=e.getAll(this.name)),e!=null&&!Array.isArray(e)&&(e=[e]);let n=this._value;this._value=e??null,this.rawValuesEqual(n,this._value)||(this.valueHasChanged=!0,this.requestUpdate(`value`,t))}get value(){let e=this._value??this.defaultValue??null;e!=null&&(e=Array.isArray(e)?e:[e]),this.optionValues=new Set(this.getAllOptions().filter(e=>!e.disabled).map(e=>e.value));let t=e;return e!=null&&(t=e.filter(e=>this.optionValues.has(e)),t=this.multiple?t:t[0],t??=null),t}handleSizeChange(){$n(this.localName,this.size)}connectedCallback(){super.connectedCallback(),this.processSlotChange(),this.open=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.cachedOptions=null}updateDefaultValue(){let e=this.getAllOptions().filter(e=>e.hasAttribute(`selected`)||e.defaultSelected);if(e.length>0){let t=e.map(e=>e.value);this._defaultValue=this.multiple?t:t[0]}this.hasAttribute(`value`)&&(this._defaultValue=this.getAttribute(`value`)||null)}addOpenListeners(){document.addEventListener(`focusin`,this.handleDocumentFocusIn),document.addEventListener(`keydown`,this.handleDocumentKeyDown),document.addEventListener(`mousedown`,this.handleDocumentMouseDown),$r(this),this.getRootNode()!==document&&this.getRootNode().addEventListener(`focusin`,this.handleDocumentFocusIn)}removeOpenListeners(){document.removeEventListener(`focusin`,this.handleDocumentFocusIn),document.removeEventListener(`keydown`,this.handleDocumentKeyDown),document.removeEventListener(`mousedown`,this.handleDocumentMouseDown),ei(this),this.getRootNode()!==document&&this.getRootNode().removeEventListener(`focusin`,this.handleDocumentFocusIn)}handleFocus(){this.displayInput.setSelectionRange(0,0)}handleLabelClick(){this.displayInput.focus()}handleComboboxClick(e){e.preventDefault()}handleComboboxMouseDown(e){let t=e.composedPath().some(e=>e instanceof Element&&e.tagName.toLowerCase()===`wa-button`);this.disabled||t||(e.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(e){e.stopPropagation(),this.handleDocumentKeyDown(e)}handleClearClick(e){e.stopPropagation(),this.hasInteracted=!0,this.valueHasChanged=!0,this.value!==null&&(this.displayLabel=``,this.selectionOrder.clear(),this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.dispatchEvent(new co),this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}
3259))}handleClearMouseDown(e){e.stopPropagation(),e.preventDefault()}handleOptionClick(e){let t=e.target.closest(`wa-option`);t&&!t.disabled&&(this.hasInteracted=!0,this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(t):this.setSelectedOptions(t),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.requestUpdate(`value`),this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){this.slotChangePending||(this.slotChangePending=!0,queueMicrotask(()=>{this.slotChangePending=!1,this.processSlotChange()}))}processSlotChange(){if(customElements.get(`wa-option`)||customElements.whenDefined(`wa-option`).then(()=>this.handleDefaultSlotChange()),this.didSSR&&!this.hasUpdated){this.updateComplete.then(()=>{this.handleDefaultSlotChange()});return}this.cachedOptions=null;let e=this.getAllOptions();this.updateDefaultValue();let t=this.value;if(t==null||!this.valueHasChanged&&!this.hasInteracted){this.selectionChanged();return}Array.isArray(t)||(t=[t]);let n=e.filter(e=>t.includes(e.value));this.setSelectedOptions(n)}handleTagRemove(e,t){if(e.stopPropagation(),this.disabled)return;this.hasInteracted=!0,this.valueHasChanged=!0;let n=t;if(!n){let t=e.target.closest(`wa-tag[data-value]`);if(t){let e=t.dataset.value;n=this.selectedOptions.find(t=>t.value===e)}}n&&(this.toggleOptionSelection(n,!1),this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}))}getAllOptions(){return this.cachedOptions?this.cachedOptions:this?.querySelectorAll?(this.cachedOptions=[...this.querySelectorAll(`wa-option`)],this.cachedOptions):[]}getFirstOption(){return this.querySelector(`wa-option`)}setCurrentOption(e){this.getAllOptions().forEach(e=>{e.current=!1,e.tabIndex=-1}),e&&(this.currentOption=e,e.current=!0,e.tabIndex=0,e.focus({preventScroll:!0}))}setSelectedOptions(e){let t=this.getAllOptions(),n=Array.isArray(e)?e:[e];t.forEach(e=>{n.includes(e)||(e.selected=!1)}),n.length&&n.forEach(e=>e.selected=!0),this.selectionChanged()}toggleOptionSelection(e,t){t===!0||t===!1?e.selected=t:e.selected=!e.selected,this.selectionChanged()}selectionChanged(){let e=this.getAllOptions().filter(e=>{if(!this.hasInteracted&&!this.valueHasChanged){let t=this.defaultValue,n=Array.isArray(t)?t:[t];return e.hasAttribute(`selected`)||e.defaultSelected||e.selected||n?.includes(e.value)}return e.selected}),t=new Set(e.map(e=>e.value));for(let e of this.selectionOrder.keys())t.has(e)||this.selectionOrder.delete(e);let n=(this.selectionOrder.size>0?Math.max(...this.selectionOrder.values()):-1)+1;for(let t of e)this.selectionOrder.has(t.value)||this.selectionOrder.set(t.value,n++);this.selectedOptions=e.sort((e,t)=>(this.selectionOrder.get(e.value)??0)-(this.selectionOrder.get(t.value)??0));let r=new Set(this.selectedOptions.map(e=>e.value));if(r.size>0||this._value){let e=this._value;if(this._value==null){let e=this.defaultValue??[];this._value=Array.isArray(e)?e:[e]}this._value=this._value?.filter(e=>!this.optionValues?.has(e))??null,this._value?.unshift(...r),this.requestUpdate(`value`,e)}if(this.multiple)this.placeholder&&!this.value?.length?this.displayLabel=``:this.displayLabel=this.localize.term(`numOptionsSelected`,this.selectedOptions.length);else{let e=this.selectedOptions[0];this.displayLabel=e?.label??``}this.updateComplete.then(()=>{this.updateValidity()})}get tags(){return this.selectedOptions.map((e,t)=>{if(t<this.maxOptionsVisible||this.maxOptionsVisible<=0){let n=this.getTag(e,t);return n?typeof n==`string`?bo(n):n:null}else if(t===this.maxOptionsVisible)return D` 3260 <wa-tag 3261 part="tag" 3262 exportparts=" 3263 base:tag__base, 3264 content:tag__content, 3265 remove-button:tag__remove-button, 3266 remove-button__base:tag__remove-button__base 3267 " 3268 >+${this.selectedOptions.length-t}</wa-tag 3269 > 3270 `;return null})}updated(e){super.updated(e),(e.has(`value`)||e.has(`displayLabel`))&&this.customStates.set(`blank`,!this.value&&!this.displayLabel)}handleDisabledChange(){this.disabled&&this.open&&(this.open=!1)}handleValueChange(){let e=this.getAllOptions(),t=Array.isArray(this.value)?this.value:[this.value],n=e.filter(e=>t.includes(e.value));
3270this.setSelectedOptions(n),this.updateValidity()}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption());let e=new Nr;if(this.dispatchEvent(e),e.defaultPrevented){this.open=!1;return}this.addOpenListeners(),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)}),await zr(this.popup.popup,`show`),this.currentOption&&Xr(this.currentOption,this.listbox,`vertical`,`auto`),this.dispatchEvent(new Ir)}else{let e=new Pr;if(this.dispatchEvent(e),e.defaultPrevented){this.open=!1;return}this.removeOpenListeners(),await zr(this.popup.popup,`hide`),this.listbox.hidden=!0,this.popup.active=!1,this.dispatchEvent(new Fr)}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,Lr(this,`wa-after-show`)}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,Lr(this,`wa-after-hide`)}focus(e){this.displayInput.focus(e)}blur(){this.displayInput.blur()}formResetCallback(){this.selectionOrder.clear(),this.value=this.defaultValue,super.formResetCallback(),this.handleValueChange(),this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))})}render(){let e=this.hasSlotController.test(`label`,`withLabel`),t=this.hasSlotController.test(`hint`,`withHint`),n=this.label?!0:!!e,r=this.hint?!0:!!t,i=(this.hasUpdated||!1)&&this.withClear&&!this.disabled&&(this.displayLabel||this.value&&this.value.length>0);return D` 3271 <div 3272 part="form-control" 3273 class=${B({"form-control":!0,"form-control-has-label":n})} 3274 > 3275 <label 3276 id="label" 3277 part="form-control-label label" 3278 class=${B({label:!0,"has-label":n})} 3279 aria-hidden=${n?`false`:`true`} 3280 @click=${this.handleLabelClick} 3281 > 3282 <slot name="label">${this.label}</slot> 3283 </label> 3284 3285 <div part="form-control-input" class="form-control-input"> 3286 <wa-popup 3287 class=${B({select:!0,open:this.open,disabled:this.disabled,enabled:!this.disabled,multiple:this.multiple})} 3288 placement=${this.placement} 3289 flip 3290 shift 3291 sync="width" 3292 auto-size="vertical" 3293 auto-size-padding="10" 3294 > 3295 <div 3296 part="combobox" 3297 class="combobox" 3298 slot="anchor" 3299 @keydown=${this.handleComboboxKeyDown} 3300 @mousedown=${this.handleComboboxMouseDown} 3301 @click=${this.handleComboboxClick} 3302 > 3303 <slot part="start" name="start" class="start"></slot> 3304 3305 <input 3306 part="display-input" 3307 class="display-input" 3308 type="text" 3309 placeholder=${this.placeholder} 3310 .disabled=${this.disabled} 3311 .value=${this.displayLabel} 3312 ?required=${this.required} 3313 autocomplete="off" 3314 spellcheck="false" 3315 autocapitalize="off" 3316 readonly 3317 aria-invalid=${!this.validity.valid} 3318 aria-controls="listbox" 3319 aria-expanded=${this.open?`true`:`false`} 3320 aria-haspopup="listbox" 3321 aria-labelledby="label" 3322 aria-disabled=${this.disabled?`true`:`false`} 3323 aria-describedby="hint" 3324 role="combobox" 3325 tabindex="0" 3326 @focus=${this.handleFocus} 3327 /> 3328 3329 <!-- Tags need to wait for first hydration before populating otherwise it will create a hydration mismatch. --> 3330 ${this.multiple&&this.hasUpdated?D`<div part="tags" class="tags" @wa-remove=${this.handleTagRemove}>${this.tags}</div>`:``} 3331 3332 <input 3333 class="value-input" 3334 type="text" 3335 ?disabled=${this.disabled} 3336 ?required=${this.required} 3337 .value=${Array.isArray(this.value)?this.value.join(`, `):this.value} 3338 tabindex="-1" 3339 aria-hidden="true" 3340 @focus=${()=>this.focus()} 3341 /> 3342 3343 ${i?D` 3344 <button 3345 part="clear-button" 3346 type="button" 3347 aria-label=${this.localize.term(`clearEntry`)} 3348 @mousedown=${this.handleClearMouseDown} 3349 @click=${this.handleClearClick} 3350 tabindex="-1" 3351 > 3352 <slot name="clear-icon"> 3353 <wa-icon name="circle-xmark" library="system" variant="regular"></wa-icon> 3354 </slot> 3355 </button> 3356 `:``} 3357 3358 <slot name="end" part="end" class="end"></slot> 3359 3360 <slot name="expand-icon" part="expand-icon" class="expand-icon"> 3361 <wa-icon library="system" name="chevron-down" variant="solid"></wa-icon> 3362 </slot> 3363 </div> 3364 3365 <div 3366 id="listbox"
3367 role="listbox" 3368 aria-expanded=${this.open?`true`:`false`} 3369 aria-multiselectable=${this.multiple?`true`:`false`} 3370 aria-labelledby="label" 3371 part="listbox" 3372 class="listbox" 3373 tabindex="-1" 3374 @mouseup=${this.handleOptionClick} 3375 > 3376 <slot @slotchange=${this.handleDefaultSlotChange}></slot> 3377 </div> 3378 </wa-popup> 3379 </div> 3380 3381 <slot 3382 id="hint" 3383 name="hint" 3384 part="hint" 3385 class=${B({"has-slotted":r})} 3386 aria-hidden=${r?`false`:`true`} 3387 >${this.hint}</slot 3388 > 3389 </div> 3390 `}};Z.css=[vo,Ar,tr],j([F(`.select`)],Z.prototype,`popup`,2),j([F(`.combobox`)],Z.prototype,`combobox`,2),j([F(`.display-input`)],Z.prototype,`displayInput`,2),j([F(`.value-input`)],Z.prototype,`valueInput`,2),j([F(`.listbox`)],Z.prototype,`listbox`,2),j([P()],Z.prototype,`displayLabel`,2),j([P()],Z.prototype,`currentOption`,2),j([P()],Z.prototype,`selectedOptions`,2),j([N({reflect:!0})],Z.prototype,`name`,2),j([N({attribute:!1})],Z.prototype,`defaultValue`,1),j([N({attribute:`value`,reflect:!1})],Z.prototype,`value`,1),j([N({reflect:!0})],Z.prototype,`size`,2),j([A(`size`)],Z.prototype,`handleSizeChange`,1),j([N()],Z.prototype,`placeholder`,2),j([N({type:Boolean,reflect:!0})],Z.prototype,`multiple`,2),j([N({attribute:`max-options-visible`,type:Number})],Z.prototype,`maxOptionsVisible`,2),j([N({type:Boolean})],Z.prototype,`disabled`,2),j([N({attribute:`with-clear`,type:Boolean})],Z.prototype,`withClear`,2),j([N({type:Boolean,reflect:!0})],Z.prototype,`open`,2),j([N({reflect:!0})],Z.prototype,`appearance`,2),j([N({type:Boolean,reflect:!0})],Z.prototype,`pill`,2),j([N()],Z.prototype,`label`,2),j([N({reflect:!0})],Z.prototype,`placement`,2),j([N({attribute:`hint`})],Z.prototype,`hint`,2),j([N({attribute:`with-label`,type:Boolean})],Z.prototype,`withLabel`,2),j([N({attribute:`with-hint`,type:Boolean})],Z.prototype,`withHint`,2),j([N({type:Boolean,reflect:!0})],Z.prototype,`required`,2),j([N({attribute:!1})],Z.prototype,`getTag`,2),j([A(`disabled`,{waitUntilFirstUpdate:!0})],Z.prototype,`handleDisabledChange`,1),j([A(`value`,{waitUntilFirstUpdate:!0})],Z.prototype,`handleValueChange`,1),j([A(`open`,{waitUntilFirstUpdate:!0})],Z.prototype,`handleOpenChange`,1),Z=j([M(`wa-select`)],Z),Z.disableWarning?.(`change-in-update`);var xo=class extends Event{constructor(){super(`wa-remove`,{bubbles:!0,cancelable:!1,composed:!0})}},So=E` 3391 @layer wa-component { 3392 :host { 3393 display: inline-flex; 3394 gap: 0.5em; 3395 border-radius: var(--wa-border-radius-m); 3396 align-items: center; 3397 background-color: var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)); 3398 border-color: var(--wa-color-border-normal, var(--wa-color-neutral-border-normal)); 3399 border-style: var(--wa-border-style); 3400 border-width: var(--wa-border-width-s); 3401 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 3402 font-size: inherit; 3403 line-height: 1; 3404 white-space: nowrap; 3405 user-select: none; 3406 -webkit-user-select: none; 3407 height: calc(var(--wa-form-control-height) * 0.8); 3408 line-height: calc(var(--wa-form-control-height) - var(--wa-form-control-border-width) * 2); 3409 padding: 0 0.75em; 3410 } 3411 3412 /* Appearance modifiers */ 3413 :host([appearance='outlined']) { 3414 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 3415 background-color: transparent; 3416 border-color: var(--wa-color-border-loud, var(--wa-color-neutral-border-loud)); 3417 } 3418 3419 :host([appearance='filled']) { 3420 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 3421 background-color: var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)); 3422 border-color: transparent; 3423 } 3424 3425 :host([appearance='filled-outlined']) { 3426 color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet)); 3427 background-color: var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)); 3428 border-color: var(--wa-color-border-normal, var(--wa-color-neutral-border-normal)); 3429 } 3430 3431 :host([appearance='accent']) { 3432 color: var(--wa-color-on-loud, var(--wa-color-neutral-on-loud)); 3433 background-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)); 3434 border-color: transparent; 3435 } 3436 } 3437 3438 .content { 3439 font-size: var(--wa-font-size-smaller); 3440 } 3441 3442 [part='remove-button'] { 3443 line-height: 1; 3444 } 3445 3446 [part='remove-button']::part(base) { 3447 padding: 0; 3448 height: 1em; 3449 width: 1em; 3450 color: currentColor; 3451 } 3452 3453 @media (hover: hover) { 3454 :host(:hover) > [part='remove-button']::part(base) { 3455 background-color: transparent; 3456 color: color-mix(in oklab, currentColor, var(--wa-color-mix-hover)); 3457 } 3458 } 3459 3460 :host(:active) > [part='remove-button']::part(base) { 3461 background-color: transparent; 3462 color: color-mix(in oklab, currentColor, var(--wa-color-mix-active)); 3463 } 3464 3465 /* 3466 * Pill modifier 3467 */ 3468 :host([pill]) { 3469 border-radius: var(--wa-border-radius-pill); 3470 } 3471`,Co=class extends I{constructor(){super(...arguments),this.localize=new z(this),this.variant=`neutral`,this.appearance=`filled-outlined`,this.size=`m`,this.pill=!1,this.withRemove=!1}handleSizeChange(){$n(this.localName,this.size)}handleRemoveClick(){this.dispatchEvent(new xo)}render(){return D`
3472 <slot part="content" class="content"></slot> 3473 3474 ${this.withRemove?D` 3475 <wa-button 3476 part="remove-button" 3477 exportparts="base:remove-button__base" 3478 class="remove" 3479 appearance="plain" 3480 @click=${this.handleRemoveClick} 3481 tabindex="-1" 3482 > 3483 <wa-icon name="xmark" library="system" variant="solid" label=${this.localize.term(`remove`)}></wa-icon> 3484 </wa-button> 3485 `:``} 3486 `}};Co.css=[So,Gn,tr],j([N({reflect:!0})],Co.prototype,`variant`,2),j([N({reflect:!0})],Co.prototype,`appearance`,2),j([N({reflect:!0})],Co.prototype,`size`,2),j([A(`size`)],Co.prototype,`handleSizeChange`,1),j([N({type:Boolean,reflect:!0})],Co.prototype,`pill`,2),j([N({attribute:`with-remove`,type:Boolean})],Co.prototype,`withRemove`,2),Co=j([M(`wa-tag`)],Co);var wo=E` 3487 :host { 3488 --height: var(--wa-form-control-toggle-size); 3489 --width: calc(var(--height) * 1.75); 3490 --thumb-size: 0.75em; 3491 3492 display: inline-flex; 3493 line-height: var(--wa-form-control-value-line-height); 3494 } 3495 3496 label { 3497 position: relative; 3498 display: flex; 3499 align-items: center; 3500 font: inherit; 3501 color: var(--wa-form-control-value-color); 3502 vertical-align: middle; 3503 cursor: pointer; 3504 } 3505 3506 .switch { 3507 flex: 0 0 auto; 3508 position: relative; 3509 display: flex; 3510 align-items: center; 3511 justify-content: center; 3512 width: var(--width); 3513 height: var(--height); 3514 background-color: var(--wa-form-control-background-color); 3515 border-color: var(--wa-form-control-border-color); 3516 border-radius: var(--height); 3517 border-style: var(--wa-form-control-border-style); 3518 border-width: var(--wa-form-control-border-width); 3519 transition-property: translate, background, border-color, box-shadow; 3520 transition-duration: var(--wa-transition-normal); 3521 transition-timing-function: var(--wa-transition-easing); 3522 } 3523 3524 :host([did-ssr]:not(:defined)) .switch { 3525 transition-property: unset; 3526 transition-duration: unset; 3527 transition-timing-function: unset; 3528 } 3529 3530 .switch .thumb { 3531 aspect-ratio: 1 / 1; 3532 width: var(--thumb-size); 3533 height: var(--thumb-size); 3534 background-color: var(--wa-form-control-border-color); 3535 border-radius: 50%; 3536 translate: calc((var(--width) - var(--height)) / -2); 3537 transition: inherit; 3538 } 3539 .switch .thumb:dir(rtl) { 3540 translate: calc((var(--width) - var(--height)) / 2); 3541 } 3542 3543 .input { 3544 position: absolute; 3545 opacity: 0; 3546 padding: 0; 3547 margin: 0; 3548 pointer-events: none; 3549 } 3550 3551 /* Focus */ 3552 label:not(.disabled) .input:focus-visible ~ .switch .thumb { 3553 outline: var(--wa-focus-ring); 3554 outline-offset: var(--wa-focus-ring-offset); 3555 } 3556 3557 /* Checked */ 3558 .checked .switch { 3559 background-color: var(--wa-form-control-activated-color); 3560 border-color: var(--wa-form-control-activated-color); 3561 } 3562 3563 .checked .switch .thumb { 3564 background-color: var(--wa-color-surface-default); 3565 translate: calc((var(--width) - var(--height)) / 2); 3566 } 3567 .checked .switch .thumb:dir(rtl) { 3568 translate: calc((var(--width) - var(--height)) / -2); 3569 } 3570 3571 /* Disabled */ 3572 label:has(> :disabled) { 3573 opacity: 0.5; 3574 cursor: not-allowed; 3575 } 3576 3577 [part~='label'] { 3578 display: inline-block; 3579 line-height: var(--height); 3580 margin-inline-start: 0.5em; 3581 user-select: none; 3582 -webkit-user-select: none; 3583 } 3584 3585 :host([required]) [part~='label']::after { 3586 content: var(--wa-form-control-required-content); 3587 color: var(--wa-form-control-required-content-color); 3588 margin-inline-start: var(--wa-form-control-required-content-offset); 3589 } 3590 3591 @media (forced-colors: active) { 3592 :checked:enabled + .switch:hover .thumb, 3593 :checked + .switch .thumb { 3594 background-color: ButtonText; 3595 } 3596 } 3597`,Q=class extends R{constructor(){super(...arguments),this.hasSlotController=new er(this,`hint`),this.localize=new z(this),this.title=``,this.name=null,this._value=this.getAttribute(`value`)??null,this.size=`m`,this.disabled=!1,this._checked=null,this.defaultChecked=this.hasAttribute(`checked`),this.required=!1,this.hint=``,this.withHint=!1}static get validators(){return[...super.validators,Jn()]}get value(){return this._value??`on`}set value(e){this._value=e}handleSizeChange(){$n(this.localName,this.size)}get checked(){return this.valueHasChanged?!!this._checked:this._checked??this.defaultChecked}set checked(e){this._checked=!!e,this.valueHasChanged=!0}handleClick(){this.hasInteracted=!0,this.checked=!this.checked,this.updateComplete.then(()=>{this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))})}handleKeyDown(e){let t=this.localize.dir()===`rtl`;e.key===`ArrowLeft`&&(e.preventDefault(),this.checked=t,this.updateComplete.then(()=>{this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})),this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0}))}
3597)),e.key===`ArrowRight`&&(e.preventDefault(),this.checked=!t,this.updateComplete.then(()=>{this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})),this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0}))}))}willUpdate(e){super.willUpdate(e),(e.has(`value`)||e.has(`checked`)||e.has(`defaultChecked`))&&this.handleValueOrCheckedChange()}handleValueOrCheckedChange(){if(this.didSSR&&!this.hasUpdated){this.updateComplete.then(()=>{this.handleValueOrCheckedChange()});return}this.setValue(this.checked?this.value:null,this._value),this.updateValidity()}handleStateChange(){this.hasUpdated&&(this.input.checked=this.checked),this.customStates.set(`checked`,this.checked),this.updateValidity()}handleDisabledChange(){this.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}setValue(e,t){if(!this.checked){this.internals.setFormValue(null,null);return}this.internals.setFormValue(e??`on`,t)}formResetCallback(){this._checked=null,super.formResetCallback(),this.handleValueOrCheckedChange()}render(){let e=this.hasSlotController.test(`hint`,`withHint`),t=this.hint?!0:!!e;return D` 3598 <label 3599 part="base" 3600 class=${B({checked:this.checked,disabled:this.disabled})} 3601 > 3602 <input 3603 class="input" 3604 type="checkbox" 3605 title=${this.title} 3606 name=${V(this.name)} 3607 value=${V(this.value)} 3608 .checked=${jr(this.checked)} 3609 ?checked=${this.defaultChecked} 3610 ?disabled=${this.disabled} 3611 ?required=${this.required} 3612 role="switch" 3613 aria-checked=${this.checked?`true`:`false`} 3614 aria-describedby="hint" 3615 @click=${this.handleClick} 3616 @keydown=${this.handleKeyDown} 3617 /> 3618 3619 <span part="control" class="switch"> 3620 <span part="thumb" class="thumb"></span> 3621 </span> 3622 3623 <slot part="label" class="label"></slot> 3624 </label> 3625 3626 <slot 3627 id="hint" 3628 name="hint" 3629 part="hint" 3630 class=${B({"has-slotted":t})} 3631 aria-hidden=${t?`false`:`true`} 3632 >${this.hint}</slot 3633 > 3634 `}};Q.shadowRootOptions={...R.shadowRootOptions,delegatesFocus:!0},Q.css=[Ar,tr,wo],j([F(`input[type="checkbox"]`)],Q.prototype,`input`,2),j([N()],Q.prototype,`title`,2),j([N({reflect:!0})],Q.prototype,`name`,2),j([N({reflect:!0})],Q.prototype,`value`,1),j([N({reflect:!0})],Q.prototype,`size`,2),j([A(`size`)],Q.prototype,`handleSizeChange`,1),j([N({type:Boolean})],Q.prototype,`disabled`,2),j([N({type:Boolean,attribute:!1})],Q.prototype,`checked`,1),j([N({type:Boolean,attribute:`checked`,reflect:!0})],Q.prototype,`defaultChecked`,2),j([N({type:Boolean,reflect:!0})],Q.prototype,`required`,2),j([N({attribute:`hint`})],Q.prototype,`hint`,2),j([N({attribute:`with-hint`,type:Boolean})],Q.prototype,`withHint`,2),j([A([`checked`,`defaultChecked`])],Q.prototype,`handleStateChange`,1),j([A(`disabled`,{waitUntilFirstUpdate:!0})],Q.prototype,`handleDisabledChange`,1),Q=j([M(`wa-switch`)],Q),Q.disableWarning?.(`change-in-update`);var To=E` 3635 :host { 3636 border-width: 0; 3637 } 3638 3639 .textarea { 3640 display: grid; 3641 align-items: center; 3642 margin: 0; 3643 border: none; 3644 outline: none; 3645 cursor: inherit; 3646 font: inherit; 3647 background-color: var(--wa-form-control-background-color); 3648 border-color: var(--wa-form-control-border-color); 3649 border-radius: var(--wa-form-control-border-radius); 3650 border-style: var(--wa-form-control-border-style); 3651 border-width: var(--wa-form-control-border-width); 3652 -webkit-appearance: none; 3653 outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) transparent; 3654 outline-offset: var(--wa-focus-ring-offset); 3655 3656 &:focus-within { 3657 outline-color: var(--wa-color-focus); 3658 } 3659 3660 /* Style disabled textareas */ 3661 &:has(:disabled) { 3662 cursor: not-allowed; 3663 opacity: 0.5; 3664 } 3665 } 3666 3667 /* Appearance modifiers */ 3668 :host([appearance='outlined']) .textarea { 3669 background-color: var(--wa-form-control-background-color); 3670 border-color: var(--wa-form-control-border-color); 3671 } 3672 3673 :host([appearance='filled']) .textarea { 3674 background-color: var(--wa-color-neutral-fill-quiet); 3675 border-color: var(--wa-color-neutral-fill-quiet); 3676 } 3677 3678 :host([appearance='filled-outlined']) .textarea { 3679 background-color: var(--wa-color-neutral-fill-quiet); 3680 border-color: var(--wa-form-control-border-color); 3681 } 3682 3683 textarea { 3684 display: block; 3685 width: 100%; 3686 border: none; 3687 background: transparent; 3688 font: inherit; 3689 color: inherit; 3690 cursor: inherit; 3691 scroll-padding-block: var(--wa-form-control-padding-block); 3692 padding: calc(var(--wa-form-control-padding-block) - ((1lh - 1em) / 2)) var(--wa-form-control-padding-inline); /* accounts for the larger line height of textarea content */ 3693 min-height: calc(var(--wa-form-control-height) - var(--border-width) * 2); 3694 box-shadow: none; 3695 margin: 0; 3696 3697 &::placeholder { 3698 color: var(--wa-form-control-placeholder-color); 3699 user-select: none; 3700 -webkit-user-select: none; 3701 } 3702 3703 &:autofill { 3704 &, 3705 &:hover, 3706 &:focus, 3707 &:active { 3708 box-shadow: none; 3709 caret-color: var(--wa-form-control-value-color); 3710 } 3711 } 3712 3713 &:focus { 3714 outline: none; 3715 } 3716 } 3717 3718 /* Shared textarea and size-adjuster positioning */ 3719 .control, 3720 .size-adjuster { 3721 grid-area: 1 / 1 / 2 / 2; 3722 } 3723 3724 .size-adjuster { 3725 visibility: hidden; 3726 pointer-events: none; 3727 opacity: 0; 3728 padding: 0; 3729 } 3730 3731 textarea::-webkit-search-decoration, 3732 textarea::-webkit-search-cancel-button, 3733 textarea::-webkit-search-results-button, 3734 textarea::-webkit-search-results-decoration { 3735 -webkit-appearance: none; 3736 } 3737 3738 /* 3739 * Resize types 3740 */ 3741 3742 :host([resize='none']) textarea { 3743 resize: none; 3744 } 3745 3746 textarea,
3747 :host([resize='vertical']) textarea { 3748 resize: vertical; 3749 } 3750 3751 :host([resize='horizontal']) textarea { 3752 resize: horizontal; 3753 } 3754 3755 :host([resize='both']) textarea { 3756 resize: both; 3757 } 3758 3759 :host([resize='auto']) textarea { 3760 height: auto; 3761 resize: none; 3762 overflow-y: hidden; 3763 } 3764 3765 /* 3766 * Footer (hint + character count) 3767 */ 3768 3769 .footer { 3770 display: flex; 3771 align-items: baseline; 3772 gap: 1em; 3773 } 3774 3775 .footer.has-count [part='hint'] { 3776 flex: 1 1 auto; 3777 min-width: 0; 3778 } 3779 3780 .count { 3781 flex: 0 0 auto; 3782 color: var(--wa-form-control-hint-color); 3783 font-weight: var(--wa-form-control-hint-font-weight); 3784 line-height: var(--wa-form-control-hint-line-height); 3785 margin-block-start: 0.5em; 3786 font-size: var(--wa-font-size-smaller); 3787 margin-inline-start: auto; 3788 } 3789`,Eo=E` 3790 .wa-visually-hidden:not(:focus-within), 3791 .wa-visually-hidden-force, 3792 .wa-visually-hidden-hint::part(hint), 3793 .wa-visually-hidden-label::part(label), 3794 .wa-visually-hidden-label::part(form-control-label) { 3795 position: absolute !important; 3796 width: 1px !important; 3797 height: 1px !important; 3798 clip: rect(0 0 0 0) !important; 3799 clip-path: inset(50%) !important; 3800 border: none !important; 3801 overflow: hidden !important; 3802 white-space: nowrap !important; 3803 padding: 0 !important; 3804 } 3805`,$=class extends R{constructor(){super(...arguments),this.assumeInteractionOn=[`blur`,`input`],this.hasSlotController=new er(this,`hint`,`label`),this.localize=new z(this),this.announcedCountText=``,this.title=``,this.name=null,this._value=null,this.defaultValue=this.getAttribute(`value`)??``,this.size=`m`,this.appearance=`outlined`,this.label=``,this.hint=``,this.placeholder=``,this.rows=4,this.resize=`vertical`,this.disabled=!1,this.readonly=!1,this.required=!1,this.spellcheck=!0,this.withLabel=!1,this.withHint=!1,this.withCount=!1,this.lastObservedWidth=0}static get validators(){return[...super.validators,Jn()]}get value(){return this.valueHasChanged?this._value:this._value??this.defaultValue}set value(e){this._value!==e&&(this.valueHasChanged=!0,this._value=e)}handleSizeChange(){$n(this.localName,this.size)}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{if(this.setTextareaDimensions(),this.updateResizeObserver(),this.didSSR&&this.input&&this.value!==this.input.value){let e=this.input.value;this.value=e}})}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.countAnnounceTimeout),this.resizeObserver?.disconnect(),this.resizeObserver=void 0}updateFormValue(e){if(e==null){this.setValue(``,null);return}super.updateFormValue(e)}updateResizeObserver(){let e=this.resize!==`none`;this.resizeObserver&&=(this.resizeObserver.disconnect(),void 0),e&&this.input&&(this.resize===`auto`?(this.resizeObserver=new ResizeObserver(e=>{let t=e[0]?.contentRect.width??0;t!==this.lastObservedWidth&&(this.lastObservedWidth=t,requestAnimationFrame(()=>this.setTextareaDimensions()))}),this.resizeObserver.observe(this)):(this.resizeObserver=new ResizeObserver(()=>this.setTextareaDimensions()),this.resizeObserver.observe(this.input)))}handleBlur(){this.checkValidity()}handleChange(e){this.valueHasChanged=!0,this.value=this.input.value,this.setTextareaDimensions(),this.checkValidity(),this.relayNativeEvent(e,{bubbles:!0,composed:!0})}handleInput(e){this.valueHasChanged=!0,this.value=this.input.value,this.relayNativeEvent(e,{bubbles:!0,composed:!0}),this.scheduleCountAnnouncement()}scheduleCountAnnouncement(){clearTimeout(this.countAnnounceTimeout),this.countAnnounceTimeout=setTimeout(()=>{let e=(this.value??``).length;this.announcedCountText=this.maxlength==null?this.localize.term(`numCharacters`,e):this.localize.term(`numCharactersRemaining`,this.maxlength-e)},1e3)}setTextareaDimensions(){if(this.resize===`none`){this.base.style.width=``,this.base.style.height=``;return}if(this.resize===`auto`){this.sizeAdjuster.style.height=`${this.input.clientHeight}px`,this.input.style.height=`auto`;let e=this.input.scrollHeight;this.input.style.height=`${e}px`,this.sizeAdjuster.style.height=`${e}px`,this.base.style.width=``,this.base.style.height=``;return}if(this.input.style.width){let e=Number(this.input.style.width.split(/px/)[0])+2;this.base.style.width=`${e}px`}if(this.input.style.height){let e=Number(this.input.style.height.split(/px/)[0])+2;this.base.style.height=`${e}px`}}handleRowsChange(){this.setTextareaDimensions()}async handleValueChange(){await this.updateComplete,this.checkValidity(),this.setTextareaDimensions()}updated(e){e.has(`resize`)&&(this.setTextareaDimensions(),this.updateResizeObserver()),super.updated(e),e.has(`value`)&&this.customStates.set(`blank`,!this.value)}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(e){if(e){typeof e.top==`number`&&(this.input.scrollTop=e.top),typeof e.left==`number`&&(this.input.scrollLeft=e.left);return}return{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(e,t,n=`none`){this.input.setSelectionRange(e,t,n)}setRangeText(e,t,n,r=`preserve`){let i=t??this.input.selectionStart,a=n??this.input.selectionEnd;this.input.setRangeText(e,i,a,r),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaDimensions())}formResetCallback(){this._value=null,this.input&&(this.input.value=this.value||``),super.formResetCallback()}render(){let e=this.hasSlotController.test(`label`,`withLabel`),t=this.hasSlotController.test(`hint`,`withHint`),n=this.label?!0:!!e,r=this.hint?!0:!!t,i=(this.value??``).length,a=this.maxlength==null?this.localize.term(`numCharacters`,i):this.localize.term(`numCharactersRemaining`,this.maxlength-i);return D` 3806 <label 3807 part="form-control-label label" 3808 class=${B({label:!0,"has-label":n})} 3809 for="input" 3810 aria-hidden=${n?`false`:`true`} 3811 > 3812 <slot name="label">${this.label}</slot> 3813 </label> 3814 3815 <div part="base" class="textarea"> 3816 <textarea 3817 part="textarea" 3818 id="input" 3819 class="control" 3820 title=${this.title} 3821 name=${V(this.name)} 3822 .value=${jr(this.value)} 3823 ?disabled=${this.disabled} 3824 ?readonly=${this.readonly} 3825 ?required=${this.required} 3826 placeholder=${V(this.placeholder)} 3827 rows=${V(this.rows)} 3828 minlength=${V(this.minlength)} 3829 maxlength=${V(this.maxlength)}
3830 autocapitalize=${V(this.autocapitalize)} 3831 autocorrect=${V(this.autocorrect)} 3832 ?autofocus=${this.autofocus} 3833 spellcheck=${V(this.spellcheck)} 3834 enterkeyhint=${V(this.enterkeyhint)} 3835 inputmode=${V(this.inputmode)} 3836 aria-describedby="hint" 3837 @change=${this.handleChange} 3838 @input=${this.handleInput} 3839 @blur=${this.handleBlur} 3840 ></textarea> 3841 3842 <!-- This "adjuster" exists to prevent layout shifting. https://github.com/shoelace-style/shoelace/issues/2180 --> 3843 <div part="textarea-adjuster" class="size-adjuster" ?hidden=${this.resize!==`auto`}></div> 3844 </div> 3845 3846 <div 3847 class=${B({footer:!0,"has-count":this.withCount})} 3848 > 3849 <slot 3850 id="hint" 3851 name="hint" 3852 part="hint" 3853 aria-hidden=${r?`false`:`true`} 3854 class=${B({"has-slotted":r})} 3855 >${this.hint}</slot 3856 > 3857 3858 ${this.withCount?D` 3859 <div part="count" class="count" aria-hidden="true">${a}</div> 3860 <div class="wa-visually-hidden-force" aria-live="polite">${this.announcedCountText}</div> 3861 `:``} 3862 </div> 3863 `}};$.css=[To,Ar,tr,Eo],j([P()],$.prototype,`announcedCountText`,2),j([F(`.control`)],$.prototype,`input`,2),j([F(`[part~="base"]`)],$.prototype,`base`,2),j([F(`.size-adjuster`)],$.prototype,`sizeAdjuster`,2),j([N()],$.prototype,`title`,2),j([N({reflect:!0})],$.prototype,`name`,2),j([P()],$.prototype,`value`,1),j([N({attribute:`value`,reflect:!0})],$.prototype,`defaultValue`,2),j([N({reflect:!0})],$.prototype,`size`,2),j([A(`size`)],$.prototype,`handleSizeChange`,1),j([N({reflect:!0})],$.prototype,`appearance`,2),j([N()],$.prototype,`label`,2),j([N({attribute:`hint`})],$.prototype,`hint`,2),j([N()],$.prototype,`placeholder`,2),j([N({type:Number})],$.prototype,`rows`,2),j([N({reflect:!0})],$.prototype,`resize`,2),j([N({type:Boolean})],$.prototype,`disabled`,2),j([N({type:Boolean,reflect:!0})],$.prototype,`readonly`,2),j([N({type:Boolean,reflect:!0})],$.prototype,`required`,2),j([N({type:Number})],$.prototype,`minlength`,2),j([N({type:Number})],$.prototype,`maxlength`,2),j([N()],$.prototype,`autocapitalize`,2),j([N({type:Boolean,converter:{fromAttribute:e=>!(!e||e===`off`),toAttribute:e=>e?`on`:`off`}})],$.prototype,`autocorrect`,2),j([N()],$.prototype,`autocomplete`,2),j([N({type:Boolean})],$.prototype,`autofocus`,2),j([N()],$.prototype,`enterkeyhint`,2),j([N({type:Boolean,converter:{fromAttribute:e=>!(!e||e===`false`),toAttribute:e=>e?`true`:`false`}})],$.prototype,`spellcheck`,2),j([N()],$.prototype,`inputmode`,2),j([N({attribute:`with-label`,type:Boolean})],$.prototype,`withLabel`,2),j([N({attribute:`with-hint`,type:Boolean})],$.prototype,`withHint`,2),j([N({attribute:`with-count`,type:Boolean,reflect:!0})],$.prototype,`withCount`,2),j([A(`rows`,{waitUntilFirstUpdate:!0})],$.prototype,`handleRowsChange`,1),j([A(`value`,{waitUntilFirstUpdate:!0})],$.prototype,`handleValueChange`,1),$=j([M(`wa-textarea`)],$),$.disableWarning?.(`change-in-update`);var Do=`pockethost_gpdr`,Oo=`accepted`,ko=`G-5Q6CM5HPCX`;function Ao(){return typeof document>`u`?!1:localStorage.getItem(`pockethost_gpdr`)===Oo?!0:document.cookie.split(`;`).some(e=>e.trim().startsWith(`${Do}=`))}var jo=``;function Mo(){localStorage.setItem(Do,Oo),document.cookie=`${Do}=${Oo}; path=/; max-age=31536000; SameSite=Lax`,Po(window.location.pathname+window.location.search)}function No(){if(typeof document>`u`||typeof window>`u`||window.__pockethostGtagLoaded)return;window.__pockethostGtagLoaded=!0,window.dataLayer=window.dataLayer||[],window.gtag=function(){window.dataLayer?.push(arguments)},window.gtag(`js`,new Date),window.gtag(`config`,ko,{cookie_domain:`none`,send_page_view:!1});let e=document.createElement(`script`);e.async=!0,e.src=`https://www.googletagmanager.com/gtag/js?id=${ko}`,document.head.appendChild(e)}function Po(e){typeof window>`u`||!Ao()||e===jo||(No(),window.gtag&&(jo=e,window.gtag(`event`,`page_view`,{page_path:e,page_location:`${window.location.origin}${e}`})))}var Fo=e(`<div class="fixed inset-x-0 bottom-0 z-50 border-t border-white/10 bg-[#111111]/95 px-4 py-4 backdrop-blur-sm md:px-20" role="dialog" aria-label="Cookie consent"><wa-callout><wa-icon></wa-icon> <div class="flex w-full flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"><p class="text-sm leading-snug text-white/90">
3863PocketHost uses cookies for analytics so we can improve the product. <a href="/privacy" class="text-primary hover:text-secondary underline underline-offset-2">Privacy policy</a></p> <wa-button>Accept</wa-button></div></wa-callout></div>`,2);function Io(e,t){ce(t,!0);let r=ae(!1);p(()=>{Ao()||x(r,!0)});function o(){Mo(),x(r,!1)}var s=le(),l=S(s),f=e=>{var t=Fo(),r=m(t);w(r,`variant`,`neutral`),T(r,1,`wa-callout-padded wa-callout-subtle-border`);var i=m(r);w(i,`slot`,`icon`),w(i,`name`,`shield-halved`);var a=C(i,2),s=C(m(a),2);w(s,`type`,`button`),w(s,`variant`,`brand`),w(s,`size`,`s`),T(s,1,`shrink-0`),n(a),n(r),n(t),d(`click`,s,o),u(3,t,()=>Se,()=>({duration:200})),c(e,t)};i(l,e=>{a(r)&&e(f)}),c(e,s),oe()}r([`click`]);var Lo=e(` <a class="text-primary hover:text-secondary underline underline-offset-2"> </a>`,1),Ro=e(`<div class="border-b border-white/10 bg-gradient-to-r from-sky-500/15 via-primary/10 to-transparent"><div class="max-w-content mx-auto px-4 md:px-20 py-2.5"><div class="flex items-start gap-3 min-w-0 sm:items-center"><wa-icon></wa-icon> <p class="min-w-0 flex-1 text-sm leading-snug text-white/90"> <!></p></div></div></div>`,2);function zo(e,t){ce(t,!0);let r=h(t,`message`,3,``),a=h(t,`linkHref`,3,``),s=h(t,`linkText`,3,`Learn more`),l=r().trim(),u=a().trim();var d=le(),f=S(d),p=e=>{var t=Ro(),r=m(t),a=m(r),d=m(a);w(d,`name`,`circle-info`),T(d,1,`mt-0.5 shrink-0 text-sky-400 text-sm sm:mt-0`);var f=C(d,2),p=m(f),h=C(p),g=e=>{var t=Lo(),r=S(t,!0);r.nodeValue=` `;var i=C(r),a=m(i,!0);n(i),_(()=>{y(i,`href`,u),o(a,s())}),c(e,t)};i(h,e=>{u&&e(g)}),n(f),n(a),n(r),n(t),_(()=>o(p,`${l??``} `)),c(e,t)};i(f,e=>{l&&e(p)}),c(e,d),oe()}var Bo=e(`<div class="bg-error text-error-content p-4 rounded-none"><div class="text-center"><h2 class="text-xl font-bold mb-2">Connection Lost</h2> <p>The PocketHost mothership is temporarily unreachable. Your instances are safe and still reachable. Go to the <a href="https://status.pockethost.io" class="text-primary font-semibold underline">status page</a> for more information.</p></div></div>`);function Vo(e){let t=()=>ne(ge,`$isMothershipReachable`,n),[n,r]=re();var a=le(),o=S(a),s=e=>{c(e,Bo())};i(o,e=>{t()||e(s)}),c(e,a),r()}async function Ho(e){try{await navigator.clipboard.writeText(e);return}catch{let t=document.createElement(`textarea`);t.value=e,t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.select(),document.execCommand(`copy`),document.body.removeChild(t)}}function Uo(e){return!e.closest(`.prose-code-block`)&&!e.closest(`.copy-field`)}function Wo(e){let t=(e.querySelector(`code`)?.textContent??e.textContent??``).replace(/\n$/,``),n=document.createElement(`div`);n.className=`prose-code-block`,e.parentNode?.insertBefore(n,e),n.appendChild(e);let r=document.createElement(`button`);r.type=`button`,r.className=`prose-code-block-copy`,r.setAttribute(`aria-label`,`Copy to clipboard`),r.innerHTML=`<wa-icon name="copy" aria-hidden="true"></wa-icon>`;let i,a=async e=>{e.preventDefault(),await Ho(t),r.innerHTML=`<wa-icon name="check" aria-hidden="true"></wa-icon>`,r.setAttribute(`aria-label`,`Copied`),r.classList.add(`prose-code-block-copy--copied`),clearTimeout(i),i=setTimeout(()=>{r.innerHTML=`<wa-icon name="copy" aria-hidden="true"></wa-icon>`,r.setAttribute(`aria-label`,`Copy to clipboard`),r.classList.remove(`prose-code-block-copy--copied`)},2e3)};return r.addEventListener(`click`,a),n.appendChild(r),()=>{r.removeEventListener(`click`,a),clearTimeout(i)}}function Go(e){let t=[];for(let n of e.querySelectorAll(`pre`))Uo(n)&&t.push(Wo(n));return t}var Ko=e=>{let t=Go(e),n=new MutationObserver(e=>{for(let n of e)for(let e of n.addedNodes)e instanceof HTMLElement&&(e.matches(`pre`)&&Uo(e)&&t.push(Wo(e)),t.push(...Go(e)))});return n.observe(e,{childList:!0,subtree:!0}),{destroy(){n.disconnect();for(let e of t)e()}}},qo=`<style>/*! 3864 Theme: Seti UI 3865 Author: 3866 License: ~ MIT (or more permissive) [via base16-schemes-source] 3867 Maintainer: @highlightjs/core-team 3868 Version: 2021.09.0 3869*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d6d6d6;background:#151718}.hljs::selection, 3870.hljs ::selection{background-color:#3B758C;color:#d6d6d6}.hljs-comment{color:#41535B}.hljs-tag{color:#43a5d5}.hljs-subst, 3871.hljs-punctuation, 3872.hljs-operator{color:#d6d6d6}.hljs-operator{opacity:0.7}.hljs-bullet, 3873.hljs-variable, 3874.hljs-template-variable, 3875.hljs-selector-tag, 3876.hljs-name, 3877.hljs-deletion{color:#Cd3f45}.hljs-symbol, 3878.hljs-number, 3879.hljs-link, 3880.hljs-attr, 3881.hljs-variable.constant_, 3882.hljs-literal{color:#db7b55}.hljs-title,.hljs-class .hljs-title,.hljs-title.class_,.hljs-strong{color:#e6cd69}.hljs-strong{font-weight:bold}.hljs-code, 3883.hljs-addition, 3884.hljs-title.class_.inherited__, 3885.hljs-string{color:#9fca56}.hljs-built_in, 3886.hljs-doctag, 3887.hljs-quote, 3888.hljs-keyword.hljs-atrule, 3889.hljs-regexp{color:#55dbbe}.hljs-function .hljs-title, 3890.hljs-attribute, 3891.ruby .hljs-property,
3892.hljs-title.function_, 3893.hljs-section{color:#55b5db}.hljs-type,.hljs-template-tag,.diff .hljs-meta,.hljs-keyword,.hljs-emphasis{color:#a074c4}.hljs-emphasis{font-style:italic}.hljs-meta, 3894.hljs-meta .hljs-keyword, 3895.hljs-meta .hljs-string{color:#8a553f}.hljs-meta .hljs-keyword, 3896.hljs-meta-keyword{font-weight:bold}</style>`,Jo=e(`<link rel="preload" as="image"/> <!>`,1),Yo=e(`<!> <div class="bg-[#111111]"><!> <!> <!> <div class="px-4 md:px-20"><!></div> <div class="w-full"><!></div> <footer class="text-white px-4 md:px-20 pt-6 pb-8 text-sm relative z-1 border-t border-neutral-700"><div class="flex flex-col gap-5"><div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 text-xs text-neutral-500"><div class="flex flex-wrap gap-x-4 gap-y-1"><a href="/privacy" class="hover:text-neutral-300 hover:underline">Privacy</a> <a href="/terms" class="hover:text-neutral-300 hover:underline">Terms</a> <a href="https://status.pockethost.io/" rel="noreferrer" target="_blank" class="hover:text-neutral-300 hover:underline">System Status</a></div> <div class="sm:text-right"><span>© <span id="year"> </span> PocketHost</span> <span class="mx-2 text-neutral-700" aria-hidden="true">·</span> <span>Proudly hacking open source in Reno, NV â¤ï¸</span></div></div></div></footer></div> <!>`,1);function Xo(e,r){ce(r,!1);let i=new Date().getFullYear();p(()=>{ve(),Ao()&&Po(window.location.pathname+window.location.search)}),ue(({to:e})=>{!e?.url||!Ao()||Po(`${e.url.pathname}${e.url.search}`)}),ie();var a=Yo();se(`12qhfyh`,e=>{var t=Jo(),n=S(t);s(C(n,2),()=>qo),_(()=>y(n,`href`,de)),f(()=>{ee.title=`PocketHost`}),c(e,t)});var u=S(a);We(u,{});var d=C(u,2),h=m(d);Vo(h,{});var g=C(h,2);Ie(g,{});var v=C(g,2);zo(v,{get message(){return``},get linkHref(){return``},get linkText(){return me}});var te=C(v,2);Ve(m(te),{}),n(te);var x=C(te,2);b(m(x),r,`default`,{},null),n(x),t(x,e=>Ko?.(e));var ne=C(x,2),re=m(ne),ae=m(re),w=C(m(ae),2),T=m(w),le=C(m(T)),fe=m(le,!0);n(le),l(),n(T),l(4),n(w),n(ae),n(re),n(ne),n(d),Io(C(d,2),{}),_(()=>o(fe,i)),c(e,a),oe()}export{Xo as component,we as universal};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.