@florid-kit/components 0.11.0 → 1.0.0

package/index.mjs

@@ -3,7 +3,7 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const S1 = globalThis, J1 = S1.ShadowRoot && (S1.ShadyCSS === void 0 || S1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Q1 = Symbol(), w2 = /* @__PURE__ */ new WeakMap();
+const S1 = globalThis, Y1 = S1.ShadowRoot && (S1.ShadyCSS === void 0 || S1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Q1 = Symbol(), w2 = /* @__PURE__ */ 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.");
@@ -12,7 +12,7 @@ let _2 = class {
   get styleSheet() {
     let t = this.o;
     const i = this.t;
-    if (J1 && t === void 0) {
+    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));
     }
@@ -30,12 +30,12 @@ const D2 = (e) => new _2(typeof e == "string" ? e : e + "", void 0, Q1), g = (e,
   })(o) + e[s + 1], e[0]);
   return new _2(i, e, Q1);
 }, T2 = (e, t) => {
-  if (J1) e.adoptedStyleSheets = t.map((i) => i instanceof CSSStyleSheet ? i : i.styleSheet);
+  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 = J1 ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, b2 = Y1 ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let i = "";
   for (const n of t.cssRules) i += n.cssText;
   return D2(i);
@@ -284,20 +284,20 @@ d1.elementStyles = [], d1.shadowRootOptions = { mode: "open" }, d1[w1("elementPr
  */
 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 = `[ 	
 \f\r]`, f1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, x2 = /-->/g, H2 = />/g, n1 = RegExp(`>|${R1}(?:([^\\s"'>=/]+)(${R1}*=${R1}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), V2 = /'/g, $2 = /"/g, A2 = /^(?:script|style|textarea|title)$/i, Y2 = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), a = Y2(1), i1 = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), B2 = /* @__PURE__ */ new WeakMap(), s1 = l1.createTreeWalker(l1, 129);
+\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 = /* @__PURE__ */ 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 J2 = (e, 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, L, f = -1, q = 0;
-    for (; q < h.length && (r.lastIndex = q, L = r.exec(h), L !== null); ) q = r.lastIndex, r === f1 ? L[1] === "!--" ? r = x2 : L[1] !== void 0 ? r = H2 : L[2] !== void 0 ? (A2.test(L[2]) && (o = RegExp("</" + L[2], "g")), r = n1) : L[3] !== void 0 && (r = n1) : r === n1 ? L[0] === ">" ? (r = o ?? f1, f = -1) : L[1] === void 0 ? f = -2 : (f = r.lastIndex - L[2].length, u = L[1], r = L[3] === void 0 ? n1 : L[3] === '"' ? $2 : V2) : r === $2 || r === V2 ? r = n1 : r === x2 || r === H2 ? r = f1 : (r = n1, o = void 0);
+    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 : f >= 0 ? (n.push(u), h.slice(0, f) + S2 + h.slice(f) + t1 + Q) : h + t1 + (f === -2 ? c : Q);
+    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];
 };
@@ -306,29 +306,29 @@ class x1 {
     let o;
     this.parts = [];
     let s = 0, r = 0;
-    const c = t.length - 1, h = this.parts, [u, L] = J2(t, i);
+    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 f = this.el.content.firstChild;
-      f.replaceWith(...f.childNodes);
+      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 f of o.getAttributeNames()) if (f.endsWith(S2)) {
-          const q = L[r++], Q = o.getAttribute(f).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(f);
-        } else f.startsWith(t1) && (h.push({ type: 6, index: s }), o.removeAttribute(f));
+        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 f = o.textContent.split(t1), q = f.length - 1;
+          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(f[Q], L1()), s1.nextNode(), h.push({ type: 2, index: ++s });
-            o.append(f[q], L1());
+            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 f = -1;
-        for (; (f = o.data.indexOf(t1, f + 1)) !== -1; ) h.push({ type: 7, index: s }), f += t1.length - 1;
+        let v = -1;
+        for (; (v = o.data.indexOf(t1, v + 1)) !== -1; ) h.push({ type: 7, index: s }), v += t1.length - 1;
       }
       s++;
     }
@@ -414,8 +414,8 @@ class k1 {
     }
   }
   _$AC(t) {
-    let i = B2.get(t.strings);
-    return i === void 0 && B2.set(t.strings, i = new x1(t)), i;
+    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());
@@ -554,7 +554,7 @@ q1 == null || q1({ LitElement: p });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const v = (e) => (t, i) => {
+const f = (e) => (t, i) => {
   i !== void 0 ? i.addInitializer(() => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
@@ -749,10 +749,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, V3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
-`, $3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, B3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
-`, B3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
 `, E3 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -827,10 +827,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, X3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
-`, Y3 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, J3 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
-`, J3 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Y3 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 <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"/>
 <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"/>
@@ -965,11 +965,11 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <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"/>
 <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"/>
 </svg>
-`, $t = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Bt = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 <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"/>
 </svg>
-`, Bt = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $t = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 <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"/>
 </svg>
@@ -1054,10 +1054,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, Xt = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
-`, Yt = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Jt = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
-`, Jt = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Yt = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 <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"/>
 </svg>
@@ -1188,11 +1188,11 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <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"/>
 <path d="M7.91 8.8H6.77V9.4H8.49V7.61H7.91V8.8Z" fill="#3F2B2E"/>
 </svg>
-`, $6 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, B6 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 <path d="M10.69 11.7675H9.1V12.6781H11.61V10.2065H10.69V11.7675Z" fill="#3F2B2E"/>
 </svg>
-`, B6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 <path d="M16.2528 17.8777H13.6241V18.7781H17.1723V15.3165H16.2528V17.8777Z" fill="#3F2B2E"/>
 </svg>
@@ -1289,11 +1289,11 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <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"/>
 <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"/>
 </svg>
-`, Y6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, J6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 <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"/>
 </svg>
-`, J6 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Y6 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 <path d="M6.8504 1.56L6.7704 0.5H5.2104L5.1304 1.56H6.8504Z" fill="#3F2B2E"/>
 </svg>
@@ -1395,10 +1395,10 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, V4 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
-`, $4 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, B4 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
-`, B4 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $4 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <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"/>
 </svg>
 `, E4 = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -1449,8 +1449,8 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   arrowTop: x3,
   cart: H3,
   notifyme: V3,
-  triangledown: $3,
-  triangleup: B3,
+  triangledown: B3,
+  triangleup: $3,
   checkstroke: E3,
   pause: M3,
   mapDualArrow: k3,
@@ -1463,8 +1463,8 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "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: Y3 },
-  "occ-bag-strike": { small: J3, medium: Q3, large: tt },
+  "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 },
@@ -1473,7 +1473,7 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "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: $t, large: Bt },
+  "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 },
@@ -1481,8 +1481,8 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "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: Yt },
-  "occ-eye-show": { small: Jt, medium: Qt, large: t6 },
+  "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 },
@@ -1491,7 +1491,7 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "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: $6, large: B6 },
+  "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 },
@@ -1499,8 +1499,8 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "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: Y6 },
-  "occ-refill": { small: J6, medium: Q6, large: t4 },
+  "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 },
@@ -1509,7 +1509,7 @@ const c3 = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "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: $4, large: B4 },
+  "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 },
@@ -1693,7 +1693,7 @@ class X4 extends G4 {
         (!t || !(o in t) && n[o] === i[o]) && (n[o] = void 0);
   }
 }
-class Y4 extends X4 {
+class J4 extends X4 {
   constructor() {
     super(...arguments), this.eventData = {};
   }
@@ -1737,7 +1737,7 @@ class Y4 extends X4 {
     }
   }
 }
-class J4 extends Y4 {
+class Y4 extends J4 {
   apply(t) {
     if (!t)
       return;
@@ -1786,13 +1786,13 @@ class J4 extends Y4 {
       }
   }
 }
-const k2 = a2(J4);
+const k2 = a2(Y4);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const M = (e) => e ?? d;
+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);
@@ -1820,7 +1820,7 @@ let k = class extends p {
 			` : a`
 				<button
 					type="button"
-					aria-label=${M(h)}
+					aria-label=${E(h)}
 					aria-describedby=${this.getAttribute("aria-describedby") || d}
 					class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}"
 					?disabled="${this.disabled}"
@@ -2043,7 +2043,7 @@ T([
   l({ type: String })
 ], k.prototype, "srLabel", 2);
 k = T([
-  v("o-icon-button")
+  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--)
@@ -2154,12 +2154,12 @@ let C = class extends p {
       }
     }
     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, L = (f) => {
-        e.preventDefault(), e.stopPropagation(), f.focus();
+      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 L(c);
-        if (e.shiftKey && i === c) return L(u);
+        if (!e.shiftKey && i === u) return b(c);
+        if (e.shiftKey && i === c) return b(u);
       }
     }
     const o = this.renderRoot.querySelector(".close-btn");
@@ -2656,7 +2656,7 @@ w([
   l({ type: Boolean })
 ], C.prototype, "isHidingDetail", 2);
 C = w([
-  v("o-side-panel")
+  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--)
@@ -2664,7 +2664,7 @@ var o5 = Object.defineProperty, n5 = Object.getOwnPropertyDescriptor, H = (e, t,
   return n && o && o5(t, i, o), o;
 };
 const s5 = s2(p);
-let b = class extends s5 {
+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;
   }
@@ -2733,9 +2733,9 @@ let b = class extends s5 {
     `;
   }
 };
-a3(b);
-b.formAssociated = !0;
-b.styles = g`
+a3(m);
+m.formAssociated = !0;
+m.styles = g`
     :host {
       --button-border: transparent;
       --badge-outer-width: 19px;
@@ -2944,58 +2944,58 @@ b.styles = g`
   `;
 H([
   l()
-], b.prototype, "type", 2);
+], m.prototype, "type", 2);
 H([
   l()
-], b.prototype, "value", 2);
+], m.prototype, "value", 2);
 H([
   l({ type: String, reflect: !0 })
-], b.prototype, "variant", 2);
+], m.prototype, "variant", 2);
 H([
   l({ type: String })
-], b.prototype, "text", 2);
+], m.prototype, "text", 2);
 H([
   l({ type: String })
-], b.prototype, "textsecond", 2);
+], m.prototype, "textsecond", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "fullwidth", 2);
+], m.prototype, "fullwidth", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "disabled", 2);
+], m.prototype, "disabled", 2);
 H([
   l({ type: String })
-], b.prototype, "startIconModel", 2);
+], m.prototype, "startIconModel", 2);
 H([
   l({ type: String })
-], b.prototype, "endIconModel", 2);
+], m.prototype, "endIconModel", 2);
 H([
   l({ type: Boolean, reflect: !0, attribute: "starticon" })
-], b.prototype, "startIcon", 2);
+], m.prototype, "startIcon", 2);
 H([
   l({ type: Boolean, reflect: !0, attribute: "endicon" })
-], b.prototype, "endIcon", 2);
+], m.prototype, "endIcon", 2);
 H([
   l({ type: String, attribute: "paneltarget" })
-], b.prototype, "panelTarget", 2);
+], m.prototype, "panelTarget", 2);
 H([
   l({ type: String })
-], b.prototype, "href", 2);
+], m.prototype, "href", 2);
 H([
   l({ type: String })
-], b.prototype, "target", 2);
+], m.prototype, "target", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "underlined", 2);
+], m.prototype, "underlined", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "withbadge", 2);
+], m.prototype, "withbadge", 2);
 H([
   l({ type: Boolean, reflect: !0 })
-], b.prototype, "hideRoleButton", 2);
-b = H([
-  v("o-button")
-], b);
+], 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);
@@ -3107,7 +3107,7 @@ z1([
   l({ type: String, reflect: !0 })
 ], C1.prototype, "label", 2);
 C1 = z1([
-  v("o-wishlist-button")
+  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--)
@@ -3147,7 +3147,7 @@ let N = class extends p {
                     <a
                         class="link-wrapper"
                         href="${this.href}"
-                        target="${M(this.target || void 0)}"
+                        target="${E(this.target || void 0)}"
                         @click="${this._handleClick}"
                     >
                         ${t}
@@ -3261,7 +3261,7 @@ a1([
   l({ type: Boolean, reflect: !0 })
 ], N.prototype, "reverseEndIcon", 2);
 N = a1([
-  v("o-link")
+  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--)
@@ -3339,7 +3339,7 @@ I1([
   l({ type: String })
 ], g1.prototype, "href", 2);
 g1 = I1([
-  v("o-rating")
+  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--)
@@ -3564,7 +3564,7 @@ o1([
   G()
 ], D.prototype, "focusedIndex", 2);
 D = o1([
-  v("thumbnail-navigation")
+  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--)
@@ -3645,7 +3645,7 @@ h2([
   l({ type: String, reflect: !0 })
 ], H1.prototype, "bgstyle", 2);
 H1 = h2([
-  v("o-tag")
+  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--)
@@ -3765,9 +3765,9 @@ d2([
   l({ type: String, reflect: !0 })
 ], V1.prototype, "text", 2);
 V1 = d2([
-  v("o-tooltip")
+  f("o-tooltip")
 ], V1);
-var w5 = Object.defineProperty, b5 = Object.getOwnPropertyDescriptor, Y = (e, t, i, n) => {
+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;
@@ -4034,32 +4034,32 @@ z.styles = g`
       display: none;
     }
   `;
-Y([
+J([
   l({ type: Array, reflect: !0 })
 ], z.prototype, "options", 2);
-Y([
+J([
   l({ type: String, reflect: !0 })
 ], z.prototype, "value", 2);
-Y([
+J([
   l({ type: String, reflect: !0 })
 ], z.prototype, "name", 2);
-Y([
+J([
   l({ type: Boolean, reflect: !0 })
 ], z.prototype, "disabled", 2);
-Y([
+J([
   l({ type: String, reflect: !0 })
 ], z.prototype, "width", 2);
-Y([
+J([
   G()
 ], z.prototype, "open", 2);
-Y([
+J([
   G()
 ], z.prototype, "activeIndex", 2);
-Y([
+J([
   G()
 ], z.prototype, "menuWidth", 2);
-z = Y([
-  v("o-dropdown")
+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--)
@@ -4115,7 +4115,7 @@ G1.styles = g`
   }
 `;
 G1 = L5([
-  v("o-dots")
+  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--)
@@ -4124,16 +4124,76 @@ var y5 = Object.defineProperty, x5 = Object.getOwnPropertyDescriptor, j = (e, t,
 };
 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._handleOutsideClick = (e) => {
-      this.contains(e.target) || (this.open = !1, this.activeIndex = -1);
+    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 = /* @__PURE__ */ new Set(), this._pendingByKey = /* @__PURE__ */ 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: 0.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) {
@@ -4141,7 +4201,9 @@ let Z = class extends p {
         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.open ? this.updateComplete.then(() => {
+        this._focusActiveOption(), this._startObserveVisibleItems();
+      }) : this._stopObserveVisibleItems();
     }
   }
   _focusActiveOption() {
@@ -4206,7 +4268,7 @@ let Z = class extends p {
 				?disabled=${this.disabled}
 				class="btn-dropdown"
 			>
-				<img alt="${M(t == null ? void 0 : t.label)}" src="${M(t == null ? void 0 : t.imgurl)}" />
+				<img alt="${E(t == null ? void 0 : t.label)}" src="${E(t == null ? void 0 : t.imgurl)}" />
 				<span id="dropdown-label" class="label">
 					${t ? t.label : "Select an option"}
 				</span>
@@ -4235,17 +4297,20 @@ let Z = class extends p {
 								<li
 									id="option-${n}"
 									role="option"
+									data-index="${n}"
+									data-product="${E(i.dataproduct)}"
 									aria-selected="${i.value === this.value}"
 									aria-disabled="${i.disabled ? "true" : "false"}"
 									tabindex="${n === this.activeIndex ? "0" : "-1"}"
 									class="${n === this.activeIndex ? "active" : ""} ${i.disabled ? "disabled" : ""}"
 									@click=${() => this.selectOption(i)}
 								>
-									<a href="${M(i.url)}">
-										<img alt="${M(i.label)}" src="${M(i.imgurl)}" />
+
+									<a href="${E(i.url)}">
+										<img alt="${E(i.label)}" src="${E(i.imgurl)}" />
 										<span class="label">${i.label}</span>
 										<div class="right">
-											<span class="additional-text">${M(i.additionaltext)}</span>
+											<span class="additional-text">${E(i.additionaltext)}</span>
 											${i.value === this.value && !i.additionaltext ? a`
 												<span class="check">${P(e)}</span>` : null}
 										</div>
@@ -4464,7 +4529,7 @@ j([
   G()
 ], Z.prototype, "menuWidth", 2);
 Z = j([
-  v("o-dropdown-variant")
+  f("o-dropdown-variant")
 ], Z);
 /**
  * @license
@@ -4497,12 +4562,12 @@ const I2 = "important", H5 = " !" + I2, V5 = a2(class extends c2 {
     return i1;
   }
 });
-var $5 = Object.defineProperty, B5 = Object.getOwnPropertyDescriptor, p2 = (e, t, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? B5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
+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 && $5(t, i, o), o;
+  return n && o && B5(t, i, o), o;
 };
-let $1 = class extends p {
+let B1 = class extends p {
   constructor() {
     super(...arguments), this.option = {}, this.imageSize = 64;
   }
@@ -4514,16 +4579,16 @@ let $1 = class extends p {
       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`
-      ${this.option.imgurl ? a`<img src="${this.option.imgurl}" alt="${M(n)}" aria-hidden="true" style=${V5(i)} />` : ""}
+      ${this.option.imgurl ? a`<img src="${this.option.imgurl}" alt="${E(n)}" aria-hidden="true" style=${V5(i)} />` : ""}
       <div class="m-reassurance-content">
-        <h3 class="a-reassurance-text">${M(n)}</h3>
-        <p class="a-reassurance-description">${M(o)}</p>
+        <h3 class="a-reassurance-text">${E(n)}</h3>
+        <p class="a-reassurance-description">${E(o)}</p>
       </div>
     `;
-    return t ? a`<a href="${M(this.option.url)}" class="reassurance-item clickable">${s}</a>` : a`<div class="reassurance-item">${s}</div>`;
+    return t ? a`<a href="${E(this.option.url)}" class="reassurance-item clickable">${s}</a>` : a`<div class="reassurance-item">${s}</div>`;
   }
 };
-$1.styles = g`
+B1.styles = g`
     :host {
       display: inline-block;
       position: relative;
@@ -4607,14 +4672,14 @@ $1.styles = g`
   `;
 p2([
   l({ type: Object, reflect: !0 })
-], $1.prototype, "option", 2);
+], B1.prototype, "option", 2);
 p2([
   l({ type: Number, reflect: !0 })
-], $1.prototype, "imageSize", 2);
-$1 = p2([
-  v("o-reassurance")
-], $1);
-var E5 = Object.defineProperty, M5 = Object.getOwnPropertyDescriptor, J = (e, t, i, n) => {
+], 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;
@@ -4738,39 +4803,39 @@ _.styles = g`
       align-items: center;
     }
   `;
-J([
+Y([
   l({ type: String, reflect: !0 })
 ], _.prototype, "link", 2);
-J([
+Y([
   l({ reflect: !0 })
 ], _.prototype, "name", 2);
-J([
+Y([
   l({ reflect: !0 })
 ], _.prototype, "value", 2);
-J([
+Y([
   l({ type: String })
 ], _.prototype, "text", 2);
-J([
+Y([
   l({ type: String, reflect: !0 })
 ], _.prototype, "size", 2);
-J([
+Y([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "selected", 2);
-J([
+Y([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "fullwidth", 2);
-J([
+Y([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "inactive", 2);
-_ = J([
-  v("o-chip")
+_ = 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 B1 = class extends p {
+let $1 = class extends p {
   constructor() {
     super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
   }
@@ -4786,7 +4851,7 @@ let B1 = class extends p {
     `;
   }
 };
-B1.styles = g`
+$1.styles = g`
     :host {
       display: flex;
       flex-direction: row;
@@ -4796,13 +4861,13 @@ B1.styles = g`
   `;
 C2([
   l({ reflect: !0 })
-], B1.prototype, "name", 2);
+], $1.prototype, "name", 2);
 C2([
   l({ reflect: !0 })
-], B1.prototype, "value", 2);
-B1 = C2([
-  v("o-chipset")
-], B1);
+], $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);
@@ -5006,7 +5071,7 @@ R([
   l({ type: Boolean, reflect: !0 })
 ], S.prototype, "fullwidth", 2);
 S = R([
-  v("o-filter-chip")
+  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--)
@@ -5194,44 +5259,44 @@ v2.styles = g`
       cursor: pointer;
     }
   `;
-let $ = v2;
+let B = v2;
 A([
   l({ type: String })
-], $.prototype, "type");
+], B.prototype, "type");
 A([
   l({ type: String })
-], $.prototype, "titleProduct");
+], B.prototype, "titleProduct");
 A([
   l({ type: String })
-], $.prototype, "volume");
+], B.prototype, "volume");
 A([
   l({ type: String })
-], $.prototype, "perLiter");
+], B.prototype, "perLiter");
 A([
   l({ type: String })
-], $.prototype, "mainPrice");
+], B.prototype, "mainPrice");
 A([
   l({ type: String })
-], $.prototype, "imageUrl");
+], B.prototype, "imageUrl");
 A([
   l({ type: String })
-], $.prototype, "altImage");
+], B.prototype, "altImage");
 A([
   l({ type: Boolean })
-], $.prototype, "fullwidth");
+], B.prototype, "fullwidth");
 A([
   l({ type: String })
-], $.prototype, "tagText");
+], B.prototype, "tagText");
 A([
   l({ type: Boolean })
-], $.prototype, "outOfStock");
+], B.prototype, "outOfStock");
 A([
   l({ attribute: !1 })
-], $.prototype, "onClickTile");
+], B.prototype, "onClickTile");
 A([
   l({ attribute: !1 })
-], $.prototype, "onClickIcon");
-customElements.define("mini-tile", $);
+], 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);
@@ -5297,14 +5362,14 @@ D1([
   l({ type: String })
 ], u1.prototype, "srlabel", 2);
 u1 = D1([
-  v("o-badge")
+  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 B = class extends p {
+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;
   }
@@ -5368,7 +5433,7 @@ let B = class extends p {
         `;
   }
 };
-B.styles = g`
+$.styles = g`
         :host {
             --vertical-offset: 24px;
             --horizontal-offset: 24px;
@@ -5448,46 +5513,46 @@ B.styles = g`
     `;
 O([
   l({ type: String, reflect: !0 })
-], B.prototype, "icon", 2);
+], $.prototype, "icon", 2);
 O([
   l({ type: String, reflect: !0 })
-], B.prototype, "text", 2);
+], $.prototype, "text", 2);
 O([
   l({ type: String, reflect: !0 })
-], B.prototype, "verticalanchor", 2);
+], $.prototype, "verticalanchor", 2);
 O([
   l({ type: String, reflect: !0 })
-], B.prototype, "horizontalanchor", 2);
+], $.prototype, "horizontalanchor", 2);
 O([
   l({ type: Number, reflect: !0 })
-], B.prototype, "verticaloffset", 2);
+], $.prototype, "verticaloffset", 2);
 O([
   l({ type: Number, reflect: !0 })
-], B.prototype, "horizontaloffset", 2);
+], $.prototype, "horizontaloffset", 2);
 O([
   l({ type: Number, reflect: !0 })
-], B.prototype, "animationduration", 2);
+], $.prototype, "animationduration", 2);
 O([
   l({ type: String, reflect: !0 })
-], B.prototype, "animationaxis", 2);
+], $.prototype, "animationaxis", 2);
 O([
   l({ type: Boolean, reflect: !0 })
-], B.prototype, "animated", 2);
+], $.prototype, "animated", 2);
 O([
   l({ type: Number, reflect: !0 })
-], B.prototype, "lifeduration", 2);
+], $.prototype, "lifeduration", 2);
 O([
   l({ type: Boolean, reflect: !0 })
-], B.prototype, "multiline", 2);
-B = O([
-  v("o-toast")
-], B);
+], $.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, E = class extends p {
+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}`);
   }
@@ -5527,7 +5592,7 @@ let R5 = 0, E = class extends p {
     `;
   }
 };
-E.styles = g`
+M.styles = g`
     :host {
       display: inline-flex;
       align-items: center;
@@ -5632,37 +5697,37 @@ E.styles = g`
   `;
 I([
   l({ type: Boolean, reflect: !0 })
-], E.prototype, "checked", 2);
+], M.prototype, "checked", 2);
 I([
   l({ type: Boolean, reflect: !0 })
-], E.prototype, "indeterminate", 2);
+], M.prototype, "indeterminate", 2);
 I([
   l({ type: Boolean, reflect: !0 })
-], E.prototype, "disabled", 2);
+], M.prototype, "disabled", 2);
 I([
   l({ type: String, reflect: !0 })
-], E.prototype, "size", 2);
+], M.prototype, "size", 2);
 I([
   l({ type: Boolean })
-], E.prototype, "showLabel", 2);
+], M.prototype, "showLabel", 2);
 I([
   l({ type: String })
-], E.prototype, "label", 2);
+], M.prototype, "label", 2);
 I([
   l({ type: String })
-], E.prototype, "name", 2);
+], M.prototype, "name", 2);
 I([
   l({ type: String })
-], E.prototype, "value", 2);
+], M.prototype, "value", 2);
 I([
   l({ type: String, reflect: !0 })
-], E.prototype, "inputId", 2);
+], M.prototype, "inputId", 2);
 I([
   i2("input")
-], E.prototype, "inputEl", 2);
-E = I([
-  v("o-checkbox")
-], E);
+], 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);
@@ -5820,7 +5885,7 @@ U([
   i2("input")
 ], F.prototype, "inputEl", 2);
 F = U([
-  v("o-radio")
+  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--)
@@ -5851,7 +5916,7 @@ X1.styles = g`
         }
     `;
 X1 = W5([
-  v("o-breadcrumbs")
+  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--)
@@ -5928,12 +5993,12 @@ g2([
   l({ type: Boolean, reflect: !0 })
 ], E1.prototype, "active", 2);
 E1 = g2([
-  v("o-breadcrumb")
+  f("o-breadcrumb")
 ], E1);
-var Y5 = Object.defineProperty, J5 = Object.getOwnPropertyDescriptor, c1 = (e, t, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? J5(t, i) : t, s = e.length - 1, r; s >= 0; s--)
+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 && Y5(t, i, o), o;
+  return n && o && J5(t, i, o), o;
 };
 let K = class extends p {
   constructor() {
@@ -6058,7 +6123,7 @@ c1([
   l({ type: Boolean, reflect: !0, attribute: "showhover" })
 ], K.prototype, "showHover", 2);
 K = c1([
-  v("o-arch-image")
+  f("o-arch-image")
 ], K);
 const Q5 = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
@@ -6469,7 +6534,7 @@ var i0 = Object.defineProperty, o0 = Object.getOwnPropertyDescriptor, x = (e, t,
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
   return n && o && i0(t, i, o), o;
 };
-let m = class extends p {
+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 = "";
   }
@@ -6538,7 +6603,7 @@ let m = class extends p {
     `;
   }
 };
-m.styles = g`
+L.styles = g`
     :host {
       display: block;
       max-width: 100%;
@@ -6709,61 +6774,61 @@ m.styles = g`
   `;
 x([
   l({ type: String })
-], m.prototype, "type", 2);
+], L.prototype, "type", 2);
 x([
   l({ type: String })
-], m.prototype, "titleProduct", 2);
+], L.prototype, "titleProduct", 2);
 x([
   l({ type: String })
-], m.prototype, "descriptionProduct", 2);
+], L.prototype, "descriptionProduct", 2);
 x([
   l({ type: String })
-], m.prototype, "volume", 2);
+], L.prototype, "volume", 2);
 x([
   l({ type: String })
-], m.prototype, "perLiter", 2);
+], L.prototype, "perLiter", 2);
 x([
   l({ type: String })
-], m.prototype, "mainPrice", 2);
+], L.prototype, "mainPrice", 2);
 x([
   l({ type: String })
-], m.prototype, "salesPercentage", 2);
+], L.prototype, "salesPercentage", 2);
 x([
   l({ type: String })
-], m.prototype, "oldPrice", 2);
+], L.prototype, "oldPrice", 2);
 x([
   l({ type: String })
-], m.prototype, "imageUrl", 2);
+], L.prototype, "imageUrl", 2);
 x([
   l({ type: Boolean })
-], m.prototype, "outOfStock", 2);
+], L.prototype, "outOfStock", 2);
 x([
   l({ type: String })
-], m.prototype, "outOfStockText", 2);
+], L.prototype, "outOfStockText", 2);
 x([
   l({ type: String })
-], m.prototype, "altImage", 2);
+], L.prototype, "altImage", 2);
 x([
   l({ type: Boolean })
-], m.prototype, "fullwidth", 2);
+], L.prototype, "fullwidth", 2);
 x([
   l({ type: Boolean })
-], m.prototype, "current", 2);
+], L.prototype, "current", 2);
 x([
   l({ type: Boolean })
-], m.prototype, "hideIcon", 2);
+], L.prototype, "hideIcon", 2);
 x([
   l({ type: String })
-], m.prototype, "tagText", 2);
+], L.prototype, "tagText", 2);
 x([
   l({ attribute: !1 })
-], m.prototype, "onClickTile", 2);
+], L.prototype, "onClickTile", 2);
 x([
   l({ attribute: !1 })
-], m.prototype, "onClickIcon", 2);
-m = x([
-  v("o-medium-tile")
-], m);
+], 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);
@@ -6896,14 +6961,14 @@ h1([
   l({ type: Boolean, reflect: !0 })
 ], W.prototype, "inactive", 2);
 W = h1([
-  v("o-tab")
+  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 Y1 = class extends p {
+let J1 = class extends p {
   constructor() {
     super(), this.addEventListener("selected", this.onTabSelected);
   }
@@ -6926,7 +6991,7 @@ let Y1 = class extends p {
     `;
   }
 };
-Y1.styles = g`
+J1.styles = g`
     :host {
       display: flex;
       flex-direction: row;
@@ -6935,9 +7000,9 @@ Y1.styles = g`
       gap: var(--spacing-s);
     }
   `;
-Y1 = l0([
-  v("o-tablist")
-], Y1);
+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);
@@ -7113,7 +7178,7 @@ T1([
   l({ type: Boolean, reflect: !0 })
 ], v1.prototype, "disabled", 2);
 v1 = T1([
-  v("o-accordion")
+  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--)
@@ -7167,5 +7232,5 @@ u2([
   i2("slot")
 ], M1.prototype, "defaultSlot", 2);
 M1 = u2([
-  v("o-accordion-group")
+  f("o-accordion-group")
 ], M1);