@florid-kit/components 2.1.5 → 2.1.6

package/index.js

@@ -12,7 +12,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */const L1=globalThis,P1=L1.trustedTypes,V2=P1?P1.createPolicy("lit-html",{createHTML:e=>e}):void 0,A2="$lit$",i1=`lit$${Math.random().toFixed(9).slice(2)}$`,O2="?"+i1,J2=`<${O2}>`,c1=document,x1=()=>c1.createComment(""),V1=e=>e===null||typeof e!="object"&&typeof e!="function",o2=Array.isArray,Q2=e=>o2(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",N1=`[ 	
 \f\r]`,b1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H2=/-->/g,B2=/>/g,r1=RegExp(`>|${N1}(?:([^\\s"'>=/]+)(${N1}*=${N1}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),$2=/'/g,E2=/"/g,P2=/^(?:script|style|textarea|title)$/i,Y2=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),a=Y2(1),n1=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),M2=new WeakMap,l1=c1.createTreeWalker(c1,129);function z2(e,t){if(!o2(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return V2!==void 0?V2.createHTML(t):t}const t0=(e,t)=>{const i=e.length-1,n=[];let o,s=t===2?"<svg>":t===3?"<math>":"",r=b1;for(let c=0;c<i;c++){const h=e[c];let u,b,f=-1,K=0;for(;K<h.length&&(r.lastIndex=K,b=r.exec(h),b!==null);)K=r.lastIndex,r===b1?b[1]==="!--"?r=H2:b[1]!==void 0?r=B2:b[2]!==void 0?(P2.test(b[2])&&(o=RegExp("</"+b[2],"g")),r=r1):b[3]!==void 0&&(r=r1):r===r1?b[0]===">"?(r=o??b1,f=-1):b[1]===void 0?f=-2:(f=r.lastIndex-b[2].length,u=b[1],r=b[3]===void 0?r1:b[3]==='"'?E2:$2):r===E2||r===$2?r=r1:r===H2||r===B2?r=b1:(r=r1,o=void 0);const e1=r===r1&&e[c+1].startsWith("/>")?" ":"";s+=r===b1?h+J2:f>=0?(n.push(u),h.slice(0,f)+A2+h.slice(f)+i1+e1):h+i1+(f===-2?c:e1)}return[z2(e,s+(e[i]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class H1{constructor({strings:t,_$litType$:i},n){let o;this.parts=[];let s=0,r=0;const c=t.length-1,h=this.parts,[u,b]=t0(t,i);if(this.el=H1.createElement(u,n),l1.currentNode=this.el.content,i===2||i===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(o=l1.nextNode())!==null&&h.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const f of o.getAttributeNames())if(f.endsWith(A2)){const K=b[r++],e1=o.getAttribute(f).split(i1),S1=/([.?@])?(.*)/.exec(K);h.push({type:1,index:s,name:S1[2],strings:e1,ctor:S1[1]==="."?i0:S1[1]==="?"?o0:S1[1]==="@"?n0:I1}),o.removeAttribute(f)}else f.startsWith(i1)&&(h.push({type:6,index:s}),o.removeAttribute(f));if(P2.test(o.tagName)){const f=o.textContent.split(i1),K=f.length-1;if(K>0){o.textContent=P1?P1.emptyScript:"";for(let e1=0;e1<K;e1++)o.append(f[e1],x1()),l1.nextNode(),h.push({type:2,index:++s});o.append(f[K],x1())}}}else if(o.nodeType===8)if(o.data===O2)h.push({type:2,index:s});else{let f=-1;for(;(f=o.data.indexOf(i1,f+1))!==-1;)h.push({type:7,index:s}),f+=i1.length-1}s++}}static createElement(t,i){const n=c1.createElement("template");return n.innerHTML=t,n}}function g1(e,t,i=e,n){var r,c;if(t===n1)return t;let o=n!==void 0?(r=i._$Co)==null?void 0:r[n]:i._$Cl;const s=V1(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==s&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),s===void 0?o=void 0:(o=new s(e),o._$AT(e,i,n)),n!==void 0?(i._$Co??(i._$Co=[]))[n]=o:i._$Cl=o),o!==void 0&&(t=g1(e,o._$AS(e,t.values),o,n)),t}class e0{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:n}=this._$AD,o=((t==null?void 0:t.creationScope)??c1).importNode(i,!0);l1.currentNode=o;let s=l1.nextNode(),r=0,c=0,h=n[0];for(;h!==void 0;){if(r===h.index){let u;h.type===2?u=new _1(s,s.nextSibling,this,t):h.type===1?u=new h.ctor(s,h.name,h.strings,this,t):h.type===6&&(u=new s0(s,this,t)),this._$AV.push(u),h=n[++c]}r!==(h==null?void 0:h.index)&&(s=l1.nextNode(),r++)}return l1.currentNode=c1,o}p(t){let i=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,i),i+=n.strings.length-2):n._$AI(t[i])),i++}}class _1{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,i,n,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=n,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return i!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=g1(this,t,i),V1(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==n1&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Q2(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&&V1(this._$AH)?this._$AA.nextSibling.data=t:this.T(c1.createTextNode(t)),this._$AH=t}$(t){var s;const{values:i,_$litType$:n}=t,o=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=H1.createElement(z2(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(i);else{const r=new e0(o,this),c=r.u(this.options);r.p(i),this.T(c),this._$AH=r}}_$AC(t){let i=M2.get(t.strings);return i===void 0&&M2.set(t.strings,i=new H1(t)),i}k(t){o2(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let n,o=0;for(const s of t)o===i.length?i.push(n=new _1(this.O(x1()),this.O(x1()),this,this.options)):n=i[o],n._$AI(s),o++;o<i.length&&(this._$AR(n&&n._$AB.nextSibling,o),i.length=o)}_$AR(t=this._$AA.nextSibling,i){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,i);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var i;this._$AM===void 0&&(this._$Cv=t,(i=this._$AP)==null||i.call(this,t))}}class I1{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,n,o,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,i=this,n,o){const s=this.strings;let r=!1;if(s===void 0)t=g1(this,t,i,0),r=!V1(t)||t!==this._$AH&&t!==n1,r&&(this._$AH=t);else{const c=t;let h,u;for(t=s[0],h=0;h<s.length-1;h++)u=g1(this,c[n+h],i,h),u===n1&&(u=this._$AH[h]),r||(r=!V1(u)||u!==this._$AH[h]),u===d?t=d:t!==d&&(t+=(u??"")+s[h+1]),this._$AH[h]=u}r&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class i0 extends I1{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class o0 extends I1{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class n0 extends I1{constructor(t,i,n,o,s){super(t,i,n,o,s),this.type=5}_$AI(t,i=this){if((t=g1(this,t,i,0)??d)===n1)return;const n=this._$AH,o=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||o);o&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i;typeof this._$AH=="function"?this._$AH.call(((i=this.options)==null?void 0:i.host)??this.element,t):this._$AH.handleEvent(t)}}class s0{constructor(t,i,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){g1(this,t)}}const q1=L1.litHtmlPolyfillSupport;q1==null||q1(H1,_1),(L1.litHtmlVersions??(L1.litHtmlVersions=[])).push("3.3.0");const r0=(e,t,i)=>{const n=(i==null?void 0:i.renderBefore)??t;let o=n._$litPart$;if(o===void 0){const s=(i==null?void 0:i.renderBefore)??null;n._$litPart$=o=new _1(t.insertBefore(x1(),s),s,void 0,i??{})}return o._$AI(e),o};/**
+\f\r"'\`<>=]|("|')|))|$)`,"g"),$2=/'/g,E2=/"/g,P2=/^(?:script|style|textarea|title)$/i,Y2=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),a=Y2(1),n1=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),M2=new WeakMap,l1=c1.createTreeWalker(c1,129);function z2(e,t){if(!o2(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return V2!==void 0?V2.createHTML(t):t}const t0=(e,t)=>{const i=e.length-1,n=[];let o,s=t===2?"<svg>":t===3?"<math>":"",r=b1;for(let c=0;c<i;c++){const h=e[c];let u,b,f=-1,W=0;for(;W<h.length&&(r.lastIndex=W,b=r.exec(h),b!==null);)W=r.lastIndex,r===b1?b[1]==="!--"?r=H2:b[1]!==void 0?r=B2:b[2]!==void 0?(P2.test(b[2])&&(o=RegExp("</"+b[2],"g")),r=r1):b[3]!==void 0&&(r=r1):r===r1?b[0]===">"?(r=o??b1,f=-1):b[1]===void 0?f=-2:(f=r.lastIndex-b[2].length,u=b[1],r=b[3]===void 0?r1:b[3]==='"'?E2:$2):r===E2||r===$2?r=r1:r===H2||r===B2?r=b1:(r=r1,o=void 0);const e1=r===r1&&e[c+1].startsWith("/>")?" ":"";s+=r===b1?h+J2:f>=0?(n.push(u),h.slice(0,f)+A2+h.slice(f)+i1+e1):h+i1+(f===-2?c:e1)}return[z2(e,s+(e[i]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class H1{constructor({strings:t,_$litType$:i},n){let o;this.parts=[];let s=0,r=0;const c=t.length-1,h=this.parts,[u,b]=t0(t,i);if(this.el=H1.createElement(u,n),l1.currentNode=this.el.content,i===2||i===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(o=l1.nextNode())!==null&&h.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const f of o.getAttributeNames())if(f.endsWith(A2)){const W=b[r++],e1=o.getAttribute(f).split(i1),S1=/([.?@])?(.*)/.exec(W);h.push({type:1,index:s,name:S1[2],strings:e1,ctor:S1[1]==="."?i0:S1[1]==="?"?o0:S1[1]==="@"?n0:I1}),o.removeAttribute(f)}else f.startsWith(i1)&&(h.push({type:6,index:s}),o.removeAttribute(f));if(P2.test(o.tagName)){const f=o.textContent.split(i1),W=f.length-1;if(W>0){o.textContent=P1?P1.emptyScript:"";for(let e1=0;e1<W;e1++)o.append(f[e1],x1()),l1.nextNode(),h.push({type:2,index:++s});o.append(f[W],x1())}}}else if(o.nodeType===8)if(o.data===O2)h.push({type:2,index:s});else{let f=-1;for(;(f=o.data.indexOf(i1,f+1))!==-1;)h.push({type:7,index:s}),f+=i1.length-1}s++}}static createElement(t,i){const n=c1.createElement("template");return n.innerHTML=t,n}}function g1(e,t,i=e,n){var r,c;if(t===n1)return t;let o=n!==void 0?(r=i._$Co)==null?void 0:r[n]:i._$Cl;const s=V1(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==s&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),s===void 0?o=void 0:(o=new s(e),o._$AT(e,i,n)),n!==void 0?(i._$Co??(i._$Co=[]))[n]=o:i._$Cl=o),o!==void 0&&(t=g1(e,o._$AS(e,t.values),o,n)),t}class e0{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:n}=this._$AD,o=((t==null?void 0:t.creationScope)??c1).importNode(i,!0);l1.currentNode=o;let s=l1.nextNode(),r=0,c=0,h=n[0];for(;h!==void 0;){if(r===h.index){let u;h.type===2?u=new _1(s,s.nextSibling,this,t):h.type===1?u=new h.ctor(s,h.name,h.strings,this,t):h.type===6&&(u=new s0(s,this,t)),this._$AV.push(u),h=n[++c]}r!==(h==null?void 0:h.index)&&(s=l1.nextNode(),r++)}return l1.currentNode=c1,o}p(t){let i=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,i),i+=n.strings.length-2):n._$AI(t[i])),i++}}class _1{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,i,n,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=n,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return i!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=g1(this,t,i),V1(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==n1&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Q2(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&&V1(this._$AH)?this._$AA.nextSibling.data=t:this.T(c1.createTextNode(t)),this._$AH=t}$(t){var s;const{values:i,_$litType$:n}=t,o=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=H1.createElement(z2(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(i);else{const r=new e0(o,this),c=r.u(this.options);r.p(i),this.T(c),this._$AH=r}}_$AC(t){let i=M2.get(t.strings);return i===void 0&&M2.set(t.strings,i=new H1(t)),i}k(t){o2(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let n,o=0;for(const s of t)o===i.length?i.push(n=new _1(this.O(x1()),this.O(x1()),this,this.options)):n=i[o],n._$AI(s),o++;o<i.length&&(this._$AR(n&&n._$AB.nextSibling,o),i.length=o)}_$AR(t=this._$AA.nextSibling,i){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,i);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var i;this._$AM===void 0&&(this._$Cv=t,(i=this._$AP)==null||i.call(this,t))}}class I1{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,n,o,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,i=this,n,o){const s=this.strings;let r=!1;if(s===void 0)t=g1(this,t,i,0),r=!V1(t)||t!==this._$AH&&t!==n1,r&&(this._$AH=t);else{const c=t;let h,u;for(t=s[0],h=0;h<s.length-1;h++)u=g1(this,c[n+h],i,h),u===n1&&(u=this._$AH[h]),r||(r=!V1(u)||u!==this._$AH[h]),u===d?t=d:t!==d&&(t+=(u??"")+s[h+1]),this._$AH[h]=u}r&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class i0 extends I1{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class o0 extends I1{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class n0 extends I1{constructor(t,i,n,o,s){super(t,i,n,o,s),this.type=5}_$AI(t,i=this){if((t=g1(this,t,i,0)??d)===n1)return;const n=this._$AH,o=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||o);o&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i;typeof this._$AH=="function"?this._$AH.call(((i=this.options)==null?void 0:i.host)??this.element,t):this._$AH.handleEvent(t)}}class s0{constructor(t,i,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){g1(this,t)}}const q1=L1.litHtmlPolyfillSupport;q1==null||q1(H1,_1),(L1.litHtmlVersions??(L1.litHtmlVersions=[])).push("3.3.0");const r0=(e,t,i)=>{const n=(i==null?void 0:i.renderBefore)??t;let o=n._$litPart$;if(o===void 0){const s=(i==null?void 0:i.renderBefore)??null;n._$litPart$=o=new _1(t.insertBefore(x1(),s),s,void 0,i??{})}return o._$AI(e),o};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -28,7 +28,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function J(e){return l({...e,state:!0,attribute:!1})}/**
+ */function Q(e){return l({...e,state:!0,attribute:!1})}/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -36,7 +36,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function n2(e,t){return(i,n,o)=>{const s=r=>{var c;return((c=r.renderRoot)==null?void 0:c.querySelector(e))??null};return c0(i,n,{get(){return s(this)}})}}const Q=C`
+ */function n2(e,t){return(i,n,o)=>{const s=r=>{var c;return((c=r.renderRoot)==null?void 0:c.querySelector(e))??null};return c0(i,n,{get(){return s(this)}})}}const j=C`
 	outline: 1px dashed var(--color-border-primary);
 	outline-offset: 2px;
 `;C`
@@ -889,7 +889,7 @@
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const E=e=>e??d;var d5=Object.defineProperty,p5=Object.getOwnPropertyDescriptor,R=(e,t,i,n)=>{for(var o=n>1?void 0:n?p5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&d5(t,i,o),o};let Z=class extends p{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(e){super.updated(e),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){if(!this.icon)return d;const{svg:e,pixelSize:t,shouldApplyLogicalSize:i}=t5(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,o=i?` width="${t}" height="${t}"`:"",r=(i?e.replace(/\s(width|height)=\"[^\"]*\"/g,""):e).replace("<svg",`<svg aria-hidden="true" focusable="false" part="svg"${o}`).replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),c=this.showSrLabel?a`<span class="sr-only">${this.srLabel}</span>`:null,h=this.showSrLabel?null:"icon";return a`
+ */const E=e=>e??d;var d5=Object.defineProperty,p5=Object.getOwnPropertyDescriptor,U=(e,t,i,n)=>{for(var o=n>1?void 0:n?p5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&d5(t,i,o),o};let Z=class extends p{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(e){super.updated(e),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){if(!this.icon)return d;const{svg:e,pixelSize:t,shouldApplyLogicalSize:i}=t5(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,o=i?` width="${t}" height="${t}"`:"",r=(i?e.replace(/\s(width|height)=\"[^\"]*\"/g,""):e).replace("<svg",`<svg aria-hidden="true" focusable="false" part="svg"${o}`).replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),c=this.showSrLabel?a`<span class="sr-only">${this.srLabel}</span>`:null,h=this.showSrLabel?null:"icon";return a`
 			${this.type==="span"?a`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}" ?disabled="${this.disabled}">	
 					${z(r)}
@@ -1086,13 +1086,13 @@
 		}
 
 		.icon-button:focus-visible {
-			${Q}
+			${j}
 		}
 
 		.sr-only {
 			${s2}
 		}
-	`;R([l({type:String,reflect:!0})],Z.prototype,"bgstyle",2);R([l({type:String,reflect:!0})],Z.prototype,"size",2);R([l({type:String,reflect:!0})],Z.prototype,"status",2);R([l({type:String,reflect:!0})],Z.prototype,"type",2);R([l({type:String})],Z.prototype,"strokewidth",2);R([l({type:String})],Z.prototype,"icon",2);R([l({type:Boolean,reflect:!0})],Z.prototype,"disabled",2);R([l({type:Boolean})],Z.prototype,"showSrLabel",2);R([l({type:String})],Z.prototype,"srLabel",2);Z=R([v("o-icon-button")],Z);var C5=Object.defineProperty,g5=Object.getOwnPropertyDescriptor,w=(e,t,i,n)=>{for(var o=n>1?void 0:n?g5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&C5(t,i,o),o};let g=class extends p{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.labelAriaDialogPanel="",this.addToBagProductCount="",this.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",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.previousFocusedSelector=null,this._onOpenDetail=async e=>{var i,n;const t=((i=e.detail)==null?void 0:i.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 o=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");o&&o.setAttribute("fromelement",this._detailOriginClass)}await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=e=>{this.open&&(e.key==="Escape"?this.closePanel():e.key==="Tab"&&this.trapFocus(e))},this.handleClosePanel=e=>{if(e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" ")return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget,i=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&i){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),o=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const s=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",s),o()};n.addEventListener("animationend",s)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}focusFirstInPanel(){var t,i,n;(n=this.getFocusableElements().map(o=>this.resolveFocusable(o)).filter(o=>!!o&&!o.hasAttribute("disabled"))[0]??((t=this.shadowRoot)==null?void 0:t.querySelector(".close-btn"))??((i=this.shadowRoot)==null?void 0:i.querySelector(".panel")))==null||n.focus({preventScroll:!0})}resolveFocusable(e){var i;const t=e.tagName.toLowerCase();return t==="o-icon-button"||t==="o-button"?((i=e.shadowRoot)==null?void 0:i.querySelector("button, .button"))??e:e}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),this.addEventListener("focusin",e=>{e.composedPath()[0]===this&&this.focusFirstInPanel()})}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 o,s,r,c,h;await this.updateComplete;const e=this.getDeepActiveElement(document);if(e&&e!==document.body)try{e.blur()}catch{}await new Promise(requestAnimationFrame);const t=(o=this.shadowRoot)==null?void 0:o.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(r=((s=t.shadowRoot)==null?void 0:s.querySelector("button"))??t)==null?void 0:r.focus)==null||c.call(r,{preventScroll:!0});const n=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');n&&n.setAttribute("aria-label",this.labelAriaDialogPanel||"panel-title")}_restoreFocusToOrigin(){var t,i;const e=this._detailOriginEl;!e||!document.contains(e)||((i=(t=document.activeElement)==null?void 0:t.blur)==null||i.call(t),requestAnimationFrame(()=>{var o;e.classList.add("a--tabfocus"),(((o=e.shadowRoot)==null?void 0:o.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??e).focus({preventScroll:!0})}))}getDeepActiveElement(e=this.shadowRoot){let t=e.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(e){var s;if(e.key!=="Tab")return;const t=this.shadowRoot;if(!t)return;const i=this.getDeepActiveElement();if(this.showDetail){const r=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),h=r?this.resolveFocusable(r):null,u=c?this.resolveFocusable(c):null;if(e.shiftKey&&h&&i===h&&u){e.preventDefault(),e.stopPropagation(),u.focus({preventScroll:!0});return}if(!e.shiftKey&&u&&i===u){e.preventDefault(),e.stopPropagation(),(((s=t.querySelector(".detail-scroller"))==null?void 0:s.querySelector(g.focusablesSelector))??h??u).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const r=t.querySelector(".close-btn"),c=r?this.resolveFocusable(r):null,h=t.querySelector(".js-clear-refinements"),u=h?this.resolveFocusable(h):null,b=f=>{e.preventDefault(),e.stopPropagation(),f.focus()};if(c&&u){if(!e.shiftKey&&i===u)return b(c);if(e.shiftKey&&i===c)return b(u)}}const o=this.renderRoot.querySelector(".close-btn");if(!e.shiftKey&&o&&o.contains(i)){e.preventDefault();const r=this.renderRoot.querySelector(".o-whats-inside--content p");r==null||r.focus()}}getFocusableElements(){const e=this.renderRoot.querySelector(".panel");if(!e)return[];function t(o){return!(o.disabled||o.hasAttribute("disabled")||o.hasAttribute("tabindex")&&o.getAttribute("tabindex")==="-1")}function i(o){var r;const s=[o.matches(g.focusablesSelector)?o:[]];if(!["o-icon-button","o-button"].includes(o.tagName.toLowerCase())){const c=Array.from(o instanceof HTMLSlotElement?o.assignedElements({flatten:!0}):[]).filter(t).flatMap(i),h=Array.from(((r=o.shadowRoot)==null?void 0:r.querySelectorAll("*"))||[]).filter(t).flatMap(i);s.push(...c,...h)}return s.flat()}return Array.from(e.querySelectorAll("*")).filter(t).flatMap(i)}openPanel(){var t;this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.previousFocusedSelector=(t=this.previousFocusedElement)==null?void 0:t.getAttribute("paneltarget"),this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const e=this.renderRoot.querySelector(".panel");e&&e.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var i,n;if(this.showHeader){const o=(i=this.shadowRoot)==null?void 0:i.querySelector(".panel .close-btn"),s=this.resolveFocusable(o);(n=s==null?void 0:s.focus)==null||n.call(s,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var i,n,o;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel");let e=this.previousFocusedElement;e!=null&&e.isConnected||(e=document.querySelector(`[paneltarget="${this.previousFocusedSelector}"]`)),(e==null?void 0:e.tagName.toLowerCase())==="o-button"?(o=(n=(i=e.shadowRoot)==null?void 0:i.querySelector(".button"))==null?void 0:n.focus)==null||o.call(n):e==null||e.focus();const t=this.renderRoot.querySelector(".panel");t&&t.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:e.target}})))}handleSecondClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:e.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 e=this.showHeader?a`
+	`;U([l({type:String,reflect:!0})],Z.prototype,"bgstyle",2);U([l({type:String,reflect:!0})],Z.prototype,"size",2);U([l({type:String,reflect:!0})],Z.prototype,"status",2);U([l({type:String,reflect:!0})],Z.prototype,"type",2);U([l({type:String})],Z.prototype,"strokewidth",2);U([l({type:String})],Z.prototype,"icon",2);U([l({type:Boolean,reflect:!0})],Z.prototype,"disabled",2);U([l({type:Boolean})],Z.prototype,"showSrLabel",2);U([l({type:String})],Z.prototype,"srLabel",2);Z=U([v("o-icon-button")],Z);var C5=Object.defineProperty,g5=Object.getOwnPropertyDescriptor,w=(e,t,i,n)=>{for(var o=n>1?void 0:n?g5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&C5(t,i,o),o};let g=class extends p{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.labelAriaDialogPanel="",this.addToBagProductCount="",this.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",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.previousFocusedSelector=null,this._onOpenDetail=async e=>{var i,n;const t=((i=e.detail)==null?void 0:i.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 o=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");o&&o.setAttribute("fromelement",this._detailOriginClass)}await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=e=>{this.open&&(e.key==="Escape"?this.closePanel():e.key==="Tab"&&this.trapFocus(e))},this.handleClosePanel=e=>{if(e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" ")return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget,i=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&i){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),o=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const s=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",s),o()};n.addEventListener("animationend",s)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}focusFirstInPanel(){var t,i,n;(n=this.getFocusableElements().map(o=>this.resolveFocusable(o)).filter(o=>!!o&&!o.hasAttribute("disabled"))[0]??((t=this.shadowRoot)==null?void 0:t.querySelector(".close-btn"))??((i=this.shadowRoot)==null?void 0:i.querySelector(".panel")))==null||n.focus({preventScroll:!0})}resolveFocusable(e){var i;const t=e.tagName.toLowerCase();return t==="o-icon-button"||t==="o-button"?((i=e.shadowRoot)==null?void 0:i.querySelector("button, .button"))??e:e}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),this.addEventListener("focusin",e=>{e.composedPath()[0]===this&&this.focusFirstInPanel()})}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 o,s,r,c,h;await this.updateComplete;const e=this.getDeepActiveElement(document);if(e&&e!==document.body)try{e.blur()}catch{}await new Promise(requestAnimationFrame);const t=(o=this.shadowRoot)==null?void 0:o.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(r=((s=t.shadowRoot)==null?void 0:s.querySelector("button"))??t)==null?void 0:r.focus)==null||c.call(r,{preventScroll:!0});const n=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');n&&n.setAttribute("aria-label",this.labelAriaDialogPanel||"panel-title")}_restoreFocusToOrigin(){var t,i;const e=this._detailOriginEl;!e||!document.contains(e)||((i=(t=document.activeElement)==null?void 0:t.blur)==null||i.call(t),requestAnimationFrame(()=>{var o;e.classList.add("a--tabfocus"),(((o=e.shadowRoot)==null?void 0:o.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??e).focus({preventScroll:!0})}))}getDeepActiveElement(e=this.shadowRoot){let t=e.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(e){var s;if(e.key!=="Tab")return;const t=this.shadowRoot;if(!t)return;const i=this.getDeepActiveElement();if(this.showDetail){const r=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),h=r?this.resolveFocusable(r):null,u=c?this.resolveFocusable(c):null;if(e.shiftKey&&h&&i===h&&u){e.preventDefault(),e.stopPropagation(),u.focus({preventScroll:!0});return}if(!e.shiftKey&&u&&i===u){e.preventDefault(),e.stopPropagation(),(((s=t.querySelector(".detail-scroller"))==null?void 0:s.querySelector(g.focusablesSelector))??h??u).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const r=t.querySelector(".close-btn"),c=r?this.resolveFocusable(r):null,h=t.querySelector(".js-clear-refinements"),u=h?this.resolveFocusable(h):null,b=f=>{e.preventDefault(),e.stopPropagation(),f.focus()};if(c&&u){if(!e.shiftKey&&i===u)return b(c);if(e.shiftKey&&i===c)return b(u)}}const o=this.renderRoot.querySelector(".close-btn");if(!e.shiftKey&&o&&o.contains(i)){e.preventDefault();const r=this.renderRoot.querySelector(".o-whats-inside--content p");r==null||r.focus()}}getFocusableElements(){const e=this.renderRoot.querySelector(".panel");if(!e)return[];function t(o){return!(o.disabled||o.hasAttribute("disabled")||o.hasAttribute("tabindex")&&o.getAttribute("tabindex")==="-1")}function i(o){var r;const s=[o.matches(g.focusablesSelector)?o:[]];if(!["o-icon-button","o-button"].includes(o.tagName.toLowerCase())){const c=Array.from(o instanceof HTMLSlotElement?o.assignedElements({flatten:!0}):[]).filter(t).flatMap(i),h=Array.from(((r=o.shadowRoot)==null?void 0:r.querySelectorAll("*"))||[]).filter(t).flatMap(i);s.push(...c,...h)}return s.flat()}return Array.from(e.querySelectorAll("*")).filter(t).flatMap(i)}openPanel(){var t;this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.previousFocusedSelector=(t=this.previousFocusedElement)==null?void 0:t.getAttribute("paneltarget"),this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const e=this.renderRoot.querySelector(".panel");e&&e.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var i,n;if(this.showHeader){const o=(i=this.shadowRoot)==null?void 0:i.querySelector(".panel .close-btn"),s=this.resolveFocusable(o);(n=s==null?void 0:s.focus)==null||n.call(s,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var i,n,o;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel");let e=this.previousFocusedElement;e!=null&&e.isConnected||(e=document.querySelector(`[paneltarget="${this.previousFocusedSelector}"]`)),(e==null?void 0:e.tagName.toLowerCase())==="o-button"?(o=(n=(i=e.shadowRoot)==null?void 0:i.querySelector(".button"))==null?void 0:n.focus)==null||o.call(n):e==null||e.focus();const t=this.renderRoot.querySelector(".panel");t&&t.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:e.target}})))}handleSecondClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:e.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 e=this.showHeader?a`
 			<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
 			${this.showHeaderStartIcon?a`
 			<o-icon-button
@@ -1321,7 +1321,7 @@
 
 		.panel:focus-visible,
 		.close-btn:focus-visible {
-			${Q}
+			${j}
 		}
 
 		[role="document"] {
@@ -1455,6 +1455,10 @@
       outline: none !important;
     }
 
+    :host(.a--tabfocus) .button {
+      ${j};
+    }
+
     :host([fullwidth]) {
       width: 100%;
     }
@@ -1559,7 +1563,7 @@
     }
 
     .button:focus-visible {
-      ${Q};
+      ${j};
     }
 
     span.text + span.text::before {
@@ -1684,7 +1688,7 @@
 		}
 
 		.wishlist-button:focus-visible {
-			${Q};
+			${j};
 		}
 
 		.wishlist-button:hover svg path {
@@ -1708,7 +1712,7 @@
 		.sr-only {
 			${s2}
 		}
-	`;D1([l({type:String,reflect:!0})],u1.prototype,"status",2);D1([l({type:String,reflect:!0})],u1.prototype,"ariaDescribedBy",2);D1([l({type:String,reflect:!0})],u1.prototype,"label",2);u1=D1([v("o-wishlist-button")],u1);var m5=Object.defineProperty,L5=Object.getOwnPropertyDescriptor,h1=(e,t,i,n)=>{for(var o=n>1?void 0:n?L5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&m5(t,i,o),o};let W=class extends p{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(e){(!this.href||this.href==="#")&&e.preventDefault()}render(){const e=!!this.href,t=a`
+	`;D1([l({type:String,reflect:!0})],u1.prototype,"status",2);D1([l({type:String,reflect:!0})],u1.prototype,"ariaDescribedBy",2);D1([l({type:String,reflect:!0})],u1.prototype,"label",2);u1=D1([v("o-wishlist-button")],u1);var m5=Object.defineProperty,L5=Object.getOwnPropertyDescriptor,h1=(e,t,i,n)=>{for(var o=n>1?void 0:n?L5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&m5(t,i,o),o};let G=class extends p{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(e){(!this.href||this.href==="#")&&e.preventDefault()}render(){const e=!!this.href,t=a`
             ${this.endIcon&&this.reverseEndIcon?a`
                         <o-icon-button
                             icon="occ-chevron-left"
@@ -1737,7 +1741,7 @@
                     >
                         ${t}
                     </a>
-                `:a`<span class="link-wrapper">${t}</span>`}};W.styles=C`
+                `:a`<span class="link-wrapper">${t}</span>`}};G.styles=C`
         :host {
             cursor: pointer;
         }
@@ -1823,7 +1827,7 @@
                 transform: translateX(-4px);
             }
         }
-    `;h1([l({type:String})],W.prototype,"href",2);h1([l({type:String})],W.prototype,"target",2);h1([l({type:String,reflect:!0})],W.prototype,"template",2);h1([l({type:Boolean,reflect:!0})],W.prototype,"inverse",2);h1([l({type:Boolean,reflect:!0})],W.prototype,"endIcon",2);h1([l({type:Boolean,reflect:!0})],W.prototype,"reverseEndIcon",2);W=h1([v("o-link")],W);var y5=Object.defineProperty,x5=Object.getOwnPropertyDescriptor,T1=(e,t,i,n)=>{for(var o=n>1?void 0:n?x5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&y5(t,i,o),o};let v1=class extends p{constructor(){super(...arguments),this.rating=0}getStarKeys(){const e=[];for(let t=0;t<5;t++){const i=this.rating-t;let n;i>=1?n=100:i<=0?n=0:n=Math.round(i*100/25)*25,e.push(`star-${n}`)}return e}render(){const e=this.getStarKeys();return a`
+    `;h1([l({type:String})],G.prototype,"href",2);h1([l({type:String})],G.prototype,"target",2);h1([l({type:String,reflect:!0})],G.prototype,"template",2);h1([l({type:Boolean,reflect:!0})],G.prototype,"inverse",2);h1([l({type:Boolean,reflect:!0})],G.prototype,"endIcon",2);h1([l({type:Boolean,reflect:!0})],G.prototype,"reverseEndIcon",2);G=h1([v("o-link")],G);var y5=Object.defineProperty,x5=Object.getOwnPropertyDescriptor,T1=(e,t,i,n)=>{for(var o=n>1?void 0:n?x5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&y5(t,i,o),o};let v1=class extends p{constructor(){super(...arguments),this.rating=0}getStarKeys(){const e=[];for(let t=0;t<5;t++){const i=this.rating-t;let n;i>=1?n=100:i<=0?n=0:n=Math.round(i*100/25)*25,e.push(`star-${n}`)}return e}render(){const e=this.getStarKeys();return a`
 			<div class="rating">
 			<div class="stars">
 				${e.map(t=>a`<span class="star">${z(F1[t]??"")}</span>`)}
@@ -1863,7 +1867,7 @@
 			text-decoration: underline;
 			cursor: pointer;
 		}
-	`;T1([l({type:Number})],v1.prototype,"rating",2);T1([l({type:String})],v1.prototype,"reviewCount",2);T1([l({type:String})],v1.prototype,"href",2);v1=T1([v("o-rating")],v1);var V5=Object.defineProperty,H5=Object.getOwnPropertyDescriptor,s1=(e,t,i,n)=>{for(var o=n>1?void 0:n?H5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&V5(t,i,o),o};let j=class extends p{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=a`
+	`;T1([l({type:Number})],v1.prototype,"rating",2);T1([l({type:String})],v1.prototype,"reviewCount",2);T1([l({type:String})],v1.prototype,"href",2);v1=T1([v("o-rating")],v1);var V5=Object.defineProperty,H5=Object.getOwnPropertyDescriptor,s1=(e,t,i,n)=>{for(var o=n>1?void 0:n?H5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&V5(t,i,o),o};let R=class extends p{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=a`
     <o-icon-button
       icon="playerv"
       size="xsmall"
@@ -1892,7 +1896,7 @@
             </li>
           `})}
       </ul>
-    `}};j.styles=C`
+    `}};R.styles=C`
     :host {
       display: flex;
       gap: 5px;
@@ -1996,7 +2000,7 @@
       height: 0;
       width: 0;
     }
-  `;s1([l({type:Array})],j.prototype,"thumbnails",2);s1([l({type:Number})],j.prototype,"activeIndex",2);s1([l({type:Array})],j.prototype,"disabledIndexes",2);s1([l({type:String})],j.prototype,"maxWidth",2);s1([l({type:String})],j.prototype,"altressource",2);s1([l({type:Object})],j.prototype,"swiperInstance",2);s1([J()],j.prototype,"focusedIndex",2);j=s1([v("thumbnail-navigation")],j);var B5=Object.defineProperty,$5=Object.getOwnPropertyDescriptor,p2=(e,t,i,n)=>{for(var o=n>1?void 0:n?$5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&B5(t,i,o),o};let B1=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return a`
+  `;s1([l({type:Array})],R.prototype,"thumbnails",2);s1([l({type:Number})],R.prototype,"activeIndex",2);s1([l({type:Array})],R.prototype,"disabledIndexes",2);s1([l({type:String})],R.prototype,"maxWidth",2);s1([l({type:String})],R.prototype,"altressource",2);s1([l({type:Object})],R.prototype,"swiperInstance",2);s1([Q()],R.prototype,"focusedIndex",2);R=s1([v("thumbnail-navigation")],R);var B5=Object.defineProperty,$5=Object.getOwnPropertyDescriptor,p2=(e,t,i,n)=>{for(var o=n>1?void 0:n?$5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&B5(t,i,o),o};let B1=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return a`
       <p class="tag ${this.bgstyle}"><slot></slot></p>
     `}};B1.styles=C`
     .tag {
@@ -2337,7 +2341,7 @@
     input[type="hidden"] {
       display: none;
     }
-  `;Y([l({type:Array,reflect:!0})],I.prototype,"options",2);Y([l({type:String,reflect:!0})],I.prototype,"value",2);Y([l({type:String,reflect:!0})],I.prototype,"name",2);Y([l({type:Boolean,reflect:!0})],I.prototype,"disabled",2);Y([l({type:String,reflect:!0})],I.prototype,"width",2);Y([J()],I.prototype,"open",2);Y([J()],I.prototype,"activeIndex",2);Y([J()],I.prototype,"menuWidth",2);I=Y([v("o-dropdown")],I);var _5=Object.getOwnPropertyDescriptor,F5=(e,t,i,n)=>{for(var o=n>1?void 0:n?_5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let J1=class extends p{render(){return a` <span class="dots"></span> `}};J1.styles=C`
+  `;Y([l({type:Array,reflect:!0})],I.prototype,"options",2);Y([l({type:String,reflect:!0})],I.prototype,"value",2);Y([l({type:String,reflect:!0})],I.prototype,"name",2);Y([l({type:Boolean,reflect:!0})],I.prototype,"disabled",2);Y([l({type:String,reflect:!0})],I.prototype,"width",2);Y([Q()],I.prototype,"open",2);Y([Q()],I.prototype,"activeIndex",2);Y([Q()],I.prototype,"menuWidth",2);I=Y([v("o-dropdown")],I);var _5=Object.getOwnPropertyDescriptor,F5=(e,t,i,n)=>{for(var o=n>1?void 0:n?_5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let J1=class extends p{render(){return a` <span class="dots"></span> `}};J1.styles=C`
   :host {
     display: flex;
     align-items: center;
@@ -2379,7 +2383,7 @@
   :host([aria-current="true"]:active) .dots {
     background-color: var(--color-container-action-primary-pressed);
   }
-`;J1=F5([v("o-dots")],J1);var S5=Object.defineProperty,A5=Object.getOwnPropertyDescriptor,U=(e,t,i,n)=>{for(var o=n>1?void 0:n?A5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&S5(t,i,o),o};let _=class extends p{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._sent=new Set,this._pendingByKey=new Map,this._handleOutsideClick=e=>{this.contains(e.target)||(this.open=!1,this.activeIndex=-1,this._stopObserveVisibleItems())}}_getKey(e,t,i){return(t==null?void 0:t.productId)??e.value??String(i)}_scheduleFlush(){this._flushTimer||(this._flushTimer=window.setTimeout(()=>{this._flushTimer=void 0,this._flushPending()},80))}_flushPending(){if(!this.open||this._pendingByKey.size===0)return;const e=Array.from(this._pendingByKey.values());this._pendingByKey.clear(),this.dispatchEvent(new CustomEvent("event-tracking",{detail:{products:e},bubbles:!0,composed:!0}))}_emitTrackingEvent(e,t){const i=e==null?void 0:e.dataproduct;if(!i)return;let n;try{n=JSON.parse(i)}catch(o){console.warn("Invalid dataproduct JSON:",i,o);return}this.dispatchEvent(new CustomEvent("event-tracking",{detail:{product:n},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}_startObserveVisibleItems(){var t;this._stopObserveVisibleItems();const e=(t=this.renderRoot)==null?void 0:t.querySelector("#dropdown-listbox");e&&(this._io=new IntersectionObserver(i=>{if(this.open)for(const n of i){if(!n.isIntersecting)continue;const o=n.target,s=o.dataset.index;if(!s)continue;const r=Number(s),c=this.options[r];if(!c||c.disabled)continue;const h=c.dataproduct??o.dataset.product;if(!h)continue;let u;try{u=JSON.parse(h)}catch(f){console.warn("Invalid dataproduct JSON:",h,f);continue}const b=this._getKey(c,u,r);this._sent.has(b)||(this._sent.add(b),this._pendingByKey.set(b,u),this._scheduleFlush())}},{root:e,threshold:.75}),e.querySelectorAll("li[role='option']").forEach(i=>{var n;return(n=this._io)==null?void 0:n.observe(i)}))}_stopObserveVisibleItems(){var e;this._flushPending(),this._flushTimer&&(clearTimeout(this._flushTimer),this._flushTimer=void 0),(e=this._io)==null||e.disconnect(),this._io=void 0}toggle(){var e;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=(e=this.renderRoot)==null?void 0:e.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open?this.updateComplete.then(()=>{this._focusActiveOption(),this._startObserveVisibleItems()}):this._stopObserveVisibleItems()}}_focusActiveOption(){var t;const e=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);e==null||e.focus()}selectOption(e){this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:e.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(e){if(this.disabled){e.preventDefault();return}if(!this.open){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":e.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":e.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":e.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":e.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":e.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const e=F1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(i=>i.value===this.value);return a`
+`;J1=F5([v("o-dots")],J1);var S5=Object.defineProperty,A5=Object.getOwnPropertyDescriptor,N=(e,t,i,n)=>{for(var o=n>1?void 0:n?A5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&S5(t,i,o),o};let _=class extends p{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._sent=new Set,this._pendingByKey=new Map,this._handleOutsideClick=e=>{this.contains(e.target)||(this.open=!1,this.activeIndex=-1,this._stopObserveVisibleItems())}}_getKey(e,t,i){return(t==null?void 0:t.productId)??e.value??String(i)}_scheduleFlush(){this._flushTimer||(this._flushTimer=window.setTimeout(()=>{this._flushTimer=void 0,this._flushPending()},80))}_flushPending(){if(!this.open||this._pendingByKey.size===0)return;const e=Array.from(this._pendingByKey.values());this._pendingByKey.clear(),this.dispatchEvent(new CustomEvent("event-tracking",{detail:{products:e},bubbles:!0,composed:!0}))}_emitTrackingEvent(e,t){const i=e==null?void 0:e.dataproduct;if(!i)return;let n;try{n=JSON.parse(i)}catch(o){console.warn("Invalid dataproduct JSON:",i,o);return}this.dispatchEvent(new CustomEvent("event-tracking",{detail:{product:n},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}_startObserveVisibleItems(){var t;this._stopObserveVisibleItems();const e=(t=this.renderRoot)==null?void 0:t.querySelector("#dropdown-listbox");e&&(this._io=new IntersectionObserver(i=>{if(this.open)for(const n of i){if(!n.isIntersecting)continue;const o=n.target,s=o.dataset.index;if(!s)continue;const r=Number(s),c=this.options[r];if(!c||c.disabled)continue;const h=c.dataproduct??o.dataset.product;if(!h)continue;let u;try{u=JSON.parse(h)}catch(f){console.warn("Invalid dataproduct JSON:",h,f);continue}const b=this._getKey(c,u,r);this._sent.has(b)||(this._sent.add(b),this._pendingByKey.set(b,u),this._scheduleFlush())}},{root:e,threshold:.75}),e.querySelectorAll("li[role='option']").forEach(i=>{var n;return(n=this._io)==null?void 0:n.observe(i)}))}_stopObserveVisibleItems(){var e;this._flushPending(),this._flushTimer&&(clearTimeout(this._flushTimer),this._flushTimer=void 0),(e=this._io)==null||e.disconnect(),this._io=void 0}toggle(){var e;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=(e=this.renderRoot)==null?void 0:e.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open?this.updateComplete.then(()=>{this._focusActiveOption(),this._startObserveVisibleItems()}):this._stopObserveVisibleItems()}}_focusActiveOption(){var t;const e=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);e==null||e.focus()}selectOption(e){this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:e.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(e){if(this.disabled){e.preventDefault();return}if(!this.open){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":e.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":e.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":e.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":e.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":e.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const e=F1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(i=>i.value===this.value);return a`
 			<button
 				role="combobox"
 				aria-haspopup="listbox"
@@ -2620,7 +2624,7 @@
 	input[type="hidden"] {
 		display: none;
 	}
-	`;U([l({type:Array,reflect:!0})],_.prototype,"options",2);U([l({type:String,reflect:!0})],_.prototype,"value",2);U([l({type:String,reflect:!0})],_.prototype,"name",2);U([l({type:String,reflect:!0})],_.prototype,"additionaltext",2);U([l({type:Boolean,reflect:!0})],_.prototype,"disabled",2);U([l({type:String,reflect:!0})],_.prototype,"width",2);U([J()],_.prototype,"open",2);U([J()],_.prototype,"activeIndex",2);U([J()],_.prototype,"menuWidth",2);_=U([v("o-dropdown-variant")],_);/**
+	`;N([l({type:Array,reflect:!0})],_.prototype,"options",2);N([l({type:String,reflect:!0})],_.prototype,"value",2);N([l({type:String,reflect:!0})],_.prototype,"name",2);N([l({type:String,reflect:!0})],_.prototype,"additionaltext",2);N([l({type:Boolean,reflect:!0})],_.prototype,"disabled",2);N([l({type:String,reflect:!0})],_.prototype,"width",2);N([Q()],_.prototype,"open",2);N([Q()],_.prototype,"activeIndex",2);N([Q()],_.prototype,"menuWidth",2);_=N([v("o-dropdown-variant")],_);/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -2802,7 +2806,7 @@
 
     .o-chip:focus-visible,
     .button:focus-visible {
-      ${Q};
+      ${j};
     }
 
     span.text + span.text::before {
@@ -2823,7 +2827,7 @@
       flex-wrap: wrap;
       gap: var(--spacing-s);
     }
-  `;u2([l({reflect:!0})],M1.prototype,"name",2);u2([l({reflect:!0})],M1.prototype,"value",2);M1=u2([v("o-chipset")],M1);var N5=Object.defineProperty,q5=Object.getOwnPropertyDescriptor,N=(e,t,i,n)=>{for(var o=n>1?void 0:n?q5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&N5(t,i,o),o};const K5=l2(p);let S=class extends K5{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(e){if(e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},i=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(i),i.defaultPrevented&&e.preventDefault(),this.selected=t.selected}crossIcon(){return a`<o-icon-button size="xsmall" icon="occ-close-outlined" bgstyle="none-light"></o-icon-button>`}strikeThroughImg(){const e=e5[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return z(e)}render(){const e=this.text;return a`${this.type==="link"?a`
+  `;u2([l({reflect:!0})],M1.prototype,"name",2);u2([l({reflect:!0})],M1.prototype,"value",2);M1=u2([v("o-chipset")],M1);var N5=Object.defineProperty,q5=Object.getOwnPropertyDescriptor,q=(e,t,i,n)=>{for(var o=n>1?void 0:n?q5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&N5(t,i,o),o};const K5=l2(p);let S=class extends K5{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(e){if(e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},i=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(i),i.defaultPrevented&&e.preventDefault(),this.selected=t.selected}crossIcon(){return a`<o-icon-button size="xsmall" icon="occ-close-outlined" bgstyle="none-light"></o-icon-button>`}strikeThroughImg(){const e=e5[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return z(e)}render(){const e=this.text;return a`${this.type==="link"?a`
       <a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
         aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
         ${e?a`
@@ -2925,7 +2929,7 @@
     }
 
     .button:focus-visible {
-      ${Q};
+      ${j};
     }
 
     span.text + span.text::before {
@@ -2965,7 +2969,7 @@
       stroke-width: 4px;
       stroke-linecap: round;
     }
-  `;N([l({reflect:!0})],S.prototype,"name",2);N([l({reflect:!0})],S.prototype,"value",2);N([l({type:String,reflect:!0})],S.prototype,"type",2);N([l({type:String,reflect:!0})],S.prototype,"href",2);N([l({type:String,reflect:!0,attribute:"data-href"})],S.prototype,"dataHref",2);N([l({type:String})],S.prototype,"text",2);N([l({type:Boolean,reflect:!0})],S.prototype,"selected",2);N([l({type:Boolean,reflect:!0})],S.prototype,"disabled",2);N([l({type:Boolean,reflect:!0})],S.prototype,"fullwidth",2);S=N([v("o-filter-chip")],S);var W5=Object.defineProperty,O=(e,t,i,n)=>{for(var o=void 0,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(t,i,o)||o);return o&&W5(t,i,o),o};const w2=class w2 extends p{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1,this.tagText="",this.outOfStock=!1}onClick(t){var n,o,s;const i=t.target;(n=i==null?void 0:i.classList)!=null&&n.contains("add-to-bag")||(o=i==null?void 0:i.classList)!=null&&o.contains("js-availability-notify-details-cart")||((s=this.onClickTile)==null||s.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var t;(t=this.onClickIcon)==null||t.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.type==="chevron"?a`
+  `;q([l({reflect:!0})],S.prototype,"name",2);q([l({reflect:!0})],S.prototype,"value",2);q([l({type:String,reflect:!0})],S.prototype,"type",2);q([l({type:String,reflect:!0})],S.prototype,"href",2);q([l({type:String,reflect:!0,attribute:"data-href"})],S.prototype,"dataHref",2);q([l({type:String})],S.prototype,"text",2);q([l({type:Boolean,reflect:!0})],S.prototype,"selected",2);q([l({type:Boolean,reflect:!0})],S.prototype,"disabled",2);q([l({type:Boolean,reflect:!0})],S.prototype,"fullwidth",2);S=q([v("o-filter-chip")],S);var W5=Object.defineProperty,O=(e,t,i,n)=>{for(var o=void 0,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(t,i,o)||o);return o&&W5(t,i,o),o};const w2=class w2 extends p{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1,this.tagText="",this.outOfStock=!1}onClick(t){var n,o,s;const i=t.target;(n=i==null?void 0:i.classList)!=null&&n.contains("add-to-bag")||(o=i==null?void 0:i.classList)!=null&&o.contains("js-availability-notify-details-cart")||((s=this.onClickTile)==null||s.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var t;(t=this.onClickIcon)==null||t.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.type==="chevron"?a`
         <o-icon-button
           @click=${this.onClickIcons}
           icon="occ-chevron-right"
@@ -3373,7 +3377,7 @@
     svg path {
       stroke: var(--color-border-light);
     }
-  `;D([l({type:Boolean,reflect:!0})],M.prototype,"checked",2);D([l({type:Boolean,reflect:!0})],M.prototype,"indeterminate",2);D([l({type:Boolean,reflect:!0})],M.prototype,"disabled",2);D([l({type:String,reflect:!0})],M.prototype,"size",2);D([l({type:Boolean})],M.prototype,"showLabel",2);D([l({type:String})],M.prototype,"label",2);D([l({type:String})],M.prototype,"name",2);D([l({type:String})],M.prototype,"value",2);D([l({type:String,reflect:!0})],M.prototype,"inputId",2);D([n2("input")],M.prototype,"inputEl",2);M=D([v("o-checkbox")],M);var i8=Object.defineProperty,o8=Object.getOwnPropertyDescriptor,q=(e,t,i,n)=>{for(var o=n>1?void 0:n?o8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&i8(t,i,o),o};let n8=0,A=class extends p{constructor(){super(),this.checked=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Radio button",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-radio-${++n8}`)}handleClick(){this.disabled||this.checked||(this.checked=!0,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked)}updated(e){if(e.has("checked")&&this.checked){const t=this.parentElement;t&&Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach(n=>{n!==this&&(n.checked=!1)})}this.syncInput()}handleKeyDown(e){this.disabled||(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this.handleClick())}render(){return a`
+  `;D([l({type:Boolean,reflect:!0})],M.prototype,"checked",2);D([l({type:Boolean,reflect:!0})],M.prototype,"indeterminate",2);D([l({type:Boolean,reflect:!0})],M.prototype,"disabled",2);D([l({type:String,reflect:!0})],M.prototype,"size",2);D([l({type:Boolean})],M.prototype,"showLabel",2);D([l({type:String})],M.prototype,"label",2);D([l({type:String})],M.prototype,"name",2);D([l({type:String})],M.prototype,"value",2);D([l({type:String,reflect:!0})],M.prototype,"inputId",2);D([n2("input")],M.prototype,"inputEl",2);M=D([v("o-checkbox")],M);var i8=Object.defineProperty,o8=Object.getOwnPropertyDescriptor,K=(e,t,i,n)=>{for(var o=n>1?void 0:n?o8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&i8(t,i,o),o};let n8=0,A=class extends p{constructor(){super(),this.checked=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Radio button",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-radio-${++n8}`)}handleClick(){this.disabled||this.checked||(this.checked=!0,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked)}updated(e){if(e.has("checked")&&this.checked){const t=this.parentElement;t&&Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach(n=>{n!==this&&(n.checked=!1)})}this.syncInput()}handleKeyDown(e){this.disabled||(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this.handleClick())}render(){return a`
       <input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
 
       <div class="box" role="radio" tabindex=${this.disabled?-1:0} aria-checked=${String(this.checked)} aria-disabled=${String(this.disabled)} @click=${this.handleClick} @keydown=${this.handleKeyDown}>
@@ -3470,7 +3474,7 @@
       width: 0;
       height: 0;
     }
-  `;q([l({type:Boolean,reflect:!0})],A.prototype,"checked",2);q([l({type:Boolean,reflect:!0})],A.prototype,"disabled",2);q([l({type:String,reflect:!0})],A.prototype,"size",2);q([l({type:Boolean})],A.prototype,"showLabel",2);q([l({type:String})],A.prototype,"label",2);q([l({type:String})],A.prototype,"name",2);q([l({type:String})],A.prototype,"value",2);q([l({type:String,reflect:!0})],A.prototype,"inputId",2);q([n2("input")],A.prototype,"inputEl",2);A=q([v("o-radio")],A);var s8=Object.getOwnPropertyDescriptor,r8=(e,t,i,n)=>{for(var o=n>1?void 0:n?s8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let Q1=class extends p{render(){return a`
+  `;K([l({type:Boolean,reflect:!0})],A.prototype,"checked",2);K([l({type:Boolean,reflect:!0})],A.prototype,"disabled",2);K([l({type:String,reflect:!0})],A.prototype,"size",2);K([l({type:Boolean})],A.prototype,"showLabel",2);K([l({type:String})],A.prototype,"label",2);K([l({type:String})],A.prototype,"name",2);K([l({type:String})],A.prototype,"value",2);K([l({type:String,reflect:!0})],A.prototype,"inputId",2);K([n2("input")],A.prototype,"inputEl",2);A=K([v("o-radio")],A);var s8=Object.getOwnPropertyDescriptor,r8=(e,t,i,n)=>{for(var o=n>1?void 0:n?s8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let Q1=class extends p{render(){return a`
             <nav aria-label="Breadcrumbs">
                 <ul>
                     <slot></slot>
@@ -3532,13 +3536,13 @@
         }
 
         a:focus-visible {
-            ${Q};
+            ${j};
         }
 
         :host(.a--tabfocus) {
             outline: none !important;
         }
-    `;v2([l({type:String})],k1.prototype,"href",2);v2([l({type:Boolean,reflect:!0})],k1.prototype,"active",2);k1=v2([v("o-breadcrumb")],k1);var c8=Object.defineProperty,h8=Object.getOwnPropertyDescriptor,d1=(e,t,i,n)=>{for(var o=n>1?void 0:n?h8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&c8(t,i,o),o};let G=class extends p{constructor(){super(...arguments),this.imageUrl="",this.imageAlt="",this.hoverUrl="",this.hoverAlt="",this.dimmed=!1,this.showHover=!1}render(){return a`<div class="card">
+    `;v2([l({type:String})],k1.prototype,"href",2);v2([l({type:Boolean,reflect:!0})],k1.prototype,"active",2);k1=v2([v("o-breadcrumb")],k1);var c8=Object.defineProperty,h8=Object.getOwnPropertyDescriptor,d1=(e,t,i,n)=>{for(var o=n>1?void 0:n?h8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&c8(t,i,o),o};let X=class extends p{constructor(){super(...arguments),this.imageUrl="",this.imageAlt="",this.hoverUrl="",this.hoverAlt="",this.dimmed=!1,this.showHover=!1}render(){return a`<div class="card">
       <svg aria-hidden="true">
         <defs>
           <clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
@@ -3549,7 +3553,7 @@
       <img src="${this.imageUrl}" alt="${this.imageAlt}" class="card-img base" loading="lazy" />
       ${this.hoverUrl?a`<img src="${this.hoverUrl}" alt="${this.hoverAlt||this.imageAlt}" class="card-img hover" loading="lazy" />`:""}
       <div class="overlay" part="overlay"></div> 
-    </div>`}};G.styles=C`
+    </div>`}};X.styles=C`
     :host {
       --card-width : 175px;
       --card-height : 260px;
@@ -3633,7 +3637,7 @@
     :host([dimmed]) .overlay {
       opacity: var(--overlay-opacity, 1);
     }
-  `;d1([l({type:String})],G.prototype,"imageUrl",2);d1([l({type:String})],G.prototype,"imageAlt",2);d1([l({type:String})],G.prototype,"hoverUrl",2);d1([l({type:String})],G.prototype,"hoverAlt",2);d1([l({type:Boolean,reflect:!0})],G.prototype,"dimmed",2);d1([l({type:Boolean,reflect:!0,attribute:"showhover"})],G.prototype,"showHover",2);G=d1([v("o-arch-image")],G);const d8=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+  `;d1([l({type:String})],X.prototype,"imageUrl",2);d1([l({type:String})],X.prototype,"imageAlt",2);d1([l({type:String})],X.prototype,"hoverUrl",2);d1([l({type:String})],X.prototype,"hoverAlt",2);d1([l({type:Boolean,reflect:!0})],X.prototype,"dimmed",2);d1([l({type:Boolean,reflect:!0,attribute:"showhover"})],X.prototype,"showHover",2);X=d1([v("o-arch-image")],X);const d8=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:cc="http://creativecommons.org/ns#"
@@ -3900,7 +3904,7 @@
       from { transform: translateY(10px) scale(.98); opacity: 0; }
       to { transform: translateY(0) scale(1); opacity: 1; }
     }
-  `;let y=b2;H([l({type:Boolean,reflect:!0})],y.prototype,"ispagedesigner",2);H([l({type:String,reflect:!0})],y.prototype,"classPopin",1);H([l({type:Boolean,reflect:!0})],y.prototype,"open",2);H([l({type:String,reflect:!0})],y.prototype,"background",2);H([l({type:String,attribute:"background-url",reflect:!0})],y.prototype,"backgroundUrl",2);H([l({type:Boolean,attribute:"close-on-esc"})],y.prototype,"closeOnEsc",2);H([l({type:Boolean,attribute:"close-on-backdrop"})],y.prototype,"closeOnBackdrop",2);H([l({type:Boolean,attribute:"lock-scroll"})],y.prototype,"lockScroll",2);H([l({type:String,reflect:!0})],y.prototype,"variant",2);H([l({type:String,attribute:"max-width"})],y.prototype,"maxWidth",2);H([l({type:Boolean,reflect:!0})],y.prototype,"showBackButton",2);H([l({type:Boolean,reflect:!0})],y.prototype,"contrast",2);H([l({type:String,reflect:!0})],y.prototype,"iconSize",2);H([l({type:Boolean,attribute:"hide-header-on-scroll"})],y.prototype,"hideHeaderOnScroll",2);H([J()],y.prototype,"_labelId",2);H([J()],y.prototype,"_headerHidden",2);customElements.define("o-popin",y);var g8=Object.defineProperty,u8=Object.getOwnPropertyDescriptor,x=(e,t,i,n)=>{for(var o=n>1?void 0:n?u8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&g8(t,i,o),o};let L=class extends p{constructor(){super(...arguments),this.type="cart | notifyme",this.titleProduct="",this.descriptionProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.salesPercentage="",this.oldPrice="",this.imageUrl="https://placehold.co/112x140",this.outOfStock=!1,this.outOfStockText="Out of stock",this.altImage="",this.fullwidth=!1,this.current=!1,this.hideIcon=!1,this.tagText=""}onClick(e){var i,n,o;const t=e.target;(i=t==null?void 0:t.classList)!=null&&i.contains("add-to-bag")||(n=t==null?void 0:t.classList)!=null&&n.contains("js-availability-notify-details-routine")||((o=this.onClickTile)==null||o.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var e;(e=this.onClickIcon)==null||e.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.hideIcon?"":a`
+  `;let y=b2;H([l({type:Boolean,reflect:!0})],y.prototype,"ispagedesigner",2);H([l({type:String,reflect:!0})],y.prototype,"classPopin",1);H([l({type:Boolean,reflect:!0})],y.prototype,"open",2);H([l({type:String,reflect:!0})],y.prototype,"background",2);H([l({type:String,attribute:"background-url",reflect:!0})],y.prototype,"backgroundUrl",2);H([l({type:Boolean,attribute:"close-on-esc"})],y.prototype,"closeOnEsc",2);H([l({type:Boolean,attribute:"close-on-backdrop"})],y.prototype,"closeOnBackdrop",2);H([l({type:Boolean,attribute:"lock-scroll"})],y.prototype,"lockScroll",2);H([l({type:String,reflect:!0})],y.prototype,"variant",2);H([l({type:String,attribute:"max-width"})],y.prototype,"maxWidth",2);H([l({type:Boolean,reflect:!0})],y.prototype,"showBackButton",2);H([l({type:Boolean,reflect:!0})],y.prototype,"contrast",2);H([l({type:String,reflect:!0})],y.prototype,"iconSize",2);H([l({type:Boolean,attribute:"hide-header-on-scroll"})],y.prototype,"hideHeaderOnScroll",2);H([Q()],y.prototype,"_labelId",2);H([Q()],y.prototype,"_headerHidden",2);customElements.define("o-popin",y);var g8=Object.defineProperty,u8=Object.getOwnPropertyDescriptor,x=(e,t,i,n)=>{for(var o=n>1?void 0:n?u8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&g8(t,i,o),o};let L=class extends p{constructor(){super(...arguments),this.type="cart | notifyme",this.titleProduct="",this.descriptionProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.salesPercentage="",this.oldPrice="",this.imageUrl="https://placehold.co/112x140",this.outOfStock=!1,this.outOfStockText="Out of stock",this.altImage="",this.fullwidth=!1,this.current=!1,this.hideIcon=!1,this.tagText=""}onClick(e){var i,n,o;const t=e.target;(i=t==null?void 0:t.classList)!=null&&i.contains("add-to-bag")||(n=t==null?void 0:t.classList)!=null&&n.contains("js-availability-notify-details-routine")||((o=this.onClickTile)==null||o.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var e;(e=this.onClickIcon)==null||e.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.hideIcon?"":a`
       <o-icon-button
         @click=${this.onClickIcons}
         icon=${this.type==="notifyme"?"notifyme":"cart"}
@@ -4113,13 +4117,13 @@
     .fullpointer {
       cursor: pointer;
     }
-  `;x([l({type:String})],L.prototype,"type",2);x([l({type:String})],L.prototype,"titleProduct",2);x([l({type:String})],L.prototype,"descriptionProduct",2);x([l({type:String})],L.prototype,"volume",2);x([l({type:String})],L.prototype,"perLiter",2);x([l({type:String})],L.prototype,"mainPrice",2);x([l({type:String})],L.prototype,"salesPercentage",2);x([l({type:String})],L.prototype,"oldPrice",2);x([l({type:String})],L.prototype,"imageUrl",2);x([l({type:Boolean})],L.prototype,"outOfStock",2);x([l({type:String})],L.prototype,"outOfStockText",2);x([l({type:String})],L.prototype,"altImage",2);x([l({type:Boolean})],L.prototype,"fullwidth",2);x([l({type:Boolean})],L.prototype,"current",2);x([l({type:Boolean})],L.prototype,"hideIcon",2);x([l({type:String})],L.prototype,"tagText",2);x([l({attribute:!1})],L.prototype,"onClickTile",2);x([l({attribute:!1})],L.prototype,"onClickIcon",2);L=x([v("o-medium-tile")],L);var v8=Object.defineProperty,f8=Object.getOwnPropertyDescriptor,p1=(e,t,i,n)=>{for(var o=n>1?void 0:n?f8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&v8(t,i,o),o};let X=class extends p{constructor(){super(...arguments),this.text="",this.class="",this.data="",this.link="",this.selected=!1,this.inactive=!1}handleClick(e){e.preventDefault(),this.selected||(this.selected=!0);const t={tab:this,link:this.link,data:this.data,selected:this.selected};this.dispatchEvent(new CustomEvent("selected",{bubbles:!0,composed:!0,detail:t}))}render(){return a`
+  `;x([l({type:String})],L.prototype,"type",2);x([l({type:String})],L.prototype,"titleProduct",2);x([l({type:String})],L.prototype,"descriptionProduct",2);x([l({type:String})],L.prototype,"volume",2);x([l({type:String})],L.prototype,"perLiter",2);x([l({type:String})],L.prototype,"mainPrice",2);x([l({type:String})],L.prototype,"salesPercentage",2);x([l({type:String})],L.prototype,"oldPrice",2);x([l({type:String})],L.prototype,"imageUrl",2);x([l({type:Boolean})],L.prototype,"outOfStock",2);x([l({type:String})],L.prototype,"outOfStockText",2);x([l({type:String})],L.prototype,"altImage",2);x([l({type:Boolean})],L.prototype,"fullwidth",2);x([l({type:Boolean})],L.prototype,"current",2);x([l({type:Boolean})],L.prototype,"hideIcon",2);x([l({type:String})],L.prototype,"tagText",2);x([l({attribute:!1})],L.prototype,"onClickTile",2);x([l({attribute:!1})],L.prototype,"onClickIcon",2);L=x([v("o-medium-tile")],L);var v8=Object.defineProperty,f8=Object.getOwnPropertyDescriptor,p1=(e,t,i,n)=>{for(var o=n>1?void 0:n?f8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&v8(t,i,o),o};let J=class extends p{constructor(){super(...arguments),this.text="",this.class="",this.data="",this.link="",this.selected=!1,this.inactive=!1}handleClick(e){e.preventDefault(),this.selected||(this.selected=!0);const t={tab:this,link:this.link,data:this.data,selected:this.selected};this.dispatchEvent(new CustomEvent("selected",{bubbles:!0,composed:!0,detail:t}))}render(){return a`
       <a href="${this.link}" class="o-tab" role="tab"
         @click=${this.handleClick} data-url="${this.data?this.data:d}"
         tabindex="${this.inactive?"-1":d}" aria-selected="${this.selected?"true":d}">
         ${this.text}
       </a>
-    `}};X.styles=C`
+    `}};J.styles=C`
     :host {
       position: relative;
       cursor: pointer;
@@ -4193,9 +4197,9 @@
     }
 
     .o-tab:focus-visible {
-      ${Q};
+      ${j};
     }
-  `;p1([l({type:String})],X.prototype,"text",2);p1([l({type:String})],X.prototype,"class",2);p1([l({type:String})],X.prototype,"data",2);p1([l({type:String,reflect:!0})],X.prototype,"link",2);p1([l({type:Boolean,reflect:!0})],X.prototype,"selected",2);p1([l({type:Boolean,reflect:!0})],X.prototype,"inactive",2);X=p1([v("o-tab")],X);var w8=Object.getOwnPropertyDescriptor,b8=(e,t,i,n)=>{for(var o=n>1?void 0:n?w8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let Y1=class extends p{constructor(){super(),this.addEventListener("selected",this.onTabSelected)}onTabSelected(e){var i;const t=(i=e.detail)==null?void 0:i.tab;t&&this.querySelectorAll("o-tab").forEach(n=>{n.selected=n===t})}firstUpdated(){const e=this.querySelectorAll("o-tab");!Array.from(e).some(t=>t.selected)&&e.length>0&&(e[0].selected=!0)}render(){return a`
+  `;p1([l({type:String})],J.prototype,"text",2);p1([l({type:String})],J.prototype,"class",2);p1([l({type:String})],J.prototype,"data",2);p1([l({type:String,reflect:!0})],J.prototype,"link",2);p1([l({type:Boolean,reflect:!0})],J.prototype,"selected",2);p1([l({type:Boolean,reflect:!0})],J.prototype,"inactive",2);J=p1([v("o-tab")],J);var w8=Object.getOwnPropertyDescriptor,b8=(e,t,i,n)=>{for(var o=n>1?void 0:n?w8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let Y1=class extends p{constructor(){super(),this.addEventListener("selected",this.onTabSelected)}onTabSelected(e){var i;const t=(i=e.detail)==null?void 0:i.tab;t&&this.querySelectorAll("o-tab").forEach(n=>{n.selected=n===t})}firstUpdated(){const e=this.querySelectorAll("o-tab");!Array.from(e).some(t=>t.selected)&&e.length>0&&(e[0].selected=!0)}render(){return a`
       <div role="tablist">
         <slot></slot>
       </div>
@@ -4261,7 +4265,7 @@
     }
 
     .header:focus-visible {
-      ${Q};
+      ${j};
     }
 
     :host([disabled]) .header {

package/index.mjs

@@ -294,8 +294,8 @@ const t0 = (e, t) => {
   let o, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = b1;
   for (let c = 0; c < i; c++) {
     const h = e[c];
-    let u, b, f = -1, K = 0;
-    for (; K < h.length && (r.lastIndex = K, b = r.exec(h), b !== null); ) K = r.lastIndex, r === b1 ? b[1] === "!--" ? r = H2 : b[1] !== void 0 ? r = B2 : b[2] !== void 0 ? (P2.test(b[2]) && (o = RegExp("</" + b[2], "g")), r = r1) : b[3] !== void 0 && (r = r1) : r === r1 ? b[0] === ">" ? (r = o ?? b1, f = -1) : b[1] === void 0 ? f = -2 : (f = r.lastIndex - b[2].length, u = b[1], r = b[3] === void 0 ? r1 : b[3] === '"' ? E2 : $2) : r === E2 || r === $2 ? r = r1 : r === H2 || r === B2 ? r = b1 : (r = r1, o = void 0);
+    let u, b, f = -1, W = 0;
+    for (; W < h.length && (r.lastIndex = W, b = r.exec(h), b !== null); ) W = r.lastIndex, r === b1 ? b[1] === "!--" ? r = H2 : b[1] !== void 0 ? r = B2 : b[2] !== void 0 ? (P2.test(b[2]) && (o = RegExp("</" + b[2], "g")), r = r1) : b[3] !== void 0 && (r = r1) : r === r1 ? b[0] === ">" ? (r = o ?? b1, f = -1) : b[1] === void 0 ? f = -2 : (f = r.lastIndex - b[2].length, u = b[1], r = b[3] === void 0 ? r1 : b[3] === '"' ? E2 : $2) : r === E2 || r === $2 ? r = r1 : r === H2 || r === B2 ? r = b1 : (r = r1, o = void 0);
     const e1 = r === r1 && e[c + 1].startsWith("/>") ? " " : "";
     s += r === b1 ? h + J2 : f >= 0 ? (n.push(u), h.slice(0, f) + A2 + h.slice(f) + i1 + e1) : h + i1 + (f === -2 ? c : e1);
   }
@@ -314,15 +314,15 @@ class H1 {
     for (; (o = l1.nextNode()) !== null && h.length < c; ) {
       if (o.nodeType === 1) {
         if (o.hasAttributes()) for (const f of o.getAttributeNames()) if (f.endsWith(A2)) {
-          const K = b[r++], e1 = o.getAttribute(f).split(i1), S1 = /([.?@])?(.*)/.exec(K);
+          const W = b[r++], e1 = o.getAttribute(f).split(i1), S1 = /([.?@])?(.*)/.exec(W);
           h.push({ type: 1, index: s, name: S1[2], strings: e1, ctor: S1[1] === "." ? i0 : S1[1] === "?" ? o0 : S1[1] === "@" ? n0 : I1 }), o.removeAttribute(f);
         } else f.startsWith(i1) && (h.push({ type: 6, index: s }), o.removeAttribute(f));
         if (P2.test(o.tagName)) {
-          const f = o.textContent.split(i1), K = f.length - 1;
-          if (K > 0) {
+          const f = o.textContent.split(i1), W = f.length - 1;
+          if (W > 0) {
             o.textContent = P1 ? P1.emptyScript : "";
-            for (let e1 = 0; e1 < K; e1++) o.append(f[e1], x1()), l1.nextNode(), h.push({ type: 2, index: ++s });
-            o.append(f[K], x1());
+            for (let e1 = 0; e1 < W; e1++) o.append(f[e1], x1()), l1.nextNode(), h.push({ type: 2, index: ++s });
+            o.append(f[W], x1());
           }
         }
       } else if (o.nodeType === 8) if (o.data === O2) h.push({ type: 2, index: s });
@@ -596,7 +596,7 @@ function l(e) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function J(e) {
+function Q(e) {
   return l({ ...e, state: !0, attribute: !1 });
 }
 /**
@@ -621,7 +621,7 @@ function n2(e, t) {
     } });
   };
 }
-const Q = C`
+const j = C`
 	outline: 1px dashed var(--color-border-primary);
 	outline-offset: 2px;
 `;
@@ -1857,7 +1857,7 @@ const _2 = h2(h5);
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const E = (e) => e ?? d;
-var d5 = Object.defineProperty, p5 = Object.getOwnPropertyDescriptor, R = (e, t, i, n) => {
+var d5 = Object.defineProperty, p5 = Object.getOwnPropertyDescriptor, U = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? p5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && d5(t, i, o), o;
@@ -2076,41 +2076,41 @@ Z.styles = C`
 		}
 
 		.icon-button:focus-visible {
-			${Q}
+			${j}
 		}
 
 		.sr-only {
 			${s2}
 		}
 	`;
-R([
+U([
   l({ type: String, reflect: !0 })
 ], Z.prototype, "bgstyle", 2);
-R([
+U([
   l({ type: String, reflect: !0 })
 ], Z.prototype, "size", 2);
-R([
+U([
   l({ type: String, reflect: !0 })
 ], Z.prototype, "status", 2);
-R([
+U([
   l({ type: String, reflect: !0 })
 ], Z.prototype, "type", 2);
-R([
+U([
   l({ type: String })
 ], Z.prototype, "strokewidth", 2);
-R([
+U([
   l({ type: String })
 ], Z.prototype, "icon", 2);
-R([
+U([
   l({ type: Boolean, reflect: !0 })
 ], Z.prototype, "disabled", 2);
-R([
+U([
   l({ type: Boolean })
 ], Z.prototype, "showSrLabel", 2);
-R([
+U([
   l({ type: String })
 ], Z.prototype, "srLabel", 2);
-Z = R([
+Z = U([
   v("o-icon-button")
 ], Z);
 var C5 = Object.defineProperty, g5 = Object.getOwnPropertyDescriptor, w = (e, t, i, n) => {
@@ -2550,7 +2550,7 @@ g.styles = C`
 
 		.panel:focus-visible,
 		.close-btn:focus-visible {
-			${Q}
+			${j}
 		}
 
 		[role="document"] {
@@ -2815,6 +2815,10 @@ m.styles = C`
       outline: none !important;
     }
 
+    :host(.a--tabfocus) .button {
+      ${j};
+    }
+
     :host([fullwidth]) {
       width: 100%;
     }
@@ -2919,7 +2923,7 @@ m.styles = C`
     }
 
     .button:focus-visible {
-      ${Q};
+      ${j};
     }
 
     span.text + span.text::before {
@@ -3140,7 +3144,7 @@ u1.styles = C`
 		}
 
 		.wishlist-button:focus-visible {
-			${Q};
+			${j};
 		}
 
 		.wishlist-button:hover svg path {
@@ -3182,7 +3186,7 @@ var m5 = Object.defineProperty, L5 = Object.getOwnPropertyDescriptor, h1 = (e, t
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && m5(t, i, o), o;
 };
-let W = class extends p {
+let G = class extends p {
   constructor() {
     super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
   }
@@ -3223,7 +3227,7 @@ let W = class extends p {
                 ` : a`<span class="link-wrapper">${t}</span>`;
   }
 };
-W.styles = C`
+G.styles = C`
         :host {
             cursor: pointer;
         }
@@ -3312,25 +3316,25 @@ W.styles = C`
     `;
 h1([
   l({ type: String })
-], W.prototype, "href", 2);
+], G.prototype, "href", 2);
 h1([
   l({ type: String })
-], W.prototype, "target", 2);
+], G.prototype, "target", 2);
 h1([
   l({ type: String, reflect: !0 })
-], W.prototype, "template", 2);
+], G.prototype, "template", 2);
 h1([
   l({ type: Boolean, reflect: !0 })
-], W.prototype, "inverse", 2);
+], G.prototype, "inverse", 2);
 h1([
   l({ type: Boolean, reflect: !0 })
-], W.prototype, "endIcon", 2);
+], G.prototype, "endIcon", 2);
 h1([
   l({ type: Boolean, reflect: !0 })
-], W.prototype, "reverseEndIcon", 2);
-W = h1([
+], G.prototype, "reverseEndIcon", 2);
+G = h1([
   v("o-link")
-], W);
+], G);
 var y5 = Object.defineProperty, x5 = Object.getOwnPropertyDescriptor, T1 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? x5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
@@ -3414,7 +3418,7 @@ var V5 = Object.defineProperty, H5 = Object.getOwnPropertyDescriptor, s1 = (e, t
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && V5(t, i, o), o;
 };
-let j = class extends p {
+let R = class extends p {
   constructor() {
     super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.altressource = "visual", this.focusedIndex = 0, this.playerIconTemplate = a`
     <o-icon-button
@@ -3505,7 +3509,7 @@ let j = class extends p {
     `;
   }
 };
-j.styles = C`
+R.styles = C`
     :host {
       display: flex;
       gap: 5px;
@@ -3612,28 +3616,28 @@ j.styles = C`
   `;
 s1([
   l({ type: Array })
-], j.prototype, "thumbnails", 2);
+], R.prototype, "thumbnails", 2);
 s1([
   l({ type: Number })
-], j.prototype, "activeIndex", 2);
+], R.prototype, "activeIndex", 2);
 s1([
   l({ type: Array })
-], j.prototype, "disabledIndexes", 2);
+], R.prototype, "disabledIndexes", 2);
 s1([
   l({ type: String })
-], j.prototype, "maxWidth", 2);
+], R.prototype, "maxWidth", 2);
 s1([
   l({ type: String })
-], j.prototype, "altressource", 2);
+], R.prototype, "altressource", 2);
 s1([
   l({ type: Object })
-], j.prototype, "swiperInstance", 2);
+], R.prototype, "swiperInstance", 2);
 s1([
-  J()
-], j.prototype, "focusedIndex", 2);
-j = s1([
+  Q()
+], R.prototype, "focusedIndex", 2);
+R = s1([
   v("thumbnail-navigation")
-], j);
+], R);
 var B5 = Object.defineProperty, $5 = Object.getOwnPropertyDescriptor, p2 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? $5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
@@ -4118,13 +4122,13 @@ Y([
   l({ type: String, reflect: !0 })
 ], I.prototype, "width", 2);
 Y([
-  J()
+  Q()
 ], I.prototype, "open", 2);
 Y([
-  J()
+  Q()
 ], I.prototype, "activeIndex", 2);
 Y([
-  J()
+  Q()
 ], I.prototype, "menuWidth", 2);
 I = Y([
   v("o-dropdown")
@@ -4185,7 +4189,7 @@ J1.styles = C`
 J1 = F5([
   v("o-dots")
 ], J1);
-var S5 = Object.defineProperty, A5 = Object.getOwnPropertyDescriptor, U = (e, t, i, n) => {
+var S5 = Object.defineProperty, A5 = Object.getOwnPropertyDescriptor, N = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? A5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && S5(t, i, o), o;
@@ -4591,34 +4595,34 @@ _.styles = C`
 		display: none;
 	}
 	`;
-U([
+N([
   l({ type: Array, reflect: !0 })
 ], _.prototype, "options", 2);
-U([
+N([
   l({ type: String, reflect: !0 })
 ], _.prototype, "value", 2);
-U([
+N([
   l({ type: String, reflect: !0 })
 ], _.prototype, "name", 2);
-U([
+N([
   l({ type: String, reflect: !0 })
 ], _.prototype, "additionaltext", 2);
-U([
+N([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "disabled", 2);
-U([
+N([
   l({ type: String, reflect: !0 })
 ], _.prototype, "width", 2);
-U([
-  J()
+N([
+  Q()
 ], _.prototype, "open", 2);
-U([
-  J()
+N([
+  Q()
 ], _.prototype, "activeIndex", 2);
-U([
-  J()
+N([
+  Q()
 ], _.prototype, "menuWidth", 2);
-_ = U([
+_ = N([
   v("o-dropdown-variant")
 ], _);
 /**
@@ -4880,7 +4884,7 @@ F.styles = C`
 
     .o-chip:focus-visible,
     .button:focus-visible {
-      ${Q};
+      ${j};
     }
 
     span.text + span.text::before {
@@ -4958,7 +4962,7 @@ u2([
 M1 = u2([
   v("o-chipset")
 ], M1);
-var N5 = Object.defineProperty, q5 = Object.getOwnPropertyDescriptor, N = (e, t, i, n) => {
+var N5 = Object.defineProperty, q5 = Object.getOwnPropertyDescriptor, q = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? q5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && N5(t, i, o), o;
@@ -5092,7 +5096,7 @@ S.styles = C`
     }
 
     .button:focus-visible {
-      ${Q};
+      ${j};
     }
 
     span.text + span.text::before {
@@ -5133,34 +5137,34 @@ S.styles = C`
       stroke-linecap: round;
     }
   `;
-N([
+q([
   l({ reflect: !0 })
 ], S.prototype, "name", 2);
-N([
+q([
   l({ reflect: !0 })
 ], S.prototype, "value", 2);
-N([
+q([
   l({ type: String, reflect: !0 })
 ], S.prototype, "type", 2);
-N([
+q([
   l({ type: String, reflect: !0 })
 ], S.prototype, "href", 2);
-N([
+q([
   l({ type: String, reflect: !0, attribute: "data-href" })
 ], S.prototype, "dataHref", 2);
-N([
+q([
   l({ type: String })
 ], S.prototype, "text", 2);
-N([
+q([
   l({ type: Boolean, reflect: !0 })
 ], S.prototype, "selected", 2);
-N([
+q([
   l({ type: Boolean, reflect: !0 })
 ], S.prototype, "disabled", 2);
-N([
+q([
   l({ type: Boolean, reflect: !0 })
 ], S.prototype, "fullwidth", 2);
-S = N([
+S = q([
   v("o-filter-chip")
 ], S);
 var W5 = Object.defineProperty, O = (e, t, i, n) => {
@@ -5818,7 +5822,7 @@ D([
 M = D([
   v("o-checkbox")
 ], M);
-var i8 = Object.defineProperty, o8 = Object.getOwnPropertyDescriptor, q = (e, t, i, n) => {
+var i8 = Object.defineProperty, o8 = Object.getOwnPropertyDescriptor, K = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? o8(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && i8(t, i, o), o;
@@ -5947,34 +5951,34 @@ A.styles = C`
       height: 0;
     }
   `;
-q([
+K([
   l({ type: Boolean, reflect: !0 })
 ], A.prototype, "checked", 2);
-q([
+K([
   l({ type: Boolean, reflect: !0 })
 ], A.prototype, "disabled", 2);
-q([
+K([
   l({ type: String, reflect: !0 })
 ], A.prototype, "size", 2);
-q([
+K([
   l({ type: Boolean })
 ], A.prototype, "showLabel", 2);
-q([
+K([
   l({ type: String })
 ], A.prototype, "label", 2);
-q([
+K([
   l({ type: String })
 ], A.prototype, "name", 2);
-q([
+K([
   l({ type: String })
 ], A.prototype, "value", 2);
-q([
+K([
   l({ type: String, reflect: !0 })
 ], A.prototype, "inputId", 2);
-q([
+K([
   n2("input")
 ], A.prototype, "inputEl", 2);
-A = q([
+A = K([
   v("o-radio")
 ], A);
 var s8 = Object.getOwnPropertyDescriptor, r8 = (e, t, i, n) => {
@@ -6069,7 +6073,7 @@ k1.styles = C`
         }
 
         a:focus-visible {
-            ${Q};
+            ${j};
         }
 
         :host(.a--tabfocus) {
@@ -6090,7 +6094,7 @@ var c8 = Object.defineProperty, h8 = Object.getOwnPropertyDescriptor, d1 = (e, t
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && c8(t, i, o), o;
 };
-let G = class extends p {
+let X = class extends p {
   constructor() {
     super(...arguments), this.imageUrl = "", this.imageAlt = "", this.hoverUrl = "", this.hoverAlt = "", this.dimmed = !1, this.showHover = !1;
   }
@@ -6109,7 +6113,7 @@ let G = class extends p {
     </div>`;
   }
 };
-G.styles = C`
+X.styles = C`
     :host {
       --card-width : 175px;
       --card-height : 260px;
@@ -6196,25 +6200,25 @@ G.styles = C`
   `;
 d1([
   l({ type: String })
-], G.prototype, "imageUrl", 2);
+], X.prototype, "imageUrl", 2);
 d1([
   l({ type: String })
-], G.prototype, "imageAlt", 2);
+], X.prototype, "imageAlt", 2);
 d1([
   l({ type: String })
-], G.prototype, "hoverUrl", 2);
+], X.prototype, "hoverUrl", 2);
 d1([
   l({ type: String })
-], G.prototype, "hoverAlt", 2);
+], X.prototype, "hoverAlt", 2);
 d1([
   l({ type: Boolean, reflect: !0 })
-], G.prototype, "dimmed", 2);
+], X.prototype, "dimmed", 2);
 d1([
   l({ type: Boolean, reflect: !0, attribute: "showhover" })
-], G.prototype, "showHover", 2);
-G = d1([
+], X.prototype, "showHover", 2);
+X = d1([
   v("o-arch-image")
-], G);
+], X);
 const d8 = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
    xmlns:dc="http://purl.org/dc/elements/1.1/"
@@ -6613,10 +6617,10 @@ H([
   l({ type: Boolean, attribute: "hide-header-on-scroll" })
 ], y.prototype, "hideHeaderOnScroll", 2);
 H([
-  J()
+  Q()
 ], y.prototype, "_labelId", 2);
 H([
-  J()
+  Q()
 ], y.prototype, "_headerHidden", 2);
 customElements.define("o-popin", y);
 var g8 = Object.defineProperty, u8 = Object.getOwnPropertyDescriptor, x = (e, t, i, n) => {
@@ -6924,7 +6928,7 @@ var v8 = Object.defineProperty, f8 = Object.getOwnPropertyDescriptor, p1 = (e, t
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && v8(t, i, o), o;
 };
-let X = class extends p {
+let J = class extends p {
   constructor() {
     super(...arguments), this.text = "", this.class = "", this.data = "", this.link = "", this.selected = !1, this.inactive = !1;
   }
@@ -6955,7 +6959,7 @@ let X = class extends p {
     `;
   }
 };
-X.styles = C`
+J.styles = C`
     :host {
       position: relative;
       cursor: pointer;
@@ -7029,30 +7033,30 @@ X.styles = C`
     }
 
     .o-tab:focus-visible {
-      ${Q};
+      ${j};
     }
   `;
 p1([
   l({ type: String })
-], X.prototype, "text", 2);
+], J.prototype, "text", 2);
 p1([
   l({ type: String })
-], X.prototype, "class", 2);
+], J.prototype, "class", 2);
 p1([
   l({ type: String })
-], X.prototype, "data", 2);
+], J.prototype, "data", 2);
 p1([
   l({ type: String, reflect: !0 })
-], X.prototype, "link", 2);
+], J.prototype, "link", 2);
 p1([
   l({ type: Boolean, reflect: !0 })
-], X.prototype, "selected", 2);
+], J.prototype, "selected", 2);
 p1([
   l({ type: Boolean, reflect: !0 })
-], X.prototype, "inactive", 2);
-X = p1([
+], J.prototype, "inactive", 2);
+J = p1([
   v("o-tab")
-], X);
+], J);
 var w8 = Object.getOwnPropertyDescriptor, b8 = (e, t, i, n) => {
   for (var o = n > 1 ? void 0 : n ? w8(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = r(o) || o);
@@ -7169,7 +7173,7 @@ w1.styles = C`
     }
 
     .header:focus-visible {
-      ${Q};
+      ${j};
     }
 
     :host([disabled]) .header {

package/package.json

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