@florid-kit/components 0.7.5 → 0.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/components/thumbnail-navigation.d.ts +3 -0
  2. package/index.js +56 -53
  3. package/index.mjs +184 -165
  4. package/package.json +1 -1
package/components/thumbnail-navigation.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare class ThumbnailNavigation extends LitElement {
9
9
  activeIndex: number;
10
10
  disabledIndexes: number[];
11
11
  maxWidth: string;
12
+ altressource: string;
12
13
  swiperInstance?: {
13
14
  slideTo: (index: number) => void;
14
15
  };
@@ -20,6 +21,8 @@ export declare class ThumbnailNavigation extends LitElement {
20
21
  private focusPrevious;
21
22
  private focusThumbnail;
22
23
  private selectThumbnail;
24
+ private onFocus;
25
+ private onBlur;
23
26
  protected render(): import('lit').TemplateResult<1>;
24
27
  }
25
28
  declare global {
package/index.js CHANGED
@@ -6,17 +6,17 @@
6
6
  * @license
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
9
- */const{is:Vt,defineProperty:Zt,getOwnPropertyDescriptor:qt,getOwnPropertyNames:Wt,getOwnPropertySymbols:Kt,getPrototypeOf:Gt}=Object,B=globalThis,Et=B.trustedTypes,Xt=Et?Et.emptyScript:"",dt=B.reactiveElementPolyfillSupport,X=(o,t)=>o,st={toAttribute(o,t){switch(t){case Boolean:o=o?Xt:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},xt=(o,t)=>!Vt(o,t),Lt={attribute:!0,type:String,converter:st,reflect:!1,useDefault:!1,hasChanged:xt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),B.litPropertyMetadata??(B.litPropertyMetadata=new WeakMap);let V=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=Lt){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 n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&Zt(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:s}=qt(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:i,set(r){const h=i==null?void 0:i.call(this);s==null||s.call(this,r),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Lt}static _$Ei(){if(this.hasOwnProperty(X("elementProperties")))return;const t=Gt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(X("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(X("properties"))){const e=this.properties,n=[...Wt(e),...Kt(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(St(i))}else t!==void 0&&e.push(St(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n: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 n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Rt(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 n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var s;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const r=(((s=n.converter)==null?void 0:s.toAttribute)!==void 0?n.converter:st).toAttribute(e,n.type);this._$Em=t,r==null?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(t,e){var s,r;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((s=h.converter)==null?void 0:s.fromAttribute)!==void 0?h.converter:st;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((r=this._$Ej)==null?void 0:r.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const s=this.constructor,r=this[t];if(n??(n=s.getPropertyOptions(t)),!((n.hasChanged??xt)(r,e)||n.useDefault&&n.reflect&&r===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(s._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:s},r){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),s!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,r]of this._$Ep)this[s]=r;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[s,r]of i){const{wrapped:h}=r,c=this[s];h!==!0||this._$AL.has(s)||c===void 0||this.C(s,void 0,r,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var s;return(s=i.hostUpdate)==null?void 0:s.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),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){}};V.elementStyles=[],V.shadowRootOptions={mode:"open"},V[X("elementProperties")]=new Map,V[X("finalized")]=new Map,dt==null||dt({ReactiveElement:V}),(B.reactiveElementVersions??(B.reactiveElementVersions=[])).push("2.1.0");/**
9
+ */const{is:Vt,defineProperty:Zt,getOwnPropertyDescriptor:qt,getOwnPropertyNames:Wt,getOwnPropertySymbols:Kt,getPrototypeOf:Gt}=Object,z=globalThis,Et=z.trustedTypes,Xt=Et?Et.emptyScript:"",dt=z.reactiveElementPolyfillSupport,X=(o,t)=>o,st={toAttribute(o,t){switch(t){case Boolean:o=o?Xt:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},xt=(o,t)=>!Vt(o,t),Lt={attribute:!0,type:String,converter:st,reflect:!1,useDefault:!1,hasChanged:xt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),z.litPropertyMetadata??(z.litPropertyMetadata=new WeakMap);let V=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=Lt){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 n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&Zt(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:s}=qt(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:i,set(r){const h=i==null?void 0:i.call(this);s==null||s.call(this,r),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Lt}static _$Ei(){if(this.hasOwnProperty(X("elementProperties")))return;const t=Gt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(X("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(X("properties"))){const e=this.properties,n=[...Wt(e),...Kt(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(St(i))}else t!==void 0&&e.push(St(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n: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 n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Rt(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 n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var s;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const r=(((s=n.converter)==null?void 0:s.toAttribute)!==void 0?n.converter:st).toAttribute(e,n.type);this._$Em=t,r==null?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(t,e){var s,r;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((s=h.converter)==null?void 0:s.fromAttribute)!==void 0?h.converter:st;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((r=this._$Ej)==null?void 0:r.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const s=this.constructor,r=this[t];if(n??(n=s.getPropertyOptions(t)),!((n.hasChanged??xt)(r,e)||n.useDefault&&n.reflect&&r===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(s._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:s},r){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),s!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,r]of this._$Ep)this[s]=r;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[s,r]of i){const{wrapped:h}=r,c=this[s];h!==!0||this._$AL.has(s)||c===void 0||this.C(s,void 0,r,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var s;return(s=i.hostUpdate)==null?void 0:s.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),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){}};V.elementStyles=[],V.shadowRootOptions={mode:"open"},V[X("elementProperties")]=new Map,V[X("finalized")]=new Map,dt==null||dt({ReactiveElement:V}),(z.reactiveElementVersions??(z.reactiveElementVersions=[])).push("2.1.0");/**
10
10
  * @license
11
11
  * Copyright 2017 Google LLC
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
- */const J=globalThis,at=J.trustedTypes,It=at?at.createPolicy("lit-html",{createHTML:o=>o}):void 0,Tt="$lit$",O=`lit$${Math.random().toFixed(9).slice(2)}$`,jt="?"+O,Jt=`<${jt}>`,j=document,Y=()=>j.createComment(""),Q=o=>o===null||typeof o!="object"&&typeof o!="function",$t=Array.isArray,Yt=o=>$t(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",pt=`[
14
- \f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pt=/-->/g,Ot=/>/g,D=RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),Bt=/'/g,zt=/"/g,Ut=/^(?:script|style|textarea|title)$/i,Qt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Qt(1),U=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Dt=new WeakMap,M=j.createTreeWalker(j,129);function Nt(o,t){if(!$t(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return It!==void 0?It.createHTML(t):t}const te=(o,t)=>{const e=o.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=G;for(let h=0;h<e;h++){const c=o[h];let v,b,p=-1,S=0;for(;S<c.length&&(r.lastIndex=S,b=r.exec(c),b!==null);)S=r.lastIndex,r===G?b[1]==="!--"?r=Pt:b[1]!==void 0?r=Ot:b[2]!==void 0?(Ut.test(b[2])&&(i=RegExp("</"+b[2],"g")),r=D):b[3]!==void 0&&(r=D):r===D?b[0]===">"?(r=i??G,p=-1):b[1]===void 0?p=-2:(p=r.lastIndex-b[2].length,v=b[1],r=b[3]===void 0?D:b[3]==='"'?zt:Bt):r===zt||r===Bt?r=D:r===Pt||r===Ot?r=G:(r=D,i=void 0);const P=r===D&&o[h+1].startsWith("/>")?" ":"";s+=r===G?c+Jt:p>=0?(n.push(v),c.slice(0,p)+Tt+c.slice(p)+O+P):c+O+(p===-2?h:P)}return[Nt(o,s+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let s=0,r=0;const h=t.length-1,c=this.parts,[v,b]=te(t,e);if(this.el=tt.createElement(v,n),M.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=M.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Tt)){const S=b[r++],P=i.getAttribute(p).split(O),nt=/([.?@])?(.*)/.exec(S);c.push({type:1,index:s,name:nt[2],strings:P,ctor:nt[1]==="."?oe:nt[1]==="?"?ie:nt[1]==="@"?ne:lt}),i.removeAttribute(p)}else p.startsWith(O)&&(c.push({type:6,index:s}),i.removeAttribute(p));if(Ut.test(i.tagName)){const p=i.textContent.split(O),S=p.length-1;if(S>0){i.textContent=at?at.emptyScript:"";for(let P=0;P<S;P++)i.append(p[P],Y()),M.nextNode(),c.push({type:2,index:++s});i.append(p[S],Y())}}}else if(i.nodeType===8)if(i.data===jt)c.push({type:2,index:s});else{let p=-1;for(;(p=i.data.indexOf(O,p+1))!==-1;)c.push({type:7,index:s}),p+=O.length-1}s++}}static createElement(t,e){const n=j.createElement("template");return n.innerHTML=t,n}}function Z(o,t,e=o,n){var r,h;if(t===U)return t;let i=n!==void 0?(r=e._$Co)==null?void 0:r[n]:e._$Cl;const s=Q(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),s===void 0?i=void 0:(i=new s(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=Z(o,i._$AS(o,t.values),i,n)),t}class ee{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:n}=this._$AD,i=((t==null?void 0:t.creationScope)??j).importNode(e,!0);M.currentNode=i;let s=M.nextNode(),r=0,h=0,c=n[0];for(;c!==void 0;){if(r===c.index){let v;c.type===2?v=new it(s,s.nextSibling,this,t):c.type===1?v=new c.ctor(s,c.name,c.strings,this,t):c.type===6&&(v=new re(s,this,t)),this._$AV.push(v),c=n[++h]}r!==(c==null?void 0:c.index)&&(s=M.nextNode(),r++)}return M.currentNode=j,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class it{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Z(this,t,e),Q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==U&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Yt(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(j.createTextNode(t)),this._$AH=t}$(t){var s;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=tt.createElement(Nt(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(e);else{const r=new ee(i,this),h=r.u(this.options);r.p(e),this.T(h),this._$AH=r}}_$AC(t){let e=Dt.get(t.strings);return e===void 0&&Dt.set(t.strings,e=new tt(t)),e}k(t){$t(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const s of t)i===e.length?e.push(n=new it(this.O(Y()),this.O(Y()),this,this.options)):n=e[i],n._$AI(s),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const s=this.strings;let r=!1;if(s===void 0)t=Z(this,t,e,0),r=!Q(t)||t!==this._$AH&&t!==U,r&&(this._$AH=t);else{const h=t;let c,v;for(t=s[0],c=0;c<s.length-1;c++)v=Z(this,h[n+c],e,c),v===U&&(v=this._$AH[c]),r||(r=!Q(v)||v!==this._$AH[c]),v===d?t=d:t!==d&&(t+=(v??"")+s[c+1]),this._$AH[c]=v}r&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class oe extends lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ie extends lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class ne extends lt{constructor(t,e,n,i,s){super(t,e,n,i,s),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??d)===U)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),s&&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 re{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}}const ut=J.litHtmlPolyfillSupport;ut==null||ut(tt,it),(J.litHtmlVersions??(J.litHtmlVersions=[])).push("3.3.0");const se=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const s=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new it(t.insertBefore(Y(),s),s,void 0,e??{})}return i._$AI(o),i};/**
13
+ */const J=globalThis,at=J.trustedTypes,It=at?at.createPolicy("lit-html",{createHTML:o=>o}):void 0,Tt="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,Ut="?"+B,Jt=`<${Ut}>`,j=document,Y=()=>j.createComment(""),Q=o=>o===null||typeof o!="object"&&typeof o!="function",$t=Array.isArray,Yt=o=>$t(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",pt=`[
14
+ \f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pt=/-->/g,Ot=/>/g,M=RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),Bt=/'/g,zt=/"/g,jt=/^(?:script|style|textarea|title)$/i,Qt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Qt(1),N=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Dt=new WeakMap,T=j.createTreeWalker(j,129);function Nt(o,t){if(!$t(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return It!==void 0?It.createHTML(t):t}const te=(o,t)=>{const e=o.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=G;for(let h=0;h<e;h++){const c=o[h];let v,g,p=-1,E=0;for(;E<c.length&&(r.lastIndex=E,g=r.exec(c),g!==null);)E=r.lastIndex,r===G?g[1]==="!--"?r=Pt:g[1]!==void 0?r=Ot:g[2]!==void 0?(jt.test(g[2])&&(i=RegExp("</"+g[2],"g")),r=M):g[3]!==void 0&&(r=M):r===M?g[0]===">"?(r=i??G,p=-1):g[1]===void 0?p=-2:(p=r.lastIndex-g[2].length,v=g[1],r=g[3]===void 0?M:g[3]==='"'?zt:Bt):r===zt||r===Bt?r=M:r===Pt||r===Ot?r=G:(r=M,i=void 0);const P=r===M&&o[h+1].startsWith("/>")?" ":"";s+=r===G?c+Jt:p>=0?(n.push(v),c.slice(0,p)+Tt+c.slice(p)+B+P):c+B+(p===-2?h:P)}return[Nt(o,s+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let s=0,r=0;const h=t.length-1,c=this.parts,[v,g]=te(t,e);if(this.el=tt.createElement(v,n),T.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=T.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Tt)){const E=g[r++],P=i.getAttribute(p).split(B),nt=/([.?@])?(.*)/.exec(E);c.push({type:1,index:s,name:nt[2],strings:P,ctor:nt[1]==="."?oe:nt[1]==="?"?ie:nt[1]==="@"?ne:lt}),i.removeAttribute(p)}else p.startsWith(B)&&(c.push({type:6,index:s}),i.removeAttribute(p));if(jt.test(i.tagName)){const p=i.textContent.split(B),E=p.length-1;if(E>0){i.textContent=at?at.emptyScript:"";for(let P=0;P<E;P++)i.append(p[P],Y()),T.nextNode(),c.push({type:2,index:++s});i.append(p[E],Y())}}}else if(i.nodeType===8)if(i.data===Ut)c.push({type:2,index:s});else{let p=-1;for(;(p=i.data.indexOf(B,p+1))!==-1;)c.push({type:7,index:s}),p+=B.length-1}s++}}static createElement(t,e){const n=j.createElement("template");return n.innerHTML=t,n}}function Z(o,t,e=o,n){var r,h;if(t===N)return t;let i=n!==void 0?(r=e._$Co)==null?void 0:r[n]:e._$Cl;const s=Q(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),s===void 0?i=void 0:(i=new s(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=Z(o,i._$AS(o,t.values),i,n)),t}class ee{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:n}=this._$AD,i=((t==null?void 0:t.creationScope)??j).importNode(e,!0);T.currentNode=i;let s=T.nextNode(),r=0,h=0,c=n[0];for(;c!==void 0;){if(r===c.index){let v;c.type===2?v=new it(s,s.nextSibling,this,t):c.type===1?v=new c.ctor(s,c.name,c.strings,this,t):c.type===6&&(v=new re(s,this,t)),this._$AV.push(v),c=n[++h]}r!==(c==null?void 0:c.index)&&(s=T.nextNode(),r++)}return T.currentNode=j,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class it{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Z(this,t,e),Q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==N&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Yt(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(j.createTextNode(t)),this._$AH=t}$(t){var s;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=tt.createElement(Nt(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(e);else{const r=new ee(i,this),h=r.u(this.options);r.p(e),this.T(h),this._$AH=r}}_$AC(t){let e=Dt.get(t.strings);return e===void 0&&Dt.set(t.strings,e=new tt(t)),e}k(t){$t(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const s of t)i===e.length?e.push(n=new it(this.O(Y()),this.O(Y()),this,this.options)):n=e[i],n._$AI(s),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const s=this.strings;let r=!1;if(s===void 0)t=Z(this,t,e,0),r=!Q(t)||t!==this._$AH&&t!==N,r&&(this._$AH=t);else{const h=t;let c,v;for(t=s[0],c=0;c<s.length-1;c++)v=Z(this,h[n+c],e,c),v===N&&(v=this._$AH[c]),r||(r=!Q(v)||v!==this._$AH[c]),v===d?t=d:t!==d&&(t+=(v??"")+s[c+1]),this._$AH[c]=v}r&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class oe extends lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ie extends lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class ne extends lt{constructor(t,e,n,i,s){super(t,e,n,i,s),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??d)===N)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),s&&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 re{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}}const ut=J.litHtmlPolyfillSupport;ut==null||ut(tt,it),(J.litHtmlVersions??(J.litHtmlVersions=[])).push("3.3.0");const se=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const s=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new it(t.insertBefore(Y(),s),s,void 0,e??{})}return i._$AI(o),i};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
19
- */const T=globalThis;let f=class extends V{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=se(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 U}};var Ht;f._$litElement$=!0,f.finalized=!0,(Ht=T.litElementHydrateSupport)==null||Ht.call(T,{LitElement:f});const vt=T.litElementPolyfillSupport;vt==null||vt({LitElement:f});(T.litElementVersions??(T.litElementVersions=[])).push("4.2.0");/**
19
+ */const U=globalThis;let f=class extends V{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=se(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 N}};var Ht;f._$litElement$=!0,f.finalized=!0,(Ht=U.litElementHydrateSupport)==null||Ht.call(U,{LitElement:f});const vt=U.litElementPolyfillSupport;vt==null||vt({LitElement:f});(U.litElementVersions??(U.litElementVersions=[])).push("4.2.0");/**
20
20
  * @license
21
21
  * Copyright 2017 Google LLC
22
22
  * SPDX-License-Identifier: BSD-3-Clause
@@ -28,7 +28,7 @@
28
28
  * @license
29
29
  * Copyright 2017 Google LLC
30
30
  * SPDX-License-Identifier: BSD-3-Clause
31
- */function N(o){return a({...o,state:!0,attribute:!1})}const ce=w`
31
+ */function F(o){return a({...o,state:!0,attribute:!1})}const ce=w`
32
32
  outline: 1px dashed var(--button-border-color);
33
33
  outline-offset: 2px;
34
34
  outline: dashed black;
@@ -40,7 +40,7 @@
40
40
  * @license
41
41
  * Copyright 2023 Google LLC
42
42
  * SPDX-License-Identifier: Apache-2.0
43
- */const _t=Symbol("internals"),gt=Symbol("privateInternals");function he(o){var t;class e extends o{get[(t=_t,t)](){return this[gt]||(this[gt]=this.attachInternals()),this[gt]}}return e}/**
43
+ */const _t=Symbol("internals"),bt=Symbol("privateInternals");function he(o){var t;class e extends o{get[(t=_t,t)](){return this[bt]||(this[bt]=this.attachInternals()),this[bt]}}return e}/**
44
44
  * @license
45
45
  * Copyright 2023 Google LLC
46
46
  * SPDX-License-Identifier: Apache-2.0
@@ -53,10 +53,10 @@
53
53
  `,ve=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
54
54
  <path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
55
55
  </svg>
56
- `,ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
56
+ `,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
57
57
  <path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
58
58
  </svg>
59
- `,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
59
+ `,ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
60
60
  <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
61
61
  </svg>
62
62
  `,fe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -118,7 +118,7 @@
118
118
  `,Pe=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
119
119
  <path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
120
120
  </svg>
121
- `,K={wishlist:pe,playerv:ue,chevronRight:ve,chevronLeft:ge,icoPlus:_e,icoMinus:Ce,"star-0":be,"star-25":fe,"star-50":ye,"star-75":me,"star-100":we,cross:xe,search:$e,arrowLeft:ke,arrowTop:Ae,cart:Se,notifyme:Ee,triangledown:Le,triangleup:Ie,checkstroke:Pe};/**
121
+ `,K={wishlist:pe,playerv:ue,chevronRight:ve,chevronLeft:be,icoPlus:_e,icoMinus:Ce,"star-0":ge,"star-25":fe,"star-50":ye,"star-75":me,"star-100":we,cross:xe,search:$e,arrowLeft:ke,arrowTop:Ae,cart:Se,notifyme:Ee,triangledown:Le,triangleup:Ie,checkstroke:Pe};/**
122
122
  * @license
123
123
  * Copyright 2017 Google LLC
124
124
  * SPDX-License-Identifier: BSD-3-Clause
@@ -126,11 +126,11 @@
126
126
  * @license
127
127
  * Copyright 2017 Google LLC
128
128
  * SPDX-License-Identifier: BSD-3-Clause
129
- */class bt extends ze{constructor(t){if(super(t),this.it=d,t.type!==Oe.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===U)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:[]}}}bt.directiveName="unsafeHTML",bt.resultType=1;/**
129
+ */class gt extends ze{constructor(t){if(super(t),this.it=d,t.type!==Oe.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===N)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:[]}}}gt.directiveName="unsafeHTML",gt.resultType=1;/**
130
130
  * @license
131
131
  * Copyright 2017 Google LLC
132
132
  * SPDX-License-Identifier: BSD-3-Clause
133
- */class ft extends bt{}ft.directiveName="unsafeSVG",ft.resultType=2;const z=Be(ft);var De=Object.defineProperty,He=Object.getOwnPropertyDescriptor,m=(o,t,e,n)=>{for(var i=n>1?void 0:n?He(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&De(t,e,i),i};const Me=he(f);let u=class extends Me{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(o){this.setAttribute("name",o)}get form(){return this[_t].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.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(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=K[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${z(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
133
+ */class ft extends gt{}ft.directiveName="unsafeSVG",ft.resultType=2;const D=Be(ft);var De=Object.defineProperty,He=Object.getOwnPropertyDescriptor,m=(o,t,e,n)=>{for(var i=n>1?void 0:n?He(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&De(t,e,i),i};const Me=he(f);let u=class extends Me{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(o){this.setAttribute("name",o)}get form(){return this[_t].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.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(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=K[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${D(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
134
134
  <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
135
135
  ${this.startIcon?this.renderIcon("start"):d}
136
136
  ${o?l`
@@ -310,10 +310,10 @@
310
310
  transform: translateX(4px);
311
311
  }
312
312
  //End icon movment on hover
313
- `;m([a()],u.prototype,"type",2);m([a({reflect:!0})],u.prototype,"value",2);m([a({type:String,reflect:!0})],u.prototype,"variant",2);m([a({type:String})],u.prototype,"text",2);m([a({type:String})],u.prototype,"textsecond",2);m([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);m([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);m([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);m([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);m([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);m([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);m([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);m([a({type:String})],u.prototype,"href",2);m([a({type:String})],u.prototype,"target",2);u=m([_("o-button")],u);var Te=Object.defineProperty,je=Object.getOwnPropertyDescriptor,ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Te(t,e,i),i};let q=class extends f{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=K.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
313
+ `;m([a()],u.prototype,"type",2);m([a({reflect:!0})],u.prototype,"value",2);m([a({type:String,reflect:!0})],u.prototype,"variant",2);m([a({type:String})],u.prototype,"text",2);m([a({type:String})],u.prototype,"textsecond",2);m([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);m([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);m([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);m([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);m([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);m([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);m([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);m([a({type:String})],u.prototype,"href",2);m([a({type:String})],u.prototype,"target",2);u=m([_("o-button")],u);var Te=Object.defineProperty,Ue=Object.getOwnPropertyDescriptor,ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ue(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Te(t,e,i),i};let q=class extends f{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=K.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
314
314
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
315
315
  <span class="sr-only">${this.label}</span>
316
- ${z(o)}
316
+ ${D(o)}
317
317
  </button>
318
318
  `}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};q.styles=w`
319
319
  :host {
@@ -379,19 +379,23 @@
379
379
  width: 0.1rem !important;
380
380
  white-space: nowrap !important;
381
381
  }
382
- `;ct([a({type:String,reflect:!0})],q.prototype,"status",2);ct([a({type:String,reflect:!0})],q.prototype,"ariaDescribedBy",2);ct([a({type:String,reflect:!0})],q.prototype,"label",2);q=ct([_("o-wishlist-button")],q);var Ue=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,k=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ne(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ue(t,e,i),i};let x=class extends f{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,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=K[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null;return l`
382
+ `;ct([a({type:String,reflect:!0})],q.prototype,"status",2);ct([a({type:String,reflect:!0})],q.prototype,"ariaDescribedBy",2);ct([a({type:String,reflect:!0})],q.prototype,"label",2);q=ct([_("o-wishlist-button")],q);/**
383
+ * @license
384
+ * Copyright 2018 Google LLC
385
+ * SPDX-License-Identifier: BSD-3-Clause
386
+ */const O=o=>o??d;var je=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,A=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ne(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&je(t,e,i),i};let x=class extends f{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,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=K[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
383
387
  ${this.type==="span"?l`
384
388
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
385
- ${z(e)}
389
+ ${D(e)}
386
390
  </span>
387
391
  `:l`
388
392
  <button
389
393
  type="button"
390
- aria-label="icon"
394
+ aria-label=${O(i)}
391
395
  class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
392
396
  ?disabled="${this.disabled}"
393
397
  >
394
- ${z(e)}
398
+ ${D(e)}
395
399
  ${n}
396
400
  </button>
397
401
  `}
@@ -597,14 +601,10 @@
597
601
  .sr-only {
598
602
  display: none;
599
603
  }
600
- `;k([a({type:String,reflect:!0})],x.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],x.prototype,"size",2);k([a({type:String,reflect:!0})],x.prototype,"status",2);k([a({type:String,reflect:!0})],x.prototype,"type",2);k([a({type:String})],x.prototype,"strokewidth",2);k([a({type:String})],x.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],x.prototype,"disabled",2);k([a({type:Boolean})],x.prototype,"showSrLabel",2);k([a({type:String})],x.prototype,"srLabel",2);x=k([_("o-icon-button")],x);/**
601
- * @license
602
- * Copyright 2018 Google LLC
603
- * SPDX-License-Identifier: BSD-3-Clause
604
- */const H=o=>o??d;var Fe=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,F=(o,t,e,n)=>{for(var i=n>1?void 0:n?Re(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Fe(t,e,i),i};let E=class extends f{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
604
+ `;A([a({type:String,reflect:!0})],x.prototype,"bgstyle",2);A([a({type:String,reflect:!0})],x.prototype,"size",2);A([a({type:String,reflect:!0})],x.prototype,"status",2);A([a({type:String,reflect:!0})],x.prototype,"type",2);A([a({type:String})],x.prototype,"strokewidth",2);A([a({type:String})],x.prototype,"icon",2);A([a({type:Boolean,reflect:!0})],x.prototype,"disabled",2);A([a({type:Boolean})],x.prototype,"showSrLabel",2);A([a({type:String})],x.prototype,"srLabel",2);x=A([_("o-icon-button")],x);var Fe=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?Re(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Fe(t,e,i),i};let L=class extends f{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
605
605
  <a
606
606
  href="${o}"
607
- target="${H(this.target||void 0)}"
607
+ target="${O(this.target||void 0)}"
608
608
  @click="${this._handleClick}"
609
609
  >
610
610
  ${this.endIcon&&this.reverseEndIcon?l`
@@ -627,7 +627,7 @@
627
627
  ></o-icon-button>
628
628
  `:null}
629
629
  </a>
630
- `}};E.styles=w`
630
+ `}};L.styles=w`
631
631
  :host([template="standard"]) a {
632
632
  color: var(--color-content-action-secondary);
633
633
  font-size: var(--font-size-200);
@@ -714,10 +714,10 @@
714
714
  height: 1px;
715
715
  }
716
716
  /* End of underline effect */
717
- `;F([a({type:String})],E.prototype,"href",2);F([a({type:String})],E.prototype,"target",2);F([a({type:String,reflect:!0})],E.prototype,"template",2);F([a({type:Boolean,reflect:!0})],E.prototype,"inverse",2);F([a({type:Boolean,reflect:!0})],E.prototype,"endIcon",2);F([a({type:Boolean,reflect:!0})],E.prototype,"reverseEndIcon",2);E=F([_("o-link")],E);var Ve=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ze(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ve(t,e,i),i};let W=class extends f{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
717
+ `;R([a({type:String})],L.prototype,"href",2);R([a({type:String})],L.prototype,"target",2);R([a({type:String,reflect:!0})],L.prototype,"template",2);R([a({type:Boolean,reflect:!0})],L.prototype,"inverse",2);R([a({type:Boolean,reflect:!0})],L.prototype,"endIcon",2);R([a({type:Boolean,reflect:!0})],L.prototype,"reverseEndIcon",2);L=R([_("o-link")],L);var Ve=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ze(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ve(t,e,i),i};let W=class extends f{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
718
718
  <div class="rating">
719
719
  <div class="stars">
720
- ${o.map(t=>l`<span class="star">${z(K[t]??"")}</span>`)}
720
+ ${o.map(t=>l`<span class="star">${D(K[t]??"")}</span>`)}
721
721
  </div>
722
722
  ${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
723
723
  </div>
@@ -754,7 +754,7 @@
754
754
  text-decoration: underline;
755
755
  cursor: pointer;
756
756
  }
757
- `;ht([a({type:Number})],W.prototype,"rating",2);ht([a({type:String})],W.prototype,"reviewCount",2);ht([a({type:String})],W.prototype,"href",2);W=ht([_("o-rating")],W);var qe=Object.defineProperty,We=Object.getOwnPropertyDescriptor,y=(o,t,e,n)=>{for(var i=n>1?void 0:n?We(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&qe(t,e,i),i};let g=class extends f{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=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}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(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),n.focus()):!o.shiftKey&&document.activeElement===n&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return l`
757
+ `;ht([a({type:Number})],W.prototype,"rating",2);ht([a({type:String})],W.prototype,"reviewCount",2);ht([a({type:String})],W.prototype,"href",2);W=ht([_("o-rating")],W);var qe=Object.defineProperty,We=Object.getOwnPropertyDescriptor,y=(o,t,e,n)=>{for(var i=n>1?void 0:n?We(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&qe(t,e,i),i};let b=class extends f{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=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}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(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),n.focus()):!o.shiftKey&&document.activeElement===n&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return l`
758
758
  <div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
759
759
  <div
760
760
  class="panel"
@@ -800,7 +800,7 @@
800
800
  </div>
801
801
  `:null}
802
802
  </div>
803
- `}};g.styles=w`
803
+ `}};b.styles=w`
804
804
  :host {
805
805
  --z-overlay: 99;
806
806
  --z-panel: 100;
@@ -940,7 +940,7 @@
940
940
  --line-height: var(--line-height-280);
941
941
  }
942
942
  }
943
- `;y([a({type:Boolean,reflect:!0})],g.prototype,"open",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);y([a({type:Function})],g.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);y([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=y([_("o-side-panel")],g);var Ke=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ge(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ke(t,e,i),i};let L=class extends f{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=l`
943
+ `;y([a({type:Boolean,reflect:!0})],b.prototype,"open",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);y([a({type:Function})],b.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);y([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=y([_("o-side-panel")],b);var Ke=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ge(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ke(t,e,i),i};let k=class extends f{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
944
944
  <o-icon-button
945
945
  icon="playerv"
946
946
  size="xsmall"
@@ -949,26 +949,29 @@
949
949
  status="filled"
950
950
  strokewidth="0"
951
951
  ></o-icon-button>
952
- `}handleKeyDown(o){o.key==="ArrowRight"?(o.preventDefault(),this.focusNext()):o.key==="ArrowLeft"?(o.preventDefault(),this.focusPrevious()):(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.selectThumbnail(this.focusedIndex))}focusNext(){let o=this.focusedIndex+1;for(;this.disabledIndexes.includes(o)&&o<this.thumbnails.length;)o++;o<this.thumbnails.length&&(this.focusedIndex=o,this.focusThumbnail(o))}focusPrevious(){let o=this.focusedIndex-1;for(;this.disabledIndexes.includes(o)&&o>=0;)o--;o>=0&&(this.focusedIndex=o,this.focusThumbnail(o))}focusThumbnail(o){const t=this.renderRoot.querySelector(`[data-index="${o}"]`);t==null||t.focus()}selectThumbnail(o){this.disabledIndexes.includes(o)||(this.activeIndex=o,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(o),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:o}})))}render(){return l`
953
- <div class="scroll-container" style="max-width: ${this.maxWidth};">
954
- ${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),n=this.activeIndex===t,i=o.type==="video";return l`
955
- <div class="thumb-wrapper">
952
+ `}handleKeyDown(o){o.key==="ArrowRight"?(o.preventDefault(),this.focusNext()):o.key==="ArrowLeft"?(o.preventDefault(),this.focusPrevious()):(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.selectThumbnail(this.focusedIndex))}focusNext(){let o=this.focusedIndex+1;for(;this.disabledIndexes.includes(o)&&o<this.thumbnails.length;)o++;o<this.thumbnails.length&&(this.focusedIndex=o,this.focusThumbnail(o))}focusPrevious(){let o=this.focusedIndex-1;for(;this.disabledIndexes.includes(o)&&o>=0;)o--;o>=0&&(this.focusedIndex=o,this.focusThumbnail(o))}focusThumbnail(o){const t=this.renderRoot.querySelector(`[data-index="${o}"]`);t==null||t.focus()}selectThumbnail(o){this.disabledIndexes.includes(o)||(this.activeIndex=o,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(o),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:o}})))}onFocus(o){const t=o.currentTarget,e=Number(t.dataset.index);this.focusedIndex=e,this.renderRoot.querySelectorAll(".thumb").forEach(i=>{i.classList.remove("a--tabfocus")}),t.classList.add("a--tabfocus"),this.requestUpdate()}onBlur(o){setTimeout(()=>{var e;const t=(e=this.shadowRoot)==null?void 0:e.activeElement;(!t||!t.classList.contains("thumb"))&&this.renderRoot.querySelectorAll(".thumb").forEach(i=>i.classList.remove("a--tabfocus"))},0)}render(){return l`
953
+ <ul class="scroll-container" style="max-width: ${this.maxWidth};">
954
+ ${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),n=this.activeIndex===t,i=o.type==="video",s=i?`video ${t}`:`${this.altressource} ${t+1}`;return l`
955
+ <li class="thumb-wrapper">
956
956
  <button
957
957
  class="thumb"
958
958
  data-index="${t}"
959
959
  ?disabled=${e}
960
- aria-selected=${n}
961
- tabindex="${this.focusedIndex===t?0:-1}"
960
+ aria-selected="${this.focusedIndex===t}"
961
+ aria-current=${n?"true":"false"}
962
+ tabindex="${this.disabledIndexes.includes(t)?-1:0}"
962
963
  @click=${()=>this.selectThumbnail(t)}
963
964
  @keydown=${this.handleKeyDown}
965
+ @focus=${r=>this.onFocus(r)}
966
+ @blur=${r=>this.onBlur(r)}
964
967
  >
965
- <img src="${o.src}" />
968
+ <img alt="${s}" src="${o.src}" />
966
969
  </button>
967
970
  ${i?l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
968
- </div>
971
+ </li>
969
972
  `})}
970
- </div>
971
- `}};L.styles=w`
973
+ </ul>
974
+ `}};k.styles=w`
972
975
  :host {
973
976
  display: flex;
974
977
  gap: 5px;
@@ -1003,7 +1006,7 @@
1003
1006
  }
1004
1007
  }
1005
1008
 
1006
- .thumb[aria-selected="true"] {
1009
+ .thumb[aria-selected="true"], .a--tabfocus {
1007
1010
  &::before {
1008
1011
  content: "";
1009
1012
  position: absolute;
@@ -1024,7 +1027,7 @@
1024
1027
  }
1025
1028
 
1026
1029
  .thumb:focus-visible {
1027
- outline: 2px solid var(--color-border-secondary);
1030
+ border: 1px solid var(--color-border-primary) !important;
1028
1031
  }
1029
1032
 
1030
1033
  .play-icon-wrapper {
@@ -1071,7 +1074,7 @@
1071
1074
  height: 0;
1072
1075
  width: 0;
1073
1076
  }
1074
- `;R([a({type:Array})],L.prototype,"thumbnails",2);R([a({type:Number})],L.prototype,"activeIndex",2);R([a({type:Array})],L.prototype,"disabledIndexes",2);R([a({type:String})],L.prototype,"maxWidth",2);R([a({type:Object})],L.prototype,"swiperInstance",2);R([N()],L.prototype,"focusedIndex",2);L=R([_("thumbnail-navigation")],L);var Xe=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,Ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?Je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Xe(t,e,i),i};let et=class extends f{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
1077
+ `;H([a({type:Array})],k.prototype,"thumbnails",2);H([a({type:Number})],k.prototype,"activeIndex",2);H([a({type:Array})],k.prototype,"disabledIndexes",2);H([a({type:String})],k.prototype,"maxWidth",2);H([a({type:String})],k.prototype,"altressource",2);H([a({type:Object})],k.prototype,"swiperInstance",2);H([F()],k.prototype,"focusedIndex",2);k=H([_("thumbnail-navigation")],k);var Xe=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,Ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?Je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Xe(t,e,i),i};let et=class extends f{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
1075
1078
  <span class="tag ${this.bgstyle}"><slot></slot></span>
1076
1079
  `}};et.styles=w`
1077
1080
  .tag {
@@ -1265,10 +1268,10 @@
1265
1268
  ${e.url?l`
1266
1269
  <a href="${e.url}">
1267
1270
  <span>${e.label}</span>
1268
- ${e.value===this.value?l`<span class="check">${z(o)}</span>`:null}
1271
+ ${e.value===this.value?l`<span class="check">${D(o)}</span>`:null}
1269
1272
  </a>`:l`
1270
1273
  <span>${e.label}</span>
1271
- ${e.value===this.value?l`<span class="check">${z(o)}</span>`:null}`}
1274
+ ${e.value===this.value?l`<span class="check">${D(o)}</span>`:null}`}
1272
1275
  </li>`)}
1273
1276
  </ul>`:null}
1274
1277
 
@@ -1412,7 +1415,7 @@
1412
1415
  input[type="hidden"] {
1413
1416
  display: none;
1414
1417
  }
1415
- `;I([a({type:Array,reflect:!0})],C.prototype,"options",2);I([a({type:String,reflect:!0})],C.prototype,"value",2);I([a({type:String,reflect:!0})],C.prototype,"name",2);I([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);I([a({type:String,reflect:!0})],C.prototype,"width",2);I([N()],C.prototype,"open",2);I([N()],C.prototype,"activeIndex",2);I([N()],C.prototype,"menuWidth",2);C=I([_("o-dropdown")],C);var oo=Object.getOwnPropertyDescriptor,io=(o,t,e,n)=>{for(var i=n>1?void 0:n?oo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=r(i)||i);return i};let yt=class extends f{render(){return l` <span class="dots"></span> `}};yt.styles=w`
1418
+ `;I([a({type:Array,reflect:!0})],C.prototype,"options",2);I([a({type:String,reflect:!0})],C.prototype,"value",2);I([a({type:String,reflect:!0})],C.prototype,"name",2);I([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);I([a({type:String,reflect:!0})],C.prototype,"width",2);I([F()],C.prototype,"open",2);I([F()],C.prototype,"activeIndex",2);I([F()],C.prototype,"menuWidth",2);C=I([_("o-dropdown")],C);var oo=Object.getOwnPropertyDescriptor,io=(o,t,e,n)=>{for(var i=n>1?void 0:n?oo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=r(i)||i);return i};let yt=class extends f{render(){return l` <span class="dots"></span> `}};yt.styles=w`
1416
1419
  :host {
1417
1420
  display: flex;
1418
1421
  align-items: center;
@@ -1463,7 +1466,7 @@
1463
1466
  background-color: var(--color-container-action-primary-pressed);
1464
1467
  }
1465
1468
  }
1466
- `;yt=io([_("o-dots")],yt);var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,A=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&no(t,e,i),i};let $=class extends f{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=K.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
1469
+ `;yt=io([_("o-dots")],yt);var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,S=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&no(t,e,i),i};let $=class extends f{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=K.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
1467
1470
  <button
1468
1471
  role="combobox"
1469
1472
  aria-haspopup="listbox"
@@ -1477,7 +1480,7 @@
1477
1480
  ?disabled=${this.disabled}
1478
1481
  class="btn-dropdown"
1479
1482
  >
1480
- <img alt="${H(t==null?void 0:t.label)}" src="${H(t==null?void 0:t.imgurl)}" />
1483
+ <img alt="${O(t==null?void 0:t.label)}" src="${O(t==null?void 0:t.imgurl)}" />
1481
1484
  <span id="dropdown-label" class="label">
1482
1485
  ${t?t.label:"Select an option"}
1483
1486
  </span>
@@ -1511,13 +1514,13 @@
1511
1514
  class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
1512
1515
  @click=${()=>this.selectOption(e)}
1513
1516
  >
1514
- <a href="${H(e.url)}">
1515
- <img alt="${H(e.label)}" src="${H(e.imgurl)}" />
1517
+ <a href="${O(e.url)}">
1518
+ <img alt="${O(e.label)}" src="${O(e.imgurl)}" />
1516
1519
  <span class="label">${e.label}</span>
1517
1520
  <div class="right">
1518
- <span class="additional-text">${H(e.additionaltext)}</span>
1521
+ <span class="additional-text">${O(e.additionaltext)}</span>
1519
1522
  ${e.value===this.value&&!e.additionaltext?l`
1520
- <span class="check">${z(o)}</span>`:null}
1523
+ <span class="check">${D(o)}</span>`:null}
1521
1524
  </div>
1522
1525
  </a>
1523
1526
  </li>
@@ -1700,4 +1703,4 @@
1700
1703
  input[type="hidden"] {
1701
1704
  display: none;
1702
1705
  }
1703
- `;A([a({type:Array,reflect:!0})],$.prototype,"options",2);A([a({type:String,reflect:!0})],$.prototype,"value",2);A([a({type:String,reflect:!0})],$.prototype,"name",2);A([a({type:String,reflect:!0})],$.prototype,"additionaltext",2);A([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);A([a({type:String,reflect:!0})],$.prototype,"width",2);A([N()],$.prototype,"open",2);A([N()],$.prototype,"activeIndex",2);A([N()],$.prototype,"menuWidth",2);$=A([_("o-dropdown-variant")],$);
1706
+ `;S([a({type:Array,reflect:!0})],$.prototype,"options",2);S([a({type:String,reflect:!0})],$.prototype,"value",2);S([a({type:String,reflect:!0})],$.prototype,"name",2);S([a({type:String,reflect:!0})],$.prototype,"additionaltext",2);S([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);S([a({type:String,reflect:!0})],$.prototype,"width",2);S([F()],$.prototype,"open",2);S([F()],$.prototype,"activeIndex",2);S([F()],$.prototype,"menuWidth",2);$=S([_("o-dropdown-variant")],$);
package/index.mjs CHANGED
@@ -45,7 +45,7 @@ const Ft = (o) => new Mt(typeof o == "string" ? o : o + "", void 0, wt), w = (o,
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: Vt, defineProperty: Zt, getOwnPropertyDescriptor: qt, getOwnPropertyNames: Wt, getOwnPropertySymbols: Kt, getPrototypeOf: Gt } = Object, B = globalThis, Et = B.trustedTypes, Xt = Et ? Et.emptyScript : "", dt = B.reactiveElementPolyfillSupport, X = (o, t) => o, st = { toAttribute(o, t) {
48
+ const { is: Vt, defineProperty: Zt, getOwnPropertyDescriptor: qt, getOwnPropertyNames: Wt, getOwnPropertySymbols: Kt, getPrototypeOf: Gt } = Object, z = globalThis, Et = z.trustedTypes, Xt = Et ? Et.emptyScript : "", dt = z.reactiveElementPolyfillSupport, X = (o, t) => o, st = { toAttribute(o, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
51
  o = o ? Xt : null;
@@ -74,7 +74,7 @@ const { is: Vt, defineProperty: Zt, getOwnPropertyDescriptor: qt, getOwnProperty
74
74
  }
75
75
  return e;
76
76
  } }, xt = (o, t) => !Vt(o, t), Lt = { attribute: !0, type: String, converter: st, reflect: !1, useDefault: !1, hasChanged: xt };
77
- Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), B.litPropertyMetadata ?? (B.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
77
+ Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), z.litPropertyMetadata ?? (z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
78
78
  let V = class extends HTMLElement {
79
79
  static addInitializer(t) {
80
80
  this._$Ei(), (this.l ?? (this.l = [])).push(t);
@@ -276,15 +276,15 @@ let V = class extends HTMLElement {
276
276
  firstUpdated(t) {
277
277
  }
278
278
  };
279
- V.elementStyles = [], V.shadowRootOptions = { mode: "open" }, V[X("elementProperties")] = /* @__PURE__ */ new Map(), V[X("finalized")] = /* @__PURE__ */ new Map(), dt == null || dt({ ReactiveElement: V }), (B.reactiveElementVersions ?? (B.reactiveElementVersions = [])).push("2.1.0");
279
+ V.elementStyles = [], V.shadowRootOptions = { mode: "open" }, V[X("elementProperties")] = /* @__PURE__ */ new Map(), V[X("finalized")] = /* @__PURE__ */ new Map(), dt == null || dt({ ReactiveElement: V }), (z.reactiveElementVersions ?? (z.reactiveElementVersions = [])).push("2.1.0");
280
280
  /**
281
281
  * @license
282
282
  * Copyright 2017 Google LLC
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
- const J = globalThis, at = J.trustedTypes, It = at ? at.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Tt = "$lit$", O = `lit$${Math.random().toFixed(9).slice(2)}$`, jt = "?" + O, Jt = `<${jt}>`, j = document, Y = () => j.createComment(""), Q = (o) => o === null || typeof o != "object" && typeof o != "function", $t = Array.isArray, Yt = (o) => $t(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", pt = `[
286
- \f\r]`, G = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Pt = /-->/g, Ot = />/g, D = RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), Bt = /'/g, zt = /"/g, Ut = /^(?:script|style|textarea|title)$/i, Qt = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Qt(1), U = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Dt = /* @__PURE__ */ new WeakMap(), M = j.createTreeWalker(j, 129);
285
+ const J = globalThis, at = J.trustedTypes, It = at ? at.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Tt = "$lit$", B = `lit$${Math.random().toFixed(9).slice(2)}$`, Ut = "?" + B, Jt = `<${Ut}>`, j = document, Y = () => j.createComment(""), Q = (o) => o === null || typeof o != "object" && typeof o != "function", $t = Array.isArray, Yt = (o) => $t(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", pt = `[
286
+ \f\r]`, G = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Pt = /-->/g, Ot = />/g, M = RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), Bt = /'/g, zt = /"/g, jt = /^(?:script|style|textarea|title)$/i, Qt = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Qt(1), N = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Dt = /* @__PURE__ */ new WeakMap(), T = j.createTreeWalker(j, 129);
288
288
  function Nt(o, t) {
289
289
  if (!$t(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return It !== void 0 ? It.createHTML(t) : t;
@@ -294,10 +294,10 @@ const te = (o, t) => {
294
294
  let i, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = G;
295
295
  for (let h = 0; h < e; h++) {
296
296
  const c = o[h];
297
- let v, b, p = -1, S = 0;
298
- for (; S < c.length && (r.lastIndex = S, b = r.exec(c), b !== null); ) S = r.lastIndex, r === G ? b[1] === "!--" ? r = Pt : b[1] !== void 0 ? r = Ot : b[2] !== void 0 ? (Ut.test(b[2]) && (i = RegExp("</" + b[2], "g")), r = D) : b[3] !== void 0 && (r = D) : r === D ? b[0] === ">" ? (r = i ?? G, p = -1) : b[1] === void 0 ? p = -2 : (p = r.lastIndex - b[2].length, v = b[1], r = b[3] === void 0 ? D : b[3] === '"' ? zt : Bt) : r === zt || r === Bt ? r = D : r === Pt || r === Ot ? r = G : (r = D, i = void 0);
299
- const P = r === D && o[h + 1].startsWith("/>") ? " " : "";
300
- s += r === G ? c + Jt : p >= 0 ? (n.push(v), c.slice(0, p) + Tt + c.slice(p) + O + P) : c + O + (p === -2 ? h : P);
297
+ let v, g, p = -1, E = 0;
298
+ for (; E < c.length && (r.lastIndex = E, g = r.exec(c), g !== null); ) E = r.lastIndex, r === G ? g[1] === "!--" ? r = Pt : g[1] !== void 0 ? r = Ot : g[2] !== void 0 ? (jt.test(g[2]) && (i = RegExp("</" + g[2], "g")), r = M) : g[3] !== void 0 && (r = M) : r === M ? g[0] === ">" ? (r = i ?? G, p = -1) : g[1] === void 0 ? p = -2 : (p = r.lastIndex - g[2].length, v = g[1], r = g[3] === void 0 ? M : g[3] === '"' ? zt : Bt) : r === zt || r === Bt ? r = M : r === Pt || r === Ot ? r = G : (r = M, i = void 0);
299
+ const P = r === M && o[h + 1].startsWith("/>") ? " " : "";
300
+ s += r === G ? c + Jt : p >= 0 ? (n.push(v), c.slice(0, p) + Tt + c.slice(p) + B + P) : c + B + (p === -2 ? h : P);
301
301
  }
302
302
  return [Nt(o, s + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
303
303
  };
@@ -306,29 +306,29 @@ class tt {
306
306
  let i;
307
307
  this.parts = [];
308
308
  let s = 0, r = 0;
309
- const h = t.length - 1, c = this.parts, [v, b] = te(t, e);
310
- if (this.el = tt.createElement(v, n), M.currentNode = this.el.content, e === 2 || e === 3) {
309
+ const h = t.length - 1, c = this.parts, [v, g] = te(t, e);
310
+ if (this.el = tt.createElement(v, n), T.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 (; (i = M.nextNode()) !== null && c.length < h; ) {
314
+ for (; (i = T.nextNode()) !== null && c.length < h; ) {
315
315
  if (i.nodeType === 1) {
316
316
  if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(Tt)) {
317
- const S = b[r++], P = i.getAttribute(p).split(O), nt = /([.?@])?(.*)/.exec(S);
317
+ const E = g[r++], P = i.getAttribute(p).split(B), nt = /([.?@])?(.*)/.exec(E);
318
318
  c.push({ type: 1, index: s, name: nt[2], strings: P, ctor: nt[1] === "." ? oe : nt[1] === "?" ? ie : nt[1] === "@" ? ne : lt }), i.removeAttribute(p);
319
- } else p.startsWith(O) && (c.push({ type: 6, index: s }), i.removeAttribute(p));
320
- if (Ut.test(i.tagName)) {
321
- const p = i.textContent.split(O), S = p.length - 1;
322
- if (S > 0) {
319
+ } else p.startsWith(B) && (c.push({ type: 6, index: s }), i.removeAttribute(p));
320
+ if (jt.test(i.tagName)) {
321
+ const p = i.textContent.split(B), E = p.length - 1;
322
+ if (E > 0) {
323
323
  i.textContent = at ? at.emptyScript : "";
324
- for (let P = 0; P < S; P++) i.append(p[P], Y()), M.nextNode(), c.push({ type: 2, index: ++s });
325
- i.append(p[S], Y());
324
+ for (let P = 0; P < E; P++) i.append(p[P], Y()), T.nextNode(), c.push({ type: 2, index: ++s });
325
+ i.append(p[E], Y());
326
326
  }
327
327
  }
328
- } else if (i.nodeType === 8) if (i.data === jt) c.push({ type: 2, index: s });
328
+ } else if (i.nodeType === 8) if (i.data === Ut) c.push({ type: 2, index: s });
329
329
  else {
330
330
  let p = -1;
331
- for (; (p = i.data.indexOf(O, p + 1)) !== -1; ) c.push({ type: 7, index: s }), p += O.length - 1;
331
+ for (; (p = i.data.indexOf(B, p + 1)) !== -1; ) c.push({ type: 7, index: s }), p += B.length - 1;
332
332
  }
333
333
  s++;
334
334
  }
@@ -340,7 +340,7 @@ class tt {
340
340
  }
341
341
  function Z(o, t, e = o, n) {
342
342
  var r, h;
343
- if (t === U) return t;
343
+ if (t === N) return t;
344
344
  let i = n !== void 0 ? (r = e._$Co) == null ? void 0 : r[n] : e._$Cl;
345
345
  const s = Q(t) ? void 0 : t._$litDirective$;
346
346
  return (i == null ? void 0 : i.constructor) !== s && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), s === void 0 ? i = void 0 : (i = new s(o), i._$AT(o, e, n)), n !== void 0 ? (e._$Co ?? (e._$Co = []))[n] = i : e._$Cl = i), i !== void 0 && (t = Z(o, i._$AS(o, t.values), i, n)), t;
@@ -357,16 +357,16 @@ class ee {
357
357
  }
358
358
  u(t) {
359
359
  const { el: { content: e }, parts: n } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? j).importNode(e, !0);
360
- M.currentNode = i;
361
- let s = M.nextNode(), r = 0, h = 0, c = n[0];
360
+ T.currentNode = i;
361
+ let s = T.nextNode(), r = 0, h = 0, c = n[0];
362
362
  for (; c !== void 0; ) {
363
363
  if (r === c.index) {
364
364
  let v;
365
365
  c.type === 2 ? v = new it(s, s.nextSibling, this, t) : c.type === 1 ? v = new c.ctor(s, c.name, c.strings, this, t) : c.type === 6 && (v = new re(s, this, t)), this._$AV.push(v), c = n[++h];
366
366
  }
367
- r !== (c == null ? void 0 : c.index) && (s = M.nextNode(), r++);
367
+ r !== (c == null ? void 0 : c.index) && (s = T.nextNode(), r++);
368
368
  }
369
- return M.currentNode = j, i;
369
+ return T.currentNode = j, i;
370
370
  }
371
371
  p(t) {
372
372
  let e = 0;
@@ -393,7 +393,7 @@ class it {
393
393
  return this._$AB;
394
394
  }
395
395
  _$AI(t, e = this) {
396
- t = Z(this, t, e), Q(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== U && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Yt(t) ? this.k(t) : this._(t);
396
+ t = Z(this, t, e), Q(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== N && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Yt(t) ? this.k(t) : this._(t);
397
397
  }
398
398
  O(t) {
399
399
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -449,11 +449,11 @@ class lt {
449
449
  _$AI(t, e = this, n, i) {
450
450
  const s = this.strings;
451
451
  let r = !1;
452
- if (s === void 0) t = Z(this, t, e, 0), r = !Q(t) || t !== this._$AH && t !== U, r && (this._$AH = t);
452
+ if (s === void 0) t = Z(this, t, e, 0), r = !Q(t) || t !== this._$AH && t !== N, r && (this._$AH = t);
453
453
  else {
454
454
  const h = t;
455
455
  let c, v;
456
- for (t = s[0], c = 0; c < s.length - 1; c++) v = Z(this, h[n + c], e, c), v === U && (v = this._$AH[c]), r || (r = !Q(v) || v !== this._$AH[c]), v === d ? t = d : t !== d && (t += (v ?? "") + s[c + 1]), this._$AH[c] = v;
456
+ for (t = s[0], c = 0; c < s.length - 1; c++) v = Z(this, h[n + c], e, c), v === N && (v = this._$AH[c]), r || (r = !Q(v) || v !== this._$AH[c]), v === d ? t = d : t !== d && (t += (v ?? "") + s[c + 1]), this._$AH[c] = v;
457
457
  }
458
458
  r && !i && this.j(t);
459
459
  }
@@ -482,7 +482,7 @@ class ne extends lt {
482
482
  super(t, e, n, i, s), this.type = 5;
483
483
  }
484
484
  _$AI(t, e = this) {
485
- if ((t = Z(this, t, e, 0) ?? d) === U) return;
485
+ if ((t = Z(this, t, e, 0) ?? d) === N) return;
486
486
  const n = this._$AH, i = t === d && n !== d || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, s = t !== d && (n === d || i);
487
487
  i && this.element.removeEventListener(this.name, this, n), s && this.element.addEventListener(this.name, this, t), this._$AH = t;
488
488
  }
@@ -518,7 +518,7 @@ const se = (o, t, e) => {
518
518
  * Copyright 2017 Google LLC
519
519
  * SPDX-License-Identifier: BSD-3-Clause
520
520
  */
521
- const T = globalThis;
521
+ const U = globalThis;
522
522
  let f = class extends V {
523
523
  constructor() {
524
524
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -541,14 +541,14 @@ let f = class extends V {
541
541
  super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
542
542
  }
543
543
  render() {
544
- return U;
544
+ return N;
545
545
  }
546
546
  };
547
547
  var Ht;
548
- f._$litElement$ = !0, f.finalized = !0, (Ht = T.litElementHydrateSupport) == null || Ht.call(T, { LitElement: f });
549
- const vt = T.litElementPolyfillSupport;
548
+ f._$litElement$ = !0, f.finalized = !0, (Ht = U.litElementHydrateSupport) == null || Ht.call(U, { LitElement: f });
549
+ const vt = U.litElementPolyfillSupport;
550
550
  vt == null || vt({ LitElement: f });
551
- (T.litElementVersions ?? (T.litElementVersions = [])).push("4.2.0");
551
+ (U.litElementVersions ?? (U.litElementVersions = [])).push("4.2.0");
552
552
  /**
553
553
  * @license
554
554
  * Copyright 2017 Google LLC
@@ -596,7 +596,7 @@ function a(o) {
596
596
  * Copyright 2017 Google LLC
597
597
  * SPDX-License-Identifier: BSD-3-Clause
598
598
  */
599
- function N(o) {
599
+ function F(o) {
600
600
  return a({ ...o, state: !0, attribute: !1 });
601
601
  }
602
602
  const ce = w`
@@ -614,12 +614,12 @@ w`
614
614
  * Copyright 2023 Google LLC
615
615
  * SPDX-License-Identifier: Apache-2.0
616
616
  */
617
- const _t = Symbol("internals"), gt = Symbol("privateInternals");
617
+ const _t = Symbol("internals"), bt = Symbol("privateInternals");
618
618
  function he(o) {
619
619
  var t;
620
620
  class e extends o {
621
621
  get [(t = _t, t)]() {
622
- return this[gt] || (this[gt] = this.attachInternals()), this[gt];
622
+ return this[bt] || (this[bt] = this.attachInternals()), this[bt];
623
623
  }
624
624
  }
625
625
  return e;
@@ -665,10 +665,10 @@ const pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
665
665
  `, ve = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
666
666
  <path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
667
667
  </svg>
668
- `, ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
668
+ `, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
669
669
  <path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
670
670
  </svg>
671
- `, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
671
+ `, ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
672
672
  <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
673
673
  </svg>
674
674
  `, fe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -734,10 +734,10 @@ const pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
734
734
  wishlist: pe,
735
735
  playerv: ue,
736
736
  chevronRight: ve,
737
- chevronLeft: ge,
737
+ chevronLeft: be,
738
738
  icoPlus: _e,
739
739
  icoMinus: Ce,
740
- "star-0": be,
740
+ "star-0": ge,
741
741
  "star-25": fe,
742
742
  "star-50": ye,
743
743
  "star-75": me,
@@ -779,13 +779,13 @@ class ze {
779
779
  * Copyright 2017 Google LLC
780
780
  * SPDX-License-Identifier: BSD-3-Clause
781
781
  */
782
- class bt extends ze {
782
+ class gt extends ze {
783
783
  constructor(t) {
784
784
  if (super(t), this.it = d, t.type !== Oe.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
785
785
  }
786
786
  render(t) {
787
787
  if (t === d || t == null) return this._t = void 0, this.it = t;
788
- if (t === U) return t;
788
+ if (t === N) return t;
789
789
  if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
790
790
  if (t === this.it) return this._t;
791
791
  this.it = t;
@@ -793,16 +793,16 @@ class bt extends ze {
793
793
  return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
794
794
  }
795
795
  }
796
- bt.directiveName = "unsafeHTML", bt.resultType = 1;
796
+ gt.directiveName = "unsafeHTML", gt.resultType = 1;
797
797
  /**
798
798
  * @license
799
799
  * Copyright 2017 Google LLC
800
800
  * SPDX-License-Identifier: BSD-3-Clause
801
801
  */
802
- class ft extends bt {
802
+ class ft extends gt {
803
803
  }
804
804
  ft.directiveName = "unsafeSVG", ft.resultType = 2;
805
- const z = Be(ft);
805
+ const D = Be(ft);
806
806
  var De = Object.defineProperty, He = Object.getOwnPropertyDescriptor, m = (o, t, e, n) => {
807
807
  for (var i = n > 1 ? void 0 : n ? He(t, e) : t, s = o.length - 1, r; s >= 0; s--)
808
808
  (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
@@ -838,7 +838,7 @@ let u = class extends Me {
838
838
  "<svg",
839
839
  '<svg aria-hidden="true" focusable="false" part="svg"'
840
840
  );
841
- return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${z(e)}</span>`;
841
+ return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${D(e)}</span>`;
842
842
  }
843
843
  renderButton() {
844
844
  const o = this.text || this.textsecond;
@@ -1077,8 +1077,8 @@ m([
1077
1077
  u = m([
1078
1078
  _("o-button")
1079
1079
  ], u);
1080
- var Te = Object.defineProperty, je = Object.getOwnPropertyDescriptor, ct = (o, t, e, n) => {
1081
- for (var i = n > 1 ? void 0 : n ? je(t, e) : t, s = o.length - 1, r; s >= 0; s--)
1080
+ var Te = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, ct = (o, t, e, n) => {
1081
+ for (var i = n > 1 ? void 0 : n ? Ue(t, e) : t, s = o.length - 1, r; s >= 0; s--)
1082
1082
  (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
1083
1083
  return n && i && Te(t, e, i), i;
1084
1084
  };
@@ -1109,7 +1109,7 @@ let q = class extends f {
1109
1109
  return l`
1110
1110
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
1111
1111
  <span class="sr-only">${this.label}</span>
1112
- ${z(o)}
1112
+ ${D(o)}
1113
1113
  </button>
1114
1114
  `;
1115
1115
  }
@@ -1200,10 +1200,16 @@ ct([
1200
1200
  q = ct([
1201
1201
  _("o-wishlist-button")
1202
1202
  ], q);
1203
- var Ue = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, k = (o, t, e, n) => {
1203
+ /**
1204
+ * @license
1205
+ * Copyright 2018 Google LLC
1206
+ * SPDX-License-Identifier: BSD-3-Clause
1207
+ */
1208
+ const O = (o) => o ?? d;
1209
+ var je = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, A = (o, t, e, n) => {
1204
1210
  for (var i = n > 1 ? void 0 : n ? Ne(t, e) : t, s = o.length - 1, r; s >= 0; s--)
1205
1211
  (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
1206
- return n && i && Ue(t, e, i), i;
1212
+ return n && i && je(t, e, i), i;
1207
1213
  };
1208
1214
  let x = class extends f {
1209
1215
  constructor() {
@@ -1216,20 +1222,20 @@ let x = class extends f {
1216
1222
  const o = K[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
1217
1223
  "<svg",
1218
1224
  '<svg aria-hidden="true" focusable="false" part="svg"'
1219
- ), n = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null;
1225
+ ), n = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
1220
1226
  return l`
1221
1227
  ${this.type === "span" ? l`
1222
1228
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
1223
- ${z(e)}
1229
+ ${D(e)}
1224
1230
  </span>
1225
1231
  ` : l`
1226
1232
  <button
1227
1233
  type="button"
1228
- aria-label="icon"
1234
+ aria-label=${O(i)}
1229
1235
  class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
1230
1236
  ?disabled="${this.disabled}"
1231
1237
  >
1232
- ${z(e)}
1238
+ ${D(e)}
1233
1239
  ${n}
1234
1240
  </button>
1235
1241
  `}
@@ -1439,48 +1445,42 @@ x.styles = w`
1439
1445
  display: none;
1440
1446
  }
1441
1447
  `;
1442
- k([
1448
+ A([
1443
1449
  a({ type: String, reflect: !0 })
1444
1450
  ], x.prototype, "bgstyle", 2);
1445
- k([
1451
+ A([
1446
1452
  a({ type: String, reflect: !0 })
1447
1453
  ], x.prototype, "size", 2);
1448
- k([
1454
+ A([
1449
1455
  a({ type: String, reflect: !0 })
1450
1456
  ], x.prototype, "status", 2);
1451
- k([
1457
+ A([
1452
1458
  a({ type: String, reflect: !0 })
1453
1459
  ], x.prototype, "type", 2);
1454
- k([
1460
+ A([
1455
1461
  a({ type: String })
1456
1462
  ], x.prototype, "strokewidth", 2);
1457
- k([
1463
+ A([
1458
1464
  a({ type: String })
1459
1465
  ], x.prototype, "icon", 2);
1460
- k([
1466
+ A([
1461
1467
  a({ type: Boolean, reflect: !0 })
1462
1468
  ], x.prototype, "disabled", 2);
1463
- k([
1469
+ A([
1464
1470
  a({ type: Boolean })
1465
1471
  ], x.prototype, "showSrLabel", 2);
1466
- k([
1472
+ A([
1467
1473
  a({ type: String })
1468
1474
  ], x.prototype, "srLabel", 2);
1469
- x = k([
1475
+ x = A([
1470
1476
  _("o-icon-button")
1471
1477
  ], x);
1472
- /**
1473
- * @license
1474
- * Copyright 2018 Google LLC
1475
- * SPDX-License-Identifier: BSD-3-Clause
1476
- */
1477
- const H = (o) => o ?? d;
1478
- var Fe = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, F = (o, t, e, n) => {
1478
+ var Fe = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, R = (o, t, e, n) => {
1479
1479
  for (var i = n > 1 ? void 0 : n ? Re(t, e) : t, s = o.length - 1, r; s >= 0; s--)
1480
1480
  (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
1481
1481
  return n && i && Fe(t, e, i), i;
1482
1482
  };
1483
- let E = class extends f {
1483
+ let L = class extends f {
1484
1484
  constructor() {
1485
1485
  super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
1486
1486
  }
@@ -1492,7 +1492,7 @@ let E = class extends f {
1492
1492
  return l`
1493
1493
  <a
1494
1494
  href="${o}"
1495
- target="${H(this.target || void 0)}"
1495
+ target="${O(this.target || void 0)}"
1496
1496
  @click="${this._handleClick}"
1497
1497
  >
1498
1498
  ${this.endIcon && this.reverseEndIcon ? l`
@@ -1518,7 +1518,7 @@ let E = class extends f {
1518
1518
  `;
1519
1519
  }
1520
1520
  };
1521
- E.styles = w`
1521
+ L.styles = w`
1522
1522
  :host([template="standard"]) a {
1523
1523
  color: var(--color-content-action-secondary);
1524
1524
  font-size: var(--font-size-200);
@@ -1606,27 +1606,27 @@ E.styles = w`
1606
1606
  }
1607
1607
  /* End of underline effect */
1608
1608
  `;
1609
- F([
1609
+ R([
1610
1610
  a({ type: String })
1611
- ], E.prototype, "href", 2);
1612
- F([
1611
+ ], L.prototype, "href", 2);
1612
+ R([
1613
1613
  a({ type: String })
1614
- ], E.prototype, "target", 2);
1615
- F([
1614
+ ], L.prototype, "target", 2);
1615
+ R([
1616
1616
  a({ type: String, reflect: !0 })
1617
- ], E.prototype, "template", 2);
1618
- F([
1617
+ ], L.prototype, "template", 2);
1618
+ R([
1619
1619
  a({ type: Boolean, reflect: !0 })
1620
- ], E.prototype, "inverse", 2);
1621
- F([
1620
+ ], L.prototype, "inverse", 2);
1621
+ R([
1622
1622
  a({ type: Boolean, reflect: !0 })
1623
- ], E.prototype, "endIcon", 2);
1624
- F([
1623
+ ], L.prototype, "endIcon", 2);
1624
+ R([
1625
1625
  a({ type: Boolean, reflect: !0 })
1626
- ], E.prototype, "reverseEndIcon", 2);
1627
- E = F([
1626
+ ], L.prototype, "reverseEndIcon", 2);
1627
+ L = R([
1628
1628
  _("o-link")
1629
- ], E);
1629
+ ], L);
1630
1630
  var Ve = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, ht = (o, t, e, n) => {
1631
1631
  for (var i = n > 1 ? void 0 : n ? Ze(t, e) : t, s = o.length - 1, r; s >= 0; s--)
1632
1632
  (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
@@ -1651,7 +1651,7 @@ let W = class extends f {
1651
1651
  <div class="rating">
1652
1652
  <div class="stars">
1653
1653
  ${o.map(
1654
- (t) => l`<span class="star">${z(K[t] ?? "")}</span>`
1654
+ (t) => l`<span class="star">${D(K[t] ?? "")}</span>`
1655
1655
  )}
1656
1656
  </div>
1657
1657
  ${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
@@ -1710,7 +1710,7 @@ var qe = Object.defineProperty, We = Object.getOwnPropertyDescriptor, y = (o, t,
1710
1710
  (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
1711
1711
  return n && i && qe(t, e, i), i;
1712
1712
  };
1713
- let g = class extends f {
1713
+ let b = class extends f {
1714
1714
  constructor() {
1715
1715
  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 = (o) => {
1716
1716
  this.open && (o.key === "Escape" ? this.closePanel() : o.key === "Tab" && this.trapFocus(o));
@@ -1809,7 +1809,7 @@ let g = class extends f {
1809
1809
  `;
1810
1810
  }
1811
1811
  };
1812
- g.styles = w`
1812
+ b.styles = w`
1813
1813
  :host {
1814
1814
  --z-overlay: 99;
1815
1815
  --z-panel: 100;
@@ -1952,60 +1952,60 @@ g.styles = w`
1952
1952
  `;
1953
1953
  y([
1954
1954
  a({ type: Boolean, reflect: !0 })
1955
- ], g.prototype, "open", 2);
1955
+ ], b.prototype, "open", 2);
1956
1956
  y([
1957
1957
  a({ type: Boolean, reflect: !0 })
1958
- ], g.prototype, "showHeader", 2);
1958
+ ], b.prototype, "showHeader", 2);
1959
1959
  y([
1960
1960
  a({ type: Boolean, reflect: !0 })
1961
- ], g.prototype, "showFooter", 2);
1961
+ ], b.prototype, "showFooter", 2);
1962
1962
  y([
1963
1963
  a({ type: Boolean, reflect: !0 })
1964
- ], g.prototype, "showHeaderStartIcon", 2);
1964
+ ], b.prototype, "showHeaderStartIcon", 2);
1965
1965
  y([
1966
1966
  a({ type: String, reflect: !0 })
1967
- ], g.prototype, "headerTitle", 2);
1967
+ ], b.prototype, "headerTitle", 2);
1968
1968
  y([
1969
1969
  a({ type: String, reflect: !0 })
1970
- ], g.prototype, "closeButtonLabel", 2);
1970
+ ], b.prototype, "closeButtonLabel", 2);
1971
1971
  y([
1972
1972
  a({ type: String, reflect: !0 })
1973
- ], g.prototype, "firstButtonLabel", 2);
1973
+ ], b.prototype, "firstButtonLabel", 2);
1974
1974
  y([
1975
1975
  a({ type: String, reflect: !0 })
1976
- ], g.prototype, "firstButtonVariant", 2);
1976
+ ], b.prototype, "firstButtonVariant", 2);
1977
1977
  y([
1978
1978
  a({ type: Function })
1979
- ], g.prototype, "onFirstButtonClick", 2);
1979
+ ], b.prototype, "onFirstButtonClick", 2);
1980
1980
  y([
1981
1981
  a({ type: String, reflect: !0 })
1982
- ], g.prototype, "secondaryButtonLabel", 2);
1982
+ ], b.prototype, "secondaryButtonLabel", 2);
1983
1983
  y([
1984
1984
  a({ type: String, reflect: !0 })
1985
- ], g.prototype, "secondaryButtonVariant", 2);
1985
+ ], b.prototype, "secondaryButtonVariant", 2);
1986
1986
  y([
1987
1987
  a({ type: Function })
1988
- ], g.prototype, "onSecondaryButtonClick", 2);
1988
+ ], b.prototype, "onSecondaryButtonClick", 2);
1989
1989
  y([
1990
1990
  a({ type: Boolean, reflect: !0 })
1991
- ], g.prototype, "disablePortal", 2);
1991
+ ], b.prototype, "disablePortal", 2);
1992
1992
  y([
1993
1993
  a({ type: Number, reflect: !0 })
1994
- ], g.prototype, "zIndex", 2);
1994
+ ], b.prototype, "zIndex", 2);
1995
1995
  y([
1996
1996
  a({ type: Boolean, reflect: !0 })
1997
- ], g.prototype, "initialized", 2);
1998
- g = y([
1997
+ ], b.prototype, "initialized", 2);
1998
+ b = y([
1999
1999
  _("o-side-panel")
2000
- ], g);
2001
- var Ke = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, R = (o, t, e, n) => {
2000
+ ], b);
2001
+ var Ke = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
2002
2002
  for (var i = n > 1 ? void 0 : n ? Ge(t, e) : t, s = o.length - 1, r; s >= 0; s--)
2003
2003
  (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
2004
2004
  return n && i && Ke(t, e, i), i;
2005
2005
  };
2006
- let L = class extends f {
2006
+ let k = class extends f {
2007
2007
  constructor() {
2008
- super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.focusedIndex = 0, this.playerIconTemplate = l`
2008
+ super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.altressource = "visual", this.focusedIndex = 0, this.playerIconTemplate = l`
2009
2009
  <o-icon-button
2010
2010
  icon="playerv"
2011
2011
  size="xsmall"
@@ -2038,33 +2038,49 @@ let L = class extends f {
2038
2038
  selectThumbnail(o) {
2039
2039
  this.disabledIndexes.includes(o) || (this.activeIndex = o, this.swiperInstance && typeof this.swiperInstance.slideTo == "function" && this.swiperInstance.slideTo(o), this.dispatchEvent(new CustomEvent("thumbnail-select", { detail: { index: o } })));
2040
2040
  }
2041
+ onFocus(o) {
2042
+ const t = o.currentTarget, e = Number(t.dataset.index);
2043
+ this.focusedIndex = e, this.renderRoot.querySelectorAll(".thumb").forEach((i) => {
2044
+ i.classList.remove("a--tabfocus");
2045
+ }), t.classList.add("a--tabfocus"), this.requestUpdate();
2046
+ }
2047
+ onBlur(o) {
2048
+ setTimeout(() => {
2049
+ var e;
2050
+ const t = (e = this.shadowRoot) == null ? void 0 : e.activeElement;
2051
+ (!t || !t.classList.contains("thumb")) && this.renderRoot.querySelectorAll(".thumb").forEach((i) => i.classList.remove("a--tabfocus"));
2052
+ }, 0);
2053
+ }
2041
2054
  render() {
2042
2055
  return l`
2043
- <div class="scroll-container" style="max-width: ${this.maxWidth};">
2056
+ <ul class="scroll-container" style="max-width: ${this.maxWidth};">
2044
2057
  ${this.thumbnails.map((o, t) => {
2045
- const e = this.disabledIndexes.includes(t), n = this.activeIndex === t, i = o.type === "video";
2058
+ const e = this.disabledIndexes.includes(t), n = this.activeIndex === t, i = o.type === "video", s = i ? `video ${t}` : `${this.altressource} ${t + 1}`;
2046
2059
  return l`
2047
- <div class="thumb-wrapper">
2060
+ <li class="thumb-wrapper">
2048
2061
  <button
2049
2062
  class="thumb"
2050
2063
  data-index="${t}"
2051
2064
  ?disabled=${e}
2052
- aria-selected=${n}
2053
- tabindex="${this.focusedIndex === t ? 0 : -1}"
2065
+ aria-selected="${this.focusedIndex === t}"
2066
+ aria-current=${n ? "true" : "false"}
2067
+ tabindex="${this.disabledIndexes.includes(t) ? -1 : 0}"
2054
2068
  @click=${() => this.selectThumbnail(t)}
2055
2069
  @keydown=${this.handleKeyDown}
2070
+ @focus=${(r) => this.onFocus(r)}
2071
+ @blur=${(r) => this.onBlur(r)}
2056
2072
  >
2057
- <img src="${o.src}" />
2073
+ <img alt="${s}" src="${o.src}" />
2058
2074
  </button>
2059
2075
  ${i ? l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
2060
- </div>
2076
+ </li>
2061
2077
  `;
2062
2078
  })}
2063
- </div>
2079
+ </ul>
2064
2080
  `;
2065
2081
  }
2066
2082
  };
2067
- L.styles = w`
2083
+ k.styles = w`
2068
2084
  :host {
2069
2085
  display: flex;
2070
2086
  gap: 5px;
@@ -2099,7 +2115,7 @@ L.styles = w`
2099
2115
  }
2100
2116
  }
2101
2117
 
2102
- .thumb[aria-selected="true"] {
2118
+ .thumb[aria-selected="true"], .a--tabfocus {
2103
2119
  &::before {
2104
2120
  content: "";
2105
2121
  position: absolute;
@@ -2120,7 +2136,7 @@ L.styles = w`
2120
2136
  }
2121
2137
 
2122
2138
  .thumb:focus-visible {
2123
- outline: 2px solid var(--color-border-secondary);
2139
+ border: 1px solid var(--color-border-primary) !important;
2124
2140
  }
2125
2141
 
2126
2142
  .play-icon-wrapper {
@@ -2168,27 +2184,30 @@ L.styles = w`
2168
2184
  width: 0;
2169
2185
  }
2170
2186
  `;
2171
- R([
2187
+ H([
2172
2188
  a({ type: Array })
2173
- ], L.prototype, "thumbnails", 2);
2174
- R([
2189
+ ], k.prototype, "thumbnails", 2);
2190
+ H([
2175
2191
  a({ type: Number })
2176
- ], L.prototype, "activeIndex", 2);
2177
- R([
2192
+ ], k.prototype, "activeIndex", 2);
2193
+ H([
2178
2194
  a({ type: Array })
2179
- ], L.prototype, "disabledIndexes", 2);
2180
- R([
2195
+ ], k.prototype, "disabledIndexes", 2);
2196
+ H([
2181
2197
  a({ type: String })
2182
- ], L.prototype, "maxWidth", 2);
2183
- R([
2198
+ ], k.prototype, "maxWidth", 2);
2199
+ H([
2200
+ a({ type: String })
2201
+ ], k.prototype, "altressource", 2);
2202
+ H([
2184
2203
  a({ type: Object })
2185
- ], L.prototype, "swiperInstance", 2);
2186
- R([
2187
- N()
2188
- ], L.prototype, "focusedIndex", 2);
2189
- L = R([
2204
+ ], k.prototype, "swiperInstance", 2);
2205
+ H([
2206
+ F()
2207
+ ], k.prototype, "focusedIndex", 2);
2208
+ k = H([
2190
2209
  _("thumbnail-navigation")
2191
- ], L);
2210
+ ], k);
2192
2211
  var Xe = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Ct = (o, t, e, n) => {
2193
2212
  for (var i = n > 1 ? void 0 : n ? Je(t, e) : t, s = o.length - 1, r; s >= 0; s--)
2194
2213
  (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
@@ -2505,10 +2524,10 @@ let C = class extends f {
2505
2524
  ${e.url ? l`
2506
2525
  <a href="${e.url}">
2507
2526
  <span>${e.label}</span>
2508
- ${e.value === this.value ? l`<span class="check">${z(o)}</span>` : null}
2527
+ ${e.value === this.value ? l`<span class="check">${D(o)}</span>` : null}
2509
2528
  </a>` : l`
2510
2529
  <span>${e.label}</span>
2511
- ${e.value === this.value ? l`<span class="check">${z(o)}</span>` : null}`}
2530
+ ${e.value === this.value ? l`<span class="check">${D(o)}</span>` : null}`}
2512
2531
  </li>`
2513
2532
  )}
2514
2533
  </ul>` : null}
@@ -2673,13 +2692,13 @@ I([
2673
2692
  a({ type: String, reflect: !0 })
2674
2693
  ], C.prototype, "width", 2);
2675
2694
  I([
2676
- N()
2695
+ F()
2677
2696
  ], C.prototype, "open", 2);
2678
2697
  I([
2679
- N()
2698
+ F()
2680
2699
  ], C.prototype, "activeIndex", 2);
2681
2700
  I([
2682
- N()
2701
+ F()
2683
2702
  ], C.prototype, "menuWidth", 2);
2684
2703
  C = I([
2685
2704
  _("o-dropdown")
@@ -2749,7 +2768,7 @@ yt.styles = w`
2749
2768
  yt = io([
2750
2769
  _("o-dots")
2751
2770
  ], yt);
2752
- var no = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, A = (o, t, e, n) => {
2771
+ var no = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, S = (o, t, e, n) => {
2753
2772
  for (var i = n > 1 ? void 0 : n ? ro(t, e) : t, s = o.length - 1, r; s >= 0; s--)
2754
2773
  (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
2755
2774
  return n && i && no(t, e, i), i;
@@ -2838,7 +2857,7 @@ let $ = class extends f {
2838
2857
  ?disabled=${this.disabled}
2839
2858
  class="btn-dropdown"
2840
2859
  >
2841
- <img alt="${H(t == null ? void 0 : t.label)}" src="${H(t == null ? void 0 : t.imgurl)}" />
2860
+ <img alt="${O(t == null ? void 0 : t.label)}" src="${O(t == null ? void 0 : t.imgurl)}" />
2842
2861
  <span id="dropdown-label" class="label">
2843
2862
  ${t ? t.label : "Select an option"}
2844
2863
  </span>
@@ -2873,13 +2892,13 @@ let $ = class extends f {
2873
2892
  class="${n === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
2874
2893
  @click=${() => this.selectOption(e)}
2875
2894
  >
2876
- <a href="${H(e.url)}">
2877
- <img alt="${H(e.label)}" src="${H(e.imgurl)}" />
2895
+ <a href="${O(e.url)}">
2896
+ <img alt="${O(e.label)}" src="${O(e.imgurl)}" />
2878
2897
  <span class="label">${e.label}</span>
2879
2898
  <div class="right">
2880
- <span class="additional-text">${H(e.additionaltext)}</span>
2899
+ <span class="additional-text">${O(e.additionaltext)}</span>
2881
2900
  ${e.value === this.value && !e.additionaltext ? l`
2882
- <span class="check">${z(o)}</span>` : null}
2901
+ <span class="check">${D(o)}</span>` : null}
2883
2902
  </div>
2884
2903
  </a>
2885
2904
  </li>
@@ -3067,33 +3086,33 @@ $.styles = w`
3067
3086
  display: none;
3068
3087
  }
3069
3088
  `;
3070
- A([
3089
+ S([
3071
3090
  a({ type: Array, reflect: !0 })
3072
3091
  ], $.prototype, "options", 2);
3073
- A([
3092
+ S([
3074
3093
  a({ type: String, reflect: !0 })
3075
3094
  ], $.prototype, "value", 2);
3076
- A([
3095
+ S([
3077
3096
  a({ type: String, reflect: !0 })
3078
3097
  ], $.prototype, "name", 2);
3079
- A([
3098
+ S([
3080
3099
  a({ type: String, reflect: !0 })
3081
3100
  ], $.prototype, "additionaltext", 2);
3082
- A([
3101
+ S([
3083
3102
  a({ type: Boolean, reflect: !0 })
3084
3103
  ], $.prototype, "disabled", 2);
3085
- A([
3104
+ S([
3086
3105
  a({ type: String, reflect: !0 })
3087
3106
  ], $.prototype, "width", 2);
3088
- A([
3089
- N()
3107
+ S([
3108
+ F()
3090
3109
  ], $.prototype, "open", 2);
3091
- A([
3092
- N()
3110
+ S([
3111
+ F()
3093
3112
  ], $.prototype, "activeIndex", 2);
3094
- A([
3095
- N()
3113
+ S([
3114
+ F()
3096
3115
  ], $.prototype, "menuWidth", 2);
3097
- $ = A([
3116
+ $ = S([
3098
3117
  _("o-dropdown-variant")
3099
3118
  ], $);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.7.5",
3
+ "version": "0.7.7",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",