@florid-kit/components 0.4.15 → 0.4.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +14 -10
  2. package/index.mjs +36 -32
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -2,17 +2,17 @@
2
2
  * @license
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
- */const X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),bt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==dt)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(ht&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=bt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&bt.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new Et(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,i,r)=>o+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+n[r+1],n[0]);return new Et(e,n,dt)},Bt=(n,t)=>{if(ht)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),i=X.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=e.cssText,n.appendChild(o)}},vt=ht?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return It(e)})(n):n;/**
5
+ */const X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),vt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==dt)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(ht&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&vt.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new Et(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,i,r)=>o+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+n[r+1],n[0]);return new Et(e,n,dt)},Bt=(n,t)=>{if(ht)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),i=X.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=e.cssText,n.appendChild(o)}},bt=ht?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return It(e)})(n):n;/**
6
6
  * @license
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
9
- */const{is:zt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",ot=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Ut:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},pt=(n,t)=>!zt(n,t),yt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:pt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=yt){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 o=Symbol(),i=this.getPropertyDescriptor(t,o,e);i!==void 0&&Ot(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){const{get:i,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Mt(e),...Tt(e)];for(const i of o)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,i]of e)this.elementProperties.set(o,i)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const i=this._$Eu(e,o);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const i of o)e.unshift(vt(i))}else t!==void 0&&e.push(vt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(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 o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);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 o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,o);if(i!==void 0&&o.reflect===!0){const s=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const o=this.constructor,i=o._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=o.getPropertyOptions(i),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=i,this[i]=l.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,o){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??pt)(s,e)||o.useDefault&&o.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:i,wrapped:r},s){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),i===!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 o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,s,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var i;return(i=o.hostUpdated)==null?void 0:i.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,ot==null||ot({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
9
+ */const{is:zt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",ot=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Ut:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},pt=(n,t)=>!zt(n,t),yt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:pt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=yt){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 o=Symbol(),i=this.getPropertyDescriptor(t,o,e);i!==void 0&&Ot(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){const{get:i,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Mt(e),...Tt(e)];for(const i of o)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,i]of e)this.elementProperties.set(o,i)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const i=this._$Eu(e,o);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const i of o)e.unshift(bt(i))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(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 o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);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 o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,o);if(i!==void 0&&o.reflect===!0){const s=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const o=this.constructor,i=o._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=o.getPropertyOptions(i),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=i,this[i]=l.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,o){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??pt)(s,e)||o.useDefault&&o.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:i,wrapped:r},s){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),i===!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 o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,s,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var i;return(i=o.hostUpdated)==null?void 0:i.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,ot==null||ot({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
10
10
  * @license
11
11
  * Copyright 2017 Google LLC
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
13
  */const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+E,Nt=`<${Lt}>`,B=document,F=()=>B.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",ut=Array.isArray,jt=n=>ut(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",it=`[
14
14
  \f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,wt=/-->/g,$t=/>/g,k=RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,kt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Rt(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,P=B.createTreeWalker(B,129);function Pt(n,t){if(!ut(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Vt=(n,t)=>{const e=n.length-1,o=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=j;for(let c=0;c<e;c++){const l=n[c];let f,v,p=-1,$=0;for(;$<l.length&&(s.lastIndex=$,v=s.exec(l),v!==null);)$=s.lastIndex,s===j?v[1]==="!--"?s=wt:v[1]!==void 0?s=$t:v[2]!==void 0?(kt.test(v[2])&&(i=RegExp("</"+v[2],"g")),s=k):v[3]!==void 0&&(s=k):s===k?v[0]===">"?(s=i??j,p=-1):v[1]===void 0?p=-2:(p=s.lastIndex-v[2].length,f=v[1],s=v[3]===void 0?k:v[3]==='"'?_t:xt):s===_t||s===xt?s=k:s===wt||s===$t?s=j:(s=k,i=void 0);const S=s===k&&n[c+1].startsWith("/>")?" ":"";r+=s===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[Pt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class q{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let r=0,s=0;const c=t.length-1,l=this.parts,[f,v]=Vt(t,e);if(this.el=q.createElement(f,o),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=P.nextNode())!==null&&l.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Ct)){const $=v[s++],S=i.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec($);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Zt:K[1]==="?"?qt:K[1]==="@"?Wt:Y}),i.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),i.removeAttribute(p));if(kt.test(i.tagName)){const p=i.textContent.split(E),$=p.length-1;if($>0){i.textContent=Q?Q.emptyScript:"";for(let S=0;S<$;S++)i.append(p[S],F()),P.nextNode(),l.push({type:2,index:++r});i.append(p[$],F())}}}else if(i.nodeType===8)if(i.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=i.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=B.createElement("template");return o.innerHTML=t,o}}function D(n,t,e=n,o){var s,c;if(t===z)return t;let i=o!==void 0?(s=e._$Co)==null?void 0:s[o]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(n),i._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=i:e._$Cl=i),i!==void 0&&(t=D(n,i._$AS(n,t.values),i,o)),t}class Ft{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:o}=this._$AD,i=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=i;let r=P.nextNode(),s=0,c=0,l=o[0];for(;l!==void 0;){if(s===l.index){let f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Gt(r,this,t)),this._$AV.push(f),l=o[++c]}s!==(l==null?void 0:l.index)&&(r=P.nextNode(),s++)}return P.currentNode=B,i}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,i=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=q.createElement(Pt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ft(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new q(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const r of t)i===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[i],o._$AI(r),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,i){const r=this.strings;let s=!1;if(r===void 0)t=D(this,t,e,0),s=!Z(t)||t!==this._$AH&&t!==z,s&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[o+l],e,l),f===z&&(f=this._$AH[l]),s||(s=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Zt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class qt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Wt extends Y{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const o=this._$AH,i=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||i);i&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Gt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const st=V.litHtmlPolyfillSupport;st==null||st(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let i=o._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=i=new G(t.insertBefore(F(),r),r,void 0,e??{})}return i._$AI(n),i};/**
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,kt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Rt(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,P=B.createTreeWalker(B,129);function Pt(n,t){if(!ut(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Vt=(n,t)=>{const e=n.length-1,o=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=j;for(let c=0;c<e;c++){const l=n[c];let f,b,p=-1,$=0;for(;$<l.length&&(s.lastIndex=$,b=s.exec(l),b!==null);)$=s.lastIndex,s===j?b[1]==="!--"?s=wt:b[1]!==void 0?s=$t:b[2]!==void 0?(kt.test(b[2])&&(i=RegExp("</"+b[2],"g")),s=k):b[3]!==void 0&&(s=k):s===k?b[0]===">"?(s=i??j,p=-1):b[1]===void 0?p=-2:(p=s.lastIndex-b[2].length,f=b[1],s=b[3]===void 0?k:b[3]==='"'?_t:xt):s===_t||s===xt?s=k:s===wt||s===$t?s=j:(s=k,i=void 0);const S=s===k&&n[c+1].startsWith("/>")?" ":"";r+=s===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[Pt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class q{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let r=0,s=0;const c=t.length-1,l=this.parts,[f,b]=Vt(t,e);if(this.el=q.createElement(f,o),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=P.nextNode())!==null&&l.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Ct)){const $=b[s++],S=i.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec($);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Zt:K[1]==="?"?qt:K[1]==="@"?Wt:Y}),i.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),i.removeAttribute(p));if(kt.test(i.tagName)){const p=i.textContent.split(E),$=p.length-1;if($>0){i.textContent=Q?Q.emptyScript:"";for(let S=0;S<$;S++)i.append(p[S],F()),P.nextNode(),l.push({type:2,index:++r});i.append(p[$],F())}}}else if(i.nodeType===8)if(i.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=i.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=B.createElement("template");return o.innerHTML=t,o}}function D(n,t,e=n,o){var s,c;if(t===z)return t;let i=o!==void 0?(s=e._$Co)==null?void 0:s[o]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(n),i._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=i:e._$Cl=i),i!==void 0&&(t=D(n,i._$AS(n,t.values),i,o)),t}class Ft{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:o}=this._$AD,i=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=i;let r=P.nextNode(),s=0,c=0,l=o[0];for(;l!==void 0;){if(s===l.index){let f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Gt(r,this,t)),this._$AV.push(f),l=o[++c]}s!==(l==null?void 0:l.index)&&(r=P.nextNode(),s++)}return P.currentNode=B,i}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,i=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=q.createElement(Pt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ft(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new q(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const r of t)i===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[i],o._$AI(r),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,i){const r=this.strings;let s=!1;if(r===void 0)t=D(this,t,e,0),s=!Z(t)||t!==this._$AH&&t!==z,s&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[o+l],e,l),f===z&&(f=this._$AH[l]),s||(s=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Zt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class qt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Wt extends Y{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const o=this._$AH,i=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||i);i&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Gt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const st=V.litHtmlPolyfillSupport;st==null||st(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let i=o._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=i=new G(t.insertBefore(F(),r),r,void 0,e??{})}return i._$AI(n),i};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
@@ -97,18 +97,18 @@
97
97
  </style>
98
98
  <path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
99
99
  </svg>
100
- `,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
100
+ `,ve=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
101
101
  <path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
102
102
  </svg>
103
- `,tt={wishlist:ne,playerv:oe,chevronRight:ie,chevronLeft:se,icoPlus:ue,icoMinus:fe,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe,arrowLeft:be};/**
103
+ `,tt={wishlist:ne,playerv:oe,chevronRight:ie,chevronLeft:se,icoPlus:ue,icoMinus:fe,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe,arrowLeft:ve};/**
104
104
  * @license
105
105
  * Copyright 2017 Google LLC
106
106
  * SPDX-License-Identifier: BSD-3-Clause
107
- */const ve={CHILD:2},ge=n=>(...t)=>({_$litDirective$:n,values:t});class ye{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
107
+ */const be={CHILD:2},ge=n=>(...t)=>({_$litDirective$:n,values:t});class ye{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
108
108
  * @license
109
109
  * Copyright 2017 Google LLC
110
110
  * SPDX-License-Identifier: BSD-3-Clause
111
- */class lt extends ye{constructor(t){if(super(t),this.it=d,t.type!==ve.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}lt.directiveName="unsafeHTML",lt.resultType=1;/**
111
+ */class lt extends ye{constructor(t){if(super(t),this.it=d,t.type!==be.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}lt.directiveName="unsafeHTML",lt.resultType=1;/**
112
112
  * @license
113
113
  * Copyright 2017 Google LLC
114
114
  * SPDX-License-Identifier: BSD-3-Clause
@@ -339,6 +339,10 @@
339
339
  fill: var(--color-content-action-secondary);
340
340
  }
341
341
 
342
+ :host([status="empty"]) .wishlist-button svg path {
343
+ fill: var(--color-alpha-light-strong);
344
+ }
345
+
342
346
  .sr-only {
343
347
  border: 0 !important;
344
348
  clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
@@ -715,7 +719,7 @@
715
719
  text-decoration: underline;
716
720
  cursor: pointer;
717
721
  }
718
- `;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([O("o-rating")],N);var Pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,g=(n,t,e,o)=>{for(var i=o>1?void 0:o?Ie(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Pe(t,e,i),i};let b=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),o.focus()):!n.shiftKey&&document.activeElement===o&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
722
+ `;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([O("o-rating")],N);var Pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,g=(n,t,e,o)=>{for(var i=o>1?void 0:o?Ie(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Pe(t,e,i),i};let v=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),o.focus()):!n.shiftKey&&document.activeElement===o&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
719
723
  <div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
720
724
  <div
721
725
  class="panel"
@@ -761,7 +765,7 @@
761
765
  </div>
762
766
  `:null}
763
767
  </div>
764
- `}};b.styles=A`
768
+ `}};v.styles=A`
765
769
  :host {
766
770
  --z-overlay: 99;
767
771
  --z-panel: 100;
@@ -900,7 +904,7 @@
900
904
  gap: 16px;
901
905
  justify-content: flex-start;
902
906
  }
903
- `;g([a({type:Boolean,reflect:!0})],b.prototype,"open",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);g([a({type:Function})],b.prototype,"onFirstButtonClick",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);g([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);g([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=g([O("o-side-panel")],b);var Be=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var i=o>1?void 0:o?ze(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Be(t,e,i),i};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
907
+ `;g([a({type:Boolean,reflect:!0})],v.prototype,"open",2);g([a({type:Boolean,reflect:!0})],v.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],v.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],v.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],v.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],v.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],v.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],v.prototype,"firstButtonVariant",2);g([a({type:Function})],v.prototype,"onFirstButtonClick",2);g([a({type:String,reflect:!0})],v.prototype,"secondaryButtonLabel",2);g([a({type:String,reflect:!0})],v.prototype,"secondaryButtonVariant",2);g([a({type:Function})],v.prototype,"onSecondaryButtonClick",2);g([a({type:Boolean,reflect:!0})],v.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],v.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],v.prototype,"initialized",2);v=g([O("o-side-panel")],v);var Be=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var i=o>1?void 0:o?ze(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Be(t,e,i),i};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
904
908
  <o-icon-button
905
909
  icon="playerv"
906
910
  size="xsmall"
package/index.mjs CHANGED
@@ -3,7 +3,7 @@
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
5
  */
6
- const X = globalThis, ht = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dt = Symbol(), bt = /* @__PURE__ */ new WeakMap();
6
+ const X = globalThis, ht = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dt = Symbol(), vt = /* @__PURE__ */ new WeakMap();
7
7
  let Et = class {
8
8
  constructor(t, e, o) {
9
9
  if (this._$cssResult$ = !0, o !== dt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -14,7 +14,7 @@ let Et = class {
14
14
  const e = this.t;
15
15
  if (ht && t === void 0) {
16
16
  const o = e !== void 0 && e.length === 1;
17
- o && (t = bt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && bt.set(e, t));
17
+ o && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && vt.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -35,7 +35,7 @@ const It = (n) => new Et(typeof n == "string" ? n : n + "", void 0, dt), A = (n,
35
35
  const o = document.createElement("style"), i = X.litNonce;
36
36
  i !== void 0 && o.setAttribute("nonce", i), o.textContent = e.cssText, n.appendChild(o);
37
37
  }
38
- }, vt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
38
+ }, bt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
40
  for (const o of t.cssRules) e += o.cssText;
41
41
  return It(e);
@@ -129,8 +129,8 @@ let T = class extends HTMLElement {
129
129
  const e = [];
130
130
  if (Array.isArray(t)) {
131
131
  const o = new Set(t.flat(1 / 0).reverse());
132
- for (const i of o) e.unshift(vt(i));
133
- } else t !== void 0 && e.push(vt(t));
132
+ for (const i of o) e.unshift(bt(i));
133
+ } else t !== void 0 && e.push(bt(t));
134
134
  return e;
135
135
  }
136
136
  static _$Eu(t, e) {
@@ -294,8 +294,8 @@ const Vt = (n, t) => {
294
294
  let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
295
295
  for (let c = 0; c < e; c++) {
296
296
  const l = n[c];
297
- let f, v, p = -1, $ = 0;
298
- for (; $ < l.length && (s.lastIndex = $, v = s.exec(l), v !== null); ) $ = s.lastIndex, s === j ? v[1] === "!--" ? s = wt : v[1] !== void 0 ? s = $t : v[2] !== void 0 ? (kt.test(v[2]) && (i = RegExp("</" + v[2], "g")), s = k) : v[3] !== void 0 && (s = k) : s === k ? v[0] === ">" ? (s = i ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = s.lastIndex - v[2].length, f = v[1], s = v[3] === void 0 ? k : v[3] === '"' ? _t : xt) : s === _t || s === xt ? s = k : s === wt || s === $t ? s = j : (s = k, i = void 0);
297
+ let f, b, p = -1, $ = 0;
298
+ for (; $ < l.length && (s.lastIndex = $, b = s.exec(l), b !== null); ) $ = s.lastIndex, s === j ? b[1] === "!--" ? s = wt : b[1] !== void 0 ? s = $t : b[2] !== void 0 ? (kt.test(b[2]) && (i = RegExp("</" + b[2], "g")), s = k) : b[3] !== void 0 && (s = k) : s === k ? b[0] === ">" ? (s = i ?? j, p = -1) : b[1] === void 0 ? p = -2 : (p = s.lastIndex - b[2].length, f = b[1], s = b[3] === void 0 ? k : b[3] === '"' ? _t : xt) : s === _t || s === xt ? s = k : s === wt || s === $t ? s = j : (s = k, i = void 0);
299
299
  const S = s === k && n[c + 1].startsWith("/>") ? " " : "";
300
300
  r += s === j ? l + Nt : p >= 0 ? (o.push(f), l.slice(0, p) + Ct + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
301
301
  }
@@ -306,7 +306,7 @@ class q {
306
306
  let i;
307
307
  this.parts = [];
308
308
  let r = 0, s = 0;
309
- const c = t.length - 1, l = this.parts, [f, v] = Vt(t, e);
309
+ const c = t.length - 1, l = this.parts, [f, b] = Vt(t, e);
310
310
  if (this.el = q.createElement(f, o), P.currentNode = this.el.content, e === 2 || e === 3) {
311
311
  const p = this.el.content.firstChild;
312
312
  p.replaceWith(...p.childNodes);
@@ -314,7 +314,7 @@ class q {
314
314
  for (; (i = P.nextNode()) !== null && l.length < c; ) {
315
315
  if (i.nodeType === 1) {
316
316
  if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(Ct)) {
317
- const $ = v[s++], S = i.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec($);
317
+ const $ = b[s++], S = i.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec($);
318
318
  l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? Zt : K[1] === "?" ? qt : K[1] === "@" ? Wt : Y }), i.removeAttribute(p);
319
319
  } else p.startsWith(E) && (l.push({ type: 6, index: r }), i.removeAttribute(p));
320
320
  if (kt.test(i.tagName)) {
@@ -709,7 +709,7 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
709
709
  </style>
710
710
  <path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
711
711
  </svg>
712
- `, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
712
+ `, ve = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
713
713
  <path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
714
714
  </svg>
715
715
  `, tt = {
@@ -726,14 +726,14 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
726
726
  "star-100": he,
727
727
  cross: de,
728
728
  search: pe,
729
- arrowLeft: be
729
+ arrowLeft: ve
730
730
  };
731
731
  /**
732
732
  * @license
733
733
  * Copyright 2017 Google LLC
734
734
  * SPDX-License-Identifier: BSD-3-Clause
735
735
  */
736
- const ve = { CHILD: 2 }, ge = (n) => (...t) => ({ _$litDirective$: n, values: t });
736
+ const be = { CHILD: 2 }, ge = (n) => (...t) => ({ _$litDirective$: n, values: t });
737
737
  class ye {
738
738
  constructor(t) {
739
739
  }
@@ -757,7 +757,7 @@ class ye {
757
757
  */
758
758
  class lt extends ye {
759
759
  constructor(t) {
760
- if (super(t), this.it = d, t.type !== ve.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
760
+ if (super(t), this.it = d, t.type !== be.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
761
761
  }
762
762
  render(t) {
763
763
  if (t === d || t == null) return this._t = void 0, this.it = t;
@@ -1141,6 +1141,10 @@ U.styles = A`
1141
1141
  fill: var(--color-content-action-secondary);
1142
1142
  }
1143
1143
 
1144
+ :host([status="empty"]) .wishlist-button svg path {
1145
+ fill: var(--color-alpha-light-strong);
1146
+ }
1147
+
1144
1148
  .sr-only {
1145
1149
  border: 0 !important;
1146
1150
  clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
@@ -1653,7 +1657,7 @@ var Pe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, g = (n, t,
1653
1657
  (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
1654
1658
  return o && i && Pe(t, e, i), i;
1655
1659
  };
1656
- let b = class extends m {
1660
+ let v = class extends m {
1657
1661
  constructor() {
1658
1662
  super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.previousFocusedElement = null, this.handleKeyDown = (n) => {
1659
1663
  this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
@@ -1752,7 +1756,7 @@ let b = class extends m {
1752
1756
  `;
1753
1757
  }
1754
1758
  };
1755
- b.styles = A`
1759
+ v.styles = A`
1756
1760
  :host {
1757
1761
  --z-overlay: 99;
1758
1762
  --z-panel: 100;
@@ -1894,52 +1898,52 @@ b.styles = A`
1894
1898
  `;
1895
1899
  g([
1896
1900
  a({ type: Boolean, reflect: !0 })
1897
- ], b.prototype, "open", 2);
1901
+ ], v.prototype, "open", 2);
1898
1902
  g([
1899
1903
  a({ type: Boolean, reflect: !0 })
1900
- ], b.prototype, "showHeader", 2);
1904
+ ], v.prototype, "showHeader", 2);
1901
1905
  g([
1902
1906
  a({ type: Boolean, reflect: !0 })
1903
- ], b.prototype, "showFooter", 2);
1907
+ ], v.prototype, "showFooter", 2);
1904
1908
  g([
1905
1909
  a({ type: Boolean, reflect: !0 })
1906
- ], b.prototype, "showHeaderStartIcon", 2);
1910
+ ], v.prototype, "showHeaderStartIcon", 2);
1907
1911
  g([
1908
1912
  a({ type: String, reflect: !0 })
1909
- ], b.prototype, "headerTitle", 2);
1913
+ ], v.prototype, "headerTitle", 2);
1910
1914
  g([
1911
1915
  a({ type: String, reflect: !0 })
1912
- ], b.prototype, "closeButtonLabel", 2);
1916
+ ], v.prototype, "closeButtonLabel", 2);
1913
1917
  g([
1914
1918
  a({ type: String, reflect: !0 })
1915
- ], b.prototype, "firstButtonLabel", 2);
1919
+ ], v.prototype, "firstButtonLabel", 2);
1916
1920
  g([
1917
1921
  a({ type: String, reflect: !0 })
1918
- ], b.prototype, "firstButtonVariant", 2);
1922
+ ], v.prototype, "firstButtonVariant", 2);
1919
1923
  g([
1920
1924
  a({ type: Function })
1921
- ], b.prototype, "onFirstButtonClick", 2);
1925
+ ], v.prototype, "onFirstButtonClick", 2);
1922
1926
  g([
1923
1927
  a({ type: String, reflect: !0 })
1924
- ], b.prototype, "secondaryButtonLabel", 2);
1928
+ ], v.prototype, "secondaryButtonLabel", 2);
1925
1929
  g([
1926
1930
  a({ type: String, reflect: !0 })
1927
- ], b.prototype, "secondaryButtonVariant", 2);
1931
+ ], v.prototype, "secondaryButtonVariant", 2);
1928
1932
  g([
1929
1933
  a({ type: Function })
1930
- ], b.prototype, "onSecondaryButtonClick", 2);
1934
+ ], v.prototype, "onSecondaryButtonClick", 2);
1931
1935
  g([
1932
1936
  a({ type: Boolean, reflect: !0 })
1933
- ], b.prototype, "disablePortal", 2);
1937
+ ], v.prototype, "disablePortal", 2);
1934
1938
  g([
1935
1939
  a({ type: Number, reflect: !0 })
1936
- ], b.prototype, "zIndex", 2);
1940
+ ], v.prototype, "zIndex", 2);
1937
1941
  g([
1938
1942
  a({ type: Boolean, reflect: !0 })
1939
- ], b.prototype, "initialized", 2);
1940
- b = g([
1943
+ ], v.prototype, "initialized", 2);
1944
+ v = g([
1941
1945
  O("o-side-panel")
1942
- ], b);
1946
+ ], v);
1943
1947
  var Be = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
1944
1948
  for (var i = o > 1 ? void 0 : o ? ze(t, e) : t, r = n.length - 1, s; r >= 0; r--)
1945
1949
  (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.4.15",
3
+ "version": "0.4.16",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",