@florid-kit/components 0.3.18 → 0.3.20

package/aria.d.ts

@@ -15,7 +15,7 @@ export type ARIAAttribute = ARIAPropertyToAttribute<ARIAProperty>;
 /**
  * Accessibility Object Model aria attributes.
  */
-export declare const ARIA_ATTRIBUTES: ("aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-description" | "aria-disabled" | "aria-expanded" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext")[];
+export declare const ARIA_ATTRIBUTES: ("aria-pressed" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-description" | "aria-disabled" | "aria-expanded" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-placeholder" | "aria-posinset" | "aria-readonly" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext")[];
 /**
  * Checks if an attribute is one of the AOM aria attributes.
  *

package/components/wishlist-button.d.ts

@@ -6,9 +6,11 @@ export declare class OccitaneWishlistButton extends LitElement {
     status: Status;
     ariaDescribedBy: string;
     label: string;
-    protected render(): import('lit').TemplateResult<1>;
-    private handleClick;
+    connectedCallback(): void;
+    protected firstUpdated(): void;
+    private handleKeydown;
     private toggleStatus;
+    protected render(): import('lit').TemplateResult<1>;
     setStatus(status: Status): void;
     setAriaDescribedBy(ariaDescribedBy: string): void;
     setLabel(label: string): void;

package/index.js

@@ -2,21 +2,21 @@
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==lt)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(at&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ut.set(e,t))}return t}toString(){return this.cssText}};const Pt=o=>new At(typeof o=="string"?o:o+"",void 0,lt),E=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((s,n,i)=>s+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+o[i+1],o[0]);return new At(e,o,lt)},Bt=(o,t)=>{if(at)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),n=W.litNonce;n!==void 0&&s.setAttribute("nonce",n),s.textContent=e.cssText,o.appendChild(s)}},ft=at?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Pt(e)})(o):o;/**
+ */const W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==lt)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(at&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ut.set(e,t))}return t}toString(){return this.cssText}};const Pt=o=>new At(typeof o=="string"?o:o+"",void 0,lt),E=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((s,n,i)=>s+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+o[i+1],o[0]);return new At(e,o,lt)},kt=(o,t)=>{if(at)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),n=W.litNonce;n!==void 0&&s.setAttribute("nonce",n),s.textContent=e.cssText,o.appendChild(s)}},ft=at?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Pt(e)})(o):o;/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const{is:kt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:It,getPrototypeOf:zt}=Object,S=globalThis,gt=S.trustedTypes,Ut=gt?gt.emptyScript:"",tt=S.reactiveElementPolyfillSupport,N=(o,t)=>o,G={toAttribute(o,t){switch(t){case Boolean:o=o?Ut:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},ct=(o,t)=>!kt(o,t),vt={attribute:!0,type:String,converter:G,reflect:!1,useDefault:!1,hasChanged:ct};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),S.litPropertyMetadata??(S.litPropertyMetadata=new WeakMap);let M=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=vt){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(),n=this.getPropertyDescriptor(t,s,e);n!==void 0&&Ot(this.prototype,t,n)}}static getPropertyDescriptor(t,e,s){const{get:n,set:i}=Ht(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:n,set(r){const c=n==null?void 0:n.call(this);i==null||i.call(this,r),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??vt}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const t=zt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,s=[...Mt(e),...It(e)];for(const n of s)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,n]of e)this.elementProperties.set(s,n)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const n=this._$Eu(e,s);n!==void 0&&this._$Eh.set(n,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 n of s)e.unshift(ft(n))}else t!==void 0&&e.push(ft(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 Bt(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 i;const s=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,s);if(n!==void 0&&s.reflect===!0){const r=(((i=s.converter)==null?void 0:i.toAttribute)!==void 0?s.converter:G).toAttribute(e,s.type);this._$Em=t,r==null?this.removeAttribute(n):this.setAttribute(n,r),this._$Em=null}}_$AK(t,e){var i,r;const s=this.constructor,n=s._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const c=s.getPropertyOptions(n),a=typeof c.converter=="function"?{fromAttribute:c.converter}:((i=c.converter)==null?void 0:i.fromAttribute)!==void 0?c.converter:G;this._$Em=n,this[n]=a.fromAttribute(e,c.type)??((r=this._$Ej)==null?void 0:r.get(n))??null,this._$Em=null}}requestUpdate(t,e,s){var n;if(t!==void 0){const i=this.constructor,r=this[t];if(s??(s=i.getPropertyOptions(t)),!((s.hasChanged??ct)(r,e)||s.useDefault&&s.reflect&&r===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:n,wrapped:i},r){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),i!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),n===!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[i,r]of this._$Ep)this[i]=r;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[i,r]of n){const{wrapped:c}=r,a=this[i];c!==!0||this._$AL.has(i)||a===void 0||this.C(i,void 0,r,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(n=>{var i;return(i=n.hostUpdate)==null?void 0:i.call(n)}),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var n;return(n=s.hostUpdated)==null?void 0:n.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){}};M.elementStyles=[],M.shadowRootOptions={mode:"open"},M[N("elementProperties")]=new Map,M[N("finalized")]=new Map,tt==null||tt({ReactiveElement:M}),(S.reactiveElementVersions??(S.reactiveElementVersions=[])).push("2.1.0");/**
+ */const{is:Bt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:It,getPrototypeOf:zt}=Object,S=globalThis,gt=S.trustedTypes,Ut=gt?gt.emptyScript:"",tt=S.reactiveElementPolyfillSupport,N=(o,t)=>o,K={toAttribute(o,t){switch(t){case Boolean:o=o?Ut:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},ct=(o,t)=>!Bt(o,t),vt={attribute:!0,type:String,converter:K,reflect:!1,useDefault:!1,hasChanged:ct};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),S.litPropertyMetadata??(S.litPropertyMetadata=new WeakMap);let M=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=vt){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(),n=this.getPropertyDescriptor(t,s,e);n!==void 0&&Ot(this.prototype,t,n)}}static getPropertyDescriptor(t,e,s){const{get:n,set:i}=Ht(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:n,set(r){const c=n==null?void 0:n.call(this);i==null||i.call(this,r),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??vt}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const t=zt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,s=[...Mt(e),...It(e)];for(const n of s)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,n]of e)this.elementProperties.set(s,n)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const n=this._$Eu(e,s);n!==void 0&&this._$Eh.set(n,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 n of s)e.unshift(ft(n))}else t!==void 0&&e.push(ft(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 kt(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 i;const s=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,s);if(n!==void 0&&s.reflect===!0){const r=(((i=s.converter)==null?void 0:i.toAttribute)!==void 0?s.converter:K).toAttribute(e,s.type);this._$Em=t,r==null?this.removeAttribute(n):this.setAttribute(n,r),this._$Em=null}}_$AK(t,e){var i,r;const s=this.constructor,n=s._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const c=s.getPropertyOptions(n),a=typeof c.converter=="function"?{fromAttribute:c.converter}:((i=c.converter)==null?void 0:i.fromAttribute)!==void 0?c.converter:K;this._$Em=n,this[n]=a.fromAttribute(e,c.type)??((r=this._$Ej)==null?void 0:r.get(n))??null,this._$Em=null}}requestUpdate(t,e,s){var n;if(t!==void 0){const i=this.constructor,r=this[t];if(s??(s=i.getPropertyOptions(t)),!((s.hasChanged??ct)(r,e)||s.useDefault&&s.reflect&&r===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:n,wrapped:i},r){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),i!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),n===!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[i,r]of this._$Ep)this[i]=r;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[i,r]of n){const{wrapped:c}=r,a=this[i];c!==!0||this._$AL.has(i)||a===void 0||this.C(i,void 0,r,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(n=>{var i;return(i=n.hostUpdate)==null?void 0:i.call(n)}),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var n;return(n=s.hostUpdated)==null?void 0:n.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){}};M.elementStyles=[],M.shadowRootOptions={mode:"open"},M[N("elementProperties")]=new Map,M[N("finalized")]=new Map,tt==null||tt({ReactiveElement:M}),(S.reactiveElementVersions??(S.reactiveElementVersions=[])).push("2.1.0");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const j=globalThis,K=j.trustedTypes,bt=K?K.createPolicy("lit-html",{createHTML:o=>o}):void 0,St="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,Et="?"+A,Tt=`<${Et}>`,k=document,R=()=>k.createComment(""),F=o=>o===null||typeof o!="object"&&typeof o!="function",ht=Array.isArray,Dt=o=>ht(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",et=`[ 	
+ */const j=globalThis,G=j.trustedTypes,bt=G?G.createPolicy("lit-html",{createHTML:o=>o}):void 0,St="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,Et="?"+A,Tt=`<${Et}>`,B=document,R=()=>B.createComment(""),F=o=>o===null||typeof o!="object"&&typeof o!="function",ht=Array.isArray,Dt=o=>ht(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",et=`[ 	
 \f\r]`,D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,yt=/-->/g,$t=/>/g,L=RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),mt=/'/g,wt=/"/g,Ct=/^(?:script|style|textarea|title)$/i,Nt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),p=Nt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),_t=new WeakMap,P=k.createTreeWalker(k,129);function Lt(o,t){if(!ht(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}const jt=(o,t)=>{const e=o.length-1,s=[];let n,i=t===2?"<svg>":t===3?"<math>":"",r=D;for(let c=0;c<e;c++){const a=o[c];let f,g,d=-1,w=0;for(;w<a.length&&(r.lastIndex=w,g=r.exec(a),g!==null);)w=r.lastIndex,r===D?g[1]==="!--"?r=yt:g[1]!==void 0?r=$t:g[2]!==void 0?(Ct.test(g[2])&&(n=RegExp("</"+g[2],"g")),r=L):g[3]!==void 0&&(r=L):r===L?g[0]===">"?(r=n??D,d=-1):g[1]===void 0?d=-2:(d=r.lastIndex-g[2].length,f=g[1],r=g[3]===void 0?L:g[3]==='"'?wt:mt):r===wt||r===mt?r=L:r===yt||r===$t?r=D:(r=L,n=void 0);const x=r===L&&o[c+1].startsWith("/>")?" ":"";i+=r===D?a+Tt:d>=0?(s.push(f),a.slice(0,d)+St+a.slice(d)+A+x):a+A+(d===-2?c:x)}return[Lt(o,i+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class V{constructor({strings:t,_$litType$:e},s){let n;this.parts=[];let i=0,r=0;const c=t.length-1,a=this.parts,[f,g]=jt(t,e);if(this.el=V.createElement(f,s),P.currentNode=this.el.content,e===2||e===3){const d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(n=P.nextNode())!==null&&a.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(const d of n.getAttributeNames())if(d.endsWith(St)){const w=g[r++],x=n.getAttribute(d).split(A),q=/([.?@])?(.*)/.exec(w);a.push({type:1,index:i,name:q[2],strings:x,ctor:q[1]==="."?Ft:q[1]==="?"?Vt:q[1]==="@"?Zt:J}),n.removeAttribute(d)}else d.startsWith(A)&&(a.push({type:6,index:i}),n.removeAttribute(d));if(Ct.test(n.tagName)){const d=n.textContent.split(A),w=d.length-1;if(w>0){n.textContent=K?K.emptyScript:"";for(let x=0;x<w;x++)n.append(d[x],R()),P.nextNode(),a.push({type:2,index:++i});n.append(d[w],R())}}}else if(n.nodeType===8)if(n.data===Et)a.push({type:2,index:i});else{let d=-1;for(;(d=n.data.indexOf(A,d+1))!==-1;)a.push({type:7,index:i}),d+=A.length-1}i++}}static createElement(t,e){const s=k.createElement("template");return s.innerHTML=t,s}}function I(o,t,e=o,s){var r,c;if(t===O)return t;let n=s!==void 0?(r=e._$Co)==null?void 0:r[s]:e._$Cl;const i=F(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==i&&((c=n==null?void 0:n._$AO)==null||c.call(n,!1),i===void 0?n=void 0:(n=new i(o),n._$AT(o,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=n:e._$Cl=n),n!==void 0&&(t=I(o,n._$AS(o,t.values),n,s)),t}class Rt{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,n=((t==null?void 0:t.creationScope)??k).importNode(e,!0);P.currentNode=n;let i=P.nextNode(),r=0,c=0,a=s[0];for(;a!==void 0;){if(r===a.index){let f;a.type===2?f=new Z(i,i.nextSibling,this,t):a.type===1?f=new a.ctor(i,a.name,a.strings,this,t):a.type===6&&(f=new qt(i,this,t)),this._$AV.push(f),a=s[++c]}r!==(a==null?void 0:a.index)&&(i=P.nextNode(),r++)}return P.currentNode=k,n}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 Z{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,n){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=n,this._$Cv=(n==null?void 0:n.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=I(this,t,e),F(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Dt(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!==h&&F(this._$AH)?this._$AA.nextSibling.data=t:this.T(k.createTextNode(t)),this._$AH=t}$(t){var i;const{values:e,_$litType$:s}=t,n=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=V.createElement(Lt(s.h,s.h[0]),this.options)),s);if(((i=this._$AH)==null?void 0:i._$AD)===n)this._$AH.p(e);else{const r=new Rt(n,this),c=r.u(this.options);r.p(e),this.T(c),this._$AH=r}}_$AC(t){let e=_t.get(t.strings);return e===void 0&&_t.set(t.strings,e=new V(t)),e}k(t){ht(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,n=0;for(const i of t)n===e.length?e.push(s=new Z(this.O(R()),this.O(R()),this,this.options)):s=e[n],s._$AI(i),n++;n<e.length&&(this._$AR(s&&s._$AB.nextSibling,n),e.length=n)}_$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 n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class J{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,n,i){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=i,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=h}_$AI(t,e=this,s,n){const i=this.strings;let r=!1;if(i===void 0)t=I(this,t,e,0),r=!F(t)||t!==this._$AH&&t!==O,r&&(this._$AH=t);else{const c=t;let a,f;for(t=i[0],a=0;a<i.length-1;a++)f=I(this,c[s+a],e,a),f===O&&(f=this._$AH[a]),r||(r=!F(f)||f!==this._$AH[a]),f===h?t=h:t!==h&&(t+=(f??"")+i[a+1]),this._$AH[a]=f}r&&!n&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ft extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Vt extends J{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Zt extends J{constructor(t,e,s,n,i){super(t,e,s,n,i),this.type=5}_$AI(t,e=this){if((t=I(this,t,e,0)??h)===O)return;const s=this._$AH,n=t===h&&s!==h||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,i=t!==h&&(s===h||n);n&&this.element.removeEventListener(this.name,this,s),i&&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 qt{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){I(this,t)}}const st=j.litHtmlPolyfillSupport;st==null||st(V,Z),(j.litHtmlVersions??(j.litHtmlVersions=[])).push("3.3.0");const Wt=(o,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let n=s._$litPart$;if(n===void 0){const i=(e==null?void 0:e.renderBefore)??null;s._$litPart$=n=new Z(t.insertBefore(R(),i),i,void 0,e??{})}return n._$AI(o),n};/**
+\f\r"'\`<>=]|("|')|))|$)`,"g"),mt=/'/g,wt=/"/g,Ct=/^(?:script|style|textarea|title)$/i,Nt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),d=Nt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),_t=new WeakMap,P=B.createTreeWalker(B,129);function Lt(o,t){if(!ht(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}const jt=(o,t)=>{const e=o.length-1,s=[];let n,i=t===2?"<svg>":t===3?"<math>":"",r=D;for(let c=0;c<e;c++){const a=o[c];let f,g,p=-1,w=0;for(;w<a.length&&(r.lastIndex=w,g=r.exec(a),g!==null);)w=r.lastIndex,r===D?g[1]==="!--"?r=yt:g[1]!==void 0?r=$t:g[2]!==void 0?(Ct.test(g[2])&&(n=RegExp("</"+g[2],"g")),r=L):g[3]!==void 0&&(r=L):r===L?g[0]===">"?(r=n??D,p=-1):g[1]===void 0?p=-2:(p=r.lastIndex-g[2].length,f=g[1],r=g[3]===void 0?L:g[3]==='"'?wt:mt):r===wt||r===mt?r=L:r===yt||r===$t?r=D:(r=L,n=void 0);const x=r===L&&o[c+1].startsWith("/>")?" ":"";i+=r===D?a+Tt:p>=0?(s.push(f),a.slice(0,p)+St+a.slice(p)+A+x):a+A+(p===-2?c:x)}return[Lt(o,i+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class V{constructor({strings:t,_$litType$:e},s){let n;this.parts=[];let i=0,r=0;const c=t.length-1,a=this.parts,[f,g]=jt(t,e);if(this.el=V.createElement(f,s),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(n=P.nextNode())!==null&&a.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(const p of n.getAttributeNames())if(p.endsWith(St)){const w=g[r++],x=n.getAttribute(p).split(A),q=/([.?@])?(.*)/.exec(w);a.push({type:1,index:i,name:q[2],strings:x,ctor:q[1]==="."?Ft:q[1]==="?"?Vt:q[1]==="@"?Zt:J}),n.removeAttribute(p)}else p.startsWith(A)&&(a.push({type:6,index:i}),n.removeAttribute(p));if(Ct.test(n.tagName)){const p=n.textContent.split(A),w=p.length-1;if(w>0){n.textContent=G?G.emptyScript:"";for(let x=0;x<w;x++)n.append(p[x],R()),P.nextNode(),a.push({type:2,index:++i});n.append(p[w],R())}}}else if(n.nodeType===8)if(n.data===Et)a.push({type:2,index:i});else{let p=-1;for(;(p=n.data.indexOf(A,p+1))!==-1;)a.push({type:7,index:i}),p+=A.length-1}i++}}static createElement(t,e){const s=B.createElement("template");return s.innerHTML=t,s}}function I(o,t,e=o,s){var r,c;if(t===O)return t;let n=s!==void 0?(r=e._$Co)==null?void 0:r[s]:e._$Cl;const i=F(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==i&&((c=n==null?void 0:n._$AO)==null||c.call(n,!1),i===void 0?n=void 0:(n=new i(o),n._$AT(o,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=n:e._$Cl=n),n!==void 0&&(t=I(o,n._$AS(o,t.values),n,s)),t}class Rt{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,n=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=n;let i=P.nextNode(),r=0,c=0,a=s[0];for(;a!==void 0;){if(r===a.index){let f;a.type===2?f=new Z(i,i.nextSibling,this,t):a.type===1?f=new a.ctor(i,a.name,a.strings,this,t):a.type===6&&(f=new qt(i,this,t)),this._$AV.push(f),a=s[++c]}r!==(a==null?void 0:a.index)&&(i=P.nextNode(),r++)}return P.currentNode=B,n}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 Z{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,n){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=n,this._$Cv=(n==null?void 0:n.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=I(this,t,e),F(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Dt(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!==h&&F(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var i;const{values:e,_$litType$:s}=t,n=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=V.createElement(Lt(s.h,s.h[0]),this.options)),s);if(((i=this._$AH)==null?void 0:i._$AD)===n)this._$AH.p(e);else{const r=new Rt(n,this),c=r.u(this.options);r.p(e),this.T(c),this._$AH=r}}_$AC(t){let e=_t.get(t.strings);return e===void 0&&_t.set(t.strings,e=new V(t)),e}k(t){ht(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,n=0;for(const i of t)n===e.length?e.push(s=new Z(this.O(R()),this.O(R()),this,this.options)):s=e[n],s._$AI(i),n++;n<e.length&&(this._$AR(s&&s._$AB.nextSibling,n),e.length=n)}_$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 n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class J{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,n,i){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=i,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=h}_$AI(t,e=this,s,n){const i=this.strings;let r=!1;if(i===void 0)t=I(this,t,e,0),r=!F(t)||t!==this._$AH&&t!==O,r&&(this._$AH=t);else{const c=t;let a,f;for(t=i[0],a=0;a<i.length-1;a++)f=I(this,c[s+a],e,a),f===O&&(f=this._$AH[a]),r||(r=!F(f)||f!==this._$AH[a]),f===h?t=h:t!==h&&(t+=(f??"")+i[a+1]),this._$AH[a]=f}r&&!n&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ft extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Vt extends J{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Zt extends J{constructor(t,e,s,n,i){super(t,e,s,n,i),this.type=5}_$AI(t,e=this){if((t=I(this,t,e,0)??h)===O)return;const s=this._$AH,n=t===h&&s!==h||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,i=t!==h&&(s===h||n);n&&this.element.removeEventListener(this.name,this,s),i&&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 qt{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){I(this,t)}}const st=j.litHtmlPolyfillSupport;st==null||st(V,Z),(j.litHtmlVersions??(j.litHtmlVersions=[])).push("3.3.0");const Wt=(o,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let n=s._$litPart$;if(n===void 0){const i=(e==null?void 0:e.renderBefore)??null;s._$litPart$=n=new Z(t.insertBefore(R(),i),i,void 0,e??{})}return n._$AI(o),n};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const B=globalThis;let $=class extends M{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Wt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return O}};var xt;$._$litElement$=!0,$.finalized=!0,(xt=B.litElementHydrateSupport)==null||xt.call(B,{LitElement:$});const nt=B.litElementPolyfillSupport;nt==null||nt({LitElement:$});(B.litElementVersions??(B.litElementVersions=[])).push("4.2.0");/**
+ */const k=globalThis;let $=class extends M{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Wt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return O}};var xt;$._$litElement$=!0,$.finalized=!0,(xt=k.litElementHydrateSupport)==null||xt.call(k,{LitElement:$});const nt=k.litElementPolyfillSupport;nt==null||nt({LitElement:$});(k.litElementVersions??(k.litElementVersions=[])).push("4.2.0");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -24,7 +24,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Gt={attribute:!0,type:String,converter:G,reflect:!1,hasChanged:ct},Kt=(o=Gt,t,e)=>{const{kind:s,metadata:n}=e;let i=globalThis.litPropertyMetadata.get(n);if(i===void 0&&globalThis.litPropertyMetadata.set(n,i=new Map),s==="setter"&&((o=Object.create(o)).wrapped=!0),i.set(e.name,o),s==="accessor"){const{name:r}=e;return{set(c){const a=t.get.call(this);t.set.call(this,c),this.requestUpdate(r,a,o)},init(c){return c!==void 0&&this.C(r,void 0,o,c),c}}}if(s==="setter"){const{name:r}=e;return function(c){const a=this[r];t.call(this,c),this.requestUpdate(r,a,o)}}throw Error("Unsupported decorator location: "+s)};function l(o){return(t,e)=>typeof e=="object"?Kt(o,t,e):((s,n,i)=>{const r=n.hasOwnProperty(i);return n.constructor.createProperty(i,s),r?Object.getOwnPropertyDescriptor(n,i):void 0})(o,t,e)}const Xt=E`
+ */const Kt={attribute:!0,type:String,converter:K,reflect:!1,hasChanged:ct},Gt=(o=Kt,t,e)=>{const{kind:s,metadata:n}=e;let i=globalThis.litPropertyMetadata.get(n);if(i===void 0&&globalThis.litPropertyMetadata.set(n,i=new Map),s==="setter"&&((o=Object.create(o)).wrapped=!0),i.set(e.name,o),s==="accessor"){const{name:r}=e;return{set(c){const a=t.get.call(this);t.set.call(this,c),this.requestUpdate(r,a,o)},init(c){return c!==void 0&&this.C(r,void 0,o,c),c}}}if(s==="setter"){const{name:r}=e;return function(c){const a=this[r];t.call(this,c),this.requestUpdate(r,a,o)}}throw Error("Unsupported decorator location: "+s)};function l(o){return(t,e)=>typeof e=="object"?Gt(o,t,e):((s,n,i)=>{const r=n.hasOwnProperty(i);return n.constructor.createProperty(i,s),r?Object.getOwnPropertyDescriptor(n,i):void 0})(o,t,e)}const Xt=E`
 	outline: 1px dashed var(--button-border-color);
 	outline-offset: 2px;
 	outline: dashed black;
@@ -36,11 +36,11 @@
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */const pt=Symbol("internals"),ot=Symbol("privateInternals");function Jt(o){var t;class e extends o{get[(t=pt,t)](){return this[ot]||(this[ot]=this.attachInternals()),this[ot]}}return e}/**
+ */const dt=Symbol("internals"),ot=Symbol("privateInternals");function Jt(o){var t;class e extends o{get[(t=dt,t)](){return this[ot]||(this[ot]=this.attachInternals()),this[ot]}}return e}/**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */function Qt(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:n,[pt]:i}=e,{form:r}=i;if(!(!r||n==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(n==="reset"){r.reset();return}r.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),i.setFormValue(e.value),r.requestSubmit()}})})}/**
+ */function Qt(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:n,[dt]:i}=e,{form:r}=i;if(!(!r||n==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(n==="reset"){r.reset();return}r.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),i.setFormValue(e.value),r.requestSubmit()}})})}/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -79,11 +79,11 @@
 `,he=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
 </svg>
-`,pe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`,de=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 2L14 14" stroke="#3F2B2E"/>
 <path d="M14 2L2 14" stroke="#3F2B2E"/>
 </svg>
-`,de=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`,pe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
 </svg>
 `,ue=`<?xml version="1.0" encoding="utf-8"?>
@@ -105,12 +105,12 @@
 </style>
 <path class="st0" d="M27.3,20.7H12.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h14.7c0.4,0,0.7,0.3,0.7,0.7S27.7,20.7,27.3,20.7z"/>
 </svg>
-`,dt={wishlist:se,playerv:ne,chevronRight:oe,chevronLeft:re,icoPlus:ue,icoMinus:fe,"star-0":ie,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:pe,search:de};var ge=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,C=(o,t,e,s)=>{for(var n=s>1?void 0:s?ve(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&ge(t,e,n),n};let m=class extends ${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(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=dt[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return p`
-			${this.type==="span"?p`
+`,pt={wishlist:se,playerv:ne,chevronRight:oe,chevronLeft:re,icoPlus:ue,icoMinus:fe,"star-0":ie,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe};var ge=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,C=(o,t,e,s)=>{for(var n=s>1?void 0:s?ve(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&ge(t,e,n),n};let m=class extends ${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(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=pt[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
+			${this.type==="span"?d`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">	
 					${X(e)}
 				</span>
-			`:p`
+			`:d`
 				<button
 					type="button"
 					aria-label="icon"
@@ -277,7 +277,7 @@
 			}
 			
 		}
-	`;C([l({type:String,reflect:!0})],m.prototype,"bgstyle",2);C([l({type:String,reflect:!0})],m.prototype,"size",2);C([l({type:String,reflect:!0})],m.prototype,"status",2);C([l({type:String,reflect:!0})],m.prototype,"type",2);C([l({type:String})],m.prototype,"strokewidth",2);C([l({type:String})],m.prototype,"icon",2);C([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);m=C([T("o-icon-button")],m);var be=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,v=(o,t,e,s)=>{for(var n=s>1?void 0:s?ye(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&be(t,e,n),n};const $e=Jt($);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.iconstrokewidth="1",this.startIcon=!1,this.endIcon=!1,this.iconSize="small",this.icon="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[pt].form}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){return this.icon?p`<o-icon-button
+	`;C([l({type:String,reflect:!0})],m.prototype,"bgstyle",2);C([l({type:String,reflect:!0})],m.prototype,"size",2);C([l({type:String,reflect:!0})],m.prototype,"status",2);C([l({type:String,reflect:!0})],m.prototype,"type",2);C([l({type:String})],m.prototype,"strokewidth",2);C([l({type:String})],m.prototype,"icon",2);C([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);m=C([T("o-icon-button")],m);var be=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,v=(o,t,e,s)=>{for(var n=s>1?void 0:s?ye(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&be(t,e,n),n};const $e=Jt($);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.iconstrokewidth="1",this.startIcon=!1,this.endIcon=!1,this.iconSize="small",this.icon="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[dt].form}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){return this.icon?d`<o-icon-button
       class=${o==="start"?"icon-start":"icon-end"}
       icon=${this.icon}
       bgstyle="${this.variant==="primary"?"none-light":"none-contrast"}"
@@ -286,16 +286,16 @@
       type="span"
       aria-hidden="true"
       ?disabled=${this.disabled}
-    ></o-icon-button>`:h}renderButton(){const o=this.text||this.textsecond;return p`
+    ></o-icon-button>`:h}renderButton(){const o=this.text||this.textsecond;return d`
       <button class="button" ?disabled=${this.disabled}>
           ${this.startIcon?this.renderIcon("start"):h}
-          ${o?p`
-                ${this.text?p`<span>${this.text}</span>`:h}
-                ${this.textsecond?p`<span>${this.textsecond}</span>`:h}
-              `:p`<slot></slot>`}
+          ${o?d`
+                ${this.text?d`<span>${this.text}</span>`:h}
+                ${this.textsecond?d`<span>${this.textsecond}</span>`:h}
+              `:d`<slot></slot>`}
           ${this.endIcon?this.renderIcon("end"):h}
       </button>
-    `}renderLink(){const o=this.text||this.textsecond;return p`
+    `}renderLink(){const o=this.text||this.textsecond;return d`
       <a
         href=${this.href}
         target=${this.target||h}
@@ -303,10 +303,10 @@
         ?disabled=${this.disabled}
       >
           ${this.startIcon?this.renderIcon("start"):h}
-          ${o?p`
-                ${this.text?p`<span>${this.text}</span>`:h}
-                ${this.textsecond?p`<span>${this.textsecond}</span>`:h}
-              `:p`<slot></slot>`}
+          ${o?d`
+                ${this.text?d`<span>${this.text}</span>`:h}
+                ${this.textsecond?d`<span>${this.textsecond}</span>`:h}
+              `:d`<slot></slot>`}
           ${this.endIcon?this.renderIcon("end"):h}
       </a>
     `}};Qt(u);u.formAssociated=!0;u.styles=E`
@@ -438,58 +438,49 @@
       display: inline-flex;
       align-items: center;
     }
-  `;v([l()],u.prototype,"type",2);v([l({reflect:!0})],u.prototype,"value",2);v([l({reflect:!0})],u.prototype,"variant",2);v([l({type:String})],u.prototype,"text",2);v([l({type:String})],u.prototype,"textsecond",2);v([l({reflect:!0,type:Boolean})],u.prototype,"fullwidth",2);v([l({reflect:!0,type:Boolean})],u.prototype,"disabled",2);v([l({type:String})],u.prototype,"iconstrokewidth",2);v([l({type:Boolean,reflect:!0})],u.prototype,"startIcon",2);v([l({type:Boolean,reflect:!0})],u.prototype,"endIcon",2);v([l({type:String,reflect:!0})],u.prototype,"iconSize",2);v([l({type:String})],u.prototype,"icon",2);v([l()],u.prototype,"href",2);v([l()],u.prototype,"target",2);u=v([T("o-button")],u);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Q=(o,t,e,s)=>{for(var n=s>1?void 0:s?we(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&me(t,e,n),n};let z=class extends ${constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist"}render(){const o=dt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return p`
-            <button
-                type="button"
-                aria-describedby="${this.ariaDescribedBy}"
-                class="wishlist-button"
-                @click="${this.handleClick}"
-            >
-                <span class="sr-only">${this.label}</span>
-                ${X(o)}
-            </button>
-        `}handleClick(o){this.toggleStatus(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,composed:!0}))}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(o){this.status=o,this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};z.styles=E`
-        :host {
+  `;v([l()],u.prototype,"type",2);v([l({reflect:!0})],u.prototype,"value",2);v([l({reflect:!0})],u.prototype,"variant",2);v([l({type:String})],u.prototype,"text",2);v([l({type:String})],u.prototype,"textsecond",2);v([l({reflect:!0,type:Boolean})],u.prototype,"fullwidth",2);v([l({reflect:!0,type:Boolean})],u.prototype,"disabled",2);v([l({type:String})],u.prototype,"iconstrokewidth",2);v([l({type:Boolean,reflect:!0})],u.prototype,"startIcon",2);v([l({type:Boolean,reflect:!0})],u.prototype,"endIcon",2);v([l({type:String,reflect:!0})],u.prototype,"iconSize",2);v([l({type:String})],u.prototype,"icon",2);v([l()],u.prototype,"href",2);v([l()],u.prototype,"target",2);u=v([T("o-button")],u);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Q=(o,t,e,s)=>{for(var n=s>1?void 0:s?we(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&me(t,e,n),n};let z=class extends ${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(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=pt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
+			<button
+				type="button"
+				aria-describedby="${this.ariaDescribedBy}"
+				class="wishlist-button"
+				tabindex="-1"
+			>
+				<span class="sr-only">${this.label}</span>
+				${X(o)}
+			</button>
+		`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};z.styles=E`
+		:host {
 			display: inline-flex;
 			justify-content: center;
 			align-items: center;
-            cursor: pointer;
-        }
+			outline: none;
+		}
 
-        .wishlist-button {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 40px;
-            height: 40px;
-            border: transparent;
-            border-radius: var(--radius-full);
-            background-color: var(--color-alpha-light-strong);
-            position: relative;
-            cursor: pointer;
-        }
+		:host(:focus-visible) {
+			outline: 1px dashed var(--color-content-action-secondary);
+			outline-offset: 1px;
+		}
 
-        .sr-only {
-			border: 0 !important;
-			clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
-			-webkit-clip-path: inset(50%) !important;
-			clip-path: inset(50%) !important;
-			height: 0.1rem !important;
-			margin: -0.1rem !important;
-			overflow: hidden !important;
-			padding: 0 !important;
-			position: absolute !important;
-			width: 0.1rem !important;
-			white-space: nowrap !important;
+		.wishlist-button {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 40px;
+			height: 40px;
+			border: transparent;
+			border-radius: var(--radius-full);
+			background-color: var(--color-alpha-light-strong);
+			position: relative;
+			cursor: pointer;
 		}
 
-        .wishlist-button:hover {
-            background-color: var(--color-alpha-light-stronger);
-        }
+		.wishlist-button:hover {
+			background-color: var(--color-alpha-light-stronger);
+		}
 
 		:host([status="filled"]) .wishlist-button {
-            background-color: var(--color-alpha-light-strongest);
-        }
+			background-color: var(--color-alpha-light-strongest);
+		}
 
 		.wishlist-button:hover svg path {
 			fill: var(--color-content-action-secondary);
@@ -502,9 +493,23 @@
 		:host([status="filled"]) .wishlist-button:hover svg path {
 			fill: var(--color-alpha-light-strong);
 		}
-    `;Q([l({type:String,reflect:!0})],z.prototype,"status",2);Q([l({type:String,reflect:!0})],z.prototype,"ariaDescribedBy",2);Q([l({type:String,reflect:!0})],z.prototype,"label",2);z=Q([T("o-wishlist-button")],z);var _e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,H=(o,t,e,s)=>{for(var n=s>1?void 0:s?xe(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&_e(t,e,n),n};let _=class extends ${constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return p`
+
+		.sr-only {
+			border: 0 !important;
+			clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
+			-webkit-clip-path: inset(50%) !important;
+			clip-path: inset(50%) !important;
+			height: 0.1rem !important;
+			margin: -0.1rem !important;
+			overflow: hidden !important;
+			padding: 0 !important;
+			position: absolute !important;
+			width: 0.1rem !important;
+			white-space: nowrap !important;
+		}
+	`;Q([l({type:String,reflect:!0})],z.prototype,"status",2);Q([l({type:String,reflect:!0})],z.prototype,"ariaDescribedBy",2);Q([l({type:String,reflect:!0})],z.prototype,"label",2);z=Q([T("o-wishlist-button")],z);var _e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,H=(o,t,e,s)=>{for(var n=s>1?void 0:s?xe(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&_e(t,e,n),n};let _=class extends ${constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return d`
             <a href="${this.href}" target="${this.target}">
-                ${this.endIcon&&this.reverseEndIcon?p`
+                ${this.endIcon&&this.reverseEndIcon?d`
                             <o-icon-button
                                 icon="chevronLeft"
                                 bgstyle="${this.inverse?"none-light":"none-contrast"}"
@@ -514,7 +519,7 @@
                             ></o-icon-button>
                     `:null}
                 <span class="link-text"><slot></slot></span>
-                ${this.endIcon&&!this.reverseEndIcon?p`
+                ${this.endIcon&&!this.reverseEndIcon?d`
                             <o-icon-button
                                 icon="chevronRight"
                                 bgstyle="${this.inverse?"none-light":"none-contrast"}"
@@ -611,12 +616,12 @@
             height: 1px;
         }
         /* End of underline effect */
-    `;H([l({type:String})],_.prototype,"href",2);H([l({type:String})],_.prototype,"target",2);H([l({type:String,reflect:!0})],_.prototype,"template",2);H([l({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([l({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([l({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([T("o-link")],_);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,Y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Se(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&Ae(t,e,n),n};let U=class extends ${constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];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,o.push(`star-${s}`)}return o}render(){const o=this.getStarKeys();return p`
+    `;H([l({type:String})],_.prototype,"href",2);H([l({type:String})],_.prototype,"target",2);H([l({type:String,reflect:!0})],_.prototype,"template",2);H([l({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([l({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([l({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([T("o-link")],_);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,Y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Se(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&Ae(t,e,n),n};let U=class extends ${constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];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,o.push(`star-${s}`)}return o}render(){const o=this.getStarKeys();return d`
 			<div class="rating">
 			<div class="stars">
-				${o.map(t=>p`<span class="star">${X(dt[t]??"")}</span>`)}
+				${o.map(t=>d`<span class="star">${X(pt[t]??"")}</span>`)}
 			</div>
-			${this.reviewCount!=null&&this.href!=null?p`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
+			${this.reviewCount!=null&&this.href!=null?d`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
 			</div>
 		`}};U.styles=E`
 		svg {
@@ -651,7 +656,7 @@
 			text-decoration: underline;
 			cursor: pointer;
 		}
-	`;Y([l({type:Number})],U.prototype,"rating",2);Y([l({type:String})],U.prototype,"reviewCount",2);Y([l({type:String})],U.prototype,"href",2);U=Y([T("o-rating")],U);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Ce(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&Ee(t,e,n),n};let b=class extends ${constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!0,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="First Button",this.firstButtonVariant="primary",this.secondaryButtonLabel="Second Button",this.secondaryButtonVariant="primary",this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),s.focus()):!o.shiftKey&&document.activeElement===s&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,(o=this.previousFocusedElement)==null||o.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()}render(){return p`
+	`;Y([l({type:Number})],U.prototype,"rating",2);Y([l({type:String})],U.prototype,"reviewCount",2);Y([l({type:String})],U.prototype,"href",2);U=Y([T("o-rating")],U);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Ce(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&Ee(t,e,n),n};let b=class extends ${constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="First Button",this.firstButtonVariant="primary",this.secondaryButtonLabel="Second Button",this.secondaryButtonVariant="primary",this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),s.focus()):!o.shiftKey&&document.activeElement===s&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,(o=this.previousFocusedElement)==null||o.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()}render(){return d`
 			<div class="overlay" @click=${this.closePanel}></div>
 			<div
 				class="panel"
@@ -661,7 +666,7 @@
 			>
 				<o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
 
-				${this.showHeader?p`
+				${this.showHeader?d`
 							<div class="header">
 								<span id="panel-title" class="panel-title">${this.headerTitle}</span>
 							</div>
@@ -671,9 +676,9 @@
 					<slot></slot>
 				</div>
 
-				${this.showFooter&&this.firstButtonVariant&&this.firstButtonLabel||this.secondaryButtonVariant&&this.secondaryButtonLabel?p`
+				${this.showFooter&&this.firstButtonVariant&&this.firstButtonLabel||this.secondaryButtonVariant&&this.secondaryButtonLabel?d`
 							<div class="footer">
-								${this.firstButtonVariant&&this.firstButtonLabel?p`
+								${this.firstButtonVariant&&this.firstButtonLabel?d`
 											<o-button
 												customclass="full"
 												variant="${this.firstButtonVariant}"
@@ -683,7 +688,7 @@
 											</o-button>
 									  `:null}
 
-								${this.secondaryButtonVariant&&this.secondaryButtonLabel?p`
+								${this.secondaryButtonVariant&&this.secondaryButtonLabel?d`
 											<o-button
 												customclass="full"
 												variant="${this.secondaryButtonVariant}"
@@ -792,4 +797,4 @@
 				max-width: none;
 			}
 		}
-	`;y([l({type:Boolean,reflect:!0})],b.prototype,"open",2);y([l({type:Boolean})],b.prototype,"showHeader",2);y([l({type:Boolean})],b.prototype,"showFooter",2);y([l({type:String})],b.prototype,"headerTitle",2);y([l({type:String})],b.prototype,"closeButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonVariant",2);y([l({type:Function})],b.prototype,"onFirstButtonClick",2);y([l({type:String})],b.prototype,"secondaryButtonLabel",2);y([l({type:String})],b.prototype,"secondaryButtonVariant",2);y([l({type:Function})],b.prototype,"onSecondaryButtonClick",2);b=y([T("o-side-panel")],b);
+	`;y([l({type:Boolean,reflect:!0})],b.prototype,"open",2);y([l({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);y([l({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);y([l({type:String,reflect:!0})],b.prototype,"headerTitle",2);y([l({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);y([l({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);y([l({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);y([l({type:Function})],b.prototype,"onFirstButtonClick",2);y([l({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);y([l({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);y([l({type:Function})],b.prototype,"onSecondaryButtonClick",2);b=y([T("o-side-panel")],b);

package/index.mjs

@@ -29,7 +29,7 @@ const Pt = (o) => new At(typeof o == "string" ? o : o + "", void 0, lt), E = (o,
     throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(n) + o[i + 1], o[0]);
   return new At(e, o, lt);
-}, Bt = (o, t) => {
+}, kt = (o, t) => {
   if (at) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), n = W.litNonce;
@@ -45,7 +45,7 @@ const Pt = (o) => new At(typeof o == "string" ? o : o + "", void 0, lt), E = (o,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: kt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: It, getPrototypeOf: zt } = Object, S = globalThis, gt = S.trustedTypes, Ut = gt ? gt.emptyScript : "", tt = S.reactiveElementPolyfillSupport, N = (o, t) => o, G = { toAttribute(o, t) {
+const { is: Bt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: It, getPrototypeOf: zt } = Object, S = globalThis, gt = S.trustedTypes, Ut = gt ? gt.emptyScript : "", tt = S.reactiveElementPolyfillSupport, N = (o, t) => o, K = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
       o = o ? Ut : null;
@@ -73,7 +73,7 @@ const { is: kt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnProperty
       }
   }
   return e;
-} }, ct = (o, t) => !kt(o, t), vt = { attribute: !0, type: String, converter: G, reflect: !1, useDefault: !1, hasChanged: ct };
+} }, ct = (o, t) => !Bt(o, t), vt = { attribute: !0, type: String, converter: K, reflect: !1, useDefault: !1, hasChanged: ct };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let M = class extends HTMLElement {
   static addInitializer(t) {
@@ -159,7 +159,7 @@ let M = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Bt(t, this.constructor.elementStyles), t;
+    return kt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -184,7 +184,7 @@ let M = class extends HTMLElement {
     var i;
     const s = this.constructor.elementProperties.get(t), n = this.constructor._$Eu(t, s);
     if (n !== void 0 && s.reflect === !0) {
-      const r = (((i = s.converter) == null ? void 0 : i.toAttribute) !== void 0 ? s.converter : G).toAttribute(e, s.type);
+      const r = (((i = s.converter) == null ? void 0 : i.toAttribute) !== void 0 ? s.converter : K).toAttribute(e, s.type);
       this._$Em = t, r == null ? this.removeAttribute(n) : this.setAttribute(n, r), this._$Em = null;
     }
   }
@@ -192,7 +192,7 @@ let M = class extends HTMLElement {
     var i, r;
     const s = this.constructor, n = s._$Eh.get(t);
     if (n !== void 0 && this._$Em !== n) {
-      const c = s.getPropertyOptions(n), a = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((i = c.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? c.converter : G;
+      const c = s.getPropertyOptions(n), a = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((i = c.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? c.converter : K;
       this._$Em = n, this[n] = a.fromAttribute(e, c.type) ?? ((r = this._$Ej) == null ? void 0 : r.get(n)) ?? null, this._$Em = null;
     }
   }
@@ -282,9 +282,9 @@ M.elementStyles = [], M.shadowRootOptions = { mode: "open" }, M[N("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j = globalThis, K = j.trustedTypes, bt = K ? K.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, St = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, Et = "?" + A, Tt = `<${Et}>`, k = document, R = () => k.createComment(""), F = (o) => o === null || typeof o != "object" && typeof o != "function", ht = Array.isArray, Dt = (o) => ht(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", et = `[ 	
+const j = globalThis, G = j.trustedTypes, bt = G ? G.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, St = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, Et = "?" + A, Tt = `<${Et}>`, B = document, R = () => B.createComment(""), F = (o) => o === null || typeof o != "object" && typeof o != "function", ht = Array.isArray, Dt = (o) => ht(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", et = `[ 	
 \f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, yt = /-->/g, $t = />/g, L = RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, wt = /"/g, Ct = /^(?:script|style|textarea|title)$/i, Nt = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), p = Nt(1), O = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), _t = /* @__PURE__ */ new WeakMap(), P = k.createTreeWalker(k, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, wt = /"/g, Ct = /^(?:script|style|textarea|title)$/i, Nt = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), d = Nt(1), O = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), _t = /* @__PURE__ */ new WeakMap(), P = B.createTreeWalker(B, 129);
 function Lt(o, t) {
   if (!ht(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return bt !== void 0 ? bt.createHTML(t) : t;
@@ -294,10 +294,10 @@ const jt = (o, t) => {
   let n, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = D;
   for (let c = 0; c < e; c++) {
     const a = o[c];
-    let f, g, d = -1, w = 0;
-    for (; w < a.length && (r.lastIndex = w, g = r.exec(a), g !== null); ) w = r.lastIndex, r === D ? g[1] === "!--" ? r = yt : g[1] !== void 0 ? r = $t : g[2] !== void 0 ? (Ct.test(g[2]) && (n = RegExp("</" + g[2], "g")), r = L) : g[3] !== void 0 && (r = L) : r === L ? g[0] === ">" ? (r = n ?? D, d = -1) : g[1] === void 0 ? d = -2 : (d = r.lastIndex - g[2].length, f = g[1], r = g[3] === void 0 ? L : g[3] === '"' ? wt : mt) : r === wt || r === mt ? r = L : r === yt || r === $t ? r = D : (r = L, n = void 0);
+    let f, g, p = -1, w = 0;
+    for (; w < a.length && (r.lastIndex = w, g = r.exec(a), g !== null); ) w = r.lastIndex, r === D ? g[1] === "!--" ? r = yt : g[1] !== void 0 ? r = $t : g[2] !== void 0 ? (Ct.test(g[2]) && (n = RegExp("</" + g[2], "g")), r = L) : g[3] !== void 0 && (r = L) : r === L ? g[0] === ">" ? (r = n ?? D, p = -1) : g[1] === void 0 ? p = -2 : (p = r.lastIndex - g[2].length, f = g[1], r = g[3] === void 0 ? L : g[3] === '"' ? wt : mt) : r === wt || r === mt ? r = L : r === yt || r === $t ? r = D : (r = L, n = void 0);
     const x = r === L && o[c + 1].startsWith("/>") ? " " : "";
-    i += r === D ? a + Tt : d >= 0 ? (s.push(f), a.slice(0, d) + St + a.slice(d) + A + x) : a + A + (d === -2 ? c : x);
+    i += r === D ? a + Tt : p >= 0 ? (s.push(f), a.slice(0, p) + St + a.slice(p) + A + x) : a + A + (p === -2 ? c : x);
   }
   return [Lt(o, i + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
@@ -308,33 +308,33 @@ class V {
     let i = 0, r = 0;
     const c = t.length - 1, a = this.parts, [f, g] = jt(t, e);
     if (this.el = V.createElement(f, s), P.currentNode = this.el.content, e === 2 || e === 3) {
-      const d = this.el.content.firstChild;
-      d.replaceWith(...d.childNodes);
+      const p = this.el.content.firstChild;
+      p.replaceWith(...p.childNodes);
     }
     for (; (n = P.nextNode()) !== null && a.length < c; ) {
       if (n.nodeType === 1) {
-        if (n.hasAttributes()) for (const d of n.getAttributeNames()) if (d.endsWith(St)) {
-          const w = g[r++], x = n.getAttribute(d).split(A), q = /([.?@])?(.*)/.exec(w);
-          a.push({ type: 1, index: i, name: q[2], strings: x, ctor: q[1] === "." ? Ft : q[1] === "?" ? Vt : q[1] === "@" ? Zt : J }), n.removeAttribute(d);
-        } else d.startsWith(A) && (a.push({ type: 6, index: i }), n.removeAttribute(d));
+        if (n.hasAttributes()) for (const p of n.getAttributeNames()) if (p.endsWith(St)) {
+          const w = g[r++], x = n.getAttribute(p).split(A), q = /([.?@])?(.*)/.exec(w);
+          a.push({ type: 1, index: i, name: q[2], strings: x, ctor: q[1] === "." ? Ft : q[1] === "?" ? Vt : q[1] === "@" ? Zt : J }), n.removeAttribute(p);
+        } else p.startsWith(A) && (a.push({ type: 6, index: i }), n.removeAttribute(p));
         if (Ct.test(n.tagName)) {
-          const d = n.textContent.split(A), w = d.length - 1;
+          const p = n.textContent.split(A), w = p.length - 1;
           if (w > 0) {
-            n.textContent = K ? K.emptyScript : "";
-            for (let x = 0; x < w; x++) n.append(d[x], R()), P.nextNode(), a.push({ type: 2, index: ++i });
-            n.append(d[w], R());
+            n.textContent = G ? G.emptyScript : "";
+            for (let x = 0; x < w; x++) n.append(p[x], R()), P.nextNode(), a.push({ type: 2, index: ++i });
+            n.append(p[w], R());
           }
         }
       } else if (n.nodeType === 8) if (n.data === Et) a.push({ type: 2, index: i });
       else {
-        let d = -1;
-        for (; (d = n.data.indexOf(A, d + 1)) !== -1; ) a.push({ type: 7, index: i }), d += A.length - 1;
+        let p = -1;
+        for (; (p = n.data.indexOf(A, p + 1)) !== -1; ) a.push({ type: 7, index: i }), p += A.length - 1;
       }
       i++;
     }
   }
   static createElement(t, e) {
-    const s = k.createElement("template");
+    const s = B.createElement("template");
     return s.innerHTML = t, s;
   }
 }
@@ -356,7 +356,7 @@ class Rt {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? k).importNode(e, !0);
+    const { el: { content: e }, parts: s } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? B).importNode(e, !0);
     P.currentNode = n;
     let i = P.nextNode(), r = 0, c = 0, a = s[0];
     for (; a !== void 0; ) {
@@ -366,7 +366,7 @@ class Rt {
       }
       r !== (a == null ? void 0 : a.index) && (i = P.nextNode(), r++);
     }
-    return P.currentNode = k, n;
+    return P.currentNode = B, n;
   }
   p(t) {
     let e = 0;
@@ -402,7 +402,7 @@ class Z {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== h && F(this._$AH) ? this._$AA.nextSibling.data = t : this.T(k.createTextNode(t)), this._$AH = t;
+    this._$AH !== h && F(this._$AH) ? this._$AA.nextSibling.data = t : this.T(B.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var i;
@@ -518,7 +518,7 @@ const Wt = (o, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const B = globalThis;
+const k = globalThis;
 let $ = class extends M {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -545,10 +545,10 @@ let $ = class extends M {
   }
 };
 var xt;
-$._$litElement$ = !0, $.finalized = !0, (xt = B.litElementHydrateSupport) == null || xt.call(B, { LitElement: $ });
-const nt = B.litElementPolyfillSupport;
+$._$litElement$ = !0, $.finalized = !0, (xt = k.litElementHydrateSupport) == null || xt.call(k, { LitElement: $ });
+const nt = k.litElementPolyfillSupport;
 nt == null || nt({ LitElement: $ });
-(B.litElementVersions ?? (B.litElementVersions = [])).push("4.2.0");
+(k.litElementVersions ?? (k.litElementVersions = [])).push("4.2.0");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -564,7 +564,7 @@ const T = (o) => (t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Gt = { attribute: !0, type: String, converter: G, reflect: !1, hasChanged: ct }, Kt = (o = Gt, t, e) => {
+const Kt = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: ct }, Gt = (o = Kt, t, e) => {
   const { kind: s, metadata: n } = e;
   let i = globalThis.litPropertyMetadata.get(n);
   if (i === void 0 && globalThis.litPropertyMetadata.set(n, i = /* @__PURE__ */ new Map()), s === "setter" && ((o = Object.create(o)).wrapped = !0), i.set(e.name, o), s === "accessor") {
@@ -586,7 +586,7 @@ const Gt = { attribute: !0, type: String, converter: G, reflect: !1, hasChanged:
   throw Error("Unsupported decorator location: " + s);
 };
 function l(o) {
-  return (t, e) => typeof e == "object" ? Kt(o, t, e) : ((s, n, i) => {
+  return (t, e) => typeof e == "object" ? Gt(o, t, e) : ((s, n, i) => {
     const r = n.hasOwnProperty(i);
     return n.constructor.createProperty(i, s), r ? Object.getOwnPropertyDescriptor(n, i) : void 0;
   })(o, t, e);
@@ -606,11 +606,11 @@ E`
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const pt = Symbol("internals"), ot = Symbol("privateInternals");
+const dt = Symbol("internals"), ot = Symbol("privateInternals");
 function Jt(o) {
   var t;
   class e extends o {
-    get [(t = pt, t)]() {
+    get [(t = dt, t)]() {
       return this[ot] || (this[ot] = this.attachInternals()), this[ot];
     }
   }
@@ -625,7 +625,7 @@ function Qt(o) {
   o.addInitializer((t) => {
     const e = t;
     e.addEventListener("click", async (s) => {
-      const { type: n, [pt]: i } = e, { form: r } = i;
+      const { type: n, [dt]: i } = e, { form: r } = i;
       if (!(!r || n === "button") && (await new Promise((c) => {
         setTimeout(c);
       }), !s.defaultPrevented)) {
@@ -725,11 +725,11 @@ const X = te(it), se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
 `, he = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
 </svg>
-`, pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, de = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 2L14 14" stroke="#3F2B2E"/>
 <path d="M14 2L2 14" stroke="#3F2B2E"/>
 </svg>
-`, de = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
 </svg>
 `, ue = `<?xml version="1.0" encoding="utf-8"?>
@@ -751,7 +751,7 @@ const X = te(it), se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
 </style>
 <path class="st0" d="M27.3,20.7H12.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h14.7c0.4,0,0.7,0.3,0.7,0.7S27.7,20.7,27.3,20.7z"/>
 </svg>
-`, dt = {
+`, pt = {
   wishlist: se,
   playerv: ne,
   chevronRight: oe,
@@ -763,8 +763,8 @@ const X = te(it), se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
   "star-50": le,
   "star-75": ce,
   "star-100": he,
-  cross: pe,
-  search: de
+  cross: de,
+  search: pe
 };
 var ge = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, C = (o, t, e, s) => {
   for (var n = s > 1 ? void 0 : s ? ve(t, e) : t, i = o.length - 1, r; i >= 0; i--)
@@ -779,16 +779,16 @@ let m = class extends $ {
     super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
   }
   render() {
-    const o = dt[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
+    const o = pt[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
-    return p`
-			${this.type === "span" ? p`
+    return d`
+			${this.type === "span" ? d`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">	
 					${X(e)}
 				</span>
-			` : p`
+			` : d`
 				<button
 					type="button"
 					aria-label="icon"
@@ -1000,13 +1000,13 @@ let u = class extends $e {
     this.setAttribute("name", o);
   }
   get form() {
-    return this[pt].form;
+    return this[dt].form;
   }
   render() {
     return this.href ? this.renderLink() : this.renderButton();
   }
   renderIcon(o) {
-    return this.icon ? p`<o-icon-button
+    return this.icon ? d`<o-icon-button
       class=${o === "start" ? "icon-start" : "icon-end"}
       icon=${this.icon}
       bgstyle="${this.variant === "primary" ? "none-light" : "none-contrast"}"
@@ -1019,20 +1019,20 @@ let u = class extends $e {
   }
   renderButton() {
     const o = this.text || this.textsecond;
-    return p`
+    return d`
       <button class="button" ?disabled=${this.disabled}>
           ${this.startIcon ? this.renderIcon("start") : h}
-          ${o ? p`
-                ${this.text ? p`<span>${this.text}</span>` : h}
-                ${this.textsecond ? p`<span>${this.textsecond}</span>` : h}
-              ` : p`<slot></slot>`}
+          ${o ? d`
+                ${this.text ? d`<span>${this.text}</span>` : h}
+                ${this.textsecond ? d`<span>${this.textsecond}</span>` : h}
+              ` : d`<slot></slot>`}
           ${this.endIcon ? this.renderIcon("end") : h}
       </button>
     `;
   }
   renderLink() {
     const o = this.text || this.textsecond;
-    return p`
+    return d`
       <a
         href=${this.href}
         target=${this.target || h}
@@ -1040,10 +1040,10 @@ let u = class extends $e {
         ?disabled=${this.disabled}
       >
           ${this.startIcon ? this.renderIcon("start") : h}
-          ${o ? p`
-                ${this.text ? p`<span>${this.text}</span>` : h}
-                ${this.textsecond ? p`<span>${this.textsecond}</span>` : h}
-              ` : p`<slot></slot>`}
+          ${o ? d`
+                ${this.text ? d`<span>${this.text}</span>` : h}
+                ${this.textsecond ? d`<span>${this.textsecond}</span>` : h}
+              ` : d`<slot></slot>`}
           ${this.endIcon ? this.renderIcon("end") : h}
       </a>
     `;
@@ -1233,36 +1233,42 @@ var me = Object.defineProperty, we = Object.getOwnPropertyDescriptor, Q = (o, t,
 };
 let z = class extends $ {
   constructor() {
-    super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist";
+    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(o) {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.toggleStatus());
   }
   render() {
-    const o = dt.wishlist.replace(
+    const o = pt.wishlist.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
-    return p`
-            <button
-                type="button"
-                aria-describedby="${this.ariaDescribedBy}"
-                class="wishlist-button"
-                @click="${this.handleClick}"
-            >
-                <span class="sr-only">${this.label}</span>
-                ${X(o)}
-            </button>
-        `;
-  }
-  handleClick(o) {
-    this.toggleStatus(), this.dispatchEvent(new MouseEvent("click", {
-      bubbles: !0,
-      composed: !0
-    }));
-  }
-  toggleStatus() {
-    this.status = this.status == "empty" ? "filled" : "empty";
+    return d`
+			<button
+				type="button"
+				aria-describedby="${this.ariaDescribedBy}"
+				class="wishlist-button"
+				tabindex="-1"
+			>
+				<span class="sr-only">${this.label}</span>
+				${X(o)}
+			</button>
+		`;
   }
   setStatus(o) {
-    this.status = o, this.requestUpdate();
+    this.status = o, this.setAttribute("aria-pressed", String(this.status === "filled")), this.requestUpdate();
   }
   setAriaDescribedBy(o) {
     this.ariaDescribedBy = o, this.requestUpdate();
@@ -1272,47 +1278,38 @@ let z = class extends $ {
   }
 };
 z.styles = E`
-        :host {
+		:host {
 			display: inline-flex;
 			justify-content: center;
 			align-items: center;
-            cursor: pointer;
-        }
+			outline: none;
+		}
 
-        .wishlist-button {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 40px;
-            height: 40px;
-            border: transparent;
-            border-radius: var(--radius-full);
-            background-color: var(--color-alpha-light-strong);
-            position: relative;
-            cursor: pointer;
-        }
+		:host(:focus-visible) {
+			outline: 1px dashed var(--color-content-action-secondary);
+			outline-offset: 1px;
+		}
 
-        .sr-only {
-			border: 0 !important;
-			clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
-			-webkit-clip-path: inset(50%) !important;
-			clip-path: inset(50%) !important;
-			height: 0.1rem !important;
-			margin: -0.1rem !important;
-			overflow: hidden !important;
-			padding: 0 !important;
-			position: absolute !important;
-			width: 0.1rem !important;
-			white-space: nowrap !important;
+		.wishlist-button {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 40px;
+			height: 40px;
+			border: transparent;
+			border-radius: var(--radius-full);
+			background-color: var(--color-alpha-light-strong);
+			position: relative;
+			cursor: pointer;
 		}
 
-        .wishlist-button:hover {
-            background-color: var(--color-alpha-light-stronger);
-        }
+		.wishlist-button:hover {
+			background-color: var(--color-alpha-light-stronger);
+		}
 
 		:host([status="filled"]) .wishlist-button {
-            background-color: var(--color-alpha-light-strongest);
-        }
+			background-color: var(--color-alpha-light-strongest);
+		}
 
 		.wishlist-button:hover svg path {
 			fill: var(--color-content-action-secondary);
@@ -1325,7 +1322,21 @@ z.styles = E`
 		:host([status="filled"]) .wishlist-button:hover svg path {
 			fill: var(--color-alpha-light-strong);
 		}
-    `;
+
+		.sr-only {
+			border: 0 !important;
+			clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
+			-webkit-clip-path: inset(50%) !important;
+			clip-path: inset(50%) !important;
+			height: 0.1rem !important;
+			margin: -0.1rem !important;
+			overflow: hidden !important;
+			padding: 0 !important;
+			position: absolute !important;
+			width: 0.1rem !important;
+			white-space: nowrap !important;
+		}
+	`;
 Q([
   l({ type: String, reflect: !0 })
 ], z.prototype, "status", 2);
@@ -1348,9 +1359,9 @@ let _ = class extends $ {
     super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
   }
   render() {
-    return p`
+    return d`
             <a href="${this.href}" target="${this.target}">
-                ${this.endIcon && this.reverseEndIcon ? p`
+                ${this.endIcon && this.reverseEndIcon ? d`
                             <o-icon-button
                                 icon="chevronLeft"
                                 bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
@@ -1360,7 +1371,7 @@ let _ = class extends $ {
                             ></o-icon-button>
                     ` : null}
                 <span class="link-text"><slot></slot></span>
-                ${this.endIcon && !this.reverseEndIcon ? p`
+                ${this.endIcon && !this.reverseEndIcon ? d`
                             <o-icon-button
                                 icon="chevronRight"
                                 bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
@@ -1502,14 +1513,14 @@ let U = class extends $ {
   }
   render() {
     const o = this.getStarKeys();
-    return p`
+    return d`
 			<div class="rating">
 			<div class="stars">
 				${o.map(
-      (t) => p`<span class="star">${X(dt[t] ?? "")}</span>`
+      (t) => d`<span class="star">${X(pt[t] ?? "")}</span>`
     )}
 			</div>
-			${this.reviewCount != null && this.href != null ? p`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
+			${this.reviewCount != null && this.href != null ? d`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
 			</div>
 		`;
   }
@@ -1567,7 +1578,7 @@ var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, y = (o, t,
 };
 let b = class extends $ {
   constructor() {
-    super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !0, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "First Button", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "Second Button", this.secondaryButtonVariant = "primary", this.previousFocusedElement = null, this.handleKeyDown = (o) => {
+    super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "First Button", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "Second Button", this.secondaryButtonVariant = "primary", this.previousFocusedElement = null, this.handleKeyDown = (o) => {
       this.open && (o.key === "Escape" ? this.closePanel() : o.key === "Tab" && this.trapFocus(o));
     };
   }
@@ -1610,7 +1621,7 @@ let b = class extends $ {
     typeof this.onSecondaryButtonClick == "function" && this.onSecondaryButtonClick(), this.closePanel();
   }
   render() {
-    return p`
+    return d`
 			<div class="overlay" @click=${this.closePanel}></div>
 			<div
 				class="panel"
@@ -1620,7 +1631,7 @@ let b = class extends $ {
 			>
 				<o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
 
-				${this.showHeader ? p`
+				${this.showHeader ? d`
 							<div class="header">
 								<span id="panel-title" class="panel-title">${this.headerTitle}</span>
 							</div>
@@ -1630,9 +1641,9 @@ let b = class extends $ {
 					<slot></slot>
 				</div>
 
-				${this.showFooter && this.firstButtonVariant && this.firstButtonLabel || this.secondaryButtonVariant && this.secondaryButtonLabel ? p`
+				${this.showFooter && this.firstButtonVariant && this.firstButtonLabel || this.secondaryButtonVariant && this.secondaryButtonLabel ? d`
 							<div class="footer">
-								${this.firstButtonVariant && this.firstButtonLabel ? p`
+								${this.firstButtonVariant && this.firstButtonLabel ? d`
 											<o-button
 												customclass="full"
 												variant="${this.firstButtonVariant}"
@@ -1642,7 +1653,7 @@ let b = class extends $ {
 											</o-button>
 									  ` : null}
 
-								${this.secondaryButtonVariant && this.secondaryButtonLabel ? p`
+								${this.secondaryButtonVariant && this.secondaryButtonLabel ? d`
 											<o-button
 												customclass="full"
 												variant="${this.secondaryButtonVariant}"
@@ -1759,31 +1770,31 @@ y([
   l({ type: Boolean, reflect: !0 })
 ], b.prototype, "open", 2);
 y([
-  l({ type: Boolean })
+  l({ type: Boolean, reflect: !0 })
 ], b.prototype, "showHeader", 2);
 y([
-  l({ type: Boolean })
+  l({ type: Boolean, reflect: !0 })
 ], b.prototype, "showFooter", 2);
 y([
-  l({ type: String })
+  l({ type: String, reflect: !0 })
 ], b.prototype, "headerTitle", 2);
 y([
-  l({ type: String })
+  l({ type: String, reflect: !0 })
 ], b.prototype, "closeButtonLabel", 2);
 y([
-  l({ type: String })
+  l({ type: String, reflect: !0 })
 ], b.prototype, "firstButtonLabel", 2);
 y([
-  l({ type: String })
+  l({ type: String, reflect: !0 })
 ], b.prototype, "firstButtonVariant", 2);
 y([
   l({ type: Function })
 ], b.prototype, "onFirstButtonClick", 2);
 y([
-  l({ type: String })
+  l({ type: String, reflect: !0 })
 ], b.prototype, "secondaryButtonLabel", 2);
 y([
-  l({ type: String })
+  l({ type: String, reflect: !0 })
 ], b.prototype, "secondaryButtonVariant", 2);
 y([
   l({ type: Function })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@florid-kit/components",
-  "version": "0.3.18",
+  "version": "0.3.20",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",