@florid-kit/components 0.9.31 → 0.9.33

package/index.mjs

@@ -45,7 +45,7 @@ const Ee = (o) => new ye(typeof o == "string" ? o : o + "", void 0, Vt), v = (o,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ae, defineProperty: Be, getOwnPropertyDescriptor: Le, getOwnPropertyNames: Pe, getOwnPropertySymbols: ze, getPrototypeOf: Oe } = Object, X = globalThis, le = X.trustedTypes, Ie = le ? le.emptyScript : "", It = X.reactiveElementPolyfillSupport, pt = (o, t) => o, At = { toAttribute(o, t) {
+const { is: Ae, defineProperty: Le, getOwnPropertyDescriptor: Be, getOwnPropertyNames: Pe, getOwnPropertySymbols: ze, getPrototypeOf: Oe } = Object, X = globalThis, le = X.trustedTypes, Ie = le ? le.emptyScript : "", It = X.reactiveElementPolyfillSupport, pt = (o, t) => o, At = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
       o = o ? Ie : null;
@@ -85,11 +85,11 @@ let at = class extends HTMLElement {
   static createProperty(t, e = ce) {
     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 n = Symbol(), i = this.getPropertyDescriptor(t, n, e);
-      i !== void 0 && Be(this.prototype, t, i);
+      i !== void 0 && Le(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, n) {
-    const { get: i, set: r } = Le(this.prototype, t) ?? { get() {
+    const { get: i, set: r } = Be(this.prototype, t) ?? { get() {
       return this[e];
     }, set(s) {
       this[e] = s;
@@ -282,7 +282,7 @@ at.elementStyles = [], at.shadowRootOptions = { mode: "open" }, at[pt("elementPr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ut = globalThis, Bt = ut.trustedTypes, he = Bt ? Bt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, me = "$lit$", G = `lit$${Math.random().toFixed(9).slice(2)}$`, xe = "?" + G, De = `<${xe}>`, it = document, ft = () => it.createComment(""), gt = (o) => o === null || typeof o != "object" && typeof o != "function", Zt = Array.isArray, He = (o) => Zt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", Dt = `[ 	
+const ut = globalThis, Lt = ut.trustedTypes, he = Lt ? Lt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, me = "$lit$", G = `lit$${Math.random().toFixed(9).slice(2)}$`, xe = "?" + G, De = `<${xe}>`, it = document, ft = () => it.createComment(""), gt = (o) => o === null || typeof o != "object" && typeof o != "function", Zt = Array.isArray, He = (o) => Zt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", Dt = `[ 	
 \f\r]`, dt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, de = /-->/g, pe = />/g, tt = RegExp(`>|${Dt}(?:([^\\s"'>=/]+)(${Dt}*=${Dt}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), ue = /'/g, ve = /"/g, we = /^(?:script|style|textarea|title)$/i, Me = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Me(1), Y = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), fe = /* @__PURE__ */ new WeakMap(), et = it.createTreeWalker(it, 129);
 function $e(o, t) {
@@ -320,7 +320,7 @@ class bt {
         if (we.test(i.tagName)) {
           const f = i.textContent.split(G), N = f.length - 1;
           if (N > 0) {
-            i.textContent = Bt ? Bt.emptyScript : "";
+            i.textContent = Lt ? Lt.emptyScript : "";
             for (let W = 0; W < N; W++) i.append(f[W], ft()), et.nextNode(), h.push({ type: 2, index: ++r });
             i.append(f[N], ft());
           }
@@ -772,7 +772,13 @@ const Ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 </svg>
 `, _o = `<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>`, V = {
+</svg>`, Co = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 8L11.5 13L11.5 3L4.5 8Z" fill="#3F2B2E"/>
+</svg>
+`, Eo = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5 8L4.5 13L4.5 3L11.5 8Z" fill="#3F2B2E"/>
+</svg>
+`, V = {
   wishlist: Ge,
   playerv: Xe,
   chevronRight: Ye,
@@ -797,10 +803,12 @@ const Ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   mapDualArrow: bo,
   swipeDualArrow: mo,
   backToBag: ko,
-  checkbox: _o
-}, Co = {
+  checkbox: _o,
+  sliderLeftArrow: Co,
+  sliderRightArrow: Eo
+}, So = {
   strikeDiagonal: yo
-}, Eo = {
+}, Ao = {
   success: xo,
   error: wo,
   info: $o
@@ -861,7 +869,7 @@ const k = Xt(Ft);
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const So = (o) => o.strings === void 0;
+const Lo = (o) => o.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -873,7 +881,7 @@ const vt = (o, t) => {
   if (e === void 0) return !1;
   for (const i of e) (n = i._$AO) == null || n.call(i, t, !1), vt(i, t);
   return !0;
-}, Lt = (o) => {
+}, Bt = (o) => {
   let t, e;
   do {
     if ((t = o._$AM) === void 0) break;
@@ -884,22 +892,22 @@ const vt = (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), Lo(t);
+    e.add(o), zo(t);
   }
 };
-function Ao(o) {
-  this._$AN !== void 0 ? (Lt(this), this._$AM = o, _e(this)) : this._$AM = o;
+function Bo(o) {
+  this._$AN !== void 0 ? (Bt(this), this._$AM = o, _e(this)) : this._$AM = o;
 }
-function Bo(o, t = !1, e = 0) {
+function Po(o, t = !1, e = 0) {
   const n = this._$AH, i = this._$AN;
-  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) vt(n[r], !1), Lt(n[r]);
-  else n != null && (vt(n, !1), Lt(n));
+  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) vt(n[r], !1), Bt(n[r]);
+  else n != null && (vt(n, !1), Bt(n));
   else vt(this, o);
 }
-const Lo = (o) => {
-  o.type == Gt.CHILD && (o._$AP ?? (o._$AP = Bo), o._$AQ ?? (o._$AQ = Ao));
+const zo = (o) => {
+  o.type == Gt.CHILD && (o._$AP ?? (o._$AP = Po), o._$AQ ?? (o._$AQ = Bo));
 };
-class Po extends Yt {
+class Oo extends Yt {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
@@ -908,10 +916,10 @@ class Po extends Yt {
   }
   _$AO(t, e = !0) {
     var n, i;
-    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (vt(this, t), Lt(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (vt(this, t), Bt(this));
   }
   setValue(t) {
-    if (So(this._$Ct)) this._$Ct._$AI(t, this);
+    if (Lo(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 +930,7 @@ class Po extends Yt {
   reconnected() {
   }
 }
-class zo extends Po {
+class Io extends Oo {
   constructor() {
     super(...arguments), this.prevData = {};
   }
@@ -949,7 +957,7 @@ class zo extends Po {
         (!t || !(i in t) && n[i] === e[i]) && (n[i] = void 0);
   }
 }
-class Oo extends zo {
+class Do extends Io {
   constructor() {
     super(...arguments), this.eventData = {};
   }
@@ -993,7 +1001,7 @@ class Oo extends zo {
     }
   }
 }
-class Io extends Oo {
+class Ho extends Do {
   apply(t) {
     if (!t)
       return;
@@ -1042,19 +1050,19 @@ class Io extends Oo {
       }
   }
 }
-const ge = Xt(Io);
+const ge = Xt(Ho);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const A = (o) => o ?? d;
-var Do = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, T = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ho(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Mo = Object.defineProperty, To = Object.getOwnPropertyDescriptor, T = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? To(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Do(t, e, i), i;
+  return n && i && Mo(t, e, i), i;
 };
-let B = class extends p {
+let L = class extends p {
   constructor() {
     super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1, this.showSrLabel = !1, this.srLabel = "";
   }
@@ -1082,7 +1090,7 @@ let B = class extends p {
 		`;
   }
 };
-B.styles = v`
+L.styles = v`
 		:host {
 			display: inline-flex;
 			justify-content: center;
@@ -1296,38 +1304,38 @@ B.styles = v`
 	`;
 T([
   a({ type: String, reflect: !0 })
-], B.prototype, "bgstyle", 2);
+], L.prototype, "bgstyle", 2);
 T([
   a({ type: String, reflect: !0 })
-], B.prototype, "size", 2);
+], L.prototype, "size", 2);
 T([
   a({ type: String, reflect: !0 })
-], B.prototype, "status", 2);
+], L.prototype, "status", 2);
 T([
   a({ type: String, reflect: !0 })
-], B.prototype, "type", 2);
+], L.prototype, "type", 2);
 T([
   a({ type: String })
-], B.prototype, "strokewidth", 2);
+], L.prototype, "strokewidth", 2);
 T([
   a({ type: String })
-], B.prototype, "icon", 2);
+], L.prototype, "icon", 2);
 T([
   a({ type: Boolean, reflect: !0 })
-], B.prototype, "disabled", 2);
+], L.prototype, "disabled", 2);
 T([
   a({ type: Boolean })
-], B.prototype, "showSrLabel", 2);
+], L.prototype, "showSrLabel", 2);
 T([
   a({ type: String })
-], B.prototype, "srLabel", 2);
-B = T([
+], L.prototype, "srLabel", 2);
+L = T([
   g("o-icon-button")
-], B);
-var Mo = Object.defineProperty, To = Object.getOwnPropertyDescriptor, b = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? To(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], L);
+var jo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, b = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Fo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Mo(t, e, i), i;
+  return n && i && jo(t, e, i), i;
 };
 let u = class extends p {
   constructor() {
@@ -1338,7 +1346,7 @@ let u = class extends p {
         const i = (n = this.shadowRoot) == null ? void 0 : n.querySelector(".detail-view");
         i && i.setAttribute("fromelement", this._detailOriginClass);
       }
-      this._setPriceTabindex(), await this.focusDetailReturnBtn();
+      await this.focusDetailReturnBtn();
     }, this._detailOriginEl = null, this._detailOriginClass = "", this.handleKeyDown = (o) => {
       this.open && (o.key === "Escape" ? this.closePanel() : o.key === "Tab" && this.trapFocus(o));
     }, this.handleClosePanel = (o) => {
@@ -1391,16 +1399,6 @@ let u = class extends p {
     const n = (h = this.shadowRoot) == null ? void 0 : h.querySelector('.panel[role="dialog"]');
     n && n.setAttribute("aria-label", this.headerTitle);
   }
-  _setPriceTabindex() {
-    var n;
-    const o = (n = this.shadowRoot) == null ? void 0 : n.querySelector('slot[name="detail"]');
-    if (!o) return;
-    const e = o.assignedElements({ flatten: !0 }).flatMap(
-      (i) => Array.from(i.querySelectorAll(".m-product-price-standard"))
-    );
-    for (const i of e)
-      i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0");
-  }
   _restoreFocusToOrigin() {
     var t, e;
     const o = this._detailOriginEl;
@@ -1553,7 +1551,9 @@ let u = class extends p {
 							<div class="detail-view">
 								${o}
 								<div class="detail-content">
-									<slot name="detail" @slotchange=${this._onDetailSlotChange}></slot>
+									<div class="detail-scroller">
+										<slot name="detail" @slotchange=${this._onDetailSlotChange}></slot>
+									</div>
 								</div>
 							</div>
 						` : l`<slot></slot>`}
@@ -1790,6 +1790,12 @@ u.styles = v`
 		.detail-content {
 			padding: var(--spacing-xl);
 		}
+
+		.detail-scroller {
+			height: calc(100vh - 91px);
+			overflow: auto;
+			box-sizing: border-box;
+		}
 	`;
 u.focusablesSelector = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';
 u.focusablesCustomElementsSelector = "o-icon-button, o-button";
@@ -1862,13 +1868,13 @@ b([
 u = b([
   g("o-side-panel")
 ], u);
-var jo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, x = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Fo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, x = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Uo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && jo(t, e, i), i;
+  return n && i && Ro(t, e, i), i;
 };
-const Ro = Wt(p);
-let y = class extends Ro {
+const No = Wt(p);
+let y = class extends No {
   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;
   }
@@ -2191,10 +2197,10 @@ x([
 y = x([
   g("o-button")
 ], y);
-var Uo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, zt = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? No(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Vo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, zt = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? qo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Uo(t, e, i), i;
+  return n && i && Vo(t, e, i), i;
 };
 let ct = class extends p {
   constructor() {
@@ -2314,10 +2320,10 @@ zt([
 ct = zt([
   g("o-wishlist-button")
 ], ct);
-var Vo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, st = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? qo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, st = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ko(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Vo(t, e, i), i;
+  return n && i && Zo(t, e, i), i;
 };
 let q = class extends p {
   constructor() {
@@ -2470,10 +2476,10 @@ st([
 q = st([
   g("o-link")
 ], q);
-var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Ot = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ko(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, Ot = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Go(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Zo(t, e, i), i;
+  return n && i && Wo(t, e, i), i;
 };
 let ht = class extends p {
   constructor() {
@@ -2548,10 +2554,10 @@ Ot([
 ht = Ot([
   g("o-rating")
 ], ht);
-var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, Q = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Go(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Xo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Q = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Yo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Wo(t, e, i), i;
+  return n && i && Xo(t, e, i), i;
 };
 let M = class extends p {
   constructor() {
@@ -2774,10 +2780,10 @@ Q([
 M = Q([
   g("thumbnail-navigation")
 ], M);
-var Xo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Jt = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Yo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, Jt = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Qo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Xo(t, e, i), i;
+  return n && i && Jo(t, e, i), i;
 };
 let yt = class extends p {
   constructor() {
@@ -2856,10 +2862,10 @@ Jt([
 yt = Jt([
   g("o-tag")
 ], yt);
-var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, Qt = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Qo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, Qt = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? ei(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Jo(t, e, i), i;
+  return n && i && ti(t, e, i), i;
 };
 let mt = class extends p {
   constructor() {
@@ -2976,10 +2982,10 @@ Qt([
 mt = Qt([
   g("o-tooltip")
 ], mt);
-var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, Z = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? ei(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, Z = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? ii(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && ti(t, e, i), i;
+  return n && i && oi(t, e, i), i;
 };
 let D = class extends p {
   constructor() {
@@ -3271,8 +3277,8 @@ Z([
 D = Z([
   g("o-dropdown")
 ], D);
-var oi = Object.getOwnPropertyDescriptor, ii = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? oi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var ni = Object.getOwnPropertyDescriptor, ri = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? ni(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = s(i) || i);
   return i;
 };
@@ -3333,15 +3339,15 @@ Rt.styles = v`
       }
     }
   `;
-Rt = ii([
+Rt = ri([
   g("o-dots")
 ], Rt);
-var ni = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, j = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? ri(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, j = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? ai(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && ni(t, e, i), i;
+  return n && i && si(t, e, i), i;
 };
-let L = class extends p {
+let B = 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 = (o) => {
       this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
@@ -3478,7 +3484,7 @@ let L = class extends p {
 		`;
   }
 };
-L.styles = v`
+B.styles = v`
 		:host {
 			display: inline-block;
 			position: relative;
@@ -3656,40 +3662,40 @@ L.styles = v`
 	`;
 j([
   a({ type: Array, reflect: !0 })
-], L.prototype, "options", 2);
+], B.prototype, "options", 2);
 j([
   a({ type: String, reflect: !0 })
-], L.prototype, "value", 2);
+], B.prototype, "value", 2);
 j([
   a({ type: String, reflect: !0 })
-], L.prototype, "name", 2);
+], B.prototype, "name", 2);
 j([
   a({ type: String, reflect: !0 })
-], L.prototype, "additionaltext", 2);
+], B.prototype, "additionaltext", 2);
 j([
   a({ type: Boolean, reflect: !0 })
-], L.prototype, "disabled", 2);
+], B.prototype, "disabled", 2);
 j([
   a({ type: String, reflect: !0 })
-], L.prototype, "width", 2);
+], B.prototype, "width", 2);
 j([
   J()
-], L.prototype, "open", 2);
+], B.prototype, "open", 2);
 j([
   J()
-], L.prototype, "activeIndex", 2);
+], B.prototype, "activeIndex", 2);
 j([
   J()
-], L.prototype, "menuWidth", 2);
-L = j([
+], B.prototype, "menuWidth", 2);
+B = j([
   g("o-dropdown-variant")
-], L);
+], B);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ce = "important", si = " !" + Ce, ai = Xt(class extends Yt {
+const Ce = "important", li = " !" + Ce, ci = Xt(class extends Yt {
   constructor(o) {
     var t;
     if (super(o), o.type !== Gt.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.");
@@ -3708,17 +3714,17 @@ const Ce = "important", si = " !" + Ce, ai = Xt(class extends Yt {
       const i = t[n];
       if (i != null) {
         this.ft.add(n);
-        const r = typeof i == "string" && i.endsWith(si);
+        const r = typeof i == "string" && i.endsWith(li);
         n.includes("-") || r ? e.setProperty(n, r ? i.slice(0, -11) : i, r ? Ce : "") : e[n] = i;
       }
     }
     return Y;
   }
 });
-var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, te = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? ci(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var hi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, te = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? di(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && li(t, e, i), i;
+  return n && i && hi(t, e, i), i;
 };
 let xt = class extends p {
   constructor() {
@@ -3732,7 +3738,7 @@ let xt = class extends p {
       width: `${this.imageSize}px`,
       height: `${this.imageSize}px`
     }, n = this.option && this.option.title ? o(this.option.title) : "", i = this.option && this.option.description ? o(this.option.description) : "", r = l`
-      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${A(n)}" aria-hidden="true" style=${ai(e)} />` : ""}
+      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${A(n)}" aria-hidden="true" style=${ci(e)} />` : ""}
       <div class="m-reassurance-content">
         <h3 class="a-reassurance-text">${A(n)}</h3>
         <p class="a-reassurance-description">${A(i)}</p>
@@ -3832,13 +3838,13 @@ te([
 xt = te([
   g("o-reassurance")
 ], xt);
-var hi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, K = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? di(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, K = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? ui(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && hi(t, e, i), i;
+  return n && i && pi(t, e, i), i;
 };
-const pi = Wt(p);
-let P = class extends pi {
+const vi = Wt(p);
+let P = class extends vi {
   constructor() {
     super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
   }
@@ -3978,10 +3984,10 @@ K([
 P = K([
   g("o-chip")
 ], P);
-var ui = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, ee = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? vi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var fi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, ee = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? gi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && ui(t, e, i), i;
+  return n && i && fi(t, e, i), i;
 };
 let wt = class extends p {
   constructor() {
@@ -4016,13 +4022,13 @@ ee([
 wt = ee([
   g("o-chipset")
 ], wt);
-var fi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, F = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? gi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var bi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, F = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? yi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && fi(t, e, i), i;
+  return n && i && bi(t, e, i), i;
 };
-const bi = Wt(p);
-let z = class extends bi {
+const mi = Wt(p);
+let z = class extends mi {
   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";
   }
@@ -4041,7 +4047,7 @@ let z = class extends bi {
     return l`<span class="cross-icon">${k(o)}</span>`;
   }
   strikeThroughImg() {
-    const o = Co[this.strikethroughImgName].replace(
+    const o = So[this.strikethroughImgName].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="strikethrough"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
@@ -4228,10 +4234,10 @@ F([
 z = F([
   g("o-filter-chip")
 ], z);
-var yi = Object.defineProperty, R = (o, t, e, n) => {
+var xi = Object.defineProperty, R = (o, t, e, n) => {
   for (var i = void 0, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = s(t, e, i) || i);
-  return i && yi(t, e, i), i;
+  return i && xi(t, e, i), i;
 };
 const ne = class ne extends p {
   constructor() {
@@ -4412,10 +4418,10 @@ R([
   a({ type: Function })
 ], C.prototype, "onClickTile");
 customElements.define("mini-tile", C);
-var mi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, oe = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? xi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var wi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, oe = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? $i(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && mi(t, e, i), i;
+  return n && i && wi(t, e, i), i;
 };
 let $t = class extends p {
   constructor() {
@@ -4473,10 +4479,10 @@ oe([
 $t = oe([
   g("o-badge")
 ], $t);
-var wi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, I = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? $i(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var ki = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, I = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? _i(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && wi(t, e, i), i;
+  return n && i && ki(t, e, i), i;
 };
 let _ = class extends p {
   constructor() {
@@ -4522,7 +4528,7 @@ let _ = class extends p {
     });
   }
   render() {
-    const t = Eo[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 = Ao[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">
@@ -4656,14 +4662,14 @@ I([
 _ = I([
   g("o-toast")
 ], _);
-var ki = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? _i(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Ci = Object.defineProperty, Ei = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ei(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && ki(t, e, i), i;
+  return n && i && Ci(t, e, i), i;
 };
-let Ci = 0, E = class extends p {
+let Si = 0, E = 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-${++Ci}`);
+    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-${++Si}`);
   }
   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 })));
@@ -4838,14 +4844,14 @@ H([
 E = H([
   g("o-checkbox")
 ], E);
-var Ei = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, U = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Si(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Ai = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, U = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Li(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Ei(t, e, i), i;
+  return n && i && Ai(t, e, i), i;
 };
-let Ai = 0, O = class extends p {
+let Bi = 0, O = class extends p {
   constructor() {
-    super(), this.checked = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Radio button", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-radio-${++Ai}`);
+    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-${++Bi}`);
   }
   handleClick() {
     this.disabled || this.checked || (this.checked = !0, this.syncInput(), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
@@ -4997,8 +5003,8 @@ U([
 O = U([
   g("o-radio")
 ], O);
-var Bi = Object.getOwnPropertyDescriptor, Li = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Bi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Pi = Object.getOwnPropertyDescriptor, zi = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Pi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = s(i) || i);
   return i;
 };
@@ -5025,13 +5031,13 @@ Ut.styles = v`
             padding: var(--spacing-4-xs);
         }
     `;
-Ut = Li([
+Ut = zi([
   g("o-breadcrumbs")
 ], Ut);
-var Pi = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, ie = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? zi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Oi = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, ie = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ii(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Pi(t, e, i), i;
+  return n && i && Oi(t, e, i), i;
 };
 let kt = class extends p {
   constructor() {
@@ -5103,10 +5109,10 @@ ie([
 kt = ie([
   g("o-breadcrumb")
 ], kt);
-var Oi = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, Ct = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ii(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Di = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, Ct = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Hi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Oi(t, e, i), i;
+  return n && i && Di(t, e, i), i;
 };
 let nt = class extends p {
   constructor() {
@@ -5179,7 +5185,7 @@ Ct([
 nt = Ct([
   g("o-arch-image")
 ], nt);
-const Di = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+const Mi = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:cc="http://creativecommons.org/ns#"
@@ -5260,10 +5266,10 @@ const Di = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
          id="path52"
          style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
          d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;
-var Hi = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, S = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Mi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Ti = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, S = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? ji(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Hi(t, e, i), i;
+  return n && i && Ti(t, e, i), i;
 };
 const re = class re extends p {
   constructor() {
@@ -5363,7 +5369,7 @@ const re = class re extends p {
           <header part="header">
             ${this.showBackButton ? this._renderBackButton() : null}
             <div class="brand">
-              <span slot="logo${this.contrast ? "-contrast" : ""}">${k(Di)}</span>
+              <span slot="logo${this.contrast ? "-contrast" : ""}">${k(Mi)}</span>
             </div>
             <div part="close${this.contrast ? "-contrast" : ""}">${this._renderCloseButton()}</div>
           </header>