@florid-kit/components 0.11.0 → 1.0.0
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.
- package/components/dropdown-variant.d.ts +10 -0
- package/index.js +70 -67
- package/index.mjs +293 -228
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const S1=globalThis,
|
|
5
|
+
*/const S1=globalThis,Y1=S1.ShadowRoot&&(S1.ShadyCSS===void 0||S1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Q1=Symbol(),w2=new WeakMap;let _2=class{constructor(t,i,n){if(this._$cssResult$=!0,n!==Q1)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=i}get styleSheet(){let t=this.o;const i=this.t;if(Y1&&t===void 0){const n=i!==void 0&&i.length===1;n&&(t=w2.get(i)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&w2.set(i,t))}return t}toString(){return this.cssText}};const D2=e=>new _2(typeof e=="string"?e:e+"",void 0,Q1),g=(e,...t)=>{const i=e.length===1?e[0]:t.reduce((n,o,s)=>n+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+e[s+1],e[0]);return new _2(i,e,Q1)},T2=(e,t)=>{if(Y1)e.adoptedStyleSheets=t.map(i=>i instanceof CSSStyleSheet?i:i.styleSheet);else for(const i of t){const n=document.createElement("style"),o=S1.litNonce;o!==void 0&&n.setAttribute("nonce",o),n.textContent=i.cssText,e.appendChild(n)}},b2=Y1?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let i="";for(const n of t.cssRules)i+=n.cssText;return D2(i)})(e):e;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const b1=globalThis,A1=b1.trustedTypes,y2=A1?A1.createPolicy("lit-html",{createHTML:e=>e}):void 0,S2="$lit$",t1=`lit$${Math.random().toFixed(9).slice(2)}$`,F2="?"+t1,G2=`<${F2}>`,l1=document,L1=()=>l1.createComment(""),y1=e=>e===null||typeof e!="object"&&typeof e!="function",e2=Array.isArray,X2=e=>e2(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",R1=`[
|
|
14
14
|
\f\r]`,f1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,x2=/-->/g,H2=/>/g,n1=RegExp(`>|${R1}(?:([^\\s"'>=/]+)(${R1}*=${R1}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),V2=/'/g
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),V2=/'/g,B2=/"/g,A2=/^(?:script|style|textarea|title)$/i,J2=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),a=J2(1),i1=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),$2=new WeakMap,s1=l1.createTreeWalker(l1,129);function O2(e,t){if(!e2(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return y2!==void 0?y2.createHTML(t):t}const Y2=(e,t)=>{const i=e.length-1,n=[];let o,s=t===2?"<svg>":t===3?"<math>":"",r=f1;for(let c=0;c<i;c++){const h=e[c];let u,b,v=-1,q=0;for(;q<h.length&&(r.lastIndex=q,b=r.exec(h),b!==null);)q=r.lastIndex,r===f1?b[1]==="!--"?r=x2:b[1]!==void 0?r=H2:b[2]!==void 0?(A2.test(b[2])&&(o=RegExp("</"+b[2],"g")),r=n1):b[3]!==void 0&&(r=n1):r===n1?b[0]===">"?(r=o??f1,v=-1):b[1]===void 0?v=-2:(v=r.lastIndex-b[2].length,u=b[1],r=b[3]===void 0?n1:b[3]==='"'?B2:V2):r===B2||r===V2?r=n1:r===x2||r===H2?r=f1:(r=n1,o=void 0);const Q=r===n1&&e[c+1].startsWith("/>")?" ":"";s+=r===f1?h+G2:v>=0?(n.push(u),h.slice(0,v)+S2+h.slice(v)+t1+Q):h+t1+(v===-2?c:Q)}return[O2(e,s+(e[i]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class x1{constructor({strings:t,_$litType$:i},n){let o;this.parts=[];let s=0,r=0;const c=t.length-1,h=this.parts,[u,b]=Y2(t,i);if(this.el=x1.createElement(u,n),s1.currentNode=this.el.content,i===2||i===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(o=s1.nextNode())!==null&&h.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const v of o.getAttributeNames())if(v.endsWith(S2)){const q=b[r++],Q=o.getAttribute(v).split(t1),_1=/([.?@])?(.*)/.exec(q);h.push({type:1,index:s,name:_1[2],strings:Q,ctor:_1[1]==="."?t3:_1[1]==="?"?e3:_1[1]==="@"?i3:P1}),o.removeAttribute(v)}else v.startsWith(t1)&&(h.push({type:6,index:s}),o.removeAttribute(v));if(A2.test(o.tagName)){const v=o.textContent.split(t1),q=v.length-1;if(q>0){o.textContent=A1?A1.emptyScript:"";for(let Q=0;Q<q;Q++)o.append(v[Q],L1()),s1.nextNode(),h.push({type:2,index:++s});o.append(v[q],L1())}}}else if(o.nodeType===8)if(o.data===F2)h.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(t1,v+1))!==-1;)h.push({type:7,index:s}),v+=t1.length-1}s++}}static createElement(t,i){const n=l1.createElement("template");return n.innerHTML=t,n}}function p1(e,t,i=e,n){var r,c;if(t===i1)return t;let o=n!==void 0?(r=i._$Co)==null?void 0:r[n]:i._$Cl;const s=y1(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=p1(e,o._$AS(e,t.values),o,n)),t}class Q2{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)??l1).importNode(i,!0);s1.currentNode=o;let s=s1.nextNode(),r=0,c=0,h=n[0];for(;h!==void 0;){if(r===h.index){let u;h.type===2?u=new k1(s,s.nextSibling,this,t):h.type===1?u=new h.ctor(s,h.name,h.strings,this,t):h.type===6&&(u=new o3(s,this,t)),this._$AV.push(u),h=n[++c]}r!==(h==null?void 0:h.index)&&(s=s1.nextNode(),r++)}return s1.currentNode=l1,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 k1{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,i,n,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=n,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return i!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=p1(this,t,i),y1(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==i1&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):X2(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&y1(this._$AH)?this._$AA.nextSibling.data=t:this.T(l1.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=x1.createElement(O2(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(i);else{const r=new Q2(o,this),c=r.u(this.options);r.p(i),this.T(c),this._$AH=r}}_$AC(t){let i=$2.get(t.strings);return i===void 0&&$2.set(t.strings,i=new x1(t)),i}k(t){e2(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 k1(this.O(L1()),this.O(L1()),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 P1{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,n,o,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,i=this,n,o){const s=this.strings;let r=!1;if(s===void 0)t=p1(this,t,i,0),r=!y1(t)||t!==this._$AH&&t!==i1,r&&(this._$AH=t);else{const c=t;let h,u;for(t=s[0],h=0;h<s.length-1;h++)u=p1(this,c[n+h],i,h),u===i1&&(u=this._$AH[h]),r||(r=!y1(u)||u!==this._$AH[h]),u===d?t=d:t!==d&&(t+=(u??"")+s[h+1]),this._$AH[h]=u}r&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class t3 extends P1{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class e3 extends P1{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class i3 extends P1{constructor(t,i,n,o,s){super(t,i,n,o,s),this.type=5}_$AI(t,i=this){if((t=p1(this,t,i,0)??d)===i1)return;const n=this._$AH,o=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||o);o&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i;typeof this._$AH=="function"?this._$AH.call(((i=this.options)==null?void 0:i.host)??this.element,t):this._$AH.handleEvent(t)}}class o3{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){p1(this,t)}}const U1=b1.litHtmlPolyfillSupport;U1==null||U1(x1,k1),(b1.litHtmlVersions??(b1.litHtmlVersions=[])).push("3.3.0");const n3=(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 k1(t.insertBefore(L1(),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
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const
|
|
23
|
+
*/const f=e=>(t,i)=>{i!==void 0?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -122,10 +122,10 @@
|
|
|
122
122
|
`,V3=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
123
123
|
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
124
124
|
</svg>
|
|
125
|
-
|
|
125
|
+
`,B3=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
126
126
|
<path d="M8.79502 11.6311C8.39179 12.123 7.60821 12.123 7.20498 11.6311L2.21403 5.54238C1.69947 4.91464 2.17092 4 3.00905 4L12.991 4C13.8291 4 14.3005 4.91465 13.786 5.54238L8.79502 11.6311Z" fill="#3F2B2E"/>
|
|
127
127
|
</svg>
|
|
128
|
-
|
|
128
|
+
`,$3=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
129
129
|
<path d="M7.20498 4.36894C7.60821 3.87702 8.39179 3.87702 8.79502 4.36894L13.786 10.4576C14.3005 11.0854 13.8291 12 12.991 12L3.00905 12C2.17092 12 1.69947 11.0854 2.21403 10.4576L7.20498 4.36894Z" fill="#3F2B2E"/>
|
|
130
130
|
</svg>
|
|
131
131
|
`,E3=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -200,10 +200,10 @@
|
|
|
200
200
|
`,X3=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
201
201
|
<path d="M14.5 5.53C13.67 5.25 12.28 4.96 10.5 4.81C10.1 2.65 9.26 1 8.01 1C6.76 1 5.93 2.66 5.52 4.82C3.95 4.97 2.69 5.24 1.56 5.52L1 5.66L4.49 15H11.52L15 5.7L14.49 5.53H14.5ZM8.02 2.04C8.49 2.04 9.08 3.04 9.45 4.74C8.99 4.72 8.52 4.7 8.02 4.7C7.52 4.7 7.04 4.72 6.59 4.74C6.95 3.04 7.55 2.04 8.02 2.04ZM10.83 13.96H5.2L2.37 6.39C3.22 6.19 4.18 6 5.37 5.87C5.29 6.56 5.25 7.28 5.25 7.99H6.27C6.27 7.18 6.33 6.45 6.42 5.78C6.92 5.75 7.45 5.73 8.03 5.73C8.61 5.73 9.13 5.75 9.64 5.78C9.73 6.45 9.79 7.18 9.79 7.99H10.81C10.81 7.27 10.77 6.55 10.69 5.85C11.94 5.97 12.96 6.15 13.7 6.35L10.86 13.94L10.83 13.96Z" fill="#3F2B2E"/>
|
|
202
202
|
</svg>
|
|
203
|
-
`,
|
|
203
|
+
`,J3=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
204
204
|
<path d="M22.45 8.29332C21.09 7.83311 18.77 7.36289 15.8 7.12278C15.18 3.70123 13.89 1 12 1C10.11 1 8.82 3.70123 8.2 7.13279C5.57 7.36289 3.47 7.80309 1.6 8.27331L1 8.42337L6.49 23H17.52L23 8.46339L22.45 8.28331V8.29332ZM12.01 2.12051C13 2.12051 14.08 4.05139 14.67 7.05275C13.82 7.00273 12.94 6.97271 12.01 6.97271C11.08 6.97271 10.19 7.00273 9.35 7.05275C9.94 4.05139 11.01 2.12051 12.01 2.12051ZM16.77 21.8895H7.25L2.47 9.21373C4.08 8.82356 5.87 8.4734 8.03 8.2633C7.87 9.47385 7.78 10.7444 7.78 11.995H8.88C8.88 10.6244 8.98 9.33379 9.15 8.16326C10.03 8.10323 10.98 8.07322 12 8.07322C13.02 8.07322 13.95 8.10323 14.85 8.16326C15.02 9.33379 15.12 10.6144 15.12 11.995H16.22C16.22 10.7344 16.13 9.46385 15.97 8.24329C18.34 8.44338 20.26 8.80355 21.54 9.17372L16.75 21.8795L16.77 21.8895Z" fill="#3F2B2E"/>
|
|
205
205
|
</svg>
|
|
206
|
-
`,
|
|
206
|
+
`,Y3=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
207
207
|
<path d="M7.30478 5.82558C7.30478 5.87403 7.30478 5.92248 7.30478 5.98062H7.95219C7.95219 5.71899 7.92231 5.45736 7.90239 5.20543L7.29482 5.82558H7.30478Z" fill="#432A2E"/>
|
|
208
208
|
<path d="M3.51992 9.03295L7.5737 4.8469L7.87251 4.53682L7.94223 4.4593L8.38048 4.01357L10.761 1.55233L10.1335 1L7.3745 3.84884L6.84661 4.39147L3.19123 8.17054L3.08167 8.28682L1 10.438L1.61753 11L3.22112 9.34302L3.51992 9.03295Z" fill="#432A2E"/>
|
|
209
209
|
<path d="M2.99203 7.66667L1.89641 4.82752C2.55378 4.67248 3.29084 4.54651 4.15737 4.4593C4.09761 4.95349 4.05777 5.46705 4.05777 5.98062H4.61554L4.70518 5.88372C4.70518 5.34108 4.74502 4.8469 4.81474 4.40116C5.18327 4.38178 5.58167 4.3624 6 4.3624C6.05976 4.3624 6.10956 4.3624 6.16932 4.3624L6.77689 3.73256C6.51793 3.72287 6.26892 3.71318 6 3.71318C5.62151 3.71318 5.26295 3.72287 4.9243 3.74225C5.19323 2.51163 5.64143 1.77519 6 1.77519C6.32868 1.77519 6.73705 2.41473 7.01594 3.5L7.54382 2.95736C7.21514 1.89147 6.69721 1.13566 6.00996 1.13566C5.14343 1.13566 4.54582 2.30814 4.25697 3.80039C3.11155 3.89729 2.19522 4.09109 1.37849 4.29457L1.01992 4.38178L2.48406 8.18992L2.98207 7.67636L2.99203 7.66667Z" fill="#432A2E"/>
|
|
@@ -338,11 +338,11 @@
|
|
|
338
338
|
<path d="M1 5.92417C1.55625 5.37441 2.73125 4.06635 4.5125 2L4.75 2.13902C4.18125 3.29542 3.49375 4.58452 2.69375 6C3.49375 7.41548 4.175 8.70458 4.75 9.86098L4.5125 10C2.73125 7.93997 1.5625 6.63191 1 6.07583V5.91153V5.92417Z" fill="#3F2B2E"/>
|
|
339
339
|
<path d="M11 6.07583C10.4438 6.62559 9.26875 7.93365 7.4875 10L7.25 9.86098C7.81875 8.70458 8.50625 7.41548 9.30625 6C8.50625 4.58452 7.825 3.29542 7.25 2.13902L7.4875 2C9.26875 4.06003 10.4375 5.36809 11 5.92417V6.08847V6.07583Z" fill="#3F2B2E"/>
|
|
340
340
|
</svg>
|
|
341
|
-
|
|
341
|
+
`,Bt=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
342
342
|
<path d="M1 7.88626C1.77875 7.06161 3.42375 5.09953 5.9175 2L6.25 2.20853C5.45375 3.94313 4.49125 5.87678 3.37125 8C4.49125 10.1232 5.445 12.0569 6.25 13.7915L5.9175 14C3.42375 10.91 1.7875 8.94787 1 8.11374V7.8673V7.88626Z" fill="#3F2B2E"/>
|
|
343
343
|
<path d="M15 8.11374C14.2212 8.93839 12.5763 10.9005 10.0825 14L9.75 13.7915C10.5462 12.0569 11.5087 10.1232 12.6287 8C11.5087 5.87678 10.555 3.94313 9.75 2.20853L10.0825 2C12.5763 5.09005 14.2125 7.05213 15 7.88626V8.1327V8.11374Z" fill="#3F2B2E"/>
|
|
344
344
|
</svg>
|
|
345
|
-
|
|
345
|
+
`,$t=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
346
346
|
<path d="M1 11.8104C2.22375 10.436 4.80875 7.16588 8.7275 2L9.25 2.34755C7.99875 5.23855 6.48625 8.4613 4.72625 12C6.48625 15.5387 7.985 18.7615 9.25 21.6525L8.7275 22C4.80875 16.8499 2.2375 13.5798 1 12.1896V11.7788V11.8104Z" fill="#3F2B2E"/>
|
|
347
347
|
<path d="M23 12.1896C21.7763 13.564 19.1913 16.8341 15.2725 22L14.75 21.6525C16.0013 18.7615 17.5138 15.5387 19.2738 12C17.5138 8.4613 16.015 5.23855 14.75 2.34755L15.2725 2C19.1913 7.15008 21.7625 10.4202 23 11.8104V12.2212V12.1896Z" fill="#3F2B2E"/>
|
|
348
348
|
</svg>
|
|
@@ -427,10 +427,10 @@
|
|
|
427
427
|
`,Xt=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
428
428
|
<path d="M14.99 8.13385L13.7909 7.08923C14.4204 6.23846 14.7402 5.54923 14.7802 5.47385L13.9308 5C13.9308 5 11.8722 9.35077 7.995 9.35077C4.11777 9.35077 2.1192 5.04308 2.09921 5L1.25981 5.48462C1.28979 5.56 1.61956 6.23846 2.23911 7.06769L1 8.13385L1.58958 8.95231L2.87866 7.84308C3.30835 8.31692 3.81799 8.80154 4.40757 9.21077L3.62812 10.6969L4.44754 11.2246L5.24697 9.71692C5.91649 10.0615 6.66595 10.2877 7.49536 10.3631V12H8.44468V10.3631C9.34404 10.2985 10.1535 10.0508 10.853 9.68462L11.6624 11.2138L12.4818 10.6862L11.6824 9.17846C12.252 8.78 12.7416 8.31692 13.1613 7.85385L14.4104 8.94154L15 8.12308L14.99 8.13385Z" fill="#3F2B2E"/>
|
|
429
429
|
</svg>
|
|
430
|
-
`,
|
|
430
|
+
`,Jt=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
431
431
|
<path d="M23.5 12.07L21.28 10.24C22.41 8.82 23.01 7.62 23.07 7.5L22.13 7C22.1 7.07 18.64 14.07 12.01 14.07C5.38 14.07 1.97 7.08 1.94 7.01L1 7.52C1.06 7.64 1.66 8.81 2.77 10.2L0.5 12.07L1.15 12.94L3.48 11.02C4.26 11.88 5.22 12.75 6.36 13.48L4.93 16.07L5.84 16.62L7.28 14.01C8.48 14.63 9.86 15.04 11.4 15.13V18H12.46V15.14C14.12 15.07 15.59 14.63 16.85 13.97L18.31 16.62L19.22 16.07L17.77 13.44C18.88 12.73 19.8 11.89 20.56 11.06L22.83 12.93L23.48 12.06L23.5 12.07Z" fill="#3F2B2E"/>
|
|
432
432
|
</svg>
|
|
433
|
-
`,
|
|
433
|
+
`,Yt=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
434
434
|
<path d="M5.99 9.74C2.49 9.74 0.66 6.3 0.58 6.15L0.5 6L0.58 5.85C0.65 5.7 2.39 2.25 6.01 2.25H6.02C9.7 2.25 11.36 5.71 11.43 5.85L11.5 6L11.43 6.15C11.36 6.3 9.57 9.75 5.99 9.75V9.74ZM1.27 5.99C1.66 6.63 3.3 9.06 5.98 9.06C8.66 9.06 10.36 6.62 10.73 5.98C10.38 5.35 8.84 2.92 6.01 2.92C3.23 2.92 1.64 5.34 1.27 5.99Z" fill="#3F2B2E"/>
|
|
435
435
|
<path d="M6 8.05C5.27 8.05 4.57 7.68 4.23 7.11L4.14 6.92C4.03 6.68 3.96 6.42 3.94 6.13V5.99C3.94 5.66 4.01 5.35 4.14 5.06L4.19 4.95C4.53 4.33 5.25 3.93 6.01 3.93C6.77 3.93 7.44 4.31 7.78 4.88C7.97 5.22 8.06 5.53 8.07 5.86V5.99C8.07 6.32 8 6.63 7.87 6.92L7.82 7.03C7.49 7.65 6.76 8.05 6.01 8.05H6ZM6 4.61C5.49 4.61 5 4.87 4.79 5.25L4.75 5.33C4.66 5.53 4.61 5.75 4.61 5.98V6.09C4.63 6.27 4.67 6.46 4.75 6.63L4.8 6.73C5.03 7.11 5.51 7.35 6 7.35C6.49 7.35 7 7.09 7.21 6.71L7.25 6.62C7.34 6.42 7.39 6.2 7.39 5.97V5.85C7.38 5.64 7.32 5.43 7.21 5.23C6.97 4.83 6.49 4.58 6 4.58V4.61Z" fill="#3F2B2E"/>
|
|
436
436
|
</svg>
|
|
@@ -561,11 +561,11 @@
|
|
|
561
561
|
<path d="M10.5 8.79C10.48 8.39 10.38 8 10.2 7.66L10.16 7.59C9.93 7.2 9.56 6.89 9.13 6.69L10.31 3.5L10.02 3.4C9.49 3.22 8.59 3.03 7.45 2.94C7.19 1.57 6.67 0.5 5.91 0.5C5.15 0.5 4.62 1.58 4.36 2.95C3.35 3.04 2.54 3.22 1.82 3.4L1.5 3.48L3.7 9.42H5.66C5.7 9.67 5.76 9.91 5.85 10.12L5.96 10.35C6.36 11.05 7.18 11.5 8.05 11.5C8.92 11.5 9.81 11.01 10.2 10.26L10.26 10.12C10.42 9.76 10.5 9.37 10.5 8.97V8.79ZM5.9 1.07C6.21 1.07 6.61 1.74 6.85 2.88C6.55 2.86 6.23 2.85 5.9 2.85C5.57 2.85 5.25 2.86 4.95 2.88C5.19 1.74 5.59 1.07 5.9 1.07ZM5.91 7.67L5.85 7.81C5.71 8.12 5.65 8.46 5.63 8.81H4.09L2.27 3.89C2.85 3.75 3.51 3.63 4.27 3.55C4.21 4.01 4.18 4.48 4.18 4.95H4.76C4.76 4.42 4.8 3.94 4.86 3.5C5.19 3.48 5.53 3.47 5.91 3.47C6.29 3.47 6.63 3.48 6.96 3.5C7.02 3.94 7.06 4.42 7.06 4.95H7.63C7.63 4.48 7.6 4 7.54 3.54C8.37 3.62 9.07 3.74 9.54 3.87L8.57 6.5C8.4 6.46 8.23 6.43 8.06 6.43C7.16 6.43 6.31 6.92 5.92 7.67H5.91ZM9.92 8.95C9.92 9.27 9.86 9.57 9.74 9.85L9.69 9.97C9.41 10.51 8.74 10.88 8.06 10.88C7.38 10.88 6.76 10.54 6.44 9.99L6.38 9.85C6.28 9.62 6.22 9.36 6.19 9.09V8.94C6.19 8.62 6.25 8.32 6.38 8.04L6.43 7.92C6.71 7.38 7.38 7.01 8.06 7.01C8.74 7.01 9.37 7.36 9.69 7.92C9.83 8.19 9.91 8.49 9.92 8.79V8.95Z" fill="#3F2B2E"/>
|
|
562
562
|
<path d="M7.91 8.8H6.77V9.4H8.49V7.61H7.91V8.8Z" fill="#3F2B2E"/>
|
|
563
563
|
</svg>
|
|
564
|
-
|
|
564
|
+
`,B6=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
565
565
|
<path d="M14.49 11.7975C14.46 11.2372 14.31 10.7168 14.04 10.2265L13.99 10.1464C13.67 9.61608 13.15 9.1958 12.54 8.91561L14.23 4.59273L13.77 4.44263C13.02 4.20247 11.75 3.94229 10.13 3.81221C9.76 1.93095 9 0.5 7.87 0.5C6.74 0.5 5.97 1.94096 5.61 3.82221C4.18 3.9523 3.04 4.18246 2.01 4.43262L1.5 4.5527L4.68 12.6781H7.48C7.54 13.0083 7.62 13.3185 7.75 13.5987L7.91 13.9189C8.5 14.8796 9.69 15.5 10.95 15.5C12.21 15.5 13.5 14.8195 14.07 13.7889L14.16 13.5987C14.39 13.1084 14.5 12.568 14.5 12.0177V11.7875L14.49 11.7975ZM7.86 1.4006C8.28 1.4006 8.83 2.27118 9.16 3.75217C8.74 3.73215 8.31 3.72215 7.86 3.72215C7.41 3.72215 6.97 3.73215 6.56 3.75217C6.89 2.27118 7.43 1.4006 7.86 1.4006ZM7.83 10.2565L7.74 10.4466C7.55 10.8669 7.45 11.3172 7.42 11.7775H5.3L2.73 5.19313C3.53 5.01301 4.42 4.8529 5.46 4.74283C5.39 5.34323 5.35 5.96364 5.35 6.59406H6.27C6.27 5.8936 6.32 5.25317 6.4 4.67278C6.86 4.64276 7.34 4.63276 7.86 4.63276C8.38 4.63276 8.86 4.64276 9.32 4.67278C9.4 5.25317 9.45 5.8936 9.45 6.59406H10.37C10.37 5.96364 10.33 5.34323 10.26 4.73282C11.39 4.83289 12.33 4.993 13 5.17312L11.65 8.63542C11.42 8.5954 11.18 8.55537 10.94 8.55537C9.64 8.55537 8.39 9.23582 7.82 10.2665L7.83 10.2565ZM13.57 12.0277C13.57 12.448 13.48 12.8582 13.31 13.2285L13.24 13.3886C12.85 14.0991 11.91 14.5994 10.95 14.5994C9.99 14.5994 9.13 14.1491 8.7 13.4586L8.59 13.2285C8.45 12.9183 8.36 12.5781 8.33 12.2278V12.0277C8.33 11.6074 8.42 11.1971 8.59 10.8269L8.66 10.6668C9.05 9.9563 9.99 9.45597 10.95 9.45597C11.91 9.45597 12.78 9.92628 13.2 10.6067L13.24 10.6768C13.44 11.037 13.55 11.4273 13.57 11.8276V12.0277Z" fill="#3F2B2E"/>
|
|
566
566
|
<path d="M10.69 11.7675H9.1V12.6781H11.61V10.2065H10.69V11.7675Z" fill="#3F2B2E"/>
|
|
567
567
|
</svg>
|
|
568
|
-
|
|
568
|
+
`,$6=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
569
569
|
<path d="M21.5 17.6976C21.46 16.8972 21.2401 16.1469 20.8503 15.4466L20.7704 15.3165C20.2806 14.5061 19.4511 13.8658 18.4916 13.4757L21.0203 7.03274L20.5605 6.88267C19.4111 6.51251 17.4621 6.13233 14.9634 5.94225C14.4437 3.17099 13.3543 1 11.7651 1C10.176 1 9.08653 3.18099 8.56681 5.95225C6.34798 6.14234 4.5889 6.4925 3.00973 6.87267L2.5 6.99272L7.12756 18.7781H11.3753C11.4553 19.3183 11.5852 19.8286 11.8051 20.2988L12.035 20.749C12.8745 22.1196 14.5936 23 16.4027 23C18.2117 23 20.0608 22.0396 20.8703 20.5789L21.0003 20.2988C21.3301 19.5884 21.49 18.8281 21.49 18.0277V17.6976H21.5ZM11.7751 1.8904C12.6147 1.8904 13.5142 3.45111 14.0139 5.87221C13.3043 5.8322 12.5647 5.81219 11.7751 5.81219C10.9855 5.81219 10.2359 5.8422 9.5363 5.88222C10.036 3.46112 10.9356 1.90041 11.7751 1.90041V1.8904ZM11.935 15.4766L11.8051 15.7567C11.4953 16.417 11.3354 17.1373 11.3154 17.8777H7.76723L3.74934 7.63302C5.09863 7.32287 6.60784 7.03274 8.42688 6.87267C8.28695 7.85312 8.21699 8.88358 8.21699 9.89404H9.1465C9.1465 8.78354 9.22646 7.74307 9.36639 6.80264C10.116 6.75261 10.9056 6.73261 11.7651 6.73261C12.6247 6.73261 13.4043 6.76262 14.1639 6.80264C14.3038 7.74307 14.3937 8.78354 14.3937 9.90405H15.3233C15.3233 8.88358 15.2533 7.85312 15.1134 6.87267C17.1123 7.03274 18.7215 7.32287 19.8009 7.62301L17.612 13.2156C17.2123 13.1255 16.8125 13.0755 16.4027 13.0755C14.5337 13.0755 12.7446 14.0359 11.935 15.4966V15.4766ZM20.5705 18.0277C20.5705 18.698 20.4306 19.3383 20.1607 19.9286L20.0508 20.1787C19.4211 21.3092 17.9219 22.0996 16.4127 22.0996C14.9035 22.0996 13.5142 21.3893 12.8346 20.2888L12.6547 19.9286C12.4248 19.4384 12.2948 18.9081 12.2449 18.3379V18.0377C12.2449 17.3674 12.3848 16.7271 12.6547 16.1369L12.7646 15.8868C13.3943 14.7563 14.8935 13.9659 16.4027 13.9659C17.9119 13.9659 19.3211 14.7162 19.9808 15.7967L20.0508 15.9068C20.3606 16.477 20.5405 17.0973 20.5805 17.7376V18.0377L20.5705 18.0277Z" fill="#3F2B2E"/>
|
|
570
570
|
<path d="M16.2528 17.8777H13.6241V18.7781H17.1723V15.3165H16.2528V17.8777Z" fill="#3F2B2E"/>
|
|
571
571
|
</svg>
|
|
@@ -662,11 +662,11 @@
|
|
|
662
662
|
<path d="M14 14.97V14.5806C13.9374 13.6419 13.687 12.7832 13.2487 12.0243C13.2487 12.0243 13.2487 12.0143 13.2383 12.0043L13.1443 11.8545C12.1426 10.2468 10.1704 9.24822 8.01043 9.24822C5.85044 9.24822 3.69043 10.3566 2.7513 12.0243L2.58435 12.3538C2.58435 12.3538 2.57391 12.3937 2.56348 12.4137C2.19826 13.1826 2 14.0713 2 14.97C2 14.97 2 14.97 2 14.98H3.21043C3.21043 14.2311 3.37739 13.5021 3.66957 12.873C3.66957 12.873 3.66957 12.873 3.66957 12.8631L3.82609 12.5635C4.55652 11.2753 6.23652 10.4165 8 10.4165C9.76348 10.4165 11.3287 11.2154 12.0904 12.4437L12.1739 12.5835C12.5287 13.2026 12.727 13.9016 12.7791 14.6405V14.99L13.9896 15L14 14.97Z" fill="#3F2B2E"/>
|
|
663
663
|
<path d="M4.53565 6.33238L4.70261 6.65193C5.3287 7.67047 6.62261 8.32953 8 8.32953C9.37739 8.32953 10.7443 7.62054 11.3704 6.5321L11.4748 6.3224C11.7148 5.81312 11.84 5.24394 11.84 4.66476V4.42511C11.7983 3.86591 11.6313 3.3067 11.36 2.78745L11.2974 2.6776C10.6713 1.67903 9.34609 1 8 1C6.65391 1 5.24522 1.70899 4.62957 2.78745L4.52522 2.99715C4.28522 3.50642 4.16 4.07561 4.16 4.65478V4.90442C4.20174 5.42368 4.31652 5.89301 4.53565 6.34237V6.33238ZM5.37043 4.65478C5.37043 4.23538 5.46435 3.82596 5.62087 3.49643L5.70435 3.32668C6.10087 2.63766 7.04 2.16833 8 2.16833C8.96 2.16833 9.83652 2.62767 10.2852 3.34665C10.4835 3.70613 10.5983 4.10556 10.6296 4.46505V4.67475C10.6296 5.09415 10.5357 5.50357 10.3791 5.8331L10.2957 6.00285C9.89913 6.69187 8.96 7.17118 8 7.17118C7.04 7.17118 6.16348 6.7418 5.71478 6.00285L5.62087 5.8331C5.47478 5.53352 5.3913 5.19401 5.36 4.85449V4.64479L5.37043 4.65478Z" fill="#3F2B2E"/>
|
|
664
664
|
</svg>
|
|
665
|
-
`,
|
|
665
|
+
`,J6=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
666
666
|
<path d="M12.005 14.168C12.9534 14.168 13.8819 14.3279 14.7704 14.5876C16.9667 15.2371 18.8636 16.6058 19.8619 18.4242L20.1215 18.9337C20.6905 20.1526 21 21.5513 21 22.98C21 22.98 21 22.99 21 23H19.7421C19.7421 21.7511 19.4825 20.5322 18.9933 19.4932L18.7438 19.0136C17.9052 17.485 16.2779 16.3161 14.391 15.7666C13.6223 15.5468 12.8236 15.4169 11.995 15.4169C11.1764 15.4169 10.3777 15.5468 9.60899 15.7666C7.72213 16.3161 6.09484 17.475 5.25624 19.0136L5.00666 19.4932C4.51747 20.5422 4.2579 21.7611 4.2579 23H3C3 23 3 22.99 3 22.98C3 21.5513 3.2995 20.1526 3.87854 18.9337L4.1381 18.4242C5.13644 16.6058 7.03328 15.2271 9.22962 14.5876C10.1181 14.3279 11.0466 14.168 11.995 14.168" fill="#3F2B2E"/>
|
|
667
667
|
<path d="M6.91348 9.07266L7.17304 9.55223C8.1015 11.0808 9.99834 12.0699 12.005 12.0699C14.0116 12.0699 16.0383 11.0009 16.9468 9.38238L17.1065 9.06267C17.4559 8.29337 17.6456 7.42416 17.6456 6.53497V6.1653C17.5857 5.29609 17.3461 4.46685 16.9368 3.68756L16.8469 3.51771C15.9285 2.00908 13.9917 1 12.015 1C10.0383 1 7.97171 2.06903 7.07321 3.67757L6.91348 3.99728C6.56406 4.76658 6.37438 5.63579 6.37438 6.52498V6.89464C6.43428 7.68392 6.61398 8.39328 6.92346 9.07266H6.91348ZM7.61231 6.52498C7.61231 5.81562 7.76206 5.11626 8.03161 4.52679L8.17138 4.24705C8.84027 3.03815 10.3777 2.22888 11.995 2.22888C13.5225 2.22888 15.0599 3.01817 15.7388 4.12716L15.8186 4.26703C16.1481 4.88647 16.3378 5.54587 16.3777 6.20527V6.53497C16.3777 7.24432 16.228 7.94369 15.9584 8.53315L15.8186 8.8129C15.1398 10.0318 13.6023 10.8411 11.995 10.8411C10.3877 10.8411 8.9401 10.0917 8.25125 8.94278L8.0416 8.54314C7.802 8.02361 7.66223 7.45413 7.61231 6.85468V6.52498Z" fill="#3F2B2E"/>
|
|
668
668
|
</svg>
|
|
669
|
-
`,
|
|
669
|
+
`,Y6=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
670
670
|
<path d="M8.2404 4.25C8.2404 4.25 8.2704 3.29 7.7004 2.6C7.3104 2.13 6.7304 1.88 6.0204 1.87C6.0204 1.87 5.9804 1.87 5.9704 1.87C5.3304 1.88 4.8204 2.08 4.4304 2.45C3.7104 3.15 3.7504 4.21 3.7504 4.24V11.06L4.4404 11.5H7.5604L8.2504 11.06V4.25H8.2404ZM7.4404 4.24V10.67L7.3004 10.76H4.6704L4.5304 10.67V4.23C4.5304 4.23 4.5104 3.43 4.9904 2.97C5.2304 2.74 5.5504 2.62 5.9804 2.62C6.4604 2.62 6.8204 2.77 7.0604 3.07C7.4504 3.54 7.4304 4.23 7.4304 4.25L7.4404 4.24Z" fill="#3F2B2E"/>
|
|
671
671
|
<path d="M6.8504 1.56L6.7704 0.5H5.2104L5.1304 1.56H6.8504Z" fill="#3F2B2E"/>
|
|
672
672
|
</svg>
|
|
@@ -768,10 +768,10 @@
|
|
|
768
768
|
`,V4=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
769
769
|
<path d="M10.99 5.05599L10.8701 4.68638H7.3037L6.1948 1.25H5.83517L4.71628 4.67639H1.11988L1 5.02603L3.91708 7.12382L2.7982 10.5103L3.10789 10.74L6.01498 8.64222L8.9021 10.75L9.22178 10.5202L8.11289 7.13381L11 5.06598L10.99 5.05599ZM9.49151 5.3357L7.3037 6.55442V5.3357H9.49151Z" fill="#432A2E"/>
|
|
770
770
|
</svg>
|
|
771
|
-
|
|
771
|
+
`,B4=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
772
772
|
<path d="M15 6.656L14.84 6.12639H9.85L8.29 1.25H7.79L6.22 6.11639H6.21L1.16 6.1064L1 6.60603L5.09 9.59382L3.52 14.4003L3.95 14.73L5.99 13.2411L8.03 11.7522L12.07 14.75L12.52 14.4202L10.96 9.6138L15 6.66599V6.656ZM12.66 7.12565L10.37 8.79441L9.85 9.17413V7.12565H12.66ZM9.85 11.8521V9.42395L10.01 9.91358L10.89 12.6216L9.86 11.8521H9.85Z" fill="#432A2E"/>
|
|
773
773
|
</svg>
|
|
774
|
-
|
|
774
|
+
`,$4=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
775
775
|
<path d="M21.99 10.124L21.7601 9.37362H14.6337L12.4148 2.5H11.6952L9.45627 9.35361L2.22989 9.3336L2 10.044L7.83708 14.2462L5.5982 21.0197L6.21789 21.48L12.035 17.2778L17.8021 21.5L18.4418 21.0398L16.2229 14.2662L22 10.114L21.99 10.124ZM15.963 13.2256L15.8731 10.3741H19.921L15.953 13.2256H15.963ZM16.9225 19.629L16.1429 19.0587L16.083 17.0577L16.9225 19.629Z" fill="#3F2B2E"/>
|
|
776
776
|
</svg>
|
|
777
777
|
`,E4=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -804,7 +804,7 @@
|
|
|
804
804
|
`,M2=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
805
805
|
<path d="M7.91263 14L7.72275 13.9232C1.44662 11.3113 0.926944 7.66242 1.00689 6.21246C1.09684 4.30158 2.27611 2.66917 3.94508 2.16025C5.35421 1.72814 6.78333 2.17945 7.95261 3.39895C9.27179 2.13144 10.8408 1.69933 12.2999 2.21786C13.869 2.7844 14.9483 4.388 14.9983 6.21246C15.0382 7.66242 14.4386 11.3113 8.11251 13.9232L7.92263 14H7.91263ZM4.97445 2.95724C4.7246 2.95724 4.47475 2.99565 4.2349 3.07247C2.98567 3.45657 2.05625 4.7721 1.98629 6.26047C1.92633 7.49918 2.38604 10.6008 7.92263 12.9629C11.8102 11.3017 14.0888 8.7955 14.0189 6.23166C13.9789 4.7913 13.1494 3.53339 11.9601 3.11088C10.7809 2.68838 9.47167 3.13969 8.37235 4.33999L7.93262 4.85852L7.54286 4.3976C6.79332 3.45657 5.88388 2.94764 4.97445 2.94764V2.95724Z" fill="#3F2B2E"/>
|
|
806
806
|
</svg>
|
|
807
|
-
`,O4={wishlist:c3,playerv:h3,chevronRight:d3,chevronLeft:p3,icoPlus:m3,icoMinus:L3,"star-0":C3,"star-25":g3,"star-50":u3,"star-75":v3,"star-100":f3,cross:w3,search:b3,arrowLeft:y3,arrowTop:x3,cart:H3,notifyme:V3,triangledown:$3,
|
|
807
|
+
`,O4={wishlist:c3,playerv:h3,chevronRight:d3,chevronLeft:p3,icoPlus:m3,icoMinus:L3,"star-0":C3,"star-25":g3,"star-50":u3,"star-75":v3,"star-100":f3,cross:w3,search:b3,arrowLeft:y3,arrowTop:x3,cart:H3,notifyme:V3,triangledown:B3,triangleup:$3,checkstroke:E3,pause:M3,mapDualArrow:k3,swipeDualArrow:_3,backToBag:O3,checkbox:P3,sliderLeftArrow:z3,sliderRightArrow:I3},r2={"occ-address":{small:D3,medium:T3,large:j3},"occ-back":{small:R3,medium:U3,large:q3},"occ-bag-filled":{small:N3,medium:K3,large:W3},"occ-bag-outlined":{small:G3,medium:X3,large:J3},"occ-bag-strike":{small:Y3,medium:Q3,large:tt},"occ-bottle":{small:et,medium:it,large:ot},"occ-briefcase":{small:nt,medium:st,large:rt},"occ-burger":{small:lt,medium:at,large:ct},"occ-card":{small:ht,medium:dt,large:pt},"occ-career":{small:Ct,medium:gt,large:ut},"occ-check-filled":{small:vt,medium:ft,large:wt},"occ-check-outlined":{small:bt,medium:mt,large:Lt},"occ-chevron-bottom":{small:yt,medium:xt,large:Ht},"occ-chevron-double":{small:Vt,medium:Bt,large:$t},"occ-chevron-left":{small:Et,medium:Mt,large:kt},"occ-chevron-right":{small:Zt,medium:_t,large:St},"occ-chevron-top":{small:Ft,medium:At,large:Ot},"occ-close-filled":{small:Pt,medium:zt,large:It},"occ-close-outlined":{small:Dt,medium:Tt,large:jt},"occ-cream":{small:Rt,medium:Ut,large:qt},"occ-cream-tube":{small:Nt,medium:Kt,large:Wt},"occ-eye-hide":{small:Gt,medium:Xt,large:Jt},"occ-eye-show":{small:Yt,medium:Qt,large:t6},"occ-geoloc":{small:e6,medium:i6,large:o6},"occ-gift":{small:n6,medium:s6,large:r6},"occ-hand-shake":{small:l6,medium:a6,large:c6},"occ-info":{small:h6,medium:d6,large:p6},"occ-location":{small:C6,medium:g6,large:u6},"occ-mail":{small:v6,medium:f6,large:w6},"occ-message":{small:b6,medium:m6,large:L6},"occ-minus":{small:y6,medium:x6,large:H6},"occ-order":{small:V6,medium:B6,large:$6},"occ-order-sent":{small:E6,medium:M6,large:k6},"occ-padlock":{small:Z6,medium:_6,large:S6},"occ-pause":{small:F6,medium:A6,large:O6},"occ-play":{small:P6,medium:z6,large:I6},"occ-plus":{small:D6,medium:T6,large:j6},"occ-product":{small:R6,medium:U6,large:q6},"occ-profil-filled":{small:N6,medium:K6,large:W6},"occ-profil-outlined":{small:G6,medium:X6,large:J6},"occ-refill":{small:Y6,medium:Q6,large:t4},"occ-refine":{small:e4,medium:i4,large:o4},"occ-reward-card":{small:n4,medium:s4,large:r4},"occ-samples":{small:l4,medium:a4,large:c4},"occ-search":{small:h4,medium:d4,large:p4},"occ-star-0":{small:C4,medium:g4,large:u4},"occ-star-100":{small:v4,medium:f4,large:w4},"occ-star-25":{small:b4,medium:m4,large:L4},"occ-star-50":{small:y4,medium:x4,large:H4},"occ-star-75":{small:V4,medium:B4,large:$4},"occ-store":{small:E4,medium:M4,large:k4},"occ-warning":{small:Z4,medium:_4,large:S4},"occ-wishlist-filled":{small:F4,medium:E2,large:E2},"occ-wishlist-outlined":{small:A4,medium:M2,large:M2}},P4=Object.fromEntries(Object.entries(r2).map(([e,t])=>[e,t.medium??t.small??t.large??""])),P2={...O4,...P4},z4={xsmall:8,small:12,medium:16,large:24},I4=e=>Object.prototype.hasOwnProperty.call(r2,e),D4=e=>e==="xsmall"?"small":e,T4=(e,t,i)=>{const n=r2[e];if(i){const o=D4(t);return n[o]??n.large??n.medium??n.small??""}return n.large??n.medium??n.small??""},j4=(e,{size:t,bgstyle:i})=>{const n=z4[t],o=i==="none-light"||i==="none-contrast";let s=P2[e]??"";return I4(e)&&(s=T4(e,t,o)),{svg:s,pixelSize:n,shouldApplyLogicalSize:o}},Z1=P2,R4={strikeDiagonal:Z3},U4={success:S3,error:F3,info:A3};/**
|
|
808
808
|
* @license
|
|
809
809
|
* Copyright 2017 Google LLC
|
|
810
810
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -824,11 +824,11 @@
|
|
|
824
824
|
* @license
|
|
825
825
|
* Copyright 2017 Google LLC
|
|
826
826
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
827
|
-
*/const m1=(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),m1(o,t);return!0},O1=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)},z2=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),W4(t)}};function N4(e){this._$AN!==void 0?(O1(this),this._$AM=e,z2(this)):this._$AM=e}function K4(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++)m1(n[s],!1),O1(n[s]);else n!=null&&(m1(n,!1),O1(n));else m1(this,e)}const W4=e=>{e.type==l2.CHILD&&(e._$AP??(e._$AP=K4),e._$AQ??(e._$AQ=N4))};class G4 extends c2{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,i,n){super._$AT(t,i,n),z2(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&&(m1(this,t),O1(this))}setValue(t){if(q4(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 X4 extends G4{constructor(){super(...arguments),this.prevData={}}render(t){return d}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
|
|
827
|
+
*/const m1=(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),m1(o,t);return!0},O1=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)},z2=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),W4(t)}};function N4(e){this._$AN!==void 0?(O1(this),this._$AM=e,z2(this)):this._$AM=e}function K4(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++)m1(n[s],!1),O1(n[s]);else n!=null&&(m1(n,!1),O1(n));else m1(this,e)}const W4=e=>{e.type==l2.CHILD&&(e._$AP??(e._$AP=K4),e._$AQ??(e._$AQ=N4))};class G4 extends c2{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,i,n){super._$AT(t,i,n),z2(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&&(m1(this,t),O1(this))}setValue(t){if(q4(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 X4 extends G4{constructor(){super(...arguments),this.prevData={}}render(t){return d}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 J4 extends X4{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 Y4 extends J4{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 r=o.slice(1);switch(o[0]){case"@":this.eventData[r]=s,this.applyEvent(r,s);break;case".":n[r]=s;break;case"?":s?n.setAttribute(r,""):n.removeAttribute(r);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 k2=a2(Y4);/**
|
|
828
828
|
* @license
|
|
829
829
|
* Copyright 2018 Google LLC
|
|
830
830
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
831
|
-
*/const
|
|
831
|
+
*/const E=e=>e??d;var Q4=Object.defineProperty,t5=Object.getOwnPropertyDescriptor,T=(e,t,i,n)=>{for(var o=n>1?void 0:n?t5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&Q4(t,i,o),o};let k=class extends p{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(e){super.updated(e),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){if(!this.icon)return d;const{svg:e,pixelSize:t,shouldApplyLogicalSize:i}=j4(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,o=i?` width="${t}" height="${t}"`:"",r=(i?e.replace(/\s(width|height)=\"[^\"]*\"/g,""):e).replace("<svg",`<svg aria-hidden="true" focusable="false" part="svg"${o}`).replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),c=this.showSrLabel?a`<span class="sr-only">${this.srLabel}</span>`:null,h=this.showSrLabel?null:"icon";return a`
|
|
832
832
|
${this.type==="span"?a`
|
|
833
833
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}" ?disabled="${this.disabled}">
|
|
834
834
|
${P(r)}
|
|
@@ -836,7 +836,7 @@
|
|
|
836
836
|
`:a`
|
|
837
837
|
<button
|
|
838
838
|
type="button"
|
|
839
|
-
aria-label=${
|
|
839
|
+
aria-label=${E(h)}
|
|
840
840
|
aria-describedby=${this.getAttribute("aria-describedby")||d}
|
|
841
841
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}"
|
|
842
842
|
?disabled="${this.disabled}"
|
|
@@ -1027,7 +1027,7 @@
|
|
|
1027
1027
|
.sr-only {
|
|
1028
1028
|
${o2}
|
|
1029
1029
|
}
|
|
1030
|
-
`;T([l({type:String,reflect:!0})],k.prototype,"bgstyle",2);T([l({type:String,reflect:!0})],k.prototype,"size",2);T([l({type:String,reflect:!0})],k.prototype,"status",2);T([l({type:String,reflect:!0})],k.prototype,"type",2);T([l({type:String})],k.prototype,"strokewidth",2);T([l({type:String})],k.prototype,"icon",2);T([l({type:Boolean,reflect:!0})],k.prototype,"disabled",2);T([l({type:Boolean})],k.prototype,"showSrLabel",2);T([l({type:String})],k.prototype,"srLabel",2);k=T([
|
|
1030
|
+
`;T([l({type:String,reflect:!0})],k.prototype,"bgstyle",2);T([l({type:String,reflect:!0})],k.prototype,"size",2);T([l({type:String,reflect:!0})],k.prototype,"status",2);T([l({type:String,reflect:!0})],k.prototype,"type",2);T([l({type:String})],k.prototype,"strokewidth",2);T([l({type:String})],k.prototype,"icon",2);T([l({type:Boolean,reflect:!0})],k.prototype,"disabled",2);T([l({type:Boolean})],k.prototype,"showSrLabel",2);T([l({type:String})],k.prototype,"srLabel",2);k=T([f("o-icon-button")],k);var e5=Object.defineProperty,i5=Object.getOwnPropertyDescriptor,w=(e,t,i,n)=>{for(var o=n>1?void 0:n?i5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&e5(t,i,o),o};let C=class extends p{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.labelAriaDialogPanel="",this.addToBagProductCount="",this.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this.previousFocusedSelector=null,this._onOpenDetail=async e=>{var i,n;const t=((i=e.detail)==null?void 0:i.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const o=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");o&&o.setAttribute("fromelement",this._detailOriginClass)}await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=e=>{this.open&&(e.key==="Escape"?this.closePanel():e.key==="Tab"&&this.trapFocus(e))},this.handleClosePanel=e=>{if(e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" ")return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget,i=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&i){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),o=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const s=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",s),o()};n.addEventListener("animationend",s)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}focusFirstInPanel(){var t,i,n;(n=this.getFocusableElements().map(o=>this.resolveFocusable(o)).filter(o=>!!o&&!o.hasAttribute("disabled"))[0]??((t=this.shadowRoot)==null?void 0:t.querySelector(".close-btn"))??((i=this.shadowRoot)==null?void 0:i.querySelector(".panel")))==null||n.focus({preventScroll:!0})}resolveFocusable(e){var i;const t=e.tagName.toLowerCase();return t==="o-icon-button"||t==="o-button"?((i=e.shadowRoot)==null?void 0:i.querySelector("button, .button"))??e:e}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail),this.addEventListener("focusin",e=>{e.composedPath()[0]===this&&this.focusFirstInPanel()})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var o,s,r,c,h;await this.updateComplete;const e=this.getDeepActiveElement(document);if(e&&e!==document.body)try{e.blur()}catch{}await new Promise(requestAnimationFrame);const t=(o=this.shadowRoot)==null?void 0:o.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(r=((s=t.shadowRoot)==null?void 0:s.querySelector("button"))??t)==null?void 0:r.focus)==null||c.call(r,{preventScroll:!0});const n=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');n&&n.setAttribute("aria-label",this.labelAriaDialogPanel||"panel-title")}_restoreFocusToOrigin(){var t,i;const e=this._detailOriginEl;!e||!document.contains(e)||((i=(t=document.activeElement)==null?void 0:t.blur)==null||i.call(t),requestAnimationFrame(()=>{var o;e.classList.add("a--tabfocus"),(((o=e.shadowRoot)==null?void 0:o.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??e).focus({preventScroll:!0})}))}getDeepActiveElement(e=this.shadowRoot){let t=e.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(e){var s;if(e.key!=="Tab")return;const t=this.shadowRoot;if(!t)return;const i=this.getDeepActiveElement();if(this.showDetail){const r=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),h=r?this.resolveFocusable(r):null,u=c?this.resolveFocusable(c):null;if(e.shiftKey&&h&&i===h&&u){e.preventDefault(),e.stopPropagation(),u.focus({preventScroll:!0});return}if(!e.shiftKey&&u&&i===u){e.preventDefault(),e.stopPropagation(),(((s=t.querySelector(".detail-scroller"))==null?void 0:s.querySelector(C.focusablesSelector))??h??u).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const r=t.querySelector(".close-btn"),c=r?this.resolveFocusable(r):null,h=t.querySelector(".js-clear-refinements"),u=h?this.resolveFocusable(h):null,b=v=>{e.preventDefault(),e.stopPropagation(),v.focus()};if(c&&u){if(!e.shiftKey&&i===u)return b(c);if(e.shiftKey&&i===c)return b(u)}}const o=this.renderRoot.querySelector(".close-btn");if(!e.shiftKey&&o&&o.contains(i)){e.preventDefault();const r=this.renderRoot.querySelector(".o-whats-inside--content p");r==null||r.focus()}}getFocusableElements(){const e=this.renderRoot.querySelector(".panel");if(!e)return[];function t(o){return!(o.disabled||o.hasAttribute("disabled")||o.hasAttribute("tabindex")&&o.getAttribute("tabindex")==="-1")}function i(o){var r;const s=[o.matches(C.focusablesSelector)?o:[]];if(!["o-icon-button","o-button"].includes(o.tagName.toLowerCase())){const c=Array.from(o instanceof HTMLSlotElement?o.assignedElements({flatten:!0}):[]).filter(t).flatMap(i),h=Array.from(((r=o.shadowRoot)==null?void 0:r.querySelectorAll("*"))||[]).filter(t).flatMap(i);s.push(...c,...h)}return s.flat()}return Array.from(e.querySelectorAll("*")).filter(t).flatMap(i)}openPanel(){var t;this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.previousFocusedSelector=(t=this.previousFocusedElement)==null?void 0:t.getAttribute("paneltarget"),this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const e=this.renderRoot.querySelector(".panel");e&&e.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var i,n;if(this.showHeader){const o=(i=this.shadowRoot)==null?void 0:i.querySelector(".panel .close-btn"),s=this.resolveFocusable(o);(n=s==null?void 0:s.focus)==null||n.call(s,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var i,n,o;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel");let e=this.previousFocusedElement;e!=null&&e.isConnected||(e=document.querySelector(`[paneltarget="${this.previousFocusedSelector}"]`)),(e==null?void 0:e.tagName.toLowerCase())==="o-button"?(o=(n=(i=e.shadowRoot)==null?void 0:i.querySelector(".button"))==null?void 0:n.focus)==null||o.call(n):e==null||e.focus();const t=this.renderRoot.querySelector(".panel");t&&t.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:e.target}})))}handleSecondClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:e.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const e=this.showHeader?a`
|
|
1031
1031
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
1032
1032
|
${this.showHeaderStartIcon?a`
|
|
1033
1033
|
<o-icon-button
|
|
@@ -1349,7 +1349,7 @@
|
|
|
1349
1349
|
overflow: auto;
|
|
1350
1350
|
box-sizing: border-box;
|
|
1351
1351
|
}
|
|
1352
|
-
`;C.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';C.focusablesCustomElementsSelector="o-icon-button, o-button";C.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};w([l({type:Boolean,reflect:!0})],C.prototype,"open",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showHeader",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showFooter",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showHeaderStartIcon",2);w([l({type:String,reflect:!0})],C.prototype,"headerTitle",2);w([l({type:String,reflect:!0})],C.prototype,"headerTitleClassName",2);w([l({type:String,reflect:!0})],C.prototype,"labelDialog",2);w([l({type:String,reflect:!0})],C.prototype,"labelAriaDialogPanel",2);w([l({type:String,reflect:!0})],C.prototype,"addToBagProductCount",2);w([l({type:String,reflect:!0})],C.prototype,"closeButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"goBackButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"firstButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"firstButtonVariant",2);w([l({type:Object,reflect:!0})],C.prototype,"firstButtonProps",2);w([l({type:Boolean,reflect:!0})],C.prototype,"onFirstButtonClickClose",2);w([l({type:String,reflect:!0})],C.prototype,"secondButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"secondButtonVariant",2);w([l({type:Object,reflect:!0})],C.prototype,"secondButtonProps",2);w([l({type:Boolean,reflect:!0})],C.prototype,"onSecondButtonClickClose",2);w([l({type:Boolean,reflect:!0})],C.prototype,"disablePortal",2);w([l({type:Number,reflect:!0})],C.prototype,"zIndex",2);w([l({type:Boolean,reflect:!0})],C.prototype,"initialized",2);w([l({type:Boolean})],C.prototype,"showDetail",2);w([l({type:Boolean})],C.prototype,"isHidingDetail",2);C=w([
|
|
1352
|
+
`;C.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';C.focusablesCustomElementsSelector="o-icon-button, o-button";C.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};w([l({type:Boolean,reflect:!0})],C.prototype,"open",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showHeader",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showFooter",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showHeaderStartIcon",2);w([l({type:String,reflect:!0})],C.prototype,"headerTitle",2);w([l({type:String,reflect:!0})],C.prototype,"headerTitleClassName",2);w([l({type:String,reflect:!0})],C.prototype,"labelDialog",2);w([l({type:String,reflect:!0})],C.prototype,"labelAriaDialogPanel",2);w([l({type:String,reflect:!0})],C.prototype,"addToBagProductCount",2);w([l({type:String,reflect:!0})],C.prototype,"closeButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"goBackButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"firstButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"firstButtonVariant",2);w([l({type:Object,reflect:!0})],C.prototype,"firstButtonProps",2);w([l({type:Boolean,reflect:!0})],C.prototype,"onFirstButtonClickClose",2);w([l({type:String,reflect:!0})],C.prototype,"secondButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"secondButtonVariant",2);w([l({type:Object,reflect:!0})],C.prototype,"secondButtonProps",2);w([l({type:Boolean,reflect:!0})],C.prototype,"onSecondButtonClickClose",2);w([l({type:Boolean,reflect:!0})],C.prototype,"disablePortal",2);w([l({type:Number,reflect:!0})],C.prototype,"zIndex",2);w([l({type:Boolean,reflect:!0})],C.prototype,"initialized",2);w([l({type:Boolean})],C.prototype,"showDetail",2);w([l({type:Boolean})],C.prototype,"isHidingDetail",2);C=w([f("o-side-panel")],C);var o5=Object.defineProperty,n5=Object.getOwnPropertyDescriptor,H=(e,t,i,n)=>{for(var o=n>1?void 0:n?n5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&o5(t,i,o),o};const s5=s2(p);let m=class extends s5{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1,this.withbadge=!1,this.hideRoleButton=!1}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[n2].form}handleClick(e){if(!(e instanceof KeyboardEvent&&!["Enter"," "].includes(e.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof C&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(e.preventDefault(),t.openPanel()):console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(e){const t=e==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const i=Z1[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return a`<span class="${e==="start"?"icon-start":"icon-end"}">${P(i)}</span>`}renderButton(){const e=this.text||this.textsecond;return a`
|
|
1353
1353
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
1354
1354
|
aria-describedby=${this.getAttribute("aria-describedby")||d} >
|
|
1355
1355
|
${this.startIcon?this.renderIcon("start"):d}
|
|
@@ -1378,7 +1378,7 @@
|
|
|
1378
1378
|
`:a`<slot></slot>`}
|
|
1379
1379
|
${this.endIcon?this.renderIcon("end"):d}
|
|
1380
1380
|
</a>
|
|
1381
|
-
`}};a3(
|
|
1381
|
+
`}};a3(m);m.formAssociated=!0;m.styles=g`
|
|
1382
1382
|
:host {
|
|
1383
1383
|
--button-border: transparent;
|
|
1384
1384
|
--badge-outer-width: 19px;
|
|
@@ -1584,7 +1584,7 @@
|
|
|
1584
1584
|
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1585
1585
|
transform: translateX(4px);
|
|
1586
1586
|
}
|
|
1587
|
-
`;H([l()],
|
|
1587
|
+
`;H([l()],m.prototype,"type",2);H([l()],m.prototype,"value",2);H([l({type:String,reflect:!0})],m.prototype,"variant",2);H([l({type:String})],m.prototype,"text",2);H([l({type:String})],m.prototype,"textsecond",2);H([l({type:Boolean,reflect:!0})],m.prototype,"fullwidth",2);H([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);H([l({type:String})],m.prototype,"startIconModel",2);H([l({type:String})],m.prototype,"endIconModel",2);H([l({type:Boolean,reflect:!0,attribute:"starticon"})],m.prototype,"startIcon",2);H([l({type:Boolean,reflect:!0,attribute:"endicon"})],m.prototype,"endIcon",2);H([l({type:String,attribute:"paneltarget"})],m.prototype,"panelTarget",2);H([l({type:String})],m.prototype,"href",2);H([l({type:String})],m.prototype,"target",2);H([l({type:Boolean,reflect:!0})],m.prototype,"underlined",2);H([l({type:Boolean,reflect:!0})],m.prototype,"withbadge",2);H([l({type:Boolean,reflect:!0})],m.prototype,"hideRoleButton",2);m=H([f("o-button")],m);var r5=Object.defineProperty,l5=Object.getOwnPropertyDescriptor,z1=(e,t,i,n)=>{for(var o=n>1?void 0:n?l5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&r5(t,i,o),o};let C1=class extends p{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.toggleStatus())}render(){const e=Z1.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return a`
|
|
1588
1588
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
1589
1589
|
<span class="sr-only">${this.label}</span>
|
|
1590
1590
|
${P(e)}
|
|
@@ -1643,7 +1643,7 @@
|
|
|
1643
1643
|
.sr-only {
|
|
1644
1644
|
${o2}
|
|
1645
1645
|
}
|
|
1646
|
-
`;z1([l({type:String,reflect:!0})],C1.prototype,"status",2);z1([l({type:String,reflect:!0})],C1.prototype,"ariaDescribedBy",2);z1([l({type:String,reflect:!0})],C1.prototype,"label",2);C1=z1([
|
|
1646
|
+
`;z1([l({type:String,reflect:!0})],C1.prototype,"status",2);z1([l({type:String,reflect:!0})],C1.prototype,"ariaDescribedBy",2);z1([l({type:String,reflect:!0})],C1.prototype,"label",2);C1=z1([f("o-wishlist-button")],C1);var a5=Object.defineProperty,c5=Object.getOwnPropertyDescriptor,a1=(e,t,i,n)=>{for(var o=n>1?void 0:n?c5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&a5(t,i,o),o};let N=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`
|
|
1647
1647
|
${this.endIcon&&this.reverseEndIcon?a`
|
|
1648
1648
|
<o-icon-button
|
|
1649
1649
|
icon="occ-chevron-left"
|
|
@@ -1667,7 +1667,7 @@
|
|
|
1667
1667
|
<a
|
|
1668
1668
|
class="link-wrapper"
|
|
1669
1669
|
href="${this.href}"
|
|
1670
|
-
target="${
|
|
1670
|
+
target="${E(this.target||void 0)}"
|
|
1671
1671
|
@click="${this._handleClick}"
|
|
1672
1672
|
>
|
|
1673
1673
|
${t}
|
|
@@ -1758,7 +1758,7 @@
|
|
|
1758
1758
|
transform: translateX(-4px);
|
|
1759
1759
|
}
|
|
1760
1760
|
}
|
|
1761
|
-
`;a1([l({type:String})],N.prototype,"href",2);a1([l({type:String})],N.prototype,"target",2);a1([l({type:String,reflect:!0})],N.prototype,"template",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"inverse",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"endIcon",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"reverseEndIcon",2);N=a1([
|
|
1761
|
+
`;a1([l({type:String})],N.prototype,"href",2);a1([l({type:String})],N.prototype,"target",2);a1([l({type:String,reflect:!0})],N.prototype,"template",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"inverse",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"endIcon",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"reverseEndIcon",2);N=a1([f("o-link")],N);var h5=Object.defineProperty,d5=Object.getOwnPropertyDescriptor,I1=(e,t,i,n)=>{for(var o=n>1?void 0:n?d5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&h5(t,i,o),o};let g1=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`
|
|
1762
1762
|
<div class="rating">
|
|
1763
1763
|
<div class="stars">
|
|
1764
1764
|
${e.map(t=>a`<span class="star">${P(Z1[t]??"")}</span>`)}
|
|
@@ -1798,7 +1798,7 @@
|
|
|
1798
1798
|
text-decoration: underline;
|
|
1799
1799
|
cursor: pointer;
|
|
1800
1800
|
}
|
|
1801
|
-
`;I1([l({type:Number})],g1.prototype,"rating",2);I1([l({type:String})],g1.prototype,"reviewCount",2);I1([l({type:String})],g1.prototype,"href",2);g1=I1([
|
|
1801
|
+
`;I1([l({type:Number})],g1.prototype,"rating",2);I1([l({type:String})],g1.prototype,"reviewCount",2);I1([l({type:String})],g1.prototype,"href",2);g1=I1([f("o-rating")],g1);var p5=Object.defineProperty,C5=Object.getOwnPropertyDescriptor,o1=(e,t,i,n)=>{for(var o=n>1?void 0:n?C5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&p5(t,i,o),o};let D=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`
|
|
1802
1802
|
<o-icon-button
|
|
1803
1803
|
icon="playerv"
|
|
1804
1804
|
size="xsmall"
|
|
@@ -1931,7 +1931,7 @@
|
|
|
1931
1931
|
height: 0;
|
|
1932
1932
|
width: 0;
|
|
1933
1933
|
}
|
|
1934
|
-
`;o1([l({type:Array})],D.prototype,"thumbnails",2);o1([l({type:Number})],D.prototype,"activeIndex",2);o1([l({type:Array})],D.prototype,"disabledIndexes",2);o1([l({type:String})],D.prototype,"maxWidth",2);o1([l({type:String})],D.prototype,"altressource",2);o1([l({type:Object})],D.prototype,"swiperInstance",2);o1([G()],D.prototype,"focusedIndex",2);D=o1([
|
|
1934
|
+
`;o1([l({type:Array})],D.prototype,"thumbnails",2);o1([l({type:Number})],D.prototype,"activeIndex",2);o1([l({type:Array})],D.prototype,"disabledIndexes",2);o1([l({type:String})],D.prototype,"maxWidth",2);o1([l({type:String})],D.prototype,"altressource",2);o1([l({type:Object})],D.prototype,"swiperInstance",2);o1([G()],D.prototype,"focusedIndex",2);D=o1([f("thumbnail-navigation")],D);var g5=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,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&g5(t,i,o),o};let H1=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return a`
|
|
1935
1935
|
<p class="tag ${this.bgstyle}"><slot></slot></p>
|
|
1936
1936
|
`}};H1.styles=g`
|
|
1937
1937
|
.tag {
|
|
@@ -1989,7 +1989,7 @@
|
|
|
1989
1989
|
text-overflow: ellipsis;
|
|
1990
1990
|
}
|
|
1991
1991
|
|
|
1992
|
-
`;h2([l({type:String,reflect:!0})],H1.prototype,"type",2);h2([l({type:String,reflect:!0})],H1.prototype,"bgstyle",2);H1=h2([
|
|
1992
|
+
`;h2([l({type:String,reflect:!0})],H1.prototype,"type",2);h2([l({type:String,reflect:!0})],H1.prototype,"bgstyle",2);H1=h2([f("o-tag")],H1);var v5=Object.defineProperty,f5=Object.getOwnPropertyDescriptor,d2=(e,t,i,n)=>{for(var o=n>1?void 0:n?f5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&v5(t,i,o),o};let V1=class extends p{constructor(){super(...arguments),this.type="top",this.text=""}render(){return a`
|
|
1993
1993
|
<div class="tooltip">
|
|
1994
1994
|
<span class="tooltiptext">${this.text}</span>
|
|
1995
1995
|
<slot></slot>
|
|
@@ -2086,7 +2086,7 @@
|
|
|
2086
2086
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
2087
2087
|
}
|
|
2088
2088
|
|
|
2089
|
-
`;d2([l({type:String,reflect:!0})],V1.prototype,"type",2);d2([l({type:String,reflect:!0})],V1.prototype,"text",2);V1=d2([
|
|
2089
|
+
`;d2([l({type:String,reflect:!0})],V1.prototype,"type",2);d2([l({type:String,reflect:!0})],V1.prototype,"text",2);V1=d2([f("o-tooltip")],V1);var w5=Object.defineProperty,b5=Object.getOwnPropertyDescriptor,J=(e,t,i,n)=>{for(var o=n>1?void 0:n?b5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&w5(t,i,o),o};let z=class extends p{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=e=>{this.contains(e.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var 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()})}}_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(e){this.options.length>0&&(this.options.some(i=>i.value===this.value)||(this.value=this.options[0].value))}render(){const e=Z1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(i=>i.value===this.value);return a`
|
|
2090
2090
|
<button
|
|
2091
2091
|
role="combobox"
|
|
2092
2092
|
aria-haspopup="listbox"
|
|
@@ -2272,7 +2272,7 @@
|
|
|
2272
2272
|
input[type="hidden"] {
|
|
2273
2273
|
display: none;
|
|
2274
2274
|
}
|
|
2275
|
-
`;
|
|
2275
|
+
`;J([l({type:Array,reflect:!0})],z.prototype,"options",2);J([l({type:String,reflect:!0})],z.prototype,"value",2);J([l({type:String,reflect:!0})],z.prototype,"name",2);J([l({type:Boolean,reflect:!0})],z.prototype,"disabled",2);J([l({type:String,reflect:!0})],z.prototype,"width",2);J([G()],z.prototype,"open",2);J([G()],z.prototype,"activeIndex",2);J([G()],z.prototype,"menuWidth",2);z=J([f("o-dropdown")],z);var m5=Object.getOwnPropertyDescriptor,L5=(e,t,i,n)=>{for(var o=n>1?void 0:n?m5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let G1=class extends p{render(){return a` <span class="dots"></span> `}};G1.styles=g`
|
|
2276
2276
|
:host {
|
|
2277
2277
|
display: flex;
|
|
2278
2278
|
align-items: center;
|
|
@@ -2314,7 +2314,7 @@
|
|
|
2314
2314
|
:host([aria-current="true"]:active) .dots {
|
|
2315
2315
|
background-color: var(--color-container-action-primary-pressed);
|
|
2316
2316
|
}
|
|
2317
|
-
`;G1=L5([
|
|
2317
|
+
`;G1=L5([f("o-dots")],G1);var y5=Object.defineProperty,x5=Object.getOwnPropertyDescriptor,j=(e,t,i,n)=>{for(var o=n>1?void 0:n?x5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&y5(t,i,o),o};let Z=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}))}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}_startObserveVisibleItems(){var t;this._stopObserveVisibleItems();const e=(t=this.renderRoot)==null?void 0:t.querySelector("#dropdown-listbox");e&&(this._io=new IntersectionObserver(i=>{if(this.open)for(const n of i){if(!n.isIntersecting)continue;const o=n.target,s=o.dataset.index;if(!s)continue;const r=Number(s),c=this.options[r];if(!c||c.disabled)continue;const h=c.dataproduct??o.dataset.product;if(!h)continue;let u;try{u=JSON.parse(h)}catch(v){console.warn("Invalid dataproduct JSON:",h,v);continue}const b=this._getKey(c,u,r);this._sent.has(b)||(this._sent.add(b),this._pendingByKey.set(b,u),this._scheduleFlush())}},{root:e,threshold:.75}),e.querySelectorAll("li[role='option']").forEach(i=>{var n;return(n=this._io)==null?void 0:n.observe(i)}))}_stopObserveVisibleItems(){var e;this._flushPending(),this._flushTimer&&(clearTimeout(this._flushTimer),this._flushTimer=void 0),(e=this._io)==null||e.disconnect(),this._io=void 0}toggle(){var e;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(e=this.renderRoot)==null?void 0:e.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open?this.updateComplete.then(()=>{this._focusActiveOption(),this._startObserveVisibleItems()}):this._stopObserveVisibleItems()}}_focusActiveOption(){var t;const e=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);e==null||e.focus()}selectOption(e){this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:e.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(e){if(this.disabled){e.preventDefault();return}if(!this.open){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":e.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":e.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":e.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":e.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":e.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const e=Z1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(i=>i.value===this.value);return a`
|
|
2318
2318
|
<button
|
|
2319
2319
|
role="combobox"
|
|
2320
2320
|
aria-haspopup="listbox"
|
|
@@ -2328,7 +2328,7 @@
|
|
|
2328
2328
|
?disabled=${this.disabled}
|
|
2329
2329
|
class="btn-dropdown"
|
|
2330
2330
|
>
|
|
2331
|
-
<img alt="${
|
|
2331
|
+
<img alt="${E(t==null?void 0:t.label)}" src="${E(t==null?void 0:t.imgurl)}" />
|
|
2332
2332
|
<span id="dropdown-label" class="label">
|
|
2333
2333
|
${t?t.label:"Select an option"}
|
|
2334
2334
|
</span>
|
|
@@ -2356,17 +2356,20 @@
|
|
|
2356
2356
|
<li
|
|
2357
2357
|
id="option-${n}"
|
|
2358
2358
|
role="option"
|
|
2359
|
+
data-index="${n}"
|
|
2360
|
+
data-product="${E(i.dataproduct)}"
|
|
2359
2361
|
aria-selected="${i.value===this.value}"
|
|
2360
2362
|
aria-disabled="${i.disabled?"true":"false"}"
|
|
2361
2363
|
tabindex="${n===this.activeIndex?"0":"-1"}"
|
|
2362
2364
|
class="${n===this.activeIndex?"active":""} ${i.disabled?"disabled":""}"
|
|
2363
2365
|
@click=${()=>this.selectOption(i)}
|
|
2364
2366
|
>
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
+
|
|
2368
|
+
<a href="${E(i.url)}">
|
|
2369
|
+
<img alt="${E(i.label)}" src="${E(i.imgurl)}" />
|
|
2367
2370
|
<span class="label">${i.label}</span>
|
|
2368
2371
|
<div class="right">
|
|
2369
|
-
<span class="additional-text">${
|
|
2372
|
+
<span class="additional-text">${E(i.additionaltext)}</span>
|
|
2370
2373
|
${i.value===this.value&&!i.additionaltext?a`
|
|
2371
2374
|
<span class="check">${P(e)}</span>`:null}
|
|
2372
2375
|
</div>
|
|
@@ -2552,17 +2555,17 @@
|
|
|
2552
2555
|
input[type="hidden"] {
|
|
2553
2556
|
display: none;
|
|
2554
2557
|
}
|
|
2555
|
-
`;j([l({type:Array,reflect:!0})],Z.prototype,"options",2);j([l({type:String,reflect:!0})],Z.prototype,"value",2);j([l({type:String,reflect:!0})],Z.prototype,"name",2);j([l({type:String,reflect:!0})],Z.prototype,"additionaltext",2);j([l({type:Boolean,reflect:!0})],Z.prototype,"disabled",2);j([l({type:String,reflect:!0})],Z.prototype,"width",2);j([G()],Z.prototype,"open",2);j([G()],Z.prototype,"activeIndex",2);j([G()],Z.prototype,"menuWidth",2);Z=j([
|
|
2558
|
+
`;j([l({type:Array,reflect:!0})],Z.prototype,"options",2);j([l({type:String,reflect:!0})],Z.prototype,"value",2);j([l({type:String,reflect:!0})],Z.prototype,"name",2);j([l({type:String,reflect:!0})],Z.prototype,"additionaltext",2);j([l({type:Boolean,reflect:!0})],Z.prototype,"disabled",2);j([l({type:String,reflect:!0})],Z.prototype,"width",2);j([G()],Z.prototype,"open",2);j([G()],Z.prototype,"activeIndex",2);j([G()],Z.prototype,"menuWidth",2);Z=j([f("o-dropdown-variant")],Z);/**
|
|
2556
2559
|
* @license
|
|
2557
2560
|
* Copyright 2018 Google LLC
|
|
2558
2561
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2559
|
-
*/const I2="important",H5=" !"+I2,V5=a2(class extends c2{constructor(e){var t;if(super(e),e.type!==l2.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(H5);n.includes("-")||s?i.setProperty(n,s?o.slice(0,-11):o,s?I2:""):i[n]=o}}return i1}});var
|
|
2560
|
-
${this.option.imgurl?a`<img src="${this.option.imgurl}" alt="${
|
|
2562
|
+
*/const I2="important",H5=" !"+I2,V5=a2(class extends c2{constructor(e){var t;if(super(e),e.type!==l2.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(H5);n.includes("-")||s?i.setProperty(n,s?o.slice(0,-11):o,s?I2:""):i[n]=o}}return i1}});var B5=Object.defineProperty,$5=Object.getOwnPropertyDescriptor,p2=(e,t,i,n)=>{for(var o=n>1?void 0:n?$5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&B5(t,i,o),o};let B1=class extends p{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const e=r=>{const c=document.createElement("textarea");return c.innerHTML=r,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`
|
|
2563
|
+
${this.option.imgurl?a`<img src="${this.option.imgurl}" alt="${E(n)}" aria-hidden="true" style=${V5(i)} />`:""}
|
|
2561
2564
|
<div class="m-reassurance-content">
|
|
2562
|
-
<h3 class="a-reassurance-text">${
|
|
2563
|
-
<p class="a-reassurance-description">${
|
|
2565
|
+
<h3 class="a-reassurance-text">${E(n)}</h3>
|
|
2566
|
+
<p class="a-reassurance-description">${E(o)}</p>
|
|
2564
2567
|
</div>
|
|
2565
|
-
`;return t?a`<a href="${
|
|
2568
|
+
`;return t?a`<a href="${E(this.option.url)}" class="reassurance-item clickable">${s}</a>`:a`<div class="reassurance-item">${s}</div>`}};B1.styles=g`
|
|
2566
2569
|
:host {
|
|
2567
2570
|
display: inline-block;
|
|
2568
2571
|
position: relative;
|
|
@@ -2643,7 +2646,7 @@
|
|
|
2643
2646
|
-webkit-box-orient: vertical;
|
|
2644
2647
|
overflow: hidden;
|
|
2645
2648
|
}
|
|
2646
|
-
`;p2([l({type:Object,reflect:!0})]
|
|
2649
|
+
`;p2([l({type:Object,reflect:!0})],B1.prototype,"option",2);p2([l({type:Number,reflect:!0})],B1.prototype,"imageSize",2);B1=p2([f("o-reassurance")],B1);var E5=Object.defineProperty,M5=Object.getOwnPropertyDescriptor,Y=(e,t,i,n)=>{for(var o=n>1?void 0:n?M5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&E5(t,i,o),o};const k5=s2(p);let _=class extends k5{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(e){this.selected||(this.selected=!0);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}render(){const e=this.text;return this.link?a`
|
|
2647
2650
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":d}"
|
|
2648
2651
|
aria-current="${this.selected?"true":d}">
|
|
2649
2652
|
${e?this.text:a`<slot></slot>`}
|
|
@@ -2746,16 +2749,16 @@
|
|
|
2746
2749
|
display: inline-flex;
|
|
2747
2750
|
align-items: center;
|
|
2748
2751
|
}
|
|
2749
|
-
`;
|
|
2752
|
+
`;Y([l({type:String,reflect:!0})],_.prototype,"link",2);Y([l({reflect:!0})],_.prototype,"name",2);Y([l({reflect:!0})],_.prototype,"value",2);Y([l({type:String})],_.prototype,"text",2);Y([l({type:String,reflect:!0})],_.prototype,"size",2);Y([l({type:Boolean,reflect:!0})],_.prototype,"selected",2);Y([l({type:Boolean,reflect:!0})],_.prototype,"fullwidth",2);Y([l({type:Boolean,reflect:!0})],_.prototype,"inactive",2);_=Y([f("o-chip")],_);var Z5=Object.defineProperty,_5=Object.getOwnPropertyDescriptor,C2=(e,t,i,n)=>{for(var o=n>1?void 0:n?_5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&Z5(t,i,o),o};let $1=class extends p{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(e){const t=e.target instanceof _?e.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(i=>{i!==t&&(i.selected=!1)}))}render(){return a`
|
|
2750
2753
|
<slot></slot>
|
|
2751
|
-
`}}
|
|
2754
|
+
`}};$1.styles=g`
|
|
2752
2755
|
:host {
|
|
2753
2756
|
display: flex;
|
|
2754
2757
|
flex-direction: row;
|
|
2755
2758
|
flex-wrap: wrap;
|
|
2756
2759
|
gap: var(--spacing-s);
|
|
2757
2760
|
}
|
|
2758
|
-
`;C2([l({reflect:!0})]
|
|
2761
|
+
`;C2([l({reflect:!0})],$1.prototype,"name",2);C2([l({reflect:!0})],$1.prototype,"value",2);$1=C2([f("o-chipset")],$1);var S5=Object.defineProperty,F5=Object.getOwnPropertyDescriptor,R=(e,t,i,n)=>{for(var o=n>1?void 0:n?F5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&S5(t,i,o),o};const A5=s2(p);let S=class extends A5{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=R4[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return P(e)}render(){const e=this.text;return a`${this.type==="link"?a`
|
|
2759
2762
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2760
2763
|
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2761
2764
|
${e?a`
|
|
@@ -2897,7 +2900,7 @@
|
|
|
2897
2900
|
stroke-width: 4px;
|
|
2898
2901
|
stroke-linecap: round;
|
|
2899
2902
|
}
|
|
2900
|
-
`;R([l({reflect:!0})],S.prototype,"name",2);R([l({reflect:!0})],S.prototype,"value",2);R([l({type:String,reflect:!0})],S.prototype,"type",2);R([l({type:String,reflect:!0})],S.prototype,"href",2);R([l({type:String,reflect:!0,attribute:"data-href"})],S.prototype,"dataHref",2);R([l({type:String})],S.prototype,"text",2);R([l({type:Boolean,reflect:!0})],S.prototype,"selected",2);R([l({type:Boolean,reflect:!0})],S.prototype,"disabled",2);R([l({type:Boolean,reflect:!0})],S.prototype,"fullwidth",2);S=R([
|
|
2903
|
+
`;R([l({reflect:!0})],S.prototype,"name",2);R([l({reflect:!0})],S.prototype,"value",2);R([l({type:String,reflect:!0})],S.prototype,"type",2);R([l({type:String,reflect:!0})],S.prototype,"href",2);R([l({type:String,reflect:!0,attribute:"data-href"})],S.prototype,"dataHref",2);R([l({type:String})],S.prototype,"text",2);R([l({type:Boolean,reflect:!0})],S.prototype,"selected",2);R([l({type:Boolean,reflect:!0})],S.prototype,"disabled",2);R([l({type:Boolean,reflect:!0})],S.prototype,"fullwidth",2);S=R([f("o-filter-chip")],S);var O5=Object.defineProperty,A=(e,t,i,n)=>{for(var o=void 0,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(t,i,o)||o);return o&&O5(t,i,o),o};const v2=class v2 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`
|
|
2901
2904
|
<o-icon-button
|
|
2902
2905
|
@click=${this.onClickIcons}
|
|
2903
2906
|
icon="occ-chevron-right"
|
|
@@ -3053,7 +3056,7 @@
|
|
|
3053
3056
|
.fullpointer {
|
|
3054
3057
|
cursor: pointer;
|
|
3055
3058
|
}
|
|
3056
|
-
`;let
|
|
3059
|
+
`;let B=v2;A([l({type:String})],B.prototype,"type");A([l({type:String})],B.prototype,"titleProduct");A([l({type:String})],B.prototype,"volume");A([l({type:String})],B.prototype,"perLiter");A([l({type:String})],B.prototype,"mainPrice");A([l({type:String})],B.prototype,"imageUrl");A([l({type:String})],B.prototype,"altImage");A([l({type:Boolean})],B.prototype,"fullwidth");A([l({type:String})],B.prototype,"tagText");A([l({type:Boolean})],B.prototype,"outOfStock");A([l({attribute:!1})],B.prototype,"onClickTile");A([l({attribute:!1})],B.prototype,"onClickIcon");customElements.define("mini-tile",B);var P5=Object.defineProperty,z5=Object.getOwnPropertyDescriptor,D1=(e,t,i,n)=>{for(var o=n>1?void 0:n?z5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&P5(t,i,o),o};let u1=class extends p{constructor(){super(...arguments),this.variant="cart",this.text=0,this.srlabel=""}render(){return a`
|
|
3057
3060
|
<span class="badge">
|
|
3058
3061
|
${this.text?a`${this.text} <span class="sr-only">${this.srlabel}</span>`:a`<slot></slot>`}
|
|
3059
3062
|
</span>
|
|
@@ -3094,7 +3097,7 @@
|
|
|
3094
3097
|
.sr-only {
|
|
3095
3098
|
${o2}
|
|
3096
3099
|
}
|
|
3097
|
-
`;D1([l({type:String,reflect:!0})],u1.prototype,"variant",2);D1([l({type:Number})],u1.prototype,"text",2);D1([l({type:String})],u1.prototype,"srlabel",2);u1=D1([
|
|
3100
|
+
`;D1([l({type:String,reflect:!0})],u1.prototype,"variant",2);D1([l({type:Number})],u1.prototype,"text",2);D1([l({type:String})],u1.prototype,"srlabel",2);u1=D1([f("o-badge")],u1);var I5=Object.defineProperty,D5=Object.getOwnPropertyDescriptor,O=(e,t,i,n)=>{for(var o=n>1?void 0:n?D5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&I5(t,i,o),o};let $=class extends p{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3,this.multiline=!1}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e=="verticaloffset"&&this.style.setProperty("--vertical-offset",i+"px"),e=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",i+"px"),e=="animationduration"&&this.style.setProperty("--animation-duration",i+"ms")}selfCloseAfterDelay(){var e=this;setTimeout(function(){e.animated=!0,e.selfClose()},this.lifeduration)}selfClose(){var e=this;setTimeout(function(){e.remove()},this.animationduration+200)}connectedCallback(){var e=this;super.connectedCallback(),setTimeout(()=>{e.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var n,o;var e=this;const t=(n=this.renderRoot)==null?void 0:n.querySelector("o-icon-button"),i=(o=this.renderRoot)==null?void 0:o.querySelector(".o-toast-text");if(i!=null){const s=window.getComputedStyle(i),r=parseInt(s.getPropertyValue("line-height").replace("px","")),c=parseInt(s.getPropertyValue("height").replace("px",""));!isNaN(r)&&!isNaN(c)&&c>r&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){e.remove()})}render(){const t=U4[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return a`
|
|
3098
3101
|
<div class="o-toast">
|
|
3099
3102
|
<div class="o-toast-icon">
|
|
3100
3103
|
${P(t)}
|
|
@@ -3110,7 +3113,7 @@
|
|
|
3110
3113
|
</o-icon-button>
|
|
3111
3114
|
</div>
|
|
3112
3115
|
</div>
|
|
3113
|
-
`}}
|
|
3116
|
+
`}};$.styles=g`
|
|
3114
3117
|
:host {
|
|
3115
3118
|
--vertical-offset: 24px;
|
|
3116
3119
|
--horizontal-offset: 24px;
|
|
@@ -3187,7 +3190,7 @@
|
|
|
3187
3190
|
.o-toast-icon {
|
|
3188
3191
|
height: 16px;
|
|
3189
3192
|
}
|
|
3190
|
-
`;O([l({type:String,reflect:!0})]
|
|
3193
|
+
`;O([l({type:String,reflect:!0})],$.prototype,"icon",2);O([l({type:String,reflect:!0})],$.prototype,"text",2);O([l({type:String,reflect:!0})],$.prototype,"verticalanchor",2);O([l({type:String,reflect:!0})],$.prototype,"horizontalanchor",2);O([l({type:Number,reflect:!0})],$.prototype,"verticaloffset",2);O([l({type:Number,reflect:!0})],$.prototype,"horizontaloffset",2);O([l({type:Number,reflect:!0})],$.prototype,"animationduration",2);O([l({type:String,reflect:!0})],$.prototype,"animationaxis",2);O([l({type:Boolean,reflect:!0})],$.prototype,"animated",2);O([l({type:Number,reflect:!0})],$.prototype,"lifeduration",2);O([l({type:Boolean,reflect:!0})],$.prototype,"multiline",2);$=O([f("o-toast")],$);var T5=Object.defineProperty,j5=Object.getOwnPropertyDescriptor,I=(e,t,i,n)=>{for(var o=n>1?void 0:n?j5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&T5(t,i,o),o};let R5=0,M=class extends p{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Checkbox",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-checkbox-${++R5}`)}toggle(){this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked,this.inputEl.indeterminate=this.indeterminate)}updated(e){this.syncInput()}handleKeyDown(e){this.disabled||(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this.toggle())}render(){const e=a`<o-icon-button size="${this.size==="L"?"small":"xsmall"}" icon="occ-check-outlined" bgstyle="none-light"></o-icon-button>`,t=a`<o-icon-button size="${this.size==="L"?"small":"xsmall"}" icon="occ-minus" bgstyle="none-light"></o-icon-button>`;return a`
|
|
3191
3194
|
<input
|
|
3192
3195
|
type="checkbox"
|
|
3193
3196
|
id=${this.inputId}
|
|
@@ -3203,7 +3206,7 @@
|
|
|
3203
3206
|
</div>
|
|
3204
3207
|
|
|
3205
3208
|
${this.showLabel?a`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
3206
|
-
`}};
|
|
3209
|
+
`}};M.styles=g`
|
|
3207
3210
|
:host {
|
|
3208
3211
|
display: inline-flex;
|
|
3209
3212
|
align-items: center;
|
|
@@ -3305,7 +3308,7 @@
|
|
|
3305
3308
|
svg path {
|
|
3306
3309
|
stroke: var(--color-border-light);
|
|
3307
3310
|
}
|
|
3308
|
-
`;I([l({type:Boolean,reflect:!0})],
|
|
3311
|
+
`;I([l({type:Boolean,reflect:!0})],M.prototype,"checked",2);I([l({type:Boolean,reflect:!0})],M.prototype,"indeterminate",2);I([l({type:Boolean,reflect:!0})],M.prototype,"disabled",2);I([l({type:String,reflect:!0})],M.prototype,"size",2);I([l({type:Boolean})],M.prototype,"showLabel",2);I([l({type:String})],M.prototype,"label",2);I([l({type:String})],M.prototype,"name",2);I([l({type:String})],M.prototype,"value",2);I([l({type:String,reflect:!0})],M.prototype,"inputId",2);I([i2("input")],M.prototype,"inputEl",2);M=I([f("o-checkbox")],M);var U5=Object.defineProperty,q5=Object.getOwnPropertyDescriptor,U=(e,t,i,n)=>{for(var o=n>1?void 0:n?q5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&U5(t,i,o),o};let N5=0,F=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-${++N5}`)}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`
|
|
3309
3312
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
3310
3313
|
|
|
3311
3314
|
<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}>
|
|
@@ -3402,7 +3405,7 @@
|
|
|
3402
3405
|
width: 0;
|
|
3403
3406
|
height: 0;
|
|
3404
3407
|
}
|
|
3405
|
-
`;U([l({type:Boolean,reflect:!0})],F.prototype,"checked",2);U([l({type:Boolean,reflect:!0})],F.prototype,"disabled",2);U([l({type:String,reflect:!0})],F.prototype,"size",2);U([l({type:Boolean})],F.prototype,"showLabel",2);U([l({type:String})],F.prototype,"label",2);U([l({type:String})],F.prototype,"name",2);U([l({type:String})],F.prototype,"value",2);U([l({type:String,reflect:!0})],F.prototype,"inputId",2);U([i2("input")],F.prototype,"inputEl",2);F=U([
|
|
3408
|
+
`;U([l({type:Boolean,reflect:!0})],F.prototype,"checked",2);U([l({type:Boolean,reflect:!0})],F.prototype,"disabled",2);U([l({type:String,reflect:!0})],F.prototype,"size",2);U([l({type:Boolean})],F.prototype,"showLabel",2);U([l({type:String})],F.prototype,"label",2);U([l({type:String})],F.prototype,"name",2);U([l({type:String})],F.prototype,"value",2);U([l({type:String,reflect:!0})],F.prototype,"inputId",2);U([i2("input")],F.prototype,"inputEl",2);F=U([f("o-radio")],F);var K5=Object.getOwnPropertyDescriptor,W5=(e,t,i,n)=>{for(var o=n>1?void 0:n?K5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let X1=class extends p{render(){return a`
|
|
3406
3409
|
<nav aria-label="Breadcrumbs">
|
|
3407
3410
|
<ul>
|
|
3408
3411
|
<slot></slot>
|
|
@@ -3419,7 +3422,7 @@
|
|
|
3419
3422
|
margin: var(--spacing-4-xs);
|
|
3420
3423
|
padding: var(--spacing-4-xs);
|
|
3421
3424
|
}
|
|
3422
|
-
`;X1=W5([
|
|
3425
|
+
`;X1=W5([f("o-breadcrumbs")],X1);var G5=Object.defineProperty,X5=Object.getOwnPropertyDescriptor,g2=(e,t,i,n)=>{for(var o=n>1?void 0:n?X5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&G5(t,i,o),o};let E1=class extends p{constructor(){super(...arguments),this.href="",this.active=!1}_handleClick(e){(!this.href||this.href==="#")&&e.preventDefault()}render(){return this.active?a`<p aria-current="page"><slot></slot></p>`:a`
|
|
3423
3426
|
<li>
|
|
3424
3427
|
<a
|
|
3425
3428
|
href="${this.href}"
|
|
@@ -3470,7 +3473,7 @@
|
|
|
3470
3473
|
:host(.a--tabfocus) {
|
|
3471
3474
|
outline: none !important;
|
|
3472
3475
|
}
|
|
3473
|
-
`;g2([l({type:String})],E1.prototype,"href",2);g2([l({type:Boolean,reflect:!0})],E1.prototype,"active",2);E1=g2([
|
|
3476
|
+
`;g2([l({type:String})],E1.prototype,"href",2);g2([l({type:Boolean,reflect:!0})],E1.prototype,"active",2);E1=g2([f("o-breadcrumb")],E1);var J5=Object.defineProperty,Y5=Object.getOwnPropertyDescriptor,c1=(e,t,i,n)=>{for(var o=n>1?void 0:n?Y5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&J5(t,i,o),o};let K=class extends p{constructor(){super(...arguments),this.imageUrl="",this.imageAlt="",this.hoverUrl="",this.hoverAlt="",this.dimmed=!1,this.showHover=!1}render(){return a`<div class="card">
|
|
3474
3477
|
<svg aria-hidden="true">
|
|
3475
3478
|
<defs>
|
|
3476
3479
|
<clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
|
|
@@ -3565,7 +3568,7 @@
|
|
|
3565
3568
|
:host([dimmed]) .overlay {
|
|
3566
3569
|
opacity: var(--overlay-opacity, 1);
|
|
3567
3570
|
}
|
|
3568
|
-
`;c1([l({type:String})],K.prototype,"imageUrl",2);c1([l({type:String})],K.prototype,"imageAlt",2);c1([l({type:String})],K.prototype,"hoverUrl",2);c1([l({type:String})],K.prototype,"hoverAlt",2);c1([l({type:Boolean,reflect:!0})],K.prototype,"dimmed",2);c1([l({type:Boolean,reflect:!0,attribute:"showhover"})],K.prototype,"showHover",2);K=c1([
|
|
3571
|
+
`;c1([l({type:String})],K.prototype,"imageUrl",2);c1([l({type:String})],K.prototype,"imageAlt",2);c1([l({type:String})],K.prototype,"hoverUrl",2);c1([l({type:String})],K.prototype,"hoverAlt",2);c1([l({type:Boolean,reflect:!0})],K.prototype,"dimmed",2);c1([l({type:Boolean,reflect:!0,attribute:"showhover"})],K.prototype,"showHover",2);K=c1([f("o-arch-image")],K);const Q5=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
3569
3572
|
<svg
|
|
3570
3573
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
3571
3574
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -3832,7 +3835,7 @@
|
|
|
3832
3835
|
from { transform: translateY(10px) scale(.98); opacity: 0; }
|
|
3833
3836
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
3834
3837
|
}
|
|
3835
|
-
`;let y=f2;V([l({type:Boolean,reflect:!0})],y.prototype,"ispagedesigner",2);V([l({type:String,reflect:!0})],y.prototype,"classPopin",1);V([l({type:Boolean,reflect:!0})],y.prototype,"open",2);V([l({type:String,reflect:!0})],y.prototype,"background",2);V([l({type:String,attribute:"background-url",reflect:!0})],y.prototype,"backgroundUrl",2);V([l({type:Boolean,attribute:"close-on-esc"})],y.prototype,"closeOnEsc",2);V([l({type:Boolean,attribute:"close-on-backdrop"})],y.prototype,"closeOnBackdrop",2);V([l({type:Boolean,attribute:"lock-scroll"})],y.prototype,"lockScroll",2);V([l({type:String,reflect:!0})],y.prototype,"variant",2);V([l({type:String,attribute:"max-width"})],y.prototype,"maxWidth",2);V([l({type:Boolean,reflect:!0})],y.prototype,"showBackButton",2);V([l({type:Boolean,reflect:!0})],y.prototype,"contrast",2);V([l({type:String,reflect:!0})],y.prototype,"iconSize",2);V([l({type:Boolean,attribute:"hide-header-on-scroll"})],y.prototype,"hideHeaderOnScroll",2);V([G()],y.prototype,"_labelId",2);V([G()],y.prototype,"_headerHidden",2);customElements.define("o-popin",y);var i0=Object.defineProperty,o0=Object.getOwnPropertyDescriptor,x=(e,t,i,n)=>{for(var o=n>1?void 0:n?o0(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&i0(t,i,o),o};let
|
|
3838
|
+
`;let y=f2;V([l({type:Boolean,reflect:!0})],y.prototype,"ispagedesigner",2);V([l({type:String,reflect:!0})],y.prototype,"classPopin",1);V([l({type:Boolean,reflect:!0})],y.prototype,"open",2);V([l({type:String,reflect:!0})],y.prototype,"background",2);V([l({type:String,attribute:"background-url",reflect:!0})],y.prototype,"backgroundUrl",2);V([l({type:Boolean,attribute:"close-on-esc"})],y.prototype,"closeOnEsc",2);V([l({type:Boolean,attribute:"close-on-backdrop"})],y.prototype,"closeOnBackdrop",2);V([l({type:Boolean,attribute:"lock-scroll"})],y.prototype,"lockScroll",2);V([l({type:String,reflect:!0})],y.prototype,"variant",2);V([l({type:String,attribute:"max-width"})],y.prototype,"maxWidth",2);V([l({type:Boolean,reflect:!0})],y.prototype,"showBackButton",2);V([l({type:Boolean,reflect:!0})],y.prototype,"contrast",2);V([l({type:String,reflect:!0})],y.prototype,"iconSize",2);V([l({type:Boolean,attribute:"hide-header-on-scroll"})],y.prototype,"hideHeaderOnScroll",2);V([G()],y.prototype,"_labelId",2);V([G()],y.prototype,"_headerHidden",2);customElements.define("o-popin",y);var i0=Object.defineProperty,o0=Object.getOwnPropertyDescriptor,x=(e,t,i,n)=>{for(var o=n>1?void 0:n?o0(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&i0(t,i,o),o};let L=class extends p{constructor(){super(...arguments),this.type="cart | notifyme",this.titleProduct="",this.descriptionProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.salesPercentage="",this.oldPrice="",this.imageUrl="https://placehold.co/112x140",this.outOfStock=!1,this.outOfStockText="Out of stock",this.altImage="",this.fullwidth=!1,this.current=!1,this.hideIcon=!1,this.tagText=""}onClick(e){var i,n,o;const t=e.target;(i=t==null?void 0:t.classList)!=null&&i.contains("add-to-bag")||(n=t==null?void 0:t.classList)!=null&&n.contains("js-availability-notify-details-routine")||((o=this.onClickTile)==null||o.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var e;(e=this.onClickIcon)==null||e.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.hideIcon?"":a`
|
|
3836
3839
|
<o-icon-button
|
|
3837
3840
|
@click=${this.onClickIcons}
|
|
3838
3841
|
icon=${this.type==="notifyme"?"notifyme":"cart"}
|
|
@@ -3877,7 +3880,7 @@
|
|
|
3877
3880
|
</div>
|
|
3878
3881
|
</div>
|
|
3879
3882
|
</button>
|
|
3880
|
-
`}};
|
|
3883
|
+
`}};L.styles=g`
|
|
3881
3884
|
:host {
|
|
3882
3885
|
display: block;
|
|
3883
3886
|
max-width: 100%;
|
|
@@ -4045,7 +4048,7 @@
|
|
|
4045
4048
|
.fullpointer {
|
|
4046
4049
|
cursor: pointer;
|
|
4047
4050
|
}
|
|
4048
|
-
`;x([l({type:String})],
|
|
4051
|
+
`;x([l({type:String})],L.prototype,"type",2);x([l({type:String})],L.prototype,"titleProduct",2);x([l({type:String})],L.prototype,"descriptionProduct",2);x([l({type:String})],L.prototype,"volume",2);x([l({type:String})],L.prototype,"perLiter",2);x([l({type:String})],L.prototype,"mainPrice",2);x([l({type:String})],L.prototype,"salesPercentage",2);x([l({type:String})],L.prototype,"oldPrice",2);x([l({type:String})],L.prototype,"imageUrl",2);x([l({type:Boolean})],L.prototype,"outOfStock",2);x([l({type:String})],L.prototype,"outOfStockText",2);x([l({type:String})],L.prototype,"altImage",2);x([l({type:Boolean})],L.prototype,"fullwidth",2);x([l({type:Boolean})],L.prototype,"current",2);x([l({type:Boolean})],L.prototype,"hideIcon",2);x([l({type:String})],L.prototype,"tagText",2);x([l({attribute:!1})],L.prototype,"onClickTile",2);x([l({attribute:!1})],L.prototype,"onClickIcon",2);L=x([f("o-medium-tile")],L);var n0=Object.defineProperty,s0=Object.getOwnPropertyDescriptor,h1=(e,t,i,n)=>{for(var o=n>1?void 0:n?s0(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&n0(t,i,o),o};let W=class extends p{constructor(){super(...arguments),this.text="",this.class="",this.data="",this.link="",this.selected=!1,this.inactive=!1}handleClick(e){e.preventDefault(),this.selected||(this.selected=!0);const t={tab:this,link:this.link,data:this.data,selected:this.selected};this.dispatchEvent(new CustomEvent("selected",{bubbles:!0,composed:!0,detail:t}))}render(){return a`
|
|
4049
4052
|
<a href="${this.link}" class="o-tab" role="tab"
|
|
4050
4053
|
@click=${this.handleClick} data-url="${this.data?this.data:d}"
|
|
4051
4054
|
tabindex="${this.inactive?"-1":d}" aria-selected="${this.selected?"true":d}">
|
|
@@ -4127,11 +4130,11 @@
|
|
|
4127
4130
|
.o-tab:focus-visible {
|
|
4128
4131
|
${X};
|
|
4129
4132
|
}
|
|
4130
|
-
`;h1([l({type:String})],W.prototype,"text",2);h1([l({type:String})],W.prototype,"class",2);h1([l({type:String})],W.prototype,"data",2);h1([l({type:String,reflect:!0})],W.prototype,"link",2);h1([l({type:Boolean,reflect:!0})],W.prototype,"selected",2);h1([l({type:Boolean,reflect:!0})],W.prototype,"inactive",2);W=h1([
|
|
4133
|
+
`;h1([l({type:String})],W.prototype,"text",2);h1([l({type:String})],W.prototype,"class",2);h1([l({type:String})],W.prototype,"data",2);h1([l({type:String,reflect:!0})],W.prototype,"link",2);h1([l({type:Boolean,reflect:!0})],W.prototype,"selected",2);h1([l({type:Boolean,reflect:!0})],W.prototype,"inactive",2);W=h1([f("o-tab")],W);var r0=Object.getOwnPropertyDescriptor,l0=(e,t,i,n)=>{for(var o=n>1?void 0:n?r0(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let J1=class extends p{constructor(){super(),this.addEventListener("selected",this.onTabSelected)}onTabSelected(e){var i;const t=(i=e.detail)==null?void 0:i.tab;t&&this.querySelectorAll("o-tab").forEach(n=>{n.selected=n===t})}firstUpdated(){const e=this.querySelectorAll("o-tab");!Array.from(e).some(t=>t.selected)&&e.length>0&&(e[0].selected=!0)}render(){return a`
|
|
4131
4134
|
<div role="tablist">
|
|
4132
4135
|
<slot></slot>
|
|
4133
4136
|
</div>
|
|
4134
|
-
`}};
|
|
4137
|
+
`}};J1.styles=g`
|
|
4135
4138
|
:host {
|
|
4136
4139
|
display: flex;
|
|
4137
4140
|
flex-direction: row;
|
|
@@ -4139,7 +4142,7 @@
|
|
|
4139
4142
|
align-items: center;
|
|
4140
4143
|
gap: var(--spacing-s);
|
|
4141
4144
|
}
|
|
4142
|
-
`;
|
|
4145
|
+
`;J1=l0([f("o-tablist")],J1);var a0=Object.defineProperty,c0=Object.getOwnPropertyDescriptor,T1=(e,t,i,n)=>{for(var o=n>1?void 0:n?c0(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&a0(t,i,o),o};let h0=0,v1=class extends p{constructor(){super(),this.label="",this.expanded=!1,this.disabled=!1;const e=++h0;this.headerId=`o-accordion-header-${e}`,this.panelId=`o-accordion-panel-${e}`}toggle(){this.disabled||(this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}render(){return a`
|
|
4143
4146
|
<button
|
|
4144
4147
|
id=${this.headerId}
|
|
4145
4148
|
class="header"
|
|
@@ -4281,8 +4284,8 @@
|
|
|
4281
4284
|
:host([expanded]) .panel-inner {
|
|
4282
4285
|
padding-bottom: var(--spacing-3-xl);
|
|
4283
4286
|
}
|
|
4284
|
-
`;T1([l({type:String})],v1.prototype,"label",2);T1([l({type:Boolean,reflect:!0})],v1.prototype,"expanded",2);T1([l({type:Boolean,reflect:!0})],v1.prototype,"disabled",2);v1=T1([
|
|
4287
|
+
`;T1([l({type:String})],v1.prototype,"label",2);T1([l({type:Boolean,reflect:!0})],v1.prototype,"expanded",2);T1([l({type:Boolean,reflect:!0})],v1.prototype,"disabled",2);v1=T1([f("o-accordion")],v1);var d0=Object.defineProperty,p0=Object.getOwnPropertyDescriptor,u2=(e,t,i,n)=>{for(var o=n>1?void 0:n?p0(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&d0(t,i,o),o};let M1=class extends p{constructor(){super(),this.single=!1,this.handleAccordionChange=e=>{var i;if(!this.single)return;const t=e.target;!t||((i=t.tagName)==null?void 0:i.toLowerCase())!=="o-accordion"||t.expanded&&this.getAccordions().forEach(n=>{n!==t&&(n.expanded=!1)})},this.enforceSingleOpen=()=>{if(!this.single)return;let e=!1;this.getAccordions().forEach(t=>{t.expanded&&(e?t.expanded=!1:e=!0)})},this.addEventListener("change",this.handleAccordionChange)}firstUpdated(){var e;this.enforceSingleOpen(),(e=this.defaultSlot)==null||e.addEventListener("slotchange",this.enforceSingleOpen)}disconnectedCallback(){var e;(e=this.defaultSlot)==null||e.removeEventListener("slotchange",this.enforceSingleOpen),super.disconnectedCallback()}updated(e){e.has("single")&&this.single&&this.enforceSingleOpen()}getAccordions(){return Array.from(this.querySelectorAll("o-accordion"))}render(){return a`<slot></slot>`}};M1.styles=g`
|
|
4285
4288
|
:host {
|
|
4286
4289
|
display: block;
|
|
4287
4290
|
}
|
|
4288
|
-
`;u2([l({type:Boolean,reflect:!0})],M1.prototype,"single",2);u2([i2("slot")],M1.prototype,"defaultSlot",2);M1=u2([
|
|
4291
|
+
`;u2([l({type:Boolean,reflect:!0})],M1.prototype,"single",2);u2([i2("slot")],M1.prototype,"defaultSlot",2);M1=u2([f("o-accordion-group")],M1);
|