@florid-kit/components 0.4.25 → 0.4.27

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 +23 -20
  2. package/index.mjs +80 -76
  3. package/package.json +2 -2
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * @license
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
- */const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),vt=new WeakMap;let Ct=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==pt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(dt&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&vt.set(e,t))}return t}toString(){return this.cssText}};const Ot=n=>new Ct(typeof n=="string"?n:n+"",void 0,pt),$=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((s,o,r)=>s+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+n[r+1],n[0]);return new Ct(e,n,pt)},zt=(n,t)=>{if(dt)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),o=X.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,n.appendChild(s)}},bt=dt?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Ot(e)})(n):n;/**
5
+ */const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),ft=new WeakMap;let Ct=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==pt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(dt&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ft.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ft.set(e,t))}return t}toString(){return this.cssText}};const Ot=n=>new Ct(typeof n=="string"?n:n+"",void 0,pt),$=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((s,o,r)=>s+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+n[r+1],n[0]);return new Ct(e,n,pt)},zt=(n,t)=>{if(dt)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),o=X.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,n.appendChild(s)}},bt=dt?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Ot(e)})(n):n;/**
6
6
  * @license
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
@@ -10,9 +10,9 @@
10
10
  * @license
11
11
  * Copyright 2017 Google LLC
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
- */const V=globalThis,Y=V.trustedTypes,wt=Y?Y.createPolicy("lit-html",{createHTML:n=>n}):void 0,Lt="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,kt="?"+E,Rt=`<${kt}>`,O=document,F=()=>O.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",ft=Array.isArray,Vt=n=>ft(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",it=`[
13
+ */const V=globalThis,Y=V.trustedTypes,wt=Y?Y.createPolicy("lit-html",{createHTML:n=>n}):void 0,Lt="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,kt="?"+E,Rt=`<${kt}>`,O=document,F=()=>O.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",gt=Array.isArray,Vt=n=>gt(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",it=`[
14
14
  \f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,xt=/>/g,P=RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,At=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Ft=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Ft(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),St=new WeakMap,I=O.createTreeWalker(O,129);function It(n,t){if(!ft(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return wt!==void 0?wt.createHTML(t):t}const Zt=(n,t)=>{const e=n.length-1,s=[];let o,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let f,v,p=-1,x=0;for(;x<l.length&&(i.lastIndex=x,v=i.exec(l),v!==null);)x=i.lastIndex,i===j?v[1]==="!--"?i=$t:v[1]!==void 0?i=xt:v[2]!==void 0?(Pt.test(v[2])&&(o=RegExp("</"+v[2],"g")),i=P):v[3]!==void 0&&(i=P):i===P?v[0]===">"?(i=o??j,p=-1):v[1]===void 0?p=-2:(p=i.lastIndex-v[2].length,f=v[1],i=v[3]===void 0?P:v[3]==='"'?At:_t):i===At||i===_t?i=P:i===$t||i===xt?i=j:(i=P,o=void 0);const S=i===P&&n[c+1].startsWith("/>")?" ":"";r+=i===j?l+Rt:p>=0?(s.push(f),l.slice(0,p)+Lt+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[It(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class q{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,v]=Zt(t,e);if(this.el=q.createElement(f,s),I.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=I.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const p of o.getAttributeNames())if(p.endsWith(Lt)){const x=v[i++],S=o.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(x);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Wt:K[1]==="?"?Gt:K[1]==="@"?Kt:tt}),o.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),o.removeAttribute(p));if(Pt.test(o.tagName)){const p=o.textContent.split(E),x=p.length-1;if(x>0){o.textContent=Y?Y.emptyScript:"";for(let S=0;S<x;S++)o.append(p[S],F()),I.nextNode(),l.push({type:2,index:++r});o.append(p[x],F())}}}else if(o.nodeType===8)if(o.data===kt)l.push({type:2,index:r});else{let p=-1;for(;(p=o.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const s=O.createElement("template");return s.innerHTML=t,s}}function D(n,t,e=n,s){var i,c;if(t===z)return t;let o=s!==void 0?(i=e._$Co)==null?void 0:i[s]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==r&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),r===void 0?o=void 0:(o=new r(n),o._$AT(n,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=o:e._$Cl=o),o!==void 0&&(t=D(n,o._$AS(n,t.values),o,s)),t}class qt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,o=((t==null?void 0:t.creationScope)??O).importNode(e,!0);I.currentNode=o;let r=I.nextNode(),i=0,c=0,l=s[0];for(;l!==void 0;){if(i===l.index){let f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Xt(r,this,t)),this._$AV.push(f),l=s[++c]}i!==(l==null?void 0:l.index)&&(r=I.nextNode(),i++)}return I.currentNode=O,o}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Vt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(O.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=q.createElement(It(s.h,s.h[0]),this.options)),s);if(((r=this._$AH)==null?void 0:r._$AD)===o)this._$AH.p(e);else{const i=new qt(o,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=St.get(t.strings);return e===void 0&&St.set(t.strings,e=new q(t)),e}k(t){ft(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const r of t)o===e.length?e.push(s=new G(this.O(F()),this.O(F()),this,this.options)):s=e[o],s._$AI(r),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class tt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,o){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!Z(t)||t!==this._$AH&&t!==z,i&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[s+l],e,l),f===z&&(f=this._$AH[l]),i||(i=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}i&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Wt extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Gt extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Kt extends tt{constructor(t,e,s,o,r){super(t,e,s,o,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const s=this._$AH,o=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==d&&(s===d||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Xt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const rt=V.litHtmlPolyfillSupport;rt==null||rt(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Jt=(n,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let o=s._$litPart$;if(o===void 0){const r=(e==null?void 0:e.renderBefore)??null;s._$litPart$=o=new G(t.insertBefore(F(),r),r,void 0,e??{})}return o._$AI(n),o};/**
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,At=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Ft=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Ft(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),St=new WeakMap,I=O.createTreeWalker(O,129);function It(n,t){if(!gt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return wt!==void 0?wt.createHTML(t):t}const Zt=(n,t)=>{const e=n.length-1,s=[];let o,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let g,f,p=-1,x=0;for(;x<l.length&&(i.lastIndex=x,f=i.exec(l),f!==null);)x=i.lastIndex,i===j?f[1]==="!--"?i=$t:f[1]!==void 0?i=xt:f[2]!==void 0?(Pt.test(f[2])&&(o=RegExp("</"+f[2],"g")),i=P):f[3]!==void 0&&(i=P):i===P?f[0]===">"?(i=o??j,p=-1):f[1]===void 0?p=-2:(p=i.lastIndex-f[2].length,g=f[1],i=f[3]===void 0?P:f[3]==='"'?At:_t):i===At||i===_t?i=P:i===$t||i===xt?i=j:(i=P,o=void 0);const S=i===P&&n[c+1].startsWith("/>")?" ":"";r+=i===j?l+Rt:p>=0?(s.push(g),l.slice(0,p)+Lt+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[It(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class q{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[g,f]=Zt(t,e);if(this.el=q.createElement(g,s),I.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=I.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const p of o.getAttributeNames())if(p.endsWith(Lt)){const x=f[i++],S=o.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(x);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Wt:K[1]==="?"?Gt:K[1]==="@"?Kt:tt}),o.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),o.removeAttribute(p));if(Pt.test(o.tagName)){const p=o.textContent.split(E),x=p.length-1;if(x>0){o.textContent=Y?Y.emptyScript:"";for(let S=0;S<x;S++)o.append(p[S],F()),I.nextNode(),l.push({type:2,index:++r});o.append(p[x],F())}}}else if(o.nodeType===8)if(o.data===kt)l.push({type:2,index:r});else{let p=-1;for(;(p=o.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const s=O.createElement("template");return s.innerHTML=t,s}}function D(n,t,e=n,s){var i,c;if(t===z)return t;let o=s!==void 0?(i=e._$Co)==null?void 0:i[s]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==r&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),r===void 0?o=void 0:(o=new r(n),o._$AT(n,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=o:e._$Cl=o),o!==void 0&&(t=D(n,o._$AS(n,t.values),o,s)),t}class qt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,o=((t==null?void 0:t.creationScope)??O).importNode(e,!0);I.currentNode=o;let r=I.nextNode(),i=0,c=0,l=s[0];for(;l!==void 0;){if(i===l.index){let g;l.type===2?g=new G(r,r.nextSibling,this,t):l.type===1?g=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(g=new Xt(r,this,t)),this._$AV.push(g),l=s[++c]}i!==(l==null?void 0:l.index)&&(r=I.nextNode(),i++)}return I.currentNode=O,o}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Vt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(O.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=q.createElement(It(s.h,s.h[0]),this.options)),s);if(((r=this._$AH)==null?void 0:r._$AD)===o)this._$AH.p(e);else{const i=new qt(o,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=St.get(t.strings);return e===void 0&&St.set(t.strings,e=new q(t)),e}k(t){gt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const r of t)o===e.length?e.push(s=new G(this.O(F()),this.O(F()),this,this.options)):s=e[o],s._$AI(r),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class tt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,o){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!Z(t)||t!==this._$AH&&t!==z,i&&(this._$AH=t);else{const c=t;let l,g;for(t=r[0],l=0;l<r.length-1;l++)g=D(this,c[s+l],e,l),g===z&&(g=this._$AH[l]),i||(i=!Z(g)||g!==this._$AH[l]),g===d?t=d:t!==d&&(t+=(g??"")+r[l+1]),this._$AH[l]=g}i&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Wt extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Gt extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Kt extends tt{constructor(t,e,s,o,r){super(t,e,s,o,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const s=this._$AH,o=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==d&&(s===d||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Xt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const rt=V.litHtmlPolyfillSupport;rt==null||rt(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Jt=(n,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let o=s._$litPart$;if(o===void 0){const r=(e==null?void 0:e.renderBefore)??null;s._$litPart$=o=new G(t.insertBefore(F(),r),r,void 0,e??{})}return o._$AI(n),o};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
@@ -40,11 +40,11 @@
40
40
  * @license
41
41
  * Copyright 2023 Google LLC
42
42
  * SPDX-License-Identifier: Apache-2.0
43
- */const gt=Symbol("internals"),lt=Symbol("privateInternals");function ne(n){var t;class e extends n{get[(t=gt,t)](){return this[lt]||(this[lt]=this.attachInternals()),this[lt]}}return e}/**
43
+ */const vt=Symbol("internals"),lt=Symbol("privateInternals");function ne(n){var t;class e extends n{get[(t=vt,t)](){return this[lt]||(this[lt]=this.attachInternals()),this[lt]}}return e}/**
44
44
  * @license
45
45
  * Copyright 2023 Google LLC
46
46
  * SPDX-License-Identifier: Apache-2.0
47
- */function oe(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:o,[gt]:r}=e,{form:i}=r;if(!(!i||o==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(o==="reset"){i.reset();return}i.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),i.requestSubmit()}})})}const se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
47
+ */function oe(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:o,[vt]:r}=e,{form:i}=r;if(!(!i||o==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(o==="reset"){i.reset();return}i.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),i.requestSubmit()}})})}const se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
48
48
  <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
49
49
  </svg>
50
50
  `,ie=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -75,10 +75,10 @@
75
75
  <path d="M2 2L14 14" stroke="#3F2B2E"/>
76
76
  <path d="M14 2L2 14" stroke="#3F2B2E"/>
77
77
  </svg>
78
- `,fe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
78
+ `,ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
79
79
  <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"/>
80
80
  </svg>
81
- `,ge=`<?xml version="1.0" encoding="utf-8"?>
81
+ `,ve=`<?xml version="1.0" encoding="utf-8"?>
82
82
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
83
83
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
84
84
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -88,7 +88,7 @@
88
88
  <path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
89
89
  s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
90
90
  </svg>
91
- `,ve=`<?xml version="1.0" encoding="utf-8"?>
91
+ `,fe=`<?xml version="1.0" encoding="utf-8"?>
92
92
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
93
93
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
94
94
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -100,19 +100,22 @@
100
100
  `,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
101
101
  <path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
102
102
  </svg>
103
- `,et={wishlist:se,playerv:ie,chevronRight:re,chevronLeft:ae,icoPlus:ge,icoMinus:ve,"star-0":le,"star-25":ce,"star-50":he,"star-75":de,"star-100":pe,cross:ue,search:fe,arrowLeft:be};/**
103
+ `,ye=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
104
+ <path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
105
+ </svg>
106
+ `,et={wishlist:se,playerv:ie,chevronRight:re,chevronLeft:ae,icoPlus:ve,icoMinus:fe,"star-0":le,"star-25":ce,"star-50":he,"star-75":de,"star-100":pe,cross:ue,search:ge,arrowLeft:be,cart:ye};/**
104
107
  * @license
105
108
  * Copyright 2017 Google LLC
106
109
  * SPDX-License-Identifier: BSD-3-Clause
107
- */const ye={CHILD:2},me=n=>(...t)=>({_$litDirective$:n,values:t});class we{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
110
+ */const me={CHILD:2},we=n=>(...t)=>({_$litDirective$:n,values:t});class $e{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
108
111
  * @license
109
112
  * Copyright 2017 Google LLC
110
113
  * SPDX-License-Identifier: BSD-3-Clause
111
- */class ct extends we{constructor(t){if(super(t),this.it=d,t.type!==ye.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}ct.directiveName="unsafeHTML",ct.resultType=1;/**
114
+ */class ct extends $e{constructor(t){if(super(t),this.it=d,t.type!==me.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}ct.directiveName="unsafeHTML",ct.resultType=1;/**
112
115
  * @license
113
116
  * Copyright 2017 Google LLC
114
117
  * SPDX-License-Identifier: BSD-3-Clause
115
- */class ht extends ct{}ht.directiveName="unsafeSVG",ht.resultType=2;const W=me(ht);var $e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,y=(n,t,e,s)=>{for(var o=s>1?void 0:s?xe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&$e(t,e,o),o};const _e=ne(m);let u=class extends _e{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[gt].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=et[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
118
+ */class ht extends ct{}ht.directiveName="unsafeSVG",ht.resultType=2;const W=we(ht);var xe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,y=(n,t,e,s)=>{for(var o=s>1?void 0:s?_e(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&xe(t,e,o),o};const Ae=ne(m);let u=class extends Ae{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[vt].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=et[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
116
119
  <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
117
120
  ${this.startIcon?this.renderIcon("start"):d}
118
121
  ${n?h`
@@ -292,7 +295,7 @@
292
295
  transform: translateX(4px);
293
296
  }
294
297
  //End icon movment on hover
295
- `;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([L("o-button")],u);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,nt=(n,t,e,s)=>{for(var o=s>1?void 0:s?Se(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Ae(t,e,o),o};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=et.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
298
+ `;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([L("o-button")],u);var Se=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,nt=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ee(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Se(t,e,o),o};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=et.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
296
299
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
297
300
  <span class="sr-only">${this.label}</span>
298
301
  ${W(n)}
@@ -356,7 +359,7 @@
356
359
  width: 0.1rem !important;
357
360
  white-space: nowrap !important;
358
361
  }
359
- `;nt([a({type:String,reflect:!0})],U.prototype,"status",2);nt([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);nt([a({type:String,reflect:!0})],U.prototype,"label",2);U=nt([L("o-wishlist-button")],U);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,k=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ce(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Ee(t,e,o),o};let w=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=et[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
362
+ `;nt([a({type:String,reflect:!0})],U.prototype,"status",2);nt([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);nt([a({type:String,reflect:!0})],U.prototype,"label",2);U=nt([L("o-wishlist-button")],U);var Ce=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,k=(n,t,e,s)=>{for(var o=s>1?void 0:s?Le(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Ce(t,e,o),o};let w=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=et[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
360
363
  ${this.type==="span"?h`
361
364
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
362
365
  ${W(e)}
@@ -570,7 +573,7 @@
570
573
  }
571
574
 
572
575
  }
573
- `;k([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],w.prototype,"size",2);k([a({type:String,reflect:!0})],w.prototype,"status",2);k([a({type:String,reflect:!0})],w.prototype,"type",2);k([a({type:String})],w.prototype,"strokewidth",2);k([a({type:String})],w.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=k([L("o-icon-button")],w);var Le=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,H=(n,t,e,s)=>{for(var o=s>1?void 0:s?ke(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Le(t,e,o),o};let _=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
576
+ `;k([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],w.prototype,"size",2);k([a({type:String,reflect:!0})],w.prototype,"status",2);k([a({type:String,reflect:!0})],w.prototype,"type",2);k([a({type:String})],w.prototype,"strokewidth",2);k([a({type:String})],w.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=k([L("o-icon-button")],w);var ke=Object.defineProperty,Pe=Object.getOwnPropertyDescriptor,H=(n,t,e,s)=>{for(var o=s>1?void 0:s?Pe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&ke(t,e,o),o};let _=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
574
577
  <a href="${this.href}" target="${this.target}">
575
578
  ${this.endIcon&&this.reverseEndIcon?h`
576
579
  <o-icon-button
@@ -679,7 +682,7 @@
679
682
  height: 1px;
680
683
  }
681
684
  /* End of underline effect */
682
- `;H([a({type:String})],_.prototype,"href",2);H([a({type:String})],_.prototype,"target",2);H([a({type:String,reflect:!0})],_.prototype,"template",2);H([a({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([L("o-link")],_);var Pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,ot=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ie(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Pe(t,e,o),o};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let s;e>=1?s=100:e<=0?s=0:s=Math.round(e*100/25)*25,n.push(`star-${s}`)}return n}render(){const n=this.getStarKeys();return h`
685
+ `;H([a({type:String})],_.prototype,"href",2);H([a({type:String})],_.prototype,"target",2);H([a({type:String,reflect:!0})],_.prototype,"template",2);H([a({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([L("o-link")],_);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,ot=(n,t,e,s)=>{for(var o=s>1?void 0:s?Be(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Ie(t,e,o),o};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let s;e>=1?s=100:e<=0?s=0:s=Math.round(e*100/25)*25,n.push(`star-${s}`)}return n}render(){const n=this.getStarKeys();return h`
683
686
  <div class="rating">
684
687
  <div class="stars">
685
688
  ${n.map(t=>h`<span class="star">${W(et[t]??"")}</span>`)}
@@ -719,7 +722,7 @@
719
722
  text-decoration: underline;
720
723
  cursor: pointer;
721
724
  }
722
- `;ot([a({type:Number})],N.prototype,"rating",2);ot([a({type:String})],N.prototype,"reviewCount",2);ot([a({type:String})],N.prototype,"href",2);N=ot([L("o-rating")],N);var Be=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,b=(n,t,e,s)=>{for(var o=s>1?void 0:s?Oe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Be(t,e,o),o};let g=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),s.focus()):!n.shiftKey&&document.activeElement===s&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
725
+ `;ot([a({type:Number})],N.prototype,"rating",2);ot([a({type:String})],N.prototype,"reviewCount",2);ot([a({type:String})],N.prototype,"href",2);N=ot([L("o-rating")],N);var Oe=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,b=(n,t,e,s)=>{for(var o=s>1?void 0:s?ze(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Oe(t,e,o),o};let v=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),s.focus()):!n.shiftKey&&document.activeElement===s&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
723
726
  <div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
724
727
  <div
725
728
  class="panel"
@@ -765,7 +768,7 @@
765
768
  </div>
766
769
  `:null}
767
770
  </div>
768
- `}};g.styles=$`
771
+ `}};v.styles=$`
769
772
  :host {
770
773
  --z-overlay: 99;
771
774
  --z-panel: 100;
@@ -904,7 +907,7 @@
904
907
  gap: 16px;
905
908
  justify-content: flex-start;
906
909
  }
907
- `;b([a({type:Boolean,reflect:!0})],g.prototype,"open",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);b([a({type:Function})],g.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);b([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=b([L("o-side-panel")],g);var ze=Object.defineProperty,He=Object.getOwnPropertyDescriptor,M=(n,t,e,s)=>{for(var o=s>1?void 0:s?He(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&ze(t,e,o),o};let A=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
910
+ `;b([a({type:Boolean,reflect:!0})],v.prototype,"open",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],v.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],v.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"firstButtonVariant",2);b([a({type:Function})],v.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],v.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"secondaryButtonVariant",2);b([a({type:Function})],v.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],v.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],v.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],v.prototype,"initialized",2);v=b([L("o-side-panel")],v);var He=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,M=(n,t,e,s)=>{for(var o=s>1?void 0:s?Me(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&He(t,e,o),o};let A=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
908
911
  <o-icon-button
909
912
  icon="playerv"
910
913
  size="xsmall"
@@ -1035,7 +1038,7 @@
1035
1038
  height: 0;
1036
1039
  width: 0;
1037
1040
  }
1038
- `;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([te()],A.prototype,"focusedIndex",2);A=M([L("thumbnail-navigation")],A);var Me=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,Bt=(n,t,e,s)=>{for(var o=s>1?void 0:s?Te(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Me(t,e,o),o};let Q=class extends m{constructor(){super(...arguments),this.type=""}render(){return h`
1041
+ `;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([te()],A.prototype,"focusedIndex",2);A=M([L("thumbnail-navigation")],A);var Te=Object.defineProperty,De=Object.getOwnPropertyDescriptor,Bt=(n,t,e,s)=>{for(var o=s>1?void 0:s?De(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Te(t,e,o),o};let Q=class extends m{constructor(){super(...arguments),this.type=""}render(){return h`
1039
1042
  <span class="tag"><slot></slot></span>
1040
1043
  `}};Q.styles=$`
1041
1044
  .tag {
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, dt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, pt = Symbol(), vt = /* @__PURE__ */ new WeakMap();
6
+ const X = globalThis, dt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, pt = Symbol(), ft = /* @__PURE__ */ new WeakMap();
7
7
  let Ct = class {
8
8
  constructor(t, e, s) {
9
9
  if (this._$cssResult$ = !0, s !== pt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -14,7 +14,7 @@ let Ct = class {
14
14
  const e = this.t;
15
15
  if (dt && t === void 0) {
16
16
  const s = e !== void 0 && e.length === 1;
17
- s && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && vt.set(e, t));
17
+ s && (t = ft.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && ft.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -282,11 +282,11 @@ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProper
282
282
  * Copyright 2017 Google LLC
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
- const V = globalThis, Y = V.trustedTypes, wt = Y ? Y.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Lt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, kt = "?" + E, Rt = `<${kt}>`, O = document, F = () => O.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", ft = Array.isArray, Vt = (n) => ft(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", it = `[
285
+ const V = globalThis, Y = V.trustedTypes, wt = Y ? Y.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Lt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, kt = "?" + E, Rt = `<${kt}>`, O = document, F = () => O.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", gt = Array.isArray, Vt = (n) => gt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", it = `[
286
286
  \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, xt = />/g, P = RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
287
287
  \f\r"'\`<>=]|("|')|))|$)`, "g"), _t = /'/g, At = /"/g, Pt = /^(?:script|style|textarea|title)$/i, Ft = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Ft(1), z = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), St = /* @__PURE__ */ new WeakMap(), I = O.createTreeWalker(O, 129);
288
288
  function It(n, t) {
289
- if (!ft(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
289
+ if (!gt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return wt !== void 0 ? wt.createHTML(t) : t;
291
291
  }
292
292
  const Zt = (n, t) => {
@@ -294,10 +294,10 @@ const Zt = (n, t) => {
294
294
  let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = j;
295
295
  for (let c = 0; c < e; c++) {
296
296
  const l = n[c];
297
- let f, v, p = -1, x = 0;
298
- for (; x < l.length && (i.lastIndex = x, v = i.exec(l), v !== null); ) x = i.lastIndex, i === j ? v[1] === "!--" ? i = $t : v[1] !== void 0 ? i = xt : v[2] !== void 0 ? (Pt.test(v[2]) && (o = RegExp("</" + v[2], "g")), i = P) : v[3] !== void 0 && (i = P) : i === P ? v[0] === ">" ? (i = o ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = i.lastIndex - v[2].length, f = v[1], i = v[3] === void 0 ? P : v[3] === '"' ? At : _t) : i === At || i === _t ? i = P : i === $t || i === xt ? i = j : (i = P, o = void 0);
297
+ let g, f, p = -1, x = 0;
298
+ for (; x < l.length && (i.lastIndex = x, f = i.exec(l), f !== null); ) x = i.lastIndex, i === j ? f[1] === "!--" ? i = $t : f[1] !== void 0 ? i = xt : f[2] !== void 0 ? (Pt.test(f[2]) && (o = RegExp("</" + f[2], "g")), i = P) : f[3] !== void 0 && (i = P) : i === P ? f[0] === ">" ? (i = o ?? j, p = -1) : f[1] === void 0 ? p = -2 : (p = i.lastIndex - f[2].length, g = f[1], i = f[3] === void 0 ? P : f[3] === '"' ? At : _t) : i === At || i === _t ? i = P : i === $t || i === xt ? i = j : (i = P, o = void 0);
299
299
  const S = i === P && n[c + 1].startsWith("/>") ? " " : "";
300
- r += i === j ? l + Rt : p >= 0 ? (s.push(f), l.slice(0, p) + Lt + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
300
+ r += i === j ? l + Rt : p >= 0 ? (s.push(g), l.slice(0, p) + Lt + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
301
301
  }
302
302
  return [It(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
303
303
  };
@@ -306,15 +306,15 @@ class q {
306
306
  let o;
307
307
  this.parts = [];
308
308
  let r = 0, i = 0;
309
- const c = t.length - 1, l = this.parts, [f, v] = Zt(t, e);
310
- if (this.el = q.createElement(f, s), I.currentNode = this.el.content, e === 2 || e === 3) {
309
+ const c = t.length - 1, l = this.parts, [g, f] = Zt(t, e);
310
+ if (this.el = q.createElement(g, s), I.currentNode = this.el.content, e === 2 || e === 3) {
311
311
  const p = this.el.content.firstChild;
312
312
  p.replaceWith(...p.childNodes);
313
313
  }
314
314
  for (; (o = I.nextNode()) !== null && l.length < c; ) {
315
315
  if (o.nodeType === 1) {
316
316
  if (o.hasAttributes()) for (const p of o.getAttributeNames()) if (p.endsWith(Lt)) {
317
- const x = v[i++], S = o.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
317
+ const x = f[i++], S = o.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
318
318
  l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? Wt : K[1] === "?" ? Gt : K[1] === "@" ? Kt : tt }), o.removeAttribute(p);
319
319
  } else p.startsWith(E) && (l.push({ type: 6, index: r }), o.removeAttribute(p));
320
320
  if (Pt.test(o.tagName)) {
@@ -361,8 +361,8 @@ class qt {
361
361
  let r = I.nextNode(), i = 0, c = 0, l = s[0];
362
362
  for (; l !== void 0; ) {
363
363
  if (i === l.index) {
364
- let f;
365
- l.type === 2 ? f = new G(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Xt(r, this, t)), this._$AV.push(f), l = s[++c];
364
+ let g;
365
+ l.type === 2 ? g = new G(r, r.nextSibling, this, t) : l.type === 1 ? g = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (g = new Xt(r, this, t)), this._$AV.push(g), l = s[++c];
366
366
  }
367
367
  i !== (l == null ? void 0 : l.index) && (r = I.nextNode(), i++);
368
368
  }
@@ -418,7 +418,7 @@ class G {
418
418
  return e === void 0 && St.set(t.strings, e = new q(t)), e;
419
419
  }
420
420
  k(t) {
421
- ft(this._$AH) || (this._$AH = [], this._$AR());
421
+ gt(this._$AH) || (this._$AH = [], this._$AR());
422
422
  const e = this._$AH;
423
423
  let s, o = 0;
424
424
  for (const r of t) o === e.length ? e.push(s = new G(this.O(F()), this.O(F()), this, this.options)) : s = e[o], s._$AI(r), o++;
@@ -452,8 +452,8 @@ class tt {
452
452
  if (r === void 0) t = D(this, t, e, 0), i = !Z(t) || t !== this._$AH && t !== z, i && (this._$AH = t);
453
453
  else {
454
454
  const c = t;
455
- let l, f;
456
- for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[s + l], e, l), f === z && (f = this._$AH[l]), i || (i = !Z(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
455
+ let l, g;
456
+ for (t = r[0], l = 0; l < r.length - 1; l++) g = D(this, c[s + l], e, l), g === z && (g = this._$AH[l]), i || (i = !Z(g) || g !== this._$AH[l]), g === d ? t = d : t !== d && (t += (g ?? "") + r[l + 1]), this._$AH[l] = g;
457
457
  }
458
458
  i && !o && this.j(t);
459
459
  }
@@ -614,11 +614,11 @@ $`
614
614
  * Copyright 2023 Google LLC
615
615
  * SPDX-License-Identifier: Apache-2.0
616
616
  */
617
- const gt = Symbol("internals"), lt = Symbol("privateInternals");
617
+ const vt = Symbol("internals"), lt = Symbol("privateInternals");
618
618
  function ne(n) {
619
619
  var t;
620
620
  class e extends n {
621
- get [(t = gt, t)]() {
621
+ get [(t = vt, t)]() {
622
622
  return this[lt] || (this[lt] = this.attachInternals()), this[lt];
623
623
  }
624
624
  }
@@ -633,7 +633,7 @@ function oe(n) {
633
633
  n.addInitializer((t) => {
634
634
  const e = t;
635
635
  e.addEventListener("click", async (s) => {
636
- const { type: o, [gt]: r } = e, { form: i } = r;
636
+ const { type: o, [vt]: r } = e, { form: i } = r;
637
637
  if (!(!i || o === "button") && (await new Promise((c) => {
638
638
  setTimeout(c);
639
639
  }), !s.defaultPrevented)) {
@@ -687,10 +687,10 @@ const se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
687
687
  <path d="M2 2L14 14" stroke="#3F2B2E"/>
688
688
  <path d="M14 2L2 14" stroke="#3F2B2E"/>
689
689
  </svg>
690
- `, fe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
690
+ `, ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
691
691
  <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"/>
692
692
  </svg>
693
- `, ge = `<?xml version="1.0" encoding="utf-8"?>
693
+ `, ve = `<?xml version="1.0" encoding="utf-8"?>
694
694
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
695
695
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
696
696
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -700,7 +700,7 @@ const se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
700
700
  <path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
701
701
  s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
702
702
  </svg>
703
- `, ve = `<?xml version="1.0" encoding="utf-8"?>
703
+ `, fe = `<?xml version="1.0" encoding="utf-8"?>
704
704
  <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
705
705
  <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
706
706
  viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -712,29 +712,33 @@ const se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
712
712
  `, be = `<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
+ `, ye = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
716
+ <path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
717
+ </svg>
715
718
  `, et = {
716
719
  wishlist: se,
717
720
  playerv: ie,
718
721
  chevronRight: re,
719
722
  chevronLeft: ae,
720
- icoPlus: ge,
721
- icoMinus: ve,
723
+ icoPlus: ve,
724
+ icoMinus: fe,
722
725
  "star-0": le,
723
726
  "star-25": ce,
724
727
  "star-50": he,
725
728
  "star-75": de,
726
729
  "star-100": pe,
727
730
  cross: ue,
728
- search: fe,
729
- arrowLeft: be
731
+ search: ge,
732
+ arrowLeft: be,
733
+ cart: ye
730
734
  };
731
735
  /**
732
736
  * @license
733
737
  * Copyright 2017 Google LLC
734
738
  * SPDX-License-Identifier: BSD-3-Clause
735
739
  */
736
- const ye = { CHILD: 2 }, me = (n) => (...t) => ({ _$litDirective$: n, values: t });
737
- class we {
740
+ const me = { CHILD: 2 }, we = (n) => (...t) => ({ _$litDirective$: n, values: t });
741
+ class $e {
738
742
  constructor(t) {
739
743
  }
740
744
  get _$AU() {
@@ -755,9 +759,9 @@ class we {
755
759
  * Copyright 2017 Google LLC
756
760
  * SPDX-License-Identifier: BSD-3-Clause
757
761
  */
758
- class ct extends we {
762
+ class ct extends $e {
759
763
  constructor(t) {
760
- if (super(t), this.it = d, t.type !== ye.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
764
+ if (super(t), this.it = d, t.type !== me.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
761
765
  }
762
766
  render(t) {
763
767
  if (t === d || t == null) return this._t = void 0, this.it = t;
@@ -778,14 +782,14 @@ ct.directiveName = "unsafeHTML", ct.resultType = 1;
778
782
  class ht extends ct {
779
783
  }
780
784
  ht.directiveName = "unsafeSVG", ht.resultType = 2;
781
- const W = me(ht);
782
- var $e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, y = (n, t, e, s) => {
783
- for (var o = s > 1 ? void 0 : s ? xe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
785
+ const W = we(ht);
786
+ var xe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, y = (n, t, e, s) => {
787
+ for (var o = s > 1 ? void 0 : s ? _e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
784
788
  (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
785
- return s && o && $e(t, e, o), o;
789
+ return s && o && xe(t, e, o), o;
786
790
  };
787
- const _e = ne(m);
788
- let u = class extends _e {
791
+ const Ae = ne(m);
792
+ let u = class extends Ae {
789
793
  constructor() {
790
794
  super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "search", this.endIconModel = "chevronRight", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "";
791
795
  }
@@ -796,7 +800,7 @@ let u = class extends _e {
796
800
  this.setAttribute("name", n);
797
801
  }
798
802
  get form() {
799
- return this[gt].form;
803
+ return this[vt].form;
800
804
  }
801
805
  handleClick() {
802
806
  if (this.panelTarget) {
@@ -1053,10 +1057,10 @@ y([
1053
1057
  u = y([
1054
1058
  L("o-button")
1055
1059
  ], u);
1056
- var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, nt = (n, t, e, s) => {
1057
- for (var o = s > 1 ? void 0 : s ? Se(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1060
+ var Se = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, nt = (n, t, e, s) => {
1061
+ for (var o = s > 1 ? void 0 : s ? Ee(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1058
1062
  (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1059
- return s && o && Ae(t, e, o), o;
1063
+ return s && o && Se(t, e, o), o;
1060
1064
  };
1061
1065
  let U = class extends m {
1062
1066
  constructor() {
@@ -1171,10 +1175,10 @@ nt([
1171
1175
  U = nt([
1172
1176
  L("o-wishlist-button")
1173
1177
  ], U);
1174
- var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, k = (n, t, e, s) => {
1175
- for (var o = s > 1 ? void 0 : s ? Ce(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1178
+ var Ce = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, k = (n, t, e, s) => {
1179
+ for (var o = s > 1 ? void 0 : s ? Le(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1176
1180
  (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1177
- return s && o && Ee(t, e, o), o;
1181
+ return s && o && Ce(t, e, o), o;
1178
1182
  };
1179
1183
  let w = class extends m {
1180
1184
  constructor() {
@@ -1430,10 +1434,10 @@ k([
1430
1434
  w = k([
1431
1435
  L("o-icon-button")
1432
1436
  ], w);
1433
- var Le = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, H = (n, t, e, s) => {
1434
- for (var o = s > 1 ? void 0 : s ? ke(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1437
+ var ke = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, H = (n, t, e, s) => {
1438
+ for (var o = s > 1 ? void 0 : s ? Pe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1435
1439
  (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1436
- return s && o && Le(t, e, o), o;
1440
+ return s && o && ke(t, e, o), o;
1437
1441
  };
1438
1442
  let _ = class extends m {
1439
1443
  constructor() {
@@ -1574,10 +1578,10 @@ H([
1574
1578
  _ = H([
1575
1579
  L("o-link")
1576
1580
  ], _);
1577
- var Pe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, ot = (n, t, e, s) => {
1578
- for (var o = s > 1 ? void 0 : s ? Ie(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1581
+ var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, ot = (n, t, e, s) => {
1582
+ for (var o = s > 1 ? void 0 : s ? Be(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1579
1583
  (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1580
- return s && o && Pe(t, e, o), o;
1584
+ return s && o && Ie(t, e, o), o;
1581
1585
  };
1582
1586
  let N = class extends m {
1583
1587
  constructor() {
@@ -1652,12 +1656,12 @@ ot([
1652
1656
  N = ot([
1653
1657
  L("o-rating")
1654
1658
  ], N);
1655
- var Be = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, b = (n, t, e, s) => {
1656
- for (var o = s > 1 ? void 0 : s ? Oe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1659
+ var Oe = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, b = (n, t, e, s) => {
1660
+ for (var o = s > 1 ? void 0 : s ? ze(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1657
1661
  (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1658
- return s && o && Be(t, e, o), o;
1662
+ return s && o && Oe(t, e, o), o;
1659
1663
  };
1660
- let g = class extends m {
1664
+ let v = class extends m {
1661
1665
  constructor() {
1662
1666
  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) => {
1663
1667
  this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
@@ -1756,7 +1760,7 @@ let g = class extends m {
1756
1760
  `;
1757
1761
  }
1758
1762
  };
1759
- g.styles = $`
1763
+ v.styles = $`
1760
1764
  :host {
1761
1765
  --z-overlay: 99;
1762
1766
  --z-panel: 100;
@@ -1898,56 +1902,56 @@ g.styles = $`
1898
1902
  `;
1899
1903
  b([
1900
1904
  a({ type: Boolean, reflect: !0 })
1901
- ], g.prototype, "open", 2);
1905
+ ], v.prototype, "open", 2);
1902
1906
  b([
1903
1907
  a({ type: Boolean, reflect: !0 })
1904
- ], g.prototype, "showHeader", 2);
1908
+ ], v.prototype, "showHeader", 2);
1905
1909
  b([
1906
1910
  a({ type: Boolean, reflect: !0 })
1907
- ], g.prototype, "showFooter", 2);
1911
+ ], v.prototype, "showFooter", 2);
1908
1912
  b([
1909
1913
  a({ type: Boolean, reflect: !0 })
1910
- ], g.prototype, "showHeaderStartIcon", 2);
1914
+ ], v.prototype, "showHeaderStartIcon", 2);
1911
1915
  b([
1912
1916
  a({ type: String, reflect: !0 })
1913
- ], g.prototype, "headerTitle", 2);
1917
+ ], v.prototype, "headerTitle", 2);
1914
1918
  b([
1915
1919
  a({ type: String, reflect: !0 })
1916
- ], g.prototype, "closeButtonLabel", 2);
1920
+ ], v.prototype, "closeButtonLabel", 2);
1917
1921
  b([
1918
1922
  a({ type: String, reflect: !0 })
1919
- ], g.prototype, "firstButtonLabel", 2);
1923
+ ], v.prototype, "firstButtonLabel", 2);
1920
1924
  b([
1921
1925
  a({ type: String, reflect: !0 })
1922
- ], g.prototype, "firstButtonVariant", 2);
1926
+ ], v.prototype, "firstButtonVariant", 2);
1923
1927
  b([
1924
1928
  a({ type: Function })
1925
- ], g.prototype, "onFirstButtonClick", 2);
1929
+ ], v.prototype, "onFirstButtonClick", 2);
1926
1930
  b([
1927
1931
  a({ type: String, reflect: !0 })
1928
- ], g.prototype, "secondaryButtonLabel", 2);
1932
+ ], v.prototype, "secondaryButtonLabel", 2);
1929
1933
  b([
1930
1934
  a({ type: String, reflect: !0 })
1931
- ], g.prototype, "secondaryButtonVariant", 2);
1935
+ ], v.prototype, "secondaryButtonVariant", 2);
1932
1936
  b([
1933
1937
  a({ type: Function })
1934
- ], g.prototype, "onSecondaryButtonClick", 2);
1938
+ ], v.prototype, "onSecondaryButtonClick", 2);
1935
1939
  b([
1936
1940
  a({ type: Boolean, reflect: !0 })
1937
- ], g.prototype, "disablePortal", 2);
1941
+ ], v.prototype, "disablePortal", 2);
1938
1942
  b([
1939
1943
  a({ type: Number, reflect: !0 })
1940
- ], g.prototype, "zIndex", 2);
1944
+ ], v.prototype, "zIndex", 2);
1941
1945
  b([
1942
1946
  a({ type: Boolean, reflect: !0 })
1943
- ], g.prototype, "initialized", 2);
1944
- g = b([
1947
+ ], v.prototype, "initialized", 2);
1948
+ v = b([
1945
1949
  L("o-side-panel")
1946
- ], g);
1947
- var ze = Object.defineProperty, He = Object.getOwnPropertyDescriptor, M = (n, t, e, s) => {
1948
- for (var o = s > 1 ? void 0 : s ? He(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1950
+ ], v);
1951
+ var He = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, M = (n, t, e, s) => {
1952
+ for (var o = s > 1 ? void 0 : s ? Me(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1949
1953
  (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
1950
- return s && o && ze(t, e, o), o;
1954
+ return s && o && He(t, e, o), o;
1951
1955
  };
1952
1956
  let A = class extends m {
1953
1957
  constructor() {
@@ -2135,10 +2139,10 @@ M([
2135
2139
  A = M([
2136
2140
  L("thumbnail-navigation")
2137
2141
  ], A);
2138
- var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, Bt = (n, t, e, s) => {
2139
- for (var o = s > 1 ? void 0 : s ? Te(t, e) : t, r = n.length - 1, i; r >= 0; r--)
2142
+ var Te = Object.defineProperty, De = Object.getOwnPropertyDescriptor, Bt = (n, t, e, s) => {
2143
+ for (var o = s > 1 ? void 0 : s ? De(t, e) : t, r = n.length - 1, i; r >= 0; r--)
2140
2144
  (i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
2141
- return s && o && Me(t, e, o), o;
2145
+ return s && o && Te(t, e, o), o;
2142
2146
  };
2143
2147
  let Q = class extends m {
2144
2148
  constructor() {
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.4.25",
3
+ "version": "0.4.27",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",
7
7
  "description": "This library was generated with [Nx](https://nx.dev).",
8
8
  "dependencies": {
9
- "@florid-kit/tokens": "^0.1.10"
9
+ "@florid-kit/tokens": "^0.1.12"
10
10
  },
11
11
  "devDependencies": {
12
12
  "@storybook/addon-a11y": "8.6.14",