@florid-kit/components 2.5.1 → 2.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,6 +4,7 @@ type Template = "standard" | "discret" | "review";
4
4
  type Inverse = true | false;
5
5
  type endIcon = true | false;
6
6
  type reverseEndIcon = true | false;
7
+ type Disabled = true | false;
7
8
  export declare class OccitaneLink extends LitElement {
8
9
  static styles: import('lit').CSSResult;
9
10
  href: string;
@@ -12,6 +13,7 @@ export declare class OccitaneLink extends LitElement {
12
13
  inverse: Inverse;
13
14
  endIcon: endIcon;
14
15
  reverseEndIcon: reverseEndIcon;
16
+ disabled: Disabled;
15
17
  private _handleClick;
16
18
  render(): import('lit').TemplateResult<1>;
17
19
  }
package/index.js CHANGED
@@ -10,13 +10,13 @@
10
10
  * @license
11
11
  * Copyright 2017 Google LLC
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
- */const O1=globalThis,J1=O1.trustedTypes,A2=J1?J1.createPolicy("lit-html",{createHTML:e=>e}):void 0,K2="$lit$",C1=`lit$${Math.random().toFixed(9).slice(2)}$`,W2="?"+C1,d0=`<${W2}>`,m1=document,I1=()=>m1.createComment(""),P1=e=>e===null||typeof e!="object"&&typeof e!="function",x2=Array.isArray,p0=e=>x2(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",h2=`[
14
- \f\r]`,S1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,I2=/-->/g,P2=/>/g,v1=RegExp(`>|${h2}(?:([^\\s"'>=/]+)(${h2}*=${h2}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),z2=/'/g,D2=/"/g,G2=/^(?:script|style|textarea|title)$/i,C0=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),a=C0(1),z=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),T2=new WeakMap,b1=m1.createTreeWalker(m1,129);function Q2(e,t){if(!x2(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return A2!==void 0?A2.createHTML(t):t}const u0=(e,t)=>{const i=e.length-1,n=[];let o,s=t===2?"<svg>":t===3?"<math>":"",l=S1;for(let c=0;c<i;c++){const d=e[c];let f,y,v=-1,n1=0;for(;n1<d.length&&(l.lastIndex=n1,y=l.exec(d),y!==null);)n1=l.lastIndex,l===S1?y[1]==="!--"?l=I2:y[1]!==void 0?l=P2:y[2]!==void 0?(G2.test(y[2])&&(o=RegExp("</"+y[2],"g")),l=v1):y[3]!==void 0&&(l=v1):l===v1?y[0]===">"?(l=o??S1,v=-1):y[1]===void 0?v=-2:(v=l.lastIndex-y[2].length,f=y[1],l=y[3]===void 0?v1:y[3]==='"'?D2:z2):l===D2||l===z2?l=v1:l===I2||l===P2?l=S1:(l=v1,o=void 0);const p1=l===v1&&e[c+1].startsWith("/>")?" ":"";s+=l===S1?d+d0:v>=0?(n.push(f),d.slice(0,v)+K2+d.slice(v)+C1+p1):d+C1+(v===-2?c:p1)}return[Q2(e,s+(e[i]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class z1{constructor({strings:t,_$litType$:i},n){let o;this.parts=[];let s=0,l=0;const c=t.length-1,d=this.parts,[f,y]=u0(t,i);if(this.el=z1.createElement(f,n),b1.currentNode=this.el.content,i===2||i===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(o=b1.nextNode())!==null&&d.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const v of o.getAttributeNames())if(v.endsWith(K2)){const n1=y[l++],p1=o.getAttribute(v).split(C1),Q1=/([.?@])?(.*)/.exec(n1);d.push({type:1,index:s,name:Q1[2],strings:p1,ctor:Q1[1]==="."?f0:Q1[1]==="?"?v0:Q1[1]==="@"?b0:e2}),o.removeAttribute(v)}else v.startsWith(C1)&&(d.push({type:6,index:s}),o.removeAttribute(v));if(G2.test(o.tagName)){const v=o.textContent.split(C1),n1=v.length-1;if(n1>0){o.textContent=J1?J1.emptyScript:"";for(let p1=0;p1<n1;p1++)o.append(v[p1],I1()),b1.nextNode(),d.push({type:2,index:++s});o.append(v[n1],I1())}}}else if(o.nodeType===8)if(o.data===W2)d.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(C1,v+1))!==-1;)d.push({type:7,index:s}),v+=C1.length-1}s++}}static createElement(t,i){const n=m1.createElement("template");return n.innerHTML=t,n}}function B1(e,t,i=e,n){var l,c;if(t===z)return t;let o=n!==void 0?(l=i._$Co)==null?void 0:l[n]:i._$Cl;const s=P1(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=B1(e,o._$AS(e,t.values),o,n)),t}class g0{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)??m1).importNode(i,!0);b1.currentNode=o;let s=b1.nextNode(),l=0,c=0,d=n[0];for(;d!==void 0;){if(l===d.index){let f;d.type===2?f=new N1(s,s.nextSibling,this,t):d.type===1?f=new d.ctor(s,d.name,d.strings,this,t):d.type===6&&(f=new w0(s,this,t)),this._$AV.push(f),d=n[++c]}l!==(d==null?void 0:d.index)&&(s=b1.nextNode(),l++)}return b1.currentNode=m1,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 N1{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=h,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=B1(this,t,i),P1(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):p0(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!==h&&P1(this._$AH)?this._$AA.nextSibling.data=t:this.T(m1.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=z1.createElement(Q2(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(i);else{const l=new g0(o,this),c=l.u(this.options);l.p(i),this.T(c),this._$AH=l}}_$AC(t){let i=T2.get(t.strings);return i===void 0&&T2.set(t.strings,i=new z1(t)),i}k(t){x2(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 N1(this.O(I1()),this.O(I1()),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 e2{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,n,o,s){this.type=1,this._$AH=h,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=h}_$AI(t,i=this,n,o){const s=this.strings;let l=!1;if(s===void 0)t=B1(this,t,i,0),l=!P1(t)||t!==this._$AH&&t!==z,l&&(this._$AH=t);else{const c=t;let d,f;for(t=s[0],d=0;d<s.length-1;d++)f=B1(this,c[n+d],i,d),f===z&&(f=this._$AH[d]),l||(l=!P1(f)||f!==this._$AH[d]),f===h?t=h:t!==h&&(t+=(f??"")+s[d+1]),this._$AH[d]=f}l&&!o&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class f0 extends e2{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class v0 extends e2{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class b0 extends e2{constructor(t,i,n,o,s){super(t,i,n,o,s),this.type=5}_$AI(t,i=this){if((t=B1(this,t,i,0)??h)===z)return;const n=this._$AH,o=t===h&&n!==h||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==h&&(n===h||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 w0{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){B1(this,t)}}const d2=O1.litHtmlPolyfillSupport;d2==null||d2(z1,N1),(O1.litHtmlVersions??(O1.litHtmlVersions=[])).push("3.3.0");const m0=(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 N1(t.insertBefore(I1(),s),s,void 0,i??{})}return o._$AI(e),o};/**
13
+ */const O1=globalThis,J1=O1.trustedTypes,A2=J1?J1.createPolicy("lit-html",{createHTML:e=>e}):void 0,K2="$lit$",C1=`lit$${Math.random().toFixed(9).slice(2)}$`,W2="?"+C1,d0=`<${W2}>`,y1=document,I1=()=>y1.createComment(""),P1=e=>e===null||typeof e!="object"&&typeof e!="function",x2=Array.isArray,p0=e=>x2(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",h2=`[
14
+ \f\r]`,S1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,I2=/-->/g,P2=/>/g,b1=RegExp(`>|${h2}(?:([^\\s"'>=/]+)(${h2}*=${h2}*(?:[^
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),z2=/'/g,D2=/"/g,G2=/^(?:script|style|textarea|title)$/i,C0=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),a=C0(1),z=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),T2=new WeakMap,w1=y1.createTreeWalker(y1,129);function Q2(e,t){if(!x2(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return A2!==void 0?A2.createHTML(t):t}const u0=(e,t)=>{const i=e.length-1,n=[];let o,s=t===2?"<svg>":t===3?"<math>":"",l=S1;for(let c=0;c<i;c++){const d=e[c];let f,y,v=-1,s1=0;for(;s1<d.length&&(l.lastIndex=s1,y=l.exec(d),y!==null);)s1=l.lastIndex,l===S1?y[1]==="!--"?l=I2:y[1]!==void 0?l=P2:y[2]!==void 0?(G2.test(y[2])&&(o=RegExp("</"+y[2],"g")),l=b1):y[3]!==void 0&&(l=b1):l===b1?y[0]===">"?(l=o??S1,v=-1):y[1]===void 0?v=-2:(v=l.lastIndex-y[2].length,f=y[1],l=y[3]===void 0?b1:y[3]==='"'?D2:z2):l===D2||l===z2?l=b1:l===I2||l===P2?l=S1:(l=b1,o=void 0);const p1=l===b1&&e[c+1].startsWith("/>")?" ":"";s+=l===S1?d+d0:v>=0?(n.push(f),d.slice(0,v)+K2+d.slice(v)+C1+p1):d+C1+(v===-2?c:p1)}return[Q2(e,s+(e[i]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class z1{constructor({strings:t,_$litType$:i},n){let o;this.parts=[];let s=0,l=0;const c=t.length-1,d=this.parts,[f,y]=u0(t,i);if(this.el=z1.createElement(f,n),w1.currentNode=this.el.content,i===2||i===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(o=w1.nextNode())!==null&&d.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const v of o.getAttributeNames())if(v.endsWith(K2)){const s1=y[l++],p1=o.getAttribute(v).split(C1),Q1=/([.?@])?(.*)/.exec(s1);d.push({type:1,index:s,name:Q1[2],strings:p1,ctor:Q1[1]==="."?f0:Q1[1]==="?"?v0:Q1[1]==="@"?b0:e2}),o.removeAttribute(v)}else v.startsWith(C1)&&(d.push({type:6,index:s}),o.removeAttribute(v));if(G2.test(o.tagName)){const v=o.textContent.split(C1),s1=v.length-1;if(s1>0){o.textContent=J1?J1.emptyScript:"";for(let p1=0;p1<s1;p1++)o.append(v[p1],I1()),w1.nextNode(),d.push({type:2,index:++s});o.append(v[s1],I1())}}}else if(o.nodeType===8)if(o.data===W2)d.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(C1,v+1))!==-1;)d.push({type:7,index:s}),v+=C1.length-1}s++}}static createElement(t,i){const n=y1.createElement("template");return n.innerHTML=t,n}}function B1(e,t,i=e,n){var l,c;if(t===z)return t;let o=n!==void 0?(l=i._$Co)==null?void 0:l[n]:i._$Cl;const s=P1(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=B1(e,o._$AS(e,t.values),o,n)),t}class g0{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)??y1).importNode(i,!0);w1.currentNode=o;let s=w1.nextNode(),l=0,c=0,d=n[0];for(;d!==void 0;){if(l===d.index){let f;d.type===2?f=new N1(s,s.nextSibling,this,t):d.type===1?f=new d.ctor(s,d.name,d.strings,this,t):d.type===6&&(f=new w0(s,this,t)),this._$AV.push(f),d=n[++c]}l!==(d==null?void 0:d.index)&&(s=w1.nextNode(),l++)}return w1.currentNode=y1,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 N1{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=h,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=B1(this,t,i),P1(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):p0(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!==h&&P1(this._$AH)?this._$AA.nextSibling.data=t:this.T(y1.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=z1.createElement(Q2(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(i);else{const l=new g0(o,this),c=l.u(this.options);l.p(i),this.T(c),this._$AH=l}}_$AC(t){let i=T2.get(t.strings);return i===void 0&&T2.set(t.strings,i=new z1(t)),i}k(t){x2(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 N1(this.O(I1()),this.O(I1()),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 e2{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,n,o,s){this.type=1,this._$AH=h,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=h}_$AI(t,i=this,n,o){const s=this.strings;let l=!1;if(s===void 0)t=B1(this,t,i,0),l=!P1(t)||t!==this._$AH&&t!==z,l&&(this._$AH=t);else{const c=t;let d,f;for(t=s[0],d=0;d<s.length-1;d++)f=B1(this,c[n+d],i,d),f===z&&(f=this._$AH[d]),l||(l=!P1(f)||f!==this._$AH[d]),f===h?t=h:t!==h&&(t+=(f??"")+s[d+1]),this._$AH[d]=f}l&&!o&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class f0 extends e2{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class v0 extends e2{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class b0 extends e2{constructor(t,i,n,o,s){super(t,i,n,o,s),this.type=5}_$AI(t,i=this){if((t=B1(this,t,i,0)??h)===z)return;const n=this._$AH,o=t===h&&n!==h||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==h&&(n===h||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 w0{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){B1(this,t)}}const d2=O1.litHtmlPolyfillSupport;d2==null||d2(z1,N1),(O1.litHtmlVersions??(O1.litHtmlVersions=[])).push("3.3.0");const m0=(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 N1(t.insertBefore(I1(),s),s,void 0,i??{})}return o._$AI(e),o};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
19
- */const w1=globalThis;let p=class extends V1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var i;const t=super.createRenderRoot();return(i=this.renderOptions).renderBefore??(i.renderBefore=t.firstChild),t}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=m0(i,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return z}};var U2;p._$litElement$=!0,p.finalized=!0,(U2=w1.litElementHydrateSupport)==null||U2.call(w1,{LitElement:p});const p2=w1.litElementPolyfillSupport;p2==null||p2({LitElement:p});(w1.litElementVersions??(w1.litElementVersions=[])).push("4.2.0");/**
19
+ */const m1=globalThis;let p=class extends V1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var i;const t=super.createRenderRoot();return(i=this.renderOptions).renderBefore??(i.renderBefore=t.firstChild),t}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=m0(i,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return z}};var U2;p._$litElement$=!0,p.finalized=!0,(U2=m1.litElementHydrateSupport)==null||U2.call(m1,{LitElement:p});const p2=m1.litElementPolyfillSupport;p2==null||p2({LitElement:p});(m1.litElementVersions??(m1.litElementVersions=[])).push("4.2.0");/**
20
20
  * @license
21
21
  * Copyright 2017 Google LLC
22
22
  * SPDX-License-Identifier: BSD-3-Clause
@@ -898,11 +898,11 @@
898
898
  * @license
899
899
  * Copyright 2017 Google LLC
900
900
  * SPDX-License-Identifier: BSD-3-Clause
901
- */const s1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},o2=e=>(...t)=>({_$litDirective$:e,values:t});let n2=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,i,n){this._$Ct=t,this._$AM=i,this._$Ci=n}_$AS(t,i){return this.update(t,i)}update(t,i){return this.render(...i)}};/**
901
+ */const r1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},o2=e=>(...t)=>({_$litDirective$:e,values:t});let n2=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,i,n){this._$Ct=t,this._$AM=i,this._$Ci=n}_$AS(t,i){return this.update(t,i)}update(t,i){return this.render(...i)}};/**
902
902
  * @license
903
903
  * Copyright 2017 Google LLC
904
904
  * SPDX-License-Identifier: BSD-3-Clause
905
- */class u2 extends n2{constructor(t){if(super(t),this.it=h,t.type!==s1.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===h||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const i=[t];return i.raw=i,this._t={_$litType$:this.constructor.resultType,strings:i,values:[]}}}u2.directiveName="unsafeHTML",u2.resultType=1;/**
905
+ */class u2 extends n2{constructor(t){if(super(t),this.it=h,t.type!==r1.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===h||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const i=[t];return i.raw=i,this._t={_$litType$:this.constructor.resultType,strings:i,values:[]}}}u2.directiveName="unsafeHTML",u2.resultType=1;/**
906
906
  * @license
907
907
  * Copyright 2017 Google LLC
908
908
  * SPDX-License-Identifier: BSD-3-Clause
@@ -914,11 +914,11 @@
914
914
  * @license
915
915
  * Copyright 2017 Google LLC
916
916
  * SPDX-License-Identifier: BSD-3-Clause
917
- */const A1=(e,t)=>{var n;const i=e._$AN;if(i===void 0)return!1;for(const o of i)(n=o._$AO)==null||n.call(o,t,!1),A1(o,t);return!0},t2=e=>{let t,i;do{if((t=e._$AM)===void 0)break;i=t._$AN,i.delete(e),e=t}while((i==null?void 0:i.size)===0)},J2=e=>{for(let t;t=e._$AM;e=t){let i=t._$AN;if(i===void 0)t._$AN=i=new Set;else if(i.has(e))break;i.add(e),$5(t)}};function x5(e){this._$AN!==void 0?(t2(this),this._$AM=e,J2(this)):this._$AM=e}function L5(e,t=!1,i=0){const n=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(n))for(let s=i;s<n.length;s++)A1(n[s],!1),t2(n[s]);else n!=null&&(A1(n,!1),t2(n));else A1(this,e)}const $5=e=>{e.type==s1.CHILD&&(e._$AP??(e._$AP=L5),e._$AQ??(e._$AQ=x5))};class H5 extends n2{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,i,n){super._$AT(t,i,n),J2(this),this.isConnected=t._$AU}_$AO(t,i=!0){var n,o;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(o=this.disconnected)==null||o.call(this)),i&&(A1(this,t),t2(this))}setValue(t){if(Y2(this._$Ct))this._$Ct._$AI(t,this);else{const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}}class V5 extends H5{constructor(){super(...arguments),this.prevData={}}render(t){return h}update(t,[i]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(i),this.groom(i),this.prevData={...i}}apply(t){if(!t)return;const{prevData:i,element:n}=this;for(const o in t){const s=t[o];s!==i[o]&&(n[o]=s)}}groom(t){const{prevData:i,element:n}=this;if(i)for(const o in i)(!t||!(o in t)&&n[o]===i[o])&&(n[o]=void 0)}}class B5 extends V5{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const i in t){const n=t[i];n!==this.eventData[i]&&this.applyEvent(i,n)}}applyEvent(t,i){const{prevData:n,element:o}=this;this.eventData[t]=i,n[t]&&o.removeEventListener(t,this,i),o.addEventListener(t,this,i)}groom(t){const{prevData:i,element:n}=this;if(i)for(const o in i)(!t||!(o in t)&&n[o]===i[o])&&this.groomEvent(o,i[o])}groomEvent(t,i){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,i)}handleEvent(t){const i=this.eventData[t.type];typeof i=="function"?i.call(this.host,t):i.handleEvent(t)}disconnected(){const{eventData:t,element:i}=this;for(const n in t){const o=n.slice(1),s=t[n];i.removeEventListener(o,this,s)}}reconnected(){const{eventData:t,element:i}=this;for(const n in t){const o=n.slice(1),s=t[n];i.addEventListener(o,this,s)}}}class E5 extends B5{apply(t){if(!t)return;const{prevData:i,element:n}=this;for(const o in t){const s=t[o];if(s===i[o])continue;const l=o.slice(1);switch(o[0]){case"@":this.eventData[l]=s,this.applyEvent(l,s);break;case".":n[l]=s;break;case"?":s?n.setAttribute(l,""):n.removeAttribute(l);break;default:s!=null?n.setAttribute(o,String(s)):n.removeAttribute(o);break}}}groom(t){const{prevData:i,element:n}=this;if(i)for(const o in i){const s=o.slice(1);if(!t||!(o in t)&&n[s]===i[o])switch(o[0]){case"@":this.groomEvent(s,i[o]);break;case".":n[s]=void 0;break;case"?":n.removeAttribute(s);break;default:n.removeAttribute(o);break}}}}const q2=o2(E5);/**
917
+ */const A1=(e,t)=>{var n;const i=e._$AN;if(i===void 0)return!1;for(const o of i)(n=o._$AO)==null||n.call(o,t,!1),A1(o,t);return!0},t2=e=>{let t,i;do{if((t=e._$AM)===void 0)break;i=t._$AN,i.delete(e),e=t}while((i==null?void 0:i.size)===0)},J2=e=>{for(let t;t=e._$AM;e=t){let i=t._$AN;if(i===void 0)t._$AN=i=new Set;else if(i.has(e))break;i.add(e),$5(t)}};function x5(e){this._$AN!==void 0?(t2(this),this._$AM=e,J2(this)):this._$AM=e}function L5(e,t=!1,i=0){const n=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(n))for(let s=i;s<n.length;s++)A1(n[s],!1),t2(n[s]);else n!=null&&(A1(n,!1),t2(n));else A1(this,e)}const $5=e=>{e.type==r1.CHILD&&(e._$AP??(e._$AP=L5),e._$AQ??(e._$AQ=x5))};class H5 extends n2{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,i,n){super._$AT(t,i,n),J2(this),this.isConnected=t._$AU}_$AO(t,i=!0){var n,o;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(o=this.disconnected)==null||o.call(this)),i&&(A1(this,t),t2(this))}setValue(t){if(Y2(this._$Ct))this._$Ct._$AI(t,this);else{const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}}class V5 extends H5{constructor(){super(...arguments),this.prevData={}}render(t){return h}update(t,[i]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(i),this.groom(i),this.prevData={...i}}apply(t){if(!t)return;const{prevData:i,element:n}=this;for(const o in t){const s=t[o];s!==i[o]&&(n[o]=s)}}groom(t){const{prevData:i,element:n}=this;if(i)for(const o in i)(!t||!(o in t)&&n[o]===i[o])&&(n[o]=void 0)}}class B5 extends V5{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const i in t){const n=t[i];n!==this.eventData[i]&&this.applyEvent(i,n)}}applyEvent(t,i){const{prevData:n,element:o}=this;this.eventData[t]=i,n[t]&&o.removeEventListener(t,this,i),o.addEventListener(t,this,i)}groom(t){const{prevData:i,element:n}=this;if(i)for(const o in i)(!t||!(o in t)&&n[o]===i[o])&&this.groomEvent(o,i[o])}groomEvent(t,i){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,i)}handleEvent(t){const i=this.eventData[t.type];typeof i=="function"?i.call(this.host,t):i.handleEvent(t)}disconnected(){const{eventData:t,element:i}=this;for(const n in t){const o=n.slice(1),s=t[n];i.removeEventListener(o,this,s)}}reconnected(){const{eventData:t,element:i}=this;for(const n in t){const o=n.slice(1),s=t[n];i.addEventListener(o,this,s)}}}class E5 extends B5{apply(t){if(!t)return;const{prevData:i,element:n}=this;for(const o in t){const s=t[o];if(s===i[o])continue;const l=o.slice(1);switch(o[0]){case"@":this.eventData[l]=s,this.applyEvent(l,s);break;case".":n[l]=s;break;case"?":s?n.setAttribute(l,""):n.removeAttribute(l);break;default:s!=null?n.setAttribute(o,String(s)):n.removeAttribute(o);break}}}groom(t){const{prevData:i,element:n}=this;if(i)for(const o in i){const s=o.slice(1);if(!t||!(o in t)&&n[s]===i[o])switch(o[0]){case"@":this.groomEvent(s,i[o]);break;case".":n[s]=void 0;break;case"?":n.removeAttribute(s);break;default:n.removeAttribute(o);break}}}}const q2=o2(E5);/**
918
918
  * @license
919
919
  * Copyright 2018 Google LLC
920
920
  * SPDX-License-Identifier: BSD-3-Clause
921
- */const M=e=>e??h;var M5=Object.defineProperty,k5=Object.getOwnPropertyDescriptor,J=(e,t,i,n)=>{for(var o=n>1?void 0:n?k5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&M5(t,i,o),o};let D=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 h;const{svg:e,pixelSize:t,shouldApplyLogicalSize:i}=v5(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,o=i?` width="${t}" height="${t}"`:"",l=(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,d=this.showSrLabel?"":"icon";return a`
921
+ */const M=e=>e??h;var M5=Object.defineProperty,k5=Object.getOwnPropertyDescriptor,t1=(e,t,i,n)=>{for(var o=n>1?void 0:n?k5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&M5(t,i,o),o};let D=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 h;const{svg:e,pixelSize:t,shouldApplyLogicalSize:i}=v5(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,o=i?` width="${t}" height="${t}"`:"",l=(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,d=this.showSrLabel?"":"icon";return a`
922
922
  ${this.type==="span"?a`
923
923
  <span part="icon-button" class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}" ?disabled="${this.disabled}">
924
924
  ${K(l)}
@@ -1122,7 +1122,7 @@
1122
1122
  .sr-only {
1123
1123
  ${L2}
1124
1124
  }
1125
- `;J([r({type:String,reflect:!0})],D.prototype,"bgstyle",2);J([r({type:String,reflect:!0})],D.prototype,"size",2);J([r({type:String,reflect:!0})],D.prototype,"status",2);J([r({type:String,reflect:!0})],D.prototype,"type",2);J([r({type:String})],D.prototype,"strokewidth",2);J([r({type:String})],D.prototype,"icon",2);J([r({type:Boolean,reflect:!0})],D.prototype,"disabled",2);J([r({type:Boolean})],D.prototype,"showSrLabel",2);J([r({type:String})],D.prototype,"srLabel",2);D=J([u("o-icon-button")],D);var Z5=Object.defineProperty,_5=Object.getOwnPropertyDescriptor,w=(e,t,i,n)=>{for(var o=n>1?void 0:n?_5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&Z5(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,l,c,d;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=(l=((s=t.shadowRoot)==null?void 0:s.querySelector("button"))??t)==null?void 0:l.focus)==null||c.call(l,{preventScroll:!0});const n=(d=this.shadowRoot)==null?void 0:d.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 l=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),d=l?this.resolveFocusable(l):null,f=c?this.resolveFocusable(c):null;if(e.shiftKey&&d&&i===d&&f){e.preventDefault(),e.stopPropagation(),f.focus({preventScroll:!0});return}if(!e.shiftKey&&f&&i===f){e.preventDefault(),e.stopPropagation(),(((s=t.querySelector(".detail-scroller"))==null?void 0:s.querySelector(g.focusablesSelector))??d??f).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const l=t.querySelector(".close-btn"),c=l?this.resolveFocusable(l):null,d=t.querySelector(".js-clear-refinements"),f=d?this.resolveFocusable(d):null,y=v=>{e.preventDefault(),e.stopPropagation(),v.focus()};if(c&&f){if(!e.shiftKey&&i===f)return y(c);if(e.shiftKey&&i===c)return y(f)}}const o=this.renderRoot.querySelector(".close-btn");if(!e.shiftKey&&o&&o.contains(i)){e.preventDefault();const l=this.renderRoot.querySelector(".o-whats-inside--content p");l==null||l.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 l;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),d=Array.from(((l=o.shadowRoot)==null?void 0:l.querySelectorAll("*"))||[]).filter(t).flatMap(i);s.push(...c,...d)}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`
1125
+ `;t1([r({type:String,reflect:!0})],D.prototype,"bgstyle",2);t1([r({type:String,reflect:!0})],D.prototype,"size",2);t1([r({type:String,reflect:!0})],D.prototype,"status",2);t1([r({type:String,reflect:!0})],D.prototype,"type",2);t1([r({type:String})],D.prototype,"strokewidth",2);t1([r({type:String})],D.prototype,"icon",2);t1([r({type:Boolean,reflect:!0})],D.prototype,"disabled",2);t1([r({type:Boolean})],D.prototype,"showSrLabel",2);t1([r({type:String})],D.prototype,"srLabel",2);D=t1([u("o-icon-button")],D);var Z5=Object.defineProperty,_5=Object.getOwnPropertyDescriptor,w=(e,t,i,n)=>{for(var o=n>1?void 0:n?_5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&Z5(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,l,c,d;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=(l=((s=t.shadowRoot)==null?void 0:s.querySelector("button"))??t)==null?void 0:l.focus)==null||c.call(l,{preventScroll:!0});const n=(d=this.shadowRoot)==null?void 0:d.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 l=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),d=l?this.resolveFocusable(l):null,f=c?this.resolveFocusable(c):null;if(e.shiftKey&&d&&i===d&&f){e.preventDefault(),e.stopPropagation(),f.focus({preventScroll:!0});return}if(!e.shiftKey&&f&&i===f){e.preventDefault(),e.stopPropagation(),(((s=t.querySelector(".detail-scroller"))==null?void 0:s.querySelector(g.focusablesSelector))??d??f).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const l=t.querySelector(".close-btn"),c=l?this.resolveFocusable(l):null,d=t.querySelector(".js-clear-refinements"),f=d?this.resolveFocusable(d):null,y=v=>{e.preventDefault(),e.stopPropagation(),v.focus()};if(c&&f){if(!e.shiftKey&&i===f)return y(c);if(e.shiftKey&&i===c)return y(f)}}const o=this.renderRoot.querySelector(".close-btn");if(!e.shiftKey&&o&&o.contains(i)){e.preventDefault();const l=this.renderRoot.querySelector(".o-whats-inside--content p");l==null||l.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 l;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),d=Array.from(((l=o.shadowRoot)==null?void 0:l.querySelectorAll("*"))||[]).filter(t).flatMap(i);s.push(...c,...d)}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`
1126
1126
  <div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
1127
1127
  ${this.showHeaderStartIcon?a`
1128
1128
  <o-icon-button
@@ -1747,7 +1747,7 @@
1747
1747
  fill: var(--color-content-action-secondary);
1748
1748
  stroke: var(--color-content-action-secondary);
1749
1749
  }
1750
- `;_1([r({type:String,reflect:!0})],g1.prototype,"status",2);_1([r({type:String,reflect:!0})],g1.prototype,"icon",2);_1([r({type:String,reflect:!0})],g1.prototype,"bgstyle",2);_1([r({type:String,reflect:!0})],g1.prototype,"ariaDescribedBy",2);_1([r({type:String,reflect:!0})],g1.prototype,"label",2);g1=_1([u("o-wishlist-button")],g1);var P5=Object.defineProperty,z5=Object.getOwnPropertyDescriptor,x1=(e,t,i,n)=>{for(var o=n>1?void 0:n?z5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&P5(t,i,o),o};let r1=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`
1750
+ `;_1([r({type:String,reflect:!0})],g1.prototype,"status",2);_1([r({type:String,reflect:!0})],g1.prototype,"icon",2);_1([r({type:String,reflect:!0})],g1.prototype,"bgstyle",2);_1([r({type:String,reflect:!0})],g1.prototype,"ariaDescribedBy",2);_1([r({type:String,reflect:!0})],g1.prototype,"label",2);g1=_1([u("o-wishlist-button")],g1);var P5=Object.defineProperty,z5=Object.getOwnPropertyDescriptor,f1=(e,t,i,n)=>{for(var o=n>1?void 0:n?z5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&P5(t,i,o),o};let Y=class extends p{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1,this.disabled=!1}_handleClick(e){(!this.href||this.href==="#")&&e.preventDefault()}render(){const e=!!this.href,t=a`
1751
1751
  ${this.endIcon&&this.reverseEndIcon?a`
1752
1752
  <o-icon-button
1753
1753
  icon="occ-chevron-left"
@@ -1776,7 +1776,7 @@
1776
1776
  >
1777
1777
  ${t}
1778
1778
  </a>
1779
- `:a`<span class="link-wrapper">${t}</span>`}};r1.styles=C`
1779
+ `:a`<span class="link-wrapper">${t}</span>`}};Y.styles=C`
1780
1780
  :host {
1781
1781
  cursor: pointer;
1782
1782
  }
@@ -1813,6 +1813,14 @@
1813
1813
  color: var(--color-container-action-tertiary-default);
1814
1814
  }
1815
1815
 
1816
+ :host([disabled]) {
1817
+ pointer-events: none;
1818
+ }
1819
+
1820
+ :host([disabled]) .link-wrapper {
1821
+ color: var(--color-content-disabled);
1822
+ }
1823
+
1816
1824
  :host([endIcon]) .link-wrapper o-icon-button {
1817
1825
  margin-left: 2px;
1818
1826
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -1862,7 +1870,7 @@
1862
1870
  transform: translateX(-4px);
1863
1871
  }
1864
1872
  }
1865
- `;x1([r({type:String})],r1.prototype,"href",2);x1([r({type:String})],r1.prototype,"target",2);x1([r({type:String,reflect:!0})],r1.prototype,"template",2);x1([r({type:Boolean,reflect:!0})],r1.prototype,"inverse",2);x1([r({type:Boolean,reflect:!0})],r1.prototype,"endIcon",2);x1([r({type:Boolean,reflect:!0})],r1.prototype,"reverseEndIcon",2);r1=x1([u("o-link")],r1);var D5=Object.defineProperty,T5=Object.getOwnPropertyDescriptor,s2=(e,t,i,n)=>{for(var o=n>1?void 0:n?T5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&D5(t,i,o),o};let E1=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`
1873
+ `;f1([r({type:String})],Y.prototype,"href",2);f1([r({type:String})],Y.prototype,"target",2);f1([r({type:String,reflect:!0})],Y.prototype,"template",2);f1([r({type:Boolean,reflect:!0})],Y.prototype,"inverse",2);f1([r({type:Boolean,reflect:!0})],Y.prototype,"endIcon",2);f1([r({type:Boolean,reflect:!0})],Y.prototype,"reverseEndIcon",2);f1([r({type:Boolean,reflect:!0})],Y.prototype,"disabled",2);Y=f1([u("o-link")],Y);var D5=Object.defineProperty,T5=Object.getOwnPropertyDescriptor,s2=(e,t,i,n)=>{for(var o=n>1?void 0:n?T5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&D5(t,i,o),o};let E1=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`
1866
1874
  <div class="rating">
1867
1875
  <div class="stars">
1868
1876
  ${e.map(t=>a`<span class="star">${K(W1[t]??"")}</span>`)}
@@ -1902,7 +1910,7 @@
1902
1910
  text-decoration: underline;
1903
1911
  cursor: pointer;
1904
1912
  }
1905
- `;s2([r({type:Number})],E1.prototype,"rating",2);s2([r({type:String})],E1.prototype,"reviewCount",2);s2([r({type:String})],E1.prototype,"href",2);E1=s2([u("o-rating")],E1);var j5=Object.defineProperty,R5=Object.getOwnPropertyDescriptor,f1=(e,t,i,n)=>{for(var o=n>1?void 0:n?R5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&j5(t,i,o),o};let Y=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`
1913
+ `;s2([r({type:Number})],E1.prototype,"rating",2);s2([r({type:String})],E1.prototype,"reviewCount",2);s2([r({type:String})],E1.prototype,"href",2);E1=s2([u("o-rating")],E1);var j5=Object.defineProperty,R5=Object.getOwnPropertyDescriptor,v1=(e,t,i,n)=>{for(var o=n>1?void 0:n?R5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&j5(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`
1906
1914
  <o-icon-button
1907
1915
  icon="playerv"
1908
1916
  size="xsmall"
@@ -1931,7 +1939,7 @@
1931
1939
  </li>
1932
1940
  `})}
1933
1941
  </ul>
1934
- `}};Y.styles=C`
1942
+ `}};J.styles=C`
1935
1943
  :host {
1936
1944
  display: flex;
1937
1945
  gap: 5px;
@@ -2035,7 +2043,7 @@
2035
2043
  height: 0;
2036
2044
  width: 0;
2037
2045
  }
2038
- `;f1([r({type:Array})],Y.prototype,"thumbnails",2);f1([r({type:Number})],Y.prototype,"activeIndex",2);f1([r({type:Array})],Y.prototype,"disabledIndexes",2);f1([r({type:String})],Y.prototype,"maxWidth",2);f1([r({type:String})],Y.prototype,"altressource",2);f1([r({type:Object})],Y.prototype,"swiperInstance",2);f1([P()],Y.prototype,"focusedIndex",2);Y=f1([u("thumbnail-navigation")],Y);var q5=Object.defineProperty,U5=Object.getOwnPropertyDescriptor,H2=(e,t,i,n)=>{for(var o=n>1?void 0:n?U5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&q5(t,i,o),o};let T1=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return a`
2046
+ `;v1([r({type:Array})],J.prototype,"thumbnails",2);v1([r({type:Number})],J.prototype,"activeIndex",2);v1([r({type:Array})],J.prototype,"disabledIndexes",2);v1([r({type:String})],J.prototype,"maxWidth",2);v1([r({type:String})],J.prototype,"altressource",2);v1([r({type:Object})],J.prototype,"swiperInstance",2);v1([P()],J.prototype,"focusedIndex",2);J=v1([u("thumbnail-navigation")],J);var q5=Object.defineProperty,U5=Object.getOwnPropertyDescriptor,H2=(e,t,i,n)=>{for(var o=n>1?void 0:n?U5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&q5(t,i,o),o};let T1=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return a`
2039
2047
  <p class="tag ${this.bgstyle}"><slot></slot></p>
2040
2048
  `}};T1.styles=C`
2041
2049
  .tag {
@@ -2418,7 +2426,7 @@
2418
2426
  :host([aria-current="true"]:active) .dots {
2419
2427
  background-color: var(--color-container-action-primary-pressed);
2420
2428
  }
2421
- `;f2=X5([u("o-dots")],f2);var Y5=Object.defineProperty,J5=Object.getOwnPropertyDescriptor,t1=(e,t,i,n)=>{for(var o=n>1?void 0:n?J5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&Y5(t,i,o),o};let T=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 l=Number(s),c=this.options[l];if(!c||c.disabled)continue;const d=c.dataproduct??o.dataset.product;if(!d)continue;let f;try{f=JSON.parse(d)}catch(v){console.warn("Invalid dataproduct JSON:",d,v);continue}const y=this._getKey(c,f,l);this._sent.has(y)||(this._sent.add(y),this._pendingByKey.set(y,f),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=W1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(i=>i.value===this.value);return a`
2429
+ `;f2=X5([u("o-dots")],f2);var Y5=Object.defineProperty,J5=Object.getOwnPropertyDescriptor,e1=(e,t,i,n)=>{for(var o=n>1?void 0:n?J5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&Y5(t,i,o),o};let T=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 l=Number(s),c=this.options[l];if(!c||c.disabled)continue;const d=c.dataproduct??o.dataset.product;if(!d)continue;let f;try{f=JSON.parse(d)}catch(v){console.warn("Invalid dataproduct JSON:",d,v);continue}const y=this._getKey(c,f,l);this._sent.has(y)||(this._sent.add(y),this._pendingByKey.set(y,f),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=W1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(i=>i.value===this.value);return a`
2422
2430
  <button
2423
2431
  role="combobox"
2424
2432
  aria-haspopup="listbox"
@@ -2659,11 +2667,11 @@
2659
2667
  input[type="hidden"] {
2660
2668
  display: none;
2661
2669
  }
2662
- `;t1([r({type:Array,reflect:!0})],T.prototype,"options",2);t1([r({type:String,reflect:!0})],T.prototype,"value",2);t1([r({type:String,reflect:!0})],T.prototype,"name",2);t1([r({type:String,reflect:!0})],T.prototype,"additionaltext",2);t1([r({type:Boolean,reflect:!0})],T.prototype,"disabled",2);t1([r({type:String,reflect:!0})],T.prototype,"width",2);t1([P()],T.prototype,"open",2);t1([P()],T.prototype,"activeIndex",2);t1([P()],T.prototype,"menuWidth",2);T=t1([u("o-dropdown-variant")],T);/**
2670
+ `;e1([r({type:Array,reflect:!0})],T.prototype,"options",2);e1([r({type:String,reflect:!0})],T.prototype,"value",2);e1([r({type:String,reflect:!0})],T.prototype,"name",2);e1([r({type:String,reflect:!0})],T.prototype,"additionaltext",2);e1([r({type:Boolean,reflect:!0})],T.prototype,"disabled",2);e1([r({type:String,reflect:!0})],T.prototype,"width",2);e1([P()],T.prototype,"open",2);e1([P()],T.prototype,"activeIndex",2);e1([P()],T.prototype,"menuWidth",2);T=e1([u("o-dropdown-variant")],T);/**
2663
2671
  * @license
2664
2672
  * Copyright 2018 Google LLC
2665
2673
  * SPDX-License-Identifier: BSD-3-Clause
2666
- */const t0="important",te=" !"+t0,ee=o2(class extends n2{constructor(e){var t;if(super(e),e.type!==s1.ATTRIBUTE||e.name!=="style"||((t=e.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,i)=>{const n=e[i];return n==null?t:t+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(e,[t]){const{style:i}=e.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?i.removeProperty(n):i[n]=null);for(const n in t){const o=t[n];if(o!=null){this.ft.add(n);const s=typeof o=="string"&&o.endsWith(te);n.includes("-")||s?i.setProperty(n,s?o.slice(0,-11):o,s?t0:""):i[n]=o}}return z}});var ie=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,r2=(e,t,i,n)=>{for(var o=n>1?void 0:n?oe(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&ie(t,i,o),o};let M1=class extends p{constructor(){super(...arguments),this.option={},this.imageSize=64,this.fullwidth=!1}render(){const e=l=>{const c=document.createElement("textarea");return c.innerHTML=l,c.value},t=this.option&&this.option.clickable,i={width:`${this.imageSize}px`,height:`${this.imageSize}px`},n=this.option&&this.option.title?e(this.option.title):"",o=this.option&&this.option.description?e(this.option.description):"",s=a`
2674
+ */const t0="important",te=" !"+t0,ee=o2(class extends n2{constructor(e){var t;if(super(e),e.type!==r1.ATTRIBUTE||e.name!=="style"||((t=e.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,i)=>{const n=e[i];return n==null?t:t+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(e,[t]){const{style:i}=e.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?i.removeProperty(n):i[n]=null);for(const n in t){const o=t[n];if(o!=null){this.ft.add(n);const s=typeof o=="string"&&o.endsWith(te);n.includes("-")||s?i.setProperty(n,s?o.slice(0,-11):o,s?t0:""):i[n]=o}}return z}});var ie=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,r2=(e,t,i,n)=>{for(var o=n>1?void 0:n?oe(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&ie(t,i,o),o};let M1=class extends p{constructor(){super(...arguments),this.option={},this.imageSize=64,this.fullwidth=!1}render(){const e=l=>{const c=document.createElement("textarea");return c.innerHTML=l,c.value},t=this.option&&this.option.clickable,i={width:`${this.imageSize}px`,height:`${this.imageSize}px`},n=this.option&&this.option.title?e(this.option.title):"",o=this.option&&this.option.description?e(this.option.description):"",s=a`
2667
2675
  ${this.option.imgurl?a`<img src="${this.option.imgurl}" alt="${M(n)}" aria-hidden="true" style=${ee(i)} />`:""}
2668
2676
  <div class="m-reassurance-content">
2669
2677
  <h3 class="a-reassurance-text">${M(n)}</h3>
@@ -2867,7 +2875,7 @@
2867
2875
  flex-wrap: wrap;
2868
2876
  gap: var(--spacing-s);
2869
2877
  }
2870
- `;B2([r({reflect:!0})],R1.prototype,"name",2);B2([r({reflect:!0})],R1.prototype,"value",2);R1=B2([u("o-chipset")],R1);var ce=Object.defineProperty,he=Object.getOwnPropertyDescriptor,e1=(e,t,i,n)=>{for(var o=n>1?void 0:n?he(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&ce(t,i,o),o};const de=i2(p);let R=class extends de{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=b5[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return K(e)}render(){const e=this.text;return a`${this.type==="link"?a`
2878
+ `;B2([r({reflect:!0})],R1.prototype,"name",2);B2([r({reflect:!0})],R1.prototype,"value",2);R1=B2([u("o-chipset")],R1);var ce=Object.defineProperty,he=Object.getOwnPropertyDescriptor,i1=(e,t,i,n)=>{for(var o=n>1?void 0:n?he(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&ce(t,i,o),o};const de=i2(p);let R=class extends de{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=b5[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return K(e)}render(){const e=this.text;return a`${this.type==="link"?a`
2871
2879
  <a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
2872
2880
  aria-label=${this.ariaLabel||h} aria-pressed=${this.selected}>
2873
2881
  ${e?a`
@@ -3009,7 +3017,7 @@
3009
3017
  stroke-width: 4px;
3010
3018
  stroke-linecap: round;
3011
3019
  }
3012
- `;e1([r({reflect:!0})],R.prototype,"name",2);e1([r({reflect:!0})],R.prototype,"value",2);e1([r({type:String,reflect:!0})],R.prototype,"type",2);e1([r({type:String,reflect:!0})],R.prototype,"href",2);e1([r({type:String,reflect:!0,attribute:"data-href"})],R.prototype,"dataHref",2);e1([r({type:String})],R.prototype,"text",2);e1([r({type:Boolean,reflect:!0})],R.prototype,"selected",2);e1([r({type:Boolean,reflect:!0})],R.prototype,"disabled",2);e1([r({type:Boolean,reflect:!0})],R.prototype,"fullwidth",2);R=e1([u("o-filter-chip")],R);var pe=Object.defineProperty,U=(e,t,i,n)=>{for(var o=void 0,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=l(t,i,o)||o);return o&&pe(t,i,o),o};const k2=class k2 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`
3020
+ `;i1([r({reflect:!0})],R.prototype,"name",2);i1([r({reflect:!0})],R.prototype,"value",2);i1([r({type:String,reflect:!0})],R.prototype,"type",2);i1([r({type:String,reflect:!0})],R.prototype,"href",2);i1([r({type:String,reflect:!0,attribute:"data-href"})],R.prototype,"dataHref",2);i1([r({type:String})],R.prototype,"text",2);i1([r({type:Boolean,reflect:!0})],R.prototype,"selected",2);i1([r({type:Boolean,reflect:!0})],R.prototype,"disabled",2);i1([r({type:Boolean,reflect:!0})],R.prototype,"fullwidth",2);R=i1([u("o-filter-chip")],R);var pe=Object.defineProperty,U=(e,t,i,n)=>{for(var o=void 0,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=l(t,i,o)||o);return o&&pe(t,i,o),o};const k2=class k2 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`
3013
3021
  <o-icon-button
3014
3022
  @click=${this.onClickIcons}
3015
3023
  icon="occ-chevron-right"
@@ -3417,7 +3425,7 @@
3417
3425
  svg path {
3418
3426
  stroke: var(--color-border-light);
3419
3427
  }
3420
- `;G([r({type:Boolean,reflect:!0})],O.prototype,"checked",2);G([r({type:Boolean,reflect:!0})],O.prototype,"indeterminate",2);G([r({type:Boolean,reflect:!0})],O.prototype,"disabled",2);G([r({type:String,reflect:!0})],O.prototype,"size",2);G([r({type:Boolean})],O.prototype,"showLabel",2);G([r({type:String})],O.prototype,"label",2);G([r({type:String})],O.prototype,"name",2);G([r({type:String})],O.prototype,"value",2);G([r({type:String,reflect:!0})],O.prototype,"inputId",2);G([K1("input")],O.prototype,"inputEl",2);O=G([u("o-checkbox")],O);var me=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,i1=(e,t,i,n)=>{for(var o=n>1?void 0:n?ye(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&me(t,i,o),o};let xe=0,q=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-${++xe}`)}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`
3428
+ `;G([r({type:Boolean,reflect:!0})],O.prototype,"checked",2);G([r({type:Boolean,reflect:!0})],O.prototype,"indeterminate",2);G([r({type:Boolean,reflect:!0})],O.prototype,"disabled",2);G([r({type:String,reflect:!0})],O.prototype,"size",2);G([r({type:Boolean})],O.prototype,"showLabel",2);G([r({type:String})],O.prototype,"label",2);G([r({type:String})],O.prototype,"name",2);G([r({type:String})],O.prototype,"value",2);G([r({type:String,reflect:!0})],O.prototype,"inputId",2);G([K1("input")],O.prototype,"inputEl",2);O=G([u("o-checkbox")],O);var me=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,o1=(e,t,i,n)=>{for(var o=n>1?void 0:n?ye(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&me(t,i,o),o};let xe=0,q=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-${++xe}`)}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`
3421
3429
  <input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
3422
3430
 
3423
3431
  <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}>
@@ -3514,7 +3522,7 @@
3514
3522
  width: 0;
3515
3523
  height: 0;
3516
3524
  }
3517
- `;i1([r({type:Boolean,reflect:!0})],q.prototype,"checked",2);i1([r({type:Boolean,reflect:!0})],q.prototype,"disabled",2);i1([r({type:String,reflect:!0})],q.prototype,"size",2);i1([r({type:Boolean})],q.prototype,"showLabel",2);i1([r({type:String})],q.prototype,"label",2);i1([r({type:String})],q.prototype,"name",2);i1([r({type:String})],q.prototype,"value",2);i1([r({type:String,reflect:!0})],q.prototype,"inputId",2);i1([K1("input")],q.prototype,"inputEl",2);q=i1([u("o-radio")],q);var Le=Object.getOwnPropertyDescriptor,$e=(e,t,i,n)=>{for(var o=n>1?void 0:n?Le(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=l(o)||o);return o};let v2=class extends p{render(){return a`
3525
+ `;o1([r({type:Boolean,reflect:!0})],q.prototype,"checked",2);o1([r({type:Boolean,reflect:!0})],q.prototype,"disabled",2);o1([r({type:String,reflect:!0})],q.prototype,"size",2);o1([r({type:Boolean})],q.prototype,"showLabel",2);o1([r({type:String})],q.prototype,"label",2);o1([r({type:String})],q.prototype,"name",2);o1([r({type:String})],q.prototype,"value",2);o1([r({type:String,reflect:!0})],q.prototype,"inputId",2);o1([K1("input")],q.prototype,"inputEl",2);q=o1([u("o-radio")],q);var Le=Object.getOwnPropertyDescriptor,$e=(e,t,i,n)=>{for(var o=n>1?void 0:n?Le(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=l(o)||o);return o};let v2=class extends p{render(){return a`
3518
3526
  <nav aria-label="Breadcrumbs">
3519
3527
  <ul>
3520
3528
  <slot></slot>
@@ -4697,7 +4705,7 @@
4697
4705
  display: flex;
4698
4706
  justify-content: flex-end;
4699
4707
  }
4700
- `;H1([r({type:String,reflect:!0})],c1.prototype,"altImage",2);H1([r({type:String,reflect:!0})],c1.prototype,"loccitaneGroup",2);H1([r({type:String,reflect:!0})],c1.prototype,"loccitaneGroupLink",2);H1([r({type:String,reflect:!0})],c1.prototype,"privacyText",2);H1([r({type:String,reflect:!0})],c1.prototype,"privacyLink",2);H1([r({type:String,reflect:!0})],c1.prototype,"copyrightText",2);c1=H1([u("o-footer-simplify")],c1);var We=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,G1=(e,t,i,n)=>{for(var o=n>1?void 0:n?Ge(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&We(t,i,o),o};const Qe={standard:"occ-check-filled",success:"occ-check-filled",error:"occ-close-filled",info:"occ-info"};let y1=class extends p{constructor(){super(...arguments),this.variant="standard",this.framed=!1,this.longtext=!1,this.text=""}render(){const e=Qe[this.variant];return a`
4708
+ `;H1([r({type:String,reflect:!0})],c1.prototype,"altImage",2);H1([r({type:String,reflect:!0})],c1.prototype,"loccitaneGroup",2);H1([r({type:String,reflect:!0})],c1.prototype,"loccitaneGroupLink",2);H1([r({type:String,reflect:!0})],c1.prototype,"privacyText",2);H1([r({type:String,reflect:!0})],c1.prototype,"privacyLink",2);H1([r({type:String,reflect:!0})],c1.prototype,"copyrightText",2);c1=H1([u("o-footer-simplify")],c1);var We=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,G1=(e,t,i,n)=>{for(var o=n>1?void 0:n?Ge(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&We(t,i,o),o};const Qe={standard:"occ-check-filled",success:"occ-check-filled",error:"occ-close-filled",info:"occ-info"};let x1=class extends p{constructor(){super(...arguments),this.variant="standard",this.framed=!1,this.longtext=!1,this.text=""}render(){const e=Qe[this.variant];return a`
4701
4709
  <div class="feedback" role="status">
4702
4710
  <span class="icon">
4703
4711
  <o-icon-button
@@ -4711,7 +4719,7 @@
4711
4719
  <slot>${this.text}</slot>
4712
4720
  </span>
4713
4721
  </div>
4714
- `}};y1.styles=C`
4722
+ `}};x1.styles=C`
4715
4723
  :host {
4716
4724
  --feedback-text-color: var(--color-content-action-secondary, #3F2B2E);
4717
4725
  --feedback-bg-color: var(--color-container-bg-default, #F5F0EB);
@@ -4743,12 +4751,12 @@
4743
4751
  display: flex;
4744
4752
  align-items: center;
4745
4753
  gap: var(--spacing-s);
4746
- padding: var(--spacing-m);
4747
4754
  }
4748
4755
 
4749
4756
  :host([framed]) .feedback {
4750
4757
  background-color: var(--feedback-bg-color);
4751
4758
  border-radius: var(--radius-S, 2px);
4759
+ padding: var(--spacing-m);
4752
4760
  }
4753
4761
 
4754
4762
  :host([framed][variant="success"]) .feedback,
@@ -4786,11 +4794,11 @@
4786
4794
  line-height: var(--line-height-200);
4787
4795
  color: var(--feedback-text-color);
4788
4796
  }
4789
- `;G1([r({type:String,reflect:!0})],y1.prototype,"variant",2);G1([r({type:Boolean,reflect:!0})],y1.prototype,"framed",2);G1([r({type:Boolean,reflect:!0})],y1.prototype,"longtext",2);G1([r({type:String})],y1.prototype,"text",2);y1=G1([u("o-feedback-message")],y1);/**
4797
+ `;G1([r({type:String,reflect:!0})],x1.prototype,"variant",2);G1([r({type:Boolean,reflect:!0})],x1.prototype,"framed",2);G1([r({type:Boolean,reflect:!0})],x1.prototype,"longtext",2);G1([r({type:String})],x1.prototype,"text",2);x1=G1([u("o-feedback-message")],x1);/**
4790
4798
  * @license
4791
4799
  * Copyright 2020 Google LLC
4792
4800
  * SPDX-License-Identifier: BSD-3-Clause
4793
- */const Xe=o2(class extends n2{constructor(e){if(super(e),e.type!==s1.PROPERTY&&e.type!==s1.ATTRIBUTE&&e.type!==s1.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Y2(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===z||t===h)return t;const i=e.element,n=e.name;if(e.type===s1.PROPERTY){if(t===i[n])return z}else if(e.type===s1.BOOLEAN_ATTRIBUTE){if(!!t===i.hasAttribute(n))return z}else if(e.type===s1.ATTRIBUTE&&i.getAttribute(n)===t+"")return z;return y5(e),t}});var Ye=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,F=(e,t,i,n)=>{for(var o=n>1?void 0:n?Je(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&Ye(t,i,o),o};const t6=i2(p);let e6=0,E=class extends t6{constructor(){super(),this.label="",this.value="",this.placeholder="",this.helperText="",this.state="default",this.disabled=!1,this.leadingIcon="",this.trailingIcon="",this.name="",this.required=!1,this.clearLabel="Clear",this.inputId="",this.inputId||(this.inputId=`o-input-${++e6}`)}updated(e){(e.has("value")||e.has("name"))&&this[D1].setFormValue(this.value)}formResetCallback(){this.value="",this[D1].setFormValue("")}handleInput(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}handleChange(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}handleClear(){this.value="",this.inputEl&&this.inputEl.focus(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}renderHelperIcon(){return this.state==="success"?a`<o-icon-button type="span" icon="occ-check-filled" bgstyle="none-light" size="small"></o-icon-button>`:this.state==="error"?a`<o-icon-button type="span" icon="occ-warning" bgstyle="none-light" size="small"></o-icon-button>`:h}renderTrailingIcon(){return this.trailingIcon?this.trailingIcon==="occ-close-outlined"?a`
4801
+ */const Xe=o2(class extends n2{constructor(e){if(super(e),e.type!==r1.PROPERTY&&e.type!==r1.ATTRIBUTE&&e.type!==r1.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Y2(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===z||t===h)return t;const i=e.element,n=e.name;if(e.type===r1.PROPERTY){if(t===i[n])return z}else if(e.type===r1.BOOLEAN_ATTRIBUTE){if(!!t===i.hasAttribute(n))return z}else if(e.type===r1.ATTRIBUTE&&i.getAttribute(n)===t+"")return z;return y5(e),t}});var Ye=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,F=(e,t,i,n)=>{for(var o=n>1?void 0:n?Je(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&Ye(t,i,o),o};const t6=i2(p);let e6=0,E=class extends t6{constructor(){super(),this.label="",this.value="",this.placeholder="",this.helperText="",this.state="default",this.disabled=!1,this.leadingIcon="",this.trailingIcon="",this.name="",this.required=!1,this.clearLabel="Clear",this.inputId="",this.inputId||(this.inputId=`o-input-${++e6}`)}updated(e){(e.has("value")||e.has("name"))&&this[D1].setFormValue(this.value)}formResetCallback(){this.value="",this[D1].setFormValue("")}handleInput(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}handleChange(e){e.stopPropagation();const t=e.target;this.value=t.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}handleClear(){this.value="",this.inputEl&&this.inputEl.focus(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}renderHelperIcon(){return this.state==="success"?a`<o-icon-button type="span" icon="occ-check-filled" bgstyle="none-light" size="small"></o-icon-button>`:this.state==="error"?a`<o-icon-button type="span" icon="occ-warning" bgstyle="none-light" size="small"></o-icon-button>`:h}renderTrailingIcon(){return this.trailingIcon?this.trailingIcon==="occ-close-outlined"?a`
4794
4802
  <o-icon-button
4795
4803
  type="button"
4796
4804
  icon=${this.trailingIcon}
@@ -4987,7 +4995,7 @@
4987
4995
  :host([state="success"]) .helper-text o-icon-button {
4988
4996
  --color-content-action-primary: var(--color-content-success, #3b7902);
4989
4997
  }
4990
- `;F([r({type:String})],E.prototype,"label",2);F([r({type:String})],E.prototype,"value",2);F([r({type:String})],E.prototype,"placeholder",2);F([r({type:String,attribute:"helper-text"})],E.prototype,"helperText",2);F([r({type:String,reflect:!0})],E.prototype,"state",2);F([r({type:Boolean,reflect:!0})],E.prototype,"disabled",2);F([r({type:String,attribute:"leading-icon"})],E.prototype,"leadingIcon",2);F([r({type:String,attribute:"trailing-icon"})],E.prototype,"trailingIcon",2);F([r({type:String})],E.prototype,"name",2);F([r({type:Boolean})],E.prototype,"required",2);F([r({type:String,attribute:"clear-label"})],E.prototype,"clearLabel",2);F([r({type:String,reflect:!0,attribute:"input-id"})],E.prototype,"inputId",2);F([K1("input")],E.prototype,"inputEl",2);E=F([u("o-input")],E);var i6=Object.defineProperty,o6=Object.getOwnPropertyDescriptor,o1=(e,t,i,n)=>{for(var o=n>1?void 0:n?o6(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&i6(t,i,o),o};let I=class extends p{constructor(){super(...arguments),this.label="",this.value="",this.placeholder="Search...",this.helperText="",this.state="default",this.disabled=!1,this.theme="default",this.trigger="input"}dispatchSearch(){var e;this.dispatchEvent(new CustomEvent("search",{detail:{value:this.value},bubbles:!0,composed:!0})),(e=this.onSearch)==null||e.call(this,this.value)}handleInput(e){const t=e.target;this.value=t.value,this.trigger==="input"&&this.dispatchSearch()}handleKeyDown(e){e.key==="Enter"&&this.trigger==="enter"&&this.dispatchSearch()}handleChange(){this.trigger==="change"&&this.dispatchSearch()}render(){return a`
4998
+ `;F([r({type:String})],E.prototype,"label",2);F([r({type:String})],E.prototype,"value",2);F([r({type:String})],E.prototype,"placeholder",2);F([r({type:String,attribute:"helper-text"})],E.prototype,"helperText",2);F([r({type:String,reflect:!0})],E.prototype,"state",2);F([r({type:Boolean,reflect:!0})],E.prototype,"disabled",2);F([r({type:String,attribute:"leading-icon"})],E.prototype,"leadingIcon",2);F([r({type:String,attribute:"trailing-icon"})],E.prototype,"trailingIcon",2);F([r({type:String})],E.prototype,"name",2);F([r({type:Boolean})],E.prototype,"required",2);F([r({type:String,attribute:"clear-label"})],E.prototype,"clearLabel",2);F([r({type:String,reflect:!0,attribute:"input-id"})],E.prototype,"inputId",2);F([K1("input")],E.prototype,"inputEl",2);E=F([u("o-input")],E);var i6=Object.defineProperty,o6=Object.getOwnPropertyDescriptor,n1=(e,t,i,n)=>{for(var o=n>1?void 0:n?o6(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&i6(t,i,o),o};let I=class extends p{constructor(){super(...arguments),this.label="",this.value="",this.placeholder="Search...",this.helperText="",this.state="default",this.disabled=!1,this.theme="default",this.trigger="input"}dispatchSearch(){var e;this.dispatchEvent(new CustomEvent("search",{detail:{value:this.value},bubbles:!0,composed:!0})),(e=this.onSearch)==null||e.call(this,this.value)}handleInput(e){const t=e.target;this.value=t.value,this.trigger==="input"&&this.dispatchSearch()}handleKeyDown(e){e.key==="Enter"&&this.trigger==="enter"&&this.dispatchSearch()}handleChange(){this.trigger==="change"&&this.dispatchSearch()}render(){return a`
4991
4999
  <o-input
4992
5000
  label=${this.label}
4993
5001
  value=${this.value}
@@ -5020,7 +5028,7 @@
5020
5028
  --color-content-body: var(--color-content-body-inverse, #fffefe);
5021
5029
  --color-content-disabled: var(--color-alpha-light-strong, rgba(255, 255, 255, 0.56));
5022
5030
  }
5023
- `;o1([r({type:String})],I.prototype,"label",2);o1([r({type:String})],I.prototype,"value",2);o1([r({type:String})],I.prototype,"placeholder",2);o1([r({type:String,attribute:"helper-text"})],I.prototype,"helperText",2);o1([r({type:String,reflect:!0})],I.prototype,"state",2);o1([r({type:Boolean,reflect:!0})],I.prototype,"disabled",2);o1([r({type:String,reflect:!0})],I.prototype,"theme",2);o1([r({type:String})],I.prototype,"trigger",2);o1([r({attribute:!1})],I.prototype,"onSearch",2);I=o1([u("o-search-input")],I);var n6=Object.defineProperty,s6=Object.getOwnPropertyDescriptor,Z=(e,t,i,n)=>{for(var o=n>1?void 0:n?s6(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&n6(t,i,o),o};let r6=0,V=class extends p{constructor(){super(...arguments),this.label="",this.value="",this.placeholder="Search...",this.helperText="",this.state="default",this.disabled=!1,this.theme="default",this.options=[],this.searchBy="value",this.noResultsText="No results found",this.open=!1,this.filteredOptions=[],this.activeIndex=-1,this._listboxId=`o-search-dropdown-listbox-${++r6}`,this._handleOutsideClick=e=>{this.contains(e.target)||(this.open=!1,this.activeIndex=-1)},this._handleFocusOut=()=>{requestAnimationFrame(()=>{this.renderRoot.activeElement||(this.open=!1,this.activeIndex=-1)})}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick),this.addEventListener("focusout",this._handleFocusOut)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),this.removeEventListener("focusout",this._handleFocusOut),super.disconnectedCallback()}filterOptions(e){if(!e.trim())return[];const t=e.toLowerCase();return this.options.filter(i=>{switch(this.searchBy){case"id":return i.id.toLowerCase().includes(t);case"both":return i.id.toLowerCase().includes(t)||i.value.toLowerCase().includes(t);default:return i.value.toLowerCase().includes(t)}})}handleSearch(e){const t=e.detail.value??"";this.value=t,this.filteredOptions=this.filterOptions(t),this.open=t.trim().length>0,this.activeIndex=-1}selectOption(e){var t;this.value=e.value,this.filteredOptions=[],this.open=!1,this.activeIndex=-1,this.dispatchEvent(new CustomEvent("select",{detail:{id:e.id,value:e.value},bubbles:!0,composed:!0})),(t=this.onSelect)==null||t.call(this,e),this.updateComplete.then(()=>{var i;return(i=this.searchInputEl)==null?void 0:i.focus()})}scrollActiveIntoView(){this.updateComplete.then(()=>{var t;const e=(t=this.renderRoot)==null?void 0:t.querySelector(`#suggestion-${this.activeIndex}`);e==null||e.scrollIntoView({block:"nearest"})})}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),!this.open&&this.filteredOptions.length>0?(this.open=!0,this.activeIndex=0):this.open&&this.filteredOptions.length>0&&(this.activeIndex=(this.activeIndex+1)%this.filteredOptions.length),this.scrollActiveIntoView();break;case"ArrowUp":e.preventDefault(),this.open&&this.filteredOptions.length>0&&(this.activeIndex=(this.activeIndex-1+this.filteredOptions.length)%this.filteredOptions.length,this.scrollActiveIntoView());break;case"Enter":this.open&&this.activeIndex>=0&&this.filteredOptions[this.activeIndex]&&(e.preventDefault(),this.selectOption(this.filteredOptions[this.activeIndex]));break;case"Escape":this.open&&(e.preventDefault(),this.open=!1,this.activeIndex=-1);break}}handleListKeyDown(e){var n,o,s;const t=Array.from(this.renderRoot.querySelectorAll('li[role="option"]:not(.no-results)')),i=t.indexOf(this.renderRoot.activeElement);switch(e.key){case"ArrowDown":{e.preventDefault();const l=t[i+1]??t[0];l==null||l.focus();break}case"ArrowUp":e.preventDefault(),i<=0?(this.activeIndex=-1,(n=this.searchInputEl)==null||n.focus()):t[i-1].focus();break;case"Enter":case" ":i>=0&&this.filteredOptions[i]&&(e.preventDefault(),this.selectOption(this.filteredOptions[i]));break;case"Escape":e.preventDefault(),this.open=!1,this.activeIndex=-1,(o=this.searchInputEl)==null||o.focus();break;case"Tab":!e.shiftKey&&i===t.length-1&&(e.preventDefault(),(s=t[0])==null||s.focus());break}}render(){return a`
5031
+ `;n1([r({type:String})],I.prototype,"label",2);n1([r({type:String})],I.prototype,"value",2);n1([r({type:String})],I.prototype,"placeholder",2);n1([r({type:String,attribute:"helper-text"})],I.prototype,"helperText",2);n1([r({type:String,reflect:!0})],I.prototype,"state",2);n1([r({type:Boolean,reflect:!0})],I.prototype,"disabled",2);n1([r({type:String,reflect:!0})],I.prototype,"theme",2);n1([r({type:String})],I.prototype,"trigger",2);n1([r({attribute:!1})],I.prototype,"onSearch",2);I=n1([u("o-search-input")],I);var n6=Object.defineProperty,s6=Object.getOwnPropertyDescriptor,Z=(e,t,i,n)=>{for(var o=n>1?void 0:n?s6(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&n6(t,i,o),o};let r6=0,V=class extends p{constructor(){super(...arguments),this.label="",this.value="",this.placeholder="Search...",this.helperText="",this.state="default",this.disabled=!1,this.theme="default",this.options=[],this.searchBy="value",this.noResultsText="No results found",this.open=!1,this.filteredOptions=[],this.activeIndex=-1,this._listboxId=`o-search-dropdown-listbox-${++r6}`,this._handleOutsideClick=e=>{this.contains(e.target)||(this.open=!1,this.activeIndex=-1)},this._handleFocusOut=()=>{requestAnimationFrame(()=>{this.renderRoot.activeElement||(this.open=!1,this.activeIndex=-1)})}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick),this.addEventListener("focusout",this._handleFocusOut)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),this.removeEventListener("focusout",this._handleFocusOut),super.disconnectedCallback()}filterOptions(e){if(!e.trim())return[];const t=e.toLowerCase();return this.options.filter(i=>{switch(this.searchBy){case"id":return i.id.toLowerCase().includes(t);case"both":return i.id.toLowerCase().includes(t)||i.value.toLowerCase().includes(t);default:return i.value.toLowerCase().includes(t)}})}handleSearch(e){const t=e.detail.value??"";this.value=t,this.filteredOptions=this.filterOptions(t),this.open=t.trim().length>0,this.activeIndex=-1}selectOption(e){var t;this.value=e.value,this.filteredOptions=[],this.open=!1,this.activeIndex=-1,this.dispatchEvent(new CustomEvent("select",{detail:{id:e.id,value:e.value},bubbles:!0,composed:!0})),(t=this.onSelect)==null||t.call(this,e),this.updateComplete.then(()=>{var i;return(i=this.searchInputEl)==null?void 0:i.focus()})}scrollActiveIntoView(){this.updateComplete.then(()=>{var t;const e=(t=this.renderRoot)==null?void 0:t.querySelector(`#suggestion-${this.activeIndex}`);e==null||e.scrollIntoView({block:"nearest"})})}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),!this.open&&this.filteredOptions.length>0?(this.open=!0,this.activeIndex=0):this.open&&this.filteredOptions.length>0&&(this.activeIndex=(this.activeIndex+1)%this.filteredOptions.length),this.scrollActiveIntoView();break;case"ArrowUp":e.preventDefault(),this.open&&this.filteredOptions.length>0&&(this.activeIndex=(this.activeIndex-1+this.filteredOptions.length)%this.filteredOptions.length,this.scrollActiveIntoView());break;case"Enter":this.open&&this.activeIndex>=0&&this.filteredOptions[this.activeIndex]&&(e.preventDefault(),this.selectOption(this.filteredOptions[this.activeIndex]));break;case"Escape":this.open&&(e.preventDefault(),this.open=!1,this.activeIndex=-1);break}}handleListKeyDown(e){var n,o,s;const t=Array.from(this.renderRoot.querySelectorAll('li[role="option"]:not(.no-results)')),i=t.indexOf(this.renderRoot.activeElement);switch(e.key){case"ArrowDown":{e.preventDefault();const l=t[i+1]??t[0];l==null||l.focus();break}case"ArrowUp":e.preventDefault(),i<=0?(this.activeIndex=-1,(n=this.searchInputEl)==null||n.focus()):t[i-1].focus();break;case"Enter":case" ":i>=0&&this.filteredOptions[i]&&(e.preventDefault(),this.selectOption(this.filteredOptions[i]));break;case"Escape":e.preventDefault(),this.open=!1,this.activeIndex=-1,(o=this.searchInputEl)==null||o.focus();break;case"Tab":!e.shiftKey&&i===t.length-1&&(e.preventDefault(),(s=t[0])==null||s.focus());break}}render(){return a`
5024
5032
  <o-search-input
5025
5033
  role="combobox"
5026
5034
  aria-haspopup="listbox"
@@ -5308,14 +5316,6 @@
5308
5316
  font-family: var(--font-family-loccitane-serif);
5309
5317
  font-size: var(--font-size-150, 14px);
5310
5318
  font-weight: var(--font-weight-400, 400);
5311
- line-height: var(--line-height-200, 20px);
5312
- }
5313
-
5314
- .subtitle {
5315
- color: var(--color-content-description, #7e7173);
5316
- font-family: var(--font-family-loccitane-sans);
5317
- font-size: var(--font-size-100, 12px);
5318
- font-weight: var(--font-weight-400, 400);
5319
5319
  line-height: var(--line-height-160, 16px);
5320
5320
  }
5321
5321
 
@@ -5358,7 +5358,7 @@
5358
5358
  font-family: var(--font-family-loccitane-sans);
5359
5359
  font-size: var(--font-size-100, 12px);
5360
5360
  font-weight: var(--font-weight-400, 400);
5361
- line-height: var(--line-height-200, 16px);
5361
+ line-height: var(--line-height-160, 16px);
5362
5362
  margin: 0;
5363
5363
  }
5364
5364
 
@@ -5389,12 +5389,12 @@
5389
5389
  position: relative;
5390
5390
  }
5391
5391
 
5392
- :host([disabled]) .tile::after {
5392
+ :host([disabled]) .tile .image-wrapper::after {
5393
5393
  content: '';
5394
5394
  position: absolute;
5395
5395
  inset: 0;
5396
5396
  background: linear-gradient(180deg, var(--colors-blanc-brule-300) 0%, var(--colors-blanc-brule-300) 100%);
5397
- opacity: 0.6;
5397
+ opacity: 0.4;
5398
5398
  pointer-events: none;
5399
5399
  border-radius: var(--radius-s, 2px);
5400
5400
  }
package/index.mjs CHANGED
@@ -282,9 +282,9 @@ V1.elementStyles = [], V1.shadowRootOptions = { mode: "open" }, V1[F1("elementPr
282
282
  * Copyright 2017 Google LLC
283
283
  * SPDX-License-Identifier: BSD-3-Clause
284
284
  */
285
- const O1 = globalThis, J1 = O1.trustedTypes, A2 = J1 ? J1.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, K2 = "$lit$", C1 = `lit$${Math.random().toFixed(9).slice(2)}$`, W2 = "?" + C1, d0 = `<${W2}>`, m1 = document, I1 = () => m1.createComment(""), P1 = (e) => e === null || typeof e != "object" && typeof e != "function", x2 = Array.isArray, p0 = (e) => x2(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", h2 = `[
286
- \f\r]`, S1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, I2 = /-->/g, P2 = />/g, v1 = RegExp(`>|${h2}(?:([^\\s"'>=/]+)(${h2}*=${h2}*(?:[^
287
- \f\r"'\`<>=]|("|')|))|$)`, "g"), z2 = /'/g, D2 = /"/g, G2 = /^(?:script|style|textarea|title)$/i, C0 = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), a = C0(1), z = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), T2 = /* @__PURE__ */ new WeakMap(), b1 = m1.createTreeWalker(m1, 129);
285
+ const O1 = globalThis, J1 = O1.trustedTypes, A2 = J1 ? J1.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, K2 = "$lit$", C1 = `lit$${Math.random().toFixed(9).slice(2)}$`, W2 = "?" + C1, d0 = `<${W2}>`, y1 = document, I1 = () => y1.createComment(""), P1 = (e) => e === null || typeof e != "object" && typeof e != "function", x2 = Array.isArray, p0 = (e) => x2(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", h2 = `[
286
+ \f\r]`, S1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, I2 = /-->/g, P2 = />/g, b1 = RegExp(`>|${h2}(?:([^\\s"'>=/]+)(${h2}*=${h2}*(?:[^
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), z2 = /'/g, D2 = /"/g, G2 = /^(?:script|style|textarea|title)$/i, C0 = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), a = C0(1), z = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), T2 = /* @__PURE__ */ new WeakMap(), w1 = y1.createTreeWalker(y1, 129);
288
288
  function Q2(e, t) {
289
289
  if (!x2(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
290
  return A2 !== void 0 ? A2.createHTML(t) : t;
@@ -294,9 +294,9 @@ const u0 = (e, t) => {
294
294
  let o, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", l = S1;
295
295
  for (let c = 0; c < i; c++) {
296
296
  const d = e[c];
297
- let f, y, v = -1, n1 = 0;
298
- for (; n1 < d.length && (l.lastIndex = n1, y = l.exec(d), y !== null); ) n1 = l.lastIndex, l === S1 ? y[1] === "!--" ? l = I2 : y[1] !== void 0 ? l = P2 : y[2] !== void 0 ? (G2.test(y[2]) && (o = RegExp("</" + y[2], "g")), l = v1) : y[3] !== void 0 && (l = v1) : l === v1 ? y[0] === ">" ? (l = o ?? S1, v = -1) : y[1] === void 0 ? v = -2 : (v = l.lastIndex - y[2].length, f = y[1], l = y[3] === void 0 ? v1 : y[3] === '"' ? D2 : z2) : l === D2 || l === z2 ? l = v1 : l === I2 || l === P2 ? l = S1 : (l = v1, o = void 0);
299
- const p1 = l === v1 && e[c + 1].startsWith("/>") ? " " : "";
297
+ let f, y, v = -1, s1 = 0;
298
+ for (; s1 < d.length && (l.lastIndex = s1, y = l.exec(d), y !== null); ) s1 = l.lastIndex, l === S1 ? y[1] === "!--" ? l = I2 : y[1] !== void 0 ? l = P2 : y[2] !== void 0 ? (G2.test(y[2]) && (o = RegExp("</" + y[2], "g")), l = b1) : y[3] !== void 0 && (l = b1) : l === b1 ? y[0] === ">" ? (l = o ?? S1, v = -1) : y[1] === void 0 ? v = -2 : (v = l.lastIndex - y[2].length, f = y[1], l = y[3] === void 0 ? b1 : y[3] === '"' ? D2 : z2) : l === D2 || l === z2 ? l = b1 : l === I2 || l === P2 ? l = S1 : (l = b1, o = void 0);
299
+ const p1 = l === b1 && e[c + 1].startsWith("/>") ? " " : "";
300
300
  s += l === S1 ? d + d0 : v >= 0 ? (n.push(f), d.slice(0, v) + K2 + d.slice(v) + C1 + p1) : d + C1 + (v === -2 ? c : p1);
301
301
  }
302
302
  return [Q2(e, s + (e[i] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
@@ -307,22 +307,22 @@ class z1 {
307
307
  this.parts = [];
308
308
  let s = 0, l = 0;
309
309
  const c = t.length - 1, d = this.parts, [f, y] = u0(t, i);
310
- if (this.el = z1.createElement(f, n), b1.currentNode = this.el.content, i === 2 || i === 3) {
310
+ if (this.el = z1.createElement(f, n), w1.currentNode = this.el.content, i === 2 || i === 3) {
311
311
  const v = this.el.content.firstChild;
312
312
  v.replaceWith(...v.childNodes);
313
313
  }
314
- for (; (o = b1.nextNode()) !== null && d.length < c; ) {
314
+ for (; (o = w1.nextNode()) !== null && d.length < c; ) {
315
315
  if (o.nodeType === 1) {
316
316
  if (o.hasAttributes()) for (const v of o.getAttributeNames()) if (v.endsWith(K2)) {
317
- const n1 = y[l++], p1 = o.getAttribute(v).split(C1), Q1 = /([.?@])?(.*)/.exec(n1);
317
+ const s1 = y[l++], p1 = o.getAttribute(v).split(C1), Q1 = /([.?@])?(.*)/.exec(s1);
318
318
  d.push({ type: 1, index: s, name: Q1[2], strings: p1, ctor: Q1[1] === "." ? f0 : Q1[1] === "?" ? v0 : Q1[1] === "@" ? b0 : e2 }), o.removeAttribute(v);
319
319
  } else v.startsWith(C1) && (d.push({ type: 6, index: s }), o.removeAttribute(v));
320
320
  if (G2.test(o.tagName)) {
321
- const v = o.textContent.split(C1), n1 = v.length - 1;
322
- if (n1 > 0) {
321
+ const v = o.textContent.split(C1), s1 = v.length - 1;
322
+ if (s1 > 0) {
323
323
  o.textContent = J1 ? J1.emptyScript : "";
324
- for (let p1 = 0; p1 < n1; p1++) o.append(v[p1], I1()), b1.nextNode(), d.push({ type: 2, index: ++s });
325
- o.append(v[n1], I1());
324
+ for (let p1 = 0; p1 < s1; p1++) o.append(v[p1], I1()), w1.nextNode(), d.push({ type: 2, index: ++s });
325
+ o.append(v[s1], I1());
326
326
  }
327
327
  }
328
328
  } else if (o.nodeType === 8) if (o.data === W2) d.push({ type: 2, index: s });
@@ -334,7 +334,7 @@ class z1 {
334
334
  }
335
335
  }
336
336
  static createElement(t, i) {
337
- const n = m1.createElement("template");
337
+ const n = y1.createElement("template");
338
338
  return n.innerHTML = t, n;
339
339
  }
340
340
  }
@@ -356,17 +356,17 @@ class g0 {
356
356
  return this._$AM._$AU;
357
357
  }
358
358
  u(t) {
359
- const { el: { content: i }, parts: n } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? m1).importNode(i, !0);
360
- b1.currentNode = o;
361
- let s = b1.nextNode(), l = 0, c = 0, d = n[0];
359
+ const { el: { content: i }, parts: n } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? y1).importNode(i, !0);
360
+ w1.currentNode = o;
361
+ let s = w1.nextNode(), l = 0, c = 0, d = n[0];
362
362
  for (; d !== void 0; ) {
363
363
  if (l === d.index) {
364
364
  let f;
365
365
  d.type === 2 ? f = new N1(s, s.nextSibling, this, t) : d.type === 1 ? f = new d.ctor(s, d.name, d.strings, this, t) : d.type === 6 && (f = new w0(s, this, t)), this._$AV.push(f), d = n[++c];
366
366
  }
367
- l !== (d == null ? void 0 : d.index) && (s = b1.nextNode(), l++);
367
+ l !== (d == null ? void 0 : d.index) && (s = w1.nextNode(), l++);
368
368
  }
369
- return b1.currentNode = m1, o;
369
+ return w1.currentNode = y1, o;
370
370
  }
371
371
  p(t) {
372
372
  let i = 0;
@@ -402,7 +402,7 @@ class N1 {
402
402
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
403
403
  }
404
404
  _(t) {
405
- this._$AH !== h && P1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(m1.createTextNode(t)), this._$AH = t;
405
+ this._$AH !== h && P1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(y1.createTextNode(t)), this._$AH = t;
406
406
  }
407
407
  $(t) {
408
408
  var s;
@@ -518,7 +518,7 @@ const m0 = (e, t, i) => {
518
518
  * Copyright 2017 Google LLC
519
519
  * SPDX-License-Identifier: BSD-3-Clause
520
520
  */
521
- const w1 = globalThis;
521
+ const m1 = globalThis;
522
522
  let p = class extends V1 {
523
523
  constructor() {
524
524
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -545,10 +545,10 @@ let p = class extends V1 {
545
545
  }
546
546
  };
547
547
  var U2;
548
- p._$litElement$ = !0, p.finalized = !0, (U2 = w1.litElementHydrateSupport) == null || U2.call(w1, { LitElement: p });
549
- const p2 = w1.litElementPolyfillSupport;
548
+ p._$litElement$ = !0, p.finalized = !0, (U2 = m1.litElementHydrateSupport) == null || U2.call(m1, { LitElement: p });
549
+ const p2 = m1.litElementPolyfillSupport;
550
550
  p2 == null || p2({ LitElement: p });
551
- (w1.litElementVersions ?? (w1.litElementVersions = [])).push("4.2.0");
551
+ (m1.litElementVersions ?? (m1.litElementVersions = [])).push("4.2.0");
552
552
  /**
553
553
  * @license
554
554
  * Copyright 2017 Google LLC
@@ -1648,7 +1648,7 @@ const V0 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
1648
1648
  * Copyright 2017 Google LLC
1649
1649
  * SPDX-License-Identifier: BSD-3-Clause
1650
1650
  */
1651
- const s1 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, o2 = (e) => (...t) => ({ _$litDirective$: e, values: t });
1651
+ const r1 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, o2 = (e) => (...t) => ({ _$litDirective$: e, values: t });
1652
1652
  let n2 = class {
1653
1653
  constructor(t) {
1654
1654
  }
@@ -1672,7 +1672,7 @@ let n2 = class {
1672
1672
  */
1673
1673
  class u2 extends n2 {
1674
1674
  constructor(t) {
1675
- if (super(t), this.it = h, t.type !== s1.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
1675
+ if (super(t), this.it = h, t.type !== r1.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
1676
1676
  }
1677
1677
  render(t) {
1678
1678
  if (t === h || t == null) return this._t = void 0, this.it = t;
@@ -1735,7 +1735,7 @@ function L5(e, t = !1, i = 0) {
1735
1735
  else A1(this, e);
1736
1736
  }
1737
1737
  const $5 = (e) => {
1738
- e.type == s1.CHILD && (e._$AP ?? (e._$AP = L5), e._$AQ ?? (e._$AQ = x5));
1738
+ e.type == r1.CHILD && (e._$AP ?? (e._$AP = L5), e._$AQ ?? (e._$AQ = x5));
1739
1739
  };
1740
1740
  class H5 extends n2 {
1741
1741
  constructor() {
@@ -1887,7 +1887,7 @@ const q2 = o2(E5);
1887
1887
  * SPDX-License-Identifier: BSD-3-Clause
1888
1888
  */
1889
1889
  const M = (e) => e ?? h;
1890
- var M5 = Object.defineProperty, k5 = Object.getOwnPropertyDescriptor, J = (e, t, i, n) => {
1890
+ var M5 = Object.defineProperty, k5 = Object.getOwnPropertyDescriptor, t1 = (e, t, i, n) => {
1891
1891
  for (var o = n > 1 ? void 0 : n ? k5(t, i) : t, s = e.length - 1, l; s >= 0; s--)
1892
1892
  (l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
1893
1893
  return n && o && M5(t, i, o), o;
@@ -2114,34 +2114,34 @@ D.styles = C`
2114
2114
  ${L2}
2115
2115
  }
2116
2116
  `;
2117
- J([
2117
+ t1([
2118
2118
  r({ type: String, reflect: !0 })
2119
2119
  ], D.prototype, "bgstyle", 2);
2120
- J([
2120
+ t1([
2121
2121
  r({ type: String, reflect: !0 })
2122
2122
  ], D.prototype, "size", 2);
2123
- J([
2123
+ t1([
2124
2124
  r({ type: String, reflect: !0 })
2125
2125
  ], D.prototype, "status", 2);
2126
- J([
2126
+ t1([
2127
2127
  r({ type: String, reflect: !0 })
2128
2128
  ], D.prototype, "type", 2);
2129
- J([
2129
+ t1([
2130
2130
  r({ type: String })
2131
2131
  ], D.prototype, "strokewidth", 2);
2132
- J([
2132
+ t1([
2133
2133
  r({ type: String })
2134
2134
  ], D.prototype, "icon", 2);
2135
- J([
2135
+ t1([
2136
2136
  r({ type: Boolean, reflect: !0 })
2137
2137
  ], D.prototype, "disabled", 2);
2138
- J([
2138
+ t1([
2139
2139
  r({ type: Boolean })
2140
2140
  ], D.prototype, "showSrLabel", 2);
2141
- J([
2141
+ t1([
2142
2142
  r({ type: String })
2143
2143
  ], D.prototype, "srLabel", 2);
2144
- D = J([
2144
+ D = t1([
2145
2145
  u("o-icon-button")
2146
2146
  ], D);
2147
2147
  var Z5 = Object.defineProperty, _5 = Object.getOwnPropertyDescriptor, w = (e, t, i, n) => {
@@ -3229,14 +3229,14 @@ _1([
3229
3229
  g1 = _1([
3230
3230
  u("o-wishlist-button")
3231
3231
  ], g1);
3232
- var P5 = Object.defineProperty, z5 = Object.getOwnPropertyDescriptor, x1 = (e, t, i, n) => {
3232
+ var P5 = Object.defineProperty, z5 = Object.getOwnPropertyDescriptor, f1 = (e, t, i, n) => {
3233
3233
  for (var o = n > 1 ? void 0 : n ? z5(t, i) : t, s = e.length - 1, l; s >= 0; s--)
3234
3234
  (l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
3235
3235
  return n && o && P5(t, i, o), o;
3236
3236
  };
3237
- let r1 = class extends p {
3237
+ let Y = class extends p {
3238
3238
  constructor() {
3239
- super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
3239
+ super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1, this.disabled = !1;
3240
3240
  }
3241
3241
  _handleClick(e) {
3242
3242
  (!this.href || this.href === "#") && e.preventDefault();
@@ -3275,7 +3275,7 @@ let r1 = class extends p {
3275
3275
  ` : a`<span class="link-wrapper">${t}</span>`;
3276
3276
  }
3277
3277
  };
3278
- r1.styles = C`
3278
+ Y.styles = C`
3279
3279
  :host {
3280
3280
  cursor: pointer;
3281
3281
  }
@@ -3312,6 +3312,14 @@ r1.styles = C`
3312
3312
  color: var(--color-container-action-tertiary-default);
3313
3313
  }
3314
3314
 
3315
+ :host([disabled]) {
3316
+ pointer-events: none;
3317
+ }
3318
+
3319
+ :host([disabled]) .link-wrapper {
3320
+ color: var(--color-content-disabled);
3321
+ }
3322
+
3315
3323
  :host([endIcon]) .link-wrapper o-icon-button {
3316
3324
  margin-left: 2px;
3317
3325
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -3362,27 +3370,30 @@ r1.styles = C`
3362
3370
  }
3363
3371
  }
3364
3372
  `;
3365
- x1([
3373
+ f1([
3366
3374
  r({ type: String })
3367
- ], r1.prototype, "href", 2);
3368
- x1([
3375
+ ], Y.prototype, "href", 2);
3376
+ f1([
3369
3377
  r({ type: String })
3370
- ], r1.prototype, "target", 2);
3371
- x1([
3378
+ ], Y.prototype, "target", 2);
3379
+ f1([
3372
3380
  r({ type: String, reflect: !0 })
3373
- ], r1.prototype, "template", 2);
3374
- x1([
3381
+ ], Y.prototype, "template", 2);
3382
+ f1([
3375
3383
  r({ type: Boolean, reflect: !0 })
3376
- ], r1.prototype, "inverse", 2);
3377
- x1([
3384
+ ], Y.prototype, "inverse", 2);
3385
+ f1([
3386
+ r({ type: Boolean, reflect: !0 })
3387
+ ], Y.prototype, "endIcon", 2);
3388
+ f1([
3378
3389
  r({ type: Boolean, reflect: !0 })
3379
- ], r1.prototype, "endIcon", 2);
3380
- x1([
3390
+ ], Y.prototype, "reverseEndIcon", 2);
3391
+ f1([
3381
3392
  r({ type: Boolean, reflect: !0 })
3382
- ], r1.prototype, "reverseEndIcon", 2);
3383
- r1 = x1([
3393
+ ], Y.prototype, "disabled", 2);
3394
+ Y = f1([
3384
3395
  u("o-link")
3385
- ], r1);
3396
+ ], Y);
3386
3397
  var D5 = Object.defineProperty, T5 = Object.getOwnPropertyDescriptor, s2 = (e, t, i, n) => {
3387
3398
  for (var o = n > 1 ? void 0 : n ? T5(t, i) : t, s = e.length - 1, l; s >= 0; s--)
3388
3399
  (l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
@@ -3461,12 +3472,12 @@ s2([
3461
3472
  E1 = s2([
3462
3473
  u("o-rating")
3463
3474
  ], E1);
3464
- var j5 = Object.defineProperty, R5 = Object.getOwnPropertyDescriptor, f1 = (e, t, i, n) => {
3475
+ var j5 = Object.defineProperty, R5 = Object.getOwnPropertyDescriptor, v1 = (e, t, i, n) => {
3465
3476
  for (var o = n > 1 ? void 0 : n ? R5(t, i) : t, s = e.length - 1, l; s >= 0; s--)
3466
3477
  (l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
3467
3478
  return n && o && j5(t, i, o), o;
3468
3479
  };
3469
- let Y = class extends p {
3480
+ let J = class extends p {
3470
3481
  constructor() {
3471
3482
  super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.altressource = "visual", this.focusedIndex = 0, this.playerIconTemplate = a`
3472
3483
  <o-icon-button
@@ -3557,7 +3568,7 @@ let Y = class extends p {
3557
3568
  `;
3558
3569
  }
3559
3570
  };
3560
- Y.styles = C`
3571
+ J.styles = C`
3561
3572
  :host {
3562
3573
  display: flex;
3563
3574
  gap: 5px;
@@ -3662,30 +3673,30 @@ Y.styles = C`
3662
3673
  width: 0;
3663
3674
  }
3664
3675
  `;
3665
- f1([
3676
+ v1([
3666
3677
  r({ type: Array })
3667
- ], Y.prototype, "thumbnails", 2);
3668
- f1([
3678
+ ], J.prototype, "thumbnails", 2);
3679
+ v1([
3669
3680
  r({ type: Number })
3670
- ], Y.prototype, "activeIndex", 2);
3671
- f1([
3681
+ ], J.prototype, "activeIndex", 2);
3682
+ v1([
3672
3683
  r({ type: Array })
3673
- ], Y.prototype, "disabledIndexes", 2);
3674
- f1([
3684
+ ], J.prototype, "disabledIndexes", 2);
3685
+ v1([
3675
3686
  r({ type: String })
3676
- ], Y.prototype, "maxWidth", 2);
3677
- f1([
3687
+ ], J.prototype, "maxWidth", 2);
3688
+ v1([
3678
3689
  r({ type: String })
3679
- ], Y.prototype, "altressource", 2);
3680
- f1([
3690
+ ], J.prototype, "altressource", 2);
3691
+ v1([
3681
3692
  r({ type: Object })
3682
- ], Y.prototype, "swiperInstance", 2);
3683
- f1([
3693
+ ], J.prototype, "swiperInstance", 2);
3694
+ v1([
3684
3695
  P()
3685
- ], Y.prototype, "focusedIndex", 2);
3686
- Y = f1([
3696
+ ], J.prototype, "focusedIndex", 2);
3697
+ J = v1([
3687
3698
  u("thumbnail-navigation")
3688
- ], Y);
3699
+ ], J);
3689
3700
  var q5 = Object.defineProperty, U5 = Object.getOwnPropertyDescriptor, H2 = (e, t, i, n) => {
3690
3701
  for (var o = n > 1 ? void 0 : n ? U5(t, i) : t, s = e.length - 1, l; s >= 0; s--)
3691
3702
  (l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
@@ -4237,7 +4248,7 @@ f2.styles = C`
4237
4248
  f2 = X5([
4238
4249
  u("o-dots")
4239
4250
  ], f2);
4240
- var Y5 = Object.defineProperty, J5 = Object.getOwnPropertyDescriptor, t1 = (e, t, i, n) => {
4251
+ var Y5 = Object.defineProperty, J5 = Object.getOwnPropertyDescriptor, e1 = (e, t, i, n) => {
4241
4252
  for (var o = n > 1 ? void 0 : n ? J5(t, i) : t, s = e.length - 1, l; s >= 0; s--)
4242
4253
  (l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
4243
4254
  return n && o && Y5(t, i, o), o;
@@ -4643,34 +4654,34 @@ T.styles = C`
4643
4654
  display: none;
4644
4655
  }
4645
4656
  `;
4646
- t1([
4657
+ e1([
4647
4658
  r({ type: Array, reflect: !0 })
4648
4659
  ], T.prototype, "options", 2);
4649
- t1([
4660
+ e1([
4650
4661
  r({ type: String, reflect: !0 })
4651
4662
  ], T.prototype, "value", 2);
4652
- t1([
4663
+ e1([
4653
4664
  r({ type: String, reflect: !0 })
4654
4665
  ], T.prototype, "name", 2);
4655
- t1([
4666
+ e1([
4656
4667
  r({ type: String, reflect: !0 })
4657
4668
  ], T.prototype, "additionaltext", 2);
4658
- t1([
4669
+ e1([
4659
4670
  r({ type: Boolean, reflect: !0 })
4660
4671
  ], T.prototype, "disabled", 2);
4661
- t1([
4672
+ e1([
4662
4673
  r({ type: String, reflect: !0 })
4663
4674
  ], T.prototype, "width", 2);
4664
- t1([
4675
+ e1([
4665
4676
  P()
4666
4677
  ], T.prototype, "open", 2);
4667
- t1([
4678
+ e1([
4668
4679
  P()
4669
4680
  ], T.prototype, "activeIndex", 2);
4670
- t1([
4681
+ e1([
4671
4682
  P()
4672
4683
  ], T.prototype, "menuWidth", 2);
4673
- T = t1([
4684
+ T = e1([
4674
4685
  u("o-dropdown-variant")
4675
4686
  ], T);
4676
4687
  /**
@@ -4681,7 +4692,7 @@ T = t1([
4681
4692
  const t0 = "important", te = " !" + t0, ee = o2(class extends n2 {
4682
4693
  constructor(e) {
4683
4694
  var t;
4684
- if (super(e), e.type !== s1.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
4695
+ if (super(e), e.type !== r1.ATTRIBUTE || e.name !== "style" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
4685
4696
  }
4686
4697
  render(e) {
4687
4698
  return Object.keys(e).reduce((t, i) => {
@@ -5018,7 +5029,7 @@ B2([
5018
5029
  R1 = B2([
5019
5030
  u("o-chipset")
5020
5031
  ], R1);
5021
- var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, e1 = (e, t, i, n) => {
5032
+ var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, i1 = (e, t, i, n) => {
5022
5033
  for (var o = n > 1 ? void 0 : n ? he(t, i) : t, s = e.length - 1, l; s >= 0; s--)
5023
5034
  (l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
5024
5035
  return n && o && ce(t, i, o), o;
@@ -5193,34 +5204,34 @@ R.styles = C`
5193
5204
  stroke-linecap: round;
5194
5205
  }
5195
5206
  `;
5196
- e1([
5207
+ i1([
5197
5208
  r({ reflect: !0 })
5198
5209
  ], R.prototype, "name", 2);
5199
- e1([
5210
+ i1([
5200
5211
  r({ reflect: !0 })
5201
5212
  ], R.prototype, "value", 2);
5202
- e1([
5213
+ i1([
5203
5214
  r({ type: String, reflect: !0 })
5204
5215
  ], R.prototype, "type", 2);
5205
- e1([
5216
+ i1([
5206
5217
  r({ type: String, reflect: !0 })
5207
5218
  ], R.prototype, "href", 2);
5208
- e1([
5219
+ i1([
5209
5220
  r({ type: String, reflect: !0, attribute: "data-href" })
5210
5221
  ], R.prototype, "dataHref", 2);
5211
- e1([
5222
+ i1([
5212
5223
  r({ type: String })
5213
5224
  ], R.prototype, "text", 2);
5214
- e1([
5225
+ i1([
5215
5226
  r({ type: Boolean, reflect: !0 })
5216
5227
  ], R.prototype, "selected", 2);
5217
- e1([
5228
+ i1([
5218
5229
  r({ type: Boolean, reflect: !0 })
5219
5230
  ], R.prototype, "disabled", 2);
5220
- e1([
5231
+ i1([
5221
5232
  r({ type: Boolean, reflect: !0 })
5222
5233
  ], R.prototype, "fullwidth", 2);
5223
- R = e1([
5234
+ R = i1([
5224
5235
  u("o-filter-chip")
5225
5236
  ], R);
5226
5237
  var pe = Object.defineProperty, U = (e, t, i, n) => {
@@ -5878,7 +5889,7 @@ G([
5878
5889
  O = G([
5879
5890
  u("o-checkbox")
5880
5891
  ], O);
5881
- var me = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, i1 = (e, t, i, n) => {
5892
+ var me = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, o1 = (e, t, i, n) => {
5882
5893
  for (var o = n > 1 ? void 0 : n ? ye(t, i) : t, s = e.length - 1, l; s >= 0; s--)
5883
5894
  (l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
5884
5895
  return n && o && me(t, i, o), o;
@@ -6007,34 +6018,34 @@ q.styles = C`
6007
6018
  height: 0;
6008
6019
  }
6009
6020
  `;
6010
- i1([
6021
+ o1([
6011
6022
  r({ type: Boolean, reflect: !0 })
6012
6023
  ], q.prototype, "checked", 2);
6013
- i1([
6024
+ o1([
6014
6025
  r({ type: Boolean, reflect: !0 })
6015
6026
  ], q.prototype, "disabled", 2);
6016
- i1([
6027
+ o1([
6017
6028
  r({ type: String, reflect: !0 })
6018
6029
  ], q.prototype, "size", 2);
6019
- i1([
6030
+ o1([
6020
6031
  r({ type: Boolean })
6021
6032
  ], q.prototype, "showLabel", 2);
6022
- i1([
6033
+ o1([
6023
6034
  r({ type: String })
6024
6035
  ], q.prototype, "label", 2);
6025
- i1([
6036
+ o1([
6026
6037
  r({ type: String })
6027
6038
  ], q.prototype, "name", 2);
6028
- i1([
6039
+ o1([
6029
6040
  r({ type: String })
6030
6041
  ], q.prototype, "value", 2);
6031
- i1([
6042
+ o1([
6032
6043
  r({ type: String, reflect: !0 })
6033
6044
  ], q.prototype, "inputId", 2);
6034
- i1([
6045
+ o1([
6035
6046
  K1("input")
6036
6047
  ], q.prototype, "inputEl", 2);
6037
- q = i1([
6048
+ q = o1([
6038
6049
  u("o-radio")
6039
6050
  ], q);
6040
6051
  var Le = Object.getOwnPropertyDescriptor, $e = (e, t, i, n) => {
@@ -7792,7 +7803,7 @@ const Qe = {
7792
7803
  error: "occ-close-filled",
7793
7804
  info: "occ-info"
7794
7805
  };
7795
- let y1 = class extends p {
7806
+ let x1 = class extends p {
7796
7807
  constructor() {
7797
7808
  super(...arguments), this.variant = "standard", this.framed = !1, this.longtext = !1, this.text = "";
7798
7809
  }
@@ -7815,7 +7826,7 @@ let y1 = class extends p {
7815
7826
  `;
7816
7827
  }
7817
7828
  };
7818
- y1.styles = C`
7829
+ x1.styles = C`
7819
7830
  :host {
7820
7831
  --feedback-text-color: var(--color-content-action-secondary, #3F2B2E);
7821
7832
  --feedback-bg-color: var(--color-container-bg-default, #F5F0EB);
@@ -7847,12 +7858,12 @@ y1.styles = C`
7847
7858
  display: flex;
7848
7859
  align-items: center;
7849
7860
  gap: var(--spacing-s);
7850
- padding: var(--spacing-m);
7851
7861
  }
7852
7862
 
7853
7863
  :host([framed]) .feedback {
7854
7864
  background-color: var(--feedback-bg-color);
7855
7865
  border-radius: var(--radius-S, 2px);
7866
+ padding: var(--spacing-m);
7856
7867
  }
7857
7868
 
7858
7869
  :host([framed][variant="success"]) .feedback,
@@ -7893,19 +7904,19 @@ y1.styles = C`
7893
7904
  `;
7894
7905
  G1([
7895
7906
  r({ type: String, reflect: !0 })
7896
- ], y1.prototype, "variant", 2);
7907
+ ], x1.prototype, "variant", 2);
7897
7908
  G1([
7898
7909
  r({ type: Boolean, reflect: !0 })
7899
- ], y1.prototype, "framed", 2);
7910
+ ], x1.prototype, "framed", 2);
7900
7911
  G1([
7901
7912
  r({ type: Boolean, reflect: !0 })
7902
- ], y1.prototype, "longtext", 2);
7913
+ ], x1.prototype, "longtext", 2);
7903
7914
  G1([
7904
7915
  r({ type: String })
7905
- ], y1.prototype, "text", 2);
7906
- y1 = G1([
7916
+ ], x1.prototype, "text", 2);
7917
+ x1 = G1([
7907
7918
  u("o-feedback-message")
7908
- ], y1);
7919
+ ], x1);
7909
7920
  /**
7910
7921
  * @license
7911
7922
  * Copyright 2020 Google LLC
@@ -7913,7 +7924,7 @@ y1 = G1([
7913
7924
  */
7914
7925
  const Xe = o2(class extends n2 {
7915
7926
  constructor(e) {
7916
- if (super(e), e.type !== s1.PROPERTY && e.type !== s1.ATTRIBUTE && e.type !== s1.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
7927
+ if (super(e), e.type !== r1.PROPERTY && e.type !== r1.ATTRIBUTE && e.type !== r1.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
7917
7928
  if (!Y2(e)) throw Error("`live` bindings can only contain a single expression");
7918
7929
  }
7919
7930
  render(e) {
@@ -7922,11 +7933,11 @@ const Xe = o2(class extends n2 {
7922
7933
  update(e, [t]) {
7923
7934
  if (t === z || t === h) return t;
7924
7935
  const i = e.element, n = e.name;
7925
- if (e.type === s1.PROPERTY) {
7936
+ if (e.type === r1.PROPERTY) {
7926
7937
  if (t === i[n]) return z;
7927
- } else if (e.type === s1.BOOLEAN_ATTRIBUTE) {
7938
+ } else if (e.type === r1.BOOLEAN_ATTRIBUTE) {
7928
7939
  if (!!t === i.hasAttribute(n)) return z;
7929
- } else if (e.type === s1.ATTRIBUTE && i.getAttribute(n) === t + "") return z;
7940
+ } else if (e.type === r1.ATTRIBUTE && i.getAttribute(n) === t + "") return z;
7930
7941
  return y5(e), t;
7931
7942
  }
7932
7943
  });
@@ -8214,7 +8225,7 @@ F([
8214
8225
  E = F([
8215
8226
  u("o-input")
8216
8227
  ], E);
8217
- var i6 = Object.defineProperty, o6 = Object.getOwnPropertyDescriptor, o1 = (e, t, i, n) => {
8228
+ var i6 = Object.defineProperty, o6 = Object.getOwnPropertyDescriptor, n1 = (e, t, i, n) => {
8218
8229
  for (var o = n > 1 ? void 0 : n ? o6(t, i) : t, s = e.length - 1, l; s >= 0; s--)
8219
8230
  (l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
8220
8231
  return n && o && i6(t, i, o), o;
@@ -8285,34 +8296,34 @@ I.styles = C`
8285
8296
  --color-content-disabled: var(--color-alpha-light-strong, rgba(255, 255, 255, 0.56));
8286
8297
  }
8287
8298
  `;
8288
- o1([
8299
+ n1([
8289
8300
  r({ type: String })
8290
8301
  ], I.prototype, "label", 2);
8291
- o1([
8302
+ n1([
8292
8303
  r({ type: String })
8293
8304
  ], I.prototype, "value", 2);
8294
- o1([
8305
+ n1([
8295
8306
  r({ type: String })
8296
8307
  ], I.prototype, "placeholder", 2);
8297
- o1([
8308
+ n1([
8298
8309
  r({ type: String, attribute: "helper-text" })
8299
8310
  ], I.prototype, "helperText", 2);
8300
- o1([
8311
+ n1([
8301
8312
  r({ type: String, reflect: !0 })
8302
8313
  ], I.prototype, "state", 2);
8303
- o1([
8314
+ n1([
8304
8315
  r({ type: Boolean, reflect: !0 })
8305
8316
  ], I.prototype, "disabled", 2);
8306
- o1([
8317
+ n1([
8307
8318
  r({ type: String, reflect: !0 })
8308
8319
  ], I.prototype, "theme", 2);
8309
- o1([
8320
+ n1([
8310
8321
  r({ type: String })
8311
8322
  ], I.prototype, "trigger", 2);
8312
- o1([
8323
+ n1([
8313
8324
  r({ attribute: !1 })
8314
8325
  ], I.prototype, "onSearch", 2);
8315
- I = o1([
8326
+ I = n1([
8316
8327
  u("o-search-input")
8317
8328
  ], I);
8318
8329
  var n6 = Object.defineProperty, s6 = Object.getOwnPropertyDescriptor, Z = (e, t, i, n) => {
@@ -8846,14 +8857,6 @@ b.styles = C`
8846
8857
  font-family: var(--font-family-loccitane-serif);
8847
8858
  font-size: var(--font-size-150, 14px);
8848
8859
  font-weight: var(--font-weight-400, 400);
8849
- line-height: var(--line-height-200, 20px);
8850
- }
8851
-
8852
- .subtitle {
8853
- color: var(--color-content-description, #7e7173);
8854
- font-family: var(--font-family-loccitane-sans);
8855
- font-size: var(--font-size-100, 12px);
8856
- font-weight: var(--font-weight-400, 400);
8857
8860
  line-height: var(--line-height-160, 16px);
8858
8861
  }
8859
8862
 
@@ -8896,7 +8899,7 @@ b.styles = C`
8896
8899
  font-family: var(--font-family-loccitane-sans);
8897
8900
  font-size: var(--font-size-100, 12px);
8898
8901
  font-weight: var(--font-weight-400, 400);
8899
- line-height: var(--line-height-200, 16px);
8902
+ line-height: var(--line-height-160, 16px);
8900
8903
  margin: 0;
8901
8904
  }
8902
8905
 
@@ -8927,12 +8930,12 @@ b.styles = C`
8927
8930
  position: relative;
8928
8931
  }
8929
8932
 
8930
- :host([disabled]) .tile::after {
8933
+ :host([disabled]) .tile .image-wrapper::after {
8931
8934
  content: '';
8932
8935
  position: absolute;
8933
8936
  inset: 0;
8934
8937
  background: linear-gradient(180deg, var(--colors-blanc-brule-300) 0%, var(--colors-blanc-brule-300) 100%);
8935
- opacity: 0.6;
8938
+ opacity: 0.4;
8936
8939
  pointer-events: none;
8937
8940
  border-radius: var(--radius-s, 2px);
8938
8941
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "2.5.1",
3
+ "version": "2.5.2",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",