@florid-kit/components 0.4.28 → 0.4.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +51 -47
  2. package/index.mjs +212 -208
  3. package/package.json +2 -2
package/index.js CHANGED
@@ -2,21 +2,21 @@
2
2
  * @license
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
- */const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),ft=new WeakMap;let Ct=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==pt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(dt&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ft.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ft.set(e,t))}return t}toString(){return this.cssText}};const Ot=n=>new Ct(typeof n=="string"?n:n+"",void 0,pt),$=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((s,o,r)=>s+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+n[r+1],n[0]);return new Ct(e,n,pt)},zt=(n,t)=>{if(dt)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),o=X.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,n.appendChild(s)}},bt=dt?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Ot(e)})(n):n;/**
5
+ */const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),ft=new WeakMap;let Ct=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==pt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(dt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=ft.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&ft.set(e,t))}return t}toString(){return this.cssText}};const zt=n=>new Ct(typeof n=="string"?n:n+"",void 0,pt),$=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((i,o,r)=>i+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+n[r+1],n[0]);return new Ct(e,n,pt)},Ot=(n,t)=>{if(dt)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),o=X.litNonce;o!==void 0&&i.setAttribute("nonce",o),i.textContent=e.cssText,n.appendChild(i)}},bt=dt?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return zt(e)})(n):n;/**
6
6
  * @license
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
9
- */const{is:Ht,defineProperty:Mt,getOwnPropertyDescriptor:Tt,getOwnPropertyNames:Dt,getOwnPropertySymbols:Ut,getPrototypeOf:Nt}=Object,C=globalThis,yt=C.trustedTypes,jt=yt?yt.emptyScript:"",st=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?jt:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},ut=(n,t)=>!Ht(n,t),mt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:ut};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=mt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),o=this.getPropertyDescriptor(t,s,e);o!==void 0&&Mt(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){const{get:o,set:r}=Tt(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:o,set(i){const c=o==null?void 0:o.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??mt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Nt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,s=[...Dt(e),...Ut(e)];for(const o of s)this.createProperty(o,e[o])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,o]of e)this.elementProperties.set(s,o)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const o=this._$Eu(e,s);o!==void 0&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const o of s)e.unshift(bt(o))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s: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(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return zt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){var r;const s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(o!==void 0&&s.reflect===!0){const i=(((r=s.converter)==null?void 0:r.toAttribute)!==void 0?s.converter:J).toAttribute(e,s.type);this._$Em=t,i==null?this.removeAttribute(o):this.setAttribute(o,i),this._$Em=null}}_$AK(t,e){var r,i;const s=this.constructor,o=s._$Eh.get(t);if(o!==void 0&&this._$Em!==o){const c=s.getPropertyOptions(o),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=o,this[o]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(o))??null,this._$Em=null}}requestUpdate(t,e,s){var o;if(t!==void 0){const r=this.constructor,i=this[t];if(s??(s=r.getPropertyOptions(t)),!((s.hasChanged??ut)(i,e)||s.useDefault&&s.reflect&&i===((o=this._$Ej)==null?void 0:o.get(t))&&!this.hasAttribute(r._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:r},i){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),o===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const o=this.constructor.elementProperties;if(o.size>0)for(const[r,i]of o){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(o=>{var r;return(r=o.hostUpdate)==null?void 0:r.call(o)}),this.update(e)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var o;return(o=s.hostUpdated)==null?void 0:o.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,st==null||st({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
9
+ */const{is:Ht,defineProperty:Mt,getOwnPropertyDescriptor:Tt,getOwnPropertyNames:Dt,getOwnPropertySymbols:Ut,getPrototypeOf:Nt}=Object,C=globalThis,yt=C.trustedTypes,jt=yt?yt.emptyScript:"",it=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?jt:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},ut=(n,t)=>!Ht(n,t),mt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:ut};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=mt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);o!==void 0&&Mt(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:r}=Tt(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:o,set(s){const c=o==null?void 0:o.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??mt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Nt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,i=[...Dt(e),...Ut(e)];for(const o of i)this.createProperty(o,e[o])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[i,o]of e)this.elementProperties.set(i,o)}this._$Eh=new Map;for(const[e,i]of this.elementProperties){const o=this._$Eu(e,i);o!==void 0&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const o of i)e.unshift(bt(o))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i: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(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Ot(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){var r;const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(o!==void 0&&i.reflect===!0){const s=(((r=i.converter)==null?void 0:r.toAttribute)!==void 0?i.converter:J).toAttribute(e,i.type);this._$Em=t,s==null?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(t,e){var r,s;const i=this.constructor,o=i._$Eh.get(t);if(o!==void 0&&this._$Em!==o){const c=i.getPropertyOptions(o),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=o,this[o]=l.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(o))??null,this._$Em=null}}requestUpdate(t,e,i){var o;if(t!==void 0){const r=this.constructor,s=this[t];if(i??(i=r.getPropertyOptions(t)),!((i.hasChanged??ut)(s,e)||i.useDefault&&i.reflect&&s===((o=this._$Ej)==null?void 0:o.get(t))&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,e,i)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:r},s){i&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),o===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const o=this.constructor.elementProperties;if(o.size>0)for(const[r,s]of o){const{wrapped:c}=s,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,s,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$EO)==null||i.forEach(o=>{var r;return(r=o.hostUpdate)==null?void 0:r.call(o)}),this.update(e)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(i=>{var o;return(o=i.hostUpdated)==null?void 0:o.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,it==null||it({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
10
10
  * @license
11
11
  * Copyright 2017 Google LLC
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
- */const V=globalThis,Y=V.trustedTypes,wt=Y?Y.createPolicy("lit-html",{createHTML:n=>n}):void 0,Lt="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,kt="?"+E,Rt=`<${kt}>`,O=document,F=()=>O.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",gt=Array.isArray,Vt=n=>gt(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",it=`[
14
- \f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,xt=/>/g,P=RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,At=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Ft=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Ft(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),St=new WeakMap,I=O.createTreeWalker(O,129);function It(n,t){if(!gt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return wt!==void 0?wt.createHTML(t):t}const Zt=(n,t)=>{const e=n.length-1,s=[];let o,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let g,f,p=-1,x=0;for(;x<l.length&&(i.lastIndex=x,f=i.exec(l),f!==null);)x=i.lastIndex,i===j?f[1]==="!--"?i=$t:f[1]!==void 0?i=xt:f[2]!==void 0?(Pt.test(f[2])&&(o=RegExp("</"+f[2],"g")),i=P):f[3]!==void 0&&(i=P):i===P?f[0]===">"?(i=o??j,p=-1):f[1]===void 0?p=-2:(p=i.lastIndex-f[2].length,g=f[1],i=f[3]===void 0?P:f[3]==='"'?At:_t):i===At||i===_t?i=P:i===$t||i===xt?i=j:(i=P,o=void 0);const S=i===P&&n[c+1].startsWith("/>")?" ":"";r+=i===j?l+Rt:p>=0?(s.push(g),l.slice(0,p)+Lt+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[It(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class q{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[g,f]=Zt(t,e);if(this.el=q.createElement(g,s),I.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=I.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const p of o.getAttributeNames())if(p.endsWith(Lt)){const x=f[i++],S=o.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(x);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Wt:K[1]==="?"?Gt:K[1]==="@"?Kt:tt}),o.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),o.removeAttribute(p));if(Pt.test(o.tagName)){const p=o.textContent.split(E),x=p.length-1;if(x>0){o.textContent=Y?Y.emptyScript:"";for(let S=0;S<x;S++)o.append(p[S],F()),I.nextNode(),l.push({type:2,index:++r});o.append(p[x],F())}}}else if(o.nodeType===8)if(o.data===kt)l.push({type:2,index:r});else{let p=-1;for(;(p=o.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const s=O.createElement("template");return s.innerHTML=t,s}}function D(n,t,e=n,s){var i,c;if(t===z)return t;let o=s!==void 0?(i=e._$Co)==null?void 0:i[s]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==r&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),r===void 0?o=void 0:(o=new r(n),o._$AT(n,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=o:e._$Cl=o),o!==void 0&&(t=D(n,o._$AS(n,t.values),o,s)),t}class qt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,o=((t==null?void 0:t.creationScope)??O).importNode(e,!0);I.currentNode=o;let r=I.nextNode(),i=0,c=0,l=s[0];for(;l!==void 0;){if(i===l.index){let g;l.type===2?g=new G(r,r.nextSibling,this,t):l.type===1?g=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(g=new Xt(r,this,t)),this._$AV.push(g),l=s[++c]}i!==(l==null?void 0:l.index)&&(r=I.nextNode(),i++)}return I.currentNode=O,o}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Vt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(O.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=q.createElement(It(s.h,s.h[0]),this.options)),s);if(((r=this._$AH)==null?void 0:r._$AD)===o)this._$AH.p(e);else{const i=new qt(o,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=St.get(t.strings);return e===void 0&&St.set(t.strings,e=new q(t)),e}k(t){gt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const r of t)o===e.length?e.push(s=new G(this.O(F()),this.O(F()),this,this.options)):s=e[o],s._$AI(r),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class tt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,o){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!Z(t)||t!==this._$AH&&t!==z,i&&(this._$AH=t);else{const c=t;let l,g;for(t=r[0],l=0;l<r.length-1;l++)g=D(this,c[s+l],e,l),g===z&&(g=this._$AH[l]),i||(i=!Z(g)||g!==this._$AH[l]),g===d?t=d:t!==d&&(t+=(g??"")+r[l+1]),this._$AH[l]=g}i&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Wt extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Gt extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Kt extends tt{constructor(t,e,s,o,r){super(t,e,s,o,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const s=this._$AH,o=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==d&&(s===d||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Xt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const rt=V.litHtmlPolyfillSupport;rt==null||rt(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Jt=(n,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let o=s._$litPart$;if(o===void 0){const r=(e==null?void 0:e.renderBefore)??null;s._$litPart$=o=new G(t.insertBefore(F(),r),r,void 0,e??{})}return o._$AI(n),o};/**
13
+ */const V=globalThis,Y=V.trustedTypes,wt=Y?Y.createPolicy("lit-html",{createHTML:n=>n}):void 0,Lt="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,kt="?"+E,Rt=`<${kt}>`,z=document,F=()=>z.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",gt=Array.isArray,Vt=n=>gt(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",st=`[
14
+ \f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,xt=/>/g,P=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,At=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Ft=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Ft(1),O=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),St=new WeakMap,I=z.createTreeWalker(z,129);function It(n,t){if(!gt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return wt!==void 0?wt.createHTML(t):t}const Zt=(n,t)=>{const e=n.length-1,i=[];let o,r=t===2?"<svg>":t===3?"<math>":"",s=j;for(let c=0;c<e;c++){const l=n[c];let g,f,p=-1,x=0;for(;x<l.length&&(s.lastIndex=x,f=s.exec(l),f!==null);)x=s.lastIndex,s===j?f[1]==="!--"?s=$t:f[1]!==void 0?s=xt:f[2]!==void 0?(Pt.test(f[2])&&(o=RegExp("</"+f[2],"g")),s=P):f[3]!==void 0&&(s=P):s===P?f[0]===">"?(s=o??j,p=-1):f[1]===void 0?p=-2:(p=s.lastIndex-f[2].length,g=f[1],s=f[3]===void 0?P:f[3]==='"'?At:_t):s===At||s===_t?s=P:s===$t||s===xt?s=j:(s=P,o=void 0);const S=s===P&&n[c+1].startsWith("/>")?" ":"";r+=s===j?l+Rt:p>=0?(i.push(g),l.slice(0,p)+Lt+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[It(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]};class q{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let r=0,s=0;const c=t.length-1,l=this.parts,[g,f]=Zt(t,e);if(this.el=q.createElement(g,i),I.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=I.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const p of o.getAttributeNames())if(p.endsWith(Lt)){const x=f[s++],S=o.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(x);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Wt:K[1]==="?"?Gt:K[1]==="@"?Kt:tt}),o.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),o.removeAttribute(p));if(Pt.test(o.tagName)){const p=o.textContent.split(E),x=p.length-1;if(x>0){o.textContent=Y?Y.emptyScript:"";for(let S=0;S<x;S++)o.append(p[S],F()),I.nextNode(),l.push({type:2,index:++r});o.append(p[x],F())}}}else if(o.nodeType===8)if(o.data===kt)l.push({type:2,index:r});else{let p=-1;for(;(p=o.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const i=z.createElement("template");return i.innerHTML=t,i}}function D(n,t,e=n,i){var s,c;if(t===O)return t;let o=i!==void 0?(s=e._$Co)==null?void 0:s[i]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==r&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),r===void 0?o=void 0:(o=new r(n),o._$AT(n,e,i)),i!==void 0?(e._$Co??(e._$Co=[]))[i]=o:e._$Cl=o),o!==void 0&&(t=D(n,o._$AS(n,t.values),o,i)),t}class qt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,o=((t==null?void 0:t.creationScope)??z).importNode(e,!0);I.currentNode=o;let r=I.nextNode(),s=0,c=0,l=i[0];for(;l!==void 0;){if(s===l.index){let g;l.type===2?g=new G(r,r.nextSibling,this,t):l.type===1?g=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(g=new Xt(r,this,t)),this._$AV.push(g),l=i[++c]}s!==(l==null?void 0:l.index)&&(r=I.nextNode(),s++)}return I.currentNode=z,o}p(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Vt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(z.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:i}=t,o=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=q.createElement(It(i.h,i.h[0]),this.options)),i);if(((r=this._$AH)==null?void 0:r._$AD)===o)this._$AH.p(e);else{const s=new qt(o,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=St.get(t.strings);return e===void 0&&St.set(t.strings,e=new q(t)),e}k(t){gt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const r of t)o===e.length?e.push(i=new G(this.O(F()),this.O(F()),this,this.options)):i=e[o],i._$AI(r),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class tt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=d}_$AI(t,e=this,i,o){const r=this.strings;let s=!1;if(r===void 0)t=D(this,t,e,0),s=!Z(t)||t!==this._$AH&&t!==O,s&&(this._$AH=t);else{const c=t;let l,g;for(t=r[0],l=0;l<r.length-1;l++)g=D(this,c[i+l],e,l),g===O&&(g=this._$AH[l]),s||(s=!Z(g)||g!==this._$AH[l]),g===d?t=d:t!==d&&(t+=(g??"")+r[l+1]),this._$AH[l]=g}s&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Wt extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Gt extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Kt extends tt{constructor(t,e,i,o,r){super(t,e,i,o,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===O)return;const i=this._$AH,o=t===d&&i!==d||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==d&&(i===d||o);o&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Xt{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const rt=V.litHtmlPolyfillSupport;rt==null||rt(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Jt=(n,t,e)=>{const i=(e==null?void 0:e.renderBefore)??t;let o=i._$litPart$;if(o===void 0){const r=(e==null?void 0:e.renderBefore)??null;i._$litPart$=o=new G(t.insertBefore(F(),r),r,void 0,e??{})}return o._$AI(n),o};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
19
- */const B=globalThis;let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Jt(e,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 z}};var Et;m._$litElement$=!0,m.finalized=!0,(Et=B.litElementHydrateSupport)==null||Et.call(B,{LitElement:m});const at=B.litElementPolyfillSupport;at==null||at({LitElement:m});(B.litElementVersions??(B.litElementVersions=[])).push("4.2.0");/**
19
+ */const B=globalThis;let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Jt(e,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 O}};var Et;m._$litElement$=!0,m.finalized=!0,(Et=B.litElementHydrateSupport)==null||Et.call(B,{LitElement:m});const at=B.litElementPolyfillSupport;at==null||at({LitElement:m});(B.litElementVersions??(B.litElementVersions=[])).push("4.2.0");/**
20
20
  * @license
21
21
  * Copyright 2017 Google LLC
22
22
  * SPDX-License-Identifier: BSD-3-Clause
@@ -24,7 +24,7 @@
24
24
  * @license
25
25
  * Copyright 2017 Google LLC
26
26
  * SPDX-License-Identifier: BSD-3-Clause
27
- */const Yt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:ut},Qt=(n=Yt,t,e)=>{const{kind:s,metadata:o}=e;let r=globalThis.litPropertyMetadata.get(o);if(r===void 0&&globalThis.litPropertyMetadata.set(o,r=new Map),s==="setter"&&((n=Object.create(n)).wrapped=!0),r.set(e.name,n),s==="accessor"){const{name:i}=e;return{set(c){const l=t.get.call(this);t.set.call(this,c),this.requestUpdate(i,l,n)},init(c){return c!==void 0&&this.C(i,void 0,n,c),c}}}if(s==="setter"){const{name:i}=e;return function(c){const l=this[i];t.call(this,c),this.requestUpdate(i,l,n)}}throw Error("Unsupported decorator location: "+s)};function a(n){return(t,e)=>typeof e=="object"?Qt(n,t,e):((s,o,r)=>{const i=o.hasOwnProperty(r);return o.constructor.createProperty(r,s),i?Object.getOwnPropertyDescriptor(o,r):void 0})(n,t,e)}/**
27
+ */const Yt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:ut},Qt=(n=Yt,t,e)=>{const{kind:i,metadata:o}=e;let r=globalThis.litPropertyMetadata.get(o);if(r===void 0&&globalThis.litPropertyMetadata.set(o,r=new Map),i==="setter"&&((n=Object.create(n)).wrapped=!0),r.set(e.name,n),i==="accessor"){const{name:s}=e;return{set(c){const l=t.get.call(this);t.set.call(this,c),this.requestUpdate(s,l,n)},init(c){return c!==void 0&&this.C(s,void 0,n,c),c}}}if(i==="setter"){const{name:s}=e;return function(c){const l=this[s];t.call(this,c),this.requestUpdate(s,l,n)}}throw Error("Unsupported decorator location: "+i)};function a(n){return(t,e)=>typeof e=="object"?Qt(n,t,e):((i,o,r)=>{const s=o.hasOwnProperty(r);return o.constructor.createProperty(r,i),s?Object.getOwnPropertyDescriptor(o,r):void 0})(n,t,e)}/**
28
28
  * @license
29
29
  * Copyright 2017 Google LLC
30
30
  * SPDX-License-Identifier: BSD-3-Clause
@@ -44,10 +44,10 @@
44
44
  * @license
45
45
  * Copyright 2023 Google LLC
46
46
  * SPDX-License-Identifier: Apache-2.0
47
- */function oe(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:o,[vt]:r}=e,{form:i}=r;if(!(!i||o==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(o==="reset"){i.reset();return}i.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),i.requestSubmit()}})})}const se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
47
+ */function oe(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async i=>{const{type:o,[vt]:r}=e,{form:s}=r;if(!(!s||o==="button")&&(await new Promise(c=>{setTimeout(c)}),!i.defaultPrevented)){if(o==="reset"){s.reset();return}s.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const ie=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
48
48
  <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
49
49
  </svg>
50
- `,ie=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
50
+ `,se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
51
51
  <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
52
52
  </svg>
53
53
  `,re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -103,19 +103,19 @@
103
103
  `,ye=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
104
104
  <path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
105
105
  </svg>
106
- `,et={wishlist:se,playerv:ie,chevronRight:re,chevronLeft:ae,icoPlus:ve,icoMinus:fe,"star-0":le,"star-25":ce,"star-50":he,"star-75":de,"star-100":pe,cross:ue,search:ge,arrowLeft:be,cart:ye};/**
106
+ `,et={wishlist:ie,playerv:se,chevronRight:re,chevronLeft:ae,icoPlus:ve,icoMinus:fe,"star-0":le,"star-25":ce,"star-50":he,"star-75":de,"star-100":pe,cross:ue,search:ge,arrowLeft:be,cart:ye};/**
107
107
  * @license
108
108
  * Copyright 2017 Google LLC
109
109
  * SPDX-License-Identifier: BSD-3-Clause
110
- */const me={CHILD:2},we=n=>(...t)=>({_$litDirective$:n,values:t});class $e{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
110
+ */const me={CHILD:2},we=n=>(...t)=>({_$litDirective$:n,values:t});class $e{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
111
111
  * @license
112
112
  * Copyright 2017 Google LLC
113
113
  * SPDX-License-Identifier: BSD-3-Clause
114
- */class ct extends $e{constructor(t){if(super(t),this.it=d,t.type!==me.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}ct.directiveName="unsafeHTML",ct.resultType=1;/**
114
+ */class ct extends $e{constructor(t){if(super(t),this.it=d,t.type!==me.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===O)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}ct.directiveName="unsafeHTML",ct.resultType=1;/**
115
115
  * @license
116
116
  * Copyright 2017 Google LLC
117
117
  * SPDX-License-Identifier: BSD-3-Clause
118
- */class ht extends ct{}ht.directiveName="unsafeSVG",ht.resultType=2;const W=we(ht);var xe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,y=(n,t,e,s)=>{for(var o=s>1?void 0:s?_e(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&xe(t,e,o),o};const Ae=ne(m);let u=class extends Ae{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[vt].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=et[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
118
+ */class ht extends ct{}ht.directiveName="unsafeSVG",ht.resultType=2;const W=we(ht);var xe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,y=(n,t,e,i)=>{for(var o=i>1?void 0:i?_e(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&xe(t,e,o),o};const Ae=ne(m);let u=class extends Ae{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[vt].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=et[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
119
119
  <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
120
120
  ${this.startIcon?this.renderIcon("start"):d}
121
121
  ${n?h`
@@ -295,7 +295,7 @@
295
295
  transform: translateX(4px);
296
296
  }
297
297
  //End icon movment on hover
298
- `;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([L("o-button")],u);var Se=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,nt=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ee(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Se(t,e,o),o};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=et.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
298
+ `;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([L("o-button")],u);var Se=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,nt=(n,t,e,i)=>{for(var o=i>1?void 0:i?Ee(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Se(t,e,o),o};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=et.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
299
299
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
300
300
  <span class="sr-only">${this.label}</span>
301
301
  ${W(n)}
@@ -359,7 +359,7 @@
359
359
  width: 0.1rem !important;
360
360
  white-space: nowrap !important;
361
361
  }
362
- `;nt([a({type:String,reflect:!0})],U.prototype,"status",2);nt([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);nt([a({type:String,reflect:!0})],U.prototype,"label",2);U=nt([L("o-wishlist-button")],U);var Ce=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,k=(n,t,e,s)=>{for(var o=s>1?void 0:s?Le(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Ce(t,e,o),o};let w=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=et[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
362
+ `;nt([a({type:String,reflect:!0})],U.prototype,"status",2);nt([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);nt([a({type:String,reflect:!0})],U.prototype,"label",2);U=nt([L("o-wishlist-button")],U);var Ce=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,k=(n,t,e,i)=>{for(var o=i>1?void 0:i?Le(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Ce(t,e,o),o};let w=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=et[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
363
363
  ${this.type==="span"?h`
364
364
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
365
365
  ${W(e)}
@@ -573,7 +573,7 @@
573
573
  }
574
574
 
575
575
  }
576
- `;k([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],w.prototype,"size",2);k([a({type:String,reflect:!0})],w.prototype,"status",2);k([a({type:String,reflect:!0})],w.prototype,"type",2);k([a({type:String})],w.prototype,"strokewidth",2);k([a({type:String})],w.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=k([L("o-icon-button")],w);var ke=Object.defineProperty,Pe=Object.getOwnPropertyDescriptor,H=(n,t,e,s)=>{for(var o=s>1?void 0:s?Pe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&ke(t,e,o),o};let _=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
576
+ `;k([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],w.prototype,"size",2);k([a({type:String,reflect:!0})],w.prototype,"status",2);k([a({type:String,reflect:!0})],w.prototype,"type",2);k([a({type:String})],w.prototype,"strokewidth",2);k([a({type:String})],w.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=k([L("o-icon-button")],w);var ke=Object.defineProperty,Pe=Object.getOwnPropertyDescriptor,H=(n,t,e,i)=>{for(var o=i>1?void 0:i?Pe(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&ke(t,e,o),o};let _=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
577
577
  <a href="${this.href}" target="${this.target}">
578
578
  ${this.endIcon&&this.reverseEndIcon?h`
579
579
  <o-icon-button
@@ -682,7 +682,7 @@
682
682
  height: 1px;
683
683
  }
684
684
  /* End of underline effect */
685
- `;H([a({type:String})],_.prototype,"href",2);H([a({type:String})],_.prototype,"target",2);H([a({type:String,reflect:!0})],_.prototype,"template",2);H([a({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([L("o-link")],_);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,ot=(n,t,e,s)=>{for(var o=s>1?void 0:s?Be(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Ie(t,e,o),o};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let s;e>=1?s=100:e<=0?s=0:s=Math.round(e*100/25)*25,n.push(`star-${s}`)}return n}render(){const n=this.getStarKeys();return h`
685
+ `;H([a({type:String})],_.prototype,"href",2);H([a({type:String})],_.prototype,"target",2);H([a({type:String,reflect:!0})],_.prototype,"template",2);H([a({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([L("o-link")],_);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,ot=(n,t,e,i)=>{for(var o=i>1?void 0:i?Be(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Ie(t,e,o),o};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let i;e>=1?i=100:e<=0?i=0:i=Math.round(e*100/25)*25,n.push(`star-${i}`)}return n}render(){const n=this.getStarKeys();return h`
686
686
  <div class="rating">
687
687
  <div class="stars">
688
688
  ${n.map(t=>h`<span class="star">${W(et[t]??"")}</span>`)}
@@ -722,7 +722,7 @@
722
722
  text-decoration: underline;
723
723
  cursor: pointer;
724
724
  }
725
- `;ot([a({type:Number})],N.prototype,"rating",2);ot([a({type:String})],N.prototype,"reviewCount",2);ot([a({type:String})],N.prototype,"href",2);N=ot([L("o-rating")],N);var Oe=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,b=(n,t,e,s)=>{for(var o=s>1?void 0:s?ze(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Oe(t,e,o),o};let v=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),s.focus()):!n.shiftKey&&document.activeElement===s&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
725
+ `;ot([a({type:Number})],N.prototype,"rating",2);ot([a({type:String})],N.prototype,"reviewCount",2);ot([a({type:String})],N.prototype,"href",2);N=ot([L("o-rating")],N);var ze=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,b=(n,t,e,i)=>{for(var o=i>1?void 0:i?Oe(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&ze(t,e,o),o};let v=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],i=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),i.focus()):!n.shiftKey&&document.activeElement===i&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
726
726
  <div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
727
727
  <div
728
728
  class="panel"
@@ -781,6 +781,8 @@
781
781
  z-index: var(--z-overlay);
782
782
  --side-panel-width: 100%;
783
783
  --side-panel-max-width: 416px;
784
+ --font-size: var(--font-size-300);
785
+ --line-height: var(--line-height-240);
784
786
  }
785
787
 
786
788
  /* Hide content until it is initialized */
@@ -830,29 +832,6 @@
830
832
  transform: translateX(0%);
831
833
  }
832
834
 
833
- /* Mobile */
834
- @media (max-width: 767px) {
835
- :host {
836
- --side-panel-width: 100%;
837
- --side-panel-max-width: none;
838
- }
839
- }
840
-
841
- /* Tablet */
842
- @media (min-width: 768px) and (max-width: 1024px) {
843
- :host {
844
- --side-panel-width: 375px;
845
- --side-panel-max-width: 375px;
846
- }
847
- }
848
-
849
- @media (min-width: 1025px) {
850
- :host {
851
- --side-panel-width: 100%;
852
- --side-panel-max-width: 416px;
853
- }
854
- }
855
-
856
835
  .header {
857
836
  flex: 0 0 auto;
858
837
  display: flex;
@@ -862,9 +841,9 @@
862
841
 
863
842
  .panel-title {
864
843
  font-family: var(--font-family-loccitane-serif);
865
- font-size: var(--font-size-300);
844
+ font-size: var(--font-size);
866
845
  font-weight: var(--font-weight-400);
867
- line-height: var(--line-height-240);
846
+ line-height: var(--line-height);
868
847
  font-style: italic;
869
848
  display: -webkit-box;
870
849
  -webkit-line-clamp: 2;
@@ -907,7 +886,32 @@
907
886
  gap: 16px;
908
887
  justify-content: flex-start;
909
888
  }
910
- `;b([a({type:Boolean,reflect:!0})],v.prototype,"open",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],v.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],v.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"firstButtonVariant",2);b([a({type:Function})],v.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],v.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"secondaryButtonVariant",2);b([a({type:Function})],v.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],v.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],v.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],v.prototype,"initialized",2);v=b([L("o-side-panel")],v);var He=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,M=(n,t,e,s)=>{for(var o=s>1?void 0:s?Me(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&He(t,e,o),o};let A=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
889
+
890
+ /* Mobile */
891
+ @media (max-width: 767px) {
892
+ :host {
893
+ --side-panel-width: 100%;
894
+ --side-panel-max-width: none;
895
+ }
896
+ }
897
+
898
+ /* Tablet */
899
+ @media (min-width: 768px) and (max-width: 1024px) {
900
+ :host {
901
+ --side-panel-width: 375px;
902
+ --side-panel-max-width: 375px;
903
+ }
904
+ }
905
+
906
+ @media (min-width: 1025px) {
907
+ :host {
908
+ --side-panel-width: 100%;
909
+ --side-panel-max-width: 416px;
910
+ --font-size: var(--font-size-400);
911
+ --line-height: var(--line-height-280);
912
+ }
913
+ }
914
+ `;b([a({type:Boolean,reflect:!0})],v.prototype,"open",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],v.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],v.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"firstButtonVariant",2);b([a({type:Function})],v.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],v.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"secondaryButtonVariant",2);b([a({type:Function})],v.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],v.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],v.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],v.prototype,"initialized",2);v=b([L("o-side-panel")],v);var He=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,M=(n,t,e,i)=>{for(var o=i>1?void 0:i?Me(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&He(t,e,o),o};let A=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
911
915
  <o-icon-button
912
916
  icon="playerv"
913
917
  size="xsmall"
@@ -918,13 +922,13 @@
918
922
  ></o-icon-button>
919
923
  `}handleKeyDown(n){n.key==="ArrowRight"?(n.preventDefault(),this.focusNext()):n.key==="ArrowLeft"?(n.preventDefault(),this.focusPrevious()):(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.selectThumbnail(this.focusedIndex))}focusNext(){let n=this.focusedIndex+1;for(;this.disabledIndexes.includes(n)&&n<this.thumbnails.length;)n++;n<this.thumbnails.length&&(this.focusedIndex=n,this.focusThumbnail(n))}focusPrevious(){let n=this.focusedIndex-1;for(;this.disabledIndexes.includes(n)&&n>=0;)n--;n>=0&&(this.focusedIndex=n,this.focusThumbnail(n))}focusThumbnail(n){const t=this.renderRoot.querySelector(`[data-index="${n}"]`);t==null||t.focus()}selectThumbnail(n){this.disabledIndexes.includes(n)||(this.activeIndex=n,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(n),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:n}})))}render(){return h`
920
924
  <div class="scroll-container" style="max-width: ${this.maxWidth};">
921
- ${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),s=this.activeIndex===t,o=n.type==="video";return h`
925
+ ${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),i=this.activeIndex===t,o=n.type==="video";return h`
922
926
  <div class="thumb-wrapper">
923
927
  <button
924
928
  class="thumb"
925
929
  data-index="${t}"
926
930
  ?disabled=${e}
927
- aria-selected=${s}
931
+ aria-selected=${i}
928
932
  tabindex="${this.focusedIndex===t?0:-1}"
929
933
  @click=${()=>this.selectThumbnail(t)}
930
934
  @keydown=${this.handleKeyDown}
@@ -1038,7 +1042,7 @@
1038
1042
  height: 0;
1039
1043
  width: 0;
1040
1044
  }
1041
- `;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([te()],A.prototype,"focusedIndex",2);A=M([L("thumbnail-navigation")],A);var Te=Object.defineProperty,De=Object.getOwnPropertyDescriptor,Bt=(n,t,e,s)=>{for(var o=s>1?void 0:s?De(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Te(t,e,o),o};let Q=class extends m{constructor(){super(...arguments),this.type=""}render(){return h`
1045
+ `;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([te()],A.prototype,"focusedIndex",2);A=M([L("thumbnail-navigation")],A);var Te=Object.defineProperty,De=Object.getOwnPropertyDescriptor,Bt=(n,t,e,i)=>{for(var o=i>1?void 0:i?De(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Te(t,e,o),o};let Q=class extends m{constructor(){super(...arguments),this.type=""}render(){return h`
1042
1046
  <span class="tag"><slot></slot></span>
1043
1047
  `}};Q.styles=$`
1044
1048
  .tag {
package/index.mjs CHANGED
@@ -5,16 +5,16 @@
5
5
  */
6
6
  const X = globalThis, dt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, pt = Symbol(), ft = /* @__PURE__ */ new WeakMap();
7
7
  let Ct = class {
8
- constructor(t, e, s) {
9
- if (this._$cssResult$ = !0, s !== pt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
8
+ constructor(t, e, i) {
9
+ if (this._$cssResult$ = !0, i !== pt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
10
10
  this.cssText = t, this.t = e;
11
11
  }
12
12
  get styleSheet() {
13
13
  let t = this.o;
14
14
  const e = this.t;
15
15
  if (dt && t === void 0) {
16
- const s = e !== void 0 && e.length === 1;
17
- s && (t = ft.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && ft.set(e, t));
16
+ const i = e !== void 0 && e.length === 1;
17
+ i && (t = ft.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && ft.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -22,30 +22,30 @@ let Ct = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const Ot = (n) => new Ct(typeof n == "string" ? n : n + "", void 0, pt), $ = (n, ...t) => {
26
- const e = n.length === 1 ? n[0] : t.reduce((s, o, r) => s + ((i) => {
27
- if (i._$cssResult$ === !0) return i.cssText;
28
- if (typeof i == "number") return i;
29
- throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
25
+ const zt = (n) => new Ct(typeof n == "string" ? n : n + "", void 0, pt), $ = (n, ...t) => {
26
+ const e = n.length === 1 ? n[0] : t.reduce((i, o, r) => i + ((s) => {
27
+ if (s._$cssResult$ === !0) return s.cssText;
28
+ if (typeof s == "number") return s;
29
+ throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
30
30
  })(o) + n[r + 1], n[0]);
31
31
  return new Ct(e, n, pt);
32
- }, zt = (n, t) => {
32
+ }, Ot = (n, t) => {
33
33
  if (dt) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
34
34
  else for (const e of t) {
35
- const s = document.createElement("style"), o = X.litNonce;
36
- o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
35
+ const i = document.createElement("style"), o = X.litNonce;
36
+ o !== void 0 && i.setAttribute("nonce", o), i.textContent = e.cssText, n.appendChild(i);
37
37
  }
38
38
  }, bt = dt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
- for (const s of t.cssRules) e += s.cssText;
41
- return Ot(e);
40
+ for (const i of t.cssRules) e += i.cssText;
41
+ return zt(e);
42
42
  })(n) : n;
43
43
  /**
44
44
  * @license
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: Ht, defineProperty: Mt, getOwnPropertyDescriptor: Tt, getOwnPropertyNames: Dt, getOwnPropertySymbols: Ut, getPrototypeOf: Nt } = Object, C = globalThis, yt = C.trustedTypes, jt = yt ? yt.emptyScript : "", st = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
48
+ const { is: Ht, defineProperty: Mt, getOwnPropertyDescriptor: Tt, getOwnPropertyNames: Dt, getOwnPropertySymbols: Ut, getPrototypeOf: Nt } = Object, C = globalThis, yt = C.trustedTypes, jt = yt ? yt.emptyScript : "", it = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
51
  n = n ? jt : null;
@@ -84,19 +84,19 @@ let T = class extends HTMLElement {
84
84
  }
85
85
  static createProperty(t, e = mt) {
86
86
  if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
87
- const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
87
+ const i = Symbol(), o = this.getPropertyDescriptor(t, i, e);
88
88
  o !== void 0 && Mt(this.prototype, t, o);
89
89
  }
90
90
  }
91
- static getPropertyDescriptor(t, e, s) {
91
+ static getPropertyDescriptor(t, e, i) {
92
92
  const { get: o, set: r } = Tt(this.prototype, t) ?? { get() {
93
93
  return this[e];
94
- }, set(i) {
95
- this[e] = i;
94
+ }, set(s) {
95
+ this[e] = s;
96
96
  } };
97
- return { get: o, set(i) {
97
+ return { get: o, set(s) {
98
98
  const c = o == null ? void 0 : o.call(this);
99
- r == null || r.call(this, i), this.requestUpdate(t, c, s);
99
+ r == null || r.call(this, s), this.requestUpdate(t, c, i);
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(t) {
@@ -110,17 +110,17 @@ let T = class extends HTMLElement {
110
110
  static finalize() {
111
111
  if (this.hasOwnProperty(R("finalized"))) return;
112
112
  if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(R("properties"))) {
113
- const e = this.properties, s = [...Dt(e), ...Ut(e)];
114
- for (const o of s) this.createProperty(o, e[o]);
113
+ const e = this.properties, i = [...Dt(e), ...Ut(e)];
114
+ for (const o of i) this.createProperty(o, e[o]);
115
115
  }
116
116
  const t = this[Symbol.metadata];
117
117
  if (t !== null) {
118
118
  const e = litPropertyMetadata.get(t);
119
- if (e !== void 0) for (const [s, o] of e) this.elementProperties.set(s, o);
119
+ if (e !== void 0) for (const [i, o] of e) this.elementProperties.set(i, o);
120
120
  }
121
121
  this._$Eh = /* @__PURE__ */ new Map();
122
- for (const [e, s] of this.elementProperties) {
123
- const o = this._$Eu(e, s);
122
+ for (const [e, i] of this.elementProperties) {
123
+ const o = this._$Eu(e, i);
124
124
  o !== void 0 && this._$Eh.set(o, e);
125
125
  }
126
126
  this.elementStyles = this.finalizeStyles(this.styles);
@@ -128,14 +128,14 @@ let T = class extends HTMLElement {
128
128
  static finalizeStyles(t) {
129
129
  const e = [];
130
130
  if (Array.isArray(t)) {
131
- const s = new Set(t.flat(1 / 0).reverse());
132
- for (const o of s) e.unshift(bt(o));
131
+ const i = new Set(t.flat(1 / 0).reverse());
132
+ for (const o of i) e.unshift(bt(o));
133
133
  } else t !== void 0 && e.push(bt(t));
134
134
  return e;
135
135
  }
136
136
  static _$Eu(t, e) {
137
- const s = e.attribute;
138
- return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
137
+ const i = e.attribute;
138
+ return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
139
139
  }
140
140
  constructor() {
141
141
  super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -154,18 +154,18 @@ let T = class extends HTMLElement {
154
154
  }
155
155
  _$E_() {
156
156
  const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
157
- for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
157
+ for (const i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
158
158
  t.size > 0 && (this._$Ep = t);
159
159
  }
160
160
  createRenderRoot() {
161
161
  const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
162
- return zt(t, this.constructor.elementStyles), t;
162
+ return Ot(t, this.constructor.elementStyles), t;
163
163
  }
164
164
  connectedCallback() {
165
165
  var t;
166
166
  this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
167
- var s;
168
- return (s = e.hostConnected) == null ? void 0 : s.call(e);
167
+ var i;
168
+ return (i = e.hostConnected) == null ? void 0 : i.call(e);
169
169
  });
170
170
  }
171
171
  enableUpdating(t) {
@@ -173,40 +173,40 @@ let T = class extends HTMLElement {
173
173
  disconnectedCallback() {
174
174
  var t;
175
175
  (t = this._$EO) == null || t.forEach((e) => {
176
- var s;
177
- return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
176
+ var i;
177
+ return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
178
178
  });
179
179
  }
180
- attributeChangedCallback(t, e, s) {
181
- this._$AK(t, s);
180
+ attributeChangedCallback(t, e, i) {
181
+ this._$AK(t, i);
182
182
  }
183
183
  _$ET(t, e) {
184
184
  var r;
185
- const s = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, s);
186
- if (o !== void 0 && s.reflect === !0) {
187
- const i = (((r = s.converter) == null ? void 0 : r.toAttribute) !== void 0 ? s.converter : J).toAttribute(e, s.type);
188
- this._$Em = t, i == null ? this.removeAttribute(o) : this.setAttribute(o, i), this._$Em = null;
185
+ const i = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, i);
186
+ if (o !== void 0 && i.reflect === !0) {
187
+ const s = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : J).toAttribute(e, i.type);
188
+ this._$Em = t, s == null ? this.removeAttribute(o) : this.setAttribute(o, s), this._$Em = null;
189
189
  }
190
190
  }
191
191
  _$AK(t, e) {
192
- var r, i;
193
- const s = this.constructor, o = s._$Eh.get(t);
192
+ var r, s;
193
+ const i = this.constructor, o = i._$Eh.get(t);
194
194
  if (o !== void 0 && this._$Em !== o) {
195
- const c = s.getPropertyOptions(o), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : J;
196
- this._$Em = o, this[o] = l.fromAttribute(e, c.type) ?? ((i = this._$Ej) == null ? void 0 : i.get(o)) ?? null, this._$Em = null;
195
+ const c = i.getPropertyOptions(o), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : J;
196
+ this._$Em = o, this[o] = l.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(o)) ?? null, this._$Em = null;
197
197
  }
198
198
  }
199
- requestUpdate(t, e, s) {
199
+ requestUpdate(t, e, i) {
200
200
  var o;
201
201
  if (t !== void 0) {
202
- const r = this.constructor, i = this[t];
203
- if (s ?? (s = r.getPropertyOptions(t)), !((s.hasChanged ?? ut)(i, e) || s.useDefault && s.reflect && i === ((o = this._$Ej) == null ? void 0 : o.get(t)) && !this.hasAttribute(r._$Eu(t, s)))) return;
204
- this.C(t, e, s);
202
+ const r = this.constructor, s = this[t];
203
+ if (i ?? (i = r.getPropertyOptions(t)), !((i.hasChanged ?? ut)(s, e) || i.useDefault && i.reflect && s === ((o = this._$Ej) == null ? void 0 : o.get(t)) && !this.hasAttribute(r._$Eu(t, i)))) return;
204
+ this.C(t, e, i);
205
205
  }
206
206
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
207
207
  }
208
- C(t, e, { useDefault: s, reflect: o, wrapped: r }, i) {
209
- s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, i ?? e ?? this[t]), r !== !0 || i !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), o === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
208
+ C(t, e, { useDefault: i, reflect: o, wrapped: r }, s) {
209
+ i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, s ?? e ?? this[t]), r !== !0 || s !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (e = void 0), this._$AL.set(t, e)), o === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
210
210
  }
211
211
  async _$EP() {
212
212
  this.isUpdatePending = !0;
@@ -222,23 +222,23 @@ let T = class extends HTMLElement {
222
222
  return this.performUpdate();
223
223
  }
224
224
  performUpdate() {
225
- var s;
225
+ var i;
226
226
  if (!this.isUpdatePending) return;
227
227
  if (!this.hasUpdated) {
228
228
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
229
- for (const [r, i] of this._$Ep) this[r] = i;
229
+ for (const [r, s] of this._$Ep) this[r] = s;
230
230
  this._$Ep = void 0;
231
231
  }
232
232
  const o = this.constructor.elementProperties;
233
- if (o.size > 0) for (const [r, i] of o) {
234
- const { wrapped: c } = i, l = this[r];
235
- c !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, i, l);
233
+ if (o.size > 0) for (const [r, s] of o) {
234
+ const { wrapped: c } = s, l = this[r];
235
+ c !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, s, l);
236
236
  }
237
237
  }
238
238
  let t = !1;
239
239
  const e = this._$AL;
240
240
  try {
241
- t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((o) => {
241
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((o) => {
242
242
  var r;
243
243
  return (r = o.hostUpdate) == null ? void 0 : r.call(o);
244
244
  }), this.update(e)) : this._$EM();
@@ -251,9 +251,9 @@ let T = class extends HTMLElement {
251
251
  }
252
252
  _$AE(t) {
253
253
  var e;
254
- (e = this._$EO) == null || e.forEach((s) => {
254
+ (e = this._$EO) == null || e.forEach((i) => {
255
255
  var o;
256
- return (o = s.hostUpdated) == null ? void 0 : o.call(s);
256
+ return (o = i.hostUpdated) == null ? void 0 : o.call(i);
257
257
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
258
258
  }
259
259
  _$EM() {
@@ -276,45 +276,45 @@ let T = class extends HTMLElement {
276
276
  firstUpdated(t) {
277
277
  }
278
278
  };
279
- T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProperties")] = /* @__PURE__ */ new Map(), T[R("finalized")] = /* @__PURE__ */ new Map(), st == null || st({ ReactiveElement: T }), (C.reactiveElementVersions ?? (C.reactiveElementVersions = [])).push("2.1.0");
279
+ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProperties")] = /* @__PURE__ */ new Map(), T[R("finalized")] = /* @__PURE__ */ new Map(), it == null || it({ ReactiveElement: T }), (C.reactiveElementVersions ?? (C.reactiveElementVersions = [])).push("2.1.0");
280
280
  /**
281
281
  * @license
282
282
  * Copyright 2017 Google LLC
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
- const V = globalThis, Y = V.trustedTypes, wt = Y ? Y.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Lt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, kt = "?" + E, Rt = `<${kt}>`, O = document, F = () => O.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", gt = Array.isArray, Vt = (n) => gt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", it = `[
286
- \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, xt = />/g, P = RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), _t = /'/g, At = /"/g, Pt = /^(?:script|style|textarea|title)$/i, Ft = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Ft(1), z = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), St = /* @__PURE__ */ new WeakMap(), I = O.createTreeWalker(O, 129);
285
+ const V = globalThis, Y = V.trustedTypes, wt = Y ? Y.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Lt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, kt = "?" + E, Rt = `<${kt}>`, z = document, F = () => z.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", gt = Array.isArray, Vt = (n) => gt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", st = `[
286
+ \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, xt = />/g, P = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), _t = /'/g, At = /"/g, Pt = /^(?:script|style|textarea|title)$/i, Ft = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Ft(1), O = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), St = /* @__PURE__ */ new WeakMap(), I = z.createTreeWalker(z, 129);
288
288
  function It(n, t) {
289
289
  if (!gt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return wt !== void 0 ? wt.createHTML(t) : t;
291
291
  }
292
292
  const Zt = (n, t) => {
293
- const e = n.length - 1, s = [];
294
- let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = j;
293
+ const e = n.length - 1, i = [];
294
+ let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
295
295
  for (let c = 0; c < e; c++) {
296
296
  const l = n[c];
297
297
  let g, f, p = -1, x = 0;
298
- for (; x < l.length && (i.lastIndex = x, f = i.exec(l), f !== null); ) x = i.lastIndex, i === j ? f[1] === "!--" ? i = $t : f[1] !== void 0 ? i = xt : f[2] !== void 0 ? (Pt.test(f[2]) && (o = RegExp("</" + f[2], "g")), i = P) : f[3] !== void 0 && (i = P) : i === P ? f[0] === ">" ? (i = o ?? j, p = -1) : f[1] === void 0 ? p = -2 : (p = i.lastIndex - f[2].length, g = f[1], i = f[3] === void 0 ? P : f[3] === '"' ? At : _t) : i === At || i === _t ? i = P : i === $t || i === xt ? i = j : (i = P, o = void 0);
299
- const S = i === P && n[c + 1].startsWith("/>") ? " " : "";
300
- r += i === j ? l + Rt : p >= 0 ? (s.push(g), l.slice(0, p) + Lt + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
298
+ for (; x < l.length && (s.lastIndex = x, f = s.exec(l), f !== null); ) x = s.lastIndex, s === j ? f[1] === "!--" ? s = $t : f[1] !== void 0 ? s = xt : f[2] !== void 0 ? (Pt.test(f[2]) && (o = RegExp("</" + f[2], "g")), s = P) : f[3] !== void 0 && (s = P) : s === P ? f[0] === ">" ? (s = o ?? j, p = -1) : f[1] === void 0 ? p = -2 : (p = s.lastIndex - f[2].length, g = f[1], s = f[3] === void 0 ? P : f[3] === '"' ? At : _t) : s === At || s === _t ? s = P : s === $t || s === xt ? s = j : (s = P, o = void 0);
299
+ const S = s === P && n[c + 1].startsWith("/>") ? " " : "";
300
+ r += s === j ? l + Rt : p >= 0 ? (i.push(g), l.slice(0, p) + Lt + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
301
301
  }
302
- return [It(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
302
+ return [It(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
303
303
  };
304
304
  class q {
305
- constructor({ strings: t, _$litType$: e }, s) {
305
+ constructor({ strings: t, _$litType$: e }, i) {
306
306
  let o;
307
307
  this.parts = [];
308
- let r = 0, i = 0;
308
+ let r = 0, s = 0;
309
309
  const c = t.length - 1, l = this.parts, [g, f] = Zt(t, e);
310
- if (this.el = q.createElement(g, s), I.currentNode = this.el.content, e === 2 || e === 3) {
310
+ if (this.el = q.createElement(g, i), I.currentNode = this.el.content, e === 2 || e === 3) {
311
311
  const p = this.el.content.firstChild;
312
312
  p.replaceWith(...p.childNodes);
313
313
  }
314
314
  for (; (o = I.nextNode()) !== null && l.length < c; ) {
315
315
  if (o.nodeType === 1) {
316
316
  if (o.hasAttributes()) for (const p of o.getAttributeNames()) if (p.endsWith(Lt)) {
317
- const x = f[i++], S = o.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
317
+ const x = f[s++], S = o.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
318
318
  l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? Wt : K[1] === "?" ? Gt : K[1] === "@" ? Kt : tt }), o.removeAttribute(p);
319
319
  } else p.startsWith(E) && (l.push({ type: 6, index: r }), o.removeAttribute(p));
320
320
  if (Pt.test(o.tagName)) {
@@ -334,16 +334,16 @@ class q {
334
334
  }
335
335
  }
336
336
  static createElement(t, e) {
337
- const s = O.createElement("template");
338
- return s.innerHTML = t, s;
337
+ const i = z.createElement("template");
338
+ return i.innerHTML = t, i;
339
339
  }
340
340
  }
341
- function D(n, t, e = n, s) {
342
- var i, c;
343
- if (t === z) return t;
344
- let o = s !== void 0 ? (i = e._$Co) == null ? void 0 : i[s] : e._$Cl;
341
+ function D(n, t, e = n, i) {
342
+ var s, c;
343
+ if (t === O) return t;
344
+ let o = i !== void 0 ? (s = e._$Co) == null ? void 0 : s[i] : e._$Cl;
345
345
  const r = Z(t) ? void 0 : t._$litDirective$;
346
- return (o == null ? void 0 : o.constructor) !== r && ((c = o == null ? void 0 : o._$AO) == null || c.call(o, !1), r === void 0 ? o = void 0 : (o = new r(n), o._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = o : e._$Cl = o), o !== void 0 && (t = D(n, o._$AS(n, t.values), o, s)), t;
346
+ return (o == null ? void 0 : o.constructor) !== r && ((c = o == null ? void 0 : o._$AO) == null || c.call(o, !1), r === void 0 ? o = void 0 : (o = new r(n), o._$AT(n, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = o : e._$Cl = o), o !== void 0 && (t = D(n, o._$AS(n, t.values), o, i)), t;
347
347
  }
348
348
  class qt {
349
349
  constructor(t, e) {
@@ -356,21 +356,21 @@ class qt {
356
356
  return this._$AM._$AU;
357
357
  }
358
358
  u(t) {
359
- const { el: { content: e }, parts: s } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
359
+ const { el: { content: e }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? z).importNode(e, !0);
360
360
  I.currentNode = o;
361
- let r = I.nextNode(), i = 0, c = 0, l = s[0];
361
+ let r = I.nextNode(), s = 0, c = 0, l = i[0];
362
362
  for (; l !== void 0; ) {
363
- if (i === l.index) {
363
+ if (s === l.index) {
364
364
  let g;
365
- l.type === 2 ? g = new G(r, r.nextSibling, this, t) : l.type === 1 ? g = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (g = new Xt(r, this, t)), this._$AV.push(g), l = s[++c];
365
+ l.type === 2 ? g = new G(r, r.nextSibling, this, t) : l.type === 1 ? g = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (g = new Xt(r, this, t)), this._$AV.push(g), l = i[++c];
366
366
  }
367
- i !== (l == null ? void 0 : l.index) && (r = I.nextNode(), i++);
367
+ s !== (l == null ? void 0 : l.index) && (r = I.nextNode(), s++);
368
368
  }
369
- return I.currentNode = O, o;
369
+ return I.currentNode = z, o;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
373
- for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
373
+ for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
374
374
  }
375
375
  }
376
376
  class G {
@@ -378,8 +378,8 @@ class G {
378
378
  var t;
379
379
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
380
380
  }
381
- constructor(t, e, s, o) {
382
- this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
381
+ constructor(t, e, i, o) {
382
+ this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
383
383
  }
384
384
  get parentNode() {
385
385
  let t = this._$AA.parentNode;
@@ -393,7 +393,7 @@ class G {
393
393
  return this._$AB;
394
394
  }
395
395
  _$AI(t, e = this) {
396
- t = D(this, t, e), Z(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Vt(t) ? this.k(t) : this._(t);
396
+ t = D(this, t, e), Z(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== O && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Vt(t) ? this.k(t) : this._(t);
397
397
  }
398
398
  O(t) {
399
399
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -402,15 +402,15 @@ class G {
402
402
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
403
403
  }
404
404
  _(t) {
405
- this._$AH !== d && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(O.createTextNode(t)), this._$AH = t;
405
+ this._$AH !== d && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(z.createTextNode(t)), this._$AH = t;
406
406
  }
407
407
  $(t) {
408
408
  var r;
409
- const { values: e, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = q.createElement(It(s.h, s.h[0]), this.options)), s);
409
+ const { values: e, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = q.createElement(It(i.h, i.h[0]), this.options)), i);
410
410
  if (((r = this._$AH) == null ? void 0 : r._$AD) === o) this._$AH.p(e);
411
411
  else {
412
- const i = new qt(o, this), c = i.u(this.options);
413
- i.p(e), this.T(c), this._$AH = i;
412
+ const s = new qt(o, this), c = s.u(this.options);
413
+ s.p(e), this.T(c), this._$AH = s;
414
414
  }
415
415
  }
416
416
  _$AC(t) {
@@ -420,13 +420,13 @@ class G {
420
420
  k(t) {
421
421
  gt(this._$AH) || (this._$AH = [], this._$AR());
422
422
  const e = this._$AH;
423
- let s, o = 0;
424
- for (const r of t) o === e.length ? e.push(s = new G(this.O(F()), this.O(F()), this, this.options)) : s = e[o], s._$AI(r), o++;
425
- o < e.length && (this._$AR(s && s._$AB.nextSibling, o), e.length = o);
423
+ let i, o = 0;
424
+ for (const r of t) o === e.length ? e.push(i = new G(this.O(F()), this.O(F()), this, this.options)) : i = e[o], i._$AI(r), o++;
425
+ o < e.length && (this._$AR(i && i._$AB.nextSibling, o), e.length = o);
426
426
  }
427
427
  _$AR(t = this._$AA.nextSibling, e) {
428
- var s;
429
- for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
428
+ var i;
429
+ for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
430
430
  const o = t.nextSibling;
431
431
  t.remove(), t = o;
432
432
  }
@@ -443,19 +443,19 @@ class tt {
443
443
  get _$AU() {
444
444
  return this._$AM._$AU;
445
445
  }
446
- constructor(t, e, s, o, r) {
447
- this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = d;
446
+ constructor(t, e, i, o, r) {
447
+ this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
448
448
  }
449
- _$AI(t, e = this, s, o) {
449
+ _$AI(t, e = this, i, o) {
450
450
  const r = this.strings;
451
- let i = !1;
452
- if (r === void 0) t = D(this, t, e, 0), i = !Z(t) || t !== this._$AH && t !== z, i && (this._$AH = t);
451
+ let s = !1;
452
+ if (r === void 0) t = D(this, t, e, 0), s = !Z(t) || t !== this._$AH && t !== O, s && (this._$AH = t);
453
453
  else {
454
454
  const c = t;
455
455
  let l, g;
456
- for (t = r[0], l = 0; l < r.length - 1; l++) g = D(this, c[s + l], e, l), g === z && (g = this._$AH[l]), i || (i = !Z(g) || g !== this._$AH[l]), g === d ? t = d : t !== d && (t += (g ?? "") + r[l + 1]), this._$AH[l] = g;
456
+ for (t = r[0], l = 0; l < r.length - 1; l++) g = D(this, c[i + l], e, l), g === O && (g = this._$AH[l]), s || (s = !Z(g) || g !== this._$AH[l]), g === d ? t = d : t !== d && (t += (g ?? "") + r[l + 1]), this._$AH[l] = g;
457
457
  }
458
- i && !o && this.j(t);
458
+ s && !o && this.j(t);
459
459
  }
460
460
  j(t) {
461
461
  t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -478,13 +478,13 @@ class Gt extends tt {
478
478
  }
479
479
  }
480
480
  class Kt extends tt {
481
- constructor(t, e, s, o, r) {
482
- super(t, e, s, o, r), this.type = 5;
481
+ constructor(t, e, i, o, r) {
482
+ super(t, e, i, o, r), this.type = 5;
483
483
  }
484
484
  _$AI(t, e = this) {
485
- if ((t = D(this, t, e, 0) ?? d) === z) return;
486
- const s = this._$AH, o = t === d && s !== d || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== d && (s === d || o);
487
- o && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
485
+ if ((t = D(this, t, e, 0) ?? d) === O) return;
486
+ const i = this._$AH, o = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== d && (i === d || o);
487
+ o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
488
488
  }
489
489
  handleEvent(t) {
490
490
  var e;
@@ -492,8 +492,8 @@ class Kt extends tt {
492
492
  }
493
493
  }
494
494
  class Xt {
495
- constructor(t, e, s) {
496
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
495
+ constructor(t, e, i) {
496
+ this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
497
497
  }
498
498
  get _$AU() {
499
499
  return this._$AM._$AU;
@@ -505,11 +505,11 @@ class Xt {
505
505
  const rt = V.litHtmlPolyfillSupport;
506
506
  rt == null || rt(q, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
507
507
  const Jt = (n, t, e) => {
508
- const s = (e == null ? void 0 : e.renderBefore) ?? t;
509
- let o = s._$litPart$;
508
+ const i = (e == null ? void 0 : e.renderBefore) ?? t;
509
+ let o = i._$litPart$;
510
510
  if (o === void 0) {
511
511
  const r = (e == null ? void 0 : e.renderBefore) ?? null;
512
- s._$litPart$ = o = new G(t.insertBefore(F(), r), r, void 0, e ?? {});
512
+ i._$litPart$ = o = new G(t.insertBefore(F(), r), r, void 0, e ?? {});
513
513
  }
514
514
  return o._$AI(n), o;
515
515
  };
@@ -541,7 +541,7 @@ let m = class extends T {
541
541
  super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
542
542
  }
543
543
  render() {
544
- return z;
544
+ return O;
545
545
  }
546
546
  };
547
547
  var Et;
@@ -565,30 +565,30 @@ const L = (n) => (t, e) => {
565
565
  * SPDX-License-Identifier: BSD-3-Clause
566
566
  */
567
567
  const Yt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged: ut }, Qt = (n = Yt, t, e) => {
568
- const { kind: s, metadata: o } = e;
568
+ const { kind: i, metadata: o } = e;
569
569
  let r = globalThis.litPropertyMetadata.get(o);
570
- if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), s === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), s === "accessor") {
571
- const { name: i } = e;
570
+ if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), i === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), i === "accessor") {
571
+ const { name: s } = e;
572
572
  return { set(c) {
573
573
  const l = t.get.call(this);
574
- t.set.call(this, c), this.requestUpdate(i, l, n);
574
+ t.set.call(this, c), this.requestUpdate(s, l, n);
575
575
  }, init(c) {
576
- return c !== void 0 && this.C(i, void 0, n, c), c;
576
+ return c !== void 0 && this.C(s, void 0, n, c), c;
577
577
  } };
578
578
  }
579
- if (s === "setter") {
580
- const { name: i } = e;
579
+ if (i === "setter") {
580
+ const { name: s } = e;
581
581
  return function(c) {
582
- const l = this[i];
583
- t.call(this, c), this.requestUpdate(i, l, n);
582
+ const l = this[s];
583
+ t.call(this, c), this.requestUpdate(s, l, n);
584
584
  };
585
585
  }
586
- throw Error("Unsupported decorator location: " + s);
586
+ throw Error("Unsupported decorator location: " + i);
587
587
  };
588
588
  function a(n) {
589
- return (t, e) => typeof e == "object" ? Qt(n, t, e) : ((s, o, r) => {
590
- const i = o.hasOwnProperty(r);
591
- return o.constructor.createProperty(r, s), i ? Object.getOwnPropertyDescriptor(o, r) : void 0;
589
+ return (t, e) => typeof e == "object" ? Qt(n, t, e) : ((i, o, r) => {
590
+ const s = o.hasOwnProperty(r);
591
+ return o.constructor.createProperty(r, i), s ? Object.getOwnPropertyDescriptor(o, r) : void 0;
592
592
  })(n, t, e);
593
593
  }
594
594
  /**
@@ -632,16 +632,16 @@ function ne(n) {
632
632
  function oe(n) {
633
633
  n.addInitializer((t) => {
634
634
  const e = t;
635
- e.addEventListener("click", async (s) => {
636
- const { type: o, [vt]: r } = e, { form: i } = r;
637
- if (!(!i || o === "button") && (await new Promise((c) => {
635
+ e.addEventListener("click", async (i) => {
636
+ const { type: o, [vt]: r } = e, { form: s } = r;
637
+ if (!(!s || o === "button") && (await new Promise((c) => {
638
638
  setTimeout(c);
639
- }), !s.defaultPrevented)) {
639
+ }), !i.defaultPrevented)) {
640
640
  if (o === "reset") {
641
- i.reset();
641
+ s.reset();
642
642
  return;
643
643
  }
644
- i.addEventListener(
644
+ s.addEventListener(
645
645
  "submit",
646
646
  (c) => {
647
647
  Object.defineProperty(c, "submitter", {
@@ -651,15 +651,15 @@ function oe(n) {
651
651
  });
652
652
  },
653
653
  { capture: !0, once: !0 }
654
- ), r.setFormValue(e.value), i.requestSubmit();
654
+ ), r.setFormValue(e.value), s.requestSubmit();
655
655
  }
656
656
  });
657
657
  });
658
658
  }
659
- const se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
659
+ const ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
660
660
  <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
661
661
  </svg>
662
- `, ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
662
+ `, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
663
663
  <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
664
664
  </svg>
665
665
  `, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -716,8 +716,8 @@ const se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
716
716
  <path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
717
717
  </svg>
718
718
  `, et = {
719
- wishlist: se,
720
- playerv: ie,
719
+ wishlist: ie,
720
+ playerv: se,
721
721
  chevronRight: re,
722
722
  chevronLeft: ae,
723
723
  icoPlus: ve,
@@ -744,8 +744,8 @@ class $e {
744
744
  get _$AU() {
745
745
  return this._$AM._$AU;
746
746
  }
747
- _$AT(t, e, s) {
748
- this._$Ct = t, this._$AM = e, this._$Ci = s;
747
+ _$AT(t, e, i) {
748
+ this._$Ct = t, this._$AM = e, this._$Ci = i;
749
749
  }
750
750
  _$AS(t, e) {
751
751
  return this.update(t, e);
@@ -765,7 +765,7 @@ class ct extends $e {
765
765
  }
766
766
  render(t) {
767
767
  if (t === d || t == null) return this._t = void 0, this.it = t;
768
- if (t === z) return t;
768
+ if (t === O) return t;
769
769
  if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
770
770
  if (t === this.it) return this._t;
771
771
  this.it = t;
@@ -783,10 +783,10 @@ class ht extends ct {
783
783
  }
784
784
  ht.directiveName = "unsafeSVG", ht.resultType = 2;
785
785
  const W = we(ht);
786
- var xe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, y = (n, t, e, s) => {
787
- for (var o = s > 1 ? void 0 : s ? _e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
788
- (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
789
- return s && o && xe(t, e, o), o;
786
+ var xe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, y = (n, t, e, i) => {
787
+ for (var o = i > 1 ? void 0 : i ? _e(t, e) : t, r = n.length - 1, s; r >= 0; r--)
788
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
789
+ return i && o && xe(t, e, o), o;
790
790
  };
791
791
  const Ae = ne(m);
792
792
  let u = class extends Ae {
@@ -1057,10 +1057,10 @@ y([
1057
1057
  u = y([
1058
1058
  L("o-button")
1059
1059
  ], u);
1060
- var Se = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, nt = (n, t, e, s) => {
1061
- for (var o = s > 1 ? void 0 : s ? Ee(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1062
- (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1063
- return s && o && Se(t, e, o), o;
1060
+ var Se = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, nt = (n, t, e, i) => {
1061
+ for (var o = i > 1 ? void 0 : i ? Ee(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1062
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1063
+ return i && o && Se(t, e, o), o;
1064
1064
  };
1065
1065
  let U = class extends m {
1066
1066
  constructor() {
@@ -1175,10 +1175,10 @@ nt([
1175
1175
  U = nt([
1176
1176
  L("o-wishlist-button")
1177
1177
  ], U);
1178
- var Ce = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, k = (n, t, e, s) => {
1179
- for (var o = s > 1 ? void 0 : s ? Le(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1180
- (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1181
- return s && o && Ce(t, e, o), o;
1178
+ var Ce = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, k = (n, t, e, i) => {
1179
+ for (var o = i > 1 ? void 0 : i ? Le(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1180
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1181
+ return i && o && Ce(t, e, o), o;
1182
1182
  };
1183
1183
  let w = class extends m {
1184
1184
  constructor() {
@@ -1434,10 +1434,10 @@ k([
1434
1434
  w = k([
1435
1435
  L("o-icon-button")
1436
1436
  ], w);
1437
- var ke = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, H = (n, t, e, s) => {
1438
- for (var o = s > 1 ? void 0 : s ? Pe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1439
- (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1440
- return s && o && ke(t, e, o), o;
1437
+ var ke = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, H = (n, t, e, i) => {
1438
+ for (var o = i > 1 ? void 0 : i ? Pe(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1439
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1440
+ return i && o && ke(t, e, o), o;
1441
1441
  };
1442
1442
  let _ = class extends m {
1443
1443
  constructor() {
@@ -1578,10 +1578,10 @@ H([
1578
1578
  _ = H([
1579
1579
  L("o-link")
1580
1580
  ], _);
1581
- var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, ot = (n, t, e, s) => {
1582
- for (var o = s > 1 ? void 0 : s ? Be(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1583
- (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1584
- return s && o && Ie(t, e, o), o;
1581
+ var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, ot = (n, t, e, i) => {
1582
+ for (var o = i > 1 ? void 0 : i ? Be(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1583
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1584
+ return i && o && Ie(t, e, o), o;
1585
1585
  };
1586
1586
  let N = class extends m {
1587
1587
  constructor() {
@@ -1591,8 +1591,8 @@ let N = class extends m {
1591
1591
  const n = [];
1592
1592
  for (let t = 0; t < 5; t++) {
1593
1593
  const e = this.rating - t;
1594
- let s;
1595
- e >= 1 ? s = 100 : e <= 0 ? s = 0 : s = Math.round(e * 100 / 25) * 25, n.push(`star-${s}`);
1594
+ let i;
1595
+ e >= 1 ? i = 100 : e <= 0 ? i = 0 : i = Math.round(e * 100 / 25) * 25, n.push(`star-${i}`);
1596
1596
  }
1597
1597
  return n;
1598
1598
  }
@@ -1656,10 +1656,10 @@ ot([
1656
1656
  N = ot([
1657
1657
  L("o-rating")
1658
1658
  ], N);
1659
- var Oe = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, b = (n, t, e, s) => {
1660
- for (var o = s > 1 ? void 0 : s ? ze(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1661
- (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1662
- return s && o && Oe(t, e, o), o;
1659
+ var ze = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, b = (n, t, e, i) => {
1660
+ for (var o = i > 1 ? void 0 : i ? Oe(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1661
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1662
+ return i && o && ze(t, e, o), o;
1663
1663
  };
1664
1664
  let v = class extends m {
1665
1665
  constructor() {
@@ -1678,8 +1678,8 @@ let v = class extends m {
1678
1678
  trapFocus(n) {
1679
1679
  const t = this.getFocusableElements();
1680
1680
  if (t.length === 0) return;
1681
- const e = t[0], s = t[t.length - 1];
1682
- n.shiftKey && document.activeElement === e ? (n.preventDefault(), s.focus()) : !n.shiftKey && document.activeElement === s && (n.preventDefault(), e.focus());
1681
+ const e = t[0], i = t[t.length - 1];
1682
+ n.shiftKey && document.activeElement === e ? (n.preventDefault(), i.focus()) : !n.shiftKey && document.activeElement === i && (n.preventDefault(), e.focus());
1683
1683
  }
1684
1684
  getFocusableElements() {
1685
1685
  const n = this.renderRoot.querySelector(".panel");
@@ -1773,6 +1773,8 @@ v.styles = $`
1773
1773
  z-index: var(--z-overlay);
1774
1774
  --side-panel-width: 100%;
1775
1775
  --side-panel-max-width: 416px;
1776
+ --font-size: var(--font-size-300);
1777
+ --line-height: var(--line-height-240);
1776
1778
  }
1777
1779
 
1778
1780
  /* Hide content until it is initialized */
@@ -1822,29 +1824,6 @@ v.styles = $`
1822
1824
  transform: translateX(0%);
1823
1825
  }
1824
1826
 
1825
- /* Mobile */
1826
- @media (max-width: 767px) {
1827
- :host {
1828
- --side-panel-width: 100%;
1829
- --side-panel-max-width: none;
1830
- }
1831
- }
1832
-
1833
- /* Tablet */
1834
- @media (min-width: 768px) and (max-width: 1024px) {
1835
- :host {
1836
- --side-panel-width: 375px;
1837
- --side-panel-max-width: 375px;
1838
- }
1839
- }
1840
-
1841
- @media (min-width: 1025px) {
1842
- :host {
1843
- --side-panel-width: 100%;
1844
- --side-panel-max-width: 416px;
1845
- }
1846
- }
1847
-
1848
1827
  .header {
1849
1828
  flex: 0 0 auto;
1850
1829
  display: flex;
@@ -1854,9 +1833,9 @@ v.styles = $`
1854
1833
 
1855
1834
  .panel-title {
1856
1835
  font-family: var(--font-family-loccitane-serif);
1857
- font-size: var(--font-size-300);
1836
+ font-size: var(--font-size);
1858
1837
  font-weight: var(--font-weight-400);
1859
- line-height: var(--line-height-240);
1838
+ line-height: var(--line-height);
1860
1839
  font-style: italic;
1861
1840
  display: -webkit-box;
1862
1841
  -webkit-line-clamp: 2;
@@ -1899,6 +1878,31 @@ v.styles = $`
1899
1878
  gap: 16px;
1900
1879
  justify-content: flex-start;
1901
1880
  }
1881
+
1882
+ /* Mobile */
1883
+ @media (max-width: 767px) {
1884
+ :host {
1885
+ --side-panel-width: 100%;
1886
+ --side-panel-max-width: none;
1887
+ }
1888
+ }
1889
+
1890
+ /* Tablet */
1891
+ @media (min-width: 768px) and (max-width: 1024px) {
1892
+ :host {
1893
+ --side-panel-width: 375px;
1894
+ --side-panel-max-width: 375px;
1895
+ }
1896
+ }
1897
+
1898
+ @media (min-width: 1025px) {
1899
+ :host {
1900
+ --side-panel-width: 100%;
1901
+ --side-panel-max-width: 416px;
1902
+ --font-size: var(--font-size-400);
1903
+ --line-height: var(--line-height-280);
1904
+ }
1905
+ }
1902
1906
  `;
1903
1907
  b([
1904
1908
  a({ type: Boolean, reflect: !0 })
@@ -1948,10 +1952,10 @@ b([
1948
1952
  v = b([
1949
1953
  L("o-side-panel")
1950
1954
  ], v);
1951
- var He = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, M = (n, t, e, s) => {
1952
- for (var o = s > 1 ? void 0 : s ? Me(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1953
- (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1954
- return s && o && He(t, e, o), o;
1955
+ var He = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, M = (n, t, e, i) => {
1956
+ for (var o = i > 1 ? void 0 : i ? Me(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1957
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1958
+ return i && o && He(t, e, o), o;
1955
1959
  };
1956
1960
  let A = class extends m {
1957
1961
  constructor() {
@@ -1992,14 +1996,14 @@ let A = class extends m {
1992
1996
  return h`
1993
1997
  <div class="scroll-container" style="max-width: ${this.maxWidth};">
1994
1998
  ${this.thumbnails.map((n, t) => {
1995
- const e = this.disabledIndexes.includes(t), s = this.activeIndex === t, o = n.type === "video";
1999
+ const e = this.disabledIndexes.includes(t), i = this.activeIndex === t, o = n.type === "video";
1996
2000
  return h`
1997
2001
  <div class="thumb-wrapper">
1998
2002
  <button
1999
2003
  class="thumb"
2000
2004
  data-index="${t}"
2001
2005
  ?disabled=${e}
2002
- aria-selected=${s}
2006
+ aria-selected=${i}
2003
2007
  tabindex="${this.focusedIndex === t ? 0 : -1}"
2004
2008
  @click=${() => this.selectThumbnail(t)}
2005
2009
  @keydown=${this.handleKeyDown}
@@ -2139,10 +2143,10 @@ M([
2139
2143
  A = M([
2140
2144
  L("thumbnail-navigation")
2141
2145
  ], A);
2142
- var Te = Object.defineProperty, De = Object.getOwnPropertyDescriptor, Bt = (n, t, e, s) => {
2143
- for (var o = s > 1 ? void 0 : s ? De(t, e) : t, r = n.length - 1, i; r >= 0; r--)
2144
- (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
2145
- return s && o && Te(t, e, o), o;
2146
+ var Te = Object.defineProperty, De = Object.getOwnPropertyDescriptor, Bt = (n, t, e, i) => {
2147
+ for (var o = i > 1 ? void 0 : i ? De(t, e) : t, r = n.length - 1, s; r >= 0; r--)
2148
+ (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
2149
+ return i && o && Te(t, e, o), o;
2146
2150
  };
2147
2151
  let Q = class extends m {
2148
2152
  constructor() {
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.4.28",
3
+ "version": "0.4.30",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",
7
7
  "description": "This library was generated with [Nx](https://nx.dev).",
8
8
  "dependencies": {
9
- "@florid-kit/tokens": "^0.1.12"
9
+ "@florid-kit/tokens": "^0.1.13"
10
10
  },
11
11
  "devDependencies": {
12
12
  "@storybook/addon-a11y": "8.6.14",