@florid-kit/components 0.10.41 → 0.10.42

package/components/minitile.d.ts

@@ -10,6 +10,7 @@ export declare class MiniTile extends LitElement {
     altImage: string;
     fullwidth: boolean;
     tagText: string;
+    outOfStock: boolean;
     onClickTile?: () => void;
     onClickIcon?: () => void;
     private onClick;

package/index.js

@@ -6,13 +6,13 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const{is:ze,defineProperty:Oe,getOwnPropertyDescriptor:Ie,getOwnPropertyNames:De,getOwnPropertySymbols:He,getPrototypeOf:Te}=Object,Q=globalThis,de=Q.trustedTypes,Me=de?de.emptyScript:"",Tt=Q.reactiveElementPolyfillSupport,gt=(o,t)=>o,Pt={toAttribute(o,t){switch(t){case Boolean:o=o?Me: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}},Wt=(o,t)=>!ze(o,t),pe={attribute:!0,type:String,converter:Pt,reflect:!1,useDefault:!1,hasChanged:Wt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Q.litPropertyMetadata??(Q.litPropertyMetadata=new WeakMap);let ht=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=pe){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&&Oe(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=Ie(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??pe}static _$Ei(){if(this.hasOwnProperty(gt("elementProperties")))return;const t=Te(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(gt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(gt("properties"))){const e=this.properties,n=[...De(e),...He(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(he(i))}else t!==void 0&&e.push(he(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 Be(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 r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:Pt).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=n.getPropertyOptions(i),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:Pt;this._$Em=i,this[i]=h.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??Wt)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||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[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,h=this[r];c!==!0||this._$AL.has(r)||h===void 0||this.C(r,void 0,s,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(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){}};ht.elementStyles=[],ht.shadowRootOptions={mode:"open"},ht[gt("elementProperties")]=new Map,ht[gt("finalized")]=new Map,Tt==null||Tt({ReactiveElement:ht}),(Q.reactiveElementVersions??(Q.reactiveElementVersions=[])).push("2.1.0");/**
+ */const{is:Oe,defineProperty:ze,getOwnPropertyDescriptor:Ie,getOwnPropertyNames:De,getOwnPropertySymbols:He,getPrototypeOf:Te}=Object,Q=globalThis,de=Q.trustedTypes,Me=de?de.emptyScript:"",Tt=Q.reactiveElementPolyfillSupport,gt=(o,t)=>o,Pt={toAttribute(o,t){switch(t){case Boolean:o=o?Me: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}},Wt=(o,t)=>!Oe(o,t),pe={attribute:!0,type:String,converter:Pt,reflect:!1,useDefault:!1,hasChanged:Wt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Q.litPropertyMetadata??(Q.litPropertyMetadata=new WeakMap);let ht=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=pe){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&&ze(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=Ie(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??pe}static _$Ei(){if(this.hasOwnProperty(gt("elementProperties")))return;const t=Te(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(gt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(gt("properties"))){const e=this.properties,n=[...De(e),...He(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(he(i))}else t!==void 0&&e.push(he(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 Be(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 r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:Pt).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=n.getPropertyOptions(i),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:Pt;this._$Em=i,this[i]=h.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??Wt)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||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[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,h=this[r];c!==!0||this._$AL.has(r)||h===void 0||this.C(r,void 0,s,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(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){}};ht.elementStyles=[],ht.shadowRootOptions={mode:"open"},ht[gt("elementProperties")]=new Map,ht[gt("finalized")]=new Map,Tt==null||Tt({ReactiveElement:ht}),(Q.reactiveElementVersions??(Q.reactiveElementVersions=[])).push("2.1.0");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */const bt=globalThis,Bt=bt.trustedTypes,ue=Bt?Bt.createPolicy("lit-html",{createHTML:o=>o}):void 0,$e="$lit$",J=`lit$${Math.random().toFixed(9).slice(2)}$`,ke="?"+J,je=`<${ke}>`,st=document,mt=()=>st.createComment(""),xt=o=>o===null||typeof o!="object"&&typeof o!="function",Gt=Array.isArray,Fe=o=>Gt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Mt=`[ 	
 \f\r]`,vt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,fe=/-->/g,ve=/>/g,it=RegExp(`>|${Mt}(?:([^\\s"'>=/]+)(${Mt}*=${Mt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),ge=/'/g,be=/"/g,_e=/^(?:script|style|textarea|title)$/i,Re=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Re(1),tt=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ye=new WeakMap,nt=st.createTreeWalker(st,129);function Ce(o,t){if(!Gt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ue!==void 0?ue.createHTML(t):t}const Ue=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=vt;for(let c=0;c<e;c++){const h=o[c];let v,w,g=-1,V=0;for(;V<h.length&&(s.lastIndex=V,w=s.exec(h),w!==null);)V=s.lastIndex,s===vt?w[1]==="!--"?s=fe:w[1]!==void 0?s=ve:w[2]!==void 0?(_e.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=it):w[3]!==void 0&&(s=it):s===it?w[0]===">"?(s=i??vt,g=-1):w[1]===void 0?g=-2:(g=s.lastIndex-w[2].length,v=w[1],s=w[3]===void 0?it:w[3]==='"'?be:ge):s===be||s===ge?s=it:s===fe||s===ve?s=vt:(s=it,i=void 0);const Y=s===it&&o[c+1].startsWith("/>")?" ":"";r+=s===vt?h+je:g>=0?(n.push(v),h.slice(0,g)+$e+h.slice(g)+J+Y):h+J+(g===-2?c:Y)}return[Ce(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class wt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const c=t.length-1,h=this.parts,[v,w]=Ue(t,e);if(this.el=wt.createElement(v,n),nt.currentNode=this.el.content,e===2||e===3){const g=this.el.content.firstChild;g.replaceWith(...g.childNodes)}for(;(i=nt.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const g of i.getAttributeNames())if(g.endsWith($e)){const V=w[s++],Y=i.getAttribute(g).split(J),At=/([.?@])?(.*)/.exec(V);h.push({type:1,index:r,name:At[2],strings:Y,ctor:At[1]==="."?qe:At[1]==="?"?Ve:At[1]==="@"?Ze:Ot}),i.removeAttribute(g)}else g.startsWith(J)&&(h.push({type:6,index:r}),i.removeAttribute(g));if(_e.test(i.tagName)){const g=i.textContent.split(J),V=g.length-1;if(V>0){i.textContent=Bt?Bt.emptyScript:"";for(let Y=0;Y<V;Y++)i.append(g[Y],mt()),nt.nextNode(),h.push({type:2,index:++r});i.append(g[V],mt())}}}else if(i.nodeType===8)if(i.data===ke)h.push({type:2,index:r});else{let g=-1;for(;(g=i.data.indexOf(J,g+1))!==-1;)h.push({type:7,index:r}),g+=J.length-1}r++}}static createElement(t,e){const n=st.createElement("template");return n.innerHTML=t,n}}function dt(o,t,e=o,n){var s,c;if(t===tt)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=xt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=dt(o,i._$AS(o,t.values),i,n)),t}class Ne{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)??st).importNode(e,!0);nt.currentNode=i;let r=nt.nextNode(),s=0,c=0,h=n[0];for(;h!==void 0;){if(s===h.index){let v;h.type===2?v=new Et(r,r.nextSibling,this,t):h.type===1?v=new h.ctor(r,h.name,h.strings,this,t):h.type===6&&(v=new Ke(r,this,t)),this._$AV.push(v),h=n[++c]}s!==(h==null?void 0:h.index)&&(r=nt.nextNode(),s++)}return nt.currentNode=st,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 Et{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=dt(this,t,e),xt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==tt&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Fe(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&&xt(this._$AH)?this._$AA.nextSibling.data=t:this.T(st.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=wt.createElement(Ce(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ne(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=ye.get(t.strings);return e===void 0&&ye.set(t.strings,e=new wt(t)),e}k(t){Gt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new Et(this.O(mt()),this.O(mt()),this,this.options)):n=e[i],n._$AI(r),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 Ot{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,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 r=this.strings;let s=!1;if(r===void 0)t=dt(this,t,e,0),s=!xt(t)||t!==this._$AH&&t!==tt,s&&(this._$AH=t);else{const c=t;let h,v;for(t=r[0],h=0;h<r.length-1;h++)v=dt(this,c[n+h],e,h),v===tt&&(v=this._$AH[h]),s||(s=!xt(v)||v!==this._$AH[h]),v===d?t=d:t!==d&&(t+=(v??"")+r[h+1]),this._$AH[h]=v}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class qe extends Ot{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ve extends Ot{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ze extends Ot{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=dt(this,t,e,0)??d)===tt)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Ke{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){dt(this,t)}}const jt=bt.litHtmlPolyfillSupport;jt==null||jt(wt,Et),(bt.litHtmlVersions??(bt.litHtmlVersions=[])).push("3.3.0");const We=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new Et(t.insertBefore(mt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
+\f\r"'\`<>=]|("|')|))|$)`,"g"),ge=/'/g,be=/"/g,_e=/^(?:script|style|textarea|title)$/i,Re=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Re(1),tt=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ye=new WeakMap,nt=st.createTreeWalker(st,129);function Ce(o,t){if(!Gt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ue!==void 0?ue.createHTML(t):t}const Ue=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=vt;for(let c=0;c<e;c++){const h=o[c];let v,w,g=-1,V=0;for(;V<h.length&&(s.lastIndex=V,w=s.exec(h),w!==null);)V=s.lastIndex,s===vt?w[1]==="!--"?s=fe:w[1]!==void 0?s=ve:w[2]!==void 0?(_e.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=it):w[3]!==void 0&&(s=it):s===it?w[0]===">"?(s=i??vt,g=-1):w[1]===void 0?g=-2:(g=s.lastIndex-w[2].length,v=w[1],s=w[3]===void 0?it:w[3]==='"'?be:ge):s===be||s===ge?s=it:s===fe||s===ve?s=vt:(s=it,i=void 0);const Y=s===it&&o[c+1].startsWith("/>")?" ":"";r+=s===vt?h+je:g>=0?(n.push(v),h.slice(0,g)+$e+h.slice(g)+J+Y):h+J+(g===-2?c:Y)}return[Ce(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class wt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const c=t.length-1,h=this.parts,[v,w]=Ue(t,e);if(this.el=wt.createElement(v,n),nt.currentNode=this.el.content,e===2||e===3){const g=this.el.content.firstChild;g.replaceWith(...g.childNodes)}for(;(i=nt.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const g of i.getAttributeNames())if(g.endsWith($e)){const V=w[s++],Y=i.getAttribute(g).split(J),At=/([.?@])?(.*)/.exec(V);h.push({type:1,index:r,name:At[2],strings:Y,ctor:At[1]==="."?qe:At[1]==="?"?Ve:At[1]==="@"?Ze:zt}),i.removeAttribute(g)}else g.startsWith(J)&&(h.push({type:6,index:r}),i.removeAttribute(g));if(_e.test(i.tagName)){const g=i.textContent.split(J),V=g.length-1;if(V>0){i.textContent=Bt?Bt.emptyScript:"";for(let Y=0;Y<V;Y++)i.append(g[Y],mt()),nt.nextNode(),h.push({type:2,index:++r});i.append(g[V],mt())}}}else if(i.nodeType===8)if(i.data===ke)h.push({type:2,index:r});else{let g=-1;for(;(g=i.data.indexOf(J,g+1))!==-1;)h.push({type:7,index:r}),g+=J.length-1}r++}}static createElement(t,e){const n=st.createElement("template");return n.innerHTML=t,n}}function dt(o,t,e=o,n){var s,c;if(t===tt)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=xt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=dt(o,i._$AS(o,t.values),i,n)),t}class Ne{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)??st).importNode(e,!0);nt.currentNode=i;let r=nt.nextNode(),s=0,c=0,h=n[0];for(;h!==void 0;){if(s===h.index){let v;h.type===2?v=new Et(r,r.nextSibling,this,t):h.type===1?v=new h.ctor(r,h.name,h.strings,this,t):h.type===6&&(v=new Ke(r,this,t)),this._$AV.push(v),h=n[++c]}s!==(h==null?void 0:h.index)&&(r=nt.nextNode(),s++)}return nt.currentNode=st,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 Et{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=dt(this,t,e),xt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==tt&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Fe(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&&xt(this._$AH)?this._$AA.nextSibling.data=t:this.T(st.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=wt.createElement(Ce(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ne(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=ye.get(t.strings);return e===void 0&&ye.set(t.strings,e=new wt(t)),e}k(t){Gt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new Et(this.O(mt()),this.O(mt()),this,this.options)):n=e[i],n._$AI(r),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 zt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,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 r=this.strings;let s=!1;if(r===void 0)t=dt(this,t,e,0),s=!xt(t)||t!==this._$AH&&t!==tt,s&&(this._$AH=t);else{const c=t;let h,v;for(t=r[0],h=0;h<r.length-1;h++)v=dt(this,c[n+h],e,h),v===tt&&(v=this._$AH[h]),s||(s=!xt(v)||v!==this._$AH[h]),v===d?t=d:t!==d&&(t+=(v??"")+r[h+1]),this._$AH[h]=v}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class qe extends zt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ve extends zt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ze extends zt{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=dt(this,t,e,0)??d)===tt)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Ke{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){dt(this,t)}}const jt=bt.litHtmlPolyfillSupport;jt==null||jt(wt,Et),(bt.litHtmlVersions??(bt.litHtmlVersions=[])).push("3.3.0");const We=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new Et(t.insertBefore(mt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -164,7 +164,7 @@
 `,Po=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.5 8L4.5 13L4.5 3L11.5 8Z" fill="#3F2B2E"/>
 </svg>
-`,Ee={wishlist:Qe,playerv:to,chevronRight:eo,chevronLeft:oo,icoPlus:ho,icoMinus:po,"star-0":io,"star-25":no,"star-50":ro,"star-75":so,"star-100":ao,cross:lo,search:co,arrowLeft:uo,arrowTop:fo,cart:vo,notifyme:go,triangledown:bo,triangleup:yo,checkstroke:mo,pause:xo,mapDualArrow:wo,swipeDualArrow:ko,backToBag:Eo,checkbox:Ao,sliderLeftArrow:Lo,sliderRightArrow:Po},Bo={xsmall:8,small:12,medium:16,large:24},zo=(o,{size:t,bgstyle:e})=>{const n=Bo[t],i=e==="none-light"||e==="none-contrast";return{svg:Ee[o]??"",pixelSize:n,shouldApplyLogicalSize:i}},et=Ee,Oo={strikeDiagonal:$o},Io={success:_o,error:Co,info:So};/**
+`,Ee={wishlist:Qe,playerv:to,chevronRight:eo,chevronLeft:oo,icoPlus:ho,icoMinus:po,"star-0":io,"star-25":no,"star-50":ro,"star-75":so,"star-100":ao,cross:lo,search:co,arrowLeft:uo,arrowTop:fo,cart:vo,notifyme:go,triangledown:bo,triangleup:yo,checkstroke:mo,pause:xo,mapDualArrow:wo,swipeDualArrow:ko,backToBag:Eo,checkbox:Ao,sliderLeftArrow:Lo,sliderRightArrow:Po},Bo={xsmall:8,small:12,medium:16,large:24},Oo=(o,{size:t,bgstyle:e})=>{const n=Bo[t],i=e==="none-light"||e==="none-contrast";return{svg:Ee[o]??"",pixelSize:n,shouldApplyLogicalSize:i}},et=Ee,zo={strikeDiagonal:$o},Io={success:_o,error:Co,info:So};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -176,7 +176,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Nt extends Ut{}Nt.directiveName="unsafeSVG",Nt.resultType=2;const S=te(Nt);/**
+ */class Nt extends Ut{}Nt.directiveName="unsafeSVG",Nt.resultType=2;const E=te(Nt);/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -184,14 +184,14 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const yt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),yt(i,t);return!0},zt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},Ae=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),Mo(t)}};function Ho(o){this._$AN!==void 0?(zt(this),this._$AM=o,Ae(this)):this._$AM=o}function To(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)yt(n[r],!1),zt(n[r]);else n!=null&&(yt(n,!1),zt(n));else yt(this,o)}const Mo=o=>{o.type==Qt.CHILD&&(o._$AP??(o._$AP=To),o._$AQ??(o._$AQ=Ho))};class jo extends ee{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),Ae(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(yt(this,t),zt(this))}setValue(t){if(Do(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class Fo extends jo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class Ro extends Fo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class Uo extends Ro{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const me=te(Uo);/**
+ */const yt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),yt(i,t);return!0},Ot=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},Ae=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),Mo(t)}};function Ho(o){this._$AN!==void 0?(Ot(this),this._$AM=o,Ae(this)):this._$AM=o}function To(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)yt(n[r],!1),Ot(n[r]);else n!=null&&(yt(n,!1),Ot(n));else yt(this,o)}const Mo=o=>{o.type==Qt.CHILD&&(o._$AP??(o._$AP=To),o._$AQ??(o._$AQ=Ho))};class jo extends ee{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),Ae(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(yt(this,t),Ot(this))}setValue(t){if(Do(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class Fo extends jo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class Ro extends Fo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class Uo extends Ro{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const me=te(Uo);/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const P=o=>o??d;var No=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&No(t,e,i),i};let B=class extends u{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){if(!this.icon)return d;const{svg:o,pixelSize:t,shouldApplyLogicalSize:e}=zo(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,i=e?` width="${t}" height="${t}"`:"",r=o.replace("<svg",`<svg aria-hidden="true" focusable="false" part="svg"${i}`).replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),s=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,c=this.showSrLabel?null:"icon";return l`
+ */const P=o=>o??d;var No=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&No(t,e,i),i};let B=class extends u{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){if(!this.icon)return d;const{svg:o,pixelSize:t,shouldApplyLogicalSize:e}=Oo(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,i=e?` width="${t}" height="${t}"`:"",r=o.replace("<svg",`<svg aria-hidden="true" focusable="false" part="svg"${i}`).replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),s=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,c=this.showSrLabel?null:"icon";return l`
 			${this.type==="span"?l`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}" ?disabled="${this.disabled}">	
-					${S(r)}
+					${E(r)}
 				</span>
 			`:l`
 				<button
@@ -201,7 +201,7 @@
 					class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}"
 					?disabled="${this.disabled}"
 				>
-					${S(r)}
+					${E(r)}
 					${s}
 				</button>
 			`}
@@ -709,7 +709,7 @@
 			overflow: auto;
 			box-sizing: border-box;
 		}
-	`;p.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';p.focusablesCustomElementsSelector="o-icon-button, o-button";p.shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],p.prototype,"open",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],p.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],p.prototype,"labelAriaDialogPanel",2);b([a({type:String,reflect:!0})],p.prototype,"addToBagProductCount",2);b([a({type:String,reflect:!0})],p.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],p.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],p.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],p.prototype,"initialized",2);b([a({type:Boolean})],p.prototype,"showDetail",2);b([a({type:Boolean})],p.prototype,"isHidingDetail",2);p=b([y("o-side-panel")],p);var Ko=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,_=(o,t,e,n)=>{for(var i=n>1?void 0:n?Wo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ko(t,e,i),i};const Go=Jt(u);let m=class extends Go{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1,this.withbadge=!1,this.hideRoleButton=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Yt].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof p&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(o.preventDefault(),t.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=et[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${S(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
+	`;p.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';p.focusablesCustomElementsSelector="o-icon-button, o-button";p.shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],p.prototype,"open",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],p.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],p.prototype,"labelAriaDialogPanel",2);b([a({type:String,reflect:!0})],p.prototype,"addToBagProductCount",2);b([a({type:String,reflect:!0})],p.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],p.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],p.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],p.prototype,"initialized",2);b([a({type:Boolean})],p.prototype,"showDetail",2);b([a({type:Boolean})],p.prototype,"isHidingDetail",2);p=b([y("o-side-panel")],p);var Ko=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,_=(o,t,e,n)=>{for(var i=n>1?void 0:n?Wo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ko(t,e,i),i};const Go=Jt(u);let m=class extends Go{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1,this.withbadge=!1,this.hideRoleButton=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Yt].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof p&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(o.preventDefault(),t.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=et[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${E(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
       <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
         aria-describedby=${this.getAttribute("aria-describedby")||d} >
           ${this.startIcon?this.renderIcon("start"):d}
@@ -947,7 +947,7 @@
   `;_([a()],m.prototype,"type",2);_([a()],m.prototype,"value",2);_([a({type:String,reflect:!0})],m.prototype,"variant",2);_([a({type:String})],m.prototype,"text",2);_([a({type:String})],m.prototype,"textsecond",2);_([a({type:Boolean,reflect:!0})],m.prototype,"fullwidth",2);_([a({type:Boolean,reflect:!0})],m.prototype,"disabled",2);_([a({type:String})],m.prototype,"startIconModel",2);_([a({type:String})],m.prototype,"endIconModel",2);_([a({type:Boolean,reflect:!0,attribute:"starticon"})],m.prototype,"startIcon",2);_([a({type:Boolean,reflect:!0,attribute:"endicon"})],m.prototype,"endIcon",2);_([a({type:String,attribute:"paneltarget"})],m.prototype,"panelTarget",2);_([a({type:String})],m.prototype,"href",2);_([a({type:String})],m.prototype,"target",2);_([a({type:Boolean,reflect:!0})],m.prototype,"underlined",2);_([a({type:Boolean,reflect:!0})],m.prototype,"withbadge",2);_([a({type:Boolean,reflect:!0})],m.prototype,"hideRoleButton",2);m=_([y("o-button")],m);var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,It=(o,t,e,n)=>{for(var i=n>1?void 0:n?Yo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Xo(t,e,i),i};let pt=class extends u{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("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=et.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
 			<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
 				<span class="sr-only">${this.label}</span>
-				${S(o)}
+				${E(o)}
 			</button>
 		`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};pt.styles=f`
 		:host {
@@ -1121,7 +1121,7 @@
     `;lt([a({type:String})],Z.prototype,"href",2);lt([a({type:String})],Z.prototype,"target",2);lt([a({type:String,reflect:!0})],Z.prototype,"template",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"inverse",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"endIcon",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"reverseEndIcon",2);Z=lt([y("o-link")],Z);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?ei(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ti(t,e,i),i};let ut=class extends u{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`
 			<div class="rating">
 			<div class="stars">
-				${o.map(t=>l`<span class="star">${S(et[t]??"")}</span>`)}
+				${o.map(t=>l`<span class="star">${E(et[t]??"")}</span>`)}
 			</div>
 			${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
 			</div>
@@ -1446,7 +1446,7 @@
     border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
   }
       
-  `;ie([a({type:String,reflect:!0})],kt.prototype,"type",2);ie([a({type:String,reflect:!0})],kt.prototype,"text",2);kt=ie([y("o-tooltip")],kt);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,G=(o,t,e,n)=>{for(var i=n>1?void 0:n?ci(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&li(t,e,i),i};let T=class extends u{constructor(){super(...arguments),this.options=[],this.value="",this.name="",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(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=et.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
+  `;ie([a({type:String,reflect:!0})],kt.prototype,"type",2);ie([a({type:String,reflect:!0})],kt.prototype,"text",2);kt=ie([y("o-tooltip")],kt);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,G=(o,t,e,n)=>{for(var i=n>1?void 0:n?ci(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&li(t,e,i),i};let M=class extends u{constructor(){super(...arguments),this.options=[],this.value="",this.name="",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(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=et.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
       <button
         role="combobox"
         aria-haspopup="listbox"
@@ -1486,15 +1486,15 @@
                   ${e.url?l`
                   <a href="${e.url}">
                     <span>${e.label}</span>
-                    ${e.value===this.value?l`<span class="check">${S(o)}</span>`:null}
+                    ${e.value===this.value?l`<span class="check">${E(o)}</span>`:null}
                   </a>`:l`
                     <span>${e.label}</span>
-                    ${e.value===this.value?l`<span class="check">${S(o)}</span>`:null}`}
+                    ${e.value===this.value?l`<span class="check">${E(o)}</span>`:null}`}
                 </li>`)}
           </ul>`:null}
 
       <input type="hidden" name="${this.name}" .value="${this.value}" />
-    `}};T.styles=f`
+    `}};M.styles=f`
     :host {
       display: inline-block;
       position: relative;
@@ -1632,7 +1632,7 @@
     input[type="hidden"] {
       display: none;
     }
-  `;G([a({type:Array,reflect:!0})],T.prototype,"options",2);G([a({type:String,reflect:!0})],T.prototype,"value",2);G([a({type:String,reflect:!0})],T.prototype,"name",2);G([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2);G([a({type:String,reflect:!0})],T.prototype,"width",2);G([W()],T.prototype,"open",2);G([W()],T.prototype,"activeIndex",2);G([W()],T.prototype,"menuWidth",2);T=G([y("o-dropdown")],T);var hi=Object.getOwnPropertyDescriptor,di=(o,t,e,n)=>{for(var i=n>1?void 0:n?hi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let qt=class extends u{render(){return l` <span class="dots"></span> `}};qt.styles=f`
+  `;G([a({type:Array,reflect:!0})],M.prototype,"options",2);G([a({type:String,reflect:!0})],M.prototype,"value",2);G([a({type:String,reflect:!0})],M.prototype,"name",2);G([a({type:Boolean,reflect:!0})],M.prototype,"disabled",2);G([a({type:String,reflect:!0})],M.prototype,"width",2);G([W()],M.prototype,"open",2);G([W()],M.prototype,"activeIndex",2);G([W()],M.prototype,"menuWidth",2);M=G([y("o-dropdown")],M);var hi=Object.getOwnPropertyDescriptor,di=(o,t,e,n)=>{for(var i=n>1?void 0:n?hi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let qt=class extends u{render(){return l` <span class="dots"></span> `}};qt.styles=f`
   :host {
     display: flex;
     align-items: center;
@@ -1674,7 +1674,7 @@
   :host([aria-current="true"]:active) .dots {
     background-color: var(--color-container-action-primary-pressed);
   }
-`;qt=di([y("o-dots")],qt);var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?ui(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&pi(t,e,i),i};let z=class extends u{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=et.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
+`;qt=di([y("o-dots")],qt);var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?ui(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&pi(t,e,i),i};let O=class extends u{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=et.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
 			<button
 				role="combobox"
 				aria-haspopup="listbox"
@@ -1728,7 +1728,7 @@
 										<div class="right">
 											<span class="additional-text">${P(e.additionaltext)}</span>
 											${e.value===this.value&&!e.additionaltext?l`
-												<span class="check">${S(o)}</span>`:null}
+												<span class="check">${E(o)}</span>`:null}
 										</div>
 									</a>
 								</li>
@@ -1736,7 +1736,7 @@
 					</ul>`:null}
 
 			<input type="hidden" name="${this.name}" .value="${this.value}" />
-		`}};z.styles=f`
+		`}};O.styles=f`
 	:host {
 		display: inline-block;
 		position: relative;
@@ -1912,7 +1912,7 @@
 	input[type="hidden"] {
 		display: none;
 	}
-	`;U([a({type:Array,reflect:!0})],z.prototype,"options",2);U([a({type:String,reflect:!0})],z.prototype,"value",2);U([a({type:String,reflect:!0})],z.prototype,"name",2);U([a({type:String,reflect:!0})],z.prototype,"additionaltext",2);U([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);U([a({type:String,reflect:!0})],z.prototype,"width",2);U([W()],z.prototype,"open",2);U([W()],z.prototype,"activeIndex",2);U([W()],z.prototype,"menuWidth",2);z=U([y("o-dropdown-variant")],z);/**
+	`;U([a({type:Array,reflect:!0})],O.prototype,"options",2);U([a({type:String,reflect:!0})],O.prototype,"value",2);U([a({type:String,reflect:!0})],O.prototype,"name",2);U([a({type:String,reflect:!0})],O.prototype,"additionaltext",2);U([a({type:Boolean,reflect:!0})],O.prototype,"disabled",2);U([a({type:String,reflect:!0})],O.prototype,"width",2);U([W()],O.prototype,"open",2);U([W()],O.prototype,"activeIndex",2);U([W()],O.prototype,"menuWidth",2);O=U([y("o-dropdown-variant")],O);/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -2003,7 +2003,7 @@
       -webkit-box-orient: vertical;
       overflow: hidden;
     }
-  `;ne([a({type:Object,reflect:!0})],_t.prototype,"option",2);ne([a({type:Number,reflect:!0})],_t.prototype,"imageSize",2);_t=ne([y("o-reassurance")],_t);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?mi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&yi(t,e,i),i};const xi=Jt(u);let O=class extends xi{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}render(){const o=this.text;return this.link?l`
+  `;ne([a({type:Object,reflect:!0})],_t.prototype,"option",2);ne([a({type:Number,reflect:!0})],_t.prototype,"imageSize",2);_t=ne([y("o-reassurance")],_t);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?mi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&yi(t,e,i),i};const xi=Jt(u);let z=class extends xi{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}render(){const o=this.text;return this.link?l`
       <a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":d}"
         aria-current="${this.selected?"true":d}">
         ${o?this.text:l`<slot></slot>`}
@@ -2013,7 +2013,7 @@
         aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
         ${o?this.text:l`<slot></slot>`}
       </button>
-    `}};O.styles=f`
+    `}};z.styles=f`
     :host {
       cursor: pointer;
       display: inline-flex;
@@ -2106,7 +2106,7 @@
       display: inline-flex;
       align-items: center;
     }
-  `;X([a({type:String,reflect:!0})],O.prototype,"link",2);X([a({reflect:!0})],O.prototype,"name",2);X([a({reflect:!0})],O.prototype,"value",2);X([a({type:String})],O.prototype,"text",2);X([a({type:String,reflect:!0})],O.prototype,"size",2);X([a({type:Boolean,reflect:!0})],O.prototype,"selected",2);X([a({type:Boolean,reflect:!0})],O.prototype,"fullwidth",2);X([a({type:Boolean,reflect:!0})],O.prototype,"inactive",2);O=X([y("o-chip")],O);var wi=Object.defineProperty,$i=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?$i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&wi(t,e,i),i};let Ct=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof O?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
+  `;X([a({type:String,reflect:!0})],z.prototype,"link",2);X([a({reflect:!0})],z.prototype,"name",2);X([a({reflect:!0})],z.prototype,"value",2);X([a({type:String})],z.prototype,"text",2);X([a({type:String,reflect:!0})],z.prototype,"size",2);X([a({type:Boolean,reflect:!0})],z.prototype,"selected",2);X([a({type:Boolean,reflect:!0})],z.prototype,"fullwidth",2);X([a({type:Boolean,reflect:!0})],z.prototype,"inactive",2);z=X([y("o-chip")],z);var wi=Object.defineProperty,$i=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?$i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&wi(t,e,i),i};let Ct=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof z?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
       <slot></slot>
     `}};Ct.styles=f`
     :host {
@@ -2115,7 +2115,7 @@
       flex-wrap: wrap;
       gap: var(--spacing-s);
     }
-  `;re([a({reflect:!0})],Ct.prototype,"name",2);re([a({reflect:!0})],Ct.prototype,"value",2);Ct=re([y("o-chipset")],Ct);var ki=Object.defineProperty,_i=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?_i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ki(t,e,i),i};const Ci=Jt(u);let I=class extends Ci{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=et[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${S(o)}</span>`}strikeThroughImg(){const o=Oo[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return S(o)}render(){const o=this.text;return l`${this.type==="link"?l`
+  `;re([a({reflect:!0})],Ct.prototype,"name",2);re([a({reflect:!0})],Ct.prototype,"value",2);Ct=re([y("o-chipset")],Ct);var ki=Object.defineProperty,_i=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?_i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ki(t,e,i),i};const Ci=Jt(u);let I=class extends Ci{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=et[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${E(o)}</span>`}strikeThroughImg(){const o=zo[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return E(o)}render(){const o=this.text;return l`${this.type==="link"?l`
       <a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
         aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
         ${o?l`
@@ -2257,7 +2257,7 @@
       stroke-width: 4px;
       stroke-linecap: round;
     }
-  `;N([a({reflect:!0})],I.prototype,"name",2);N([a({reflect:!0})],I.prototype,"value",2);N([a({type:String,reflect:!0})],I.prototype,"type",2);N([a({type:String,reflect:!0})],I.prototype,"href",2);N([a({type:String,reflect:!0,attribute:"data-href"})],I.prototype,"dataHref",2);N([a({type:String})],I.prototype,"text",2);N([a({type:Boolean,reflect:!0})],I.prototype,"selected",2);N([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);N([a({type:Boolean,reflect:!0})],I.prototype,"fullwidth",2);I=N([y("o-filter-chip")],I);var Si=Object.defineProperty,M=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&Si(t,e,i),i};const ae=class ae extends u{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1,this.tagText=""}onClick(t){var n,i;const e=t.target;(n=e==null?void 0:e.classList)!=null&&n.contains("add-to-bag")||((i=this.onClickTile)==null||i.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var t;(t=this.onClickIcon)==null||t.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.type==="chevron"?l`
+  `;N([a({reflect:!0})],I.prototype,"name",2);N([a({reflect:!0})],I.prototype,"value",2);N([a({type:String,reflect:!0})],I.prototype,"type",2);N([a({type:String,reflect:!0})],I.prototype,"href",2);N([a({type:String,reflect:!0,attribute:"data-href"})],I.prototype,"dataHref",2);N([a({type:String})],I.prototype,"text",2);N([a({type:Boolean,reflect:!0})],I.prototype,"selected",2);N([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);N([a({type:Boolean,reflect:!0})],I.prototype,"fullwidth",2);I=N([y("o-filter-chip")],I);var Si=Object.defineProperty,H=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&Si(t,e,i),i};const ae=class ae extends u{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1,this.tagText="",this.outOfStock=!1}onClick(t){var n,i,r;const e=t.target;(n=e==null?void 0:e.classList)!=null&&n.contains("add-to-bag")||(i=e==null?void 0:e.classList)!=null&&i.contains("js-availability-notify-details-cart")||((r=this.onClickTile)==null||r.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var t;(t=this.onClickIcon)==null||t.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.type==="chevron"?l`
         <o-icon-button
           @click=${this.onClickIcons}
           icon="chevronRight"
@@ -2273,13 +2273,13 @@
       `:l`
       <o-icon-button
         @click=${this.onClickIcons}
-        icon="cart"
+        icon=${this.outOfStock?"notifyme":"cart"}
         size="small"
         bgstyle="background-contrast"
         type="span"
         status="empty"
         strokewidth="0"
-        class="add-to-bag"
+        class=${this.outOfStock?"js-availability-notify-details-cart":"add-to-bag"}
       ></o-icon-button>
     `}render(){return l`
       <button
@@ -2289,7 +2289,9 @@
       >
         ${this.imageUrl?l`<img src="${this.imageUrl}" alt="${this.altImage||""}" />`:""}
         <div class="info">
-          ${this.tagText?l`<o-tag bgstyle="background-emphasis">${this.tagText}</o-tag>`:""}
+          ${this.outOfStock?l`<o-tag type="nostock" role="status" aria-live="polite"
+              >${this.tagText}</o-tag
+            >`:this.tagText?l`<o-tag bgstyle="background-emphasis">${this.tagText}</o-tag>`:""}
           ${this.titleProduct?l`<div class="title">${this.titleProduct}</div>`:""}
           <div class="details">
             ${this.volume?l`<span class="volume-info">${this.volume}</span>`:""}
@@ -2411,7 +2413,7 @@
     .fullpointer {
       cursor: pointer;
     }
-  `;let E=ae;M([a({type:String})],E.prototype,"type");M([a({type:String})],E.prototype,"titleProduct");M([a({type:String})],E.prototype,"volume");M([a({type:String})],E.prototype,"perLiter");M([a({type:String})],E.prototype,"mainPrice");M([a({type:String})],E.prototype,"imageUrl");M([a({type:String})],E.prototype,"altImage");M([a({type:Boolean})],E.prototype,"fullwidth");M([a({type:String})],E.prototype,"tagText");M([a({attribute:!1})],E.prototype,"onClickTile");M([a({attribute:!1})],E.prototype,"onClickIcon");customElements.define("mini-tile",E);var Ei=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,Ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ai(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ei(t,e,i),i};let ft=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=0,this.srlabel=""}render(){return l`
+  `;let S=ae;H([a({type:String})],S.prototype,"type");H([a({type:String})],S.prototype,"titleProduct");H([a({type:String})],S.prototype,"volume");H([a({type:String})],S.prototype,"perLiter");H([a({type:String})],S.prototype,"mainPrice");H([a({type:String})],S.prototype,"imageUrl");H([a({type:String})],S.prototype,"altImage");H([a({type:Boolean})],S.prototype,"fullwidth");H([a({type:String})],S.prototype,"tagText");H([a({type:Boolean})],S.prototype,"outOfStock");H([a({attribute:!1})],S.prototype,"onClickTile");H([a({attribute:!1})],S.prototype,"onClickIcon");customElements.define("mini-tile",S);var Ei=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,Ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ai(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ei(t,e,i),i};let ft=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=0,this.srlabel=""}render(){return l`
       <span class="badge">
         ${this.text?l`${this.text} <span class="sr-only">${this.srlabel}</span>`:l`<slot></slot>`}
       </span>
@@ -2452,10 +2454,10 @@
     .sr-only {
       ${Xt}
     }
-  `;Ht([a({type:String,reflect:!0})],ft.prototype,"variant",2);Ht([a({type:Number})],ft.prototype,"text",2);Ht([a({type:String})],ft.prototype,"srlabel",2);ft=Ht([y("o-badge")],ft);var Li=Object.defineProperty,Pi=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?Pi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Li(t,e,i),i};let A=class extends u{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3,this.multiline=!1}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var n,i;var o=this;const t=(n=this.renderRoot)==null?void 0:n.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const r=window.getComputedStyle(e),s=parseInt(r.getPropertyValue("line-height").replace("px","")),c=parseInt(r.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(c)&&c>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=Io[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return l`
+  `;Ht([a({type:String,reflect:!0})],ft.prototype,"variant",2);Ht([a({type:Number})],ft.prototype,"text",2);Ht([a({type:String})],ft.prototype,"srlabel",2);ft=Ht([y("o-badge")],ft);var Li=Object.defineProperty,Pi=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?Pi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Li(t,e,i),i};let A=class extends u{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3,this.multiline=!1}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var n,i;var o=this;const t=(n=this.renderRoot)==null?void 0:n.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const r=window.getComputedStyle(e),s=parseInt(r.getPropertyValue("line-height").replace("px","")),c=parseInt(r.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(c)&&c>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=Io[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return l`
             <div class="o-toast">
                 <div class="o-toast-icon">
-                    ${S(t)}
+                    ${E(t)}
                 </div>
                 <div class="o-toast-text">
                     ${this.text}
@@ -2545,7 +2547,7 @@
         .o-toast-icon {
             height: 16px;
         }
-    `;H([a({type:String,reflect:!0})],A.prototype,"icon",2);H([a({type:String,reflect:!0})],A.prototype,"text",2);H([a({type:String,reflect:!0})],A.prototype,"verticalanchor",2);H([a({type:String,reflect:!0})],A.prototype,"horizontalanchor",2);H([a({type:Number,reflect:!0})],A.prototype,"verticaloffset",2);H([a({type:Number,reflect:!0})],A.prototype,"horizontaloffset",2);H([a({type:Number,reflect:!0})],A.prototype,"animationduration",2);H([a({type:String,reflect:!0})],A.prototype,"animationaxis",2);H([a({type:Boolean,reflect:!0})],A.prototype,"animated",2);H([a({type:Number,reflect:!0})],A.prototype,"lifeduration",2);H([a({type:Boolean,reflect:!0})],A.prototype,"multiline",2);A=H([y("o-toast")],A);var Bi=Object.defineProperty,zi=Object.getOwnPropertyDescriptor,j=(o,t,e,n)=>{for(var i=n>1?void 0:n?zi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Bi(t,e,i),i};let Oi=0,L=class extends u{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Checkbox",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-checkbox-${++Oi}`)}toggle(){this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked,this.inputEl.indeterminate=this.indeterminate)}updated(o){this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.toggle())}render(){const o=S(et.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=S(et.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
+    `;T([a({type:String,reflect:!0})],A.prototype,"icon",2);T([a({type:String,reflect:!0})],A.prototype,"text",2);T([a({type:String,reflect:!0})],A.prototype,"verticalanchor",2);T([a({type:String,reflect:!0})],A.prototype,"horizontalanchor",2);T([a({type:Number,reflect:!0})],A.prototype,"verticaloffset",2);T([a({type:Number,reflect:!0})],A.prototype,"horizontaloffset",2);T([a({type:Number,reflect:!0})],A.prototype,"animationduration",2);T([a({type:String,reflect:!0})],A.prototype,"animationaxis",2);T([a({type:Boolean,reflect:!0})],A.prototype,"animated",2);T([a({type:Number,reflect:!0})],A.prototype,"lifeduration",2);T([a({type:Boolean,reflect:!0})],A.prototype,"multiline",2);A=T([y("o-toast")],A);var Bi=Object.defineProperty,Oi=Object.getOwnPropertyDescriptor,j=(o,t,e,n)=>{for(var i=n>1?void 0:n?Oi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Bi(t,e,i),i};let zi=0,L=class extends u{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Checkbox",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-checkbox-${++zi}`)}toggle(){this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked,this.inputEl.indeterminate=this.indeterminate)}updated(o){this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.toggle())}render(){const o=E(et.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=E(et.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
       <input
         type="checkbox"
         id=${this.inputId}
@@ -3046,7 +3048,7 @@
           <header part="header" class="${e}">
             ${this.showBackButton?this._renderBackButton():null}
             <div class="brand">
-              <span slot="logo${this.contrast?"-contrast":""}">${S(Ni)}</span>
+              <span slot="logo${this.contrast?"-contrast":""}">${E(Ni)}</span>
             </div>
             <div part="close${this.contrast?"-contrast":""}">${this._renderCloseButton()}</div>
           </header>

package/index.mjs

@@ -45,7 +45,7 @@ const Pe = (o) => new we(typeof o == "string" ? o : o + "", void 0, Kt), f = (o,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: ze, defineProperty: Oe, getOwnPropertyDescriptor: Ie, getOwnPropertyNames: De, getOwnPropertySymbols: He, getPrototypeOf: Te } = Object, Q = globalThis, de = Q.trustedTypes, Me = de ? de.emptyScript : "", Tt = Q.reactiveElementPolyfillSupport, gt = (o, t) => o, Pt = { toAttribute(o, t) {
+const { is: Oe, defineProperty: ze, getOwnPropertyDescriptor: Ie, getOwnPropertyNames: De, getOwnPropertySymbols: He, getPrototypeOf: Te } = Object, Q = globalThis, de = Q.trustedTypes, Me = de ? de.emptyScript : "", Tt = Q.reactiveElementPolyfillSupport, gt = (o, t) => o, Pt = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
       o = o ? Me : null;
@@ -73,7 +73,7 @@ const { is: ze, defineProperty: Oe, getOwnPropertyDescriptor: Ie, getOwnProperty
       }
   }
   return e;
-} }, Wt = (o, t) => !ze(o, t), pe = { attribute: !0, type: String, converter: Pt, reflect: !1, useDefault: !1, hasChanged: Wt };
+} }, Wt = (o, t) => !Oe(o, t), pe = { attribute: !0, type: String, converter: Pt, reflect: !1, useDefault: !1, hasChanged: Wt };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Q.litPropertyMetadata ?? (Q.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let ht = class extends HTMLElement {
   static addInitializer(t) {
@@ -85,7 +85,7 @@ let ht = class extends HTMLElement {
   static createProperty(t, e = pe) {
     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 && Oe(this.prototype, t, i);
+      i !== void 0 && ze(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, n) {
@@ -315,7 +315,7 @@ class wt {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const g of i.getAttributeNames()) if (g.endsWith($e)) {
           const V = w[s++], Y = i.getAttribute(g).split(J), At = /([.?@])?(.*)/.exec(V);
-          h.push({ type: 1, index: r, name: At[2], strings: Y, ctor: At[1] === "." ? qe : At[1] === "?" ? Ve : At[1] === "@" ? Ze : Ot }), i.removeAttribute(g);
+          h.push({ type: 1, index: r, name: At[2], strings: Y, ctor: At[1] === "." ? qe : At[1] === "?" ? Ve : At[1] === "@" ? Ze : zt }), i.removeAttribute(g);
         } else g.startsWith(J) && (h.push({ type: 6, index: r }), i.removeAttribute(g));
         if (_e.test(i.tagName)) {
           const g = i.textContent.split(J), V = g.length - 1;
@@ -436,7 +436,7 @@ class Et {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class Ot {
+class zt {
   get tagName() {
     return this.element.tagName;
   }
@@ -461,7 +461,7 @@ class Ot {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class qe extends Ot {
+class qe extends zt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -469,7 +469,7 @@ class qe extends Ot {
     this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class Ve extends Ot {
+class Ve extends zt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -477,7 +477,7 @@ class Ve extends Ot {
     this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
-class Ze extends Ot {
+class Ze extends zt {
   constructor(t, e, n, i, r) {
     super(t, e, n, i, r), this.type = 5;
   }
@@ -824,14 +824,14 @@ const Qe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   small: 12,
   medium: 16,
   large: 24
-}, zo = (o, { size: t, bgstyle: e }) => {
+}, Oo = (o, { size: t, bgstyle: e }) => {
   const n = Bo[t], i = e === "none-light" || e === "none-contrast";
   return {
     svg: Ee[o] ?? "",
     pixelSize: n,
     shouldApplyLogicalSize: i
   };
-}, et = Ee, Oo = {
+}, et = Ee, zo = {
   strikeDiagonal: $o
 }, Io = {
   success: _o,
@@ -888,7 +888,7 @@ Ut.directiveName = "unsafeHTML", Ut.resultType = 1;
 class Nt extends Ut {
 }
 Nt.directiveName = "unsafeSVG", Nt.resultType = 2;
-const S = te(Nt);
+const E = te(Nt);
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -906,7 +906,7 @@ const yt = (o, t) => {
   if (e === void 0) return !1;
   for (const i of e) (n = i._$AO) == null || n.call(i, t, !1), yt(i, t);
   return !0;
-}, zt = (o) => {
+}, Ot = (o) => {
   let t, e;
   do {
     if ((t = o._$AM) === void 0) break;
@@ -921,12 +921,12 @@ const yt = (o, t) => {
   }
 };
 function Ho(o) {
-  this._$AN !== void 0 ? (zt(this), this._$AM = o, Ae(this)) : this._$AM = o;
+  this._$AN !== void 0 ? (Ot(this), this._$AM = o, Ae(this)) : this._$AM = o;
 }
 function To(o, t = !1, e = 0) {
   const n = this._$AH, i = this._$AN;
-  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) yt(n[r], !1), zt(n[r]);
-  else n != null && (yt(n, !1), zt(n));
+  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) yt(n[r], !1), Ot(n[r]);
+  else n != null && (yt(n, !1), Ot(n));
   else yt(this, o);
 }
 const Mo = (o) => {
@@ -941,7 +941,7 @@ class jo extends ee {
   }
   _$AO(t, e = !0) {
     var n, i;
-    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (yt(this, t), zt(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (yt(this, t), Ot(this));
   }
   setValue(t) {
     if (Do(this._$Ct)) this._$Ct._$AI(t, this);
@@ -1097,14 +1097,14 @@ let B = class extends u {
   render() {
     if (!this.icon)
       return d;
-    const { svg: o, pixelSize: t, shouldApplyLogicalSize: e } = zo(this.icon, {
+    const { svg: o, pixelSize: t, shouldApplyLogicalSize: e } = Oo(this.icon, {
       size: this.size,
       bgstyle: this.bgstyle
     }), n = `icon-${this.icon}`, i = e ? ` width="${t}" height="${t}"` : "", r = o.replace("<svg", `<svg aria-hidden="true" focusable="false" part="svg"${i}`).replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"'), s = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, c = this.showSrLabel ? null : "icon";
     return l`
 			${this.type === "span" ? l`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}" ?disabled="${this.disabled}">	
-					${S(r)}
+					${E(r)}
 				</span>
 			` : l`
 				<button
@@ -1114,7 +1114,7 @@ let B = class extends u {
 					class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}"
 					?disabled="${this.disabled}"
 				>
-					${S(r)}
+					${E(r)}
 					${s}
 				</button>
 			`}
@@ -1982,7 +1982,7 @@ let m = class extends Go {
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
-    return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${S(e)}</span>`;
+    return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${E(e)}</span>`;
   }
   renderButton() {
     const o = this.text || this.textsecond;
@@ -2317,7 +2317,7 @@ let pt = class extends u {
     return l`
 			<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
 				<span class="sr-only">${this.label}</span>
-				${S(o)}
+				${E(o)}
 			</button>
 		`;
   }
@@ -2576,7 +2576,7 @@ let ut = class extends u {
 			<div class="rating">
 			<div class="stars">
 				${o.map(
-      (t) => l`<span class="star">${S(et[t] ?? "")}</span>`
+      (t) => l`<span class="star">${E(et[t] ?? "")}</span>`
     )}
 			</div>
 			${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
@@ -3061,7 +3061,7 @@ var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, G = (o, t,
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
   return n && i && li(t, e, i), i;
 };
-let T = class extends u {
+let M = class extends u {
   constructor() {
     super(...arguments), this.options = [], this.value = "", this.name = "", 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);
@@ -3172,10 +3172,10 @@ let T = class extends u {
                   ${e.url ? l`
                   <a href="${e.url}">
                     <span>${e.label}</span>
-                    ${e.value === this.value ? l`<span class="check">${S(o)}</span>` : null}
+                    ${e.value === this.value ? l`<span class="check">${E(o)}</span>` : null}
                   </a>` : l`
                     <span>${e.label}</span>
-                    ${e.value === this.value ? l`<span class="check">${S(o)}</span>` : null}`}
+                    ${e.value === this.value ? l`<span class="check">${E(o)}</span>` : null}`}
                 </li>`
     )}
           </ul>` : null}
@@ -3184,7 +3184,7 @@ let T = class extends u {
     `;
   }
 };
-T.styles = f`
+M.styles = f`
     :host {
       display: inline-block;
       position: relative;
@@ -3325,31 +3325,31 @@ T.styles = f`
   `;
 G([
   a({ type: Array, reflect: !0 })
-], T.prototype, "options", 2);
+], M.prototype, "options", 2);
 G([
   a({ type: String, reflect: !0 })
-], T.prototype, "value", 2);
+], M.prototype, "value", 2);
 G([
   a({ type: String, reflect: !0 })
-], T.prototype, "name", 2);
+], M.prototype, "name", 2);
 G([
   a({ type: Boolean, reflect: !0 })
-], T.prototype, "disabled", 2);
+], M.prototype, "disabled", 2);
 G([
   a({ type: String, reflect: !0 })
-], T.prototype, "width", 2);
+], M.prototype, "width", 2);
 G([
   W()
-], T.prototype, "open", 2);
+], M.prototype, "open", 2);
 G([
   W()
-], T.prototype, "activeIndex", 2);
+], M.prototype, "activeIndex", 2);
 G([
   W()
-], T.prototype, "menuWidth", 2);
-T = G([
+], M.prototype, "menuWidth", 2);
+M = G([
   y("o-dropdown")
-], T);
+], M);
 var hi = Object.getOwnPropertyDescriptor, di = (o, t, e, n) => {
   for (var i = n > 1 ? void 0 : n ? hi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = s(i) || i);
@@ -3411,7 +3411,7 @@ var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, U = (o, t,
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
   return n && i && pi(t, e, i), i;
 };
-let z = class extends u {
+let O = class extends u {
   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);
@@ -3536,7 +3536,7 @@ let z = class extends u {
 										<div class="right">
 											<span class="additional-text">${P(e.additionaltext)}</span>
 											${e.value === this.value && !e.additionaltext ? l`
-												<span class="check">${S(o)}</span>` : null}
+												<span class="check">${E(o)}</span>` : null}
 										</div>
 									</a>
 								</li>
@@ -3548,7 +3548,7 @@ let z = class extends u {
 		`;
   }
 };
-z.styles = f`
+O.styles = f`
 	:host {
 		display: inline-block;
 		position: relative;
@@ -3727,34 +3727,34 @@ z.styles = f`
 	`;
 U([
   a({ type: Array, reflect: !0 })
-], z.prototype, "options", 2);
+], O.prototype, "options", 2);
 U([
   a({ type: String, reflect: !0 })
-], z.prototype, "value", 2);
+], O.prototype, "value", 2);
 U([
   a({ type: String, reflect: !0 })
-], z.prototype, "name", 2);
+], O.prototype, "name", 2);
 U([
   a({ type: String, reflect: !0 })
-], z.prototype, "additionaltext", 2);
+], O.prototype, "additionaltext", 2);
 U([
   a({ type: Boolean, reflect: !0 })
-], z.prototype, "disabled", 2);
+], O.prototype, "disabled", 2);
 U([
   a({ type: String, reflect: !0 })
-], z.prototype, "width", 2);
+], O.prototype, "width", 2);
 U([
   W()
-], z.prototype, "open", 2);
+], O.prototype, "open", 2);
 U([
   W()
-], z.prototype, "activeIndex", 2);
+], O.prototype, "activeIndex", 2);
 U([
   W()
-], z.prototype, "menuWidth", 2);
-z = U([
+], O.prototype, "menuWidth", 2);
+O = U([
   y("o-dropdown-variant")
-], z);
+], O);
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -3909,7 +3909,7 @@ var yi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, X = (o, t,
   return n && i && yi(t, e, i), i;
 };
 const xi = Jt(u);
-let O = class extends xi {
+let z = class extends xi {
   constructor() {
     super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
   }
@@ -3933,7 +3933,7 @@ let O = class extends xi {
     `;
   }
 };
-O.styles = f`
+z.styles = f`
     :host {
       cursor: pointer;
       display: inline-flex;
@@ -4029,31 +4029,31 @@ O.styles = f`
   `;
 X([
   a({ type: String, reflect: !0 })
-], O.prototype, "link", 2);
+], z.prototype, "link", 2);
 X([
   a({ reflect: !0 })
-], O.prototype, "name", 2);
+], z.prototype, "name", 2);
 X([
   a({ reflect: !0 })
-], O.prototype, "value", 2);
+], z.prototype, "value", 2);
 X([
   a({ type: String })
-], O.prototype, "text", 2);
+], z.prototype, "text", 2);
 X([
   a({ type: String, reflect: !0 })
-], O.prototype, "size", 2);
+], z.prototype, "size", 2);
 X([
   a({ type: Boolean, reflect: !0 })
-], O.prototype, "selected", 2);
+], z.prototype, "selected", 2);
 X([
   a({ type: Boolean, reflect: !0 })
-], O.prototype, "fullwidth", 2);
+], z.prototype, "fullwidth", 2);
 X([
   a({ type: Boolean, reflect: !0 })
-], O.prototype, "inactive", 2);
-O = X([
+], z.prototype, "inactive", 2);
+z = X([
   y("o-chip")
-], O);
+], z);
 var wi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, re = (o, t, e, n) => {
   for (var i = n > 1 ? void 0 : n ? $i(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
@@ -4064,7 +4064,7 @@ let Ct = class extends u {
     super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
   }
   onChipSelected(o) {
-    const t = o.target instanceof O ? o.target : null;
+    const t = o.target instanceof z ? o.target : null;
     t != null && t.link || (this.name = (t == null ? void 0 : t.name) || "", this.value = (t == null ? void 0 : t.value) || "", this.querySelectorAll("o-chip").forEach((e) => {
       e !== t && (e.selected = !1);
     }));
@@ -4114,14 +4114,14 @@ let I = class extends Ci {
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
-    return l`<span class="cross-icon">${S(o)}</span>`;
+    return l`<span class="cross-icon">${E(o)}</span>`;
   }
   strikeThroughImg() {
-    const o = Oo[this.strikethroughImgName].replace(
+    const o = zo[this.strikethroughImgName].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="strikethrough"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
-    return S(o);
+    return E(o);
   }
   render() {
     const o = this.text;
@@ -4301,19 +4301,19 @@ N([
 I = N([
   y("o-filter-chip")
 ], I);
-var Si = Object.defineProperty, M = (o, t, e, n) => {
+var Si = Object.defineProperty, H = (o, t, e, n) => {
   for (var i = void 0, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = s(t, e, i) || i);
   return i && Si(t, e, i), i;
 };
 const ae = class ae extends u {
   constructor() {
-    super(...arguments), this.type = "cart | chevron", this.titleProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.imageUrl = "https://placehold.co/56x70", this.altImage = "", this.fullwidth = !1, this.tagText = "";
+    super(...arguments), this.type = "cart | chevron", this.titleProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.imageUrl = "https://placehold.co/56x70", this.altImage = "", this.fullwidth = !1, this.tagText = "", this.outOfStock = !1;
   }
   onClick(t) {
-    var n, i;
+    var n, i, r;
     const e = t.target;
-    (n = e == null ? void 0 : e.classList) != null && n.contains("add-to-bag") || ((i = this.onClickTile) == null || i.call(this), this.dispatchEvent(
+    (n = e == null ? void 0 : e.classList) != null && n.contains("add-to-bag") || (i = e == null ? void 0 : e.classList) != null && i.contains("js-availability-notify-details-cart") || ((r = this.onClickTile) == null || r.call(this), this.dispatchEvent(
       new CustomEvent("tile-click", { bubbles: !0, composed: !0 })
     ));
   }
@@ -4340,13 +4340,13 @@ const ae = class ae extends u {
       ` : l`
       <o-icon-button
         @click=${this.onClickIcons}
-        icon="cart"
+        icon=${this.outOfStock ? "notifyme" : "cart"}
         size="small"
         bgstyle="background-contrast"
         type="span"
         status="empty"
         strokewidth="0"
-        class="add-to-bag"
+        class=${this.outOfStock ? "js-availability-notify-details-cart" : "add-to-bag"}
       ></o-icon-button>
     `;
   }
@@ -4359,7 +4359,9 @@ const ae = class ae extends u {
       >
         ${this.imageUrl ? l`<img src="${this.imageUrl}" alt="${this.altImage || ""}" />` : ""}
         <div class="info">
-          ${this.tagText ? l`<o-tag bgstyle="background-emphasis">${this.tagText}</o-tag>` : ""}
+          ${this.outOfStock ? l`<o-tag type="nostock" role="status" aria-live="polite"
+              >${this.tagText}</o-tag
+            >` : this.tagText ? l`<o-tag bgstyle="background-emphasis">${this.tagText}</o-tag>` : ""}
           ${this.titleProduct ? l`<div class="title">${this.titleProduct}</div>` : ""}
           <div class="details">
             ${this.volume ? l`<span class="volume-info">${this.volume}</span>` : ""}
@@ -4485,41 +4487,44 @@ ae.styles = f`
       cursor: pointer;
     }
   `;
-let E = ae;
-M([
+let S = ae;
+H([
   a({ type: String })
-], E.prototype, "type");
-M([
+], S.prototype, "type");
+H([
   a({ type: String })
-], E.prototype, "titleProduct");
-M([
+], S.prototype, "titleProduct");
+H([
   a({ type: String })
-], E.prototype, "volume");
-M([
+], S.prototype, "volume");
+H([
   a({ type: String })
-], E.prototype, "perLiter");
-M([
+], S.prototype, "perLiter");
+H([
   a({ type: String })
-], E.prototype, "mainPrice");
-M([
+], S.prototype, "mainPrice");
+H([
   a({ type: String })
-], E.prototype, "imageUrl");
-M([
+], S.prototype, "imageUrl");
+H([
   a({ type: String })
-], E.prototype, "altImage");
-M([
+], S.prototype, "altImage");
+H([
   a({ type: Boolean })
-], E.prototype, "fullwidth");
-M([
+], S.prototype, "fullwidth");
+H([
   a({ type: String })
-], E.prototype, "tagText");
-M([
+], S.prototype, "tagText");
+H([
+  a({ type: Boolean })
+], S.prototype, "outOfStock");
+H([
   a({ attribute: !1 })
-], E.prototype, "onClickTile");
-M([
+], S.prototype, "onClickTile");
+H([
   a({ attribute: !1 })
-], E.prototype, "onClickIcon");
-customElements.define("mini-tile", E);
+], S.prototype, "onClickIcon");
+customElements.define("mini-tile", S);
 var Ei = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Ht = (o, t, e, n) => {
   for (var i = n > 1 ? void 0 : n ? Ai(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
@@ -4587,7 +4592,7 @@ Ht([
 ft = Ht([
   y("o-badge")
 ], ft);
-var Li = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
+var Li = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, T = (o, t, e, n) => {
   for (var i = n > 1 ? void 0 : n ? Pi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
   return n && i && Li(t, e, i), i;
@@ -4640,7 +4645,7 @@ let A = class extends u {
     return l`
             <div class="o-toast">
                 <div class="o-toast-icon">
-                    ${S(t)}
+                    ${E(t)}
                 </div>
                 <div class="o-toast-text">
                     ${this.text}
@@ -4734,50 +4739,50 @@ A.styles = f`
             height: 16px;
         }
     `;
-H([
+T([
   a({ type: String, reflect: !0 })
 ], A.prototype, "icon", 2);
-H([
+T([
   a({ type: String, reflect: !0 })
 ], A.prototype, "text", 2);
-H([
+T([
   a({ type: String, reflect: !0 })
 ], A.prototype, "verticalanchor", 2);
-H([
+T([
   a({ type: String, reflect: !0 })
 ], A.prototype, "horizontalanchor", 2);
-H([
+T([
   a({ type: Number, reflect: !0 })
 ], A.prototype, "verticaloffset", 2);
-H([
+T([
   a({ type: Number, reflect: !0 })
 ], A.prototype, "horizontaloffset", 2);
-H([
+T([
   a({ type: Number, reflect: !0 })
 ], A.prototype, "animationduration", 2);
-H([
+T([
   a({ type: String, reflect: !0 })
 ], A.prototype, "animationaxis", 2);
-H([
+T([
   a({ type: Boolean, reflect: !0 })
 ], A.prototype, "animated", 2);
-H([
+T([
   a({ type: Number, reflect: !0 })
 ], A.prototype, "lifeduration", 2);
-H([
+T([
   a({ type: Boolean, reflect: !0 })
 ], A.prototype, "multiline", 2);
-A = H([
+A = T([
   y("o-toast")
 ], A);
-var Bi = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, j = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? zi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Bi = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, j = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Oi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
   return n && i && Bi(t, e, i), i;
 };
-let Oi = 0, L = class extends u {
+let zi = 0, L = class extends u {
   constructor() {
-    super(), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Checkbox", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-checkbox-${++Oi}`);
+    super(), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Checkbox", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-checkbox-${++zi}`);
   }
   toggle() {
     this.disabled || (this.indeterminate ? (this.indeterminate = !1, this.checked = !0) : this.checked = !this.checked, this.syncInput(), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
@@ -4792,7 +4797,7 @@ let Oi = 0, L = class extends u {
     this.disabled || (o.key === " " || o.key === "Enter") && (o.preventDefault(), this.toggle());
   }
   render() {
-    const o = S(et.checkbox.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"')), t = S(et.icoMinus.replace("<svg", '<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));
+    const o = E(et.checkbox.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"')), t = E(et.icoMinus.replace("<svg", '<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));
     return l`
       <input
         type="checkbox"
@@ -5551,7 +5556,7 @@ const le = class le extends u {
           <header part="header" class="${e}">
             ${this.showBackButton ? this._renderBackButton() : null}
             <div class="brand">
-              <span slot="logo${this.contrast ? "-contrast" : ""}">${S(Ni)}</span>
+              <span slot="logo${this.contrast ? "-contrast" : ""}">${E(Ni)}</span>
             </div>
             <div part="close${this.contrast ? "-contrast" : ""}">${this._renderCloseButton()}</div>
           </header>

package/package.json

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