npm - @viur/shop-components - Versions diffs - 0.0.1-dev.48 → 0.0.1-dev.49 - Mend

@viur/shop-components 0.0.1-dev.48 → 0.0.1-dev.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/{CategoryView-DSG-IK5J.mjs → CategoryView-C82ANveM.mjs} +2 -2
package/dist/{ItemCard-Cyjlw1FW.mjs → ItemCard-CJb5ufYO.mjs} +1 -1
package/dist/{ItemView-Den3mLBR.mjs → ItemView-BqdaEKGW.mjs} +577 -414
package/dist/ItemView.css +1 -0
package/dist/main-DAewB9nF.mjs +3212 -0
package/dist/{style.css → main.css} +1 -1
package/dist/viur-shop-components.es.js +1 -1
package/dist/viur-shop-components.umd.js +150 -6677
package/package.json +15 -2
package/dist/main-BAXph9jY.mjs +0 -30531

package/dist/{ItemView-Den3mLBR.mjs → ItemView-BqdaEKGW.mjs} RENAMED Viewed

@@ -1,22 +1,10 @@
-import { reactive as Ft, onBeforeMount as Wt, openBlock as Kt, createElementBlock as Jt, Fragment as Yt, createElementVNode as p, toDisplayString as lt, withModifiers as Zt, createTextVNode as Tt, createVNode as Gt, pushScopeId as Qt, popScopeId as Xt } from "vue";
-import { Request as ct } from "@viur/vue-utils";
-import { useRoute as te } from "vue-router";
-import { I as ee } from "./ItemCard-Cyjlw1FW.mjs";
-import { w as se, a as ie, g as ht, _ as oe } from "./main-BAXph9jY.mjs";
-var Lt = Object.defineProperty, re = Object.getOwnPropertyDescriptor, dt = Object.getOwnPropertySymbols, ne = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable, ut = (s, t, e) => t in s ? Lt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, It = (s, t) => {
-  for (var e in t || (t = {}))
-    ne.call(t, e) && ut(s, e, t[e]);
-  if (dt)
-    for (var e of dt(t))
-      ae.call(t, e) && ut(s, e, t[e]);
-  return s;
-}, c = (s, t, e, i) => {
-  for (var o = i > 1 ? void 0 : i ? re(t, e) : t, r = s.length - 1, n; r >= 0; r--)
-    (n = s[r]) && (o = (i ? n(t, e, o) : n(o)) || o);
-  return i && o && Lt(t, e, o), o;
-};
+import { reactive as Yt, onBeforeMount as Gt, openBlock as Qt, createElementBlock as Xt, Fragment as te, createElementVNode as p, toDisplayString as dt, withModifiers as ee, createTextVNode as It, createVNode as se, pushScopeId as ie, popScopeId as re } from "vue";
+import { Request as ut } from "@viur/vue-utils";
+import { useRoute as oe } from "vue-router";
+import { I as ne } from "./ItemCard-CJb5ufYO.mjs";
+import { _ as ae } from "./main-DAewB9nF.mjs";
 function pt(s, t, e) {
-  const i = (o) => Object.is(o, -0) ? 0 : o;
+  const i = (r) => Object.is(r, -0) ? 0 : r;
   return s < t ? i(t) : s > e ? i(e) : i(s);
 }
 var le = class {
@@ -47,16 +35,16 @@ var le = class {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const W = globalThis, ot = W.ShadowRoot && (W.ShadyCSS === void 0 || W.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, rt = Symbol(), gt = /* @__PURE__ */ new WeakMap();
+const W = globalThis, at = W.ShadowRoot && (W.ShadyCSS === void 0 || W.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, lt = Symbol(), gt = /* @__PURE__ */ new WeakMap();
 let Ut = class {
   constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== rt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== lt) 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 (ot && t === void 0) {
+    if (at && t === void 0) {
       const i = e !== void 0 && e.length === 1;
       i && (t = gt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && gt.set(e, t));
     }
@@ -66,20 +54,20 @@ let Ut = class {
     return this.cssText;
   }
 };
-const ce = (s) => new Ut(typeof s == "string" ? s : s + "", void 0, rt), nt = (s, ...t) => {
-  const e = s.length === 1 ? s[0] : t.reduce((i, o, r) => i + ((n) => {
+const ce = (s) => new Ut(typeof s == "string" ? s : s + "", void 0, lt), ct = (s, ...t) => {
+  const e = s.length === 1 ? s[0] : t.reduce((i, r, o) => i + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(o) + s[r + 1], s[0]);
-  return new Ut(e, s, rt);
+  })(r) + s[o + 1], s[0]);
+  return new Ut(e, s, lt);
 }, he = (s, t) => {
-  if (ot) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  if (at) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const i = document.createElement("style"), o = W.litNonce;
-    o !== void 0 && i.setAttribute("nonce", o), i.textContent = e.cssText, s.appendChild(i);
+    const i = document.createElement("style"), r = W.litNonce;
+    r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
   }
-}, vt = ot ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, vt = at ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules) e += i.cssText;
   return ce(e);
@@ -89,10 +77,10 @@ const ce = (s) => new Ut(typeof s == "string" ? s : s + "", void 0, rt), nt = (s
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: de, defineProperty: ue, getOwnPropertyDescriptor: pe, getOwnPropertyNames: ge, getOwnPropertySymbols: ve, getPrototypeOf: me } = Object, w = globalThis, mt = w.trustedTypes, fe = mt ? mt.emptyScript : "", G = w.reactiveElementPolyfillSupport, R = (s, t) => s, K = { toAttribute(s, t) {
+const { is: de, defineProperty: ue, getOwnPropertyDescriptor: pe, getOwnPropertyNames: ge, getOwnPropertySymbols: ve, getPrototypeOf: fe } = Object, $ = globalThis, ft = $.trustedTypes, me = ft ? ft.emptyScript : "", G = $.reactiveElementPolyfillSupport, O = (s, t) => s, Z = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
-      s = s ? fe : null;
+      s = s ? me : null;
       break;
     case Object:
     case Array:
@@ -117,57 +105,57 @@ const { is: de, defineProperty: ue, getOwnPropertyDescriptor: pe, getOwnProperty
       }
   }
   return e;
-} }, at = (s, t) => !de(s, t), ft = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: at };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), w.litPropertyMetadata ?? (w.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class T extends HTMLElement {
+} }, ht = (s, t) => !de(s, t), mt = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: ht };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class L 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 = ft) {
+  static createProperty(t, e = mt) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const i = Symbol(), o = this.getPropertyDescriptor(t, i, e);
-      o !== void 0 && ue(this.prototype, t, o);
+      const i = Symbol(), r = this.getPropertyDescriptor(t, i, e);
+      r !== void 0 && ue(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, e, i) {
-    const { get: o, set: r } = pe(this.prototype, t) ?? { get() {
+    const { get: r, set: o } = pe(this.prototype, t) ?? { get() {
       return this[e];
     }, set(n) {
       this[e] = n;
     } };
     return { get() {
-      return o == null ? void 0 : o.call(this);
+      return r == null ? void 0 : r.call(this);
     }, set(n) {
-      const l = o == null ? void 0 : o.call(this);
-      r.call(this, n), this.requestUpdate(t, l, i);
+      const l = r == null ? void 0 : r.call(this);
+      o.call(this, n), this.requestUpdate(t, l, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? ft;
+    return this.elementProperties.get(t) ?? mt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(R("elementProperties"))) return;
-    const t = me(this);
+    if (this.hasOwnProperty(O("elementProperties"))) return;
+    const t = fe(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(R("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(R("properties"))) {
+    if (this.hasOwnProperty(O("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(O("properties"))) {
       const e = this.properties, i = [...ge(e), ...ve(e)];
-      for (const o of i) this.createProperty(o, e[o]);
+      for (const r of i) this.createProperty(r, e[r]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [i, o] of e) this.elementProperties.set(i, o);
+      if (e !== void 0) for (const [i, r] of e) this.elementProperties.set(i, r);
     }
     this._$Eh = /* @__PURE__ */ new Map();
     for (const [e, i] of this.elementProperties) {
-      const o = this._$Eu(e, i);
-      o !== void 0 && this._$Eh.set(o, e);
+      const r = this._$Eu(e, i);
+      r !== void 0 && this._$Eh.set(r, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
@@ -175,7 +163,7 @@ class T extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
-      for (const o of i) e.unshift(vt(o));
+      for (const r of i) e.unshift(vt(r));
     } else t !== void 0 && e.push(vt(t));
     return e;
   }
@@ -227,24 +215,24 @@ class T extends HTMLElement {
     this._$AK(t, i);
   }
   _$EC(t, e) {
-    var r;
-    const i = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, i);
-    if (o !== void 0 && i.reflect === !0) {
-      const n = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : K).toAttribute(e, i.type);
-      this._$Em = t, n == null ? this.removeAttribute(o) : this.setAttribute(o, n), this._$Em = null;
+    var o;
+    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
+    if (r !== void 0 && i.reflect === !0) {
+      const n = (((o = i.converter) == null ? void 0 : o.toAttribute) !== void 0 ? i.converter : Z).toAttribute(e, i.type);
+      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    var r;
-    const i = this.constructor, o = i._$Eh.get(t);
-    if (o !== void 0 && this._$Em !== o) {
-      const n = i.getPropertyOptions(o), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((r = n.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? n.converter : K;
-      this._$Em = o, this[o] = l.fromAttribute(e, n.type), this._$Em = null;
+    var o;
+    const i = this.constructor, r = i._$Eh.get(t);
+    if (r !== void 0 && this._$Em !== r) {
+      const n = i.getPropertyOptions(r), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((o = n.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? n.converter : Z;
+      this._$Em = r, this[r] = l.fromAttribute(e, n.type), this._$Em = null;
     }
   }
   requestUpdate(t, e, i) {
     if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? at)(this[t], e)) return;
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? ht)(this[t], e)) return;
       this.P(t, e, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -270,21 +258,21 @@ class T extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [r, n] of this._$Ep) this[r] = n;
+        for (const [o, n] of this._$Ep) this[o] = n;
         this._$Ep = void 0;
       }
-      const o = this.constructor.elementProperties;
-      if (o.size > 0) for (const [r, n] of o) n.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], n);
+      const r = this.constructor.elementProperties;
+      if (r.size > 0) for (const [o, n] of r) n.wrapped !== !0 || this._$AL.has(o) || this[o] === void 0 || this.P(o, this[o], n);
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((o) => {
-        var r;
-        return (r = o.hostUpdate) == null ? void 0 : r.call(o);
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((r) => {
+        var o;
+        return (o = r.hostUpdate) == null ? void 0 : o.call(r);
       }), this.update(e)) : this._$EU();
-    } catch (o) {
-      throw t = !1, this._$EU(), o;
+    } catch (r) {
+      throw t = !1, this._$EU(), r;
     }
     t && this._$AE(e);
   }
@@ -293,8 +281,8 @@ class T extends HTMLElement {
   _$AE(t) {
     var e;
     (e = this._$EO) == null || e.forEach((i) => {
-      var o;
-      return (o = i.hostUpdated) == null ? void 0 : o.call(i);
+      var r;
+      return (r = i.hostUpdated) == null ? void 0 : r.call(i);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EU() {
@@ -317,76 +305,76 @@ class T extends HTMLElement {
   firstUpdated(t) {
   }
 }
-T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProperties")] = /* @__PURE__ */ new Map(), T[R("finalized")] = /* @__PURE__ */ new Map(), G == null || G({ ReactiveElement: T }), (w.reactiveElementVersions ?? (w.reactiveElementVersions = [])).push("2.0.4");
+L.elementStyles = [], L.shadowRootOptions = { mode: "open" }, L[O("elementProperties")] = /* @__PURE__ */ new Map(), L[O("finalized")] = /* @__PURE__ */ new Map(), G == null || G({ ReactiveElement: L }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const N = globalThis, J = N.trustedTypes, _t = J ? J.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Mt = "$lit$", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, Ot = "?" + $, _e = `<${Ot}>`, C = document, D = () => C.createComment(""), H = (s) => s === null || typeof s != "object" && typeof s != "function", kt = Array.isArray, ye = (s) => kt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", Q = `[
-\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, yt = /-->/g, bt = />/g, S = RegExp(`>|${Q}(?:([^\\s"'>=/]+)(${Q}*=${Q}*(?:[^
-\f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, wt = /"/g, Rt = /^(?:script|style|textarea|title)$/i, be = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), y = be(1), P = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), St = /* @__PURE__ */ new WeakMap(), E = C.createTreeWalker(C, 129);
-function Nt(s, t) {
+const R = globalThis, K = R.trustedTypes, _t = K ? K.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Ot = "$lit$", w = `lit$${Math.random().toFixed(9).slice(2)}$`, Rt = "?" + w, _e = `<${Rt}>`, E = document, B = () => E.createComment(""), H = (s) => s === null || typeof s != "object" && typeof s != "function", Nt = Array.isArray, be = (s) => Nt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", Q = `[
+\f\r]`, I = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, bt = /-->/g, yt = />/g, S = RegExp(`>|${Q}(?:([^\\s"'>=/]+)(${Q}*=${Q}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`, "g"), wt = /'/g, $t = /"/g, Bt = /^(?:script|style|textarea|title)$/i, ye = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), b = ye(1), x = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), St = /* @__PURE__ */ new WeakMap(), C = E.createTreeWalker(E, 129);
+function Ht(s, t) {
   if (!Array.isArray(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return _t !== void 0 ? _t.createHTML(t) : t;
 }
-const $e = (s, t) => {
+const we = (s, t) => {
   const e = s.length - 1, i = [];
-  let o, r = t === 2 ? "<svg>" : "", n = O;
+  let r, o = t === 2 ? "<svg>" : "", n = I;
   for (let l = 0; l < e; l++) {
     const a = s[l];
     let d, g, h = -1, _ = 0;
-    for (; _ < a.length && (n.lastIndex = _, g = n.exec(a), g !== null); ) _ = n.lastIndex, n === O ? g[1] === "!--" ? n = yt : g[1] !== void 0 ? n = bt : g[2] !== void 0 ? (Rt.test(g[2]) && (o = RegExp("</" + g[2], "g")), n = S) : g[3] !== void 0 && (n = S) : n === S ? g[0] === ">" ? (n = o ?? O, h = -1) : g[1] === void 0 ? h = -2 : (h = n.lastIndex - g[2].length, d = g[1], n = g[3] === void 0 ? S : g[3] === '"' ? wt : $t) : n === wt || n === $t ? n = S : n === yt || n === bt ? n = O : (n = S, o = void 0);
-    const b = n === S && s[l + 1].startsWith("/>") ? " " : "";
-    r += n === O ? a + _e : h >= 0 ? (i.push(d), a.slice(0, h) + Mt + a.slice(h) + $ + b) : a + $ + (h === -2 ? l : b);
+    for (; _ < a.length && (n.lastIndex = _, g = n.exec(a), g !== null); ) _ = n.lastIndex, n === I ? g[1] === "!--" ? n = bt : g[1] !== void 0 ? n = yt : g[2] !== void 0 ? (Bt.test(g[2]) && (r = RegExp("</" + g[2], "g")), n = S) : g[3] !== void 0 && (n = S) : n === S ? g[0] === ">" ? (n = r ?? I, h = -1) : g[1] === void 0 ? h = -2 : (h = n.lastIndex - g[2].length, d = g[1], n = g[3] === void 0 ? S : g[3] === '"' ? $t : wt) : n === $t || n === wt ? n = S : n === bt || n === yt ? n = I : (n = S, r = void 0);
+    const y = n === S && s[l + 1].startsWith("/>") ? " " : "";
+    o += n === I ? a + _e : h >= 0 ? (i.push(d), a.slice(0, h) + Ot + a.slice(h) + w + y) : a + w + (h === -2 ? l : y);
   }
-  return [Nt(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [Ht(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
-class j {
+class D {
   constructor({ strings: t, _$litType$: e }, i) {
-    let o;
+    let r;
     this.parts = [];
-    let r = 0, n = 0;
-    const l = t.length - 1, a = this.parts, [d, g] = $e(t, e);
-    if (this.el = j.createElement(d, i), E.currentNode = this.el.content, e === 2) {
+    let o = 0, n = 0;
+    const l = t.length - 1, a = this.parts, [d, g] = we(t, e);
+    if (this.el = D.createElement(d, i), C.currentNode = this.el.content, e === 2) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
-    for (; (o = E.nextNode()) !== null && a.length < l; ) {
-      if (o.nodeType === 1) {
-        if (o.hasAttributes()) for (const h of o.getAttributeNames()) if (h.endsWith(Mt)) {
-          const _ = g[n++], b = o.getAttribute(h).split($), q = /([.?@])?(.*)/.exec(_);
-          a.push({ type: 1, index: r, name: q[2], strings: b, ctor: q[1] === "." ? Se : q[1] === "?" ? Ae : q[1] === "@" ? Ee : Y }), o.removeAttribute(h);
-        } else h.startsWith($) && (a.push({ type: 6, index: r }), o.removeAttribute(h));
-        if (Rt.test(o.tagName)) {
-          const h = o.textContent.split($), _ = h.length - 1;
+    for (; (r = C.nextNode()) !== null && a.length < l; ) {
+      if (r.nodeType === 1) {
+        if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(Ot)) {
+          const _ = g[n++], y = r.getAttribute(h).split(w), V = /([.?@])?(.*)/.exec(_);
+          a.push({ type: 1, index: o, name: V[2], strings: y, ctor: V[1] === "." ? Se : V[1] === "?" ? Ae : V[1] === "@" ? Ce : J }), r.removeAttribute(h);
+        } else h.startsWith(w) && (a.push({ type: 6, index: o }), r.removeAttribute(h));
+        if (Bt.test(r.tagName)) {
+          const h = r.textContent.split(w), _ = h.length - 1;
           if (_ > 0) {
-            o.textContent = J ? J.emptyScript : "";
-            for (let b = 0; b < _; b++) o.append(h[b], D()), E.nextNode(), a.push({ type: 2, index: ++r });
-            o.append(h[_], D());
+            r.textContent = K ? K.emptyScript : "";
+            for (let y = 0; y < _; y++) r.append(h[y], B()), C.nextNode(), a.push({ type: 2, index: ++o });
+            r.append(h[_], B());
           }
         }
-      } else if (o.nodeType === 8) if (o.data === Ot) a.push({ type: 2, index: r });
+      } else if (r.nodeType === 8) if (r.data === Rt) a.push({ type: 2, index: o });
       else {
         let h = -1;
-        for (; (h = o.data.indexOf($, h + 1)) !== -1; ) a.push({ type: 7, index: r }), h += $.length - 1;
+        for (; (h = r.data.indexOf(w, h + 1)) !== -1; ) a.push({ type: 7, index: o }), h += w.length - 1;
       }
-      r++;
+      o++;
     }
   }
   static createElement(t, e) {
-    const i = C.createElement("template");
+    const i = E.createElement("template");
     return i.innerHTML = t, i;
   }
 }
-function I(s, t, e = s, i) {
+function k(s, t, e = s, i) {
   var n, l;
-  if (t === P) return t;
-  let o = i !== void 0 ? (n = e._$Co) == null ? void 0 : n[i] : e._$Cl;
-  const r = H(t) ? void 0 : t._$litDirective$;
-  return (o == null ? void 0 : o.constructor) !== r && ((l = o == null ? void 0 : o._$AO) == null || l.call(o, !1), r === void 0 ? o = void 0 : (o = new r(s), o._$AT(s, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = o : e._$Cl = o), o !== void 0 && (t = I(s, o._$AS(s, t.values), o, i)), t;
+  if (t === x) return t;
+  let r = i !== void 0 ? (n = e._$Co) == null ? void 0 : n[i] : e._$Cl;
+  const o = H(t) ? void 0 : t._$litDirective$;
+  return (r == null ? void 0 : r.constructor) !== o && ((l = r == null ? void 0 : r._$AO) == null || l.call(r, !1), o === void 0 ? r = void 0 : (r = new o(s), r._$AT(s, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = r : e._$Cl = r), r !== void 0 && (t = k(s, r._$AS(s, t.values), r, i)), t;
 }
-class we {
+class $e {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -397,30 +385,30 @@ class we {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? C).importNode(e, !0);
-    E.currentNode = o;
-    let r = E.nextNode(), n = 0, l = 0, a = i[0];
+    const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? E).importNode(e, !0);
+    C.currentNode = r;
+    let o = C.nextNode(), n = 0, l = 0, a = i[0];
     for (; a !== void 0; ) {
       if (n === a.index) {
         let d;
-        a.type === 2 ? d = new B(r, r.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (d = new Ce(r, this, t)), this._$AV.push(d), a = i[++l];
+        a.type === 2 ? d = new j(o, o.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (d = new Ee(o, this, t)), this._$AV.push(d), a = i[++l];
       }
-      n !== (a == null ? void 0 : a.index) && (r = E.nextNode(), n++);
+      n !== (a == null ? void 0 : a.index) && (o = C.nextNode(), n++);
     }
-    return E.currentNode = C, o;
+    return C.currentNode = E, r;
   }
   p(t) {
     let e = 0;
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class B {
+class j {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
-  constructor(t, e, i, o) {
-    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
+  constructor(t, e, i, r) {
+    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -434,7 +422,7 @@ class B {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = I(this, t, e), H(t) ? t === v || t == null || t === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ye(t) ? this.k(t) : this._(t);
+    t = k(this, t, e), H(t) ? t === v || t == null || t === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : be(t) ? this.k(t) : this._(t);
   }
   S(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -443,33 +431,33 @@ class B {
     this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   _(t) {
-    this._$AH !== v && H(this._$AH) ? this._$AA.nextSibling.data = t : this.T(C.createTextNode(t)), this._$AH = t;
+    this._$AH !== v && H(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    var r;
-    const { values: e, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = j.createElement(Nt(i.h, i.h[0]), this.options)), i);
-    if (((r = this._$AH) == null ? void 0 : r._$AD) === o) this._$AH.p(e);
+    var o;
+    const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = D.createElement(Ht(i.h, i.h[0]), this.options)), i);
+    if (((o = this._$AH) == null ? void 0 : o._$AD) === r) this._$AH.p(e);
     else {
-      const n = new we(o, this), l = n.u(this.options);
+      const n = new $e(r, this), l = n.u(this.options);
       n.p(e), this.T(l), this._$AH = n;
     }
   }
   _$AC(t) {
     let e = St.get(t.strings);
-    return e === void 0 && St.set(t.strings, e = new j(t)), e;
+    return e === void 0 && St.set(t.strings, e = new D(t)), e;
   }
   k(t) {
-    kt(this._$AH) || (this._$AH = [], this._$AR());
+    Nt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let i, o = 0;
-    for (const r of t) o === e.length ? e.push(i = new B(this.S(D()), this.S(D()), this, this.options)) : i = e[o], i._$AI(r), o++;
-    o < e.length && (this._$AR(i && i._$AB.nextSibling, o), e.length = o);
+    let i, r = 0;
+    for (const o of t) r === e.length ? e.push(i = new j(this.S(B()), this.S(B()), this, this.options)) : i = e[r], i._$AI(o), r++;
+    r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
   }
   _$AR(t = this._$AA.nextSibling, e) {
     var i;
     for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const o = t.nextSibling;
-      t.remove(), t = o;
+      const r = t.nextSibling;
+      t.remove(), t = r;
     }
   }
   setConnected(t) {
@@ -477,32 +465,32 @@ class B {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class Y {
+class J {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, i, o, r) {
-    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = v;
+  constructor(t, e, i, r, o) {
+    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = v;
   }
-  _$AI(t, e = this, i, o) {
-    const r = this.strings;
+  _$AI(t, e = this, i, r) {
+    const o = this.strings;
     let n = !1;
-    if (r === void 0) t = I(this, t, e, 0), n = !H(t) || t !== this._$AH && t !== P, n && (this._$AH = t);
+    if (o === void 0) t = k(this, t, e, 0), n = !H(t) || t !== this._$AH && t !== x, n && (this._$AH = t);
     else {
       const l = t;
       let a, d;
-      for (t = r[0], a = 0; a < r.length - 1; a++) d = I(this, l[i + a], e, a), d === P && (d = this._$AH[a]), n || (n = !H(d) || d !== this._$AH[a]), d === v ? t = v : t !== v && (t += (d ?? "") + r[a + 1]), this._$AH[a] = d;
+      for (t = o[0], a = 0; a < o.length - 1; a++) d = k(this, l[i + a], e, a), d === x && (d = this._$AH[a]), n || (n = !H(d) || d !== this._$AH[a]), d === v ? t = v : t !== v && (t += (d ?? "") + o[a + 1]), this._$AH[a] = d;
     }
-    n && !o && this.j(t);
+    n && !r && this.j(t);
   }
   j(t) {
     t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Se extends Y {
+class Se extends J {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -510,7 +498,7 @@ class Se extends Y {
     this.element[this.name] = t === v ? void 0 : t;
   }
 }
-class Ae extends Y {
+class Ae extends J {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -518,21 +506,21 @@ class Ae extends Y {
     this.element.toggleAttribute(this.name, !!t && t !== v);
   }
 }
-class Ee extends Y {
-  constructor(t, e, i, o, r) {
-    super(t, e, i, o, r), this.type = 5;
+class Ce extends J {
+  constructor(t, e, i, r, o) {
+    super(t, e, i, r, o), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = I(this, t, e, 0) ?? v) === P) return;
-    const i = this._$AH, o = t === v && i !== v || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== v && (i === v || o);
-    o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = k(this, t, e, 0) ?? v) === x) return;
+    const i = this._$AH, r = t === v && i !== v || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== v && (i === v || r);
+    r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Ce {
+class Ee {
   constructor(t, e, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
   }
@@ -540,26 +528,26 @@ class Ce {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    I(this, t);
+    k(this, t);
   }
 }
-const X = N.litHtmlPolyfillSupport;
-X == null || X(j, B), (N.litHtmlVersions ?? (N.litHtmlVersions = [])).push("3.1.4");
-const Pe = (s, t, e) => {
+const X = R.litHtmlPolyfillSupport;
+X == null || X(D, j), (R.litHtmlVersions ?? (R.litHtmlVersions = [])).push("3.1.4");
+const xe = (s, t, e) => {
   const i = (e == null ? void 0 : e.renderBefore) ?? t;
-  let o = i._$litPart$;
-  if (o === void 0) {
-    const r = (e == null ? void 0 : e.renderBefore) ?? null;
-    i._$litPart$ = o = new B(t.insertBefore(D(), r), r, void 0, e ?? {});
+  let r = i._$litPart$;
+  if (r === void 0) {
+    const o = (e == null ? void 0 : e.renderBefore) ?? null;
+    i._$litPart$ = r = new j(t.insertBefore(B(), o), o, void 0, e ?? {});
   }
-  return o._$AI(s), o;
+  return r._$AI(s), r;
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class z extends T {
+class N extends L {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -570,7 +558,7 @@ class z extends T {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Pe(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = xe(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -581,15 +569,15 @@ class z extends T {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return P;
+    return x;
   }
 }
-var xt;
-z._$litElement$ = !0, z.finalized = !0, (xt = globalThis.litElementHydrateSupport) == null || xt.call(globalThis, { LitElement: z });
+var zt;
+N._$litElement$ = !0, N.finalized = !0, (zt = globalThis.litElementHydrateSupport) == null || zt.call(globalThis, { LitElement: N });
 const tt = globalThis.litElementPolyfillSupport;
-tt == null || tt({ LitElement: z });
+tt == null || tt({ LitElement: N });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.6");
-var xe = nt`
+var Pe = ct`
   :host {
     --slide-gap: var(--sl-spacing-medium, 1rem);
     --aspect-ratio: 16 / 9;
@@ -741,32 +729,43 @@ var xe = nt`
     outline: var(--sl-focus-ring);
     outline-offset: var(--sl-focus-ring-offset);
   }
-`;
+`, Dt = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, At = Object.getOwnPropertySymbols, Me = Object.prototype.hasOwnProperty, ke = Object.prototype.propertyIsEnumerable, Ct = (s, t, e) => t in s ? Dt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, jt = (s, t) => {
+  for (var e in t || (t = {}))
+    Me.call(t, e) && Ct(s, e, t[e]);
+  if (At)
+    for (var e of At(t))
+      ke.call(t, e) && Ct(s, e, t[e]);
+  return s;
+}, c = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? Le(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+    (n = s[o]) && (r = (i ? n(t, e, r) : n(r)) || r);
+  return i && r && Dt(t, e, r), r;
+};
 function Te(s, t) {
   return new Promise((e) => {
-    function i(o) {
-      o.target === s && (s.removeEventListener(t, i), e());
+    function i(r) {
+      r.target === s && (s.removeEventListener(t, i), e());
     }
     s.addEventListener(t, i);
   });
 }
-function At() {
+function Et() {
   return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-const it = /* @__PURE__ */ new Set(), Le = new MutationObserver(jt), L = /* @__PURE__ */ new Map();
-let zt = document.documentElement.dir || "ltr", Dt = document.documentElement.lang || navigator.language, A;
-Le.observe(document.documentElement, {
+const it = /* @__PURE__ */ new Set(), ze = new MutationObserver(Wt), M = /* @__PURE__ */ new Map();
+let Vt = document.documentElement.dir || "ltr", qt = document.documentElement.lang || navigator.language, A;
+ze.observe(document.documentElement, {
   attributes: !0,
   attributeFilter: ["dir", "lang"]
 });
-function Ht(...s) {
+function Ft(...s) {
   s.map((t) => {
     const e = t.$code.toLowerCase();
-    L.has(e) ? L.set(e, Object.assign(Object.assign({}, L.get(e)), t)) : L.set(e, t), A || (A = t);
-  }), jt();
+    M.has(e) ? M.set(e, Object.assign(Object.assign({}, M.get(e)), t)) : M.set(e, t), A || (A = t);
+  }), Wt();
 }
-function jt() {
-  zt = document.documentElement.dir || "ltr", Dt = document.documentElement.lang || navigator.language, [...it.keys()].map((s) => {
+function Wt() {
+  Vt = document.documentElement.dir || "ltr", qt = document.documentElement.lang || navigator.language, [...it.keys()].map((s) => {
     typeof s.requestUpdate == "function" && s.requestUpdate();
   });
 }
@@ -781,33 +780,33 @@ let Ie = class {
     it.delete(this.host);
   }
   dir() {
-    return `${this.host.dir || zt}`.toLowerCase();
+    return `${this.host.dir || Vt}`.toLowerCase();
   }
   lang() {
-    return `${this.host.lang || Dt}`.toLowerCase();
+    return `${this.host.lang || qt}`.toLowerCase();
   }
   getTranslationData(t) {
     var e, i;
-    const o = new Intl.Locale(t.replace(/_/g, "-")), r = o == null ? void 0 : o.language.toLowerCase(), n = (i = (e = o == null ? void 0 : o.region) === null || e === void 0 ? void 0 : e.toLowerCase()) !== null && i !== void 0 ? i : "", l = L.get(`${r}-${n}`), a = L.get(r);
-    return { locale: o, language: r, region: n, primary: l, secondary: a };
+    const r = new Intl.Locale(t.replace(/_/g, "-")), o = r == null ? void 0 : r.language.toLowerCase(), n = (i = (e = r == null ? void 0 : r.region) === null || e === void 0 ? void 0 : e.toLowerCase()) !== null && i !== void 0 ? i : "", l = M.get(`${o}-${n}`), a = M.get(o);
+    return { locale: r, language: o, region: n, primary: l, secondary: a };
   }
   exists(t, e) {
     var i;
-    const { primary: o, secondary: r } = this.getTranslationData((i = e.lang) !== null && i !== void 0 ? i : this.lang());
-    return e = Object.assign({ includeFallback: !1 }, e), !!(o && o[t] || r && r[t] || e.includeFallback && A && A[t]);
+    const { primary: r, secondary: o } = this.getTranslationData((i = e.lang) !== null && i !== void 0 ? i : this.lang());
+    return e = Object.assign({ includeFallback: !1 }, e), !!(r && r[t] || o && o[t] || e.includeFallback && A && A[t]);
   }
   term(t, ...e) {
-    const { primary: i, secondary: o } = this.getTranslationData(this.lang());
-    let r;
+    const { primary: i, secondary: r } = this.getTranslationData(this.lang());
+    let o;
     if (i && i[t])
-      r = i[t];
-    else if (o && o[t])
-      r = o[t];
+      o = i[t];
+    else if (r && r[t])
+      o = r[t];
     else if (A && A[t])
-      r = A[t];
+      o = A[t];
     else
       return console.error(`No translation found for: ${String(t)}`), String(t);
-    return typeof r == "function" ? r(...e) : r;
+    return typeof o == "function" ? o(...e) : o;
   }
   date(t, e) {
     return t = new Date(t), new Intl.DateTimeFormat(this.lang(), e).format(t);
@@ -819,7 +818,7 @@ let Ie = class {
     return new Intl.RelativeTimeFormat(this.lang(), i).format(t, e);
   }
 };
-var Bt = {
+var Zt = {
   $code: "en",
   $name: "English",
   $dir: "ltr",
@@ -848,11 +847,175 @@ var Bt = {
   slideNum: (s) => `Slide ${s}`,
   toggleColorFormat: "Toggle color format"
 };
-Ht(Bt);
-var Ue = Bt, Me = class extends Ie {
+Ft(Zt);
+var Ue = Zt, Oe = class extends Ie {
 };
-Ht(Ue);
-var Oe = nt`
+Ft(Ue);
+var rt = "";
+function xt(s) {
+  rt = s;
+}
+function ot(s = "") {
+  if (!rt) {
+    const t = [...document.getElementsByTagName("script")], e = t.find((i) => i.hasAttribute("data-shoelace"));
+    if (e)
+      xt(e.getAttribute("data-shoelace"));
+    else {
+      const i = t.find((o) => /shoelace(\.min)?\.js($|\?)/.test(o.src) || /shoelace-autoloader(\.min)?\.js($|\?)/.test(o.src));
+      let r = "";
+      i && (r = i.getAttribute("src")), xt(r.split("/").slice(0, -1).join("/"));
+    }
+  }
+  return rt.replace(/\/$/, "") + (s ? `/${s.replace(/^\//, "")}` : "");
+}
+var Re = {
+  name: "default",
+  resolver: (s, t = !1) => ot(t ? `assets/bootstrap-icons/${s}.svg` : `assets/bootstrap-icons/${s.substring(0, 1)}/${s}.svg`)
+}, Ne = Re, Be = {
+  name: "viur",
+  resolver: (s, t = !1) => ot(`/assets/icons/${s}.svg`),
+  mutator: (s) => {
+    s.setAttribute("fill", "currentColor"), [...s.querySelectorAll("*")].map((t) => t.setAttribute("fill", "inherit"));
+  }
+}, He = Be, Pt = {
+  caret: `
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <polyline points="6 9 12 15 18 9"></polyline>
+    </svg>
+  `,
+  check: `
+    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g stroke="currentColor">
+          <g transform="translate(3.428571, 3.428571)">
+            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>
+            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  `,
+  "chevron-down": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+    </svg>
+  `,
+  "chevron-left": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
+    </svg>
+  `,
+  "chevron-right": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
+    </svg>
+  `,
+  copy: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">
+      <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>
+    </svg>
+  `,
+  eye: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
+      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
+      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
+    </svg>
+  `,
+  "eye-slash": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">
+      <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>
+      <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
+      <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>
+    </svg>
+  `,
+  eyedropper: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">
+      <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>
+    </svg>
+  `,
+  "grip-vertical": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">
+      <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
+    </svg>
+  `,
+  indeterminate: `
+    <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g stroke="currentColor" stroke-width="2">
+          <g transform="translate(2.285714, 6.857143)">
+            <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  `,
+  checked: `
+    <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g stroke="currentColor" stroke-width="2">
+          <rect x="2" y="2" width="12" height="12" stroke-width="2"></rect>
+        </g>
+      </g>
+    </svg>
+  `,
+  "person-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
+      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+    </svg>
+  `,
+  "play-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
+      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>
+    </svg>
+  `,
+  "pause-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
+      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>
+    </svg>
+  `,
+  radio: `
+    <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">
+      <g stroke="none" stroke-width="2" fill="none" fill-rule="evenodd">
+        <g fill="currentColor">
+          <circle cx="8" cy="8" r="6"></circle>
+        </g>
+      </g>
+    </svg>
+  `,
+  "star-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
+      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
+    </svg>
+  `,
+  "x-lg": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
+      <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
+    </svg>
+  `,
+  "x-circle-fill": `
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
+      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>
+    </svg>
+  `,
+  search: `
+    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
+      <path d="M11.742 10.344a6.5 6.5 0 10-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 001.415-1.414l-3.85-3.85a1.007 1.007 0 00-.115-.1zM12 6.5a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z"></path>
+    </svg>
+  `
+}, De = {
+  name: "system",
+  resolver: (s, t = !1) => s in Pt ? `data:image/svg+xml,${encodeURIComponent(Pt[s])}` : ""
+}, je = De, Ve = [He, Ne, je], nt = [];
+function qe(s) {
+  nt.push(s);
+}
+function Fe(s) {
+  nt = nt.filter((t) => t !== s);
+}
+function Lt(s) {
+  return Ve.find((t) => t.name === s);
+}
+var We = ct`
   :host {
     display: inline-block;
     width: 1em;
@@ -866,20 +1029,20 @@ var Oe = nt`
     width: 100%;
   }
 `;
-function x(s, t) {
-  const e = It({
+function P(s, t) {
+  const e = jt({
     waitUntilFirstUpdate: !1
   }, t);
-  return (i, o) => {
-    const { update: r } = i, n = Array.isArray(s) ? s : [s];
+  return (i, r) => {
+    const { update: o } = i, n = Array.isArray(s) ? s : [s];
     i.update = function(l) {
       n.forEach((a) => {
         const d = a;
         if (l.has(d)) {
           const g = l.get(d), h = this[d];
-          g !== h && (!e.waitUntilFirstUpdate || this.hasUpdated) && this[o](g, h);
+          g !== h && (!e.waitUntilFirstUpdate || this.hasUpdated) && this[r](g, h);
         }
-      }), r.call(this, l);
+      }), o.call(this, l);
     };
   };
 }
@@ -888,10 +1051,10 @@ function x(s, t) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ke = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: at }, Re = (s = ke, t, e) => {
-  const { kind: i, metadata: o } = e;
-  let r = globalThis.litPropertyMetadata.get(o);
-  if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), r.set(e.name, s), i === "accessor") {
+const Ze = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: ht }, Ke = (s = Ze, t, e) => {
+  const { kind: i, metadata: r } = e;
+  let o = globalThis.litPropertyMetadata.get(r);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), o.set(e.name, s), i === "accessor") {
     const { name: n } = e;
     return { set(l) {
       const a = t.get.call(this);
@@ -909,10 +1072,10 @@ const ke = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged:
   }
   throw Error("Unsupported decorator location: " + i);
 };
-function m(s) {
-  return (t, e) => typeof e == "object" ? Re(s, t, e) : ((i, o, r) => {
-    const n = o.hasOwnProperty(r);
-    return o.constructor.createProperty(r, n ? { ...i, wrapped: !0 } : i), n ? Object.getOwnPropertyDescriptor(o, r) : void 0;
+function f(s) {
+  return (t, e) => typeof e == "object" ? Ke(s, t, e) : ((i, r, o) => {
+    const n = r.hasOwnProperty(o);
+    return r.constructor.createProperty(o, n ? { ...i, wrapped: !0 } : i), n ? Object.getOwnPropertyDescriptor(r, o) : void 0;
   })(s, t, e);
 }
 /**
@@ -920,15 +1083,15 @@ function m(s) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Z(s) {
-  return m({ ...s, state: !0, attribute: !1 });
+function Y(s) {
+  return f({ ...s, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ne(s) {
+function Je(s) {
   return (t, e) => {
     const i = typeof t == "function" ? t : t[e];
     Object.assign(i, s);
@@ -939,31 +1102,31 @@ function Ne(s) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
+const Ye = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function qt(s, t) {
-  return (e, i, o) => {
-    const r = (n) => {
+function Kt(s, t) {
+  return (e, i, r) => {
+    const o = (n) => {
       var l;
       return ((l = n.renderRoot) == null ? void 0 : l.querySelector(s)) ?? null;
     };
-    return ze(e, i, { get() {
-      return r(this);
+    return Ye(e, i, { get() {
+      return o(this);
     } });
   };
 }
-var U = class extends z {
+var T = class extends N {
   constructor() {
     super(), Object.entries(this.constructor.dependencies).forEach(([s, t]) => {
       this.constructor.define(s, t);
     });
   }
   emit(s, t) {
-    const e = new CustomEvent(s, It({
+    const e = new CustomEvent(s, jt({
       bubbles: !0,
       cancelable: !1,
       composed: !0,
@@ -979,21 +1142,21 @@ var U = class extends z {
       }, e);
       return;
     }
-    let o = " (unknown version)", r = o;
-    "version" in t && t.version && (o = " v" + t.version), "version" in i && i.version && (r = " v" + i.version), !(o && r && o === r) && console.warn(
-      `Attempted to register <${s}>${o}, but <${s}>${r} has already been registered.`
+    let r = " (unknown version)", o = r;
+    "version" in t && t.version && (r = " v" + t.version), "version" in i && i.version && (o = " v" + i.version), !(r && o && r === o) && console.warn(
+      `Attempted to register <${s}>${r}, but <${s}>${o} has already been registered.`
     );
   }
 };
-U.version = "1.0.6-v2.15.1";
-U.dependencies = {};
+T.version = "1.0.6-v2.15.1";
+T.dependencies = {};
 c([
-  m()
-], U.prototype, "dir", 2);
+  f()
+], T.prototype, "dir", 2);
 c([
-  m()
-], U.prototype, "lang", 2);
-var Vt = nt`
+  f()
+], T.prototype, "lang", 2);
+var Jt = ct`
   :host {
     box-sizing: border-box;
   }
@@ -1013,8 +1176,8 @@ var Vt = nt`
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const De = (s, t) => (s == null ? void 0 : s._$litType$) !== void 0;
-var k = Symbol(), V = Symbol(), et, st = /* @__PURE__ */ new Map(), f = class extends U {
+const Ge = (s, t) => (s == null ? void 0 : s._$litType$) !== void 0;
+var U = Symbol(), q = Symbol(), et, st = /* @__PURE__ */ new Map(), m = class extends T {
   constructor() {
     super(...arguments), this.initialRender = !1, this.svg = null, this.label = "", this.library = "default", this.vueonce = !0, this.sprite = !1;
   }
@@ -1023,42 +1186,42 @@ var k = Symbol(), V = Symbol(), et, st = /* @__PURE__ */ new Map(), f = class ex
     var e;
     let i;
     if (t != null && t.spriteSheet) {
-      this.svg = y`<svg part="svg">
+      this.svg = b`<svg part="svg">
         <use part="use" href="${s}"></use>
       </svg>`, await this.updateComplete;
-      const o = this.shadowRoot.querySelector("[part='svg']");
-      return typeof t.mutator == "function" && t.mutator(o), this.svg;
+      const r = this.shadowRoot.querySelector("[part='svg']");
+      return typeof t.mutator == "function" && t.mutator(r), this.svg;
     }
     try {
       if (i = await fetch(s, { mode: "cors" }), !i.ok)
-        return i.status === 410 ? k : V;
+        return i.status === 410 ? U : q;
     } catch {
-      return V;
+      return q;
     }
     try {
-      const o = document.createElement("div");
-      o.innerHTML = await i.text();
-      const r = o.firstElementChild;
-      if (((e = r == null ? void 0 : r.tagName) == null ? void 0 : e.toLowerCase()) !== "svg")
-        return k;
+      const r = document.createElement("div");
+      r.innerHTML = await i.text();
+      const o = r.firstElementChild;
+      if (((e = o == null ? void 0 : o.tagName) == null ? void 0 : e.toLowerCase()) !== "svg")
+        return U;
       et || (et = new DOMParser());
-      const l = et.parseFromString(r.outerHTML, "text/html").body.querySelector("svg");
-      return l ? (l.part.add("svg"), document.adoptNode(l)) : k;
+      const l = et.parseFromString(o.outerHTML, "text/html").body.querySelector("svg");
+      return l ? (l.part.add("svg"), document.adoptNode(l)) : U;
     } catch {
-      return k;
+      return U;
     }
   }
   connectedCallback() {
-    super.connectedCallback(), se(this);
+    super.connectedCallback(), qe(this);
   }
   firstUpdated() {
     this.sprite || this.setIcon(), this.initialRender = !0, this.setIcon();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), ie(this);
+    super.disconnectedCallback(), Fe(this);
   }
   getIconSource(s = !1) {
-    const t = ht(this.library);
+    const t = Lt(this.library);
     return this.name && t ? {
       url: t.resolver(this.name, s),
       fromLibrary: !0
@@ -1080,27 +1243,27 @@ var k = Symbol(), V = Symbol(), et, st = /* @__PURE__ */ new Map(), f = class ex
   }
   async setIcon() {
     var s;
-    const { url: t, fromLibrary: e } = this.getIconSource(), i = e ? ht(this.library) : void 0;
+    const { url: t, fromLibrary: e } = this.getIconSource(), i = e ? Lt(this.library) : void 0;
     if (!t) {
       this.svg = null;
       return;
     }
-    let o = st.get(t);
-    if (o || (o = this.resolveIcon(t, i), st.set(t, o)), !this.initialRender)
+    let r = st.get(t);
+    if (r || (r = this.resolveIcon(t, i), st.set(t, r)), !this.initialRender)
       return;
-    const r = await o;
-    if (r === V && st.delete(t), t === this.getIconSource().url) {
-      if (De(r)) {
-        this.svg = r;
+    const o = await r;
+    if (o === q && st.delete(t), t === this.getIconSource().url) {
+      if (Ge(o)) {
+        this.svg = o;
         return;
       }
-      switch (r) {
-        case V:
-        case k:
+      switch (o) {
+        case q:
+        case U:
           this.svg = null, this.emit("sl-error");
           break;
         default:
-          this.svg = r.cloneNode(!0), (s = i == null ? void 0 : i.mutator) == null || s.call(i, this.svg), this.emit("sl-load");
+          this.svg = o.cloneNode(!0), (s = i == null ? void 0 : i.mutator) == null || s.call(i, this.svg), this.emit("sl-load");
       }
     }
   }
@@ -1108,47 +1271,47 @@ var k = Symbol(), V = Symbol(), et, st = /* @__PURE__ */ new Map(), f = class ex
     this.sprite || this.setIcon();
   }
   render() {
-    return y`
-    ${this.sprite ? y`<svg width="1em" height="1em">
+    return b`
+    ${this.sprite ? b`<svg width="1em" height="1em">
             <use href="${this.getDir()}/_sprite.svg#${this.name}"></use>
-          </svg>` : y`${this.svg}`}`;
+          </svg>` : b`${this.svg}`}`;
   }
 };
-f.styles = [Vt, Oe];
+m.styles = [Jt, We];
 c([
-  Z()
-], f.prototype, "svg", 2);
+  Y()
+], m.prototype, "svg", 2);
 c([
-  m({ reflect: !0 })
-], f.prototype, "name", 2);
+  f({ reflect: !0 })
+], m.prototype, "name", 2);
 c([
-  m()
-], f.prototype, "src", 2);
+  f()
+], m.prototype, "src", 2);
 c([
-  m()
-], f.prototype, "label", 2);
+  f()
+], m.prototype, "label", 2);
 c([
-  m({ reflect: !0 })
-], f.prototype, "library", 2);
+  f({ reflect: !0 })
+], m.prototype, "library", 2);
 c([
-  m({ reflect: !0, type: Boolean, attribute: "v-once" })
-], f.prototype, "vueonce", 2);
+  f({ reflect: !0, type: Boolean, attribute: "v-once" })
+], m.prototype, "vueonce", 2);
 c([
-  m({ reflect: !0, type: Boolean })
-], f.prototype, "sprite", 2);
+  f({ reflect: !0, type: Boolean })
+], m.prototype, "sprite", 2);
 c([
-  x("label")
-], f.prototype, "handleLabelChange", 1);
+  P("label")
+], m.prototype, "handleLabelChange", 1);
 c([
-  x(["name", "src", "library"])
-], f.prototype, "setIcon", 1);
+  P(["name", "src", "library"])
+], m.prototype, "setIcon", 1);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const He = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, je = (s) => (...t) => ({ _$litDirective$: s, values: t });
-class Be {
+const Qe = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Xe = (s) => (...t) => ({ _$litDirective$: s, values: t });
+class ts {
   constructor(t) {
   }
   get _$AU() {
@@ -1169,28 +1332,28 @@ class Be {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const F = je(class extends Be {
+const F = Xe(class extends ts {
   constructor(s) {
     var t;
-    if (super(s), s.type !== He.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+    if (super(s), s.type !== Qe.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(s) {
     return " " + Object.keys(s).filter((t) => s[t]).join(" ") + " ";
   }
   update(s, [t]) {
-    var i, o;
+    var i, r;
     if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((r) => r !== "")));
-      for (const r in t) t[r] && !((i = this.nt) != null && i.has(r)) && this.st.add(r);
+      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((o) => o !== "")));
+      for (const o in t) t[o] && !((i = this.nt) != null && i.has(o)) && this.st.add(o);
       return this.render(t);
     }
     const e = s.element.classList;
-    for (const r of this.st) r in t || (e.remove(r), this.st.delete(r));
-    for (const r in t) {
-      const n = !!t[r];
-      n === this.st.has(r) || (o = this.nt) != null && o.has(r) || (n ? (e.add(r), this.st.add(r)) : (e.remove(r), this.st.delete(r)));
+    for (const o of this.st) o in t || (e.remove(o), this.st.delete(o));
+    for (const o in t) {
+      const n = !!t[o];
+      n === this.st.has(o) || (r = this.nt) != null && r.has(o) || (n ? (e.add(o), this.st.add(o)) : (e.remove(o), this.st.delete(o)));
     }
-    return P;
+    return x;
   }
 });
 /**
@@ -1198,7 +1361,7 @@ const F = je(class extends Be {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function* Et(s, t) {
+function* Mt(s, t) {
   if (s !== void 0) {
     let e = 0;
     for (const i of s) yield t(i, e++);
@@ -1209,49 +1372,49 @@ function* Et(s, t) {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function* Ct(s, t, e = 1) {
+function* kt(s, t, e = 1) {
   const i = t === void 0 ? 0 : s;
   t ?? (t = s);
-  for (let o = i; e > 0 ? o < t : t < o; o += e) yield o;
+  for (let r = i; e > 0 ? r < t : t < r; r += e) yield r;
 }
-var qe = (s, t) => {
+var es = (s, t) => {
   let e = 0;
   return function(...i) {
     window.clearTimeout(e), e = window.setTimeout(() => {
       s.call(this, ...i);
     }, t);
   };
-}, Pt = (s, t, e) => {
+}, Tt = (s, t, e) => {
   const i = s[t];
-  s[t] = function(...o) {
-    i.call(this, ...o), e.call(this, i, ...o);
+  s[t] = function(...r) {
+    i.call(this, ...r), e.call(this, i, ...r);
   };
-}, Ve = "onscrollend" in window;
-if (!Ve) {
-  const s = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new WeakMap(), e = (o) => {
-    for (const r of o.changedTouches)
-      s.add(r.identifier);
-  }, i = (o) => {
-    for (const r of o.changedTouches)
-      s.delete(r.identifier);
+}, ss = "onscrollend" in window;
+if (!ss) {
+  const s = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new WeakMap(), e = (r) => {
+    for (const o of r.changedTouches)
+      s.add(o.identifier);
+  }, i = (r) => {
+    for (const o of r.changedTouches)
+      s.delete(o.identifier);
   };
-  document.addEventListener("touchstart", e, !0), document.addEventListener("touchend", i, !0), document.addEventListener("touchcancel", i, !0), Pt(EventTarget.prototype, "addEventListener", function(o, r) {
-    if (r !== "scrollend")
+  document.addEventListener("touchstart", e, !0), document.addEventListener("touchend", i, !0), document.addEventListener("touchcancel", i, !0), Tt(EventTarget.prototype, "addEventListener", function(r, o) {
+    if (o !== "scrollend")
       return;
-    const n = qe(() => {
+    const n = es(() => {
       s.size ? n() : this.dispatchEvent(new Event("scrollend"));
     }, 100);
-    o.call(this, "scroll", n, { passive: !0 }), t.set(this, n);
-  }), Pt(EventTarget.prototype, "removeEventListener", function(o, r) {
-    if (r !== "scrollend")
+    r.call(this, "scroll", n, { passive: !0 }), t.set(this, n);
+  }), Tt(EventTarget.prototype, "removeEventListener", function(r, o) {
+    if (o !== "scrollend")
       return;
     const n = t.get(this);
-    n && o.call(this, "scroll", n, { passive: !0 });
+    n && r.call(this, "scroll", n, { passive: !0 });
   });
 }
-var u = class extends U {
+var u = class extends T {
   constructor() {
-    super(...arguments), this.loop = !1, this.navigation = !1, this.pagination = !1, this.autoplay = !1, this.autoplayInterval = 3e3, this.slidesPerPage = 1, this.slidesPerMove = 1, this.orientation = "horizontal", this.mouseDragging = !1, this.activeSlide = 0, this.scrolling = !1, this.dragging = !1, this.autoplayController = new le(this, () => this.next()), this.localize = new Me(this), this.handleMouseDrag = (s) => {
+    super(...arguments), this.loop = !1, this.navigation = !1, this.pagination = !1, this.autoplay = !1, this.autoplayInterval = 3e3, this.slidesPerPage = 1, this.slidesPerMove = 1, this.orientation = "horizontal", this.mouseDragging = !1, this.activeSlide = 0, this.scrolling = !1, this.dragging = !1, this.autoplayController = new le(this, () => this.next()), this.localize = new Oe(this), this.handleMouseDrag = (s) => {
       this.dragging || (this.scrollContainer.style.setProperty("scroll-snap-type", "none"), this.dragging = !0), this.scrollContainer.scrollBy({
         left: -s.movementX,
         top: -s.movementY,
@@ -1262,12 +1425,12 @@ var u = class extends U {
       document.removeEventListener("pointermove", this.handleMouseDrag, { capture: !0 });
       const t = s.scrollLeft, e = s.scrollTop;
       s.style.removeProperty("scroll-snap-type"), s.style.setProperty("overflow", "hidden");
-      const i = s.scrollLeft, o = s.scrollTop;
+      const i = s.scrollLeft, r = s.scrollTop;
       s.style.removeProperty("overflow"), s.style.setProperty("scroll-snap-type", "none"), s.scrollTo({ left: t, top: e, behavior: "instant" }), requestAnimationFrame(async () => {
-        (t !== i || e !== o) && (s.scrollTo({
+        (t !== i || e !== r) && (s.scrollTo({
           left: i,
-          top: o,
-          behavior: At() ? "auto" : "smooth"
+          top: r,
+          behavior: Et() ? "auto" : "smooth"
         }), await Te(s, "scrollend")), s.style.removeProperty("scroll-snap-type"), this.dragging = !1, this.handleScrollEnd();
       });
     }, this.handleSlotChange = (s) => {
@@ -1294,8 +1457,8 @@ var u = class extends U {
     (s.has("slidesPerMove") || s.has("slidesPerPage")) && (this.slidesPerMove = Math.min(this.slidesPerMove, this.slidesPerPage));
   }
   getPageCount() {
-    const s = this.getSlides().length, { slidesPerPage: t, slidesPerMove: e, loop: i } = this, o = i ? s / e : (s - t) / e + 1;
-    return Math.ceil(o);
+    const s = this.getSlides().length, { slidesPerPage: t, slidesPerMove: e, loop: i } = this, r = i ? s / e : (s - t) / e + 1;
+    return Math.ceil(r);
   }
   getCurrentPage() {
     return Math.ceil(this.activeSlide / this.slidesPerMove);
@@ -1317,8 +1480,8 @@ var u = class extends U {
   }
   handleKeyDown(s) {
     if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(s.key)) {
-      const t = s.target, e = this.localize.dir() === "rtl", i = t.closest('[part~="pagination-item"]') !== null, o = s.key === "ArrowDown" || !e && s.key === "ArrowRight" || e && s.key === "ArrowLeft", r = s.key === "ArrowUp" || !e && s.key === "ArrowLeft" || e && s.key === "ArrowRight";
-      s.preventDefault(), r && this.previous(), o && this.next(), s.key === "Home" && this.goToSlide(0), s.key === "End" && this.goToSlide(this.getSlides().length - 1), i && this.updateComplete.then(() => {
+      const t = s.target, e = this.localize.dir() === "rtl", i = t.closest('[part~="pagination-item"]') !== null, r = s.key === "ArrowDown" || !e && s.key === "ArrowRight" || e && s.key === "ArrowLeft", o = s.key === "ArrowUp" || !e && s.key === "ArrowLeft" || e && s.key === "ArrowRight";
+      s.preventDefault(), o && this.previous(), r && this.next(), s.key === "Home" && this.goToSlide(0), s.key === "End" && this.goToSlide(this.getSlides().length - 1), i && this.updateComplete.then(() => {
         var n;
         const l = (n = this.shadowRoot) == null ? void 0 : n.querySelector(
           '[part~="pagination-item--active"]'
@@ -1339,8 +1502,8 @@ var u = class extends U {
       (t) => {
         s.disconnect();
         for (const i of t) {
-          const o = i.target;
-          o.toggleAttribute("inert", !i.isIntersecting), o.classList.toggle("--in-view", i.isIntersecting), o.setAttribute("aria-hidden", i.isIntersecting ? "false" : "true");
+          const r = i.target;
+          r.toggleAttribute("inert", !i.isIntersecting), r.classList.toggle("--in-view", i.isIntersecting), r.setAttribute("aria-hidden", i.isIntersecting ? "false" : "true");
         }
         const e = t.find((i) => i.isIntersecting);
         if (e)
@@ -1348,8 +1511,8 @@ var u = class extends U {
             const i = Number(e.target.getAttribute("data-clone"));
             this.goToSlide(i, "instant");
           } else {
-            const o = this.getSlides().indexOf(e.target);
-            this.activeSlide = Math.ceil(o / this.slidesPerMove) * this.slidesPerMove;
+            const r = this.getSlides().indexOf(e.target);
+            this.activeSlide = Math.ceil(r / this.slidesPerMove) * this.slidesPerMove;
           }
       },
       {
@@ -1374,12 +1537,12 @@ var u = class extends U {
   }
   createClones() {
     const s = this.getSlides(), t = this.slidesPerPage, e = s.slice(-t), i = s.slice(0, t);
-    e.reverse().forEach((o, r) => {
-      const n = o.cloneNode(!0);
-      n.setAttribute("data-clone", String(s.length - r - 1)), this.prepend(n);
-    }), i.forEach((o, r) => {
-      const n = o.cloneNode(!0);
-      n.setAttribute("data-clone", String(r)), this.append(n);
+    e.reverse().forEach((r, o) => {
+      const n = r.cloneNode(!0);
+      n.setAttribute("data-clone", String(s.length - o - 1)), this.prepend(n);
+    }), i.forEach((r, o) => {
+      const n = r.cloneNode(!0);
+      n.setAttribute("data-clone", String(o)), this.append(n);
     });
   }
   handelSlideChange() {
@@ -1425,25 +1588,25 @@ var u = class extends U {
    * @param behavior - The behavior used for scrolling.
    */
   goToSlide(s, t = "smooth") {
-    const { slidesPerPage: e, loop: i } = this, o = this.getSlides(), r = this.getSlides({ excludeClones: !1 });
-    if (!o.length)
+    const { slidesPerPage: e, loop: i } = this, r = this.getSlides(), o = this.getSlides({ excludeClones: !1 });
+    if (!r.length)
       return;
-    const n = i ? (s + o.length) % o.length : pt(s, 0, o.length - 1);
+    const n = i ? (s + r.length) % r.length : pt(s, 0, r.length - 1);
     this.activeSlide = n;
-    const l = pt(s + (i ? e : 0), 0, r.length - 1), a = r[l];
-    this.scrollToSlide(a, At() ? "auto" : t);
+    const l = pt(s + (i ? e : 0), 0, o.length - 1), a = o[l];
+    this.scrollToSlide(a, Et() ? "auto" : t);
   }
   scrollToSlide(s, t = "smooth") {
-    const e = this.scrollContainer, i = e.getBoundingClientRect(), o = s.getBoundingClientRect(), r = o.left - i.left, n = o.top - i.top;
+    const e = this.scrollContainer, i = e.getBoundingClientRect(), r = s.getBoundingClientRect(), o = r.left - i.left, n = r.top - i.top;
     e.scrollTo({
-      left: r + e.scrollLeft,
+      left: o + e.scrollLeft,
       top: n + e.scrollTop,
       behavior: t
     });
   }
   render() {
-    const { slidesPerMove: s, scrolling: t } = this, e = this.getPageCount(), i = this.getCurrentPage(), o = this.canScrollPrev(), r = this.canScrollNext(), n = this.localize.dir() === "ltr";
-    return y`
+    const { slidesPerMove: s, scrolling: t } = this, e = this.getPageCount(), i = this.getCurrentPage(), r = this.canScrollPrev(), o = this.canScrollNext(), n = this.localize.dir() === "ltr";
+    return b`
       <div part="base" class="carousel">
         <div
           id="scroll-container"
@@ -1464,25 +1627,25 @@ var u = class extends U {
           @scrollend=${this.handleScrollEnd}
         >
           <slot></slot>
-          ${Et(Ct(this.getShadowSlideCount()), () => y`
+          ${Mt(kt(this.getShadowSlideCount()), () => b`
             <sl-carousel-item class="shadow-slide"></sl-carousel-item>
             `)}
         </div>
-        ${this.navigation ? y`
+        ${this.navigation ? b`
               <div part="navigation" class="carousel__navigation">
                 <button
                   part="navigation-button navigation-button--previous"
                   class="${F({
       "carousel__navigation-button": !0,
       "carousel__navigation-button--previous": !0,
-      "carousel__navigation-button--disabled": !o
+      "carousel__navigation-button--disabled": !r
     })}"
                   aria-label="${this.localize.term("previousSlide")}"
                   aria-controls="scroll-container"
-                  aria-disabled="${o ? "false" : "true"}"
-                  @click=${o ? () => this.previous() : null}
+                  aria-disabled="${r ? "false" : "true"}"
+                  @click=${r ? () => this.previous() : null}
                 >
                   <slot name="previous-icon">
                     <sl-icon library="system" name="${n ? "chevron-left" : "chevron-right"}"></sl-icon>
@@ -1494,12 +1657,12 @@ var u = class extends U {
                   class=${F({
       "carousel__navigation-button": !0,
       "carousel__navigation-button--next": !0,
-      "carousel__navigation-button--disabled": !r
+      "carousel__navigation-button--disabled": !o
     })}
                   aria-label="${this.localize.term("nextSlide")}"
                   aria-controls="scroll-container"
-                  aria-disabled="${r ? "false" : "true"}"
-                  @click=${r ? () => this.next() : null}
+                  aria-disabled="${o ? "false" : "true"}"
+                  @click=${o ? () => this.next() : null}
                 >
                   <slot name="next-icon">
                     <sl-icon library="system" name="${n ? "chevron-right" : "chevron-left"}"></sl-icon>
@@ -1507,11 +1670,11 @@ var u = class extends U {
                 </button>
               </div>
             ` : ""}
-        ${this.pagination ? y`
+        ${this.pagination ? b`
               <div part="pagination" role="tablist" class="carousel__pagination" aria-controls="scroll-container">
-                ${Et(Ct(e), (l) => {
+                ${Mt(kt(e), (l) => {
       const a = l === i;
-      return y`
+      return b`
                     <button
                       part="pagination-item ${a ? "pagination-item--active" : ""}"
                       class="${F({
@@ -1533,75 +1696,75 @@ var u = class extends U {
     `;
   }
 };
-u.styles = [Vt, xe];
-u.dependencies = { "sl-icon": f };
+u.styles = [Jt, Pe];
+u.dependencies = { "sl-icon": m };
 c([
-  m({ type: Boolean, reflect: !0 })
+  f({ type: Boolean, reflect: !0 })
 ], u.prototype, "loop", 2);
 c([
-  m({ type: Boolean, reflect: !0 })
+  f({ type: Boolean, reflect: !0 })
 ], u.prototype, "navigation", 2);
 c([
-  m({ type: Boolean, reflect: !0 })
+  f({ type: Boolean, reflect: !0 })
 ], u.prototype, "pagination", 2);
 c([
-  m({ type: Boolean, reflect: !0 })
+  f({ type: Boolean, reflect: !0 })
 ], u.prototype, "autoplay", 2);
 c([
-  m({ type: Number, attribute: "autoplay-interval" })
+  f({ type: Number, attribute: "autoplay-interval" })
 ], u.prototype, "autoplayInterval", 2);
 c([
-  m({ type: Number, attribute: "slides-per-page" })
+  f({ type: Number, attribute: "slides-per-page" })
 ], u.prototype, "slidesPerPage", 2);
 c([
-  m({ type: Number, attribute: "slides-per-move" })
+  f({ type: Number, attribute: "slides-per-move" })
 ], u.prototype, "slidesPerMove", 2);
 c([
-  m()
+  f()
 ], u.prototype, "orientation", 2);
 c([
-  m({ type: Boolean, reflect: !0, attribute: "mouse-dragging" })
+  f({ type: Boolean, reflect: !0, attribute: "mouse-dragging" })
 ], u.prototype, "mouseDragging", 2);
 c([
-  qt(".carousel__slides")
+  Kt(".carousel__slides")
 ], u.prototype, "scrollContainer", 2);
 c([
-  qt(".carousel__pagination")
+  Kt(".carousel__pagination")
 ], u.prototype, "paginationContainer", 2);
 c([
-  Z()
+  Y()
 ], u.prototype, "activeSlide", 2);
 c([
-  Z()
+  Y()
 ], u.prototype, "scrolling", 2);
 c([
-  Z()
+  Y()
 ], u.prototype, "dragging", 2);
 c([
-  Ne({ passive: !0 })
+  Je({ passive: !0 })
 ], u.prototype, "handleScroll", 1);
 c([
-  x("loop", { waitUntilFirstUpdate: !0 }),
-  x("slidesPerPage", { waitUntilFirstUpdate: !0 })
+  P("loop", { waitUntilFirstUpdate: !0 }),
+  P("slidesPerPage", { waitUntilFirstUpdate: !0 })
 ], u.prototype, "initializeSlides", 1);
 c([
-  x("activeSlide")
+  P("activeSlide")
 ], u.prototype, "handelSlideChange", 1);
 c([
-  x("slidesPerMove")
+  P("slidesPerMove")
 ], u.prototype, "updateSlidesSnap", 1);
 c([
-  x("autoplay")
+  P("autoplay")
 ], u.prototype, "handleAutoplayChange", 1);
 u.define("sl-carousel");
-const M = (s) => (Qt("data-v-720fb199"), s = s(), Xt(), s), Fe = { class: "wrap" }, We = { class: "viur-shop-item-view-image-wrap" }, Ke = {
+const z = (s) => (ie("data-v-720fb199"), s = s(), re(), s), is = { class: "wrap" }, rs = { class: "viur-shop-item-view-image-wrap" }, os = {
   class: "viur-shop-item-view-carousel-thumbnails",
   navigation: "",
   loop: ""
-}, Je = ["alt", "src"], Ye = { class: "viur-shop-item-view-thumbnails" }, Ze = { class: "viur-shop-item-view-thumbnails-scroller" }, Ge = ["alt", "src"], Qe = { class: "viur-shop-item-view-info-wrap" }, Xe = { class: "viur-shop-item-view-headline" }, ts = /* @__PURE__ */ M(() => /* @__PURE__ */ p("h2", { class: "viur-shop-item-view-subline" }, "B 21 x H 6,5 x T 19 cm", -1)), es = { class: "viur-shop-item-view-price" }, ss = /* @__PURE__ */ M(() => /* @__PURE__ */ p("div", { class: "viur-shop-item-view-paragraph" }, " Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ", -1)), is = { class: "viur-shop-item-view-btn-wrap" }, os = /* @__PURE__ */ M(() => /* @__PURE__ */ p("sl-icon", {
+}, ns = ["alt", "src"], as = { class: "viur-shop-item-view-thumbnails" }, ls = { class: "viur-shop-item-view-thumbnails-scroller" }, cs = ["alt", "src"], hs = { class: "viur-shop-item-view-info-wrap" }, ds = { class: "viur-shop-item-view-headline" }, us = /* @__PURE__ */ z(() => /* @__PURE__ */ p("h2", { class: "viur-shop-item-view-subline" }, "B 21 x H 6,5 x T 19 cm", -1)), ps = { class: "viur-shop-item-view-price" }, gs = /* @__PURE__ */ z(() => /* @__PURE__ */ p("div", { class: "viur-shop-item-view-paragraph" }, " Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ", -1)), vs = { class: "viur-shop-item-view-btn-wrap" }, fs = /* @__PURE__ */ z(() => /* @__PURE__ */ p("sl-icon", {
   name: "bag-plus",
   slot: "prefix"
-}, null, -1)), rs = /* @__PURE__ */ M(() => /* @__PURE__ */ p("sl-button", {
+}, null, -1)), ms = /* @__PURE__ */ z(() => /* @__PURE__ */ p("sl-button", {
   size: "small",
   outline: "",
   class: "viur-shop-item-view-add-to-favourites-btn",
@@ -1612,74 +1775,74 @@ const M = (s) => (Qt("data-v-720fb199"), s = s(), Xt(), s), Fe = { class: "wrap"
     name: "heart",
     slot: "prefix"
   }),
-  /* @__PURE__ */ Tt(" Auf die Wunschliste ")
-], -1)), ns = /* @__PURE__ */ M(() => /* @__PURE__ */ p("br", null, null, -1)), as = /* @__PURE__ */ M(() => /* @__PURE__ */ p("h1", { class: "viur-shop-item-view-headline" }, "Ähnliche Artikel", -1)), ls = { class: "viur-shop-item-view-item-grid" }, cs = {
+  /* @__PURE__ */ It(" Auf die Wunschliste ")
+], -1)), _s = /* @__PURE__ */ z(() => /* @__PURE__ */ p("br", null, null, -1)), bs = /* @__PURE__ */ z(() => /* @__PURE__ */ p("h1", { class: "viur-shop-item-view-headline" }, "Ähnliche Artikel", -1)), ys = { class: "viur-shop-item-view-item-grid" }, ws = {
   __name: "ItemView",
   setup(s) {
-    const t = te(), e = Ft({
+    const t = oe(), e = Yt({
       item: {}
     });
-    function i(o) {
-      console.log("hier", o.dk_artikel);
-      let r = "https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80";
-      return o != null && o.dk_artikel.dest.image ? ct.downloadUrlFor(o.dk_artikel.dest.image) : r;
+    function i(r) {
+      console.log("hier", r.dk_artikel);
+      let o = "https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80";
+      return r != null && r.dk_artikel.dest.image ? ut.downloadUrlFor(r.dk_artikel.dest.image) : o;
     }
-    return Wt(async () => {
-      ct.get(`/json/variante/view/${t.params.item}`).then(async (o) => {
-        let r = await o.json();
-        e.item = r.values;
+    return Gt(async () => {
+      ut.get(`/json/variante/view/${t.params.item}`).then(async (r) => {
+        let o = await r.json();
+        e.item = o.values;
       });
-    }), (o, r) => (Kt(), Jt(Yt, null, [
-      p("div", Fe, [
-        p("div", We, [
-          p("sl-carousel", Ke, [
+    }), (r, o) => (Qt(), Xt(te, null, [
+      p("div", is, [
+        p("div", rs, [
+          p("sl-carousel", os, [
             p("sl-carousel-item", null, [
               p("img", {
                 alt: e.item.shop_name,
                 src: i(e.item)
-              }, null, 8, Je)
+              }, null, 8, ns)
             ])
           ]),
-          p("div", Ye, [
-            p("div", Ze, [
+          p("div", as, [
+            p("div", ls, [
               p("img", {
                 alt: e.item.shop_name,
                 class: "viur-shop-item-view-thumbnails-image active",
                 src: i(e.item)
-              }, null, 8, Ge)
+              }, null, 8, cs)
             ])
           ])
         ]),
-        p("div", Qe, [
-          p("h1", Xe, lt(e.item.shop_name), 1),
-          ts,
-          p("div", es, lt(e.item.shop_price_retail) + " € ", 1),
-          ss,
-          p("div", is, [
+        p("div", hs, [
+          p("h1", ds, dt(e.item.shop_name), 1),
+          us,
+          p("div", ps, dt(e.item.shop_price_retail) + " € ", 1),
+          gs,
+          p("div", vs, [
             p("sl-button", {
               size: "small",
               class: "viur-shop-item-view-add-to-cart-btn",
               variant: "primary",
               title: "Add to cart",
-              onClick: r[0] || (r[0] = Zt((n) => o.cartStore.addToCart(o.item.key, o.cartStore.state.currentCart), ["stop"]))
+              onClick: o[0] || (o[0] = ee((n) => r.cartStore.addToCart(r.item.key, r.cartStore.state.currentCart), ["stop"]))
             }, [
-              os,
-              Tt(" In den Warenkorb ")
+              fs,
+              It(" In den Warenkorb ")
             ]),
-            rs
+            ms
           ])
         ])
       ]),
-      ns,
-      as,
-      p("div", ls, [
-        Gt(ee, {
+      _s,
+      bs,
+      p("div", ys, [
+        se(ne, {
           item: e.item
         }, null, 8, ["item"])
       ])
     ], 64));
   }
-}, fs = /* @__PURE__ */ oe(cs, [["__scopeId", "data-v-720fb199"]]);
+}, Ls = /* @__PURE__ */ ae(ws, [["__scopeId", "data-v-720fb199"]]);
 export {
-  fs as default
+  Ls as default
 };