@florid-kit/components 0.4.23 → 0.4.24

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 +32 -22
  2. package/index.mjs +194 -184
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -2,17 +2,17 @@
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(),vt=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=vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&vt.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((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)},zt=(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 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(),vt=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=vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&vt.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;/**
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:"",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 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 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");/**
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");/**
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)}$`,Pt="?"+E,Rt=`<${Pt}>`,O=document,F=()=>O.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",ft=Array.isArray,Vt=n=>ft(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,k=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,At=/"/g,kt=/^(?: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(!ft(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 f,v,p=-1,x=0;for(;x<l.length&&(s.lastIndex=x,v=s.exec(l),v!==null);)x=s.lastIndex,s===j?v[1]==="!--"?s=$t:v[1]!==void 0?s=xt:v[2]!==void 0?(kt.test(v[2])&&(o=RegExp("</"+v[2],"g")),s=k):v[3]!==void 0&&(s=k):s===k?v[0]===">"?(s=o??j,p=-1):v[1]===void 0?p=-2:(p=s.lastIndex-v[2].length,f=v[1],s=v[3]===void 0?k:v[3]==='"'?At:_t):s===At||s===_t?s=k:s===$t||s===xt?s=j:(s=k,o=void 0);const S=s===k&&n[c+1].startsWith("/>")?" ":"";r+=s===j?l+Rt:p>=0?(i.push(f),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,[f,v]=Zt(t,e);if(this.el=q.createElement(f,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=v[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(kt.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===Pt)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=O.createElement("template");return i.innerHTML=t,i}}function D(n,t,e=n,i){var s,c;if(t===z)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)??O).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 f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Xt(r,this,t)),this._$AV.push(f),l=i[++c]}s!==(l==null?void 0:l.index)&&(r=I.nextNode(),s++)}return I.currentNode=O,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!==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$: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){ft(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!==z,s&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[i+l],e,l),f===z&&(f=this._$AH[l]),s||(s=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}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)===z)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};/**
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",ft=Array.isArray,Vt=n=>ft(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(!ft(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 f,v,p=-1,x=0;for(;x<l.length&&(i.lastIndex=x,v=i.exec(l),v!==null);)x=i.lastIndex,i===j?v[1]==="!--"?i=$t:v[1]!==void 0?i=xt:v[2]!==void 0?(Pt.test(v[2])&&(o=RegExp("</"+v[2],"g")),i=P):v[3]!==void 0&&(i=P):i===P?v[0]===">"?(i=o??j,p=-1):v[1]===void 0?p=-2:(p=i.lastIndex-v[2].length,f=v[1],i=v[3]===void 0?P:v[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(f),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,[f,v]=Zt(t,e);if(this.el=q.createElement(f,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=v[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 f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Xt(r,this,t)),this._$AV.push(f),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){ft(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,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[s+l],e,l),f===z&&(f=this._$AH[l]),i||(i=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}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};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * 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: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)}/**
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)}/**
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 i=>{const{type:o,[gt]: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">
47
+ */function oe(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:o,[gt]: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">
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
- `,se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
50
+ `,ie=`<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">
@@ -100,11 +100,11 @@
100
100
  `,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
101
101
  <path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
102
102
  </svg>
103
- `,et={wishlist:ie,playerv:se,chevronRight:re,chevronLeft:ae,icoPlus:ge,icoMinus:ve,"star-0":le,"star-25":ce,"star-50":he,"star-75":de,"star-100":pe,cross:ue,search:fe,arrowLeft:be};/**
103
+ `,et={wishlist:se,playerv:ie,chevronRight:re,chevronLeft:ae,icoPlus:ge,icoMinus:ve,"star-0":le,"star-25":ce,"star-50":he,"star-75":de,"star-100":pe,cross:ue,search:fe,arrowLeft:be};/**
104
104
  * @license
105
105
  * Copyright 2017 Google LLC
106
106
  * SPDX-License-Identifier: BSD-3-Clause
107
- */const ye={CHILD:2},me=n=>(...t)=>({_$litDirective$:n,values:t});class we{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)}}/**
107
+ */const ye={CHILD:2},me=n=>(...t)=>({_$litDirective$:n,values:t});class we{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)}}/**
108
108
  * @license
109
109
  * Copyright 2017 Google LLC
110
110
  * SPDX-License-Identifier: BSD-3-Clause
@@ -112,7 +112,7 @@
112
112
  * @license
113
113
  * Copyright 2017 Google LLC
114
114
  * SPDX-License-Identifier: BSD-3-Clause
115
- */class ht extends ct{}ht.directiveName="unsafeSVG",ht.resultType=2;const W=me(ht);var $e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,y=(n,t,e,i)=>{for(var o=i>1?void 0:i?xe(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&&$e(t,e,o),o};const _e=ne(m);let u=class extends _e{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[gt].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`
115
+ */class ht extends ct{}ht.directiveName="unsafeSVG",ht.resultType=2;const W=me(ht);var $e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,y=(n,t,e,s)=>{for(var o=s>1?void 0:s?xe(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&&$e(t,e,o),o};const _e=ne(m);let u=class extends _e{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[gt].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`
116
116
  <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
117
117
  ${this.startIcon?this.renderIcon("start"):d}
118
118
  ${n?h`
@@ -292,7 +292,7 @@
292
292
  transform: translateX(4px);
293
293
  }
294
294
  //End icon movment on hover
295
- `;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 Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,nt=(n,t,e,i)=>{for(var o=i>1?void 0:i?Se(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&&Ae(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`
295
+ `;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 Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,nt=(n,t,e,s)=>{for(var o=s>1?void 0:s?Se(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&&Ae(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`
296
296
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
297
297
  <span class="sr-only">${this.label}</span>
298
298
  ${W(n)}
@@ -356,7 +356,7 @@
356
356
  width: 0.1rem !important;
357
357
  white-space: nowrap !important;
358
358
  }
359
- `;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 Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,P=(n,t,e,i)=>{for(var o=i>1?void 0:i?Ce(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&&Ee(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`
359
+ `;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 Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,k=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ce(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&&Ee(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`
360
360
  ${this.type==="span"?h`
361
361
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
362
362
  ${W(e)}
@@ -570,7 +570,7 @@
570
570
  }
571
571
 
572
572
  }
573
- `;P([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);P([a({type:String,reflect:!0})],w.prototype,"size",2);P([a({type:String,reflect:!0})],w.prototype,"status",2);P([a({type:String,reflect:!0})],w.prototype,"type",2);P([a({type:String})],w.prototype,"strokewidth",2);P([a({type:String})],w.prototype,"icon",2);P([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=P([L("o-icon-button")],w);var Le=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&&Le(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`
573
+ `;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 Le=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,H=(n,t,e,s)=>{for(var o=s>1?void 0:s?ke(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&&Le(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`
574
574
  <a href="${this.href}" target="${this.target}">
575
575
  ${this.endIcon&&this.reverseEndIcon?h`
576
576
  <o-icon-button
@@ -679,7 +679,7 @@
679
679
  height: 1px;
680
680
  }
681
681
  /* End of underline effect */
682
- `;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 ke=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,ot=(n,t,e,i)=>{for(var o=i>1?void 0:i?Ie(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 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`
682
+ `;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 Pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,ot=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ie(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&&Pe(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`
683
683
  <div class="rating">
684
684
  <div class="stars">
685
685
  ${n.map(t=>h`<span class="star">${W(et[t]??"")}</span>`)}
@@ -719,7 +719,7 @@
719
719
  text-decoration: underline;
720
720
  cursor: pointer;
721
721
  }
722
- `;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 Be=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&&Be(t,e,o),o};let g=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`
722
+ `;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 Be=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,b=(n,t,e,s)=>{for(var o=s>1?void 0:s?Oe(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&&Be(t,e,o),o};let g=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`
723
723
  <div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
724
724
  <div
725
725
  class="panel"
@@ -904,7 +904,7 @@
904
904
  gap: 16px;
905
905
  justify-content: flex-start;
906
906
  }
907
- `;b([a({type:Boolean,reflect:!0})],g.prototype,"open",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);b([a({type:Function})],g.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);b([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=b([L("o-side-panel")],g);var ze=Object.defineProperty,He=Object.getOwnPropertyDescriptor,M=(n,t,e,i)=>{for(var o=i>1?void 0:i?He(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 A=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
907
+ `;b([a({type:Boolean,reflect:!0})],g.prototype,"open",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);b([a({type:Function})],g.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);b([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=b([L("o-side-panel")],g);var ze=Object.defineProperty,He=Object.getOwnPropertyDescriptor,M=(n,t,e,s)=>{for(var o=s>1?void 0:s?He(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&&ze(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`
908
908
  <o-icon-button
909
909
  icon="playerv"
910
910
  size="xsmall"
@@ -915,13 +915,13 @@
915
915
  ></o-icon-button>
916
916
  `}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`
917
917
  <div class="scroll-container" style="max-width: ${this.maxWidth};">
918
- ${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),i=this.activeIndex===t,o=n.type==="video";return h`
918
+ ${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),s=this.activeIndex===t,o=n.type==="video";return h`
919
919
  <div class="thumb-wrapper">
920
920
  <button
921
921
  class="thumb"
922
922
  data-index="${t}"
923
923
  ?disabled=${e}
924
- aria-selected=${i}
924
+ aria-selected=${s}
925
925
  tabindex="${this.focusedIndex===t?0:-1}"
926
926
  @click=${()=>this.selectThumbnail(t)}
927
927
  @keydown=${this.handleKeyDown}
@@ -1035,7 +1035,7 @@
1035
1035
  height: 0;
1036
1036
  width: 0;
1037
1037
  }
1038
- `;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 Me=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,Bt=(n,t,e,i)=>{for(var o=i>1?void 0:i?Te(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&&Me(t,e,o),o};let Q=class extends m{constructor(){super(...arguments),this.type="default"}render(){return h`
1038
+ `;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 Me=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,Bt=(n,t,e,s)=>{for(var o=s>1?void 0:s?Te(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&&Me(t,e,o),o};let Q=class extends m{constructor(){super(...arguments),this.type="default"}render(){return h`
1039
1039
  <span class="tag"><slot></slot></span>
1040
1040
  `}};Q.styles=$`
1041
1041
  .tag {
@@ -1059,10 +1059,11 @@
1059
1059
  }
1060
1060
  }
1061
1061
 
1062
- :host([type="outofstock"]) .tag {
1062
+ :host([type$="stock"]) .tag {
1063
1063
  padding-left: var(--spacing-2-xl);
1064
1064
  }
1065
- :host([type="outofstock"]) .tag::before {
1065
+
1066
+ :host([type$="stock"]) .tag::before {
1066
1067
  content: "";
1067
1068
  position: absolute;
1068
1069
  display: inline-block;
@@ -1074,4 +1075,13 @@
1074
1075
  width: 6px;
1075
1076
  height: 6px;
1076
1077
  }
1078
+
1079
+ :host([type="lowstock"]) .tag::before {
1080
+ background-color: var(--color-content-disabled);
1081
+ }
1082
+
1083
+ :host([type="instock"]) .tag::before {
1084
+ background-color: var(--color-content-success);
1085
+ }
1086
+
1077
1087
  `;Bt([a({type:String,reflect:!0})],Q.prototype,"type",2);Q=Bt([L("o-tag")],Q);
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(), vt = /* @__PURE__ */ new WeakMap();
7
7
  let Ct = class {
8
- constructor(t, e, i) {
9
- if (this._$cssResult$ = !0, i !== pt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
8
+ constructor(t, e, s) {
9
+ if (this._$cssResult$ = !0, s !== 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 i = e !== void 0 && e.length === 1;
17
- i && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && vt.set(e, t));
16
+ const s = e !== void 0 && e.length === 1;
17
+ s && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && vt.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -23,21 +23,21 @@ let Ct = class {
23
23
  }
24
24
  };
25
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((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.");
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.");
30
30
  })(o) + n[r + 1], n[0]);
31
31
  return new Ct(e, n, pt);
32
32
  }, zt = (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 i = document.createElement("style"), o = X.litNonce;
36
- o !== void 0 && i.setAttribute("nonce", o), i.textContent = e.cssText, n.appendChild(i);
35
+ const s = document.createElement("style"), o = X.litNonce;
36
+ o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
37
37
  }
38
38
  }, bt = dt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
- for (const i of t.cssRules) e += i.cssText;
40
+ for (const s of t.cssRules) e += s.cssText;
41
41
  return Ot(e);
42
42
  })(n) : n;
43
43
  /**
@@ -45,7 +45,7 @@ const Ot = (n) => new Ct(typeof n == "string" ? n : n + "", void 0, pt), $ = (n,
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 : "", it = 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 : "", st = 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 i = Symbol(), o = this.getPropertyDescriptor(t, i, e);
87
+ const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
88
88
  o !== void 0 && Mt(this.prototype, t, o);
89
89
  }
90
90
  }
91
- static getPropertyDescriptor(t, e, i) {
91
+ static getPropertyDescriptor(t, e, s) {
92
92
  const { get: o, set: r } = Tt(this.prototype, t) ?? { get() {
93
93
  return this[e];
94
- }, set(s) {
95
- this[e] = s;
94
+ }, set(i) {
95
+ this[e] = i;
96
96
  } };
97
- return { get: o, set(s) {
97
+ return { get: o, set(i) {
98
98
  const c = o == null ? void 0 : o.call(this);
99
- r == null || r.call(this, s), this.requestUpdate(t, c, i);
99
+ r == null || r.call(this, i), this.requestUpdate(t, c, s);
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, i = [...Dt(e), ...Ut(e)];
114
- for (const o of i) this.createProperty(o, e[o]);
113
+ const e = this.properties, s = [...Dt(e), ...Ut(e)];
114
+ for (const o of s) 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 [i, o] of e) this.elementProperties.set(i, o);
119
+ if (e !== void 0) for (const [s, o] of e) this.elementProperties.set(s, o);
120
120
  }
121
121
  this._$Eh = /* @__PURE__ */ new Map();
122
- for (const [e, i] of this.elementProperties) {
123
- const o = this._$Eu(e, i);
122
+ for (const [e, s] of this.elementProperties) {
123
+ const o = this._$Eu(e, s);
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 i = new Set(t.flat(1 / 0).reverse());
132
- for (const o of i) e.unshift(bt(o));
131
+ const s = new Set(t.flat(1 / 0).reverse());
132
+ for (const o of s) 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 i = e.attribute;
138
- return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
137
+ const s = e.attribute;
138
+ return s === !1 ? void 0 : typeof s == "string" ? s : 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,7 +154,7 @@ let T = class extends HTMLElement {
154
154
  }
155
155
  _$E_() {
156
156
  const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
157
- for (const i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
157
+ for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
158
158
  t.size > 0 && (this._$Ep = t);
159
159
  }
160
160
  createRenderRoot() {
@@ -164,8 +164,8 @@ let T = class extends HTMLElement {
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 i;
168
- return (i = e.hostConnected) == null ? void 0 : i.call(e);
167
+ var s;
168
+ return (s = e.hostConnected) == null ? void 0 : s.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 i;
177
- return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
176
+ var s;
177
+ return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
178
178
  });
179
179
  }
180
- attributeChangedCallback(t, e, i) {
181
- this._$AK(t, i);
180
+ attributeChangedCallback(t, e, s) {
181
+ this._$AK(t, s);
182
182
  }
183
183
  _$ET(t, e) {
184
184
  var r;
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;
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;
189
189
  }
190
190
  }
191
191
  _$AK(t, e) {
192
- var r, s;
193
- const i = this.constructor, o = i._$Eh.get(t);
192
+ var r, i;
193
+ const s = this.constructor, o = s._$Eh.get(t);
194
194
  if (o !== void 0 && this._$Em !== o) {
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;
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;
197
197
  }
198
198
  }
199
- requestUpdate(t, e, i) {
199
+ requestUpdate(t, e, s) {
200
200
  var o;
201
201
  if (t !== void 0) {
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);
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);
205
205
  }
206
206
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
207
207
  }
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));
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));
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 i;
225
+ var s;
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, s] of this._$Ep) this[r] = s;
229
+ for (const [r, i] of this._$Ep) this[r] = i;
230
230
  this._$Ep = void 0;
231
231
  }
232
232
  const o = this.constructor.elementProperties;
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);
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);
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), (i = this._$EO) == null || i.forEach((o) => {
241
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.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((i) => {
254
+ (e = this._$EO) == null || e.forEach((s) => {
255
255
  var o;
256
- return (o = i.hostUpdated) == null ? void 0 : o.call(i);
256
+ return (o = s.hostUpdated) == null ? void 0 : o.call(s);
257
257
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
258
258
  }
259
259
  _$EM() {
@@ -276,48 +276,48 @@ 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(), it == null || it({ 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(), st == null || st({ 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)}$`, Pt = "?" + E, Rt = `<${Pt}>`, O = document, F = () => O.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", ft = Array.isArray, Vt = (n) => ft(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, k = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), _t = /'/g, At = /"/g, kt = /^(?: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}>`, O = document, F = () => O.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", ft = Array.isArray, Vt = (n) => ft(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);
288
288
  function It(n, t) {
289
289
  if (!ft(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, i = [];
294
- let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
293
+ const e = n.length - 1, s = [];
294
+ let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = j;
295
295
  for (let c = 0; c < e; c++) {
296
296
  const l = n[c];
297
297
  let f, v, p = -1, x = 0;
298
- for (; x < l.length && (s.lastIndex = x, v = s.exec(l), v !== null); ) x = s.lastIndex, s === j ? v[1] === "!--" ? s = $t : v[1] !== void 0 ? s = xt : v[2] !== void 0 ? (kt.test(v[2]) && (o = RegExp("</" + v[2], "g")), s = k) : v[3] !== void 0 && (s = k) : s === k ? v[0] === ">" ? (s = o ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = s.lastIndex - v[2].length, f = v[1], s = v[3] === void 0 ? k : v[3] === '"' ? At : _t) : s === At || s === _t ? s = k : s === $t || s === xt ? s = j : (s = k, o = void 0);
299
- const S = s === k && n[c + 1].startsWith("/>") ? " " : "";
300
- r += s === j ? l + Rt : p >= 0 ? (i.push(f), l.slice(0, p) + Lt + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
298
+ for (; x < l.length && (i.lastIndex = x, v = i.exec(l), v !== null); ) x = i.lastIndex, i === j ? v[1] === "!--" ? i = $t : v[1] !== void 0 ? i = xt : v[2] !== void 0 ? (Pt.test(v[2]) && (o = RegExp("</" + v[2], "g")), i = P) : v[3] !== void 0 && (i = P) : i === P ? v[0] === ">" ? (i = o ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = i.lastIndex - v[2].length, f = v[1], i = v[3] === void 0 ? P : v[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(f), 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>" : "")), i];
302
+ return [It(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
303
303
  };
304
304
  class q {
305
- constructor({ strings: t, _$litType$: e }, i) {
305
+ constructor({ strings: t, _$litType$: e }, s) {
306
306
  let o;
307
307
  this.parts = [];
308
- let r = 0, s = 0;
308
+ let r = 0, i = 0;
309
309
  const c = t.length - 1, l = this.parts, [f, v] = Zt(t, e);
310
- if (this.el = q.createElement(f, i), I.currentNode = this.el.content, e === 2 || e === 3) {
310
+ if (this.el = q.createElement(f, s), 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 = v[s++], S = o.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
317
+ const x = v[i++], 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
- if (kt.test(o.tagName)) {
320
+ if (Pt.test(o.tagName)) {
321
321
  const p = o.textContent.split(E), x = p.length - 1;
322
322
  if (x > 0) {
323
323
  o.textContent = Y ? Y.emptyScript : "";
@@ -325,7 +325,7 @@ class q {
325
325
  o.append(p[x], F());
326
326
  }
327
327
  }
328
- } else if (o.nodeType === 8) if (o.data === Pt) l.push({ type: 2, index: r });
328
+ } else if (o.nodeType === 8) if (o.data === kt) l.push({ type: 2, index: r });
329
329
  else {
330
330
  let p = -1;
331
331
  for (; (p = o.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += E.length - 1;
@@ -334,16 +334,16 @@ class q {
334
334
  }
335
335
  }
336
336
  static createElement(t, e) {
337
- const i = O.createElement("template");
338
- return i.innerHTML = t, i;
337
+ const s = O.createElement("template");
338
+ return s.innerHTML = t, s;
339
339
  }
340
340
  }
341
- function D(n, t, e = n, i) {
342
- var s, c;
341
+ function D(n, t, e = n, s) {
342
+ var i, c;
343
343
  if (t === z) return t;
344
- let o = i !== void 0 ? (s = e._$Co) == null ? void 0 : s[i] : e._$Cl;
344
+ let o = s !== void 0 ? (i = e._$Co) == null ? void 0 : i[s] : 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, 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;
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;
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: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
359
+ const { el: { content: e }, parts: s } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
360
360
  I.currentNode = o;
361
- let r = I.nextNode(), s = 0, c = 0, l = i[0];
361
+ let r = I.nextNode(), i = 0, c = 0, l = s[0];
362
362
  for (; l !== void 0; ) {
363
- if (s === l.index) {
363
+ if (i === l.index) {
364
364
  let f;
365
- l.type === 2 ? f = new G(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Xt(r, this, t)), this._$AV.push(f), l = i[++c];
365
+ l.type === 2 ? f = new G(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Xt(r, this, t)), this._$AV.push(f), l = s[++c];
366
366
  }
367
- s !== (l == null ? void 0 : l.index) && (r = I.nextNode(), s++);
367
+ i !== (l == null ? void 0 : l.index) && (r = I.nextNode(), i++);
368
368
  }
369
369
  return I.currentNode = O, o;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
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++;
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++;
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, 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;
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;
383
383
  }
384
384
  get parentNode() {
385
385
  let t = this._$AA.parentNode;
@@ -406,11 +406,11 @@ class G {
406
406
  }
407
407
  $(t) {
408
408
  var r;
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);
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);
410
410
  if (((r = this._$AH) == null ? void 0 : r._$AD) === o) this._$AH.p(e);
411
411
  else {
412
- const s = new qt(o, this), c = s.u(this.options);
413
- s.p(e), this.T(c), this._$AH = s;
412
+ const i = new qt(o, this), c = i.u(this.options);
413
+ i.p(e), this.T(c), this._$AH = i;
414
414
  }
415
415
  }
416
416
  _$AC(t) {
@@ -420,13 +420,13 @@ class G {
420
420
  k(t) {
421
421
  ft(this._$AH) || (this._$AH = [], this._$AR());
422
422
  const e = this._$AH;
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);
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);
426
426
  }
427
427
  _$AR(t = this._$AA.nextSibling, e) {
428
- var i;
429
- for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
428
+ var s;
429
+ for ((s = this._$AP) == null ? void 0 : s.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, 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;
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;
448
448
  }
449
- _$AI(t, e = this, i, o) {
449
+ _$AI(t, e = this, s, o) {
450
450
  const r = this.strings;
451
- let s = !1;
452
- if (r === void 0) t = D(this, t, e, 0), s = !Z(t) || t !== this._$AH && t !== z, s && (this._$AH = t);
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);
453
453
  else {
454
454
  const c = t;
455
455
  let l, f;
456
- for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[i + l], e, l), f === z && (f = this._$AH[l]), s || (s = !Z(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
456
+ for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[s + l], e, l), f === z && (f = this._$AH[l]), i || (i = !Z(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
457
457
  }
458
- s && !o && this.j(t);
458
+ i && !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, i, o, r) {
482
- super(t, e, i, o, r), this.type = 5;
481
+ constructor(t, e, s, o, r) {
482
+ super(t, e, s, o, r), this.type = 5;
483
483
  }
484
484
  _$AI(t, e = this) {
485
485
  if ((t = D(this, t, e, 0) ?? d) === z) 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;
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;
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, i) {
496
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
495
+ constructor(t, e, s) {
496
+ this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
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 i = (e == null ? void 0 : e.renderBefore) ?? t;
509
- let o = i._$litPart$;
508
+ const s = (e == null ? void 0 : e.renderBefore) ?? t;
509
+ let o = s._$litPart$;
510
510
  if (o === void 0) {
511
511
  const r = (e == null ? void 0 : e.renderBefore) ?? null;
512
- i._$litPart$ = o = new G(t.insertBefore(F(), r), r, void 0, e ?? {});
512
+ s._$litPart$ = o = new G(t.insertBefore(F(), r), r, void 0, e ?? {});
513
513
  }
514
514
  return o._$AI(n), o;
515
515
  };
@@ -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: i, metadata: o } = e;
568
+ const { kind: s, metadata: o } = e;
569
569
  let r = globalThis.litPropertyMetadata.get(o);
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;
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;
572
572
  return { set(c) {
573
573
  const l = t.get.call(this);
574
- t.set.call(this, c), this.requestUpdate(s, l, n);
574
+ t.set.call(this, c), this.requestUpdate(i, l, n);
575
575
  }, init(c) {
576
- return c !== void 0 && this.C(s, void 0, n, c), c;
576
+ return c !== void 0 && this.C(i, void 0, n, c), c;
577
577
  } };
578
578
  }
579
- if (i === "setter") {
580
- const { name: s } = e;
579
+ if (s === "setter") {
580
+ const { name: i } = e;
581
581
  return function(c) {
582
- const l = this[s];
583
- t.call(this, c), this.requestUpdate(s, l, n);
582
+ const l = this[i];
583
+ t.call(this, c), this.requestUpdate(i, l, n);
584
584
  };
585
585
  }
586
- throw Error("Unsupported decorator location: " + i);
586
+ throw Error("Unsupported decorator location: " + s);
587
587
  };
588
588
  function a(n) {
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;
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;
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 (i) => {
636
- const { type: o, [gt]: r } = e, { form: s } = r;
637
- if (!(!s || o === "button") && (await new Promise((c) => {
635
+ e.addEventListener("click", async (s) => {
636
+ const { type: o, [gt]: r } = e, { form: i } = r;
637
+ if (!(!i || o === "button") && (await new Promise((c) => {
638
638
  setTimeout(c);
639
- }), !i.defaultPrevented)) {
639
+ }), !s.defaultPrevented)) {
640
640
  if (o === "reset") {
641
- s.reset();
641
+ i.reset();
642
642
  return;
643
643
  }
644
- s.addEventListener(
644
+ i.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), s.requestSubmit();
654
+ ), r.setFormValue(e.value), i.requestSubmit();
655
655
  }
656
656
  });
657
657
  });
658
658
  }
659
- const ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
659
+ const se = `<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
- `, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
662
+ `, ie = `<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">
@@ -713,8 +713,8 @@ const ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
713
713
  <path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
714
714
  </svg>
715
715
  `, et = {
716
- wishlist: ie,
717
- playerv: se,
716
+ wishlist: se,
717
+ playerv: ie,
718
718
  chevronRight: re,
719
719
  chevronLeft: ae,
720
720
  icoPlus: ge,
@@ -740,8 +740,8 @@ class we {
740
740
  get _$AU() {
741
741
  return this._$AM._$AU;
742
742
  }
743
- _$AT(t, e, i) {
744
- this._$Ct = t, this._$AM = e, this._$Ci = i;
743
+ _$AT(t, e, s) {
744
+ this._$Ct = t, this._$AM = e, this._$Ci = s;
745
745
  }
746
746
  _$AS(t, e) {
747
747
  return this.update(t, e);
@@ -779,10 +779,10 @@ class ht extends ct {
779
779
  }
780
780
  ht.directiveName = "unsafeSVG", ht.resultType = 2;
781
781
  const W = me(ht);
782
- var $e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, y = (n, t, e, i) => {
783
- for (var o = i > 1 ? void 0 : i ? xe(t, e) : t, r = n.length - 1, s; r >= 0; r--)
784
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
785
- return i && o && $e(t, e, o), o;
782
+ var $e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, y = (n, t, e, s) => {
783
+ for (var o = s > 1 ? void 0 : s ? xe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
784
+ (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
785
+ return s && o && $e(t, e, o), o;
786
786
  };
787
787
  const _e = ne(m);
788
788
  let u = class extends _e {
@@ -1053,10 +1053,10 @@ y([
1053
1053
  u = y([
1054
1054
  L("o-button")
1055
1055
  ], u);
1056
- var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, nt = (n, t, e, i) => {
1057
- for (var o = i > 1 ? void 0 : i ? Se(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1058
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1059
- return i && o && Ae(t, e, o), o;
1056
+ var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, nt = (n, t, e, s) => {
1057
+ for (var o = s > 1 ? void 0 : s ? Se(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1058
+ (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1059
+ return s && o && Ae(t, e, o), o;
1060
1060
  };
1061
1061
  let U = class extends m {
1062
1062
  constructor() {
@@ -1171,10 +1171,10 @@ nt([
1171
1171
  U = nt([
1172
1172
  L("o-wishlist-button")
1173
1173
  ], U);
1174
- var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, P = (n, t, e, i) => {
1175
- for (var o = i > 1 ? void 0 : i ? Ce(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1176
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1177
- return i && o && Ee(t, e, o), o;
1174
+ var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, k = (n, t, e, s) => {
1175
+ for (var o = s > 1 ? void 0 : s ? Ce(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1176
+ (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1177
+ return s && o && Ee(t, e, o), o;
1178
1178
  };
1179
1179
  let w = class extends m {
1180
1180
  constructor() {
@@ -1406,34 +1406,34 @@ w.styles = $`
1406
1406
 
1407
1407
  }
1408
1408
  `;
1409
- P([
1409
+ k([
1410
1410
  a({ type: String, reflect: !0 })
1411
1411
  ], w.prototype, "bgstyle", 2);
1412
- P([
1412
+ k([
1413
1413
  a({ type: String, reflect: !0 })
1414
1414
  ], w.prototype, "size", 2);
1415
- P([
1415
+ k([
1416
1416
  a({ type: String, reflect: !0 })
1417
1417
  ], w.prototype, "status", 2);
1418
- P([
1418
+ k([
1419
1419
  a({ type: String, reflect: !0 })
1420
1420
  ], w.prototype, "type", 2);
1421
- P([
1421
+ k([
1422
1422
  a({ type: String })
1423
1423
  ], w.prototype, "strokewidth", 2);
1424
- P([
1424
+ k([
1425
1425
  a({ type: String })
1426
1426
  ], w.prototype, "icon", 2);
1427
- P([
1427
+ k([
1428
1428
  a({ type: Boolean, reflect: !0 })
1429
1429
  ], w.prototype, "disabled", 2);
1430
- w = P([
1430
+ w = k([
1431
1431
  L("o-icon-button")
1432
1432
  ], w);
1433
- var Le = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, H = (n, t, e, i) => {
1434
- for (var o = i > 1 ? void 0 : i ? Pe(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1435
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1436
- return i && o && Le(t, e, o), o;
1433
+ var Le = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, H = (n, t, e, s) => {
1434
+ for (var o = s > 1 ? void 0 : s ? ke(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1435
+ (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1436
+ return s && o && Le(t, e, o), o;
1437
1437
  };
1438
1438
  let _ = class extends m {
1439
1439
  constructor() {
@@ -1574,10 +1574,10 @@ H([
1574
1574
  _ = H([
1575
1575
  L("o-link")
1576
1576
  ], _);
1577
- var ke = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, ot = (n, t, e, i) => {
1578
- for (var o = i > 1 ? void 0 : i ? Ie(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1579
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1580
- return i && o && ke(t, e, o), o;
1577
+ var Pe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, ot = (n, t, e, s) => {
1578
+ for (var o = s > 1 ? void 0 : s ? Ie(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1579
+ (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1580
+ return s && o && Pe(t, e, o), o;
1581
1581
  };
1582
1582
  let N = class extends m {
1583
1583
  constructor() {
@@ -1587,8 +1587,8 @@ let N = class extends m {
1587
1587
  const n = [];
1588
1588
  for (let t = 0; t < 5; t++) {
1589
1589
  const e = this.rating - t;
1590
- let i;
1591
- e >= 1 ? i = 100 : e <= 0 ? i = 0 : i = Math.round(e * 100 / 25) * 25, n.push(`star-${i}`);
1590
+ let s;
1591
+ e >= 1 ? s = 100 : e <= 0 ? s = 0 : s = Math.round(e * 100 / 25) * 25, n.push(`star-${s}`);
1592
1592
  }
1593
1593
  return n;
1594
1594
  }
@@ -1652,10 +1652,10 @@ ot([
1652
1652
  N = ot([
1653
1653
  L("o-rating")
1654
1654
  ], N);
1655
- var Be = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, b = (n, t, e, i) => {
1656
- for (var o = i > 1 ? void 0 : i ? Oe(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1657
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1658
- return i && o && Be(t, e, o), o;
1655
+ var Be = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, b = (n, t, e, s) => {
1656
+ for (var o = s > 1 ? void 0 : s ? Oe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1657
+ (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1658
+ return s && o && Be(t, e, o), o;
1659
1659
  };
1660
1660
  let g = class extends m {
1661
1661
  constructor() {
@@ -1674,8 +1674,8 @@ let g = class extends m {
1674
1674
  trapFocus(n) {
1675
1675
  const t = this.getFocusableElements();
1676
1676
  if (t.length === 0) return;
1677
- const e = t[0], i = t[t.length - 1];
1678
- n.shiftKey && document.activeElement === e ? (n.preventDefault(), i.focus()) : !n.shiftKey && document.activeElement === i && (n.preventDefault(), e.focus());
1677
+ const e = t[0], s = t[t.length - 1];
1678
+ n.shiftKey && document.activeElement === e ? (n.preventDefault(), s.focus()) : !n.shiftKey && document.activeElement === s && (n.preventDefault(), e.focus());
1679
1679
  }
1680
1680
  getFocusableElements() {
1681
1681
  const n = this.renderRoot.querySelector(".panel");
@@ -1944,10 +1944,10 @@ b([
1944
1944
  g = b([
1945
1945
  L("o-side-panel")
1946
1946
  ], g);
1947
- var ze = Object.defineProperty, He = Object.getOwnPropertyDescriptor, M = (n, t, e, i) => {
1948
- for (var o = i > 1 ? void 0 : i ? He(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1949
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
1950
- return i && o && ze(t, e, o), o;
1947
+ var ze = Object.defineProperty, He = Object.getOwnPropertyDescriptor, M = (n, t, e, s) => {
1948
+ for (var o = s > 1 ? void 0 : s ? He(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1949
+ (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1950
+ return s && o && ze(t, e, o), o;
1951
1951
  };
1952
1952
  let A = class extends m {
1953
1953
  constructor() {
@@ -1988,14 +1988,14 @@ let A = class extends m {
1988
1988
  return h`
1989
1989
  <div class="scroll-container" style="max-width: ${this.maxWidth};">
1990
1990
  ${this.thumbnails.map((n, t) => {
1991
- const e = this.disabledIndexes.includes(t), i = this.activeIndex === t, o = n.type === "video";
1991
+ const e = this.disabledIndexes.includes(t), s = this.activeIndex === t, o = n.type === "video";
1992
1992
  return h`
1993
1993
  <div class="thumb-wrapper">
1994
1994
  <button
1995
1995
  class="thumb"
1996
1996
  data-index="${t}"
1997
1997
  ?disabled=${e}
1998
- aria-selected=${i}
1998
+ aria-selected=${s}
1999
1999
  tabindex="${this.focusedIndex === t ? 0 : -1}"
2000
2000
  @click=${() => this.selectThumbnail(t)}
2001
2001
  @keydown=${this.handleKeyDown}
@@ -2135,10 +2135,10 @@ M([
2135
2135
  A = M([
2136
2136
  L("thumbnail-navigation")
2137
2137
  ], A);
2138
- var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, Bt = (n, t, e, i) => {
2139
- for (var o = i > 1 ? void 0 : i ? Te(t, e) : t, r = n.length - 1, s; r >= 0; r--)
2140
- (s = n[r]) && (o = (i ? s(t, e, o) : s(o)) || o);
2141
- return i && o && Me(t, e, o), o;
2138
+ var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, Bt = (n, t, e, s) => {
2139
+ for (var o = s > 1 ? void 0 : s ? Te(t, e) : t, r = n.length - 1, i; r >= 0; r--)
2140
+ (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
2141
+ return s && o && Me(t, e, o), o;
2142
2142
  };
2143
2143
  let Q = class extends m {
2144
2144
  constructor() {
@@ -2172,10 +2172,11 @@ Q.styles = $`
2172
2172
  }
2173
2173
  }
2174
2174
 
2175
- :host([type="outofstock"]) .tag {
2175
+ :host([type$="stock"]) .tag {
2176
2176
  padding-left: var(--spacing-2-xl);
2177
2177
  }
2178
- :host([type="outofstock"]) .tag::before {
2178
+
2179
+ :host([type$="stock"]) .tag::before {
2179
2180
  content: "";
2180
2181
  position: absolute;
2181
2182
  display: inline-block;
@@ -2187,6 +2188,15 @@ Q.styles = $`
2187
2188
  width: 6px;
2188
2189
  height: 6px;
2189
2190
  }
2191
+
2192
+ :host([type="lowstock"]) .tag::before {
2193
+ background-color: var(--color-content-disabled);
2194
+ }
2195
+
2196
+ :host([type="instock"]) .tag::before {
2197
+ background-color: var(--color-content-success);
2198
+ }
2199
+
2190
2200
  `;
2191
2201
  Bt([
2192
2202
  a({ type: String, reflect: !0 })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.4.23",
3
+ "version": "0.4.24",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",