@florid-kit/components 0.9.21 → 0.9.23

package/index.mjs

@@ -3,18 +3,18 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const _t = globalThis, jt = _t.ShadowRoot && (_t.ShadyCSS === void 0 || _t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Rt = Symbol(), ee = /* @__PURE__ */ new WeakMap();
-let ue = class {
+const kt = globalThis, Ut = kt.ShadowRoot && (kt.ShadyCSS === void 0 || kt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Nt = Symbol(), ie = /* @__PURE__ */ new WeakMap();
+let fe = class {
   constructor(t, e, r) {
-    if (this._$cssResult$ = !0, r !== Rt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, r !== Nt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (jt && t === void 0) {
+    if (Ut && t === void 0) {
       const r = e !== void 0 && e.length === 1;
-      r && (t = ee.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && ee.set(e, t));
+      r && (t = ie.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && ie.set(e, t));
     }
     return t;
   }
@@ -22,33 +22,33 @@ let ue = class {
     return this.cssText;
   }
 };
-const we = (o) => new ue(typeof o == "string" ? o : o + "", void 0, Rt), v = (o, ...t) => {
+const _e = (o) => new fe(typeof o == "string" ? o : o + "", void 0, Nt), v = (o, ...t) => {
   const e = o.length === 1 ? o[0] : t.reduce((r, i, n) => r + ((s) => {
     if (s._$cssResult$ === !0) return s.cssText;
     if (typeof s == "number") return s;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(i) + o[n + 1], o[0]);
-  return new ue(e, o, Rt);
-}, $e = (o, t) => {
-  if (jt) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  return new fe(e, o, Nt);
+}, Ce = (o, t) => {
+  if (Ut) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const r = document.createElement("style"), i = _t.litNonce;
+    const r = document.createElement("style"), i = kt.litNonce;
     i !== void 0 && r.setAttribute("nonce", i), r.textContent = e.cssText, o.appendChild(r);
   }
-}, oe = jt ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
+}, re = Ut ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const r of t.cssRules) e += r.cssText;
-  return we(e);
+  return _e(e);
 })(o) : o;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: _e, defineProperty: Ce, getOwnPropertyDescriptor: ke, getOwnPropertyNames: Se, getOwnPropertySymbols: Ae, getPrototypeOf: Ee } = Object, W = globalThis, ie = W.trustedTypes, Le = ie ? ie.emptyScript : "", Pt = W.reactiveElementPolyfillSupport, ct = (o, t) => o, Ct = { toAttribute(o, t) {
+const { is: ke, defineProperty: Se, getOwnPropertyDescriptor: Ae, getOwnPropertyNames: Ee, getOwnPropertySymbols: Le, getPrototypeOf: Pe } = Object, W = globalThis, ne = W.trustedTypes, Oe = ne ? ne.emptyScript : "", It = W.reactiveElementPolyfillSupport, ht = (o, t) => o, St = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
-      o = o ? Le : null;
+      o = o ? Oe : null;
       break;
     case Object:
     case Array:
@@ -73,23 +73,23 @@ const { is: _e, defineProperty: Ce, getOwnPropertyDescriptor: ke, getOwnProperty
       }
   }
   return e;
-} }, Nt = (o, t) => !_e(o, t), re = { attribute: !0, type: String, converter: Ct, reflect: !1, useDefault: !1, hasChanged: Nt };
+} }, Ft = (o, t) => !ke(o, t), se = { attribute: !0, type: String, converter: St, reflect: !1, useDefault: !1, hasChanged: Ft };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), W.litPropertyMetadata ?? (W.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let rt = class extends HTMLElement {
+let nt = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = re) {
+  static createProperty(t, e = se) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
       const r = Symbol(), i = this.getPropertyDescriptor(t, r, e);
-      i !== void 0 && Ce(this.prototype, t, i);
+      i !== void 0 && Se(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, r) {
-    const { get: i, set: n } = ke(this.prototype, t) ?? { get() {
+    const { get: i, set: n } = Ae(this.prototype, t) ?? { get() {
       return this[e];
     }, set(s) {
       this[e] = s;
@@ -100,17 +100,17 @@ let rt = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? re;
+    return this.elementProperties.get(t) ?? se;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(ct("elementProperties"))) return;
-    const t = Ee(this);
+    if (this.hasOwnProperty(ht("elementProperties"))) return;
+    const t = Pe(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(ct("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ct("properties"))) {
-      const e = this.properties, r = [...Se(e), ...Ae(e)];
+    if (this.hasOwnProperty(ht("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ht("properties"))) {
+      const e = this.properties, r = [...Ee(e), ...Le(e)];
       for (const i of r) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
@@ -129,8 +129,8 @@ let rt = class extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const r = new Set(t.flat(1 / 0).reverse());
-      for (const i of r) e.unshift(oe(i));
-    } else t !== void 0 && e.push(oe(t));
+      for (const i of r) e.unshift(re(i));
+    } else t !== void 0 && e.push(re(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -159,7 +159,7 @@ let rt = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return $e(t, this.constructor.elementStyles), t;
+    return Ce(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -184,7 +184,7 @@ let rt = class extends HTMLElement {
     var n;
     const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
     if (i !== void 0 && r.reflect === !0) {
-      const s = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : Ct).toAttribute(e, r.type);
+      const s = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : St).toAttribute(e, r.type);
       this._$Em = t, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
     }
   }
@@ -192,7 +192,7 @@ let rt = class extends HTMLElement {
     var n, s;
     const r = this.constructor, i = r._$Eh.get(t);
     if (i !== void 0 && this._$Em !== i) {
-      const h = r.getPropertyOptions(i), c = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((n = h.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? h.converter : Ct;
+      const h = r.getPropertyOptions(i), c = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((n = h.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? h.converter : St;
       this._$Em = i, this[i] = c.fromAttribute(e, h.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
     }
   }
@@ -200,7 +200,7 @@ let rt = class extends HTMLElement {
     var i;
     if (t !== void 0) {
       const n = this.constructor, s = this[t];
-      if (r ?? (r = n.getPropertyOptions(t)), !((r.hasChanged ?? Nt)(s, e) || r.useDefault && r.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(n._$Eu(t, r)))) return;
+      if (r ?? (r = n.getPropertyOptions(t)), !((r.hasChanged ?? Ft)(s, e) || r.useDefault && r.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(n._$Eu(t, r)))) return;
       this.C(t, e, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -276,56 +276,56 @@ let rt = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-rt.elementStyles = [], rt.shadowRootOptions = { mode: "open" }, rt[ct("elementProperties")] = /* @__PURE__ */ new Map(), rt[ct("finalized")] = /* @__PURE__ */ new Map(), Pt == null || Pt({ ReactiveElement: rt }), (W.reactiveElementVersions ?? (W.reactiveElementVersions = [])).push("2.1.0");
+nt.elementStyles = [], nt.shadowRootOptions = { mode: "open" }, nt[ht("elementProperties")] = /* @__PURE__ */ new Map(), nt[ht("finalized")] = /* @__PURE__ */ new Map(), It == null || It({ ReactiveElement: nt }), (W.reactiveElementVersions ?? (W.reactiveElementVersions = [])).push("2.1.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ht = globalThis, kt = ht.trustedTypes, ne = kt ? kt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ve = "$lit$", K = `lit$${Math.random().toFixed(9).slice(2)}$`, fe = "?" + K, Pe = `<${fe}>`, tt = document, pt = () => tt.createComment(""), ut = (o) => o === null || typeof o != "object" && typeof o != "function", Ft = Array.isArray, Oe = (o) => Ft(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", Ot = `[ 	
-\f\r]`, lt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, se = /-->/g, ae = />/g, J = RegExp(`>|${Ot}(?:([^\\s"'>=/]+)(${Ot}*=${Ot}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), le = /'/g, ce = /"/g, be = /^(?:script|style|textarea|title)$/i, Ie = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Ie(1), G = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), he = /* @__PURE__ */ new WeakMap(), Q = tt.createTreeWalker(tt, 129);
-function ge(o, t) {
-  if (!Ft(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return ne !== void 0 ? ne.createHTML(t) : t;
+const dt = globalThis, At = dt.trustedTypes, ae = At ? At.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, be = "$lit$", K = `lit$${Math.random().toFixed(9).slice(2)}$`, ge = "?" + K, Ie = `<${ge}>`, tt = document, ut = () => tt.createComment(""), vt = (o) => o === null || typeof o != "object" && typeof o != "function", Vt = Array.isArray, ze = (o) => Vt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", zt = `[ 	
+\f\r]`, ct = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, le = /-->/g, ce = />/g, J = RegExp(`>|${zt}(?:([^\\s"'>=/]+)(${zt}*=${zt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), he = /'/g, de = /"/g, ye = /^(?:script|style|textarea|title)$/i, Be = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Be(1), G = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), pe = /* @__PURE__ */ new WeakMap(), Q = tt.createTreeWalker(tt, 129);
+function me(o, t) {
+  if (!Vt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return ae !== void 0 ? ae.createHTML(t) : t;
 }
-const ze = (o, t) => {
+const De = (o, t) => {
   const e = o.length - 1, r = [];
-  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = lt;
+  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = ct;
   for (let h = 0; h < e; h++) {
     const c = o[h];
-    let m, w, f = -1, N = 0;
-    for (; N < c.length && (s.lastIndex = N, w = s.exec(c), w !== null); ) N = s.lastIndex, s === lt ? w[1] === "!--" ? s = se : w[1] !== void 0 ? s = ae : w[2] !== void 0 ? (be.test(w[2]) && (i = RegExp("</" + w[2], "g")), s = J) : w[3] !== void 0 && (s = J) : s === J ? w[0] === ">" ? (s = i ?? lt, f = -1) : w[1] === void 0 ? f = -2 : (f = s.lastIndex - w[2].length, m = w[1], s = w[3] === void 0 ? J : w[3] === '"' ? ce : le) : s === ce || s === le ? s = J : s === se || s === ae ? s = lt : (s = J, i = void 0);
+    let m, w, f = -1, U = 0;
+    for (; U < c.length && (s.lastIndex = U, w = s.exec(c), w !== null); ) U = s.lastIndex, s === ct ? w[1] === "!--" ? s = le : w[1] !== void 0 ? s = ce : w[2] !== void 0 ? (ye.test(w[2]) && (i = RegExp("</" + w[2], "g")), s = J) : w[3] !== void 0 && (s = J) : s === J ? w[0] === ">" ? (s = i ?? ct, f = -1) : w[1] === void 0 ? f = -2 : (f = s.lastIndex - w[2].length, m = w[1], s = w[3] === void 0 ? J : w[3] === '"' ? de : he) : s === de || s === he ? s = J : s === le || s === ce ? s = ct : (s = J, i = void 0);
     const Z = s === J && o[h + 1].startsWith("/>") ? " " : "";
-    n += s === lt ? c + Pe : f >= 0 ? (r.push(m), c.slice(0, f) + ve + c.slice(f) + K + Z) : c + K + (f === -2 ? h : Z);
+    n += s === ct ? c + Ie : f >= 0 ? (r.push(m), c.slice(0, f) + be + c.slice(f) + K + Z) : c + K + (f === -2 ? h : Z);
   }
-  return [ge(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+  return [me(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
-class vt {
+class ft {
   constructor({ strings: t, _$litType$: e }, r) {
     let i;
     this.parts = [];
     let n = 0, s = 0;
-    const h = t.length - 1, c = this.parts, [m, w] = ze(t, e);
-    if (this.el = vt.createElement(m, r), Q.currentNode = this.el.content, e === 2 || e === 3) {
+    const h = t.length - 1, c = this.parts, [m, w] = De(t, e);
+    if (this.el = ft.createElement(m, r), Q.currentNode = this.el.content, e === 2 || e === 3) {
       const f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
     for (; (i = Q.nextNode()) !== null && c.length < h; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(ve)) {
-          const N = w[s++], Z = i.getAttribute(f).split(K), $t = /([.?@])?(.*)/.exec(N);
-          c.push({ type: 1, index: n, name: $t[2], strings: Z, ctor: $t[1] === "." ? De : $t[1] === "?" ? He : $t[1] === "@" ? Te : At }), i.removeAttribute(f);
+        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(be)) {
+          const U = w[s++], Z = i.getAttribute(f).split(K), Ct = /([.?@])?(.*)/.exec(U);
+          c.push({ type: 1, index: n, name: Ct[2], strings: Z, ctor: Ct[1] === "." ? Te : Ct[1] === "?" ? Me : Ct[1] === "@" ? je : Lt }), i.removeAttribute(f);
         } else f.startsWith(K) && (c.push({ type: 6, index: n }), i.removeAttribute(f));
-        if (be.test(i.tagName)) {
-          const f = i.textContent.split(K), N = f.length - 1;
-          if (N > 0) {
-            i.textContent = kt ? kt.emptyScript : "";
-            for (let Z = 0; Z < N; Z++) i.append(f[Z], pt()), Q.nextNode(), c.push({ type: 2, index: ++n });
-            i.append(f[N], pt());
+        if (ye.test(i.tagName)) {
+          const f = i.textContent.split(K), U = f.length - 1;
+          if (U > 0) {
+            i.textContent = At ? At.emptyScript : "";
+            for (let Z = 0; Z < U; Z++) i.append(f[Z], ut()), Q.nextNode(), c.push({ type: 2, index: ++n });
+            i.append(f[U], ut());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === fe) c.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === ge) c.push({ type: 2, index: n });
       else {
         let f = -1;
         for (; (f = i.data.indexOf(K, f + 1)) !== -1; ) c.push({ type: 7, index: n }), f += K.length - 1;
@@ -338,14 +338,14 @@ class vt {
     return r.innerHTML = t, r;
   }
 }
-function nt(o, t, e = o, r) {
+function st(o, t, e = o, r) {
   var s, h;
   if (t === G) return t;
   let i = r !== void 0 ? (s = e._$Co) == null ? void 0 : s[r] : e._$Cl;
-  const n = ut(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = i : e._$Cl = i), i !== void 0 && (t = nt(o, i._$AS(o, t.values), i, r)), t;
+  const n = vt(t) ? void 0 : t._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = i : e._$Cl = i), i !== void 0 && (t = st(o, i._$AS(o, t.values), i, r)), t;
 }
-class Be {
+class He {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -362,7 +362,7 @@ class Be {
     for (; c !== void 0; ) {
       if (s === c.index) {
         let m;
-        c.type === 2 ? m = new wt(n, n.nextSibling, this, t) : c.type === 1 ? m = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (m = new Me(n, this, t)), this._$AV.push(m), c = r[++h];
+        c.type === 2 ? m = new $t(n, n.nextSibling, this, t) : c.type === 1 ? m = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (m = new Re(n, this, t)), this._$AV.push(m), c = r[++h];
       }
       s !== (c == null ? void 0 : c.index) && (n = Q.nextNode(), s++);
     }
@@ -373,7 +373,7 @@ class Be {
     for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, e), e += r.strings.length - 2) : r._$AI(t[e])), e++;
   }
 }
-class wt {
+class $t {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -393,7 +393,7 @@ class wt {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = nt(this, t, e), ut(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== G && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Oe(t) ? this.k(t) : this._(t);
+    t = st(this, t, e), vt(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== G && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ze(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -402,26 +402,26 @@ class wt {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== d && ut(this._$AH) ? this._$AA.nextSibling.data = t : this.T(tt.createTextNode(t)), this._$AH = t;
+    this._$AH !== d && vt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(tt.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var n;
-    const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = vt.createElement(ge(r.h, r.h[0]), this.options)), r);
+    const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = ft.createElement(me(r.h, r.h[0]), this.options)), r);
     if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(e);
     else {
-      const s = new Be(i, this), h = s.u(this.options);
+      const s = new He(i, this), h = s.u(this.options);
       s.p(e), this.T(h), this._$AH = s;
     }
   }
   _$AC(t) {
-    let e = he.get(t.strings);
-    return e === void 0 && he.set(t.strings, e = new vt(t)), e;
+    let e = pe.get(t.strings);
+    return e === void 0 && pe.set(t.strings, e = new ft(t)), e;
   }
   k(t) {
-    Ft(this._$AH) || (this._$AH = [], this._$AR());
+    Vt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let r, i = 0;
-    for (const n of t) i === e.length ? e.push(r = new wt(this.O(pt()), this.O(pt()), this, this.options)) : r = e[i], r._$AI(n), i++;
+    for (const n of t) i === e.length ? e.push(r = new $t(this.O(ut()), this.O(ut()), this, this.options)) : r = e[i], r._$AI(n), i++;
     i < e.length && (this._$AR(r && r._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -436,7 +436,7 @@ class wt {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class At {
+class Lt {
   get tagName() {
     return this.element.tagName;
   }
@@ -449,11 +449,11 @@ class At {
   _$AI(t, e = this, r, i) {
     const n = this.strings;
     let s = !1;
-    if (n === void 0) t = nt(this, t, e, 0), s = !ut(t) || t !== this._$AH && t !== G, s && (this._$AH = t);
+    if (n === void 0) t = st(this, t, e, 0), s = !vt(t) || t !== this._$AH && t !== G, s && (this._$AH = t);
     else {
       const h = t;
       let c, m;
-      for (t = n[0], c = 0; c < n.length - 1; c++) m = nt(this, h[r + c], e, c), m === G && (m = this._$AH[c]), s || (s = !ut(m) || m !== this._$AH[c]), m === d ? t = d : t !== d && (t += (m ?? "") + n[c + 1]), this._$AH[c] = m;
+      for (t = n[0], c = 0; c < n.length - 1; c++) m = st(this, h[r + c], e, c), m === G && (m = this._$AH[c]), s || (s = !vt(m) || m !== this._$AH[c]), m === d ? t = d : t !== d && (t += (m ?? "") + n[c + 1]), this._$AH[c] = m;
     }
     s && !i && this.j(t);
   }
@@ -461,7 +461,7 @@ class At {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class De extends At {
+class Te extends Lt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -469,7 +469,7 @@ class De extends At {
     this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class He extends At {
+class Me extends Lt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -477,12 +477,12 @@ class He extends At {
     this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
-class Te extends At {
+class je extends Lt {
   constructor(t, e, r, i, n) {
     super(t, e, r, i, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = nt(this, t, e, 0) ?? d) === G) return;
+    if ((t = st(this, t, e, 0) ?? d) === G) return;
     const r = this._$AH, i = t === d && r !== d || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== d && (r === d || i);
     i && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -491,7 +491,7 @@ class Te extends At {
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Me {
+class Re {
   constructor(t, e, r) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
   }
@@ -499,17 +499,17 @@ class Me {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    nt(this, t);
+    st(this, t);
   }
 }
-const It = ht.litHtmlPolyfillSupport;
-It == null || It(vt, wt), (ht.litHtmlVersions ?? (ht.litHtmlVersions = [])).push("3.3.0");
-const je = (o, t, e) => {
+const Bt = dt.litHtmlPolyfillSupport;
+Bt == null || Bt(ft, $t), (dt.litHtmlVersions ?? (dt.litHtmlVersions = [])).push("3.3.0");
+const Ue = (o, t, e) => {
   const r = (e == null ? void 0 : e.renderBefore) ?? t;
   let i = r._$litPart$;
   if (i === void 0) {
     const n = (e == null ? void 0 : e.renderBefore) ?? null;
-    r._$litPart$ = i = new wt(t.insertBefore(pt(), n), n, void 0, e ?? {});
+    r._$litPart$ = i = new $t(t.insertBefore(ut(), n), n, void 0, e ?? {});
   }
   return i._$AI(o), i;
 };
@@ -519,7 +519,7 @@ const je = (o, t, e) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Y = globalThis;
-let u = class extends rt {
+let u = class extends nt {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -530,7 +530,7 @@ let u = class extends rt {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = je(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ue(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -544,17 +544,17 @@ let u = class extends rt {
     return G;
   }
 };
-var pe;
-u._$litElement$ = !0, u.finalized = !0, (pe = Y.litElementHydrateSupport) == null || pe.call(Y, { LitElement: u });
-const zt = Y.litElementPolyfillSupport;
-zt == null || zt({ LitElement: u });
+var ve;
+u._$litElement$ = !0, u.finalized = !0, (ve = Y.litElementHydrateSupport) == null || ve.call(Y, { LitElement: u });
+const Dt = Y.litElementPolyfillSupport;
+Dt == null || Dt({ LitElement: u });
 (Y.litElementVersions ?? (Y.litElementVersions = [])).push("4.2.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const g = (o) => (t, e) => {
+const b = (o) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
     customElements.define(o, t);
   }) : customElements.define(o, t);
@@ -564,7 +564,7 @@ const g = (o) => (t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Re = { attribute: !0, type: String, converter: Ct, reflect: !1, hasChanged: Nt }, Ne = (o = Re, t, e) => {
+const Ne = { attribute: !0, type: String, converter: St, reflect: !1, hasChanged: Ft }, Fe = (o = Ne, t, e) => {
   const { kind: r, metadata: i } = e;
   let n = globalThis.litPropertyMetadata.get(i);
   if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), r === "setter" && ((o = Object.create(o)).wrapped = !0), n.set(e.name, o), r === "accessor") {
@@ -586,7 +586,7 @@ const Re = { attribute: !0, type: String, converter: Ct, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + r);
 };
 function a(o) {
-  return (t, e) => typeof e == "object" ? Ne(o, t, e) : ((r, i, n) => {
+  return (t, e) => typeof e == "object" ? Fe(o, t, e) : ((r, i, n) => {
     const s = i.hasOwnProperty(n);
     return i.constructor.createProperty(n, r), s ? Object.getOwnPropertyDescriptor(i, n) : void 0;
   })(o, t, e);
@@ -596,7 +596,7 @@ function a(o) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function et(o) {
+function ot(o) {
   return a({ ...o, state: !0, attribute: !1 });
 }
 /**
@@ -604,24 +604,24 @@ function et(o) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Fe = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(o, t, e), e);
+const Ve = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(o, t, e), e);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function ye(o, t) {
+function xe(o, t) {
   return (e, r, i) => {
     const n = (s) => {
       var h;
       return ((h = s.renderRoot) == null ? void 0 : h.querySelector(o)) ?? null;
     };
-    return Fe(e, r, { get() {
+    return Ve(e, r, { get() {
       return n(this);
     } });
   };
 }
-const ot = v`
+const it = v`
 	outline: 1px dashed var(--color-border-primary);
 	outline-offset: 2px;
 `;
@@ -635,12 +635,12 @@ v`
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const Ut = Symbol("internals"), Bt = Symbol("privateInternals");
-function Vt(o) {
+const qt = Symbol("internals"), Ht = Symbol("privateInternals");
+function Zt(o) {
   var t;
   class e extends o {
-    get [(t = Ut, t)]() {
-      return this[Bt] || (this[Bt] = this.attachInternals()), this[Bt];
+    get [(t = qt, t)]() {
+      return this[Ht] || (this[Ht] = this.attachInternals()), this[Ht];
     }
   }
   return e;
@@ -650,11 +650,11 @@ function Vt(o) {
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-function Ue(o) {
+function qe(o) {
   o.addInitializer((t) => {
     const e = t;
     e.addEventListener("click", async (r) => {
-      const { type: i, [Ut]: n } = e, { form: s } = n;
+      const { type: i, [qt]: n } = e, { form: s } = n;
       if (!(!s || i === "button") && (await new Promise((h) => {
         setTimeout(h);
       }), !r.defaultPrevented)) {
@@ -677,141 +677,141 @@ function Ue(o) {
     });
   });
 }
-const Ve = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+const Ze = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
 </svg>
-`, qe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ke = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
 </svg>
-`, Ze = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, We = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
 </svg>
-`, Ke = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
 </svg>
-`, We = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Xe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
 </svg>
-`, Ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Je = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
 </svg>
-`, Xe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Qe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
 </svg>
-`, Je = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ye = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
 </svg>
-`, Qe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, to = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
 </svg>
-`, Ye = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, eo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 2L14 14" stroke="#3F2B2E"/>
 <path d="M14 2L2 14" stroke="#3F2B2E"/>
 </svg>
-`, to = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, oo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
 </svg>
-`, eo = `<?xml version="1.0" encoding="utf-8"?>
+`, io = `<?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
 <path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
 	s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
 </svg>
-`, oo = `<?xml version="1.0" encoding="utf-8"?>
+`, ro = `<?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
 <path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
 </svg>
-`, io = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, no = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
 </svg>
-`, ro = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, so = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
 </svg>
-`, no = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, ao = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
 </svg>
-`, so = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, lo = `<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>
-`, ao = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, co = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
 </svg>
-`, lo = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, ho = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
 </svg>
-`, co = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, po = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
 </svg>
-`, ho = `<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, uo = `<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="1" width="2" height="8" fill="#3F2B2E"/>
 <rect x="5" width="2" height="8" fill="#3F2B2E"/>
 </svg>
-`, po = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, vo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.5037 5.99925C10.7795 5.99925 11.0037 6.22311 11.0037 6.49925V14.2922L13.1462 12.1448C13.3411 11.9498 13.6573 11.95 13.8523 12.1448H13.8533C14.0482 12.34 14.0481 12.6565 13.8533 12.8518L10.8572 15.8518C10.6618 16.0471 10.3455 16.0471 10.1501 15.8518L7.15406 12.8518C6.96522 12.6557 6.96774 12.3444 7.15992 12.1516C7.35242 11.9588 7.66416 11.9556 7.86011 12.1448L10.0046 14.2922V6.49925C10.0046 6.22319 10.228 5.99938 10.5037 5.99925ZM5.15699 0.145737C5.35218 -0.0485278 5.66791 -0.0486304 5.86304 0.145737L8.85913 3.14574C9.04829 3.34183 9.04562 3.65402 8.85327 3.84691C8.66066 4.03978 8.34902 4.04225 8.15308 3.85277L6.00952 1.70628V9.49925C6.0095 9.77533 5.78621 9.99918 5.5105 9.99925C5.23473 9.99925 5.0115 9.77538 5.01148 9.49925V1.70628L2.86695 3.85179C2.74288 3.98695 2.55447 4.04321 2.37671 3.99828C2.1991 3.95328 2.06051 3.81475 2.01538 3.63695C1.97026 3.45902 2.02608 3.27015 2.16089 3.14574L5.15699 0.145737Z" fill="#001022"/>
 </svg>
-`, uo = `<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+`, fo = `<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
   <line x1="0" y1="0" x2="200" y2="200" />
-</svg>`, vo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+</svg>`, bo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
 <path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
 </svg>
-`, fo = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, go = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0.458496C12.4183 0.458496 16 4.04022 16 8.4585C16 12.8768 12.4183 16.4585 8 16.4585C3.58172 16.4585 0 12.8768 0 8.4585C0 4.04022 3.58172 0.458496 8 0.458496ZM11.8115 5.56787C11.5953 5.39556 11.2797 5.43075 11.1074 5.64697L7.45801 10.2104L4.85254 7.60596C4.65647 7.41684 4.34516 7.41943 4.15234 7.61182C3.95956 7.8046 3.95626 8.11678 4.14551 8.31299L7.14551 11.313C7.23977 11.4062 7.36741 11.4592 7.5 11.4595L7.52832 11.4585C7.67017 11.4503 7.80168 11.3818 7.89062 11.271L11.8906 6.271C12.0629 6.05485 12.0275 5.74022 11.8115 5.56787Z" fill="#3B7902"/>
 </svg>
-`, bo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, yo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10ZM7.5 4C7.22386 4 7 4.22386 7 4.5V8.5C7 8.77614 7.22386 9 7.5 9H8.5C8.77614 9 9 8.77614 9 8.5V4.5C9 4.22386 8.77614 4 8.5 4H7.5Z" fill="#BB0218"/>
 </svg>
-`, go = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, mo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.16602 6.1084V12H8.84668V6.1084H7.16602ZM8.00684 2.64062C7.45497 2.64062 7.01096 3.09591 7.01074 3.63574C7.01074 4.18774 7.45484 4.63184 8.00684 4.63184C8.55862 4.63159 9.00195 4.18759 9.00195 3.63574C9.00174 3.09606 8.55849 2.64088 8.00684 2.64062Z" fill="#4572A6"/>
 </svg>
-`, yo = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, xo = `<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.0003 10.1648C16.0003 13.2904 13.4583 15.8332 10.3336 15.8332H7.00026C6.81617 15.8332 6.66693 15.6839 6.66693 15.4997C6.66693 15.3156 6.81617 15.1663 7.00026 15.1663H10.3336C13.0909 15.1663 15.3336 12.923 15.3336 10.1648C15.3336 7.40663 13.0909 5.16328 10.3336 5.16328H1.13826L3.90226 7.92812C4.0326 8.05831 4.03275 8.26955 3.9026 8.39993C3.77244 8.5303 3.56127 8.53045 3.43093 8.40026L0.0975955 5.06592C-0.0325318 4.93571 -0.0325318 4.72465 0.0975955 4.59444L3.43093 1.2601C3.56172 1.13374 3.76962 1.13555 3.8982 1.26416C4.02678 1.39278 4.02859 1.60075 3.90226 1.73158L1.13826 4.49641H10.3336C13.4583 4.49641 16.0003 7.03918 16.0003 10.1648Z" fill="#001022"/>
 </svg>
-`, mo = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
+`, wo = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
 <path d="M1 4.5415L3 6.5415L9 0.541504" stroke="#FBF9F6" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, F = {
-  wishlist: Ve,
-  playerv: qe,
-  chevronRight: Ze,
-  chevronLeft: Ke,
-  icoPlus: eo,
-  icoMinus: oo,
-  "star-0": We,
-  "star-25": Ge,
-  "star-50": Xe,
-  "star-75": Je,
-  "star-100": Qe,
-  cross: Ye,
-  search: to,
-  arrowLeft: io,
-  arrowTop: ro,
-  cart: no,
-  notifyme: so,
-  triangledown: ao,
-  triangleup: lo,
-  checkstroke: co,
-  pause: ho,
-  mapDualArrow: po,
-  swipeDualArrow: vo,
-  backToBag: yo,
-  checkbox: mo
-}, xo = {
-  strikeDiagonal: uo
-}, wo = {
-  success: fo,
-  error: bo,
-  info: go
+</svg>`, N = {
+  wishlist: Ze,
+  playerv: Ke,
+  chevronRight: We,
+  chevronLeft: Ge,
+  icoPlus: io,
+  icoMinus: ro,
+  "star-0": Xe,
+  "star-25": Je,
+  "star-50": Qe,
+  "star-75": Ye,
+  "star-100": to,
+  cross: eo,
+  search: oo,
+  arrowLeft: no,
+  arrowTop: so,
+  cart: ao,
+  notifyme: lo,
+  triangledown: co,
+  triangleup: ho,
+  checkstroke: po,
+  pause: uo,
+  mapDualArrow: vo,
+  swipeDualArrow: bo,
+  backToBag: xo,
+  checkbox: wo
+}, $o = {
+  strikeDiagonal: fo
+}, _o = {
+  success: go,
+  error: yo,
+  info: mo
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const qt = { ATTRIBUTE: 1, CHILD: 2 }, Zt = (o) => (...t) => ({ _$litDirective$: o, values: t });
-let Kt = class {
+const Kt = { ATTRIBUTE: 1, CHILD: 2 }, Wt = (o) => (...t) => ({ _$litDirective$: o, values: t });
+let Gt = class {
   constructor(t) {
   }
   get _$AU() {
@@ -832,9 +832,9 @@ let Kt = class {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Dt extends Kt {
+class Tt extends Gt {
   constructor(t) {
-    if (super(t), this.it = d, t.type !== qt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(t), this.it = d, t.type !== Kt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(t) {
     if (t === d || t == null) return this._t = void 0, this.it = t;
@@ -846,72 +846,72 @@ class Dt extends Kt {
     return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
   }
 }
-Dt.directiveName = "unsafeHTML", Dt.resultType = 1;
+Tt.directiveName = "unsafeHTML", Tt.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Ht extends Dt {
+class Mt extends Tt {
 }
-Ht.directiveName = "unsafeSVG", Ht.resultType = 2;
-const _ = Zt(Ht);
+Mt.directiveName = "unsafeSVG", Mt.resultType = 2;
+const _ = Wt(Mt);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const $o = (o) => o.strings === void 0;
+const Co = (o) => o.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const dt = (o, t) => {
+const pt = (o, t) => {
   var r;
   const e = o._$AN;
   if (e === void 0) return !1;
-  for (const i of e) (r = i._$AO) == null || r.call(i, t, !1), dt(i, t);
+  for (const i of e) (r = i._$AO) == null || r.call(i, t, !1), pt(i, t);
   return !0;
-}, St = (o) => {
+}, Et = (o) => {
   let t, e;
   do {
     if ((t = o._$AM) === void 0) break;
     e = t._$AN, e.delete(o), o = t;
   } while ((e == null ? void 0 : e.size) === 0);
-}, me = (o) => {
+}, we = (o) => {
   for (let t; t = o._$AM; o = t) {
     let e = t._$AN;
     if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
     else if (e.has(o)) break;
-    e.add(o), ko(t);
+    e.add(o), Ao(t);
   }
 };
-function _o(o) {
-  this._$AN !== void 0 ? (St(this), this._$AM = o, me(this)) : this._$AM = o;
+function ko(o) {
+  this._$AN !== void 0 ? (Et(this), this._$AM = o, we(this)) : this._$AM = o;
 }
-function Co(o, t = !1, e = 0) {
+function So(o, t = !1, e = 0) {
   const r = this._$AH, i = this._$AN;
-  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let n = e; n < r.length; n++) dt(r[n], !1), St(r[n]);
-  else r != null && (dt(r, !1), St(r));
-  else dt(this, o);
+  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let n = e; n < r.length; n++) pt(r[n], !1), Et(r[n]);
+  else r != null && (pt(r, !1), Et(r));
+  else pt(this, o);
 }
-const ko = (o) => {
-  o.type == qt.CHILD && (o._$AP ?? (o._$AP = Co), o._$AQ ?? (o._$AQ = _o));
+const Ao = (o) => {
+  o.type == Kt.CHILD && (o._$AP ?? (o._$AP = So), o._$AQ ?? (o._$AQ = ko));
 };
-class So extends Kt {
+class Eo extends Gt {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(t, e, r) {
-    super._$AT(t, e, r), me(this), this.isConnected = t._$AU;
+    super._$AT(t, e, r), we(this), this.isConnected = t._$AU;
   }
   _$AO(t, e = !0) {
     var r, i;
-    t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (i = this.disconnected) == null || i.call(this)), e && (dt(this, t), St(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (i = this.disconnected) == null || i.call(this)), e && (pt(this, t), Et(this));
   }
   setValue(t) {
-    if ($o(this._$Ct)) this._$Ct._$AI(t, this);
+    if (Co(this._$Ct)) this._$Ct._$AI(t, this);
     else {
       const e = [...this._$Ct._$AH];
       e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
@@ -922,7 +922,7 @@ class So extends Kt {
   reconnected() {
   }
 }
-class Ao extends So {
+class Lo extends Eo {
   constructor() {
     super(...arguments), this.prevData = {};
   }
@@ -949,7 +949,7 @@ class Ao extends So {
         (!t || !(i in t) && r[i] === e[i]) && (r[i] = void 0);
   }
 }
-class Eo extends Ao {
+class Po extends Lo {
   constructor() {
     super(...arguments), this.eventData = {};
   }
@@ -993,7 +993,7 @@ class Eo extends Ao {
     }
   }
 }
-class Lo extends Eo {
+class Oo extends Po {
   apply(t) {
     if (!t)
       return;
@@ -1042,17 +1042,17 @@ class Lo extends Eo {
       }
   }
 }
-const de = Zt(Lo);
+const ue = Wt(Oo);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const S = (o) => o ?? d;
-var Po = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, H = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Oo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Io = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, H = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? zo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Po(t, e, i), i;
+  return r && i && Io(t, e, i), i;
 };
 let A = class extends u {
   constructor() {
@@ -1062,7 +1062,7 @@ let A = class extends u {
     super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
   }
   render() {
-    const o = F[this.icon] ?? "", t = `icon-${this.icon}`, e = o.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"'), r = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
+    const o = N[this.icon] ?? "", t = `icon-${this.icon}`, e = o.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"'), r = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
     return l`
 			${this.type === "span" ? l`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">	
@@ -1287,7 +1287,7 @@ A.styles = v`
 		}
 
 		.icon-button:focus-visible {
-			${ot}
+			${it}
 		}
 
 		.sr-only {
@@ -1322,12 +1322,12 @@ H([
   a({ type: String })
 ], A.prototype, "srLabel", 2);
 A = H([
-  g("o-icon-button")
+  b("o-icon-button")
 ], A);
-var Io = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, b = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? zo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Bo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, g = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Do(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Io(t, e, i), i;
+  return r && i && Bo(t, e, i), i;
 };
 let p = class extends u {
   constructor() {
@@ -1566,7 +1566,7 @@ let p = class extends u {
 									variant="${this.firstButtonVariant}"
 									@click=${this.handleFirstClick}
 									@keydown=${this.handleFirstClick}
-									${de(this.firstButtonProps)}
+									${ue(this.firstButtonProps)}
 								>
 									${this.firstButtonLabel}
 								</o-button>
@@ -1577,7 +1577,7 @@ let p = class extends u {
 									variant="${this.secondButtonVariant}"
 									@click=${this.handleSecondClick}
 									@keydown=${this.handleSecondClick}
-									${de(this.secondButtonProps)}
+									${ue(this.secondButtonProps)}
 								>
 									${this.secondButtonLabel}
 								</o-button>
@@ -1703,7 +1703,7 @@ p.styles = v`
 
 		.panel:focus-visible,
 		.close-btn:focus-visible {
-			${ot}
+			${it}
 		}
 
 		[role="document"] {
@@ -1793,82 +1793,82 @@ p.styles = v`
 	`;
 p.focusablesSelector = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';
 p.focusablesCustomElementsSelector = "o-icon-button, o-button";
-b([
+g([
   a({ type: Boolean, reflect: !0 })
 ], p.prototype, "open", 2);
-b([
+g([
   a({ type: Boolean, reflect: !0 })
 ], p.prototype, "showHeader", 2);
-b([
+g([
   a({ type: Boolean, reflect: !0 })
 ], p.prototype, "showFooter", 2);
-b([
+g([
   a({ type: Boolean, reflect: !0 })
 ], p.prototype, "showHeaderStartIcon", 2);
-b([
+g([
   a({ type: String, reflect: !0 })
 ], p.prototype, "headerTitle", 2);
-b([
+g([
   a({ type: String, reflect: !0 })
 ], p.prototype, "headerTitleClassName", 2);
-b([
+g([
   a({ type: String, reflect: !0 })
 ], p.prototype, "labelDialog", 2);
-b([
+g([
   a({ type: String, reflect: !0 })
 ], p.prototype, "closeButtonLabel", 2);
-b([
+g([
   a({ type: String, reflect: !0 })
 ], p.prototype, "goBackButtonLabel", 2);
-b([
+g([
   a({ type: String, reflect: !0 })
 ], p.prototype, "firstButtonLabel", 2);
-b([
+g([
   a({ type: String, reflect: !0 })
 ], p.prototype, "firstButtonVariant", 2);
-b([
+g([
   a({ type: Object, reflect: !0 })
 ], p.prototype, "firstButtonProps", 2);
-b([
+g([
   a({ type: Boolean, reflect: !0 })
 ], p.prototype, "onFirstButtonClickClose", 2);
-b([
+g([
   a({ type: String, reflect: !0 })
 ], p.prototype, "secondButtonLabel", 2);
-b([
+g([
   a({ type: String, reflect: !0 })
 ], p.prototype, "secondButtonVariant", 2);
-b([
+g([
   a({ type: Object, reflect: !0 })
 ], p.prototype, "secondButtonProps", 2);
-b([
+g([
   a({ type: Boolean, reflect: !0 })
 ], p.prototype, "onSecondButtonClickClose", 2);
-b([
+g([
   a({ type: Boolean, reflect: !0 })
 ], p.prototype, "disablePortal", 2);
-b([
+g([
   a({ type: Number, reflect: !0 })
 ], p.prototype, "zIndex", 2);
-b([
+g([
   a({ type: Boolean, reflect: !0 })
 ], p.prototype, "initialized", 2);
-b([
+g([
   a({ type: Boolean })
 ], p.prototype, "showDetail", 2);
-b([
+g([
   a({ type: Boolean })
 ], p.prototype, "isHidingDetail", 2);
-p = b([
-  g("o-side-panel")
+p = g([
+  b("o-side-panel")
 ], p);
-var Bo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, x = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Do(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Ho = Object.defineProperty, To = Object.getOwnPropertyDescriptor, x = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? To(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Bo(t, e, i), i;
+  return r && i && Ho(t, e, i), i;
 };
-const Ho = Vt(u);
-let y = class extends Ho {
+const Mo = Zt(u);
+let y = class extends Mo {
   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;
   }
@@ -1879,7 +1879,7 @@ let y = class extends Ho {
     this.setAttribute("name", o);
   }
   get form() {
-    return this[Ut].form;
+    return this[qt].form;
   }
   handleClick(o) {
     if (!(o instanceof KeyboardEvent && !["Enter", " "].includes(o.key)) && this.panelTarget) {
@@ -1893,7 +1893,7 @@ let y = class extends Ho {
   renderIcon(o) {
     const t = o === "start" ? this.startIconModel : this.endIconModel;
     if (!t) return d;
-    const e = F[t].replace(
+    const e = N[t].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
@@ -1936,7 +1936,7 @@ let y = class extends Ho {
     `;
   }
 };
-Ue(y);
+qe(y);
 y.formAssociated = !0;
 y.styles = v`
     :host {
@@ -2055,7 +2055,7 @@ y.styles = v`
     }
 
     .button:focus-visible {
-      ${ot};
+      ${it};
     }
 
     span.text + span.text::before {
@@ -2189,14 +2189,14 @@ x([
   a({ type: Boolean, reflect: !0 })
 ], y.prototype, "withbadge", 2);
 y = x([
-  g("o-button")
+  b("o-button")
 ], y);
-var To = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, Et = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Mo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var jo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, Pt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ro(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && To(t, e, i), i;
+  return r && i && jo(t, e, i), i;
 };
-let st = class extends u {
+let at = class extends u {
   constructor() {
     super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist", this.toggleStatus = () => {
       this.status = this.status === "empty" ? "filled" : "empty", this.setAttribute("aria-pressed", String(this.status === "filled")), this.dispatchEvent(new CustomEvent("wishlist-toggle", {
@@ -2216,7 +2216,7 @@ let st = class extends u {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.toggleStatus());
   }
   render() {
-    const o = F.wishlist.replace(
+    const o = N.wishlist.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
@@ -2237,7 +2237,7 @@ let st = class extends u {
     this.label = o, this.requestUpdate();
   }
 };
-st.styles = v`
+at.styles = v`
 		:host {
 			display: inline-flex;
 			justify-content: center;
@@ -2267,7 +2267,7 @@ st.styles = v`
 		}
 
 		.wishlist-button:focus-visible {
-			${ot};
+			${it};
 		}
 
 		.wishlist-button:hover svg path {
@@ -2302,29 +2302,33 @@ st.styles = v`
 			white-space: nowrap !important;
 		}
 	`;
-Et([
+Pt([
   a({ type: String, reflect: !0 })
-], st.prototype, "status", 2);
-Et([
+], at.prototype, "status", 2);
+Pt([
   a({ type: String, reflect: !0 })
-], st.prototype, "ariaDescribedBy", 2);
-Et([
+], at.prototype, "ariaDescribedBy", 2);
+Pt([
   a({ type: String, reflect: !0 })
-], st.prototype, "label", 2);
-st = Et([
-  g("o-wishlist-button")
-], st);
-var jo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, it = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ro(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+], at.prototype, "label", 2);
+at = Pt([
+  b("o-wishlist-button")
+], at);
+var Uo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, rt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? No(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && jo(t, e, i), i;
+  return r && i && Uo(t, e, i), i;
 };
-let U = class extends u {
+let F = class extends u {
   constructor() {
     super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
   }
   _handleClick(o) {
-    (!this.href || this.href === "#") && o.preventDefault();
+    (!this.href || this.href === "#") && o.preventDefault(), this.dispatchEvent(new CustomEvent("click", {
+      detail: { href: this.href },
+      bubbles: !0,
+      composed: !0
+    }));
   }
   render() {
     const o = this.href || "#";
@@ -2357,7 +2361,7 @@ let U = class extends u {
         `;
   }
 };
-U.styles = v`
+F.styles = v`
         :host([template="standard"]) a {
             color: var(--color-content-action-secondary);
             font-size: var(--font-size-200);
@@ -2445,33 +2449,33 @@ U.styles = v`
         }
         /* End of underline effect */
     `;
-it([
+rt([
   a({ type: String })
-], U.prototype, "href", 2);
-it([
+], F.prototype, "href", 2);
+rt([
   a({ type: String })
-], U.prototype, "target", 2);
-it([
+], F.prototype, "target", 2);
+rt([
   a({ type: String, reflect: !0 })
-], U.prototype, "template", 2);
-it([
+], F.prototype, "template", 2);
+rt([
   a({ type: Boolean, reflect: !0 })
-], U.prototype, "inverse", 2);
-it([
+], F.prototype, "inverse", 2);
+rt([
   a({ type: Boolean, reflect: !0 })
-], U.prototype, "endIcon", 2);
-it([
+], F.prototype, "endIcon", 2);
+rt([
   a({ type: Boolean, reflect: !0 })
-], U.prototype, "reverseEndIcon", 2);
-U = it([
-  g("o-link")
-], U);
-var No = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, Lt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Fo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+], F.prototype, "reverseEndIcon", 2);
+F = rt([
+  b("o-link")
+], F);
+var Fo = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, Ot = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Vo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && No(t, e, i), i;
+  return r && i && Fo(t, e, i), i;
 };
-let at = class extends u {
+let lt = class extends u {
   constructor() {
     super(...arguments), this.rating = 0;
   }
@@ -2490,7 +2494,7 @@ let at = class extends u {
 			<div class="rating">
 			<div class="stars">
 				${o.map(
-      (t) => l`<span class="star">${_(F[t] ?? "")}</span>`
+      (t) => l`<span class="star">${_(N[t] ?? "")}</span>`
     )}
 			</div>
 			${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
@@ -2498,7 +2502,7 @@ let at = class extends u {
 		`;
   }
 };
-at.styles = v`
+lt.styles = v`
 		svg {
 			width: 12px;
 			height: 12px;
@@ -2532,22 +2536,22 @@ at.styles = v`
 			cursor: pointer;
 		}
 	`;
-Lt([
+Ot([
   a({ type: Number })
-], at.prototype, "rating", 2);
-Lt([
+], lt.prototype, "rating", 2);
+Ot([
   a({ type: String })
-], at.prototype, "reviewCount", 2);
-Lt([
+], lt.prototype, "reviewCount", 2);
+Ot([
   a({ type: String })
-], at.prototype, "href", 2);
-at = Lt([
-  g("o-rating")
-], at);
-var Uo = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, X = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Vo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+], lt.prototype, "href", 2);
+lt = Ot([
+  b("o-rating")
+], lt);
+var qo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, X = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Zo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Uo(t, e, i), i;
+  return r && i && qo(t, e, i), i;
 };
 let D = class extends u {
   constructor() {
@@ -2765,17 +2769,17 @@ X([
   a({ type: Object })
 ], D.prototype, "swiperInstance", 2);
 X([
-  et()
+  ot()
 ], D.prototype, "focusedIndex", 2);
 D = X([
-  g("thumbnail-navigation")
+  b("thumbnail-navigation")
 ], D);
-var qo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, Wt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Zo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Ko = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, Xt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Wo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && qo(t, e, i), i;
+  return r && i && Ko(t, e, i), i;
 };
-let ft = class extends u {
+let bt = class extends u {
   constructor() {
     super(...arguments), this.type = "", this.bgstyle = "background-white";
   }
@@ -2785,7 +2789,7 @@ let ft = class extends u {
     `;
   }
 };
-ft.styles = v`
+bt.styles = v`
     .tag {
       display: inline-block;
       padding: var(--spacing-2-xs) var(--spacing-s);
@@ -2843,21 +2847,21 @@ ft.styles = v`
     }
 
   `;
-Wt([
+Xt([
   a({ type: String, reflect: !0 })
-], ft.prototype, "type", 2);
-Wt([
+], bt.prototype, "type", 2);
+Xt([
   a({ type: String, reflect: !0 })
-], ft.prototype, "bgstyle", 2);
-ft = Wt([
-  g("o-tag")
-], ft);
-var Ko = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, Gt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Wo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+], bt.prototype, "bgstyle", 2);
+bt = Xt([
+  b("o-tag")
+], bt);
+var Go = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, Jt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Xo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Ko(t, e, i), i;
+  return r && i && Go(t, e, i), i;
 };
-let bt = class extends u {
+let gt = class extends u {
   constructor() {
     super(...arguments), this.type = "top", this.text = "";
   }
@@ -2870,7 +2874,7 @@ let bt = class extends u {
     `;
   }
 };
-bt.styles = v`
+gt.styles = v`
     .tooltip {
         position: relative;
         display: inline-block;
@@ -2963,19 +2967,19 @@ bt.styles = v`
   }
       
   `;
-Gt([
+Jt([
   a({ type: String, reflect: !0 })
-], bt.prototype, "type", 2);
-Gt([
+], gt.prototype, "type", 2);
+Jt([
   a({ type: String, reflect: !0 })
-], bt.prototype, "text", 2);
-bt = Gt([
-  g("o-tooltip")
-], bt);
-var Go = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, V = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Xo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+], gt.prototype, "text", 2);
+gt = Jt([
+  b("o-tooltip")
+], gt);
+var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, V = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Qo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Go(t, e, i), i;
+  return r && i && Jo(t, e, i), i;
 };
 let z = class extends u {
   constructor() {
@@ -3043,7 +3047,7 @@ let z = class extends u {
     this.options.length > 0 && (this.options.some((e) => e.value === this.value) || (this.value = this.options[0].value));
   }
   render() {
-    const o = F.checkstroke.replace(
+    const o = N.checkstroke.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ), t = this.options.find((e) => e.value === this.value);
@@ -3256,28 +3260,28 @@ V([
   a({ type: String, reflect: !0 })
 ], z.prototype, "width", 2);
 V([
-  et()
+  ot()
 ], z.prototype, "open", 2);
 V([
-  et()
+  ot()
 ], z.prototype, "activeIndex", 2);
 V([
-  et()
+  ot()
 ], z.prototype, "menuWidth", 2);
 z = V([
-  g("o-dropdown")
+  b("o-dropdown")
 ], z);
-var Jo = Object.getOwnPropertyDescriptor, Qo = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Jo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Yo = Object.getOwnPropertyDescriptor, ti = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Yo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = s(i) || i);
   return i;
 };
-let Tt = class extends u {
+let jt = class extends u {
   render() {
     return l` <span class="dots"></span> `;
   }
 };
-Tt.styles = v`
+jt.styles = v`
     :host {
       display: flex;
       align-items: center;
@@ -3329,13 +3333,13 @@ Tt.styles = v`
       }
     }
   `;
-Tt = Qo([
-  g("o-dots")
-], Tt);
-var Yo = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, T = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? ti(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+jt = ti([
+  b("o-dots")
+], jt);
+var ei = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, T = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? oi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Yo(t, e, i), i;
+  return r && i && ei(t, e, i), i;
 };
 let E = class extends u {
   constructor() {
@@ -3403,7 +3407,7 @@ let E = class extends u {
     this.options.length > 0 && (this.options.some((t) => t.value === this.value) || (this.value = this.options[0].value));
   }
   render() {
-    const o = F.checkstroke.replace(
+    const o = N.checkstroke.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ), t = this.options.find((e) => e.value === this.value);
@@ -3669,26 +3673,26 @@ T([
   a({ type: String, reflect: !0 })
 ], E.prototype, "width", 2);
 T([
-  et()
+  ot()
 ], E.prototype, "open", 2);
 T([
-  et()
+  ot()
 ], E.prototype, "activeIndex", 2);
 T([
-  et()
+  ot()
 ], E.prototype, "menuWidth", 2);
 E = T([
-  g("o-dropdown-variant")
+  b("o-dropdown-variant")
 ], E);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const xe = "important", ei = " !" + xe, oi = Zt(class extends Kt {
+const $e = "important", ii = " !" + $e, ri = Wt(class extends Gt {
   constructor(o) {
     var t;
-    if (super(o), o.type !== qt.ATTRIBUTE || o.name !== "style" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+    if (super(o), o.type !== Kt.ATTRIBUTE || o.name !== "style" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(o) {
     return Object.keys(o).reduce((t, e) => {
@@ -3704,19 +3708,19 @@ const xe = "important", ei = " !" + xe, oi = Zt(class extends Kt {
       const i = t[r];
       if (i != null) {
         this.ft.add(r);
-        const n = typeof i == "string" && i.endsWith(ei);
-        r.includes("-") || n ? e.setProperty(r, n ? i.slice(0, -11) : i, n ? xe : "") : e[r] = i;
+        const n = typeof i == "string" && i.endsWith(ii);
+        r.includes("-") || n ? e.setProperty(r, n ? i.slice(0, -11) : i, n ? $e : "") : e[r] = i;
       }
     }
     return G;
   }
 });
-var ii = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, Xt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? ri(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var ni = Object.defineProperty, si = Object.getOwnPropertyDescriptor, Qt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? si(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && ii(t, e, i), i;
+  return r && i && ni(t, e, i), i;
 };
-let gt = class extends u {
+let yt = class extends u {
   constructor() {
     super(...arguments), this.option = {}, this.imageSize = 64;
   }
@@ -3725,7 +3729,7 @@ let gt = class extends u {
       width: `${this.imageSize}px`,
       height: `${this.imageSize}px`
     }, e = l`
-      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${S(this.option.title)}" aria-hidden="true" style=${oi(t)} />` : ""}
+      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${S(this.option.title)}" aria-hidden="true" style=${ri(t)} />` : ""}
       <div class="m-reassurance-content">
         <h3 class="a-reassurance-text">${S(this.option.title)}</h3>
         <p class="a-reassurance-description">${S(this.option.description)}</p>
@@ -3734,7 +3738,7 @@ let gt = class extends u {
     return o ? l`<a href="${S(this.option.url)}" class="reassurance-item clickable">${e}</a>` : l`<div class="reassurance-item">${e}</div>`;
   }
 };
-gt.styles = v`
+yt.styles = v`
     :host {
       display: inline-block;
       position: relative;
@@ -3816,22 +3820,22 @@ gt.styles = v`
       }
     }
   `;
-Xt([
+Qt([
   a({ type: Object, reflect: !0 })
-], gt.prototype, "option", 2);
-Xt([
+], yt.prototype, "option", 2);
+Qt([
   a({ type: Number, reflect: !0 })
-], gt.prototype, "imageSize", 2);
-gt = Xt([
-  g("o-reassurance")
-], gt);
-var ni = Object.defineProperty, si = Object.getOwnPropertyDescriptor, q = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? si(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+], yt.prototype, "imageSize", 2);
+yt = Qt([
+  b("o-reassurance")
+], yt);
+var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, q = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? li(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && ni(t, e, i), i;
+  return r && i && ai(t, e, i), i;
 };
-const ai = Vt(u);
-let L = class extends ai {
+const ci = Zt(u);
+let L = class extends ci {
   constructor() {
     super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
   }
@@ -3930,7 +3934,7 @@ L.styles = v`
       }
 
       &:focus-visible {
-        ${ot};
+        ${it};
       }
     }
 
@@ -3969,14 +3973,14 @@ q([
   a({ type: Boolean, reflect: !0 })
 ], L.prototype, "inactive", 2);
 L = q([
-  g("o-chip")
+  b("o-chip")
 ], L);
-var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, Jt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? ci(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var hi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, Yt = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? di(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && li(t, e, i), i;
+  return r && i && hi(t, e, i), i;
 };
-let yt = class extends u {
+let mt = class extends u {
   constructor() {
     super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
   }
@@ -3992,7 +3996,7 @@ let yt = class extends u {
     `;
   }
 };
-yt.styles = v`
+mt.styles = v`
     :host {
       display: flex;
       flex-direction: row;
@@ -4000,22 +4004,22 @@ yt.styles = v`
       gap: var(--spacing-s);
     }
   `;
-Jt([
+Yt([
   a({ reflect: !0 })
-], yt.prototype, "name", 2);
-Jt([
+], mt.prototype, "name", 2);
+Yt([
   a({ reflect: !0 })
-], yt.prototype, "value", 2);
-yt = Jt([
-  g("o-chipset")
-], yt);
-var hi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, M = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? di(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+], mt.prototype, "value", 2);
+mt = Yt([
+  b("o-chipset")
+], mt);
+var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, M = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? ui(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && hi(t, e, i), i;
+  return r && i && pi(t, e, i), i;
 };
-const pi = Vt(u);
-let P = class extends pi {
+const vi = Zt(u);
+let P = class extends vi {
   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";
   }
@@ -4027,14 +4031,14 @@ let P = class extends pi {
     this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
   }
   crossIcon() {
-    const o = F[this.crossIconName].replace(
+    const o = N[this.crossIconName].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
     return l`<span class="cross-icon">${_(o)}</span>`;
   }
   strikeThroughImg() {
-    const o = xo[this.strikethroughImgName].replace(
+    const o = $o[this.strikethroughImgName].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="strikethrough"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
@@ -4145,7 +4149,7 @@ P.styles = v`
     }
 
     .button:focus-visible {
-      ${ot};
+      ${it};
     }
 
     span.text + span.text::before {
@@ -4219,14 +4223,14 @@ M([
   a({ type: Boolean, reflect: !0 })
 ], P.prototype, "fullwidth", 2);
 P = M([
-  g("o-filter-chip")
+  b("o-filter-chip")
 ], P);
-var ui = Object.defineProperty, j = (o, t, e, r) => {
+var fi = Object.defineProperty, j = (o, t, e, r) => {
   for (var i = void 0, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = s(t, e, i) || i);
-  return i && ui(t, e, i), i;
+  return i && fi(t, e, i), i;
 };
-const te = class te extends u {
+const oe = class oe extends u {
   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 = "";
   }
@@ -4276,7 +4280,7 @@ const te = class te extends u {
     `;
   }
 };
-te.styles = v`
+oe.styles = v`
     :host {
         display: block;
         max-width: 100%;
@@ -4373,7 +4377,7 @@ te.styles = v`
             cursor: pointer;
         }
   `;
-let C = te;
+let C = oe;
 j([
   a({ type: String })
 ], C.prototype, "type");
@@ -4405,12 +4409,12 @@ j([
   a({ type: Function })
 ], C.prototype, "onClickTile");
 customElements.define("mini-tile", C);
-var vi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, Qt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? fi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var bi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, te = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? gi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && vi(t, e, i), i;
+  return r && i && bi(t, e, i), i;
 };
-let mt = class extends u {
+let xt = class extends u {
   constructor() {
     super(...arguments), this.variant = "cart", this.text = "";
   }
@@ -4422,7 +4426,7 @@ let mt = class extends u {
     `;
   }
 };
-mt.styles = v`
+xt.styles = v`
     :host([variant]) {
       --badge-width: 19px;
       display: inline-block;
@@ -4457,19 +4461,19 @@ mt.styles = v`
     }
 
   `;
-Qt([
+te([
   a({ type: String, reflect: !0 })
-], mt.prototype, "variant", 2);
-Qt([
+], xt.prototype, "variant", 2);
+te([
   a({ type: String })
-], mt.prototype, "text", 2);
-mt = Qt([
-  g("o-badge")
-], mt);
-var bi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, I = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? gi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+], xt.prototype, "text", 2);
+xt = te([
+  b("o-badge")
+], xt);
+var yi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, I = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? mi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && bi(t, e, i), i;
+  return r && i && yi(t, e, i), i;
 };
 let $ = class extends u {
   constructor() {
@@ -4515,7 +4519,7 @@ let $ = class extends u {
     });
   }
   render() {
-    const t = wo[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"');
+    const t = _o[this.icon].replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"');
     return l`
             <div class="o-toast">
                 <div class="o-toast-icon">
@@ -4647,16 +4651,16 @@ I([
   a({ type: Boolean, reflect: !0 })
 ], $.prototype, "multiline", 2);
 $ = I([
-  g("o-toast")
+  b("o-toast")
 ], $);
-var yi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, B = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? mi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var xi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, B = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? wi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && yi(t, e, i), i;
+  return r && i && xi(t, e, i), i;
 };
-let xi = 0, k = class extends u {
+let $i = 0, k = class extends u {
   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-${++xi}`);
+    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-${++$i}`);
   }
   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 })));
@@ -4671,7 +4675,7 @@ let xi = 0, k = class extends u {
     this.disabled || (o.key === " " || o.key === "Enter") && (o.preventDefault(), this.toggle());
   }
   render() {
-    const o = _(F.checkbox.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"')), t = _(F.icoMinus.replace("<svg", '<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));
+    const o = _(N.checkbox.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"')), t = _(N.icoMinus.replace("<svg", '<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));
     return l`
       <input
         type="checkbox"
@@ -4826,19 +4830,19 @@ B([
   a({ type: String, reflect: !0 })
 ], k.prototype, "inputId", 2);
 B([
-  ye("input")
+  xe("input")
 ], k.prototype, "inputEl", 2);
 k = B([
-  g("o-checkbox")
+  b("o-checkbox")
 ], k);
-var wi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, R = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? $i(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var _i = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, R = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ci(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && wi(t, e, i), i;
+  return r && i && _i(t, e, i), i;
 };
-let _i = 0, O = class extends u {
+let ki = 0, O = class extends u {
   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-${++_i}`);
+    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-${++ki}`);
   }
   handleClick() {
     this.disabled || this.checked || (this.checked = !0, this.syncInput(), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
@@ -4985,17 +4989,17 @@ R([
   a({ type: String, reflect: !0 })
 ], O.prototype, "inputId", 2);
 R([
-  ye("input")
+  xe("input")
 ], O.prototype, "inputEl", 2);
 O = R([
-  g("o-radio")
+  b("o-radio")
 ], O);
-var Ci = Object.getOwnPropertyDescriptor, ki = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ci(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Si = Object.getOwnPropertyDescriptor, Ai = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Si(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = s(i) || i);
   return i;
 };
-let Mt = class extends u {
+let Rt = class extends u {
   render() {
     return l`
             <nav aria-label="Breadcrumbs">
@@ -5006,7 +5010,7 @@ let Mt = class extends u {
         `;
   }
 };
-Mt.styles = v`
+Rt.styles = v`
         nav {
             max-width: 144rem;
             margin: auto;
@@ -5018,15 +5022,15 @@ Mt.styles = v`
             padding: var(--spacing-4-xs);
         }
     `;
-Mt = ki([
-  g("o-breadcrumbs")
-], Mt);
-var Si = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Yt = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ai(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+Rt = Ai([
+  b("o-breadcrumbs")
+], Rt);
+var Ei = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, ee = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Li(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Si(t, e, i), i;
+  return r && i && Ei(t, e, i), i;
 };
-let xt = class extends u {
+let wt = class extends u {
   constructor() {
     super(...arguments), this.href = "", this.active = !1;
   }
@@ -5047,7 +5051,7 @@ let xt = class extends u {
         `;
   }
 };
-xt.styles = v`
+wt.styles = v`
         li {
             display: inline-block;
         }
@@ -5074,7 +5078,7 @@ xt.styles = v`
         }
 
         a:focus-visible {
-            ${ot};
+            ${it};
         }
 
         :host(.a--tabfocus) {
@@ -5091,12 +5095,88 @@ xt.styles = v`
             }
         }
     `;
-Yt([
+ee([
   a({ type: String })
-], xt.prototype, "href", 2);
-Yt([
+], wt.prototype, "href", 2);
+ee([
   a({ type: Boolean, reflect: !0 })
-], xt.prototype, "active", 2);
-xt = Yt([
-  g("o-breadcrumb")
-], xt);
+], wt.prototype, "active", 2);
+wt = ee([
+  b("o-breadcrumb")
+], wt);
+var Pi = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, _t = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Oi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+    (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
+  return r && i && Pi(t, e, i), i;
+};
+let et = class extends u {
+  constructor() {
+    super(...arguments), this.imageUrl = "", this.imageAlt = "", this.hoverUrl = "", this.hoverAlt = "";
+  }
+  render() {
+    return l`<div class="card">
+      <svg aria-hidden="true">
+        <defs>
+          <clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
+            <path d="M 0.0022883 0.1515313 A 0.6791312 0.4712110 0 0 1 0.9931350 0.1531985 L 0.9931350 0.9969136 L 0.0022883 0.9969136 Z" />
+          </clipPath>
+        </defs>
+      </svg>
+      <img src="${this.imageUrl}" alt="${this.imageAlt}" class="card-img base" loading="lazy" />
+      ${this.hoverUrl ? l`<img src="${this.hoverUrl}" alt="${this.hoverAlt || this.imageAlt}" class="card-img hover" loading="lazy" />` : ""}
+    </div>`;
+  }
+};
+et.styles = v`
+    :host {
+      .card {
+        position: relative;
+        width: 175px;
+        height: 260px;
+        overflow: hidden;
+        background-color: var(--colors-noir-des-terres-500);
+        clip-path: url(#arch-gift-finder);
+        -webkit-clip-path: url(#arch-gift-finder);
+
+        @media (max-width: 1024px) {
+          width: 100px;
+          height: 153px;
+        }
+      }
+
+      .card-img {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        transition: opacity 0.3s ease-in-out;
+        background: linear-gradient(180deg, #f9f4ed 0%, #f3f0eb 81.41%, #edeae5 100%);
+
+        &.hover {
+          opacity: 0;
+          z-index: 2;
+        }
+      }
+
+      .card:hover .card-img.hover {
+        opacity: 1;
+      }
+    }
+  `;
+_t([
+  a({ type: String })
+], et.prototype, "imageUrl", 2);
+_t([
+  a({ type: String })
+], et.prototype, "imageAlt", 2);
+_t([
+  a({ type: String })
+], et.prototype, "hoverUrl", 2);
+_t([
+  a({ type: String })
+], et.prototype, "hoverAlt", 2);
+et = _t([
+  b("o-arch-image")
+], et);