@florid-kit/components 0.9.10 → 0.9.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +30 -31
  2. package/index.mjs +74 -75
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -6,13 +6,13 @@
6
6
  * @license
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
9
- */const{is:xe,defineProperty:we,getOwnPropertyDescriptor:$e,getOwnPropertyNames:Ce,getOwnPropertySymbols:_e,getPrototypeOf:ke}=Object,W=globalThis,te=W.trustedTypes,Se=te?te.emptyScript:"",Lt=W.reactiveElementPolyfillSupport,lt=(o,t)=>o,Ct={toAttribute(o,t){switch(t){case Boolean:o=o?Se: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}},jt=(o,t)=>!xe(o,t),ee={attribute:!0,type:String,converter:Ct,reflect:!1,useDefault:!1,hasChanged:jt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),W.litPropertyMetadata??(W.litPropertyMetadata=new WeakMap);let it=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=ee){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&&we(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=$e(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const h=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ee}static _$Ei(){if(this.hasOwnProperty(lt("elementProperties")))return;const t=ke(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(lt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(lt("properties"))){const e=this.properties,n=[...Ce(e),..._e(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(Yt(i))}else t!==void 0&&e.push(Yt(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 me(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:Ct).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 h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((r=h.converter)==null?void 0:r.fromAttribute)!==void 0?h.converter:Ct;this._$Em=i,this[i]=c.fromAttribute(e,h.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??jt)(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:h}=s,c=this[r];h!==!0||this._$AL.has(r)||c===void 0||this.C(r,void 0,s,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var 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){}};it.elementStyles=[],it.shadowRootOptions={mode:"open"},it[lt("elementProperties")]=new Map,it[lt("finalized")]=new Map,Lt==null||Lt({ReactiveElement:it}),(W.reactiveElementVersions??(W.reactiveElementVersions=[])).push("2.1.0");/**
9
+ */const{is:xe,defineProperty:we,getOwnPropertyDescriptor:$e,getOwnPropertyNames:Ce,getOwnPropertySymbols:_e,getPrototypeOf:ke}=Object,W=globalThis,te=W.trustedTypes,Se=te?te.emptyScript:"",Lt=W.reactiveElementPolyfillSupport,ct=(o,t)=>o,Ct={toAttribute(o,t){switch(t){case Boolean:o=o?Se: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}},jt=(o,t)=>!xe(o,t),ee={attribute:!0,type:String,converter:Ct,reflect:!1,useDefault:!1,hasChanged:jt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),W.litPropertyMetadata??(W.litPropertyMetadata=new WeakMap);let it=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=ee){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&&we(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=$e(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const h=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ee}static _$Ei(){if(this.hasOwnProperty(ct("elementProperties")))return;const t=ke(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ct("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ct("properties"))){const e=this.properties,n=[...Ce(e),..._e(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(Yt(i))}else t!==void 0&&e.push(Yt(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 me(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:Ct).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 h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((r=h.converter)==null?void 0:r.fromAttribute)!==void 0?h.converter:Ct;this._$Em=i,this[i]=c.fromAttribute(e,h.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??jt)(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:h}=s,c=this[r];h!==!0||this._$AL.has(r)||c===void 0||this.C(r,void 0,s,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var 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){}};it.elementStyles=[],it.shadowRootOptions={mode:"open"},it[ct("elementProperties")]=new Map,it[ct("finalized")]=new Map,Lt==null||Lt({ReactiveElement:it}),(W.reactiveElementVersions??(W.reactiveElementVersions=[])).push("2.1.0");/**
10
10
  * @license
11
11
  * Copyright 2017 Google LLC
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
- */const ct=globalThis,_t=ct.trustedTypes,oe=_t?_t.createPolicy("lit-html",{createHTML:o=>o}):void 0,de="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,pe="?"+K,Ee=`<${pe}>`,tt=document,dt=()=>tt.createComment(""),pt=o=>o===null||typeof o!="object"&&typeof o!="function",Rt=Array.isArray,Ae=o=>Rt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",It=`[
14
- \f\r]`,at=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,ne=/>/g,J=RegExp(`>|${It}(?:([^\\s"'>=/]+)(${It}*=${It}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),re=/'/g,se=/"/g,ue=/^(?:script|style|textarea|title)$/i,Le=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Le(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ae=new WeakMap,Q=tt.createTreeWalker(tt,129);function ve(o,t){if(!Rt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return oe!==void 0?oe.createHTML(t):t}const Ie=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=at;for(let h=0;h<e;h++){const c=o[h];let m,w,v=-1,R=0;for(;R<c.length&&(s.lastIndex=R,w=s.exec(c),w!==null);)R=s.lastIndex,s===at?w[1]==="!--"?s=ie:w[1]!==void 0?s=ne:w[2]!==void 0?(ue.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=J):w[3]!==void 0&&(s=J):s===J?w[0]===">"?(s=i??at,v=-1):w[1]===void 0?v=-2:(v=s.lastIndex-w[2].length,m=w[1],s=w[3]===void 0?J:w[3]==='"'?se:re):s===se||s===re?s=J:s===ie||s===ne?s=at:(s=J,i=void 0);const Z=s===J&&o[h+1].startsWith("/>")?" ":"";r+=s===at?c+Ee:v>=0?(n.push(m),c.slice(0,v)+de+c.slice(v)+K+Z):c+K+(v===-2?h:Z)}return[ve(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class ut{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const h=t.length-1,c=this.parts,[m,w]=Ie(t,e);if(this.el=ut.createElement(m,n),Q.currentNode=this.el.content,e===2||e===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(i=Q.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const v of i.getAttributeNames())if(v.endsWith(de)){const R=w[s++],Z=i.getAttribute(v).split(K),wt=/([.?@])?(.*)/.exec(R);c.push({type:1,index:r,name:wt[2],strings:Z,ctor:wt[1]==="."?Oe:wt[1]==="?"?ze:wt[1]==="@"?Be:St}),i.removeAttribute(v)}else v.startsWith(K)&&(c.push({type:6,index:r}),i.removeAttribute(v));if(ue.test(i.tagName)){const v=i.textContent.split(K),R=v.length-1;if(R>0){i.textContent=_t?_t.emptyScript:"";for(let Z=0;Z<R;Z++)i.append(v[Z],dt()),Q.nextNode(),c.push({type:2,index:++r});i.append(v[R],dt())}}}else if(i.nodeType===8)if(i.data===pe)c.push({type:2,index:r});else{let v=-1;for(;(v=i.data.indexOf(K,v+1))!==-1;)c.push({type:7,index:r}),v+=K.length-1}r++}}static createElement(t,e){const n=tt.createElement("template");return n.innerHTML=t,n}}function nt(o,t,e=o,n){var s,h;if(t===G)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=pt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((h=i==null?void 0:i._$AO)==null||h.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=nt(o,i._$AS(o,t.values),i,n)),t}class Pe{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)??tt).importNode(e,!0);Q.currentNode=i;let r=Q.nextNode(),s=0,h=0,c=n[0];for(;c!==void 0;){if(s===c.index){let m;c.type===2?m=new mt(r,r.nextSibling,this,t):c.type===1?m=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(m=new De(r,this,t)),this._$AV.push(m),c=n[++h]}s!==(c==null?void 0:c.index)&&(r=Q.nextNode(),s++)}return Q.currentNode=tt,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 mt{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=nt(this,t,e),pt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==G&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ae(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&&pt(this._$AH)?this._$AA.nextSibling.data=t:this.T(tt.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=ut.createElement(ve(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 Pe(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=ae.get(t.strings);return e===void 0&&ae.set(t.strings,e=new ut(t)),e}k(t){Rt(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 mt(this.O(dt()),this.O(dt()),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 St{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=nt(this,t,e,0),s=!pt(t)||t!==this._$AH&&t!==G,s&&(this._$AH=t);else{const h=t;let c,m;for(t=r[0],c=0;c<r.length-1;c++)m=nt(this,h[n+c],e,c),m===G&&(m=this._$AH[c]),s||(s=!pt(m)||m!==this._$AH[c]),m===d?t=d:t!==d&&(t+=(m??"")+r[c+1]),this._$AH[c]=m}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Oe extends St{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ze extends St{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Be extends St{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=nt(this,t,e,0)??d)===G)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 De{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){nt(this,t)}}const Pt=ct.litHtmlPolyfillSupport;Pt==null||Pt(ut,mt),(ct.litHtmlVersions??(ct.litHtmlVersions=[])).push("3.3.0");const He=(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 mt(t.insertBefore(dt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
13
+ */const ht=globalThis,_t=ht.trustedTypes,oe=_t?_t.createPolicy("lit-html",{createHTML:o=>o}):void 0,de="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,pe="?"+K,Ee=`<${pe}>`,tt=document,pt=()=>tt.createComment(""),ut=o=>o===null||typeof o!="object"&&typeof o!="function",Rt=Array.isArray,Ae=o=>Rt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",It=`[
14
+ \f\r]`,lt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,ne=/>/g,J=RegExp(`>|${It}(?:([^\\s"'>=/]+)(${It}*=${It}*(?:[^
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),re=/'/g,se=/"/g,ue=/^(?:script|style|textarea|title)$/i,Le=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Le(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ae=new WeakMap,Q=tt.createTreeWalker(tt,129);function ve(o,t){if(!Rt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return oe!==void 0?oe.createHTML(t):t}const Ie=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=lt;for(let h=0;h<e;h++){const c=o[h];let m,w,v=-1,R=0;for(;R<c.length&&(s.lastIndex=R,w=s.exec(c),w!==null);)R=s.lastIndex,s===lt?w[1]==="!--"?s=ie:w[1]!==void 0?s=ne:w[2]!==void 0?(ue.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=J):w[3]!==void 0&&(s=J):s===J?w[0]===">"?(s=i??lt,v=-1):w[1]===void 0?v=-2:(v=s.lastIndex-w[2].length,m=w[1],s=w[3]===void 0?J:w[3]==='"'?se:re):s===se||s===re?s=J:s===ie||s===ne?s=lt:(s=J,i=void 0);const Z=s===J&&o[h+1].startsWith("/>")?" ":"";r+=s===lt?c+Ee:v>=0?(n.push(m),c.slice(0,v)+de+c.slice(v)+K+Z):c+K+(v===-2?h:Z)}return[ve(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class vt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const h=t.length-1,c=this.parts,[m,w]=Ie(t,e);if(this.el=vt.createElement(m,n),Q.currentNode=this.el.content,e===2||e===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(i=Q.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const v of i.getAttributeNames())if(v.endsWith(de)){const R=w[s++],Z=i.getAttribute(v).split(K),wt=/([.?@])?(.*)/.exec(R);c.push({type:1,index:r,name:wt[2],strings:Z,ctor:wt[1]==="."?Oe:wt[1]==="?"?ze:wt[1]==="@"?Be:St}),i.removeAttribute(v)}else v.startsWith(K)&&(c.push({type:6,index:r}),i.removeAttribute(v));if(ue.test(i.tagName)){const v=i.textContent.split(K),R=v.length-1;if(R>0){i.textContent=_t?_t.emptyScript:"";for(let Z=0;Z<R;Z++)i.append(v[Z],pt()),Q.nextNode(),c.push({type:2,index:++r});i.append(v[R],pt())}}}else if(i.nodeType===8)if(i.data===pe)c.push({type:2,index:r});else{let v=-1;for(;(v=i.data.indexOf(K,v+1))!==-1;)c.push({type:7,index:r}),v+=K.length-1}r++}}static createElement(t,e){const n=tt.createElement("template");return n.innerHTML=t,n}}function nt(o,t,e=o,n){var s,h;if(t===G)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=ut(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((h=i==null?void 0:i._$AO)==null||h.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=nt(o,i._$AS(o,t.values),i,n)),t}class Pe{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)??tt).importNode(e,!0);Q.currentNode=i;let r=Q.nextNode(),s=0,h=0,c=n[0];for(;c!==void 0;){if(s===c.index){let m;c.type===2?m=new xt(r,r.nextSibling,this,t):c.type===1?m=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(m=new De(r,this,t)),this._$AV.push(m),c=n[++h]}s!==(c==null?void 0:c.index)&&(r=Q.nextNode(),s++)}return Q.currentNode=tt,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 xt{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=nt(this,t,e),ut(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==G&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ae(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&&ut(this._$AH)?this._$AA.nextSibling.data=t:this.T(tt.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=vt.createElement(ve(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 Pe(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=ae.get(t.strings);return e===void 0&&ae.set(t.strings,e=new vt(t)),e}k(t){Rt(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 xt(this.O(pt()),this.O(pt()),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 St{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=nt(this,t,e,0),s=!ut(t)||t!==this._$AH&&t!==G,s&&(this._$AH=t);else{const h=t;let c,m;for(t=r[0],c=0;c<r.length-1;c++)m=nt(this,h[n+c],e,c),m===G&&(m=this._$AH[c]),s||(s=!ut(m)||m!==this._$AH[c]),m===d?t=d:t!==d&&(t+=(m??"")+r[c+1]),this._$AH[c]=m}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Oe extends St{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ze extends St{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Be extends St{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=nt(this,t,e,0)??d)===G)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 De{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){nt(this,t)}}const Pt=ht.litHtmlPolyfillSupport;Pt==null||Pt(vt,xt),(ht.litHtmlVersions??(ht.litHtmlVersions=[])).push("3.3.0");const He=(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 xt(t.insertBefore(pt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
@@ -36,7 +36,7 @@
36
36
  * @license
37
37
  * Copyright 2017 Google LLC
38
38
  * SPDX-License-Identifier: BSD-3-Clause
39
- */function fe(o,t){return(e,n,i)=>{const r=s=>{var h;return((h=s.renderRoot)==null?void 0:h.querySelector(o))??null};return je(e,n,{get(){return r(this)}})}}const xt=f`
39
+ */function fe(o,t){return(e,n,i)=>{const r=s=>{var h;return((h=s.renderRoot)==null?void 0:h.querySelector(o))??null};return je(e,n,{get(){return r(this)}})}}const at=f`
40
40
  outline: 1px dashed var(--color-border-primary);
41
41
  outline-offset: 2px;
42
42
  `;f`
@@ -299,7 +299,7 @@
299
299
  }
300
300
 
301
301
  .button:focus-visible {
302
- ${xt};
302
+ ${at};
303
303
  }
304
304
 
305
305
  span.text + span.text::before {
@@ -383,7 +383,7 @@
383
383
  transform: translateX(4px);
384
384
  }
385
385
  //End icon movment on hover
386
- `;x([a()],b.prototype,"type",2);x([a({reflect:!0})],b.prototype,"value",2);x([a({type:String,reflect:!0})],b.prototype,"variant",2);x([a({type:String})],b.prototype,"text",2);x([a({type:String})],b.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],b.prototype,"disabled",2);x([a({type:String,reflect:!0})],b.prototype,"startIconModel",2);x([a({type:String,reflect:!0})],b.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget",reflect:!0})],b.prototype,"panelTarget",2);x([a({type:String})],b.prototype,"href",2);x([a({type:String})],b.prototype,"target",2);x([a({type:Boolean,reflect:!0})],b.prototype,"underlined",2);x([a({type:Boolean,reflect:!0})],b.prototype,"withbadge",2);b=x([y("o-button")],b);var $o=Object.defineProperty,Co=Object.getOwnPropertyDescriptor,Et=(o,t,e,n)=>{for(var i=n>1?void 0:n?Co(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&&$o(t,e,i),i};let rt=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("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=N.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
386
+ `;x([a()],b.prototype,"type",2);x([a({reflect:!0})],b.prototype,"value",2);x([a({type:String,reflect:!0})],b.prototype,"variant",2);x([a({type:String})],b.prototype,"text",2);x([a({type:String})],b.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],b.prototype,"disabled",2);x([a({type:String,reflect:!0})],b.prototype,"startIconModel",2);x([a({type:String,reflect:!0})],b.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget",reflect:!0})],b.prototype,"panelTarget",2);x([a({type:String})],b.prototype,"href",2);x([a({type:String})],b.prototype,"target",2);x([a({type:Boolean,reflect:!0})],b.prototype,"underlined",2);x([a({type:Boolean,reflect:!0})],b.prototype,"withbadge",2);b=x([y("o-button")],b);var $o=Object.defineProperty,Co=Object.getOwnPropertyDescriptor,Et=(o,t,e,n)=>{for(var i=n>1?void 0:n?Co(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&&$o(t,e,i),i};let rt=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=N.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
387
387
  <button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
388
388
  <span class="sr-only">${this.label}</span>
389
389
  ${C(o)}
@@ -396,11 +396,6 @@
396
396
  outline: none;
397
397
  }
398
398
 
399
- :host(:focus-visible) {
400
- outline: 1px dashed var(--color-content-action-secondary);
401
- outline-offset: 1px;
402
- }
403
-
404
399
  .wishlist-button {
405
400
  display: flex;
406
401
  justify-content: center;
@@ -422,6 +417,10 @@
422
417
  background-color: var(--color-alpha-light-strongest);
423
418
  }
424
419
 
420
+ .wishlist-button:focus-visible {
421
+ ${at};
422
+ }
423
+
425
424
  .wishlist-button:hover svg path {
426
425
  fill: var(--color-content-action-secondary);
427
426
  }
@@ -678,7 +677,7 @@
678
677
  }
679
678
 
680
679
  .icon-button:focus-visible {
681
- ${xt}
680
+ ${at}
682
681
  }
683
682
 
684
683
  .sr-only {
@@ -845,7 +844,7 @@
845
844
  * @license
846
845
  * Copyright 2017 Google LLC
847
846
  * SPDX-License-Identifier: BSD-3-Clause
848
- */const ht=(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),ht(i,t);return!0},kt=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)},be=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),zo(t)}};function Po(o){this._$AN!==void 0?(kt(this),this._$AM=o,be(this)):this._$AM=o}function Oo(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++)ht(n[r],!1),kt(n[r]);else n!=null&&(ht(n,!1),kt(n));else ht(this,o)}const zo=o=>{o.type==Ut.CHILD&&(o._$AP??(o._$AP=Oo),o._$AQ??(o._$AQ=Po))};class Bo extends qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),be(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&&(ht(this,t),kt(this))}setValue(t){if(Io(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 Do extends Bo{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 Ho extends Do{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 Mo extends Ho{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 le=Vt(Mo);var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,g=(o,t,e,n)=>{for(var i=n>1?void 0:n?jo(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&&To(t,e,i),i};let p=class extends u{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this._onOpenDetail=async o=>{var e,n;const t=((e=o.detail)==null?void 0:e.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const i=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}setTimeout(async()=>{await this.focusDetailReturnBtn()},800)},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const r=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",r),i()};n.addEventListener("animationend",r)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()},this._onDetailSlotChange=o=>{const n=o.target.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll("img")))[0];n==null||n.setAttribute("tabindex","0")}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var n,i,r,s;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(s=(r=((i=t.shadowRoot)==null?void 0:i.querySelector("button"))??t)==null?void 0:r.focus)==null||s.call(r,{preventScroll:!0})}_restoreFocusToOrigin(){var t,e;const o=this._detailOriginEl;!o||!document.contains(o)||((e=(t=document.activeElement)==null?void 0:t.blur)==null||e.call(t),requestAnimationFrame(()=>{var i;o.classList.add("a--tabfocus"),(((i=o.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??o).focus({preventScroll:!0})}))}getDeepActiveElement(o=this.shadowRoot){let t=o.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(o){if(o.key!=="Tab")return;const t=this.getDeepActiveElement(),e=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&e&&e.contains(t)){o.preventDefault();const n=this.renderRoot.querySelector(".o-whats-inside--content p");n==null||n.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const r=[i.matches(p.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const h=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),c=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...h,...c)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const o=this.renderRoot.querySelector(".panel");o&&o.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var t,e,n,i;if(this.showHeader){const r=((t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"))||null,s=((e=r==null?void 0:r.shadowRoot)==null?void 0:e.querySelector("button"))||null;s&&((n=s.focus)==null||n.call(s))}else{const r=this.getFocusableElements()[0];(i=r==null?void 0:r.focus)==null||i.call(r)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,n,i,r;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((t=this.previousFocusedElement)==null?void 0:t.tagName.toLowerCase())==="o-button"?(i=(n=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:n.focus)==null||i.call(n):(r=this.previousFocusedElement)==null||r.focus();const o=this.renderRoot.querySelector(".panel");o&&o.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const o=this.showHeader?l`
847
+ */const dt=(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),dt(i,t);return!0},kt=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)},be=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),zo(t)}};function Po(o){this._$AN!==void 0?(kt(this),this._$AM=o,be(this)):this._$AM=o}function Oo(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++)dt(n[r],!1),kt(n[r]);else n!=null&&(dt(n,!1),kt(n));else dt(this,o)}const zo=o=>{o.type==Ut.CHILD&&(o._$AP??(o._$AP=Oo),o._$AQ??(o._$AQ=Po))};class Bo extends qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),be(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&&(dt(this,t),kt(this))}setValue(t){if(Io(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 Do extends Bo{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 Ho extends Do{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 Mo extends Ho{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 le=Vt(Mo);var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,g=(o,t,e,n)=>{for(var i=n>1?void 0:n?jo(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&&To(t,e,i),i};let p=class extends u{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this._onOpenDetail=async o=>{var e,n;const t=((e=o.detail)==null?void 0:e.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const i=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}setTimeout(async()=>{await this.focusDetailReturnBtn()},800)},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const r=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",r),i()};n.addEventListener("animationend",r)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()},this._onDetailSlotChange=o=>{const n=o.target.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll("img")))[0];n==null||n.setAttribute("tabindex","0")}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var n,i,r,s;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(s=(r=((i=t.shadowRoot)==null?void 0:i.querySelector("button"))??t)==null?void 0:r.focus)==null||s.call(r,{preventScroll:!0})}_restoreFocusToOrigin(){var t,e;const o=this._detailOriginEl;!o||!document.contains(o)||((e=(t=document.activeElement)==null?void 0:t.blur)==null||e.call(t),requestAnimationFrame(()=>{var i;o.classList.add("a--tabfocus"),(((i=o.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??o).focus({preventScroll:!0})}))}getDeepActiveElement(o=this.shadowRoot){let t=o.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(o){if(o.key!=="Tab")return;const t=this.getDeepActiveElement(),e=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&e&&e.contains(t)){o.preventDefault();const n=this.renderRoot.querySelector(".o-whats-inside--content p");n==null||n.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const r=[i.matches(p.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const h=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),c=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...h,...c)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const o=this.renderRoot.querySelector(".panel");o&&o.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var t,e,n,i;if(this.showHeader){const r=((t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"))||null,s=((e=r==null?void 0:r.shadowRoot)==null?void 0:e.querySelector("button"))||null;s&&((n=s.focus)==null||n.call(s))}else{const r=this.getFocusableElements()[0];(i=r==null?void 0:r.focus)==null||i.call(r)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,n,i,r;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((t=this.previousFocusedElement)==null?void 0:t.tagName.toLowerCase())==="o-button"?(i=(n=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:n.focus)==null||i.call(n):(r=this.previousFocusedElement)==null||r.focus();const o=this.renderRoot.querySelector(".panel");o&&o.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const o=this.showHeader?l`
849
848
  <div tabindex="-1" class="header">
850
849
  ${this.showHeaderStartIcon?l`
851
850
  <o-icon-button
@@ -1036,7 +1035,7 @@
1036
1035
 
1037
1036
  .panel:focus-visible,
1038
1037
  .close-btn:focus-visible {
1039
- ${xt}
1038
+ ${at}
1040
1039
  }
1041
1040
 
1042
1041
  .content {
@@ -1254,9 +1253,9 @@
1254
1253
  height: 0;
1255
1254
  width: 0;
1256
1255
  }
1257
- `;X([a({type:Array})],D.prototype,"thumbnails",2);X([a({type:Number})],D.prototype,"activeIndex",2);X([a({type:Array})],D.prototype,"disabledIndexes",2);X([a({type:String})],D.prototype,"maxWidth",2);X([a({type:String})],D.prototype,"altressource",2);X([a({type:Object})],D.prototype,"swiperInstance",2);X([et()],D.prototype,"focusedIndex",2);D=X([y("thumbnail-navigation")],D);var Fo=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,Zt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Uo(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&&Fo(t,e,i),i};let vt=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
1256
+ `;X([a({type:Array})],D.prototype,"thumbnails",2);X([a({type:Number})],D.prototype,"activeIndex",2);X([a({type:Array})],D.prototype,"disabledIndexes",2);X([a({type:String})],D.prototype,"maxWidth",2);X([a({type:String})],D.prototype,"altressource",2);X([a({type:Object})],D.prototype,"swiperInstance",2);X([et()],D.prototype,"focusedIndex",2);D=X([y("thumbnail-navigation")],D);var Fo=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,Zt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Uo(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&&Fo(t,e,i),i};let ft=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
1258
1257
  <span class="tag ${this.bgstyle}"><slot></slot></span>
1259
- `}};vt.styles=f`
1258
+ `}};ft.styles=f`
1260
1259
  .tag {
1261
1260
  display: inline-block;
1262
1261
  padding: var(--spacing-2-xs) var(--spacing-s);
@@ -1313,12 +1312,12 @@
1313
1312
  }
1314
1313
  }
1315
1314
 
1316
- `;Zt([a({type:String,reflect:!0})],vt.prototype,"type",2);Zt([a({type:String,reflect:!0})],vt.prototype,"bgstyle",2);vt=Zt([y("o-tag")],vt);var Vo=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,Kt=(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&&Vo(t,e,i),i};let ft=class extends u{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
1315
+ `;Zt([a({type:String,reflect:!0})],ft.prototype,"type",2);Zt([a({type:String,reflect:!0})],ft.prototype,"bgstyle",2);ft=Zt([y("o-tag")],ft);var Vo=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,Kt=(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&&Vo(t,e,i),i};let bt=class extends u{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
1317
1316
  <div class="tooltip">
1318
1317
  <span class="tooltiptext">${this.text}</span>
1319
1318
  <slot></slot>
1320
1319
  </div>
1321
- `}};ft.styles=f`
1320
+ `}};bt.styles=f`
1322
1321
  .tooltip {
1323
1322
  position: relative;
1324
1323
  display: inline-block;
@@ -1410,7 +1409,7 @@
1410
1409
  border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
1411
1410
  }
1412
1411
 
1413
- `;Kt([a({type:String,reflect:!0})],ft.prototype,"type",2);Kt([a({type:String,reflect:!0})],ft.prototype,"text",2);ft=Kt([y("o-tooltip")],ft);var Zo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ko(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&&Zo(t,e,i),i};let z=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=N.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
1412
+ `;Kt([a({type:String,reflect:!0})],bt.prototype,"type",2);Kt([a({type:String,reflect:!0})],bt.prototype,"text",2);bt=Kt([y("o-tooltip")],bt);var Zo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ko(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&&Zo(t,e,i),i};let z=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=N.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
1414
1413
  <button
1415
1414
  role="combobox"
1416
1415
  aria-haspopup="listbox"
@@ -1889,13 +1888,13 @@
1889
1888
  * @license
1890
1889
  * Copyright 2018 Google LLC
1891
1890
  * SPDX-License-Identifier: BSD-3-Clause
1892
- */const ge="important",Qo=" !"+ge,Yo=Vt(class extends qt{constructor(o){var t;if(super(o),o.type!==Ut.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(Qo);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?ge:""):e[n]=i}}return G}});var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Wt=(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 bt=class extends u{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=this.option.clickable,t={width:`${this.imageSize}px`,height:`${this.imageSize}px`},e=l`
1891
+ */const ge="important",Qo=" !"+ge,Yo=Vt(class extends qt{constructor(o){var t;if(super(o),o.type!==Ut.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(Qo);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?ge:""):e[n]=i}}return G}});var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Wt=(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 gt=class extends u{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=this.option.clickable,t={width:`${this.imageSize}px`,height:`${this.imageSize}px`},e=l`
1893
1892
  ${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${k(this.option.title)}" aria-hidden="true" style=${Yo(t)} />`:""}
1894
1893
  <div class="m-reassurance-content">
1895
1894
  <h3 class="a-reassurance-text">${k(this.option.title)}</h3>
1896
1895
  <p class="a-reassurance-description">${k(this.option.description)}</p>
1897
1896
  </div>
1898
- `;return o?l`<a href="${k(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};bt.styles=f`
1897
+ `;return o?l`<a href="${k(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};gt.styles=f`
1899
1898
  :host {
1900
1899
  display: inline-block;
1901
1900
  position: relative;
@@ -1976,7 +1975,7 @@
1976
1975
  overflow: hidden;
1977
1976
  }
1978
1977
  }
1979
- `;Wt([a({type:Object,reflect:!0})],bt.prototype,"option",2);Wt([a({type:Number,reflect:!0})],bt.prototype,"imageSize",2);bt=Wt([y("o-reassurance")],bt);var oi=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,V=(o,t,e,n)=>{for(var i=n>1?void 0:n?ii(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&&oi(t,e,i),i};const ni=Ft(u);let A=class extends ni{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`
1978
+ `;Wt([a({type:Object,reflect:!0})],gt.prototype,"option",2);Wt([a({type:Number,reflect:!0})],gt.prototype,"imageSize",2);gt=Wt([y("o-reassurance")],gt);var oi=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,V=(o,t,e,n)=>{for(var i=n>1?void 0:n?ii(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&&oi(t,e,i),i};const ni=Ft(u);let A=class extends ni{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`
1980
1979
  <a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
1981
1980
  ${o?this.text:l`<slot></slot>`}
1982
1981
  </a>
@@ -2061,7 +2060,7 @@
2061
2060
  }
2062
2061
 
2063
2062
  &:focus-visible {
2064
- ${xt};
2063
+ ${at};
2065
2064
  }
2066
2065
  }
2067
2066
 
@@ -2074,16 +2073,16 @@
2074
2073
  display: inline-flex;
2075
2074
  align-items: center;
2076
2075
  }
2077
- `;V([a({type:String,reflect:!0})],A.prototype,"link",2);V([a({reflect:!0})],A.prototype,"name",2);V([a({reflect:!0})],A.prototype,"value",2);V([a({type:String})],A.prototype,"text",2);V([a({type:String,reflect:!0})],A.prototype,"size",2);V([a({type:Boolean,reflect:!0})],A.prototype,"selected",2);V([a({type:Boolean,reflect:!0})],A.prototype,"fullwidth",2);V([a({type:Boolean,reflect:!0})],A.prototype,"inactive",2);A=V([y("o-chip")],A);var ri=Object.defineProperty,si=Object.getOwnPropertyDescriptor,Gt=(o,t,e,n)=>{for(var i=n>1?void 0:n?si(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&&ri(t,e,i),i};let gt=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof A?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`
2076
+ `;V([a({type:String,reflect:!0})],A.prototype,"link",2);V([a({reflect:!0})],A.prototype,"name",2);V([a({reflect:!0})],A.prototype,"value",2);V([a({type:String})],A.prototype,"text",2);V([a({type:String,reflect:!0})],A.prototype,"size",2);V([a({type:Boolean,reflect:!0})],A.prototype,"selected",2);V([a({type:Boolean,reflect:!0})],A.prototype,"fullwidth",2);V([a({type:Boolean,reflect:!0})],A.prototype,"inactive",2);A=V([y("o-chip")],A);var ri=Object.defineProperty,si=Object.getOwnPropertyDescriptor,Gt=(o,t,e,n)=>{for(var i=n>1?void 0:n?si(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&&ri(t,e,i),i};let yt=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof A?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`
2078
2077
  <slot></slot>
2079
- `}};gt.styles=f`
2078
+ `}};yt.styles=f`
2080
2079
  :host {
2081
2080
  display: flex;
2082
2081
  flex-direction: row;
2083
2082
  flex-wrap: wrap;
2084
2083
  gap: var(--spacing-s);
2085
2084
  }
2086
- `;Gt([a({reflect:!0})],gt.prototype,"name",2);Gt([a({reflect:!0})],gt.prototype,"value",2);gt=Gt([y("o-chipset")],gt);var ai=Object.defineProperty,li=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?li(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&&ai(t,e,i),i};const ci=Ft(u);let L=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=N[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${C(o)}</span>`}strikeThroughImg(){const o=go[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return C(o)}render(){const o=this.text;return l`${this.type==="link"?l`
2085
+ `;Gt([a({reflect:!0})],yt.prototype,"name",2);Gt([a({reflect:!0})],yt.prototype,"value",2);yt=Gt([y("o-chipset")],yt);var ai=Object.defineProperty,li=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?li(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&&ai(t,e,i),i};const ci=Ft(u);let L=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=N[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${C(o)}</span>`}strikeThroughImg(){const o=go[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return C(o)}render(){const o=this.text;return l`${this.type==="link"?l`
2087
2086
  <a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
2088
2087
  aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
2089
2088
  ${o?l`
@@ -2183,7 +2182,7 @@
2183
2182
  }
2184
2183
 
2185
2184
  .button:focus-visible {
2186
- ${xt};
2185
+ ${at};
2187
2186
  }
2188
2187
 
2189
2188
  span.text + span.text::before {
@@ -2354,11 +2353,11 @@
2354
2353
  .fullpointer {
2355
2354
  cursor: pointer;
2356
2355
  }
2357
- `;let I=Jt;q([a({type:String})],I.prototype,"type");q([a({type:String})],I.prototype,"titleProduct");q([a({type:String})],I.prototype,"volume");q([a({type:String})],I.prototype,"perLiter");q([a({type:String})],I.prototype,"mainPrice");q([a({type:String})],I.prototype,"imageUrl");q([a({type:String})],I.prototype,"altImage");q([a({type:Boolean})],I.prototype,"fullwidth");q([a({type:Function})],I.prototype,"onClickTile");customElements.define("mini-tile",I);var di=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,Xt=(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&&di(t,e,i),i};let yt=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
2356
+ `;let I=Jt;q([a({type:String})],I.prototype,"type");q([a({type:String})],I.prototype,"titleProduct");q([a({type:String})],I.prototype,"volume");q([a({type:String})],I.prototype,"perLiter");q([a({type:String})],I.prototype,"mainPrice");q([a({type:String})],I.prototype,"imageUrl");q([a({type:String})],I.prototype,"altImage");q([a({type:Boolean})],I.prototype,"fullwidth");q([a({type:Function})],I.prototype,"onClickTile");customElements.define("mini-tile",I);var di=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,Xt=(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&&di(t,e,i),i};let mt=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
2358
2357
  <span class="badge">
2359
2358
  ${this.text?this.text:l`<slot></slot>`}
2360
2359
  </span>
2361
- `}};yt.styles=f`
2360
+ `}};mt.styles=f`
2362
2361
  :host([variant]) {
2363
2362
  --badge-width: 19px;
2364
2363
  display: inline-block;
@@ -2392,7 +2391,7 @@
2392
2391
  color: var(--text-color);
2393
2392
  }
2394
2393
 
2395
- `;Xt([a({type:String,reflect:!0})],yt.prototype,"variant",2);Xt([a({type:String})],yt.prototype,"text",2);yt=Xt([y("o-badge")],yt);var ui=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,O=(o,t,e,n)=>{for(var i=n>1?void 0:n?vi(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&&ui(t,e,i),i};let $=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","")),h=parseInt(r.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(h)&&h>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=yo[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`
2394
+ `;Xt([a({type:String,reflect:!0})],mt.prototype,"variant",2);Xt([a({type:String})],mt.prototype,"text",2);mt=Xt([y("o-badge")],mt);var ui=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,O=(o,t,e,n)=>{for(var i=n>1?void 0:n?vi(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&&ui(t,e,i),i};let $=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","")),h=parseInt(r.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(h)&&h>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=yo[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`
2396
2395
  <div class="o-toast">
2397
2396
  <div class="o-toast-icon">
2398
2397
  ${C(t)}
package/index.mjs CHANGED
@@ -45,7 +45,7 @@ const ye = (o) => new he(typeof o == "string" ? o : o + "", void 0, Tt), f = (o,
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: xe, defineProperty: we, getOwnPropertyDescriptor: $e, getOwnPropertyNames: Ce, getOwnPropertySymbols: _e, getPrototypeOf: ke } = Object, W = globalThis, te = W.trustedTypes, Se = te ? te.emptyScript : "", Lt = W.reactiveElementPolyfillSupport, lt = (o, t) => o, Ct = { toAttribute(o, t) {
48
+ const { is: xe, defineProperty: we, getOwnPropertyDescriptor: $e, getOwnPropertyNames: Ce, getOwnPropertySymbols: _e, getPrototypeOf: ke } = Object, W = globalThis, te = W.trustedTypes, Se = te ? te.emptyScript : "", Lt = W.reactiveElementPolyfillSupport, ct = (o, t) => o, Ct = { toAttribute(o, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
51
  o = o ? Se : null;
@@ -103,13 +103,13 @@ let it = class extends HTMLElement {
103
103
  return this.elementProperties.get(t) ?? ee;
104
104
  }
105
105
  static _$Ei() {
106
- if (this.hasOwnProperty(lt("elementProperties"))) return;
106
+ if (this.hasOwnProperty(ct("elementProperties"))) return;
107
107
  const t = ke(this);
108
108
  t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
109
109
  }
110
110
  static finalize() {
111
- if (this.hasOwnProperty(lt("finalized"))) return;
112
- if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(lt("properties"))) {
111
+ if (this.hasOwnProperty(ct("finalized"))) return;
112
+ if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ct("properties"))) {
113
113
  const e = this.properties, n = [...Ce(e), ..._e(e)];
114
114
  for (const i of n) this.createProperty(i, e[i]);
115
115
  }
@@ -276,14 +276,14 @@ let it = class extends HTMLElement {
276
276
  firstUpdated(t) {
277
277
  }
278
278
  };
279
- it.elementStyles = [], it.shadowRootOptions = { mode: "open" }, it[lt("elementProperties")] = /* @__PURE__ */ new Map(), it[lt("finalized")] = /* @__PURE__ */ new Map(), Lt == null || Lt({ ReactiveElement: it }), (W.reactiveElementVersions ?? (W.reactiveElementVersions = [])).push("2.1.0");
279
+ it.elementStyles = [], it.shadowRootOptions = { mode: "open" }, it[ct("elementProperties")] = /* @__PURE__ */ new Map(), it[ct("finalized")] = /* @__PURE__ */ new Map(), Lt == null || Lt({ ReactiveElement: it }), (W.reactiveElementVersions ?? (W.reactiveElementVersions = [])).push("2.1.0");
280
280
  /**
281
281
  * @license
282
282
  * Copyright 2017 Google LLC
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
- const ct = globalThis, _t = ct.trustedTypes, oe = _t ? _t.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, de = "$lit$", K = `lit$${Math.random().toFixed(9).slice(2)}$`, pe = "?" + K, Ee = `<${pe}>`, tt = document, dt = () => tt.createComment(""), pt = (o) => o === null || typeof o != "object" && typeof o != "function", Rt = Array.isArray, Ae = (o) => Rt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", It = `[
286
- \f\r]`, at = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ne = />/g, J = RegExp(`>|${It}(?:([^\\s"'>=/]+)(${It}*=${It}*(?:[^
285
+ const ht = globalThis, _t = ht.trustedTypes, oe = _t ? _t.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, de = "$lit$", K = `lit$${Math.random().toFixed(9).slice(2)}$`, pe = "?" + K, Ee = `<${pe}>`, tt = document, pt = () => tt.createComment(""), ut = (o) => o === null || typeof o != "object" && typeof o != "function", Rt = Array.isArray, Ae = (o) => Rt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", It = `[
286
+ \f\r]`, lt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ne = />/g, J = RegExp(`>|${It}(?:([^\\s"'>=/]+)(${It}*=${It}*(?:[^
287
287
  \f\r"'\`<>=]|("|')|))|$)`, "g"), re = /'/g, se = /"/g, ue = /^(?:script|style|textarea|title)$/i, Le = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Le(1), G = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), ae = /* @__PURE__ */ new WeakMap(), Q = tt.createTreeWalker(tt, 129);
288
288
  function ve(o, t) {
289
289
  if (!Rt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -291,23 +291,23 @@ function ve(o, t) {
291
291
  }
292
292
  const Ie = (o, t) => {
293
293
  const e = o.length - 1, n = [];
294
- let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = at;
294
+ let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = lt;
295
295
  for (let h = 0; h < e; h++) {
296
296
  const c = o[h];
297
297
  let m, w, v = -1, R = 0;
298
- for (; R < c.length && (s.lastIndex = R, w = s.exec(c), w !== null); ) R = s.lastIndex, s === at ? w[1] === "!--" ? s = ie : w[1] !== void 0 ? s = ne : w[2] !== void 0 ? (ue.test(w[2]) && (i = RegExp("</" + w[2], "g")), s = J) : w[3] !== void 0 && (s = J) : s === J ? w[0] === ">" ? (s = i ?? at, v = -1) : w[1] === void 0 ? v = -2 : (v = s.lastIndex - w[2].length, m = w[1], s = w[3] === void 0 ? J : w[3] === '"' ? se : re) : s === se || s === re ? s = J : s === ie || s === ne ? s = at : (s = J, i = void 0);
298
+ for (; R < c.length && (s.lastIndex = R, w = s.exec(c), w !== null); ) R = s.lastIndex, s === lt ? w[1] === "!--" ? s = ie : w[1] !== void 0 ? s = ne : w[2] !== void 0 ? (ue.test(w[2]) && (i = RegExp("</" + w[2], "g")), s = J) : w[3] !== void 0 && (s = J) : s === J ? w[0] === ">" ? (s = i ?? lt, v = -1) : w[1] === void 0 ? v = -2 : (v = s.lastIndex - w[2].length, m = w[1], s = w[3] === void 0 ? J : w[3] === '"' ? se : re) : s === se || s === re ? s = J : s === ie || s === ne ? s = lt : (s = J, i = void 0);
299
299
  const Z = s === J && o[h + 1].startsWith("/>") ? " " : "";
300
- r += s === at ? c + Ee : v >= 0 ? (n.push(m), c.slice(0, v) + de + c.slice(v) + K + Z) : c + K + (v === -2 ? h : Z);
300
+ r += s === lt ? c + Ee : v >= 0 ? (n.push(m), c.slice(0, v) + de + c.slice(v) + K + Z) : c + K + (v === -2 ? h : Z);
301
301
  }
302
302
  return [ve(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
303
303
  };
304
- class ut {
304
+ class vt {
305
305
  constructor({ strings: t, _$litType$: e }, n) {
306
306
  let i;
307
307
  this.parts = [];
308
308
  let r = 0, s = 0;
309
309
  const h = t.length - 1, c = this.parts, [m, w] = Ie(t, e);
310
- if (this.el = ut.createElement(m, n), Q.currentNode = this.el.content, e === 2 || e === 3) {
310
+ if (this.el = vt.createElement(m, n), Q.currentNode = this.el.content, e === 2 || e === 3) {
311
311
  const v = this.el.content.firstChild;
312
312
  v.replaceWith(...v.childNodes);
313
313
  }
@@ -321,8 +321,8 @@ class ut {
321
321
  const v = i.textContent.split(K), R = v.length - 1;
322
322
  if (R > 0) {
323
323
  i.textContent = _t ? _t.emptyScript : "";
324
- for (let Z = 0; Z < R; Z++) i.append(v[Z], dt()), Q.nextNode(), c.push({ type: 2, index: ++r });
325
- i.append(v[R], dt());
324
+ for (let Z = 0; Z < R; Z++) i.append(v[Z], pt()), Q.nextNode(), c.push({ type: 2, index: ++r });
325
+ i.append(v[R], pt());
326
326
  }
327
327
  }
328
328
  } else if (i.nodeType === 8) if (i.data === pe) c.push({ type: 2, index: r });
@@ -342,7 +342,7 @@ function nt(o, t, e = o, n) {
342
342
  var s, h;
343
343
  if (t === G) return t;
344
344
  let i = n !== void 0 ? (s = e._$Co) == null ? void 0 : s[n] : e._$Cl;
345
- const r = pt(t) ? void 0 : t._$litDirective$;
345
+ const r = ut(t) ? void 0 : t._$litDirective$;
346
346
  return (i == null ? void 0 : i.constructor) !== r && ((h = i == null ? void 0 : i._$AO) == null || h.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 = nt(o, i._$AS(o, t.values), i, n)), t;
347
347
  }
348
348
  class Pe {
@@ -362,7 +362,7 @@ class Pe {
362
362
  for (; c !== void 0; ) {
363
363
  if (s === c.index) {
364
364
  let m;
365
- c.type === 2 ? m = new mt(r, r.nextSibling, this, t) : c.type === 1 ? m = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (m = new De(r, this, t)), this._$AV.push(m), c = n[++h];
365
+ c.type === 2 ? m = new xt(r, r.nextSibling, this, t) : c.type === 1 ? m = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (m = new De(r, this, t)), this._$AV.push(m), c = n[++h];
366
366
  }
367
367
  s !== (c == null ? void 0 : c.index) && (r = Q.nextNode(), s++);
368
368
  }
@@ -373,7 +373,7 @@ class Pe {
373
373
  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++;
374
374
  }
375
375
  }
376
- class mt {
376
+ class xt {
377
377
  get _$AU() {
378
378
  var t;
379
379
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -393,7 +393,7 @@ class mt {
393
393
  return this._$AB;
394
394
  }
395
395
  _$AI(t, e = this) {
396
- t = nt(this, t, e), pt(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== G && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ae(t) ? this.k(t) : this._(t);
396
+ t = nt(this, t, e), ut(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== G && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ae(t) ? this.k(t) : this._(t);
397
397
  }
398
398
  O(t) {
399
399
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -402,11 +402,11 @@ class mt {
402
402
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
403
403
  }
404
404
  _(t) {
405
- this._$AH !== d && pt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(tt.createTextNode(t)), this._$AH = t;
405
+ this._$AH !== d && ut(this._$AH) ? this._$AA.nextSibling.data = t : this.T(tt.createTextNode(t)), this._$AH = t;
406
406
  }
407
407
  $(t) {
408
408
  var r;
409
- const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = ut.createElement(ve(n.h, n.h[0]), this.options)), n);
409
+ const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = vt.createElement(ve(n.h, n.h[0]), this.options)), n);
410
410
  if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
411
411
  else {
412
412
  const s = new Pe(i, this), h = s.u(this.options);
@@ -415,13 +415,13 @@ class mt {
415
415
  }
416
416
  _$AC(t) {
417
417
  let e = ae.get(t.strings);
418
- return e === void 0 && ae.set(t.strings, e = new ut(t)), e;
418
+ return e === void 0 && ae.set(t.strings, e = new vt(t)), e;
419
419
  }
420
420
  k(t) {
421
421
  Rt(this._$AH) || (this._$AH = [], this._$AR());
422
422
  const e = this._$AH;
423
423
  let n, i = 0;
424
- for (const r of t) i === e.length ? e.push(n = new mt(this.O(dt()), this.O(dt()), this, this.options)) : n = e[i], n._$AI(r), i++;
424
+ for (const r of t) i === e.length ? e.push(n = new xt(this.O(pt()), this.O(pt()), this, this.options)) : n = e[i], n._$AI(r), i++;
425
425
  i < e.length && (this._$AR(n && n._$AB.nextSibling, i), e.length = i);
426
426
  }
427
427
  _$AR(t = this._$AA.nextSibling, e) {
@@ -449,11 +449,11 @@ class St {
449
449
  _$AI(t, e = this, n, i) {
450
450
  const r = this.strings;
451
451
  let s = !1;
452
- if (r === void 0) t = nt(this, t, e, 0), s = !pt(t) || t !== this._$AH && t !== G, s && (this._$AH = t);
452
+ if (r === void 0) t = nt(this, t, e, 0), s = !ut(t) || t !== this._$AH && t !== G, s && (this._$AH = t);
453
453
  else {
454
454
  const h = t;
455
455
  let c, m;
456
- for (t = r[0], c = 0; c < r.length - 1; c++) m = nt(this, h[n + c], e, c), m === G && (m = this._$AH[c]), s || (s = !pt(m) || m !== this._$AH[c]), m === d ? t = d : t !== d && (t += (m ?? "") + r[c + 1]), this._$AH[c] = m;
456
+ for (t = r[0], c = 0; c < r.length - 1; c++) m = nt(this, h[n + c], e, c), m === G && (m = this._$AH[c]), s || (s = !ut(m) || m !== this._$AH[c]), m === d ? t = d : t !== d && (t += (m ?? "") + r[c + 1]), this._$AH[c] = m;
457
457
  }
458
458
  s && !i && this.j(t);
459
459
  }
@@ -502,14 +502,14 @@ class De {
502
502
  nt(this, t);
503
503
  }
504
504
  }
505
- const Pt = ct.litHtmlPolyfillSupport;
506
- Pt == null || Pt(ut, mt), (ct.litHtmlVersions ?? (ct.litHtmlVersions = [])).push("3.3.0");
505
+ const Pt = ht.litHtmlPolyfillSupport;
506
+ Pt == null || Pt(vt, xt), (ht.litHtmlVersions ?? (ht.litHtmlVersions = [])).push("3.3.0");
507
507
  const He = (o, t, e) => {
508
508
  const n = (e == null ? void 0 : e.renderBefore) ?? t;
509
509
  let i = n._$litPart$;
510
510
  if (i === void 0) {
511
511
  const r = (e == null ? void 0 : e.renderBefore) ?? null;
512
- n._$litPart$ = i = new mt(t.insertBefore(dt(), r), r, void 0, e ?? {});
512
+ n._$litPart$ = i = new xt(t.insertBefore(pt(), r), r, void 0, e ?? {});
513
513
  }
514
514
  return i._$AI(o), i;
515
515
  };
@@ -621,7 +621,7 @@ function fe(o, t) {
621
621
  } });
622
622
  };
623
623
  }
624
- const xt = f`
624
+ const at = f`
625
625
  outline: 1px dashed var(--color-border-primary);
626
626
  outline-offset: 2px;
627
627
  `;
@@ -1045,7 +1045,7 @@ b.styles = f`
1045
1045
  }
1046
1046
 
1047
1047
  .button:focus-visible {
1048
- ${xt};
1048
+ ${at};
1049
1049
  }
1050
1050
 
1051
1051
  span.text + span.text::before {
@@ -1197,7 +1197,7 @@ let rt = class extends u {
1197
1197
  };
1198
1198
  }
1199
1199
  connectedCallback() {
1200
- super.connectedCallback(), this.setAttribute("tabindex", "0"), this.setAttribute("role", "button"), this.setAttribute("aria-pressed", String(this.status === "filled"));
1200
+ super.connectedCallback(), this.setAttribute("role", "button"), this.setAttribute("aria-pressed", String(this.status === "filled"));
1201
1201
  }
1202
1202
  firstUpdated() {
1203
1203
  this.addEventListener("click", this.toggleStatus), this.addEventListener("keydown", this.handleKeydown);
@@ -1235,11 +1235,6 @@ rt.styles = f`
1235
1235
  outline: none;
1236
1236
  }
1237
1237
 
1238
- :host(:focus-visible) {
1239
- outline: 1px dashed var(--color-content-action-secondary);
1240
- outline-offset: 1px;
1241
- }
1242
-
1243
1238
  .wishlist-button {
1244
1239
  display: flex;
1245
1240
  justify-content: center;
@@ -1261,6 +1256,10 @@ rt.styles = f`
1261
1256
  background-color: var(--color-alpha-light-strongest);
1262
1257
  }
1263
1258
 
1259
+ .wishlist-button:focus-visible {
1260
+ ${at};
1261
+ }
1262
+
1264
1263
  .wishlist-button:hover svg path {
1265
1264
  fill: var(--color-content-action-secondary);
1266
1265
  }
@@ -1549,7 +1548,7 @@ S.styles = f`
1549
1548
  }
1550
1549
 
1551
1550
  .icon-button:focus-visible {
1552
- ${xt}
1551
+ ${at}
1553
1552
  }
1554
1553
 
1555
1554
  .sr-only {
@@ -1827,11 +1826,11 @@ const Io = (o) => o.strings === void 0;
1827
1826
  * Copyright 2017 Google LLC
1828
1827
  * SPDX-License-Identifier: BSD-3-Clause
1829
1828
  */
1830
- const ht = (o, t) => {
1829
+ const dt = (o, t) => {
1831
1830
  var n;
1832
1831
  const e = o._$AN;
1833
1832
  if (e === void 0) return !1;
1834
- for (const i of e) (n = i._$AO) == null || n.call(i, t, !1), ht(i, t);
1833
+ for (const i of e) (n = i._$AO) == null || n.call(i, t, !1), dt(i, t);
1835
1834
  return !0;
1836
1835
  }, kt = (o) => {
1837
1836
  let t, e;
@@ -1852,9 +1851,9 @@ function Po(o) {
1852
1851
  }
1853
1852
  function Oo(o, t = !1, e = 0) {
1854
1853
  const n = this._$AH, i = this._$AN;
1855
- if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) ht(n[r], !1), kt(n[r]);
1856
- else n != null && (ht(n, !1), kt(n));
1857
- else ht(this, o);
1854
+ if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) dt(n[r], !1), kt(n[r]);
1855
+ else n != null && (dt(n, !1), kt(n));
1856
+ else dt(this, o);
1858
1857
  }
1859
1858
  const zo = (o) => {
1860
1859
  o.type == Ut.CHILD && (o._$AP ?? (o._$AP = Oo), o._$AQ ?? (o._$AQ = Po));
@@ -1868,7 +1867,7 @@ class Bo extends qt {
1868
1867
  }
1869
1868
  _$AO(t, e = !0) {
1870
1869
  var n, i;
1871
- t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (ht(this, t), kt(this));
1870
+ t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (dt(this, t), kt(this));
1872
1871
  }
1873
1872
  setValue(t) {
1874
1873
  if (Io(this._$Ct)) this._$Ct._$AI(t, this);
@@ -2367,7 +2366,7 @@ p.styles = f`
2367
2366
 
2368
2367
  .panel:focus-visible,
2369
2368
  .close-btn:focus-visible {
2370
- ${xt}
2369
+ ${at}
2371
2370
  }
2372
2371
 
2373
2372
  .content {
@@ -2748,7 +2747,7 @@ var Fo = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, Zt = (o, t
2748
2747
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2749
2748
  return n && i && Fo(t, e, i), i;
2750
2749
  };
2751
- let vt = class extends u {
2750
+ let ft = class extends u {
2752
2751
  constructor() {
2753
2752
  super(...arguments), this.type = "", this.bgstyle = "background-white";
2754
2753
  }
@@ -2758,7 +2757,7 @@ let vt = class extends u {
2758
2757
  `;
2759
2758
  }
2760
2759
  };
2761
- vt.styles = f`
2760
+ ft.styles = f`
2762
2761
  .tag {
2763
2762
  display: inline-block;
2764
2763
  padding: var(--spacing-2-xs) var(--spacing-s);
@@ -2818,19 +2817,19 @@ vt.styles = f`
2818
2817
  `;
2819
2818
  Zt([
2820
2819
  a({ type: String, reflect: !0 })
2821
- ], vt.prototype, "type", 2);
2820
+ ], ft.prototype, "type", 2);
2822
2821
  Zt([
2823
2822
  a({ type: String, reflect: !0 })
2824
- ], vt.prototype, "bgstyle", 2);
2825
- vt = Zt([
2823
+ ], ft.prototype, "bgstyle", 2);
2824
+ ft = Zt([
2826
2825
  y("o-tag")
2827
- ], vt);
2826
+ ], ft);
2828
2827
  var Vo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Kt = (o, t, e, n) => {
2829
2828
  for (var i = n > 1 ? void 0 : n ? qo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2830
2829
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
2831
2830
  return n && i && Vo(t, e, i), i;
2832
2831
  };
2833
- let ft = class extends u {
2832
+ let bt = class extends u {
2834
2833
  constructor() {
2835
2834
  super(...arguments), this.type = "top", this.text = "";
2836
2835
  }
@@ -2843,7 +2842,7 @@ let ft = class extends u {
2843
2842
  `;
2844
2843
  }
2845
2844
  };
2846
- ft.styles = f`
2845
+ bt.styles = f`
2847
2846
  .tooltip {
2848
2847
  position: relative;
2849
2848
  display: inline-block;
@@ -2938,13 +2937,13 @@ ft.styles = f`
2938
2937
  `;
2939
2938
  Kt([
2940
2939
  a({ type: String, reflect: !0 })
2941
- ], ft.prototype, "type", 2);
2940
+ ], bt.prototype, "type", 2);
2942
2941
  Kt([
2943
2942
  a({ type: String, reflect: !0 })
2944
- ], ft.prototype, "text", 2);
2945
- ft = Kt([
2943
+ ], bt.prototype, "text", 2);
2944
+ bt = Kt([
2946
2945
  y("o-tooltip")
2947
- ], ft);
2946
+ ], bt);
2948
2947
  var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, U = (o, t, e, n) => {
2949
2948
  for (var i = n > 1 ? void 0 : n ? Ko(t, e) : t, r = o.length - 1, s; r >= 0; r--)
2950
2949
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
@@ -3689,7 +3688,7 @@ var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, Wt = (o, t
3689
3688
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3690
3689
  return n && i && ti(t, e, i), i;
3691
3690
  };
3692
- let bt = class extends u {
3691
+ let gt = class extends u {
3693
3692
  constructor() {
3694
3693
  super(...arguments), this.option = {}, this.imageSize = 64;
3695
3694
  }
@@ -3707,7 +3706,7 @@ let bt = class extends u {
3707
3706
  return o ? l`<a href="${k(this.option.url)}" class="reassurance-item clickable">${e}</a>` : l`<div class="reassurance-item">${e}</div>`;
3708
3707
  }
3709
3708
  };
3710
- bt.styles = f`
3709
+ gt.styles = f`
3711
3710
  :host {
3712
3711
  display: inline-block;
3713
3712
  position: relative;
@@ -3791,13 +3790,13 @@ bt.styles = f`
3791
3790
  `;
3792
3791
  Wt([
3793
3792
  a({ type: Object, reflect: !0 })
3794
- ], bt.prototype, "option", 2);
3793
+ ], gt.prototype, "option", 2);
3795
3794
  Wt([
3796
3795
  a({ type: Number, reflect: !0 })
3797
- ], bt.prototype, "imageSize", 2);
3798
- bt = Wt([
3796
+ ], gt.prototype, "imageSize", 2);
3797
+ gt = Wt([
3799
3798
  y("o-reassurance")
3800
- ], bt);
3799
+ ], gt);
3801
3800
  var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, V = (o, t, e, n) => {
3802
3801
  for (var i = n > 1 ? void 0 : n ? ii(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3803
3802
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
@@ -3903,7 +3902,7 @@ A.styles = f`
3903
3902
  }
3904
3903
 
3905
3904
  &:focus-visible {
3906
- ${xt};
3905
+ ${at};
3907
3906
  }
3908
3907
  }
3909
3908
 
@@ -3949,7 +3948,7 @@ var ri = Object.defineProperty, si = Object.getOwnPropertyDescriptor, Gt = (o, t
3949
3948
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
3950
3949
  return n && i && ri(t, e, i), i;
3951
3950
  };
3952
- let gt = class extends u {
3951
+ let yt = class extends u {
3953
3952
  constructor() {
3954
3953
  super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
3955
3954
  }
@@ -3965,7 +3964,7 @@ let gt = class extends u {
3965
3964
  `;
3966
3965
  }
3967
3966
  };
3968
- gt.styles = f`
3967
+ yt.styles = f`
3969
3968
  :host {
3970
3969
  display: flex;
3971
3970
  flex-direction: row;
@@ -3975,13 +3974,13 @@ gt.styles = f`
3975
3974
  `;
3976
3975
  Gt([
3977
3976
  a({ reflect: !0 })
3978
- ], gt.prototype, "name", 2);
3977
+ ], yt.prototype, "name", 2);
3979
3978
  Gt([
3980
3979
  a({ reflect: !0 })
3981
- ], gt.prototype, "value", 2);
3982
- gt = Gt([
3980
+ ], yt.prototype, "value", 2);
3981
+ yt = Gt([
3983
3982
  y("o-chipset")
3984
- ], gt);
3983
+ ], yt);
3985
3984
  var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, T = (o, t, e, n) => {
3986
3985
  for (var i = n > 1 ? void 0 : n ? li(t, e) : t, r = o.length - 1, s; r >= 0; r--)
3987
3986
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
@@ -4118,7 +4117,7 @@ L.styles = f`
4118
4117
  }
4119
4118
 
4120
4119
  .button:focus-visible {
4121
- ${xt};
4120
+ ${at};
4122
4121
  }
4123
4122
 
4124
4123
  span.text + span.text::before {
@@ -4374,7 +4373,7 @@ var di = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, Xt = (o, t
4374
4373
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
4375
4374
  return n && i && di(t, e, i), i;
4376
4375
  };
4377
- let yt = class extends u {
4376
+ let mt = class extends u {
4378
4377
  constructor() {
4379
4378
  super(...arguments), this.variant = "cart", this.text = "";
4380
4379
  }
@@ -4386,7 +4385,7 @@ let yt = class extends u {
4386
4385
  `;
4387
4386
  }
4388
4387
  };
4389
- yt.styles = f`
4388
+ mt.styles = f`
4390
4389
  :host([variant]) {
4391
4390
  --badge-width: 19px;
4392
4391
  display: inline-block;
@@ -4423,13 +4422,13 @@ yt.styles = f`
4423
4422
  `;
4424
4423
  Xt([
4425
4424
  a({ type: String, reflect: !0 })
4426
- ], yt.prototype, "variant", 2);
4425
+ ], mt.prototype, "variant", 2);
4427
4426
  Xt([
4428
4427
  a({ type: String })
4429
- ], yt.prototype, "text", 2);
4430
- yt = Xt([
4428
+ ], mt.prototype, "text", 2);
4429
+ mt = Xt([
4431
4430
  y("o-badge")
4432
- ], yt);
4431
+ ], mt);
4433
4432
  var ui = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, O = (o, t, e, n) => {
4434
4433
  for (var i = n > 1 ? void 0 : n ? vi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
4435
4434
  (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.9.10",
3
+ "version": "0.9.11",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",