@florid-kit/components 0.4.12 → 0.4.14

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.
@@ -4,6 +4,7 @@ export declare class OccitaneSidePanel extends LitElement {
4
4
  open: boolean;
5
5
  showHeader: boolean;
6
6
  showFooter: boolean;
7
+ showHeaderStartIcon: boolean;
7
8
  headerTitle: string;
8
9
  closeButtonLabel: string;
9
10
  firstButtonLabel: string;
package/index.js CHANGED
@@ -2,25 +2,25 @@
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(),vt=new WeakMap;let St=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 St(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,s,r)=>o+(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.")})(s)+n[r+1],n[0]);return new St(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"),s=X.litNonce;s!==void 0&&o.setAttribute("nonce",s),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;/**
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,s,r)=>o+(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.")})(s)+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"),s=X.litNonce;s!==void 0&&o.setAttribute("nonce",s),o.textContent=e.cssText,n.appendChild(o)}},gt=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:Ot,defineProperty:zt,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)=>!Ot(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(),s=this.getPropertyDescriptor(t,o,e);s!==void 0&&zt(this.prototype,t,s)}}static getPropertyDescriptor(t,e,o){const{get:s,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:s,set(i){const c=s==null?void 0:s.call(this);r==null||r.call(this,i),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 s of o)this.createProperty(s,e[s])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,s]of e)this.elementProperties.set(o,s)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const s=this._$Eu(e,o);s!==void 0&&this._$Eh.set(s,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 s of o)e.unshift(bt(s))}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),s=this.constructor._$Eu(t,o);if(s!==void 0&&o.reflect===!0){const i=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){var r,i;const o=this.constructor,s=o._$Eh.get(t);if(s!==void 0&&this._$Em!==s){const c=o.getPropertyOptions(s),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=s,this[s]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(s))??null,this._$Em=null}}requestUpdate(t,e,o){var s;if(t!==void 0){const r=this.constructor,i=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??pt)(i,e)||o.useDefault&&o.reflect&&i===((s=this._$Ej)==null?void 0:s.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:s,wrapped:r},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),s===!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,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[r,i]of s){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(s=>{var r;return(r=s.hostUpdate)==null?void 0:r.call(s)}),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var s;return(s=o.hostUpdated)==null?void 0:s.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,vt=C.trustedTypes,Ut=vt?vt.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(),s=this.getPropertyDescriptor(t,o,e);s!==void 0&&Ot(this.prototype,t,s)}}static getPropertyDescriptor(t,e,o){const{get:s,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:s,set(i){const c=s==null?void 0:s.call(this);r==null||r.call(this,i),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 s of o)this.createProperty(s,e[s])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,s]of e)this.elementProperties.set(o,s)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const s=this._$Eu(e,o);s!==void 0&&this._$Eh.set(s,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 s of o)e.unshift(gt(s))}else t!==void 0&&e.push(gt(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),s=this.constructor._$Eu(t,o);if(s!==void 0&&o.reflect===!0){const i=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){var r,i;const o=this.constructor,s=o._$Eh.get(t);if(s!==void 0&&this._$Em!==s){const c=o.getPropertyOptions(s),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=s,this[s]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(s))??null,this._$Em=null}}requestUpdate(t,e,o){var s;if(t!==void 0){const r=this.constructor,i=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??pt)(i,e)||o.useDefault&&o.reflect&&i===((s=this._$Ej)==null?void 0:s.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:s,wrapped:r},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),s===!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,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[r,i]of s){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(s=>{var r;return(r=s.hostUpdate)==null?void 0:r.call(s)}),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var s;return(s=o.hostUpdated)==null?void 0:s.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
- */const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+S,Nt=`<${Lt}>`,B=document,F=()=>B.createComment(""),q=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",st=`[
14
- \f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,P=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Rt(1),O=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,k=B.createTreeWalker(B,129);function kt(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 s,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let f,b,p=-1,w=0;for(;w<l.length&&(i.lastIndex=w,b=i.exec(l),b!==null);)w=i.lastIndex,i===j?b[1]==="!--"?i=$t:b[1]!==void 0?i=wt:b[2]!==void 0?(Pt.test(b[2])&&(s=RegExp("</"+b[2],"g")),i=P):b[3]!==void 0&&(i=P):i===P?b[0]===">"?(i=s??j,p=-1):b[1]===void 0?p=-2:(p=i.lastIndex-b[2].length,f=b[1],i=b[3]===void 0?P:b[3]==='"'?_t:xt):i===_t||i===xt?i=P:i===$t||i===wt?i=j:(i=P,s=void 0);const E=i===P&&n[c+1].startsWith("/>")?" ":"";r+=i===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+S+E):l+S+(p===-2?c:E)}return[kt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class Z{constructor({strings:t,_$litType$:e},o){let s;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,b]=Vt(t,e);if(this.el=Z.createElement(f,o),k.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(s=k.nextNode())!==null&&l.length<c;){if(s.nodeType===1){if(s.hasAttributes())for(const p of s.getAttributeNames())if(p.endsWith(Ct)){const w=b[i++],E=s.getAttribute(p).split(S),K=/([.?@])?(.*)/.exec(w);l.push({type:1,index:r,name:K[2],strings:E,ctor:K[1]==="."?qt:K[1]==="?"?Zt:K[1]==="@"?Wt:Y}),s.removeAttribute(p)}else p.startsWith(S)&&(l.push({type:6,index:r}),s.removeAttribute(p));if(Pt.test(s.tagName)){const p=s.textContent.split(S),w=p.length-1;if(w>0){s.textContent=Q?Q.emptyScript:"";for(let E=0;E<w;E++)s.append(p[E],F()),k.nextNode(),l.push({type:2,index:++r});s.append(p[w],F())}}}else if(s.nodeType===8)if(s.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=s.data.indexOf(S,p+1))!==-1;)l.push({type:7,index:r}),p+=S.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 i,c;if(t===O)return t;let s=o!==void 0?(i=e._$Co)==null?void 0:i[o]:e._$Cl;const r=q(t)?void 0:t._$litDirective$;return(s==null?void 0:s.constructor)!==r&&((c=s==null?void 0:s._$AO)==null||c.call(s,!1),r===void 0?s=void 0:(s=new r(n),s._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=s:e._$Cl=s),s!==void 0&&(t=D(n,s._$AS(n,t.values),s,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,s=((t==null?void 0:t.creationScope)??B).importNode(e,!0);k.currentNode=s;let r=k.nextNode(),i=0,c=0,l=o[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 Gt(r,this,t)),this._$AV.push(f),l=o[++c]}i!==(l==null?void 0:l.index)&&(r=k.nextNode(),i++)}return k.currentNode=B,s}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,s){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=s,this._$Cv=(s==null?void 0:s.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),q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):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&&q(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,s=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=Z.createElement(kt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===s)this._$AH.p(e);else{const i=new Ft(s,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new Z(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,s=0;for(const r of t)s===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[s],o._$AI(r),s++;s<e.length&&(this._$AR(o&&o._$AB.nextSibling,s),e.length=s)}_$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 s=t.nextSibling;t.remove(),t=s}}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,s,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,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,s){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!q(t)||t!==this._$AH&&t!==O,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[o+l],e,l),f===O&&(f=this._$AH[l]),i||(i=!q(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}i&&!s&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class qt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Zt 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,s,r){super(t,e,o,s,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===O)return;const o=this._$AH,s=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||s);s&&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 it=V.litHtmlPolyfillSupport;it==null||it(Z,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let s=o._$litPart$;if(s===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=s=new G(t.insertBefore(F(),r),r,void 0,e??{})}return s._$AI(n),s};/**
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",st=`[
14
+ \f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,k=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
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 s,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let f,g,p=-1,w=0;for(;w<l.length&&(i.lastIndex=w,g=i.exec(l),g!==null);)w=i.lastIndex,i===j?g[1]==="!--"?i=$t:g[1]!==void 0?i=wt:g[2]!==void 0?(kt.test(g[2])&&(s=RegExp("</"+g[2],"g")),i=k):g[3]!==void 0&&(i=k):i===k?g[0]===">"?(i=s??j,p=-1):g[1]===void 0?p=-2:(p=i.lastIndex-g[2].length,f=g[1],i=g[3]===void 0?k:g[3]==='"'?_t:xt):i===_t||i===xt?i=k:i===$t||i===wt?i=j:(i=k,s=void 0);const S=i===k&&n[c+1].startsWith("/>")?" ":"";r+=i===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 s;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,g]=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(;(s=P.nextNode())!==null&&l.length<c;){if(s.nodeType===1){if(s.hasAttributes())for(const p of s.getAttributeNames())if(p.endsWith(Ct)){const w=g[i++],S=s.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(w);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Zt:K[1]==="?"?qt:K[1]==="@"?Wt:Y}),s.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),s.removeAttribute(p));if(kt.test(s.tagName)){const p=s.textContent.split(E),w=p.length-1;if(w>0){s.textContent=Q?Q.emptyScript:"";for(let S=0;S<w;S++)s.append(p[S],F()),P.nextNode(),l.push({type:2,index:++r});s.append(p[w],F())}}}else if(s.nodeType===8)if(s.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=s.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 i,c;if(t===z)return t;let s=o!==void 0?(i=e._$Co)==null?void 0:i[o]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(s==null?void 0:s.constructor)!==r&&((c=s==null?void 0:s._$AO)==null||c.call(s,!1),r===void 0?s=void 0:(s=new r(n),s._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=s:e._$Cl=s),s!==void 0&&(t=D(n,s._$AS(n,t.values),s,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,s=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=s;let r=P.nextNode(),i=0,c=0,l=o[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 Gt(r,this,t)),this._$AV.push(f),l=o[++c]}i!==(l==null?void 0:l.index)&&(r=P.nextNode(),i++)}return P.currentNode=B,s}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,s){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=s,this._$Cv=(s==null?void 0:s.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,s=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)===s)this._$AH.p(e);else{const i=new Ft(s,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$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,s=0;for(const r of t)s===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[s],o._$AI(r),s++;s<e.length&&(this._$AR(o&&o._$AB.nextSibling,s),e.length=s)}_$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 s=t.nextSibling;t.remove(),t=s}}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,s,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,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,s){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[o+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&&!s&&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,s,r){super(t,e,o,s,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const o=this._$AH,s=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||s);s&&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 it=V.litHtmlPolyfillSupport;it==null||it(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 s=o._$litPart$;if(s===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=s=new G(t.insertBefore(F(),r),r,void 0,e??{})}return s._$AI(n),s};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
19
- */const I=globalThis;let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Kt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return O}};var Et;m._$litElement$=!0,m.finalized=!0,(Et=I.litElementHydrateSupport)==null||Et.call(I,{LitElement:m});const rt=I.litElementPolyfillSupport;rt==null||rt({LitElement:m});(I.litElementVersions??(I.litElementVersions=[])).push("4.2.0");/**
19
+ */const I=globalThis;let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Kt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return z}};var St;m._$litElement$=!0,m.finalized=!0,(St=I.litElementHydrateSupport)==null||St.call(I,{LitElement:m});const rt=I.litElementPolyfillSupport;rt==null||rt({LitElement:m});(I.litElementVersions??(I.litElementVersions=[])).push("4.2.0");/**
20
20
  * @license
21
21
  * Copyright 2017 Google LLC
22
22
  * SPDX-License-Identifier: BSD-3-Clause
23
- */const z=n=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(n,t)}):customElements.define(n,t)};/**
23
+ */const O=n=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(n,t)}):customElements.define(n,t)};/**
24
24
  * @license
25
25
  * Copyright 2017 Google LLC
26
26
  * SPDX-License-Identifier: BSD-3-Clause
@@ -97,19 +97,22 @@
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
- `,tt={wishlist:ne,playerv:oe,chevronRight:se,chevronLeft:ie,icoPlus:ue,icoMinus:fe,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe};/**
100
+ `,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
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
+ </svg>
103
+ `,tt={wishlist:ne,playerv:oe,chevronRight:se,chevronLeft:ie,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};/**
101
104
  * @license
102
105
  * Copyright 2017 Google LLC
103
106
  * SPDX-License-Identifier: BSD-3-Clause
104
- */const ve={CHILD:2},be=n=>(...t)=>({_$litDirective$:n,values:t});class ge{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 ge={CHILD:2},ve=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)}}/**
105
108
  * @license
106
109
  * Copyright 2017 Google LLC
107
110
  * SPDX-License-Identifier: BSD-3-Clause
108
- */class lt extends ge{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===O)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}lt.directiveName="unsafeHTML",lt.resultType=1;/**
111
+ */class lt extends ye{constructor(t){if(super(t),this.it=d,t.type!==ge.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;/**
109
112
  * @license
110
113
  * Copyright 2017 Google LLC
111
114
  * SPDX-License-Identifier: BSD-3-Clause
112
- */class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=be(ct);var ye=Object.defineProperty,me=Object.getOwnPropertyDescriptor,g=(n,t,e,o)=>{for(var s=o>1?void 0:o?me(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&ye(t,e,s),s};const $e=te(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[ft].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=tt[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
115
+ */class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=ve(ct);var me=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var s=o>1?void 0:o?$e(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&me(t,e,s),s};const we=te(m);let u=class extends we{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[ft].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=tt[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`
113
116
  <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
114
117
  ${this.startIcon?this.renderIcon("start"):d}
115
118
  ${n?h`
@@ -289,7 +292,7 @@
289
292
  transform: translateX(4px);
290
293
  }
291
294
  //End icon movment on hover
292
- `;g([a()],u.prototype,"type",2);g([a({reflect:!0})],u.prototype,"value",2);g([a({type:String,reflect:!0})],u.prototype,"variant",2);g([a({type:String})],u.prototype,"text",2);g([a({type:String})],u.prototype,"textsecond",2);g([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);g([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);g([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);g([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);g([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);g([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);g([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);g([a({type:String})],u.prototype,"href",2);g([a({type:String})],u.prototype,"target",2);u=g([z("o-button")],u);var we=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,et=(n,t,e,o)=>{for(var s=o>1?void 0:o?xe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&we(t,e,s),s};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=tt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
295
+ `;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([O("o-button")],u);var xe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,et=(n,t,e,o)=>{for(var s=o>1?void 0:o?_e(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&xe(t,e,s),s};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=tt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
293
296
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
294
297
  <span class="sr-only">${this.label}</span>
295
298
  ${W(n)}
@@ -349,7 +352,7 @@
349
352
  width: 0.1rem !important;
350
353
  white-space: nowrap !important;
351
354
  }
352
- `;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([z("o-wishlist-button")],U);var _e=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,L=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ae(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&_e(t,e,s),s};let $=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=tt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
355
+ `;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([O("o-wishlist-button")],U);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,L=(n,t,e,o)=>{for(var s=o>1?void 0:o?Se(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ae(t,e,s),s};let $=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=tt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
353
356
  ${this.type==="span"?h`
354
357
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
355
358
  ${W(e)}
@@ -563,13 +566,13 @@
563
566
  }
564
567
 
565
568
  }
566
- `;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([z("o-icon-button")],$);var Ee=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var s=o>1?void 0:o?Se(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ee(t,e,s),s};let x=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`
569
+ `;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([O("o-icon-button")],$);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ce(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ee(t,e,s),s};let x=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`
567
570
  <a href="${this.href}" target="${this.target}">
568
571
  ${this.endIcon&&this.reverseEndIcon?h`
569
572
  <o-icon-button
570
573
  icon="chevronLeft"
571
574
  bgstyle="${this.inverse?"none-light":"none-contrast"}"
572
- size="small"
575
+ size="xsmall"
573
576
  aria-hidden="true"
574
577
  type="span"
575
578
  ></o-icon-button>
@@ -579,7 +582,7 @@
579
582
  <o-icon-button
580
583
  icon="chevronRight"
581
584
  bgstyle="${this.inverse?"none-light":"none-contrast"}"
582
- size="small"
585
+ size="xsmall"
583
586
  aria-hidden="true"
584
587
  type="span"
585
588
  ></o-icon-button>
@@ -672,7 +675,7 @@
672
675
  height: 1px;
673
676
  }
674
677
  /* End of underline effect */
675
- `;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([z("o-link")],x);var Ce=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,nt=(n,t,e,o)=>{for(var s=o>1?void 0:o?Le(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ce(t,e,s),s};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 o;e>=1?o=100:e<=0?o=0:o=Math.round(e*100/25)*25,n.push(`star-${o}`)}return n}render(){const n=this.getStarKeys();return h`
678
+ `;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([O("o-link")],x);var Le=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,nt=(n,t,e,o)=>{for(var s=o>1?void 0:o?ke(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Le(t,e,s),s};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 o;e>=1?o=100:e<=0?o=0:o=Math.round(e*100/25)*25,n.push(`star-${o}`)}return n}render(){const n=this.getStarKeys();return h`
676
679
  <div class="rating">
677
680
  <div class="stars">
678
681
  ${n.map(t=>h`<span class="star">${W(tt[t]??"")}</span>`)}
@@ -712,7 +715,7 @@
712
715
  text-decoration: underline;
713
716
  cursor: pointer;
714
717
  }
715
- `;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([z("o-rating")],N);var Pe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var s=o>1?void 0:o?ke(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Pe(t,e,s),s};let v=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!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`
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,v=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ie(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Pe(t,e,s),s};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`
716
719
  <div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
717
720
  <div
718
721
  class="panel"
@@ -721,11 +724,14 @@
721
724
  aria-labelledby="panel-title"
722
725
  style="z-index: ${this.zIndex+1}"
723
726
  >
724
- <o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
725
727
 
726
728
  ${this.showHeader?h`
727
729
  <div class="header">
730
+ ${this.showHeaderStartIcon?h`
731
+ <o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
732
+ `:null}
728
733
  <span id="panel-title" class="panel-title">${this.headerTitle}</span>
734
+ <o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
729
735
  </div>
730
736
  `:null}
731
737
 
@@ -755,7 +761,7 @@
755
761
  </div>
756
762
  `:null}
757
763
  </div>
758
- `}};v.styles=A`
764
+ `}};b.styles=A`
759
765
  :host {
760
766
  --z-overlay: 99;
761
767
  --z-panel: 100;
@@ -818,7 +824,9 @@
818
824
 
819
825
  .header {
820
826
  flex: 0 0 auto;
821
- padding: 16px 0 16px 16px;
827
+ display: flex;
828
+ justify-content: space-between;
829
+ padding: 20px 16px;
822
830
  border-bottom: var(--border-050) solid var(--color-border-tertiary);
823
831
 
824
832
  .panel-title {
@@ -827,6 +835,29 @@
827
835
  font-weight: var(--font-weight-400);
828
836
  line-height: var(--line-height-240);
829
837
  font-style: italic;
838
+ display: -webkit-box;
839
+ -webkit-line-clamp: 2;
840
+ -webkit-box-orient: vertical;
841
+ height: auto;
842
+ margin-top: auto;
843
+ margin-bottom: auto;
844
+ overflow: hidden;
845
+ width: 100%;
846
+ }
847
+
848
+ .close-btn {
849
+ margin-left: 8px;
850
+ margin-top: 0;
851
+ flex-direction: column;
852
+ justify-content: start;
853
+ }
854
+
855
+ .return-btn {
856
+ margin-right: 8px;
857
+ }
858
+
859
+ .close-btn:focus {
860
+ outline: 2px solid #000;
830
861
  }
831
862
  }
832
863
 
@@ -846,23 +877,13 @@
846
877
  justify-content: flex-start;
847
878
  }
848
879
 
849
- .close-btn {
850
- position: absolute;
851
- top: 11px;
852
- right: 5px;
853
- }
854
-
855
- .close-btn:focus {
856
- outline: 2px solid #000;
857
- }
858
-
859
880
  @media (max-width: 640px) {
860
881
  .panel {
861
882
  width: 100%;
862
883
  max-width: none;
863
884
  }
864
885
  }
865
- `;y([a({type:Boolean,reflect:!0})],v.prototype,"open",2);y([a({type:Boolean,reflect:!0})],v.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],v.prototype,"showFooter",2);y([a({type:String,reflect:!0})],v.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],v.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],v.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],v.prototype,"firstButtonVariant",2);y([a({type:Function})],v.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],v.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],v.prototype,"secondaryButtonVariant",2);y([a({type:Function})],v.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],v.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],v.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],v.prototype,"initialized",2);v=y([z("o-side-panel")],v);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var s=o>1?void 0:o?Be(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ie(t,e,s),s};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
886
+ `;v([a({type:Boolean,reflect:!0})],b.prototype,"open",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);v([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);v([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);v([a({type:Function})],b.prototype,"onFirstButtonClick",2);v([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);v([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);v([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);v([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);v([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=v([O("o-side-panel")],b);var Be=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var s=o>1?void 0:o?ze(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Be(t,e,s),s};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
866
887
  <o-icon-button
867
888
  icon="playerv"
868
889
  size="xsmall"
@@ -993,4 +1014,4 @@
993
1014
  height: 0;
994
1015
  width: 0;
995
1016
  }
996
- `;M([a({type:Array})],_.prototype,"thumbnails",2);M([a({type:Number})],_.prototype,"activeIndex",2);M([a({type:Array})],_.prototype,"disabledIndexes",2);M([a({type:String})],_.prototype,"maxWidth",2);M([a({type:Object})],_.prototype,"swiperInstance",2);M([Qt()],_.prototype,"focusedIndex",2);_=M([z("thumbnail-navigation")],_);
1017
+ `;M([a({type:Array})],_.prototype,"thumbnails",2);M([a({type:Number})],_.prototype,"activeIndex",2);M([a({type:Array})],_.prototype,"disabledIndexes",2);M([a({type:String})],_.prototype,"maxWidth",2);M([a({type:Object})],_.prototype,"swiperInstance",2);M([Qt()],_.prototype,"focusedIndex",2);_=M([O("thumbnail-navigation")],_);
package/index.mjs CHANGED
@@ -3,8 +3,8 @@
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(), vt = /* @__PURE__ */ new WeakMap();
7
- let St = class {
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();
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.");
10
10
  this.cssText = t, this.t = e;
@@ -14,7 +14,7 @@ let St = 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 = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && vt.set(e, t));
17
+ o && (t = bt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && bt.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -22,20 +22,20 @@ let St = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const It = (n) => new St(typeof n == "string" ? n : n + "", void 0, dt), A = (n, ...t) => {
25
+ const It = (n) => new Et(typeof n == "string" ? n : n + "", void 0, dt), A = (n, ...t) => {
26
26
  const e = n.length === 1 ? n[0] : t.reduce((o, s, r) => o + ((i) => {
27
27
  if (i._$cssResult$ === !0) return i.cssText;
28
28
  if (typeof i == "number") return i;
29
29
  throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
30
30
  })(s) + n[r + 1], n[0]);
31
- return new St(e, n, dt);
31
+ return new Et(e, n, dt);
32
32
  }, Bt = (n, t) => {
33
33
  if (ht) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
34
34
  else for (const e of t) {
35
35
  const o = document.createElement("style"), s = X.litNonce;
36
36
  s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, n.appendChild(o);
37
37
  }
38
- }, bt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
38
+ }, gt = 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);
@@ -45,7 +45,7 @@ const It = (n) => new St(typeof n == "string" ? n : n + "", void 0, dt), A = (n,
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: Ot, defineProperty: zt, 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) {
48
+ const { is: zt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis, vt = C.trustedTypes, Ut = vt ? vt.emptyScript : "", ot = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
51
  n = n ? Ut : null;
@@ -73,7 +73,7 @@ const { is: Ot, defineProperty: zt, getOwnPropertyDescriptor: Ht, getOwnProperty
73
73
  }
74
74
  }
75
75
  return e;
76
- } }, pt = (n, t) => !Ot(n, t), yt = { attribute: !0, type: String, converter: J, reflect: !1, useDefault: !1, hasChanged: pt };
76
+ } }, pt = (n, t) => !zt(n, t), yt = { attribute: !0, type: String, converter: J, reflect: !1, useDefault: !1, hasChanged: pt };
77
77
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), C.litPropertyMetadata ?? (C.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
78
78
  let T = class extends HTMLElement {
79
79
  static addInitializer(t) {
@@ -85,7 +85,7 @@ let T = class extends HTMLElement {
85
85
  static createProperty(t, e = yt) {
86
86
  if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
87
87
  const o = Symbol(), s = this.getPropertyDescriptor(t, o, e);
88
- s !== void 0 && zt(this.prototype, t, s);
88
+ s !== void 0 && Ot(this.prototype, t, s);
89
89
  }
90
90
  }
91
91
  static getPropertyDescriptor(t, e, o) {
@@ -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 s of o) e.unshift(bt(s));
133
- } else t !== void 0 && e.push(bt(t));
132
+ for (const s of o) e.unshift(gt(s));
133
+ } else t !== void 0 && e.push(gt(t));
134
134
  return e;
135
135
  }
136
136
  static _$Eu(t, e) {
@@ -282,10 +282,10 @@ 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, Q = V.trustedTypes, mt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Ct = "$lit$", S = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + S, Nt = `<${Lt}>`, B = document, F = () => B.createComment(""), q = (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", st = `[
286
- \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, P = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g, Pt = /^(?:script|style|textarea|title)$/i, Rt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Rt(1), O = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), k = B.createTreeWalker(B, 129);
288
- function kt(n, t) {
285
+ 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", st = `[
286
+ \f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, k = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
287
+ \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 = /* @__PURE__ */ new WeakMap(), P = B.createTreeWalker(B, 129);
288
+ function Pt(n, t) {
289
289
  if (!ut(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return mt !== void 0 ? mt.createHTML(t) : t;
291
291
  }
@@ -294,41 +294,41 @@ const Vt = (n, t) => {
294
294
  let s, 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, b, p = -1, w = 0;
298
- for (; w < l.length && (i.lastIndex = w, b = i.exec(l), b !== null); ) w = i.lastIndex, i === j ? b[1] === "!--" ? i = $t : b[1] !== void 0 ? i = wt : b[2] !== void 0 ? (Pt.test(b[2]) && (s = RegExp("</" + b[2], "g")), i = P) : b[3] !== void 0 && (i = P) : i === P ? b[0] === ">" ? (i = s ?? j, p = -1) : b[1] === void 0 ? p = -2 : (p = i.lastIndex - b[2].length, f = b[1], i = b[3] === void 0 ? P : b[3] === '"' ? _t : xt) : i === _t || i === xt ? i = P : i === $t || i === wt ? i = j : (i = P, s = void 0);
299
- const E = i === P && n[c + 1].startsWith("/>") ? " " : "";
300
- r += i === j ? l + Nt : p >= 0 ? (o.push(f), l.slice(0, p) + Ct + l.slice(p) + S + E) : l + S + (p === -2 ? c : E);
297
+ let f, g, p = -1, w = 0;
298
+ for (; w < l.length && (i.lastIndex = w, g = i.exec(l), g !== null); ) w = i.lastIndex, i === j ? g[1] === "!--" ? i = $t : g[1] !== void 0 ? i = wt : g[2] !== void 0 ? (kt.test(g[2]) && (s = RegExp("</" + g[2], "g")), i = k) : g[3] !== void 0 && (i = k) : i === k ? g[0] === ">" ? (i = s ?? j, p = -1) : g[1] === void 0 ? p = -2 : (p = i.lastIndex - g[2].length, f = g[1], i = g[3] === void 0 ? k : g[3] === '"' ? _t : xt) : i === _t || i === xt ? i = k : i === $t || i === wt ? i = j : (i = k, s = void 0);
299
+ const S = i === k && n[c + 1].startsWith("/>") ? " " : "";
300
+ r += i === 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
  }
302
- return [kt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
302
+ return [Pt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
303
303
  };
304
- class Z {
304
+ class q {
305
305
  constructor({ strings: t, _$litType$: e }, o) {
306
306
  let s;
307
307
  this.parts = [];
308
308
  let r = 0, i = 0;
309
- const c = t.length - 1, l = this.parts, [f, b] = Vt(t, e);
310
- if (this.el = Z.createElement(f, o), k.currentNode = this.el.content, e === 2 || e === 3) {
309
+ const c = t.length - 1, l = this.parts, [f, g] = Vt(t, e);
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);
313
313
  }
314
- for (; (s = k.nextNode()) !== null && l.length < c; ) {
314
+ for (; (s = P.nextNode()) !== null && l.length < c; ) {
315
315
  if (s.nodeType === 1) {
316
316
  if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Ct)) {
317
- const w = b[i++], E = s.getAttribute(p).split(S), K = /([.?@])?(.*)/.exec(w);
318
- l.push({ type: 1, index: r, name: K[2], strings: E, ctor: K[1] === "." ? qt : K[1] === "?" ? Zt : K[1] === "@" ? Wt : Y }), s.removeAttribute(p);
319
- } else p.startsWith(S) && (l.push({ type: 6, index: r }), s.removeAttribute(p));
320
- if (Pt.test(s.tagName)) {
321
- const p = s.textContent.split(S), w = p.length - 1;
317
+ const w = g[i++], S = s.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(w);
318
+ l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? Zt : K[1] === "?" ? qt : K[1] === "@" ? Wt : Y }), s.removeAttribute(p);
319
+ } else p.startsWith(E) && (l.push({ type: 6, index: r }), s.removeAttribute(p));
320
+ if (kt.test(s.tagName)) {
321
+ const p = s.textContent.split(E), w = p.length - 1;
322
322
  if (w > 0) {
323
323
  s.textContent = Q ? Q.emptyScript : "";
324
- for (let E = 0; E < w; E++) s.append(p[E], F()), k.nextNode(), l.push({ type: 2, index: ++r });
324
+ for (let S = 0; S < w; S++) s.append(p[S], F()), P.nextNode(), l.push({ type: 2, index: ++r });
325
325
  s.append(p[w], F());
326
326
  }
327
327
  }
328
328
  } else if (s.nodeType === 8) if (s.data === Lt) l.push({ type: 2, index: r });
329
329
  else {
330
330
  let p = -1;
331
- for (; (p = s.data.indexOf(S, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += S.length - 1;
331
+ for (; (p = s.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += E.length - 1;
332
332
  }
333
333
  r++;
334
334
  }
@@ -340,9 +340,9 @@ class Z {
340
340
  }
341
341
  function D(n, t, e = n, o) {
342
342
  var i, c;
343
- if (t === O) return t;
343
+ if (t === z) return t;
344
344
  let s = o !== void 0 ? (i = e._$Co) == null ? void 0 : i[o] : e._$Cl;
345
- const r = q(t) ? void 0 : t._$litDirective$;
345
+ const r = Z(t) ? void 0 : t._$litDirective$;
346
346
  return (s == null ? void 0 : s.constructor) !== r && ((c = s == null ? void 0 : s._$AO) == null || c.call(s, !1), r === void 0 ? s = void 0 : (s = new r(n), s._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = D(n, s._$AS(n, t.values), s, o)), t;
347
347
  }
348
348
  class Ft {
@@ -357,16 +357,16 @@ class Ft {
357
357
  }
358
358
  u(t) {
359
359
  const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? B).importNode(e, !0);
360
- k.currentNode = s;
361
- let r = k.nextNode(), i = 0, c = 0, l = o[0];
360
+ P.currentNode = s;
361
+ let r = P.nextNode(), i = 0, c = 0, l = o[0];
362
362
  for (; l !== void 0; ) {
363
363
  if (i === l.index) {
364
364
  let f;
365
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 Gt(r, this, t)), this._$AV.push(f), l = o[++c];
366
366
  }
367
- i !== (l == null ? void 0 : l.index) && (r = k.nextNode(), i++);
367
+ i !== (l == null ? void 0 : l.index) && (r = P.nextNode(), i++);
368
368
  }
369
- return k.currentNode = B, s;
369
+ return P.currentNode = B, s;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
@@ -393,7 +393,7 @@ class G {
393
393
  return this._$AB;
394
394
  }
395
395
  _$AI(t, e = this) {
396
- t = D(this, t, e), q(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== O && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : jt(t) ? this.k(t) : this._(t);
396
+ t = D(this, t, e), Z(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : jt(t) ? this.k(t) : this._(t);
397
397
  }
398
398
  O(t) {
399
399
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -402,11 +402,11 @@ class G {
402
402
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
403
403
  }
404
404
  _(t) {
405
- this._$AH !== d && q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(B.createTextNode(t)), this._$AH = t;
405
+ this._$AH !== d && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(B.createTextNode(t)), this._$AH = t;
406
406
  }
407
407
  $(t) {
408
408
  var r;
409
- const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = Z.createElement(kt(o.h, o.h[0]), this.options)), o);
409
+ const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = q.createElement(Pt(o.h, o.h[0]), this.options)), o);
410
410
  if (((r = this._$AH) == null ? void 0 : r._$AD) === s) this._$AH.p(e);
411
411
  else {
412
412
  const i = new Ft(s, this), c = i.u(this.options);
@@ -415,7 +415,7 @@ class G {
415
415
  }
416
416
  _$AC(t) {
417
417
  let e = At.get(t.strings);
418
- return e === void 0 && At.set(t.strings, e = new Z(t)), e;
418
+ return e === void 0 && At.set(t.strings, e = new q(t)), e;
419
419
  }
420
420
  k(t) {
421
421
  ut(this._$AH) || (this._$AH = [], this._$AR());
@@ -449,11 +449,11 @@ class Y {
449
449
  _$AI(t, e = this, o, s) {
450
450
  const r = this.strings;
451
451
  let i = !1;
452
- if (r === void 0) t = D(this, t, e, 0), i = !q(t) || t !== this._$AH && t !== O, i && (this._$AH = t);
452
+ if (r === void 0) t = D(this, t, e, 0), i = !Z(t) || t !== this._$AH && t !== z, i && (this._$AH = t);
453
453
  else {
454
454
  const c = t;
455
455
  let l, f;
456
- for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f === O && (f = this._$AH[l]), i || (i = !q(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
456
+ for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f === z && (f = this._$AH[l]), i || (i = !Z(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
457
457
  }
458
458
  i && !s && this.j(t);
459
459
  }
@@ -461,7 +461,7 @@ class Y {
461
461
  t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
462
462
  }
463
463
  }
464
- class qt extends Y {
464
+ class Zt extends Y {
465
465
  constructor() {
466
466
  super(...arguments), this.type = 3;
467
467
  }
@@ -469,7 +469,7 @@ class qt extends Y {
469
469
  this.element[this.name] = t === d ? void 0 : t;
470
470
  }
471
471
  }
472
- class Zt extends Y {
472
+ class qt extends Y {
473
473
  constructor() {
474
474
  super(...arguments), this.type = 4;
475
475
  }
@@ -482,7 +482,7 @@ class Wt extends Y {
482
482
  super(t, e, o, s, r), this.type = 5;
483
483
  }
484
484
  _$AI(t, e = this) {
485
- if ((t = D(this, t, e, 0) ?? d) === O) return;
485
+ if ((t = D(this, t, e, 0) ?? d) === z) return;
486
486
  const o = this._$AH, s = t === d && o !== d || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, r = t !== d && (o === d || s);
487
487
  s && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
488
488
  }
@@ -503,7 +503,7 @@ class Gt {
503
503
  }
504
504
  }
505
505
  const it = V.litHtmlPolyfillSupport;
506
- it == null || it(Z, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
506
+ it == null || it(q, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
507
507
  const Kt = (n, t, e) => {
508
508
  const o = (e == null ? void 0 : e.renderBefore) ?? t;
509
509
  let s = o._$litPart$;
@@ -541,11 +541,11 @@ let m = class extends T {
541
541
  super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
542
542
  }
543
543
  render() {
544
- return O;
544
+ return z;
545
545
  }
546
546
  };
547
- var Et;
548
- m._$litElement$ = !0, m.finalized = !0, (Et = I.litElementHydrateSupport) == null || Et.call(I, { LitElement: m });
547
+ var St;
548
+ m._$litElement$ = !0, m.finalized = !0, (St = I.litElementHydrateSupport) == null || St.call(I, { LitElement: m });
549
549
  const rt = I.litElementPolyfillSupport;
550
550
  rt == null || rt({ LitElement: m });
551
551
  (I.litElementVersions ?? (I.litElementVersions = [])).push("4.2.0");
@@ -554,7 +554,7 @@ rt == null || rt({ LitElement: m });
554
554
  * Copyright 2017 Google LLC
555
555
  * SPDX-License-Identifier: BSD-3-Clause
556
556
  */
557
- const z = (n) => (t, e) => {
557
+ const O = (n) => (t, e) => {
558
558
  e !== void 0 ? e.addInitializer(() => {
559
559
  customElements.define(n, t);
560
560
  }) : customElements.define(n, t);
@@ -709,6 +709,9 @@ 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">
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
+ </svg>
712
715
  `, tt = {
713
716
  wishlist: ne,
714
717
  playerv: oe,
@@ -722,15 +725,16 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
722
725
  "star-75": ce,
723
726
  "star-100": he,
724
727
  cross: de,
725
- search: pe
728
+ search: pe,
729
+ arrowLeft: be
726
730
  };
727
731
  /**
728
732
  * @license
729
733
  * Copyright 2017 Google LLC
730
734
  * SPDX-License-Identifier: BSD-3-Clause
731
735
  */
732
- const ve = { CHILD: 2 }, be = (n) => (...t) => ({ _$litDirective$: n, values: t });
733
- class ge {
736
+ const ge = { CHILD: 2 }, ve = (n) => (...t) => ({ _$litDirective$: n, values: t });
737
+ class ye {
734
738
  constructor(t) {
735
739
  }
736
740
  get _$AU() {
@@ -751,13 +755,13 @@ class ge {
751
755
  * Copyright 2017 Google LLC
752
756
  * SPDX-License-Identifier: BSD-3-Clause
753
757
  */
754
- class lt extends ge {
758
+ class lt extends ye {
755
759
  constructor(t) {
756
- 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 !== ge.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
757
761
  }
758
762
  render(t) {
759
763
  if (t === d || t == null) return this._t = void 0, this.it = t;
760
- if (t === O) return t;
764
+ if (t === z) return t;
761
765
  if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
762
766
  if (t === this.it) return this._t;
763
767
  this.it = t;
@@ -774,14 +778,14 @@ lt.directiveName = "unsafeHTML", lt.resultType = 1;
774
778
  class ct extends lt {
775
779
  }
776
780
  ct.directiveName = "unsafeSVG", ct.resultType = 2;
777
- const W = be(ct);
778
- var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor, g = (n, t, e, o) => {
779
- for (var s = o > 1 ? void 0 : o ? me(t, e) : t, r = n.length - 1, i; r >= 0; r--)
781
+ const W = ve(ct);
782
+ var me = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
783
+ for (var s = o > 1 ? void 0 : o ? $e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
780
784
  (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
781
- return o && s && ye(t, e, s), s;
785
+ return o && s && me(t, e, s), s;
782
786
  };
783
- const $e = te(m);
784
- let u = class extends $e {
787
+ const we = te(m);
788
+ let u = class extends we {
785
789
  constructor() {
786
790
  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 = "";
787
791
  }
@@ -1004,55 +1008,55 @@ u.styles = A`
1004
1008
  }
1005
1009
  //End icon movment on hover
1006
1010
  `;
1007
- g([
1011
+ y([
1008
1012
  a()
1009
1013
  ], u.prototype, "type", 2);
1010
- g([
1014
+ y([
1011
1015
  a({ reflect: !0 })
1012
1016
  ], u.prototype, "value", 2);
1013
- g([
1017
+ y([
1014
1018
  a({ type: String, reflect: !0 })
1015
1019
  ], u.prototype, "variant", 2);
1016
- g([
1020
+ y([
1017
1021
  a({ type: String })
1018
1022
  ], u.prototype, "text", 2);
1019
- g([
1023
+ y([
1020
1024
  a({ type: String })
1021
1025
  ], u.prototype, "textsecond", 2);
1022
- g([
1026
+ y([
1023
1027
  a({ type: Boolean, reflect: !0 })
1024
1028
  ], u.prototype, "fullwidth", 2);
1025
- g([
1029
+ y([
1026
1030
  a({ type: Boolean, reflect: !0 })
1027
1031
  ], u.prototype, "disabled", 2);
1028
- g([
1032
+ y([
1029
1033
  a({ type: String, reflect: !0 })
1030
1034
  ], u.prototype, "startIconModel", 2);
1031
- g([
1035
+ y([
1032
1036
  a({ type: String, reflect: !0 })
1033
1037
  ], u.prototype, "endIconModel", 2);
1034
- g([
1038
+ y([
1035
1039
  a({ type: Boolean, reflect: !0, attribute: "starticon" })
1036
1040
  ], u.prototype, "startIcon", 2);
1037
- g([
1041
+ y([
1038
1042
  a({ type: Boolean, reflect: !0, attribute: "endicon" })
1039
1043
  ], u.prototype, "endIcon", 2);
1040
- g([
1044
+ y([
1041
1045
  a({ type: String, attribute: "paneltarget", reflect: !0 })
1042
1046
  ], u.prototype, "panelTarget", 2);
1043
- g([
1047
+ y([
1044
1048
  a({ type: String })
1045
1049
  ], u.prototype, "href", 2);
1046
- g([
1050
+ y([
1047
1051
  a({ type: String })
1048
1052
  ], u.prototype, "target", 2);
1049
- u = g([
1050
- z("o-button")
1053
+ u = y([
1054
+ O("o-button")
1051
1055
  ], u);
1052
- var we = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, et = (n, t, e, o) => {
1053
- for (var s = o > 1 ? void 0 : o ? xe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1056
+ var xe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, et = (n, t, e, o) => {
1057
+ for (var s = o > 1 ? void 0 : o ? _e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1054
1058
  (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1055
- return o && s && we(t, e, s), s;
1059
+ return o && s && xe(t, e, s), s;
1056
1060
  };
1057
1061
  let U = class extends m {
1058
1062
  constructor() {
@@ -1161,12 +1165,12 @@ et([
1161
1165
  a({ type: String, reflect: !0 })
1162
1166
  ], U.prototype, "label", 2);
1163
1167
  U = et([
1164
- z("o-wishlist-button")
1168
+ O("o-wishlist-button")
1165
1169
  ], U);
1166
- var _e = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, L = (n, t, e, o) => {
1167
- for (var s = o > 1 ? void 0 : o ? Ae(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1170
+ var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, L = (n, t, e, o) => {
1171
+ for (var s = o > 1 ? void 0 : o ? Se(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1168
1172
  (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1169
- return o && s && _e(t, e, s), s;
1173
+ return o && s && Ae(t, e, s), s;
1170
1174
  };
1171
1175
  let $ = class extends m {
1172
1176
  constructor() {
@@ -1420,10 +1424,10 @@ L([
1420
1424
  a({ type: Boolean, reflect: !0 })
1421
1425
  ], $.prototype, "disabled", 2);
1422
1426
  $ = L([
1423
- z("o-icon-button")
1427
+ O("o-icon-button")
1424
1428
  ], $);
1425
- var Ee = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
1426
- for (var s = o > 1 ? void 0 : o ? Se(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1429
+ var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
1430
+ for (var s = o > 1 ? void 0 : o ? Ce(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1427
1431
  (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1428
1432
  return o && s && Ee(t, e, s), s;
1429
1433
  };
@@ -1438,7 +1442,7 @@ let x = class extends m {
1438
1442
  <o-icon-button
1439
1443
  icon="chevronLeft"
1440
1444
  bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
1441
- size="small"
1445
+ size="xsmall"
1442
1446
  aria-hidden="true"
1443
1447
  type="span"
1444
1448
  ></o-icon-button>
@@ -1448,7 +1452,7 @@ let x = class extends m {
1448
1452
  <o-icon-button
1449
1453
  icon="chevronRight"
1450
1454
  bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
1451
- size="small"
1455
+ size="xsmall"
1452
1456
  aria-hidden="true"
1453
1457
  type="span"
1454
1458
  ></o-icon-button>
@@ -1564,12 +1568,12 @@ H([
1564
1568
  a({ type: Boolean, reflect: !0 })
1565
1569
  ], x.prototype, "reverseEndIcon", 2);
1566
1570
  x = H([
1567
- z("o-link")
1571
+ O("o-link")
1568
1572
  ], x);
1569
- var Ce = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, nt = (n, t, e, o) => {
1570
- for (var s = o > 1 ? void 0 : o ? Le(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1573
+ var Le = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, nt = (n, t, e, o) => {
1574
+ for (var s = o > 1 ? void 0 : o ? ke(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1571
1575
  (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1572
- return o && s && Ce(t, e, s), s;
1576
+ return o && s && Le(t, e, s), s;
1573
1577
  };
1574
1578
  let N = class extends m {
1575
1579
  constructor() {
@@ -1642,16 +1646,16 @@ nt([
1642
1646
  a({ type: String })
1643
1647
  ], N.prototype, "href", 2);
1644
1648
  N = nt([
1645
- z("o-rating")
1649
+ O("o-rating")
1646
1650
  ], N);
1647
- var Pe = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
1648
- for (var s = o > 1 ? void 0 : o ? ke(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1651
+ var Pe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, v = (n, t, e, o) => {
1652
+ for (var s = o > 1 ? void 0 : o ? Ie(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1649
1653
  (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1650
1654
  return o && s && Pe(t, e, s), s;
1651
1655
  };
1652
- let v = class extends m {
1656
+ let b = class extends m {
1653
1657
  constructor() {
1654
- super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !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) => {
1658
+ 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) => {
1655
1659
  this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
1656
1660
  };
1657
1661
  }
@@ -1708,11 +1712,14 @@ let v = class extends m {
1708
1712
  aria-labelledby="panel-title"
1709
1713
  style="z-index: ${this.zIndex + 1}"
1710
1714
  >
1711
- <o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
1712
1715
 
1713
1716
  ${this.showHeader ? h`
1714
1717
  <div class="header">
1718
+ ${this.showHeaderStartIcon ? h`
1719
+ <o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
1720
+ ` : null}
1715
1721
  <span id="panel-title" class="panel-title">${this.headerTitle}</span>
1722
+ <o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
1716
1723
  </div>
1717
1724
  ` : null}
1718
1725
 
@@ -1745,7 +1752,7 @@ let v = class extends m {
1745
1752
  `;
1746
1753
  }
1747
1754
  };
1748
- v.styles = A`
1755
+ b.styles = A`
1749
1756
  :host {
1750
1757
  --z-overlay: 99;
1751
1758
  --z-panel: 100;
@@ -1808,7 +1815,9 @@ v.styles = A`
1808
1815
 
1809
1816
  .header {
1810
1817
  flex: 0 0 auto;
1811
- padding: 16px 0 16px 16px;
1818
+ display: flex;
1819
+ justify-content: space-between;
1820
+ padding: 20px 16px;
1812
1821
  border-bottom: var(--border-050) solid var(--color-border-tertiary);
1813
1822
 
1814
1823
  .panel-title {
@@ -1817,6 +1826,29 @@ v.styles = A`
1817
1826
  font-weight: var(--font-weight-400);
1818
1827
  line-height: var(--line-height-240);
1819
1828
  font-style: italic;
1829
+ display: -webkit-box;
1830
+ -webkit-line-clamp: 2;
1831
+ -webkit-box-orient: vertical;
1832
+ height: auto;
1833
+ margin-top: auto;
1834
+ margin-bottom: auto;
1835
+ overflow: hidden;
1836
+ width: 100%;
1837
+ }
1838
+
1839
+ .close-btn {
1840
+ margin-left: 8px;
1841
+ margin-top: 0;
1842
+ flex-direction: column;
1843
+ justify-content: start;
1844
+ }
1845
+
1846
+ .return-btn {
1847
+ margin-right: 8px;
1848
+ }
1849
+
1850
+ .close-btn:focus {
1851
+ outline: 2px solid #000;
1820
1852
  }
1821
1853
  }
1822
1854
 
@@ -1836,16 +1868,6 @@ v.styles = A`
1836
1868
  justify-content: flex-start;
1837
1869
  }
1838
1870
 
1839
- .close-btn {
1840
- position: absolute;
1841
- top: 11px;
1842
- right: 5px;
1843
- }
1844
-
1845
- .close-btn:focus {
1846
- outline: 2px solid #000;
1847
- }
1848
-
1849
1871
  @media (max-width: 640px) {
1850
1872
  .panel {
1851
1873
  width: 100%;
@@ -1853,55 +1875,58 @@ v.styles = A`
1853
1875
  }
1854
1876
  }
1855
1877
  `;
1856
- y([
1878
+ v([
1857
1879
  a({ type: Boolean, reflect: !0 })
1858
- ], v.prototype, "open", 2);
1859
- y([
1880
+ ], b.prototype, "open", 2);
1881
+ v([
1860
1882
  a({ type: Boolean, reflect: !0 })
1861
- ], v.prototype, "showHeader", 2);
1862
- y([
1883
+ ], b.prototype, "showHeader", 2);
1884
+ v([
1863
1885
  a({ type: Boolean, reflect: !0 })
1864
- ], v.prototype, "showFooter", 2);
1865
- y([
1886
+ ], b.prototype, "showFooter", 2);
1887
+ v([
1888
+ a({ type: Boolean, reflect: !0 })
1889
+ ], b.prototype, "showHeaderStartIcon", 2);
1890
+ v([
1866
1891
  a({ type: String, reflect: !0 })
1867
- ], v.prototype, "headerTitle", 2);
1868
- y([
1892
+ ], b.prototype, "headerTitle", 2);
1893
+ v([
1869
1894
  a({ type: String, reflect: !0 })
1870
- ], v.prototype, "closeButtonLabel", 2);
1871
- y([
1895
+ ], b.prototype, "closeButtonLabel", 2);
1896
+ v([
1872
1897
  a({ type: String, reflect: !0 })
1873
- ], v.prototype, "firstButtonLabel", 2);
1874
- y([
1898
+ ], b.prototype, "firstButtonLabel", 2);
1899
+ v([
1875
1900
  a({ type: String, reflect: !0 })
1876
- ], v.prototype, "firstButtonVariant", 2);
1877
- y([
1901
+ ], b.prototype, "firstButtonVariant", 2);
1902
+ v([
1878
1903
  a({ type: Function })
1879
- ], v.prototype, "onFirstButtonClick", 2);
1880
- y([
1904
+ ], b.prototype, "onFirstButtonClick", 2);
1905
+ v([
1881
1906
  a({ type: String, reflect: !0 })
1882
- ], v.prototype, "secondaryButtonLabel", 2);
1883
- y([
1907
+ ], b.prototype, "secondaryButtonLabel", 2);
1908
+ v([
1884
1909
  a({ type: String, reflect: !0 })
1885
- ], v.prototype, "secondaryButtonVariant", 2);
1886
- y([
1910
+ ], b.prototype, "secondaryButtonVariant", 2);
1911
+ v([
1887
1912
  a({ type: Function })
1888
- ], v.prototype, "onSecondaryButtonClick", 2);
1889
- y([
1913
+ ], b.prototype, "onSecondaryButtonClick", 2);
1914
+ v([
1890
1915
  a({ type: Boolean, reflect: !0 })
1891
- ], v.prototype, "disablePortal", 2);
1892
- y([
1916
+ ], b.prototype, "disablePortal", 2);
1917
+ v([
1893
1918
  a({ type: Number, reflect: !0 })
1894
- ], v.prototype, "zIndex", 2);
1895
- y([
1919
+ ], b.prototype, "zIndex", 2);
1920
+ v([
1896
1921
  a({ type: Boolean, reflect: !0 })
1897
- ], v.prototype, "initialized", 2);
1898
- v = y([
1899
- z("o-side-panel")
1900
- ], v);
1901
- var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
1902
- for (var s = o > 1 ? void 0 : o ? Be(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1922
+ ], b.prototype, "initialized", 2);
1923
+ b = v([
1924
+ O("o-side-panel")
1925
+ ], b);
1926
+ var Be = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
1927
+ for (var s = o > 1 ? void 0 : o ? ze(t, e) : t, r = n.length - 1, i; r >= 0; r--)
1903
1928
  (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
1904
- return o && s && Ie(t, e, s), s;
1929
+ return o && s && Be(t, e, s), s;
1905
1930
  };
1906
1931
  let _ = class extends m {
1907
1932
  constructor() {
@@ -2087,5 +2112,5 @@ M([
2087
2112
  Qt()
2088
2113
  ], _.prototype, "focusedIndex", 2);
2089
2114
  _ = M([
2090
- z("thumbnail-navigation")
2115
+ O("thumbnail-navigation")
2091
2116
  ], _);
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.4.12",
3
+ "version": "0.4.14",
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.8"
9
+ "@florid-kit/tokens": "^0.1.9"
10
10
  },
11
11
  "devDependencies": {
12
12
  "@storybook/addon-a11y": "8.6.14",