ds-one 0.3.0-alpha.1 → 0.3.0-alpha.2

package/dist/ds-one.bundle.min.js

@@ -1,494 +1,215 @@
-function Dt() {
-  if (typeof navigator > "u" || typeof window > "u")
-    return !1;
-  const t = navigator, e = window, r = t && (t.userAgent || t.vendor) || e && e.opera || "", o = /Mobile|Android|iP(ad|hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)|Windows Phone|Phone|Tablet/i.test(
-    r
-  ), i = (t && t.maxTouchPoints || 0) > 1, s = e ? Math.min(e.innerWidth || 0, e.innerHeight || 0) <= 820 : !1;
-  return o || i && s;
+var ir = Object.defineProperty, sr = (t, e, r) => e in t ? ir(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Le = (t, e, r) => (sr(t, typeof e != "symbol" ? e + "" : e, r), r), ar = (t, e, r) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + r);
+}, Ee = (t, e) => {
+  if (Object(e) !== e)
+    throw TypeError('Cannot use the "in" operator on this value');
+  return t.has(e);
+}, oe = (t, e, r) => {
+  if (e.has(t))
+    throw TypeError("Cannot add the same private member more than once");
+  e instanceof WeakSet ? e.add(t) : e.set(t, r);
+}, vt = (t, e, r) => (ar(t, e, "access private method"), r);
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+function Bt(t, e) {
+  return Object.is(t, e);
 }
-function sr() {
-  const t = Dt(), e = navigator, r = window, n = (e && e.maxTouchPoints || 0) > 1, i = typeof document < "u" ? document.documentElement.clientWidth : r?.innerWidth || 0, s = typeof document < "u" ? document.documentElement.clientHeight : r?.innerHeight || 0, a = t && Math.min(i, s) >= 600;
-  return {
-    isMobile: t,
-    isTablet: a,
-    isDesktop: !t,
-    isTouchCapable: n,
-    deviceType: t ? a ? "tablet" : "mobile" : "desktop",
-    userAgent: e && (e.userAgent || e.vendor) || "",
-    screenWidth: i,
-    screenHeight: s
-  };
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+let w = null, U = !1, ie = 1;
+const le = /* @__PURE__ */ Symbol("SIGNAL");
+function z(t) {
+  const e = w;
+  return w = t, e;
 }
-function Le() {
-  const t = sr();
-  if (t.isMobile && typeof document < "u") {
-    const o = t.screenWidth / 280;
-    document.documentElement.style.setProperty(
-      "--sf",
-      o.toFixed(3)
-    ), document.documentElement.style.setProperty(
-      "--sf",
-      o.toFixed(3)
-    ), document.documentElement.classList.add("mobile"), document.documentElement.classList.remove("desktop"), console.log(
-      `[DS one] Mobile device detected - ${t.deviceType} (${t.screenWidth}x${t.screenHeight}), scaling factor: ${o.toFixed(2)}`
-    );
-  } else
-    typeof document < "u" && (document.documentElement.style.setProperty("--sf", "1"), document.documentElement.style.setProperty("--sf", "1"), document.documentElement.classList.add("desktop"), document.documentElement.classList.remove("mobile")), console.log(
-      `[DS one] Desktop device detected (${t.screenWidth}x${t.screenHeight})`
-    );
-  return typeof window < "u" && window.DS_ONE_DEBUG && console.log("[DS one] Device Info:", {
-    type: t.deviceType,
-    isMobile: t.isMobile,
-    isTablet: t.isTablet,
-    isDesktop: t.isDesktop,
-    isTouchCapable: t.isTouchCapable,
-    viewport: `${t.screenWidth}x${t.screenHeight}`,
-    userAgent: t.userAgent
-  }), t;
+function lr() {
+  return w;
 }
-if (typeof window < "u") {
-  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
-    Le();
-  }) : Le();
-  let t;
-  window.addEventListener("resize", () => {
-    clearTimeout(t), t = setTimeout(() => {
-      Le();
-    }, 100);
-  });
+function cr() {
+  return U;
 }
-function qn() {
-  if (typeof document > "u" || typeof window > "u")
+const rt = {
+  version: 0,
+  lastCleanEpoch: 0,
+  dirty: !1,
+  producerNode: void 0,
+  producerLastReadVersion: void 0,
+  producerIndexOfThis: void 0,
+  nextProducerIndex: 0,
+  liveConsumerNode: void 0,
+  liveConsumerIndexOfThis: void 0,
+  consumerAllowSignalWrites: !1,
+  consumerIsAlwaysLive: !1,
+  producerMustRecompute: () => !1,
+  producerRecomputeValue: () => {
+  },
+  consumerMarkedDirty: () => {
+  },
+  consumerOnSignalRead: () => {
+  }
+};
+function _e(t) {
+  if (U)
+    throw new Error(
+      typeof ngDevMode < "u" && ngDevMode ? "Assertion error: signal read during notification phase" : ""
+    );
+  if (w === null)
     return;
-  let t = document.querySelector('meta[name="viewport"]');
-  t || (t = document.createElement("meta"), t.setAttribute("name", "viewport"), document.head.appendChild(t)), t.setAttribute(
-    "content",
-    "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
-  );
-  const e = document.createElement("style");
-  e.id = "ds-one-applike-style", e.textContent = `
-    * {
-      touch-action: pan-x pan-y !important;
-      -ms-touch-action: pan-x pan-y !important;
-    }
-    html, body {
-      touch-action: pan-x pan-y !important;
-      -ms-touch-action: pan-x pan-y !important;
-    }
-  `;
-  const r = document.getElementById("ds-one-applike-style");
-  r && r.remove(), document.head.appendChild(e);
-  let o = 0, n = 0;
-  const i = (a) => {
-    if (a instanceof TouchEvent) {
-      if (a.touches.length > 1) {
-        a.preventDefault(), a.stopPropagation();
-        return;
-      }
-      const c = Date.now();
-      if (a.type === "touchstart") {
-        if (c - o < 300) {
-          a.preventDefault(), a.stopPropagation();
-          return;
-        }
-        n = c;
-      } else if (a.type === "touchend") {
-        if (c - n < 300 && c - o < 300) {
-          a.preventDefault(), a.stopPropagation();
-          return;
-        }
-        o = c;
-      } else if (a.type === "touchmove" && a.touches.length > 1) {
-        a.preventDefault(), a.stopPropagation();
-        return;
-      }
-    }
-    if (a instanceof WheelEvent && (a.ctrlKey || a.metaKey)) {
-      a.preventDefault(), a.stopPropagation();
-      return;
-    }
-  }, s = { passive: !1, capture: !0 };
-  document.addEventListener("touchstart", i, s), document.addEventListener("touchmove", i, s), document.addEventListener("touchend", i, s), document.addEventListener("touchcancel", i, s), document.addEventListener("wheel", i, s), document.addEventListener(
-    "gesturestart",
-    (a) => {
-      a.preventDefault(), a.stopPropagation();
-    },
-    s
-  ), document.addEventListener(
-    "gesturechange",
-    (a) => {
-      a.preventDefault(), a.stopPropagation();
-    },
-    s
-  ), document.addEventListener(
-    "gestureend",
-    (a) => {
-      a.preventDefault(), a.stopPropagation();
-    },
-    s
-  );
-}
-let ar = {};
-const jt = [
-  "da",
-  "de",
-  "en",
-  "es",
-  "fr",
-  "it",
-  "ja",
-  "pt",
-  "sv",
-  "zh"
-], lr = new Map(
-  jt.map((t, e) => [t, e])
-), vt = {
-  da: "Danish",
-  "da-dk": "Danish",
-  de: "German",
-  "de-de": "German",
-  en: "English",
-  "en-us": "English",
-  es: "Spanish",
-  "es-es": "Spanish",
-  fr: "French",
-  "fr-fr": "French",
-  it: "Italian",
-  "it-it": "Italian",
-  ja: "Japanese",
-  "ja-jp": "Japanese",
-  pt: "Portuguese",
-  "pt-pt": "Portuguese",
-  sv: "Swedish",
-  "sv-se": "Swedish",
-  zh: "Chinese",
-  "zh-cn": "Chinese",
-  "zh-tw": "Chinese",
-  "zh-hans": "Chinese",
-  "zh-hant": "Chinese"
-}, ft = /* @__PURE__ */ new Map();
-let wt = !1;
-const Rt = "./translations.json";
-let mt = !1;
-function yt(t) {
-  if (!t)
-    return null;
-  const e = t.trim();
-  return e ? e.startsWith("./") || e.startsWith("../") || e.startsWith("/") || /^https?:\/\//i.test(e) ? e : `./${e}` : null;
-}
-function cr() {
-  if (typeof document > "u")
-    return null;
-  const e = document.querySelector(
-    "script[data-ds-one-translations]"
-  )?.getAttribute(
-    "data-ds-one-translations"
-  );
-  if (e)
-    return e;
-  const r = document.querySelector('meta[name="ds-one:translations"]')?.getAttribute("content");
-  if (r)
-    return r;
-  const o = document.querySelector('link[rel="ds-one-translations"]')?.getAttribute("href");
-  return o || null;
+  w.consumerOnSignalRead(t);
+  const e = w.nextProducerIndex++;
+  if (P(w), e < w.producerNode.length && w.producerNode[e] !== t && Te(w)) {
+    const r = w.producerNode[e];
+    ke(r, w.producerIndexOfThis[e]);
+  }
+  w.producerNode[e] !== t && (w.producerNode[e] = t, w.producerIndexOfThis[e] = Te(w) ? Rt(t, w, e) : 0), w.producerLastReadVersion[e] = t.version;
 }
 function dr() {
-  const t = [], e = typeof window < "u" ? window.DS_ONE_TRANSLATIONS_FILE : null, r = cr(), o = yt(e ?? "");
-  o && t.push(o);
-  const n = yt(r ?? "");
-  return n && !t.includes(n) && t.push(n), t.length === 0 && t.push(Rt), t;
+  ie++;
 }
-function hr(t) {
-  return !t || typeof t != "object" ? !1 : Object.values(t).every(
-    (e) => e && typeof e == "object"
-  );
+function Dt(t) {
+  if (!(!t.dirty && t.lastCleanEpoch === ie)) {
+    if (!t.producerMustRecompute(t) && !vr(t)) {
+      t.dirty = !1, t.lastCleanEpoch = ie;
+      return;
+    }
+    t.producerRecomputeValue(t), t.dirty = !1, t.lastCleanEpoch = ie;
+  }
 }
-async function ur(t) {
+function jt(t) {
+  if (t.liveConsumerNode === void 0)
+    return;
+  const e = U;
+  U = !0;
   try {
-    const e = await fetch(t);
-    if (!e.ok)
-      return null;
-    const r = await e.json();
-    return hr(r) ? Object.keys(r).length === 0 ? (console.warn(`[DS one] No languages found in ${t}`), null) : r : (console.warn(
-      `[DS one] Invalid translation format in ${t}. Expected object with language codes as keys.`
-    ), null);
-  } catch {
-    return null;
+    for (const r of t.liveConsumerNode)
+      r.dirty || ur(r);
+  } finally {
+    U = e;
   }
 }
-async function bt() {
-  if (mt || (mt = !0, typeof window > "u"))
-    return !1;
-  if (window.DS_ONE_TRANSLATIONS && Object.keys(window.DS_ONE_TRANSLATIONS).length > 0)
-    return console.log(
-      `[DS one] Translations already loaded (${Object.keys(window.DS_ONE_TRANSLATIONS).length} languages), skipping auto-load`
-    ), !0;
-  const t = dr();
-  for (const e of t) {
-    const r = await ur(e);
-    if (!r)
-      continue;
-    window.DS_ONE_TRANSLATIONS = r;
-    const o = Object.keys(r);
-    return console.log(
-      `[DS one] External translations loaded from ${e}: ${o.length} language(s) – ${o.join(", ")}`
-    ), window.dispatchEvent(new CustomEvent("translations-ready")), !0;
-  }
-  return console.info(
-    `[DS one] No external translations found at ${t[0] ?? Rt}. Using bundled translations.`
-  ), !1;
+function hr() {
+  return w?.consumerAllowSignalWrites !== !1;
 }
-function xe() {
-  return typeof window < "u" && window.DS_ONE_TRANSLATIONS ? window.DS_ONE_TRANSLATIONS : ar;
+function ur(t) {
+  var e;
+  t.dirty = !0, jt(t), (e = t.consumerMarkedDirty) == null || e.call(t.wrapper ?? t);
 }
-let L = xe();
-const C = "en";
-function X(t) {
-  return t ? t.toLowerCase().split(/[-_]/)[0] ?? "" : "";
-}
-function xt(t) {
-  const e = X(t), r = lr.get(e);
-  return typeof r == "number" ? r : jt.length;
-}
-function Ut(t) {
-  return [...t].sort((e, r) => {
-    const o = xt(e), n = xt(r);
-    return o !== n ? o - n : e.localeCompare(r);
-  });
-}
-function pr(t, e) {
-  const r = t?.replace("_", "-");
-  if (r)
-    try {
-      let o = ft.get(r);
-      o || (o = new Intl.DisplayNames([r], {
-        type: "language"
-      }), ft.set(r, o));
-      const n = e.replace("_", "-"), i = o.of(n);
-      if (i && i !== n)
-        return i;
-      const s = o.of(X(n));
-      if (s)
-        return s;
-    } catch {
-      wt || (console.info(
-        "[DS one] Intl.DisplayNames is not available, using fallback language names."
-      ), wt = !0);
-    }
-}
-function gr(t) {
-  const e = t.toLowerCase().replace("_", "-"), r = vt[e];
-  if (r)
-    return r;
-  const o = X(e);
-  return vt[o];
+function pr(t) {
+  return t && (t.nextProducerIndex = 0), z(t);
 }
-function vr(t, e = {}) {
-  if (!t)
-    return "";
-  const r = [];
-  e.locale && r.push(e.locale), typeof navigator < "u" && (Array.isArray(navigator.languages) && r.push(...navigator.languages), navigator.language && r.push(navigator.language)), r.push(C), r.push("en");
-  const o = /* @__PURE__ */ new Set();
-  for (const s of r) {
-    if (!s || o.has(s))
-      continue;
-    o.add(s);
-    const a = pr(s, t);
-    if (a)
-      return a;
+function gr(t, e) {
+  if (z(e), !(!t || t.producerNode === void 0 || t.producerIndexOfThis === void 0 || t.producerLastReadVersion === void 0)) {
+    if (Te(t))
+      for (let r = t.nextProducerIndex; r < t.producerNode.length; r++)
+        ke(t.producerNode[r], t.producerIndexOfThis[r]);
+    for (; t.producerNode.length > t.nextProducerIndex; )
+      t.producerNode.pop(), t.producerLastReadVersion.pop(), t.producerIndexOfThis.pop();
   }
-  const n = gr(t);
-  if (n)
-    return n;
-  const i = X(t);
-  return i ? i.toUpperCase() : t;
 }
-const _t = {
-  da: "da",
-  "da-dk": "da",
-  de: "de",
-  "de-de": "de",
-  en: "en",
-  "en-us": "en",
-  "en-gb": "en",
-  es: "es",
-  "es-es": "es",
-  "es-mx": "es",
-  fr: "fr",
-  "fr-fr": "fr",
-  it: "it",
-  "it-it": "it",
-  ja: "ja",
-  "ja-jp": "ja",
-  pt: "pt",
-  "pt-pt": "pt",
-  "pt-br": "pt",
-  sv: "sv",
-  "sv-se": "sv",
-  zh: "zh",
-  "zh-cn": "zh",
-  "zh-hans": "zh",
-  "zh-tw": "zh",
-  "zh-hant": "zh"
-};
-function kt(t) {
-  if (!t)
-    return null;
-  const e = t.toLowerCase().replace("_", "-"), r = _t[e];
-  if (r)
-    return r;
-  const o = X(e), n = _t[o];
-  return n || t;
+function vr(t) {
+  P(t);
+  for (let e = 0; e < t.producerNode.length; e++) {
+    const r = t.producerNode[e], o = t.producerLastReadVersion[e];
+    if (o !== r.version || (Dt(r), o !== r.version))
+      return !0;
+  }
+  return !1;
 }
-function fr() {
-  if (typeof navigator > "u")
-    return C;
-  const t = navigator.language;
-  if (t) {
-    const e = kt(t);
-    if (e)
-      return e;
+function Rt(t, e, r) {
+  var o;
+  if (ot(t), P(t), t.liveConsumerNode.length === 0) {
+    (o = t.watched) == null || o.call(t.wrapper);
+    for (let n = 0; n < t.producerNode.length; n++)
+      t.producerIndexOfThis[n] = Rt(t.producerNode[n], t, n);
   }
-  if (Array.isArray(navigator.languages))
-    for (const e of navigator.languages) {
-      const r = kt(e);
-      if (r)
-        return r;
-    }
-  return C;
+  return t.liveConsumerIndexOfThis.push(r), t.liveConsumerNode.push(e) - 1;
 }
-typeof window < "u" && window.localStorage?.getItem(
-  "ds-one:language"
-);
-const k = {
-  value: localStorage.getItem("language") || fr(),
-  set: function(t) {
-    this.value = t, localStorage.setItem("language", t), window.dispatchEvent(
-      new CustomEvent("language-changed", {
-        detail: { language: t },
-        bubbles: !0,
-        composed: !0
-      })
+function ke(t, e) {
+  var r;
+  if (ot(t), P(t), typeof ngDevMode < "u" && ngDevMode && e >= t.liveConsumerNode.length)
+    throw new Error(
+      `Assertion error: active consumer index ${e} is out of bounds of ${t.liveConsumerNode.length} consumers)`
     );
+  if (t.liveConsumerNode.length === 1) {
+    (r = t.unwatched) == null || r.call(t.wrapper);
+    for (let n = 0; n < t.producerNode.length; n++)
+      ke(t.producerNode[n], t.producerIndexOfThis[n]);
+  }
+  const o = t.liveConsumerNode.length - 1;
+  if (t.liveConsumerNode[e] = t.liveConsumerNode[o], t.liveConsumerIndexOfThis[e] = t.liveConsumerIndexOfThis[o], t.liveConsumerNode.length--, t.liveConsumerIndexOfThis.length--, e < t.liveConsumerNode.length) {
+    const n = t.liveConsumerIndexOfThis[e], i = t.liveConsumerNode[e];
+    P(i), i.producerIndexOfThis[n] = e;
   }
-};
-typeof window < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
-  bt();
-}) : bt());
-typeof window < "u" && window.addEventListener("translations-ready", () => {
-  L = xe(), window.dispatchEvent(new CustomEvent("translations-loaded"));
-  const t = k.value;
-  window.dispatchEvent(
-    new CustomEvent("language-changed", {
-      detail: { language: t },
-      bubbles: !0,
-      composed: !0
-    })
-  );
-});
-setTimeout(() => {
-  window.dispatchEvent(new CustomEvent("translations-loaded"));
-  const t = k.value;
-  window.dispatchEvent(
-    new CustomEvent("language-changed", {
-      detail: { language: t },
-      bubbles: !0,
-      composed: !0
-    })
-  );
-}, 100);
-function R(t) {
-  const e = k.value;
-  return L?.[e]?.[t] ? L[e][t] : e !== C && L?.[C]?.[t] ? L[C][t] : (console.warn(
-    `[DS one (Internationalization)] No translation found for key "${t}"`
-  ), t);
-}
-function Zn(t, e = k.value) {
-  if (!t)
-    return !1;
-  const r = L?.[e];
-  return !!(r && Object.prototype.hasOwnProperty.call(r, t) || e !== C && L?.[C] && Object.prototype.hasOwnProperty.call(L[C], t));
 }
-function re(t) {
-  return R(t);
+function Te(t) {
+  var e;
+  return t.consumerIsAlwaysLive || (((e = t?.liveConsumerNode) == null ? void 0 : e.length) ?? 0) > 0;
 }
-function Wn() {
-  const t = xe();
-  if (t && Object.keys(t).length > 0) {
-    const e = Object.keys(t);
-    return Promise.resolve(Ut(e));
-  }
-  return Promise.resolve([C]);
+function P(t) {
+  t.producerNode ?? (t.producerNode = []), t.producerIndexOfThis ?? (t.producerIndexOfThis = []), t.producerLastReadVersion ?? (t.producerLastReadVersion = []);
 }
-function Ct() {
-  const t = xe();
-  return t && Object.keys(t).length > 0 ? Ut(Object.keys(t)) : [C];
+function ot(t) {
+  t.liveConsumerNode ?? (t.liveConsumerNode = []), t.liveConsumerIndexOfThis ?? (t.liveConsumerIndexOfThis = []);
 }
-function Fn(t, e) {
-  console.log(
-    `Loading additional translations for ${t}:`,
-    Object.keys(e).length,
-    "keys"
-  );
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+function Ut(t) {
+  if (Dt(t), _e(t), t.value === Ne)
+    throw t.error;
+  return t.value;
 }
-function $t(t) {
-  localStorage.setItem("language", t), k.set(t), window.dispatchEvent(
-    new CustomEvent("language-changed", {
-      detail: { language: t },
-      bubbles: !0,
-      composed: !0
-    })
-  );
+function fr(t) {
+  const e = Object.create(wr);
+  e.computation = t;
+  const r = () => Ut(e);
+  return r[le] = e, r;
 }
-function N(t) {
-  if (!(typeof window > "u"))
+const Se = /* @__PURE__ */ Symbol("UNSET"), Ve = /* @__PURE__ */ Symbol("COMPUTING"), Ne = /* @__PURE__ */ Symbol("ERRORED"), wr = {
+  ...rt,
+  value: Se,
+  dirty: !0,
+  error: null,
+  equal: Bt,
+  producerMustRecompute(t) {
+    return t.value === Se || t.value === Ve;
+  },
+  producerRecomputeValue(t) {
+    if (t.value === Ve)
+      throw new Error("Detected cycle in computations.");
+    const e = t.value;
+    t.value = Ve;
+    const r = pr(t);
+    let o, n = !1;
     try {
-      const e = window.localStorage?.getItem("ds-one:preferences"), o = { ...e ? JSON.parse(e) : {}, ...t };
-      window.localStorage?.setItem("ds-one:preferences", JSON.stringify(o));
-    } catch (e) {
-      console.warn("ds-one: unable to persist preferences", e);
+      o = t.computation.call(t.wrapper), n = e !== Se && e !== Ne && t.equal.call(t.wrapper, e, o);
+    } catch (i) {
+      o = Ne, t.error = i;
+    } finally {
+      gr(t, r);
     }
-}
-const wr = {
-  da: "kr.",
-  nb: "kr.",
-  sv: "kr.",
-  de: "€",
-  en: "$",
-  pt: "€",
-  es: "€",
-  zh: "¥",
-  ja: "¥",
-  ko: "₩"
-};
-function Kn(t) {
-  const { language: e, country: r } = t;
-  if (r) {
-    const n = r.toUpperCase();
-    if (n === "US" || n === "USA")
-      return "$";
-    if (n === "GB" || n === "UK")
-      return "£";
-    if (n === "JP" || n === "JPN" || n === "CN" || n === "CHN")
-      return "¥";
-    if (n === "KR" || n === "KOR")
-      return "₩";
+    if (n) {
+      t.value = e;
+      return;
+    }
+    t.value = o, t.version++;
   }
-  const o = e.toLowerCase().split(/[-_]/)[0];
-  return wr[o] || "$";
-}
-var mr = Object.defineProperty, yr = (t, e, r) => e in t ? mr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ee = (t, e, r) => (yr(t, typeof e != "symbol" ? e + "" : e, r), r), br = (t, e, r) => {
-  if (!e.has(t))
-    throw TypeError("Cannot " + r);
-}, Se = (t, e) => {
-  if (Object(e) !== e)
-    throw TypeError('Cannot use the "in" operator on this value');
-  return t.has(e);
-}, te = (t, e, r) => {
-  if (e.has(t))
-    throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, At = (t, e, r) => (br(t, e, "access private method"), r);
+};
 /**
  * @license
  * Copyright Google LLC All Rights Reserved.
@@ -496,8 +217,12 @@ var mr = Object.defineProperty, yr = (t, e, r) => e in t ? mr(t, e, { enumerable
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-function qt(t, e) {
-  return Object.is(t, e);
+function mr() {
+  throw new Error();
+}
+let br = mr;
+function yr() {
+  br();
 }
 /**
  * @license
@@ -506,229 +231,25 @@ function qt(t, e) {
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-let w = null, U = !1, oe = 1;
-const se = /* @__PURE__ */ Symbol("SIGNAL");
-function z(t) {
-  const e = w;
-  return w = t, e;
-}
-function xr() {
-  return w;
+function xr(t) {
+  const e = Object.create(Cr);
+  e.value = t;
+  const r = () => (_e(e), e.value);
+  return r[le] = e, r;
 }
 function _r() {
-  return U;
+  return _e(this), this.value;
 }
-const ot = {
-  version: 0,
-  lastCleanEpoch: 0,
-  dirty: !1,
-  producerNode: void 0,
-  producerLastReadVersion: void 0,
-  producerIndexOfThis: void 0,
-  nextProducerIndex: 0,
-  liveConsumerNode: void 0,
-  liveConsumerIndexOfThis: void 0,
-  consumerAllowSignalWrites: !1,
-  consumerIsAlwaysLive: !1,
-  producerMustRecompute: () => !1,
-  producerRecomputeValue: () => {
-  },
-  consumerMarkedDirty: () => {
-  },
-  consumerOnSignalRead: () => {
-  }
-};
-function _e(t) {
-  if (U)
-    throw new Error(
-      typeof ngDevMode < "u" && ngDevMode ? "Assertion error: signal read during notification phase" : ""
-    );
-  if (w === null)
-    return;
-  w.consumerOnSignalRead(t);
-  const e = w.nextProducerIndex++;
-  if (P(w), e < w.producerNode.length && w.producerNode[e] !== t && Ne(w)) {
-    const r = w.producerNode[e];
-    ke(r, w.producerIndexOfThis[e]);
-  }
-  w.producerNode[e] !== t && (w.producerNode[e] = t, w.producerIndexOfThis[e] = Ne(w) ? Ft(t, w, e) : 0), w.producerLastReadVersion[e] = t.version;
-}
-function kr() {
-  oe++;
-}
-function Zt(t) {
-  if (!(!t.dirty && t.lastCleanEpoch === oe)) {
-    if (!t.producerMustRecompute(t) && !Er(t)) {
-      t.dirty = !1, t.lastCleanEpoch = oe;
-      return;
-    }
-    t.producerRecomputeValue(t), t.dirty = !1, t.lastCleanEpoch = oe;
-  }
-}
-function Wt(t) {
-  if (t.liveConsumerNode === void 0)
-    return;
-  const e = U;
-  U = !0;
-  try {
-    for (const r of t.liveConsumerNode)
-      r.dirty || $r(r);
-  } finally {
-    U = e;
-  }
-}
-function Cr() {
-  return w?.consumerAllowSignalWrites !== !1;
-}
-function $r(t) {
-  var e;
-  t.dirty = !0, Wt(t), (e = t.consumerMarkedDirty) == null || e.call(t.wrapper ?? t);
-}
-function Ar(t) {
-  return t && (t.nextProducerIndex = 0), z(t);
-}
-function Lr(t, e) {
-  if (z(e), !(!t || t.producerNode === void 0 || t.producerIndexOfThis === void 0 || t.producerLastReadVersion === void 0)) {
-    if (Ne(t))
-      for (let r = t.nextProducerIndex; r < t.producerNode.length; r++)
-        ke(t.producerNode[r], t.producerIndexOfThis[r]);
-    for (; t.producerNode.length > t.nextProducerIndex; )
-      t.producerNode.pop(), t.producerLastReadVersion.pop(), t.producerIndexOfThis.pop();
-  }
-}
-function Er(t) {
-  P(t);
-  for (let e = 0; e < t.producerNode.length; e++) {
-    const r = t.producerNode[e], o = t.producerLastReadVersion[e];
-    if (o !== r.version || (Zt(r), o !== r.version))
-      return !0;
-  }
-  return !1;
-}
-function Ft(t, e, r) {
-  var o;
-  if (nt(t), P(t), t.liveConsumerNode.length === 0) {
-    (o = t.watched) == null || o.call(t.wrapper);
-    for (let n = 0; n < t.producerNode.length; n++)
-      t.producerIndexOfThis[n] = Ft(t.producerNode[n], t, n);
-  }
-  return t.liveConsumerIndexOfThis.push(r), t.liveConsumerNode.push(e) - 1;
-}
-function ke(t, e) {
-  var r;
-  if (nt(t), P(t), typeof ngDevMode < "u" && ngDevMode && e >= t.liveConsumerNode.length)
-    throw new Error(
-      `Assertion error: active consumer index ${e} is out of bounds of ${t.liveConsumerNode.length} consumers)`
-    );
-  if (t.liveConsumerNode.length === 1) {
-    (r = t.unwatched) == null || r.call(t.wrapper);
-    for (let n = 0; n < t.producerNode.length; n++)
-      ke(t.producerNode[n], t.producerIndexOfThis[n]);
-  }
-  const o = t.liveConsumerNode.length - 1;
-  if (t.liveConsumerNode[e] = t.liveConsumerNode[o], t.liveConsumerIndexOfThis[e] = t.liveConsumerIndexOfThis[o], t.liveConsumerNode.length--, t.liveConsumerIndexOfThis.length--, e < t.liveConsumerNode.length) {
-    const n = t.liveConsumerIndexOfThis[e], i = t.liveConsumerNode[e];
-    P(i), i.producerIndexOfThis[n] = e;
-  }
-}
-function Ne(t) {
-  var e;
-  return t.consumerIsAlwaysLive || (((e = t?.liveConsumerNode) == null ? void 0 : e.length) ?? 0) > 0;
-}
-function P(t) {
-  t.producerNode ?? (t.producerNode = []), t.producerIndexOfThis ?? (t.producerIndexOfThis = []), t.producerLastReadVersion ?? (t.producerLastReadVersion = []);
-}
-function nt(t) {
-  t.liveConsumerNode ?? (t.liveConsumerNode = []), t.liveConsumerIndexOfThis ?? (t.liveConsumerIndexOfThis = []);
-}
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-function Kt(t) {
-  if (Zt(t), _e(t), t.value === Ie)
-    throw t.error;
-  return t.value;
-}
-function Sr(t) {
-  const e = Object.create(Vr);
-  e.computation = t;
-  const r = () => Kt(e);
-  return r[se] = e, r;
-}
-const Ve = /* @__PURE__ */ Symbol("UNSET"), He = /* @__PURE__ */ Symbol("COMPUTING"), Ie = /* @__PURE__ */ Symbol("ERRORED"), Vr = {
-  ...ot,
-  value: Ve,
-  dirty: !0,
-  error: null,
-  equal: qt,
-  producerMustRecompute(t) {
-    return t.value === Ve || t.value === He;
-  },
-  producerRecomputeValue(t) {
-    if (t.value === He)
-      throw new Error("Detected cycle in computations.");
-    const e = t.value;
-    t.value = He;
-    const r = Ar(t);
-    let o, n = !1;
-    try {
-      o = t.computation.call(t.wrapper), n = e !== Ve && e !== Ie && t.equal.call(t.wrapper, e, o);
-    } catch (i) {
-      o = Ie, t.error = i;
-    } finally {
-      Lr(t, r);
-    }
-    if (n) {
-      t.value = e;
-      return;
-    }
-    t.value = o, t.version++;
-  }
-};
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-function Hr() {
-  throw new Error();
-}
-let Mr = Hr;
-function Tr() {
-  Mr();
-}
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-function Nr(t) {
-  const e = Object.create(Or);
-  e.value = t;
-  const r = () => (_e(e), e.value);
-  return r[se] = e, r;
-}
-function Ir() {
-  return _e(this), this.value;
-}
-function zr(t, e) {
-  Cr() || Tr(), t.equal.call(t.wrapper, t.value, e) || (t.value = e, Pr(t));
+function kr(t, e) {
+  hr() || yr(), t.equal.call(t.wrapper, t.value, e) || (t.value = e, $r(t));
 }
-const Or = {
-  ...ot,
-  equal: qt,
+const Cr = {
+  ...rt,
+  equal: Bt,
   value: void 0
 };
-function Pr(t) {
-  t.version++, kr(), Wt(t);
+function $r(t) {
+  t.version++, dr(), jt(t);
 }
 /**
  * @license
@@ -746,54 +267,54 @@ function Pr(t) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const b = Symbol("node");
-var F;
+const y = Symbol("node");
+var K;
 ((t) => {
   var e, r, o, n;
   class i {
     constructor(c, u = {}) {
-      te(this, r), Ee(this, e);
-      const d = Nr(c)[se];
-      if (this[b] = d, d.wrapper = this, u) {
-        const y = u.equals;
-        y && (d.equal = y), d.watched = u[t.subtle.watched], d.unwatched = u[t.subtle.unwatched];
+      oe(this, r), Le(this, e);
+      const d = xr(c)[le];
+      if (this[y] = d, d.wrapper = this, u) {
+        const b = u.equals;
+        b && (d.equal = b), d.watched = u[t.subtle.watched], d.unwatched = u[t.subtle.unwatched];
       }
     }
     get() {
       if (!(0, t.isState)(this))
         throw new TypeError("Wrong receiver type for Signal.State.prototype.get");
-      return Ir.call(this[b]);
+      return _r.call(this[y]);
     }
     set(c) {
       if (!(0, t.isState)(this))
         throw new TypeError("Wrong receiver type for Signal.State.prototype.set");
-      if (_r())
+      if (cr())
         throw new Error("Writes to signals not permitted during Watcher callback");
-      const u = this[b];
-      zr(u, c);
+      const u = this[y];
+      kr(u, c);
     }
   }
-  e = b, r = /* @__PURE__ */ new WeakSet(), t.isState = (a) => typeof a == "object" && Se(r, a), t.State = i;
+  e = y, r = /* @__PURE__ */ new WeakSet(), t.isState = (a) => typeof a == "object" && Ee(r, a), t.State = i;
   class s {
     // Create a Signal which evaluates to the value returned by the callback.
     // Callback is called with this signal as the parameter.
     constructor(c, u) {
-      te(this, n), Ee(this, o);
-      const d = Sr(c)[se];
-      if (d.consumerAllowSignalWrites = !0, this[b] = d, d.wrapper = this, u) {
-        const y = u.equals;
-        y && (d.equal = y), d.watched = u[t.subtle.watched], d.unwatched = u[t.subtle.unwatched];
+      oe(this, n), Le(this, o);
+      const d = fr(c)[le];
+      if (d.consumerAllowSignalWrites = !0, this[y] = d, d.wrapper = this, u) {
+        const b = u.equals;
+        b && (d.equal = b), d.watched = u[t.subtle.watched], d.unwatched = u[t.subtle.unwatched];
       }
     }
     get() {
       if (!(0, t.isComputed)(this))
         throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");
-      return Kt(this[b]);
+      return Ut(this[y]);
     }
   }
-  o = b, n = /* @__PURE__ */ new WeakSet(), t.isComputed = (a) => typeof a == "object" && Se(n, a), t.Computed = s, ((a) => {
+  o = y, n = /* @__PURE__ */ new WeakSet(), t.isComputed = (a) => typeof a == "object" && Ee(n, a), t.Computed = s, ((a) => {
     var c, u, v, d;
-    function y(g) {
+    function b(g) {
       let p, h = null;
       try {
         h = z(null), p = g();
@@ -802,43 +323,43 @@ var F;
       }
       return p;
     }
-    a.untrack = y;
+    a.untrack = b;
     function $(g) {
       var p;
       if (!(0, t.isComputed)(g) && !(0, t.isWatcher)(g))
         throw new TypeError("Called introspectSources without a Computed or Watcher argument");
-      return ((p = g[b].producerNode) == null ? void 0 : p.map((h) => h.wrapper)) ?? [];
+      return ((p = g[y].producerNode) == null ? void 0 : p.map((h) => h.wrapper)) ?? [];
     }
     a.introspectSources = $;
     function T(g) {
       var p;
       if (!(0, t.isComputed)(g) && !(0, t.isState)(g))
         throw new TypeError("Called introspectSinks without a Signal argument");
-      return ((p = g[b].liveConsumerNode) == null ? void 0 : p.map((h) => h.wrapper)) ?? [];
+      return ((p = g[y].liveConsumerNode) == null ? void 0 : p.map((h) => h.wrapper)) ?? [];
     }
     a.introspectSinks = T;
-    function tr(g) {
+    function er(g) {
       if (!(0, t.isComputed)(g) && !(0, t.isState)(g))
         throw new TypeError("Called hasSinks without a Signal argument");
-      const p = g[b].liveConsumerNode;
+      const p = g[y].liveConsumerNode;
       return p ? p.length > 0 : !1;
     }
-    a.hasSinks = tr;
-    function rr(g) {
+    a.hasSinks = er;
+    function tr(g) {
       if (!(0, t.isComputed)(g) && !(0, t.isWatcher)(g))
         throw new TypeError("Called hasSources without a Computed or Watcher argument");
-      const p = g[b].producerNode;
+      const p = g[y].producerNode;
       return p ? p.length > 0 : !1;
     }
-    a.hasSources = rr;
-    class or {
+    a.hasSources = tr;
+    class rr {
       // When a (recursive) source of Watcher is written to, call this callback,
       // if it hasn't already been called since the last `watch` call.
       // No signals may be read or written during the notify.
       constructor(p) {
-        te(this, u), te(this, v), Ee(this, c);
-        let h = Object.create(ot);
-        h.wrapper = this, h.consumerMarkedDirty = p, h.consumerIsAlwaysLive = !0, h.consumerAllowSignalWrites = !1, h.producerNode = [], this[b] = h;
+        oe(this, u), oe(this, v), Le(this, c);
+        let h = Object.create(rt);
+        h.wrapper = this, h.consumerMarkedDirty = p, h.consumerIsAlwaysLive = !0, h.consumerAllowSignalWrites = !1, h.producerNode = [], this[y] = h;
       }
       // Add these signals to the Watcher's set, and set the watcher to run its
       // notify callback next time any signal in the set (or one of its dependencies) changes.
@@ -847,28 +368,28 @@ var F;
       watch(...p) {
         if (!(0, t.isWatcher)(this))
           throw new TypeError("Called unwatch without Watcher receiver");
-        At(this, v, d).call(this, p);
-        const h = this[b];
+        vt(this, v, d).call(this, p);
+        const h = this[y];
         h.dirty = !1;
         const _ = z(h);
-        for (const ee of p)
-          _e(ee[b]);
+        for (const re of p)
+          _e(re[y]);
         z(_);
       }
       // Remove these signals from the watched set (e.g., for an effect which is disposed)
       unwatch(...p) {
         if (!(0, t.isWatcher)(this))
           throw new TypeError("Called unwatch without Watcher receiver");
-        At(this, v, d).call(this, p);
-        const h = this[b];
+        vt(this, v, d).call(this, p);
+        const h = this[y];
         P(h);
         for (let _ = h.producerNode.length - 1; _ >= 0; _--)
           if (p.includes(h.producerNode[_].wrapper)) {
             ke(h.producerNode[_], h.producerIndexOfThis[_]);
-            const ee = h.producerNode.length - 1;
-            if (h.producerNode[_] = h.producerNode[ee], h.producerIndexOfThis[_] = h.producerIndexOfThis[ee], h.producerNode.length--, h.producerIndexOfThis.length--, h.nextProducerIndex--, _ < h.producerNode.length) {
-              const ir = h.producerIndexOfThis[_], gt = h.producerNode[_];
-              nt(gt), gt.liveConsumerIndexOfThis[ir] = _;
+            const re = h.producerNode.length - 1;
+            if (h.producerNode[_] = h.producerNode[re], h.producerIndexOfThis[_] = h.producerIndexOfThis[re], h.producerNode.length--, h.producerIndexOfThis.length--, h.nextProducerIndex--, _ < h.producerNode.length) {
+              const nr = h.producerIndexOfThis[_], gt = h.producerNode[_];
+              ot(gt), gt.liveConsumerIndexOfThis[nr] = _;
             }
           }
       }
@@ -877,21 +398,21 @@ var F;
       getPending() {
         if (!(0, t.isWatcher)(this))
           throw new TypeError("Called getPending without Watcher receiver");
-        return this[b].producerNode.filter((h) => h.dirty).map((h) => h.wrapper);
+        return this[y].producerNode.filter((h) => h.dirty).map((h) => h.wrapper);
       }
     }
-    c = b, u = /* @__PURE__ */ new WeakSet(), v = /* @__PURE__ */ new WeakSet(), d = function(g) {
+    c = y, u = /* @__PURE__ */ new WeakSet(), v = /* @__PURE__ */ new WeakSet(), d = function(g) {
       for (const p of g)
         if (!(0, t.isComputed)(p) && !(0, t.isState)(p))
           throw new TypeError("Called watch/unwatch without a Computed or State argument");
-    }, t.isWatcher = (g) => Se(u, g), a.Watcher = or;
-    function nr() {
+    }, t.isWatcher = (g) => Ee(u, g), a.Watcher = rr;
+    function or() {
       var g;
-      return (g = xr()) == null ? void 0 : g.wrapper;
+      return (g = lr()) == null ? void 0 : g.wrapper;
     }
-    a.currentComputed = nr, a.watched = Symbol("watched"), a.unwatched = Symbol("unwatched");
+    a.currentComputed = or, a.watched = Symbol("watched"), a.unwatched = Symbol("unwatched");
   })(t.subtle || (t.subtle = {}));
-})(F || (F = {}));
+})(K || (K = {}));
 /**
  * @license
  * Copyright 2023 Google LLC
@@ -905,8 +426,8 @@ new FinalizationRegistry((({ watcher: t, signal: e }) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Br = { CHILD: 2 }, Dr = (t) => (...e) => ({ _$litDirective$: t, values: e });
-let jr = class {
+const Ar = { CHILD: 2 }, Lr = (t) => (...e) => ({ _$litDirective$: t, values: e });
+let Er = class {
   constructor(e) {
   }
   get _$AU() {
@@ -927,50 +448,50 @@ let jr = class {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q = globalThis, ae = q.trustedTypes, Lt = ae ? ae.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Gt = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, Jt = "?" + A, Rr = `<${Jt}>`, H = document, K = () => H.createComment(""), G = (t) => t === null || typeof t != "object" && typeof t != "function", it = Array.isArray, Ur = (t) => it(t) || typeof t?.[Symbol.iterator] == "function", Me = `[ 	
-\f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Et = /-->/g, St = />/g, S = RegExp(`>|${Me}(?:([^\\s"'>=/]+)(${Me}*=${Me}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Vt = /'/g, Ht = /"/g, Yt = /^(?:script|style|textarea|title)$/i, qr = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), l = qr(1), M = Symbol.for("lit-noChange"), m = Symbol.for("lit-nothing"), Mt = /* @__PURE__ */ new WeakMap(), V = H.createTreeWalker(H, 129);
-function Xt(t, e) {
-  if (!it(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Lt !== void 0 ? Lt.createHTML(e) : e;
+const q = globalThis, ce = q.trustedTypes, ft = ce ? ce.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, qt = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, Zt = "?" + A, Sr = `<${Zt}>`, H = document, G = () => H.createComment(""), J = (t) => t === null || typeof t != "object" && typeof t != "function", nt = Array.isArray, Vr = (t) => nt(t) || typeof t?.[Symbol.iterator] == "function", He = `[ 	
+\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, mt = />/g, S = RegExp(`>|${He}(?:([^\\s"'>=/]+)(${He}*=${He}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), bt = /'/g, yt = /"/g, Wt = /^(?:script|style|textarea|title)$/i, Hr = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), l = Hr(1), M = Symbol.for("lit-noChange"), m = Symbol.for("lit-nothing"), xt = /* @__PURE__ */ new WeakMap(), V = H.createTreeWalker(H, 129);
+function Ft(t, e) {
+  if (!nt(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return ft !== void 0 ? ft.createHTML(e) : e;
 }
-const Zr = (t, e) => {
+const Mr = (t, e) => {
   const r = t.length - 1, o = [];
-  let n, i = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", s = D;
+  let n, i = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", s = j;
   for (let a = 0; a < r; a++) {
     const c = t[a];
-    let u, v, d = -1, y = 0;
-    for (; y < c.length && (s.lastIndex = y, v = s.exec(c), v !== null); ) y = s.lastIndex, s === D ? v[1] === "!--" ? s = Et : v[1] !== void 0 ? s = St : v[2] !== void 0 ? (Yt.test(v[2]) && (n = RegExp("</" + v[2], "g")), s = S) : v[3] !== void 0 && (s = S) : s === S ? v[0] === ">" ? (s = n ?? D, d = -1) : v[1] === void 0 ? d = -2 : (d = s.lastIndex - v[2].length, u = v[1], s = v[3] === void 0 ? S : v[3] === '"' ? Ht : Vt) : s === Ht || s === Vt ? s = S : s === Et || s === St ? s = D : (s = S, n = void 0);
+    let u, v, d = -1, b = 0;
+    for (; b < c.length && (s.lastIndex = b, v = s.exec(c), v !== null); ) b = s.lastIndex, s === j ? v[1] === "!--" ? s = wt : v[1] !== void 0 ? s = mt : v[2] !== void 0 ? (Wt.test(v[2]) && (n = RegExp("</" + v[2], "g")), s = S) : v[3] !== void 0 && (s = S) : s === S ? v[0] === ">" ? (s = n ?? j, d = -1) : v[1] === void 0 ? d = -2 : (d = s.lastIndex - v[2].length, u = v[1], s = v[3] === void 0 ? S : v[3] === '"' ? yt : bt) : s === yt || s === bt ? s = S : s === wt || s === mt ? s = j : (s = S, n = void 0);
     const $ = s === S && t[a + 1].startsWith("/>") ? " " : "";
-    i += s === D ? c + Rr : d >= 0 ? (o.push(u), c.slice(0, d) + Gt + c.slice(d) + A + $) : c + A + (d === -2 ? a : $);
+    i += s === j ? c + Sr : d >= 0 ? (o.push(u), c.slice(0, d) + qt + c.slice(d) + A + $) : c + A + (d === -2 ? a : $);
   }
-  return [Xt(t, i + (t[r] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
+  return [Ft(t, i + (t[r] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
 };
-class J {
+class Y {
   constructor({ strings: e, _$litType$: r }, o) {
     let n;
     this.parts = [];
     let i = 0, s = 0;
-    const a = e.length - 1, c = this.parts, [u, v] = Zr(e, r);
-    if (this.el = J.createElement(u, o), V.currentNode = this.el.content, r === 2 || r === 3) {
+    const a = e.length - 1, c = this.parts, [u, v] = Mr(e, r);
+    if (this.el = Y.createElement(u, o), V.currentNode = this.el.content, r === 2 || r === 3) {
       const d = this.el.content.firstChild;
       d.replaceWith(...d.childNodes);
     }
     for (; (n = V.nextNode()) !== null && c.length < a; ) {
       if (n.nodeType === 1) {
-        if (n.hasAttributes()) for (const d of n.getAttributeNames()) if (d.endsWith(Gt)) {
-          const y = v[s++], $ = n.getAttribute(d).split(A), T = /([.?@])?(.*)/.exec(y);
-          c.push({ type: 1, index: i, name: T[2], strings: $, ctor: T[1] === "." ? Fr : T[1] === "?" ? Kr : T[1] === "@" ? Gr : Ce }), n.removeAttribute(d);
+        if (n.hasAttributes()) for (const d of n.getAttributeNames()) if (d.endsWith(qt)) {
+          const b = v[s++], $ = n.getAttribute(d).split(A), T = /([.?@])?(.*)/.exec(b);
+          c.push({ type: 1, index: i, name: T[2], strings: $, ctor: T[1] === "." ? Nr : T[1] === "?" ? Ir : T[1] === "@" ? zr : Ce }), n.removeAttribute(d);
         } else d.startsWith(A) && (c.push({ type: 6, index: i }), n.removeAttribute(d));
-        if (Yt.test(n.tagName)) {
-          const d = n.textContent.split(A), y = d.length - 1;
-          if (y > 0) {
-            n.textContent = ae ? ae.emptyScript : "";
-            for (let $ = 0; $ < y; $++) n.append(d[$], K()), V.nextNode(), c.push({ type: 2, index: ++i });
-            n.append(d[y], K());
+        if (Wt.test(n.tagName)) {
+          const d = n.textContent.split(A), b = d.length - 1;
+          if (b > 0) {
+            n.textContent = ce ? ce.emptyScript : "";
+            for (let $ = 0; $ < b; $++) n.append(d[$], G()), V.nextNode(), c.push({ type: 2, index: ++i });
+            n.append(d[b], G());
           }
         }
-      } else if (n.nodeType === 8) if (n.data === Jt) c.push({ type: 2, index: i });
+      } else if (n.nodeType === 8) if (n.data === Zt) c.push({ type: 2, index: i });
       else {
         let d = -1;
         for (; (d = n.data.indexOf(A, d + 1)) !== -1; ) c.push({ type: 7, index: i }), d += A.length - 1;
@@ -986,10 +507,10 @@ class J {
 function B(t, e, r = t, o) {
   if (e === M) return e;
   let n = o !== void 0 ? r._$Co?.[o] : r._$Cl;
-  const i = G(e) ? void 0 : e._$litDirective$;
+  const i = J(e) ? void 0 : e._$litDirective$;
   return n?.constructor !== i && (n?._$AO?.(!1), i === void 0 ? n = void 0 : (n = new i(t), n._$AT(t, r, o)), o !== void 0 ? (r._$Co ?? (r._$Co = []))[o] = n : r._$Cl = n), n !== void 0 && (e = B(t, n._$AS(t, e.values), n, o)), e;
 }
-class Wr {
+class Tr {
   constructor(e, r) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = r;
   }
@@ -1006,7 +527,7 @@ class Wr {
     for (; c !== void 0; ) {
       if (s === c.index) {
         let u;
-        c.type === 2 ? u = new Q(i, i.nextSibling, this, e) : c.type === 1 ? u = new c.ctor(i, c.name, c.strings, this, e) : c.type === 6 && (u = new Jr(i, this, e)), this._$AV.push(u), c = o[++a];
+        c.type === 2 ? u = new ee(i, i.nextSibling, this, e) : c.type === 1 ? u = new c.ctor(i, c.name, c.strings, this, e) : c.type === 6 && (u = new Or(i, this, e)), this._$AV.push(u), c = o[++a];
       }
       s !== c?.index && (i = V.nextNode(), s++);
     }
@@ -1017,7 +538,7 @@ class Wr {
     for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(e, o, r), r += o.strings.length - 2) : o._$AI(e[r])), r++;
   }
 }
-class Q {
+class ee {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -1036,7 +557,7 @@ class Q {
     return this._$AB;
   }
   _$AI(e, r = this) {
-    e = B(this, e, r), G(e) ? e === m || e == null || e === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ur(e) ? this.k(e) : this._(e);
+    e = B(this, e, r), J(e) ? e === m || e == null || e === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Vr(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -1045,25 +566,25 @@ class Q {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== m && G(this._$AH) ? this._$AA.nextSibling.data = e : this.T(H.createTextNode(e)), this._$AH = e;
+    this._$AH !== m && J(this._$AH) ? this._$AA.nextSibling.data = e : this.T(H.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    const { values: r, _$litType$: o } = e, n = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = J.createElement(Xt(o.h, o.h[0]), this.options)), o);
+    const { values: r, _$litType$: o } = e, n = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = Y.createElement(Ft(o.h, o.h[0]), this.options)), o);
     if (this._$AH?._$AD === n) this._$AH.p(r);
     else {
-      const i = new Wr(n, this), s = i.u(this.options);
+      const i = new Tr(n, this), s = i.u(this.options);
       i.p(r), this.T(s), this._$AH = i;
     }
   }
   _$AC(e) {
-    let r = Mt.get(e.strings);
-    return r === void 0 && Mt.set(e.strings, r = new J(e)), r;
+    let r = xt.get(e.strings);
+    return r === void 0 && xt.set(e.strings, r = new Y(e)), r;
   }
   k(e) {
-    it(this._$AH) || (this._$AH = [], this._$AR());
+    nt(this._$AH) || (this._$AH = [], this._$AR());
     const r = this._$AH;
     let o, n = 0;
-    for (const i of e) n === r.length ? r.push(o = new Q(this.O(K()), this.O(K()), this, this.options)) : o = r[n], o._$AI(i), n++;
+    for (const i of e) n === r.length ? r.push(o = new ee(this.O(G()), this.O(G()), this, this.options)) : o = r[n], o._$AI(i), n++;
     n < r.length && (this._$AR(o && o._$AB.nextSibling, n), r.length = n);
   }
   _$AR(e = this._$AA.nextSibling, r) {
@@ -1076,151 +597,620 @@ class Q {
     this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
   }
 }
-class Ce {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(e, r, o, n, i) {
-    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = e, this.name = r, this._$AM = n, this.options = i, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = m;
+class Ce {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(e, r, o, n, i) {
+    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = e, this.name = r, this._$AM = n, this.options = i, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = m;
+  }
+  _$AI(e, r = this, o, n) {
+    const i = this.strings;
+    let s = !1;
+    if (i === void 0) e = B(this, e, r, 0), s = !J(e) || e !== this._$AH && e !== M, s && (this._$AH = e);
+    else {
+      const a = e;
+      let c, u;
+      for (e = i[0], c = 0; c < i.length - 1; c++) u = B(this, a[o + c], r, c), u === M && (u = this._$AH[c]), s || (s = !J(u) || u !== this._$AH[c]), u === m ? e = m : e !== m && (e += (u ?? "") + i[c + 1]), this._$AH[c] = u;
+    }
+    s && !n && this.j(e);
+  }
+  j(e) {
+    e === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+  }
+}
+class Nr extends Ce {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(e) {
+    this.element[this.name] = e === m ? void 0 : e;
+  }
+}
+class Ir extends Ce {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== m);
+  }
+}
+class zr extends Ce {
+  constructor(e, r, o, n, i) {
+    super(e, r, o, n, i), this.type = 5;
+  }
+  _$AI(e, r = this) {
+    if ((e = B(this, e, r, 0) ?? m) === M) return;
+    const o = this._$AH, n = e === m && o !== m || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, i = e !== m && (o === m || n);
+    n && this.element.removeEventListener(this.name, this, o), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
+  }
+  handleEvent(e) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
+  }
+}
+class Or {
+  constructor(e, r, o) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = o;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(e) {
+    B(this, e);
+  }
+}
+const Pr = q.litHtmlPolyfillSupport;
+Pr?.(Y, ee), (q.litHtmlVersions ?? (q.litHtmlVersions = [])).push("3.3.1");
+const Br = (t, e, r) => {
+  const o = r?.renderBefore ?? e;
+  let n = o._$litPart$;
+  if (n === void 0) {
+    const i = r?.renderBefore ?? null;
+    o._$litPart$ = n = new ee(e.insertBefore(G(), i), i, void 0, r ?? {});
+  }
+  return n._$AI(t), n;
+};
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+K.State;
+K.Computed;
+const it = (t, e) => new K.State(t, e), Dr = {
+  mode: "auto",
+  baseWidth: 280,
+  minScale: 0.75,
+  maxScale: 2
+}, D = it(1), X = it(Dr);
+function st() {
+  if (typeof navigator > "u" || typeof window > "u")
+    return !1;
+  const t = navigator, e = window, r = t && (t.userAgent || t.vendor) || e && e.opera || "", o = /Mobile|Android|iP(ad|hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)|Windows Phone|Phone|Tablet/i.test(
+    r
+  ), i = (t && t.maxTouchPoints || 0) > 1, s = e ? Math.min(e.innerWidth || 0, e.innerHeight || 0) <= 820 : !1;
+  return o || i && s;
+}
+function jr() {
+  const t = st(), e = navigator, r = window, n = (e && e.maxTouchPoints || 0) > 1, i = typeof document < "u" ? document.documentElement.clientWidth : r?.innerWidth || 0, s = typeof document < "u" ? document.documentElement.clientHeight : r?.innerHeight || 0, a = t && Math.min(i, s) >= 600;
+  return {
+    isMobile: t,
+    isTablet: a,
+    isDesktop: !t,
+    isTouchCapable: n,
+    deviceType: t ? a ? "tablet" : "mobile" : "desktop",
+    userAgent: e && (e.userAgent || e.vendor) || "",
+    screenWidth: i,
+    screenHeight: s
+  };
+}
+function Rr(t, e = X.get()) {
+  if (e.mode === "fixed")
+    return 1;
+  const r = t / e.baseWidth, o = Math.max(
+    e.minScale,
+    Math.min(e.maxScale, r)
+  );
+  return Number(o.toFixed(3));
+}
+function qn(t) {
+  const r = { ...X.get(), ...t };
+  X.set(r), typeof window < "u" && Kt();
+}
+function Kt() {
+  if (typeof window > "u" || typeof document > "u")
+    return;
+  if (!st()) {
+    D.set(1), document.documentElement.style.setProperty("--sf", "1"), window.dispatchEvent(
+      new CustomEvent("scaling-changed", {
+        detail: { scalingFactor: 1, config: X.get() }
+      })
+    );
+    return;
+  }
+  const e = document.documentElement.clientWidth, r = X.get(), o = Rr(e, r);
+  D.set(o), document.documentElement.style.setProperty("--sf", o.toString()), window.dispatchEvent(
+    new CustomEvent("scaling-changed", {
+      detail: { scalingFactor: o, config: r }
+    })
+  );
+}
+function Zn() {
+  return D.get();
+}
+function Wn(t) {
+  return t * D.get();
+}
+function Fn(t) {
+  const e = D.get();
+  return e === 0 ? t : t / e;
+}
+function ne() {
+  const t = jr();
+  if (typeof document > "u")
+    return t;
+  t.isMobile ? (document.documentElement.classList.add("mobile"), document.documentElement.classList.remove("desktop")) : (document.documentElement.classList.add("desktop"), document.documentElement.classList.remove("mobile")), Kt();
+  const e = D.get();
+  return t.isMobile ? console.log(
+    `[DS one] Mobile device detected - ${t.deviceType} (${t.screenWidth}x${t.screenHeight}), scaling factor: ${e.toFixed(2)}`
+  ) : console.log(
+    `[DS one] Desktop device detected (${t.screenWidth}x${t.screenHeight})`
+  ), typeof window < "u" && window.DS_ONE_DEBUG && console.log("[DS one] Device Info:", {
+    type: t.deviceType,
+    isMobile: t.isMobile,
+    isTablet: t.isTablet,
+    isDesktop: t.isDesktop,
+    isTouchCapable: t.isTouchCapable,
+    viewport: `${t.screenWidth}x${t.screenHeight}`,
+    scalingFactor: e,
+    userAgent: t.userAgent
+  }), t;
+}
+if (typeof window < "u") {
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
+    ne();
+  }) : ne();
+  let t;
+  window.addEventListener("resize", () => {
+    clearTimeout(t), t = setTimeout(() => {
+      ne();
+    }, 100);
+  }), window.addEventListener("orientationchange", () => {
+    setTimeout(ne, 100);
+  });
+}
+function Kn() {
+  if (typeof document > "u" || typeof window > "u")
+    return;
+  let t = document.querySelector('meta[name="viewport"]');
+  t || (t = document.createElement("meta"), t.setAttribute("name", "viewport"), document.head.appendChild(t)), t.setAttribute(
+    "content",
+    "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+  );
+  const e = document.createElement("style");
+  e.id = "ds-one-applike-style", e.textContent = `
+    * {
+      touch-action: pan-x pan-y !important;
+      -ms-touch-action: pan-x pan-y !important;
+    }
+    html, body {
+      touch-action: pan-x pan-y !important;
+      -ms-touch-action: pan-x pan-y !important;
+    }
+  `;
+  const r = document.getElementById("ds-one-applike-style");
+  r && r.remove(), document.head.appendChild(e);
+  let o = 0, n = 0;
+  const i = (a) => {
+    if (a instanceof TouchEvent) {
+      if (a.touches.length > 1) {
+        a.preventDefault(), a.stopPropagation();
+        return;
+      }
+      const c = Date.now();
+      if (a.type === "touchstart") {
+        if (c - o < 300) {
+          a.preventDefault(), a.stopPropagation();
+          return;
+        }
+        n = c;
+      } else if (a.type === "touchend") {
+        if (c - n < 300 && c - o < 300) {
+          a.preventDefault(), a.stopPropagation();
+          return;
+        }
+        o = c;
+      } else if (a.type === "touchmove" && a.touches.length > 1) {
+        a.preventDefault(), a.stopPropagation();
+        return;
+      }
+    }
+    if (a instanceof WheelEvent && (a.ctrlKey || a.metaKey)) {
+      a.preventDefault(), a.stopPropagation();
+      return;
+    }
+  }, s = { passive: !1, capture: !0 };
+  document.addEventListener("touchstart", i, s), document.addEventListener("touchmove", i, s), document.addEventListener("touchend", i, s), document.addEventListener("touchcancel", i, s), document.addEventListener("wheel", i, s), document.addEventListener(
+    "gesturestart",
+    (a) => {
+      a.preventDefault(), a.stopPropagation();
+    },
+    s
+  ), document.addEventListener(
+    "gesturechange",
+    (a) => {
+      a.preventDefault(), a.stopPropagation();
+    },
+    s
+  ), document.addEventListener(
+    "gestureend",
+    (a) => {
+      a.preventDefault(), a.stopPropagation();
+    },
+    s
+  );
+}
+let Ur = {};
+const Gt = [
+  "da",
+  "de",
+  "en",
+  "es",
+  "fr",
+  "it",
+  "ja",
+  "pt",
+  "sv",
+  "zh"
+], qr = new Map(
+  Gt.map((t, e) => [t, e])
+), _t = {
+  da: "Danish",
+  "da-dk": "Danish",
+  de: "German",
+  "de-de": "German",
+  en: "English",
+  "en-us": "English",
+  es: "Spanish",
+  "es-es": "Spanish",
+  fr: "French",
+  "fr-fr": "French",
+  it: "Italian",
+  "it-it": "Italian",
+  ja: "Japanese",
+  "ja-jp": "Japanese",
+  pt: "Portuguese",
+  "pt-pt": "Portuguese",
+  sv: "Swedish",
+  "sv-se": "Swedish",
+  zh: "Chinese",
+  "zh-cn": "Chinese",
+  "zh-tw": "Chinese",
+  "zh-hans": "Chinese",
+  "zh-hant": "Chinese"
+}, kt = /* @__PURE__ */ new Map();
+let Ct = !1;
+const Jt = "./translations.json";
+let $t = !1;
+function At(t) {
+  if (!t)
+    return null;
+  const e = t.trim();
+  return e ? e.startsWith("./") || e.startsWith("../") || e.startsWith("/") || /^https?:\/\//i.test(e) ? e : `./${e}` : null;
+}
+function Zr() {
+  if (typeof document > "u")
+    return null;
+  const e = document.querySelector(
+    "script[data-ds-one-translations]"
+  )?.getAttribute(
+    "data-ds-one-translations"
+  );
+  if (e)
+    return e;
+  const r = document.querySelector('meta[name="ds-one:translations"]')?.getAttribute("content");
+  if (r)
+    return r;
+  const o = document.querySelector('link[rel="ds-one-translations"]')?.getAttribute("href");
+  return o || null;
+}
+function Wr() {
+  const t = [], e = typeof window < "u" ? window.DS_ONE_TRANSLATIONS_FILE : null, r = Zr(), o = At(e ?? "");
+  o && t.push(o);
+  const n = At(r ?? "");
+  return n && !t.includes(n) && t.push(n), t.length === 0 && t.push(Jt), t;
+}
+function Fr(t) {
+  return !t || typeof t != "object" ? !1 : Object.values(t).every(
+    (e) => e && typeof e == "object"
+  );
+}
+async function Kr(t) {
+  try {
+    const e = await fetch(t);
+    if (!e.ok)
+      return null;
+    const r = await e.json();
+    return Fr(r) ? Object.keys(r).length === 0 ? (console.warn(`[DS one] No languages found in ${t}`), null) : r : (console.warn(
+      `[DS one] Invalid translation format in ${t}. Expected object with language codes as keys.`
+    ), null);
+  } catch {
+    return null;
+  }
+}
+async function Lt() {
+  if ($t || ($t = !0, typeof window > "u"))
+    return !1;
+  if (window.DS_ONE_TRANSLATIONS && Object.keys(window.DS_ONE_TRANSLATIONS).length > 0)
+    return console.log(
+      `[DS one] Translations already loaded (${Object.keys(window.DS_ONE_TRANSLATIONS).length} languages), skipping auto-load`
+    ), !0;
+  const t = Wr();
+  for (const e of t) {
+    const r = await Kr(e);
+    if (!r)
+      continue;
+    window.DS_ONE_TRANSLATIONS = r;
+    const o = Object.keys(r);
+    return console.log(
+      `[DS one] External translations loaded from ${e}: ${o.length} language(s) – ${o.join(", ")}`
+    ), window.dispatchEvent(new CustomEvent("translations-ready")), !0;
+  }
+  return console.info(
+    `[DS one] No external translations found at ${t[0] ?? Jt}. Using bundled translations.`
+  ), !1;
+}
+function $e() {
+  return typeof window < "u" && window.DS_ONE_TRANSLATIONS ? window.DS_ONE_TRANSLATIONS : Ur;
+}
+let L = $e();
+const C = "en";
+function te(t) {
+  return t ? t.toLowerCase().split(/[-_]/)[0] ?? "" : "";
+}
+function Et(t) {
+  const e = te(t), r = qr.get(e);
+  return typeof r == "number" ? r : Gt.length;
+}
+function Yt(t) {
+  return [...t].sort((e, r) => {
+    const o = Et(e), n = Et(r);
+    return o !== n ? o - n : e.localeCompare(r);
+  });
+}
+function Gr(t, e) {
+  const r = t?.replace("_", "-");
+  if (r)
+    try {
+      let o = kt.get(r);
+      o || (o = new Intl.DisplayNames([r], {
+        type: "language"
+      }), kt.set(r, o));
+      const n = e.replace("_", "-"), i = o.of(n);
+      if (i && i !== n)
+        return i;
+      const s = o.of(te(n));
+      if (s)
+        return s;
+    } catch {
+      Ct || (console.info(
+        "[DS one] Intl.DisplayNames is not available, using fallback language names."
+      ), Ct = !0);
+    }
+}
+function Jr(t) {
+  const e = t.toLowerCase().replace("_", "-"), r = _t[e];
+  if (r)
+    return r;
+  const o = te(e);
+  return _t[o];
+}
+function Yr(t, e = {}) {
+  if (!t)
+    return "";
+  const r = [];
+  e.locale && r.push(e.locale), typeof navigator < "u" && (Array.isArray(navigator.languages) && r.push(...navigator.languages), navigator.language && r.push(navigator.language)), r.push(C), r.push("en");
+  const o = /* @__PURE__ */ new Set();
+  for (const s of r) {
+    if (!s || o.has(s))
+      continue;
+    o.add(s);
+    const a = Gr(s, t);
+    if (a)
+      return a;
+  }
+  const n = Jr(t);
+  if (n)
+    return n;
+  const i = te(t);
+  return i ? i.toUpperCase() : t;
+}
+const St = {
+  da: "da",
+  "da-dk": "da",
+  de: "de",
+  "de-de": "de",
+  en: "en",
+  "en-us": "en",
+  "en-gb": "en",
+  es: "es",
+  "es-es": "es",
+  "es-mx": "es",
+  fr: "fr",
+  "fr-fr": "fr",
+  it: "it",
+  "it-it": "it",
+  ja: "ja",
+  "ja-jp": "ja",
+  pt: "pt",
+  "pt-pt": "pt",
+  "pt-br": "pt",
+  sv: "sv",
+  "sv-se": "sv",
+  zh: "zh",
+  "zh-cn": "zh",
+  "zh-hans": "zh",
+  "zh-tw": "zh",
+  "zh-hant": "zh"
+};
+function Vt(t) {
+  if (!t)
+    return null;
+  const e = t.toLowerCase().replace("_", "-"), r = St[e];
+  if (r)
+    return r;
+  const o = te(e), n = St[o];
+  return n || t;
+}
+function Xr() {
+  if (typeof navigator > "u")
+    return C;
+  const t = navigator.language;
+  if (t) {
+    const e = Vt(t);
+    if (e)
+      return e;
   }
-  _$AI(e, r = this, o, n) {
-    const i = this.strings;
-    let s = !1;
-    if (i === void 0) e = B(this, e, r, 0), s = !G(e) || e !== this._$AH && e !== M, s && (this._$AH = e);
-    else {
-      const a = e;
-      let c, u;
-      for (e = i[0], c = 0; c < i.length - 1; c++) u = B(this, a[o + c], r, c), u === M && (u = this._$AH[c]), s || (s = !G(u) || u !== this._$AH[c]), u === m ? e = m : e !== m && (e += (u ?? "") + i[c + 1]), this._$AH[c] = u;
+  if (Array.isArray(navigator.languages))
+    for (const e of navigator.languages) {
+      const r = Vt(e);
+      if (r)
+        return r;
     }
-    s && !n && this.j(e);
-  }
-  j(e) {
-    e === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
-  }
+  return C;
 }
-class Fr extends Ce {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(e) {
-    this.element[this.name] = e === m ? void 0 : e;
+typeof window < "u" && window.localStorage?.getItem(
+  "ds-one:language"
+);
+const k = {
+  value: localStorage.getItem("language") || Xr(),
+  set: function(t) {
+    this.value = t, localStorage.setItem("language", t), window.dispatchEvent(
+      new CustomEvent("language-changed", {
+        detail: { language: t },
+        bubbles: !0,
+        composed: !0
+      })
+    );
   }
+};
+typeof window < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
+  Lt();
+}) : Lt());
+typeof window < "u" && window.addEventListener("translations-ready", () => {
+  L = $e(), window.dispatchEvent(new CustomEvent("translations-loaded"));
+  const t = k.value;
+  window.dispatchEvent(
+    new CustomEvent("language-changed", {
+      detail: { language: t },
+      bubbles: !0,
+      composed: !0
+    })
+  );
+});
+setTimeout(() => {
+  window.dispatchEvent(new CustomEvent("translations-loaded"));
+  const t = k.value;
+  window.dispatchEvent(
+    new CustomEvent("language-changed", {
+      detail: { language: t },
+      bubbles: !0,
+      composed: !0
+    })
+  );
+}, 100);
+function Z(t) {
+  const e = k.value;
+  return L?.[e]?.[t] ? L[e][t] : e !== C && L?.[C]?.[t] ? L[C][t] : (console.warn(
+    `[DS one (Internationalization)] No translation found for key "${t}"`
+  ), t);
 }
-class Kr extends Ce {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== m);
-  }
+function Gn(t, e = k.value) {
+  if (!t)
+    return !1;
+  const r = L?.[e];
+  return !!(r && Object.prototype.hasOwnProperty.call(r, t) || e !== C && L?.[C] && Object.prototype.hasOwnProperty.call(L[C], t));
 }
-class Gr extends Ce {
-  constructor(e, r, o, n, i) {
-    super(e, r, o, n, i), this.type = 5;
-  }
-  _$AI(e, r = this) {
-    if ((e = B(this, e, r, 0) ?? m) === M) return;
-    const o = this._$AH, n = e === m && o !== m || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, i = e !== m && (o === m || n);
-    n && this.element.removeEventListener(this.name, this, o), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
-  }
-  handleEvent(e) {
-    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
-  }
+function se(t) {
+  return Z(t);
 }
-class Jr {
-  constructor(e, r, o) {
-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = o;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(e) {
-    B(this, e);
+function Jn() {
+  const t = $e();
+  if (t && Object.keys(t).length > 0) {
+    const e = Object.keys(t);
+    return Promise.resolve(Yt(e));
   }
+  return Promise.resolve([C]);
 }
-const Yr = q.litHtmlPolyfillSupport;
-Yr?.(J, Q), (q.litHtmlVersions ?? (q.litHtmlVersions = [])).push("3.3.1");
-const Xr = (t, e, r) => {
-  const o = r?.renderBefore ?? e;
-  let n = o._$litPart$;
-  if (n === void 0) {
-    const i = r?.renderBefore ?? null;
-    o._$litPart$ = n = new Q(e.insertBefore(K(), i), i, void 0, r ?? {});
-  }
-  return n._$AI(t), n;
-};
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-F.State;
-F.Computed;
-const st = (t, e) => new F.State(t, e), Qr = {
-  mode: "auto",
-  baseWidth: 280,
-  minScale: 0.75,
-  maxScale: 2
-}, $e = st(1), le = st(Qr);
-function eo(t, e = le.get()) {
-  if (e.mode === "fixed")
-    return 1;
-  const r = t / e.baseWidth, o = Math.max(
-    e.minScale,
-    Math.min(e.maxScale, r)
-  );
-  return Number(o.toFixed(3));
+function Ht() {
+  const t = $e();
+  return t && Object.keys(t).length > 0 ? Yt(Object.keys(t)) : [C];
 }
-function Jn(t) {
-  const r = { ...le.get(), ...t };
-  le.set(r), typeof window < "u" && ne();
+function Yn(t, e) {
+  console.log(
+    `Loading additional translations for ${t}:`,
+    Object.keys(e).length,
+    "keys"
+  );
 }
-function ne() {
-  if (typeof window > "u" || typeof document > "u")
-    return;
-  const t = document.documentElement.clientWidth, e = le.get(), r = eo(t, e);
-  $e.set(r), document.documentElement.style.setProperty("--sf", r.toString()), window.dispatchEvent(
-    new CustomEvent("scaling-changed", {
-      detail: { scalingFactor: r, config: e }
+function Mt(t) {
+  localStorage.setItem("language", t), k.set(t), window.dispatchEvent(
+    new CustomEvent("language-changed", {
+      detail: { language: t },
+      bubbles: !0,
+      composed: !0
     })
   );
 }
-function Yn() {
-  return $e.get();
+function N(t) {
+  if (!(typeof window > "u"))
+    try {
+      const e = window.localStorage?.getItem("ds-one:preferences"), o = { ...e ? JSON.parse(e) : {}, ...t };
+      window.localStorage?.setItem("ds-one:preferences", JSON.stringify(o));
+    } catch (e) {
+      console.warn("ds-one: unable to persist preferences", e);
+    }
 }
+const Qr = {
+  da: "kr.",
+  nb: "kr.",
+  sv: "kr.",
+  de: "€",
+  en: "$",
+  pt: "€",
+  es: "€",
+  zh: "¥",
+  ja: "¥",
+  ko: "₩"
+};
 function Xn(t) {
-  return t * $e.get();
-}
-function Qn(t) {
-  const e = $e.get();
-  return e === 0 ? t : t / e;
-}
-function Tt() {
-  if (typeof window > "u")
-    return;
-  ne();
-  let t;
-  window.addEventListener("resize", () => {
-    clearTimeout(t), t = setTimeout(() => {
-      ne();
-    }, 100);
-  }), window.addEventListener("orientationchange", () => {
-    setTimeout(ne, 100);
-  });
+  const { language: e, country: r } = t;
+  if (r) {
+    const n = r.toUpperCase();
+    if (n === "US" || n === "USA")
+      return "$";
+    if (n === "GB" || n === "UK")
+      return "£";
+    if (n === "JP" || n === "JPN" || n === "CN" || n === "CHN")
+      return "¥";
+    if (n === "KR" || n === "KOR")
+      return "₩";
+  }
+  const o = e.toLowerCase().split(/[-_]/)[0];
+  return Qr[o] || "$";
 }
-typeof window < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", Tt) : Tt());
-function to() {
+function eo() {
   if (typeof window > "u")
     return "light";
   const t = window.localStorage?.getItem("ds-one:theme");
   return t === "light" || t === "dark" ? t : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-const Y = st(to());
-function ro(t) {
-  if (t !== Y.get() && (Y.set(t), typeof window < "u")) {
+const Q = it(eo());
+function to(t) {
+  if (t !== Q.get() && (Q.set(t), typeof window < "u")) {
     try {
       window.localStorage?.setItem("ds-one:theme", t);
     } catch (r) {
@@ -1233,7 +1223,7 @@ function ro(t) {
   }
 }
 if (typeof window < "u") {
-  const t = Y.get(), e = window.document?.documentElement;
+  const t = Q.get(), e = window.document?.documentElement;
   e && (e.classList.remove("light-theme", "dark-theme"), e.classList.add(`${t}-theme`));
 }
 /**
@@ -1241,8 +1231,8 @@ if (typeof window < "u") {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ie = globalThis, at = ie.ShadowRoot && (ie.ShadyCSS === void 0 || ie.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, lt = Symbol(), Nt = /* @__PURE__ */ new WeakMap();
-let Qt = class {
+const ae = globalThis, at = ae.ShadowRoot && (ae.ShadyCSS === void 0 || ae.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, lt = Symbol(), Tt = /* @__PURE__ */ new WeakMap();
+let Xt = class {
   constructor(e, r, o) {
     if (this._$cssResult$ = !0, o !== lt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = r;
@@ -1252,7 +1242,7 @@ let Qt = class {
     const r = this.t;
     if (at && e === void 0) {
       const o = r !== void 0 && r.length === 1;
-      o && (e = Nt.get(r)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && Nt.set(r, e));
+      o && (e = Tt.get(r)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && Tt.set(r, e));
     }
     return e;
   }
@@ -1260,20 +1250,20 @@ let Qt = class {
     return this.cssText;
   }
 };
-const x = (t) => new Qt(typeof t == "string" ? t : t + "", void 0, lt), Ae = (t, ...e) => {
+const x = (t) => new Xt(typeof t == "string" ? t : t + "", void 0, lt), Ae = (t, ...e) => {
   const r = t.length === 1 ? t[0] : e.reduce(((o, n, i) => o + ((s) => {
     if (s._$cssResult$ === !0) return s.cssText;
     if (typeof s == "number") return s;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(n) + t[i + 1]), t[0]);
-  return new Qt(r, t, lt);
-}, oo = (t, e) => {
+  return new Xt(r, t, lt);
+}, ro = (t, e) => {
   if (at) t.adoptedStyleSheets = e.map(((r) => r instanceof CSSStyleSheet ? r : r.styleSheet));
   else for (const r of e) {
-    const o = document.createElement("style"), n = ie.litNonce;
+    const o = document.createElement("style"), n = ae.litNonce;
     n !== void 0 && o.setAttribute("nonce", n), o.textContent = r.cssText, t.appendChild(o);
   }
-}, It = at ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
+}, Nt = at ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
   let r = "";
   for (const o of e.cssRules) r += o.cssText;
   return x(r);
@@ -1283,10 +1273,10 @@ const x = (t) => new Qt(typeof t == "string" ? t : t + "", void 0, lt), Ae = (t,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: no, defineProperty: io, getOwnPropertyDescriptor: so, getOwnPropertyNames: ao, getOwnPropertySymbols: lo, getPrototypeOf: co } = Object, E = globalThis, zt = E.trustedTypes, ho = zt ? zt.emptyScript : "", uo = E.reactiveElementPolyfillSupport, Z = (t, e) => t, ze = { toAttribute(t, e) {
+const { is: oo, defineProperty: no, getOwnPropertyDescriptor: io, getOwnPropertyNames: so, getOwnPropertySymbols: ao, getPrototypeOf: lo } = Object, E = globalThis, It = E.trustedTypes, co = It ? It.emptyScript : "", ho = E.reactiveElementPolyfillSupport, W = (t, e) => t, Ie = { toAttribute(t, e) {
   switch (e) {
     case Boolean:
-      t = t ? ho : null;
+      t = t ? co : null;
       break;
     case Object:
     case Array:
@@ -1311,7 +1301,7 @@ const { is: no, defineProperty: io, getOwnPropertyDescriptor: so, getOwnProperty
       }
   }
   return r;
-} }, er = (t, e) => !no(t, e), Ot = { attribute: !0, type: String, converter: ze, reflect: !1, useDefault: !1, hasChanged: er };
+} }, Qt = (t, e) => !oo(t, e), zt = { attribute: !0, type: String, converter: Ie, reflect: !1, useDefault: !1, hasChanged: Qt };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E.litPropertyMetadata ?? (E.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class I extends HTMLElement {
   static addInitializer(e) {
@@ -1320,14 +1310,14 @@ class I extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, r = Ot) {
+  static createProperty(e, r = zt) {
     if (r.state && (r.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((r = Object.create(r)).wrapped = !0), this.elementProperties.set(e, r), !r.noAccessor) {
       const o = Symbol(), n = this.getPropertyDescriptor(e, o, r);
-      n !== void 0 && io(this.prototype, e, n);
+      n !== void 0 && no(this.prototype, e, n);
     }
   }
   static getPropertyDescriptor(e, r, o) {
-    const { get: n, set: i } = so(this.prototype, e) ?? { get() {
+    const { get: n, set: i } = io(this.prototype, e) ?? { get() {
       return this[r];
     }, set(s) {
       this[r] = s;
@@ -1338,17 +1328,17 @@ class I extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? Ot;
+    return this.elementProperties.get(e) ?? zt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(Z("elementProperties"))) return;
-    const e = co(this);
+    if (this.hasOwnProperty(W("elementProperties"))) return;
+    const e = lo(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(Z("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Z("properties"))) {
-      const r = this.properties, o = [...ao(r), ...lo(r)];
+    if (this.hasOwnProperty(W("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(W("properties"))) {
+      const r = this.properties, o = [...so(r), ...ao(r)];
       for (const n of o) this.createProperty(n, r[n]);
     }
     const e = this[Symbol.metadata];
@@ -1367,8 +1357,8 @@ class I extends HTMLElement {
     const r = [];
     if (Array.isArray(e)) {
       const o = new Set(e.flat(1 / 0).reverse());
-      for (const n of o) r.unshift(It(n));
-    } else e !== void 0 && r.push(It(e));
+      for (const n of o) r.unshift(Nt(n));
+    } else e !== void 0 && r.push(Nt(e));
     return r;
   }
   static _$Eu(e, r) {
@@ -1394,7 +1384,7 @@ class I extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return oo(e, this.constructor.elementStyles), e;
+    return ro(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), this._$EO?.forEach(((e) => e.hostConnected?.()));
@@ -1410,14 +1400,14 @@ class I extends HTMLElement {
   _$ET(e, r) {
     const o = this.constructor.elementProperties.get(e), n = this.constructor._$Eu(e, o);
     if (n !== void 0 && o.reflect === !0) {
-      const i = (o.converter?.toAttribute !== void 0 ? o.converter : ze).toAttribute(r, o.type);
+      const i = (o.converter?.toAttribute !== void 0 ? o.converter : Ie).toAttribute(r, o.type);
       this._$Em = e, i == null ? this.removeAttribute(n) : this.setAttribute(n, i), this._$Em = null;
     }
   }
   _$AK(e, r) {
     const o = this.constructor, n = o._$Eh.get(e);
     if (n !== void 0 && this._$Em !== n) {
-      const i = o.getPropertyOptions(n), s = typeof i.converter == "function" ? { fromAttribute: i.converter } : i.converter?.fromAttribute !== void 0 ? i.converter : ze;
+      const i = o.getPropertyOptions(n), s = typeof i.converter == "function" ? { fromAttribute: i.converter } : i.converter?.fromAttribute !== void 0 ? i.converter : Ie;
       this._$Em = n;
       const a = s.fromAttribute(r, i.type);
       this[n] = a ?? this._$Ej?.get(n) ?? a, this._$Em = null;
@@ -1426,7 +1416,7 @@ class I extends HTMLElement {
   requestUpdate(e, r, o) {
     if (e !== void 0) {
       const n = this.constructor, i = this[e];
-      if (o ?? (o = n.getPropertyOptions(e)), !((o.hasChanged ?? er)(i, r) || o.useDefault && o.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(n._$Eu(e, o)))) return;
+      if (o ?? (o = n.getPropertyOptions(e)), !((o.hasChanged ?? Qt)(i, r) || o.useDefault && o.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(n._$Eu(e, o)))) return;
       this.C(e, r, o);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -1494,13 +1484,13 @@ class I extends HTMLElement {
   firstUpdated(e) {
   }
 }
-I.elementStyles = [], I.shadowRootOptions = { mode: "open" }, I[Z("elementProperties")] = /* @__PURE__ */ new Map(), I[Z("finalized")] = /* @__PURE__ */ new Map(), uo?.({ ReactiveElement: I }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.1.1");
+I.elementStyles = [], I.shadowRootOptions = { mode: "open" }, I[W("elementProperties")] = /* @__PURE__ */ new Map(), I[W("finalized")] = /* @__PURE__ */ new Map(), ho?.({ ReactiveElement: I }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const W = globalThis;
+const F = globalThis;
 class f extends I {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -1512,7 +1502,7 @@ class f extends I {
   }
   update(e) {
     const r = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Xr(r, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Br(r, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -1524,11 +1514,11 @@ class f extends I {
     return M;
   }
 }
-f._$litElement$ = !0, f.finalized = !0, W.litElementHydrateSupport?.({ LitElement: f });
-const po = W.litElementPolyfillSupport;
-po?.({ LitElement: f });
-(W.litElementVersions ?? (W.litElementVersions = [])).push("4.2.1");
-const go = ':host{display:inline;font-family:var(--typeface-regular);font-size:var(--type-size-default);font-weight:var(--type-weight-default);line-height:calc(var(--type-lineheight-default) * var(--sf));letter-spacing:calc(var(--type-letterspacing-default) * var(--sf));text-align:var(--text-align-default);text-transform:var(--text-transform-default);text-decoration:var(--text-decoration-default)}:host([data-language="ja"]){font-family:var(--typeface-regular-jp)}:host([data-language="zh"]),:host([data-language="zh-hant"]){font-family:var(--typeface-regular-zh-hant);font-weight:800}:host([data-language="zh-hans"]){font-family:var(--typeface-regular-zh-hans);font-weight:800}', ct = class ct extends f {
+f._$litElement$ = !0, f.finalized = !0, F.litElementHydrateSupport?.({ LitElement: f });
+const uo = F.litElementPolyfillSupport;
+uo?.({ LitElement: f });
+(F.litElementVersions ?? (F.litElementVersions = [])).push("4.2.1");
+const po = ':host{display:inline;font-family:var(--typeface-regular);font-size:var(--type-size-default);font-weight:var(--type-weight-default);line-height:calc(var(--type-lineheight-default) * var(--sf));letter-spacing:calc(var(--type-letterspacing-default) * var(--sf));text-align:var(--text-align-default);text-transform:var(--text-transform-default);text-decoration:var(--text-decoration-default)}:host([data-language="ja"]){font-family:var(--typeface-regular-jp)}:host([data-language="zh"]),:host([data-language="zh-hant"]){font-family:var(--typeface-regular-zh-hant);font-weight:800}:host([data-language="zh-hans"]){font-family:var(--typeface-regular-zh-hans);font-weight:800}', ct = class ct extends f {
   static get properties() {
     return {
       text: { type: String, reflect: !0 },
@@ -1585,7 +1575,7 @@ const go = ':host{display:inline;font-family:var(--typeface-regular);font-size:v
       return;
     }
     try {
-      const e = re(this.text);
+      const e = se(this.text);
       this._text = e || this.defaultValue || this.fallback || this.text;
     } catch (e) {
       console.error("Error loading text for text:", this.text, e), this._text = this.defaultValue || this.fallback || this.text;
@@ -1596,10 +1586,10 @@ const go = ':host{display:inline;font-family:var(--typeface-regular);font-size:v
     return l`<span>${this._text || this.defaultValue || this.text}</span>`;
   }
 };
-ct.styles = x(go);
-let Oe = ct;
-customElements.define("ds-text", Oe);
-const vo = "button{max-height:calc(var(--08) * var(--sf));display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0 calc(.5px * var(--sf));color:var(--button-text-color);font-family:var(--typeface-regular)}button.title{background-color:var(--button-background-color-secondary);color:var(--button-text-color)}button.primary{background-color:var(--accent-color);color:var(--button-text-color);text-decoration-line:none;font-family:var(--typeface-regular)}button.secondary{background-color:var(--button-background-color-secondary);color:var(--button-text-color);font-family:var(--typeface-regular)}button.text{background-color:transparent;color:var(--button-color, var(--button-text-color));font-family:var(--typeface-regular);padding:0;text-decoration:none}button.text:hover{opacity:.8;text-decoration:none}button[bold]{font-weight:var(--type-weight-bold);font-family:var(--typeface-medium)}button[no-background]{background-color:transparent;max-height:var(--1);padding:0;color:var(--button-color, var(--button-text-color-secondary))}button[no-background][bold]{font-weight:var(--type-weight-bold);font-family:var(--typeface-medium);color:var(--button-color, var(--button-text-color-secondary))}.loading{opacity:.7}", ce = class ce extends f {
+ct.styles = x(po);
+let ze = ct;
+customElements.define("ds-text", ze);
+const go = "button{max-height:calc(var(--08) * var(--sf));display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0 calc(.5px * var(--sf));color:var(--button-text-color);font-family:var(--typeface-regular)}button.title{background-color:var(--button-background-color-secondary);color:var(--button-text-color)}button.primary{background-color:var(--accent-color);color:var(--button-text-color);text-decoration-line:none;font-family:var(--typeface-regular)}button.secondary{background-color:var(--button-background-color-secondary);color:var(--button-text-color);font-family:var(--typeface-regular)}button.text{background-color:transparent;color:var(--button-color, var(--button-text-color));font-family:var(--typeface-regular);padding:0;text-decoration:none}button.text:hover{opacity:.8;text-decoration:none}button[bold]{font-weight:var(--type-weight-bold);font-family:var(--typeface-medium)}button[no-background]{background-color:transparent;max-height:var(--1);padding:0;color:var(--button-color, var(--button-text-color-secondary))}button[no-background][bold]{font-weight:var(--type-weight-bold);font-family:var(--typeface-medium);color:var(--button-color, var(--button-text-color-secondary))}.loading{opacity:.7}", de = class de extends f {
   constructor() {
     super(), this.variant = "title", this.disabled = !1, this.bold = !1, this["no-background"] = !1, this.blank = !1, this.text = "", this.fallback = "", this.language = "en-US", this.defaultText = "", this.href = "", this._loading = !1;
   }
@@ -1635,7 +1625,7 @@ const vo = "button{max-height:calc(var(--08) * var(--sf));display:inline-flex;al
     }
   }
 };
-ce.properties = {
+de.properties = {
   variant: { type: String, reflect: !0 },
   disabled: { type: Boolean, reflect: !0 },
   bold: { type: Boolean, reflect: !0 },
@@ -1651,10 +1641,10 @@ ce.properties = {
   defaultText: { type: String, attribute: "default-text" },
   href: { type: String },
   _loading: { type: Boolean, state: !0 }
-}, ce.styles = x(vo);
-let Pe = ce;
-customElements.define("ds-button", Pe);
-const fo = ':host{display:flex;position:absolute;top:0;left:0;right:0;width:100%;height:calc(var(--unit) * var(--sf, 1));align-items:center;justify-content:space-between;padding:0 calc(var(--unit) * var(--sf, 1));box-sizing:border-box;z-index:9999}:host([variant="warning"]){background-color:color-mix(in srgb,var(--yellow) 50%,transparent);--banner-text-color: color-mix(in srgb, var(--black) 50%, transparent);--banner-action-color: var(--slate)}:host([variant="info"]){background-color:rgba(var(--sharp-blue-rgb, 0, 122, 255),.7);--banner-text-color: var(--white, #fff);--banner-action-color: var(--white, #fff)}:host([variant="success"]){background-color:rgba(var(--apple-green-rgb, 52, 199, 89),.7);--banner-text-color: var(--white, #fff);--banner-action-color: var(--white, #fff)}:host([variant="error"]){background-color:rgba(var(--tuned-red-rgb, 255, 59, 48),.7);--banner-text-color: var(--white, #fff);--banner-action-color: var(--slate, #1e1e1e)}.text-wrapper{flex:1;cursor:pointer;user-select:none}.text-wrapper ds-text,.text-wrapper .version{color:var(--banner-text-color)}.action-wrapper{font-size:calc(12px * var(--sf, 1))}.action-wrapper a{color:var(--banner-action-color);text-decoration:none;font-family:var(--typeface-regular);font-size:calc(12px * var(--sf, 1));cursor:pointer;pointer-events:auto;display:inline-block}.action-wrapper a:hover{opacity:.8}.action-wrapper ds-text{color:var(--banner-action-color);font-family:var(--typeface-regular);font-size:calc(12px * var(--sf, 1));pointer-events:none}', de = class de extends f {
+}, de.styles = x(go);
+let Oe = de;
+customElements.define("ds-button", Oe);
+const vo = ':host{display:flex;position:absolute;top:0;left:0;right:0;width:100%;height:calc(var(--unit) * var(--sf, 1));align-items:center;justify-content:space-between;padding:0 calc(var(--unit) * var(--sf, 1));box-sizing:border-box;z-index:9999}:host([variant="warning"]){background-color:color-mix(in srgb,var(--yellow) 50%,transparent);--banner-text-color: color-mix(in srgb, var(--black) 50%, transparent);--banner-action-color: var(--slate)}:host([variant="info"]){background-color:rgba(var(--sharp-blue-rgb, 0, 122, 255),.7);--banner-text-color: var(--white, #fff);--banner-action-color: var(--white, #fff)}:host([variant="success"]){background-color:rgba(var(--apple-green-rgb, 52, 199, 89),.7);--banner-text-color: var(--white, #fff);--banner-action-color: var(--white, #fff)}:host([variant="error"]){background-color:rgba(var(--tuned-red-rgb, 255, 59, 48),.7);--banner-text-color: var(--white, #fff);--banner-action-color: var(--slate, #1e1e1e)}.text-wrapper{flex:1;cursor:pointer;user-select:none}.text-wrapper ds-text,.text-wrapper .version{color:var(--banner-text-color)}.action-wrapper{font-size:calc(12px * var(--sf, 1))}.action-wrapper a{color:var(--banner-action-color);text-decoration:none;font-family:var(--typeface-regular);font-size:calc(12px * var(--sf, 1));cursor:pointer;pointer-events:auto;display:inline-block}.action-wrapper a:hover{opacity:.8}.action-wrapper ds-text{color:var(--banner-action-color);font-family:var(--typeface-regular);font-size:calc(12px * var(--sf, 1));pointer-events:none}', he = class he extends f {
   constructor() {
     super(...arguments), this.text = "", this.action = "", this.href = "", this.mailto = "", this.subject = "", this.describe = "", this.appVersion = "", this.variant = "warning", this.version = "", this._showVersion = !1, this._boundUpdate = () => this.requestUpdate();
   }
@@ -1671,7 +1661,7 @@ const fo = ':host{display:flex;position:absolute;top:0;left:0;right:0;width:100%
     if (this.href && this.href !== "#") return this.href;
     if (this.mailto)
       try {
-        const e = this.subject ? re(this.subject) || this.subject : "Issue report", r = this.describe ? re(this.describe) || this.describe : "Describe the issue:", o = this.appVersion ? re(this.appVersion) || this.appVersion : "App version:", n = `${r}
+        const e = this.subject ? se(this.subject) || this.subject : "Issue report", r = this.describe ? se(this.describe) || this.describe : "Describe the issue:", o = this.appVersion ? se(this.appVersion) || this.appVersion : "App version:", n = `${r}
 
 
 ${o} ${this.version || ""}`;
@@ -1697,7 +1687,7 @@ ${o} ${this.version || ""}`;
     `;
   }
 };
-de.properties = {
+he.properties = {
   text: { type: String },
   action: { type: String },
   href: { type: String },
@@ -1708,10 +1698,10 @@ de.properties = {
   variant: { type: String },
   version: { type: String },
   _showVersion: { type: Boolean, state: !0 }
-}, de.styles = x(fo);
-let Be = de;
-customElements.define("ds-banner", Be);
-const he = class he extends f {
+}, he.styles = x(vo);
+let Pe = he;
+customElements.define("ds-banner", Pe);
+const ue = class ue extends f {
   constructor() {
     super(), this.variant = "default", this.elevation = 1, this.interactive = !1, this.disabled = !1, this.padding = "medium";
   }
@@ -1723,13 +1713,13 @@ const he = class he extends f {
     `;
   }
 };
-he.properties = {
+ue.properties = {
   variant: { type: String, reflect: !0 },
   elevation: { type: Number, reflect: !0 },
   interactive: { type: Boolean, reflect: !0 },
   disabled: { type: Boolean, reflect: !0 },
   padding: { type: String, reflect: !0 }
-}, he.styles = Ae`
+}, ue.styles = Ae`
     :host {
       display: block;
       box-sizing: border-box;
@@ -1820,13 +1810,13 @@ he.properties = {
       height: 100%;
     }
   `;
-let De = he;
-customElements.define("ds-card", De);
-const wo = `<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+let Be = ue;
+customElements.define("ds-card", Be);
+const fo = `<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.20008 2.1176C1.96088 2.3776 1.48248 2.5024 1.09768 2.5024H0.848083V1.4H1.01448C1.68008 1.4 2.21048 1.0464 2.41848 0.307999H3.39608V7.692H2.20008V2.1176Z" fill="#2A2A2A"/>
 <path d="M4.27992 7.692L5.81912 4.9776L4.39432 2.492H5.68392L6.30792 3.7816C6.41192 3.9896 6.48472 4.1456 6.52632 4.312H6.54712C6.57832 4.156 6.65112 3.9792 6.75512 3.7712L7.33752 2.492H8.60632L7.21272 5.0088L8.75192 7.692H7.44152L6.72392 6.2672C6.61992 6.0592 6.53672 5.872 6.50552 5.7368H6.48472C6.45352 5.8512 6.37032 6.0488 6.25592 6.2672L5.53832 7.692H4.27992Z" fill="#2A2A2A"/>
 </svg>
-`, mo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, wo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.28996 0.148769V1.16877H0.269958V0.148769H1.28996Z" fill="#2A2A2A"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.30998 0.148769V1.16877H5.28998V0.148769H6.30998Z" fill="#2A2A2A"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.33 0.148769V1.16877H10.31V0.148769H11.33Z" fill="#2A2A2A"/>
@@ -1837,7 +1827,7 @@ const wo = `<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http:
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.30998 10.1888V11.2088H5.28998V10.1888H6.30998Z" fill="#2A2A2A"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.33 10.1888V11.2088H10.31V10.1888H11.33Z" fill="#2A2A2A"/>
 </svg>
-`, yo = `<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, mo = `<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0.799988 3.34877L16.8 3.34877V4.36877L0.799988 4.36877V3.34877Z" fill="#2A2A2A"/>
 <path d="M0.799988 8.16877L16.8 8.16877V9.18877L0.799988 9.18877V8.16877Z" fill="#2A2A2A"/>
 <path d="M0.799988 12.9888H16.8V14.0088L0.799988 14.0088V12.9888Z" fill="#2A2A2A"/>
@@ -1850,11 +1840,11 @@ const wo = `<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http:
 <path d="M0.799988 5.16877L16.8 5.16877V6.18877L0.799988 6.18877V5.16877Z" fill="#2A2A2A"/>
 <path d="M0.799988 10.1888H16.8V11.2088L0.799988 11.2088V10.1888Z" fill="#2A2A2A"/>
 </svg>
-`, xo = `<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, yo = `<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.2 2.12C2.96 2.38 2.48 2.5 2.1 2.5H1.85V1.4H2.01C2.68 1.4 3.21 1.05 3.42 0.31H4.4V7.69H3.2V2.12Z" fill="currentColor"/>
 <path d="M5.28 7.69L6.82 4.98L5.39 2.49H6.68L7.31 3.78C7.41 3.99 7.48 4.15 7.53 4.31H7.55C7.58 4.16 7.65 3.98 7.76 3.77L8.34 2.49H9.61L8.21 5.01L9.75 7.69H8.44L7.72 6.27C7.62 6.06 7.54 5.87 7.51 5.74H7.48C7.45 5.85 7.37 6.05 7.26 6.27L6.54 7.69H5.28Z" fill="currentColor"/>
 </svg>
-`, _o = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, xo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="1" cy="1" r="0.75" fill="currentColor"/>
 <circle cx="4" cy="1" r="0.75" fill="currentColor"/>
 <circle cx="7" cy="1" r="0.75" fill="currentColor"/>
@@ -1872,19 +1862,19 @@ const wo = `<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http:
 <circle cx="7" cy="10" r="0.75" fill="currentColor"/>
 <circle cx="10" cy="10" r="0.75" fill="currentColor"/>
 </svg>
-`, ko = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, _o = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0" y="0" width="5.5" height="5.5" fill="currentColor"/>
 <rect x="6.5" y="0" width="5.5" height="5.5" fill="currentColor"/>
 <rect x="0" y="6.5" width="5.5" height="5.5" fill="currentColor"/>
 <rect x="6.5" y="6.5" width="5.5" height="5.5" fill="currentColor"/>
 </svg>
-`, Co = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, ko = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <line x1="0" y1="1" x2="12" y2="1" stroke="currentColor" stroke-width="1"/>
 <line x1="0" y1="4" x2="12" y2="4" stroke="currentColor" stroke-width="1"/>
 <line x1="0" y1="7" x2="12" y2="7" stroke="currentColor" stroke-width="1"/>
 <line x1="0" y1="10" x2="12" y2="10" stroke="currentColor" stroke-width="1"/>
 </svg>
-`, $o = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Co = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0" y="0" width="2.5" height="2.5" fill="currentColor"/>
 <rect x="3.5" y="0" width="2.5" height="2.5" fill="currentColor"/>
 <rect x="7" y="0" width="2.5" height="2.5" fill="currentColor"/>
@@ -1902,229 +1892,229 @@ const wo = `<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http:
 <rect x="7" y="10.5" width="2.5" height="1.5" fill="currentColor"/>
 <rect x="10.5" y="10.5" width="1.5" height="1.5" fill="currentColor"/>
 </svg>
-`, Ao = `<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $o = `<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.87 7.12C9.85 5.38 11.27 4.56 11.34 4.51C10.5 3.31 9.21 3.14 8.77 3.13C7.65 3.01 6.57 3.8 6 3.8C5.42 3.8 4.52 3.14 3.58 3.16C2.36 3.18 1.22 3.88 0.6 4.97C-0.68 7.18 0.28 10.44 1.51 12.23C2.13 13.1 2.85 14.09 3.79 14.06C4.7 14.02 5.05 13.47 6.15 13.47C7.24 13.47 7.56 14.06 8.52 14.03C9.5 14.01 10.12 13.15 10.71 12.27C11.42 11.26 11.7 10.28 11.71 10.23C11.69 10.22 9.89 9.52 9.87 7.12Z" fill="currentColor"/>
 <path d="M8.15 2.06C8.65 1.45 9 0.62 8.91 0C8.18 0.03 7.29 0.49 6.77 1.08C6.31 1.61 5.88 2.47 5.99 3.08C6.79 3.14 7.63 2.66 8.15 2.06Z" fill="currentColor"/>
 </svg>
-`, Lo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ao = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="6" cy="3.5" r="2.5" fill="currentColor"/>
 <path d="M1 11C1 8.23858 3.23858 6 6 6C8.76142 6 11 8.23858 11 11V12H1V11Z" fill="currentColor"/>
 </svg>
-`, Eo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Lo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="1" y="1" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <path d="M4 6L6 4L8 6M6 4V8" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, So = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Eo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="1" y="0.5" width="10" height="11" rx="1" stroke="currentColor" stroke-width="1" fill="none"/>
 </svg>
-`, Vo = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, So = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 5L4.5 8.5L11 1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Ho = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Vo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 2L10 10M10 2L2 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
 </svg>
-`, Mo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ho = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 4L6 8L10 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, To = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Mo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="6" cy="6" r="5" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <circle cx="6" cy="6" r="3" fill="currentColor"/>
 </svg>
-`, No = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, To = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="3" height="11" stroke="currentColor" stroke-width="1" fill="none"/>
 <rect x="4.5" y="0.5" width="3" height="11" stroke="currentColor" stroke-width="1" fill="none"/>
 <rect x="8.5" y="0.5" width="3" height="11" stroke="currentColor" stroke-width="1" fill="none"/>
 </svg>
-`, Io = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, No = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="1" y="1" width="10" height="10" rx="1" stroke="currentColor" stroke-width="1.2" fill="none"/>
 </svg>
-`, zo = `<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Io = `<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 3H11M4.5 3V1.5H7.5V3M2.5 3V12.5C2.5 13.0523 2.94772 13.5 3.5 13.5H8.5C9.05228 13.5 9.5 13.0523 9.5 12.5V3" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
 <line x1="4.5" y1="5.5" x2="4.5" y2="11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
 <line x1="7.5" y1="5.5" x2="7.5" y2="11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
 </svg>
-`, Oo = `<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, zo = `<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="3.5" y="0" width="5" height="8" rx="2.5" fill="currentColor"/>
 <path d="M1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <line x1="6" y1="11" x2="6" y2="14" stroke="currentColor" stroke-width="1.2"/>
 <line x1="3.5" y1="14" x2="8.5" y2="14" stroke="currentColor" stroke-width="1.2"/>
 </svg>
-`, Po = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Oo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10 3L4.5 9L2 6.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Bo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Po = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 2V10M6 10L2 6M6 10L10 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Do = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Bo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="3" y="3" width="8" height="8" rx="1" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <path d="M9 3V2C9 1.44772 8.55228 1 8 1H2C1.44772 1 1 1.44772 1 2V8C1 8.55228 1.44772 9 2 9H3" stroke="currentColor" stroke-width="1.2" fill="none"/>
 </svg>
-`, jo = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 16 11" fill="none">
+`, Do = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 16 11" fill="none">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0871 0.989435L0.930906 0.988037L0.930542 11L13.0753 11H14.0871V0.989435ZM7.50709 8.0566L1.94249 2.49201L1.94248 9.98814H13.0753V2.48839L7.50709 8.0566ZM2.85116 2L7.50709 6.65593L12.1515 1.99952L2.85116 2Z" fill="currentColor"/>
 </svg>
 
-`, Ro = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+`, jo = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
   <path d="M0 5.81415V0H5.80924L5.81842 0.990424H1.70698L11.0089 10.2943L10.9997 6.18585H12V12H6.19076L6.18158 11.0096H10.293L0.99115 1.70573L1.00033 5.81415H0Z" fill="currentColor"/>
 </svg>
 
-`, Uo = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ro = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="11" height="9" rx="0.5" stroke="currentColor" stroke-width="1" fill="none"/>
 <circle cx="3.5" cy="3.5" r="1.5" fill="currentColor"/>
 <path d="M0 8L4 5L7 7L12 3" stroke="currentColor" stroke-width="1" stroke-linejoin="round"/>
 </svg>
-`, qo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Uo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.82 6.13C11.82 5.72 11.79 5.32 11.71 4.93H6.12V7.2H9.31C9.18 7.91 8.78 8.52 8.18 8.92V10.4H10.08C11.19 9.38 11.82 7.9 11.82 6.13Z" fill="currentColor"/>
 <path d="M6.12 11.82C7.76 11.82 9.15 11.28 10.08 10.4L8.18 8.92C7.67 9.27 7.01 9.47 6.12 9.47C4.54 9.47 3.2 8.44 2.76 7.05H0.81V8.58C1.76 10.46 3.8 11.82 6.12 11.82Z" fill="currentColor"/>
 <path d="M2.76 7.05C2.63 6.65 2.55 6.23 2.55 5.79C2.55 5.35 2.63 4.93 2.76 4.53V3H0.81C0.29 4.02 0 5.17 0 6.41C0 7.65 0.29 8.8 0.81 9.82L2.76 7.05Z" fill="currentColor"/>
 <path d="M6.12 2.12C7.08 2.12 7.95 2.45 8.63 3.1L10.13 1.6C9.15 0.69 7.76 0.18 6.12 0.18C3.8 0.18 1.76 1.54 0.81 3.42L2.76 4.95C3.2 3.56 4.54 2.53 6.12 2.53V2.12Z" fill="currentColor"/>
 </svg>
-`, Zo = `<svg width="9" height="11" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, qo = `<svg width="9" height="11" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4.87149 10.5148C4.04816 10.5148 3.32882 10.3068 2.71349 9.89077C2.10682 9.47477 1.63882 8.90277 1.30949 8.17477C0.988825 7.4381 0.828491 6.6061 0.828491 5.67877C0.828491 4.7341 0.993158 3.89777 1.32249 3.16977C1.66049 2.4331 2.14582 1.8611 2.77849 1.45377C3.41982 1.04643 4.18682 0.842768 5.07949 0.842768C5.85949 0.842768 6.50082 0.994435 7.00349 1.29777C7.51483 1.6011 7.89183 1.9651 8.13449 2.38977C8.38583 2.80577 8.54183 3.22177 8.60249 3.63777L7.38049 3.80677C7.29383 3.3041 7.06416 2.85777 6.69149 2.46777C6.32749 2.07777 5.77716 1.88277 5.04049 1.88277C4.42516 1.88277 3.89216 2.0431 3.44149 2.36377C2.99949 2.68444 2.66149 3.13077 2.42749 3.70277C2.20216 4.27477 2.08949 4.93777 2.08949 5.69177C2.08949 6.80977 2.34082 7.71977 2.84349 8.42177C3.35483 9.12377 4.09149 9.47477 5.05349 9.47477C5.74683 9.47477 6.28849 9.31877 6.67849 9.00677C7.06849 8.6861 7.32849 8.31344 7.45849 7.88877C7.59716 7.4641 7.66649 7.05677 7.66649 6.66677V6.51077H4.96249V5.47077H8.77149V10.2938H7.87449L7.70549 8.81177C7.49749 9.3231 7.14216 9.73477 6.63949 10.0468C6.13683 10.3588 5.54749 10.5148 4.87149 10.5148Z" fill="#2A2A2A"/>
 </svg>
-`, Wo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Zo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 4H11M1 4V2C1 1.44772 1.44772 1 2 1H10C10.5523 1 11 1.44772 11 2V4M1 4V10C1 10.5523 1.44772 11 2 11H10C10.5523 11 11 10.5523 11 10V4" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <line x1="4" y1="6.5" x2="8" y2="6.5" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
 <line x1="4" y1="8.5" x2="8" y2="8.5" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
 </svg>
-`, Fo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Wo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 5L6 1L11 5V11H7.5V7.5H4.5V11H1V5Z" fill="currentColor"/>
 </svg>
-`, Ko = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Fo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="1" y="1" width="10" height="10" rx="2" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <circle cx="6" cy="6" r="2.5" fill="currentColor"/>
 </svg>
-`, Go = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ko = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 1L6 8M6 8L3 5M6 8L9 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M2 10H10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
 </svg>
-`, Jo = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="9" viewBox="0 0 16 9" fill="none">
+`, Go = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="9" viewBox="0 0 16 9" fill="none">
   <path d="M1.90697 3.60594H15.0636V4.61651L1.90734 4.61791L4.81456 7.52513L4.10774 8.21898L-1.23978e-05 4.11123L4.11122 0L4.81855 0.707338L1.90697 3.60594Z" fill="currentColor"/>
 </svg>
 
-`, Yo = `<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Jo = `<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="1" y="5" width="8" height="6" rx="1" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <path d="M3 5V3C3 1.89543 3.89543 1 5 1C6.10457 1 7 1.89543 7 3V5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" fill="none"/>
 <circle cx="5" cy="8" r="1" fill="currentColor"/>
 </svg>
-`, Xo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Yo = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10 3H2C1.44772 3 1 3.44772 1 4V8C1 8.55228 1.44772 9 2 9H10C10.5523 9 11 8.55228 11 8V4C11 3.44772 10.5523 3 10 3Z" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <path d="M8.5 1L10.5 3L8.5 5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
 <path d="M3.5 7L1.5 9L3.5 11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
 </svg>
-`, Qo = `<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Xo = `<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="2.5" y="1" width="5" height="7" rx="2.5" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <path d="M1 6C1 8.76142 2.79086 11 5 11C7.20914 11 9 8.76142 9 6" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <line x1="5" y1="11" x2="5" y2="13" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
 </svg>
-`, en = `<svg width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Qo = `<svg width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg">
 <line x1="1" y1="1" x2="11" y2="1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
 </svg>
-`, tn = `<svg width="12" height="4" viewBox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, en = `<svg width="12" height="4" viewBox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="2" cy="2" r="1.5" fill="currentColor"/>
 <circle cx="6" cy="2" r="1.5" fill="currentColor"/>
 <circle cx="10" cy="2" r="1.5" fill="currentColor"/>
 </svg>
-`, rn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, tn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="6" cy="6" r="5" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <circle cx="4" cy="5" r="1" fill="currentColor"/>
 <circle cx="8" cy="5" r="1" fill="currentColor"/>
 <line x1="4" y1="8" x2="8" y2="8" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
 </svg>
-`, on = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, rn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 2C1 1.44772 1.44772 1 2 1H7L11 5V10C11 10.5523 10.5523 11 10 11H2C1.44772 11 1 10.5523 1 10V2Z" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <path d="M7 1V5H11" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <line x1="3" y1="7" x2="9" y2="7" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
 <line x1="3" y1="9" x2="7" y2="9" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
 </svg>
-`, nn = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+`, on = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.688477V6.54217H10.9936L11.0028 2.40581L1.64458 11.7729L0.924406 11.0528L10.2827 1.68564H6.14631L6.15554 0.688477H12Z" fill="currentColor"/>
 </svg>
 
-`, sn = `<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, nn = `<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 2C1 1.44772 1.44772 1 2 1H6L9 4V10C9 10.5523 8.55228 11 8 11H2C1.44772 11 1 10.5523 1 10V2Z" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <path d="M6 1V4H9" stroke="currentColor" stroke-width="1.2" fill="none"/>
 </svg>
-`, an = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, sn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 2V10M2 6H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
 </svg>
-`, ln = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, an = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 1L1 5L6 9V1Z" fill="currentColor"/>
 <path d="M12 1L7 5L12 9V1Z" fill="currentColor"/>
 </svg>
-`, cn = `<svg xmlns="http://www.w3.org/2000/svg" width="15.064" height="8.219" viewBox="0 0 15.064 8.219" fill="none">
+`, ln = `<svg xmlns="http://www.w3.org/2000/svg" width="15.064" height="8.219" viewBox="0 0 15.064 8.219" fill="none">
   <path d="M14.5815 4.48047L11.0815 8.21047L10.4315 7.59047L13.1315 4.71047H0.581543V3.71047H13.1315L10.4315 0.830469L11.0815 0.210469L14.5815 3.94047C14.7815 4.15047 14.7815 4.27047 14.5815 4.48047Z" fill="currentColor"/>
 </svg>
 
-`, dn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, cn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="11" height="3" stroke="currentColor" stroke-width="1" fill="none"/>
 <rect x="0.5" y="4.5" width="11" height="3" stroke="currentColor" stroke-width="1" fill="none"/>
 <rect x="0.5" y="8.5" width="11" height="3" stroke="currentColor" stroke-width="1" fill="none"/>
 </svg>
-`, hn = `<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, dn = `<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 1L4 4L7 1" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, un = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, hn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="5" cy="5" r="4" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <line x1="8" y1="8" x2="11" y2="11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
 </svg>
-`, pn = `<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, un = `<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7 1C3.5 1 1 5 1 5C1 5 3.5 9 7 9C10.5 9 13 5 13 5C13 5 10.5 1 7 1Z" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <circle cx="7" cy="5" r="2" fill="currentColor"/>
 </svg>
-`, gn = `<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, pn = `<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 8L1 11H13L12 8" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
 <path d="M3 8V4H6V1H8V4H11V8H3Z" fill="currentColor"/>
 <rect x="5" y="5" width="4" height="2" fill="var(--surface-color, #fff)"/>
 </svg>
-`, vn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, gn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 1L7.5 4.5L11 5L8.5 7.5L9 11L6 9.5L3 11L3.5 7.5L1 5L4.5 4.5L6 1Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" fill="none"/>
 </svg>
-`, fn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, vn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="6" cy="6" r="5" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <circle cx="6" cy="6" r="2" fill="currentColor"/>
 </svg>
-`, wn = `<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, fn = `<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 4L4 1L7 4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, mn = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, wn = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 1H11M6 1V9M3 9H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
 </svg>
-`, yn = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, mn = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 4L4 1M1 4L4 7M1 4H8C9.65685 4 11 5.34315 11 7V9" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
 </svg>
 `, bn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="5" height="5" stroke="currentColor" stroke-width="1" stroke-dasharray="2 1" fill="none"/>
 <rect x="6.5" y="6.5" width="5" height="5" stroke="currentColor" stroke-width="1" stroke-dasharray="2 1" fill="none"/>
 </svg>
-`, xn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, yn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 1H11M1 1V10C1 10.5523 1.44772 11 2 11H10C10.5523 11 11 10.5523 11 10V1" stroke="currentColor" stroke-width="1.2" stroke-dasharray="2 1" fill="none"/>
 </svg>
-`, _n = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, xn = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="1" y="1" width="10" height="10" rx="2" stroke="currentColor" stroke-width="1.2" stroke-dasharray="2 1" fill="none"/>
 </svg>
-`, kn = `<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, _n = `<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="1" y="5" width="8" height="6" rx="1" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <path d="M3 5V3C3 1.89543 3.89543 1 5 1C6.10457 1 7 1.89543 7 3" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" fill="none"/>
 <circle cx="5" cy="8" r="1" fill="currentColor"/>
 </svg>
-`, Cn = `<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, kn = `<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="2.5" y="1" width="5" height="7" rx="2.5" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <path d="M1 6C1 8.76142 2.79086 11 5 11C7.20914 11 9 8.76142 9 6" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <line x1="5" y1="11" x2="5" y2="13" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
 <line x1="1" y1="1" x2="9" y2="13" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
 </svg>
-`, $n = `<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Cn = `<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7 2C3.5 2 1 6 1 6C1 6 3.5 10 7 10C10.5 10 13 6 13 6C13 6 10.5 2 7 2Z" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <circle cx="7" cy="6" r="2" stroke="currentColor" stroke-width="1.2" fill="none"/>
 <line x1="2" y1="1" x2="12" y2="11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
 </svg>
-`, An = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, $n = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 1L7.5 4.5L11 5L8.5 7.5L9 11L6 9.5L3 11L3.5 7.5L1 5L4.5 4.5L6 1Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" stroke-dasharray="2 1" fill="none"/>
 </svg>
-`, Ln = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, An = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 1H11M6 1V9M3 9H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-dasharray="2 1"/>
 </svg>
-`, En = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ln = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 10V2M6 2L2 6M6 2L10 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
 `;
@@ -2133,9 +2123,9 @@ const wo = `<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http:
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class je extends jr {
+class De extends Er {
   constructor(e) {
-    if (super(e), this.it = m, e.type !== Br.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(e), this.it = m, e.type !== Ar.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(e) {
     if (e === m || e == null) return this._t = void 0, this.it = e;
@@ -2147,8 +2137,8 @@ class je extends jr {
     return r.raw = r, this._t = { _$litType$: this.constructor.resultType, strings: r, values: [] };
   }
 }
-je.directiveName = "unsafeHTML", je.resultType = 1;
-const Sn = Dr(je), Vn = ":host{display:inline-flex;justify-content:center;align-items:center;width:calc(16px * var(--sf));height:calc(16px * var(--sf));--notes-style-color: #ffb6b9}svg{width:100%;height:100%;fill:var(--icon-color, currentColor)}path{fill:var(--icon-color, currentColor)}.icon-container{display:flex;justify-content:center;align-items:center;width:calc(16px * var(--sf));height:calc(16px * var(--sf))}", O = class O extends f {
+De.directiveName = "unsafeHTML", De.resultType = 1;
+const En = Lr(De), Sn = ":host{display:inline-flex;justify-content:center;align-items:center;width:calc(16px * var(--sf));height:calc(16px * var(--sf));--notes-style-color: #ffb6b9}svg{width:100%;height:100%;fill:var(--icon-color, currentColor)}path{fill:var(--icon-color, currentColor)}.icon-container{display:flex;justify-content:center;align-items:center;width:calc(16px * var(--sf));height:calc(16px * var(--sf))}", O = class O extends f {
   constructor() {
     super(), this._type = "", this.size = "1em", this.color = "currentColor", this.background = "transparent", console.log("Icon constructor", this._type);
   }
@@ -2167,7 +2157,7 @@ const Sn = Dr(je), Vn = ":host{display:inline-flex;justify-content:center;align-
       return console.log("No type specified, rendering default slot"), l`<div class="icon-container"><slot></slot></div>`;
     const e = O.iconNameToSvgMap[this._type.toLowerCase()];
     if (e)
-      return l`<div class="icon-container">${Sn(e)}</div>`;
+      return l`<div class="icon-container">${En(e)}</div>`;
     switch (this._type.toLowerCase()) {
       case "close":
         return console.log("Rendering close icon"), l`
@@ -2358,74 +2348,74 @@ const Sn = Dr(je), Vn = ":host{display:inline-flex;justify-content:center;align-
 };
 O.properties = {
   type: { type: String, reflect: !0 }
-}, O.styles = x(Vn), O.iconNameToSvgMap = (() => {
+}, O.styles = x(Sn), O.iconNameToSvgMap = (() => {
   try {
     const e = /* @__PURE__ */ Object.assign({
-      "../x-icon/1x.svg": wo,
-      "../x-icon/1xdots.svg": mo,
-      "../x-icon/1xgrid.svg": yo,
+      "../x-icon/1x.svg": fo,
+      "../x-icon/1xdots.svg": wo,
+      "../x-icon/1xgrid.svg": mo,
       "../x-icon/1xlines.svg": bo,
-      "../x-icon/2x.svg": xo,
-      "../x-icon/2xdots.svg": _o,
-      "../x-icon/2xgrid.svg": ko,
-      "../x-icon/2xlines.svg": Co,
-      "../x-icon/4x4.svg": $o,
-      "../x-icon/apple.svg": Ao,
-      "../x-icon/avatar.svg": Lo,
-      "../x-icon/big.svg": Eo,
-      "../x-icon/blank.svg": So,
-      "../x-icon/check.svg": Vo,
-      "../x-icon/close.svg": Ho,
-      "../x-icon/collapse.svg": Mo,
-      "../x-icon/color.svg": To,
-      "../x-icon/column.svg": No,
-      "../x-icon/default.svg": Io,
-      "../x-icon/delete.svg": zo,
-      "../x-icon/dictate.svg": Oo,
-      "../x-icon/do.svg": Po,
-      "../x-icon/down.svg": Bo,
-      "../x-icon/duplicate.svg": Do,
-      "../x-icon/email.svg": jo,
-      "../x-icon/expand.svg": Ro,
-      "../x-icon/gallery.svg": Uo,
-      "../x-icon/google.svg": qo,
-      "../x-icon/group.svg": Zo,
-      "../x-icon/head.svg": Wo,
-      "../x-icon/home.svg": Fo,
-      "../x-icon/icon.svg": Ko,
-      "../x-icon/in.svg": Go,
-      "../x-icon/left.svg": Jo,
-      "../x-icon/lock.svg": Yo,
-      "../x-icon/loop.svg": Xo,
-      "../x-icon/mic.svg": Qo,
-      "../x-icon/minimize.svg": en,
-      "../x-icon/more.svg": tn,
-      "../x-icon/neutral.svg": rn,
-      "../x-icon/note.svg": on,
-      "../x-icon/open.svg": nn,
-      "../x-icon/page.svg": sn,
-      "../x-icon/plus.svg": an,
-      "../x-icon/rewind.svg": ln,
-      "../x-icon/right.svg": cn,
-      "../x-icon/row.svg": dn,
-      "../x-icon/sdown.svg": hn,
-      "../x-icon/search.svg": un,
-      "../x-icon/see.svg": pn,
-      "../x-icon/ship.svg": gn,
-      "../x-icon/star.svg": vn,
-      "../x-icon/status.svg": fn,
-      "../x-icon/sup.svg": wn,
-      "../x-icon/title.svg": mn,
-      "../x-icon/undo.svg": yn,
+      "../x-icon/2x.svg": yo,
+      "../x-icon/2xdots.svg": xo,
+      "../x-icon/2xgrid.svg": _o,
+      "../x-icon/2xlines.svg": ko,
+      "../x-icon/4x4.svg": Co,
+      "../x-icon/apple.svg": $o,
+      "../x-icon/avatar.svg": Ao,
+      "../x-icon/big.svg": Lo,
+      "../x-icon/blank.svg": Eo,
+      "../x-icon/check.svg": So,
+      "../x-icon/close.svg": Vo,
+      "../x-icon/collapse.svg": Ho,
+      "../x-icon/color.svg": Mo,
+      "../x-icon/column.svg": To,
+      "../x-icon/default.svg": No,
+      "../x-icon/delete.svg": Io,
+      "../x-icon/dictate.svg": zo,
+      "../x-icon/do.svg": Oo,
+      "../x-icon/down.svg": Po,
+      "../x-icon/duplicate.svg": Bo,
+      "../x-icon/email.svg": Do,
+      "../x-icon/expand.svg": jo,
+      "../x-icon/gallery.svg": Ro,
+      "../x-icon/google.svg": Uo,
+      "../x-icon/group.svg": qo,
+      "../x-icon/head.svg": Zo,
+      "../x-icon/home.svg": Wo,
+      "../x-icon/icon.svg": Fo,
+      "../x-icon/in.svg": Ko,
+      "../x-icon/left.svg": Go,
+      "../x-icon/lock.svg": Jo,
+      "../x-icon/loop.svg": Yo,
+      "../x-icon/mic.svg": Xo,
+      "../x-icon/minimize.svg": Qo,
+      "../x-icon/more.svg": en,
+      "../x-icon/neutral.svg": tn,
+      "../x-icon/note.svg": rn,
+      "../x-icon/open.svg": on,
+      "../x-icon/page.svg": nn,
+      "../x-icon/plus.svg": sn,
+      "../x-icon/rewind.svg": an,
+      "../x-icon/right.svg": ln,
+      "../x-icon/row.svg": cn,
+      "../x-icon/sdown.svg": dn,
+      "../x-icon/search.svg": hn,
+      "../x-icon/see.svg": un,
+      "../x-icon/ship.svg": pn,
+      "../x-icon/star.svg": gn,
+      "../x-icon/status.svg": vn,
+      "../x-icon/sup.svg": fn,
+      "../x-icon/title.svg": wn,
+      "../x-icon/undo.svg": mn,
       "../x-icon/ungroup.svg": bn,
-      "../x-icon/unhead.svg": xn,
-      "../x-icon/unicon.svg": _n,
-      "../x-icon/unlock.svg": kn,
-      "../x-icon/unmic.svg": Cn,
-      "../x-icon/unsee.svg": $n,
-      "../x-icon/unstar.svg": An,
-      "../x-icon/untitle.svg": Ln,
-      "../x-icon/up.svg": En
+      "../x-icon/unhead.svg": yn,
+      "../x-icon/unicon.svg": xn,
+      "../x-icon/unlock.svg": _n,
+      "../x-icon/unmic.svg": kn,
+      "../x-icon/unsee.svg": Cn,
+      "../x-icon/unstar.svg": $n,
+      "../x-icon/untitle.svg": An,
+      "../x-icon/up.svg": Ln
     }), r = {};
     for (const [o, n] of Object.entries(e)) {
       const s = (o.split("/").pop() ?? "").replace(/\.svg$/i, "").toLowerCase();
@@ -2439,19 +2429,19 @@ O.properties = {
     ), {};
   }
 })();
-let Re = O;
-customElements.define("ds-icon", Re);
+let je = O;
+customElements.define("ds-icon", je);
 console.log("Icon component registered with custom elements registry");
-const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-flex;align-items:center;gap:var(--025)}.color-preview{width:var(--05);height:var(--05);border-radius:999px;border:1px solid color-mix(in srgb,var(--text-color-primary) 20%,transparent);flex:0 0 auto}", Mn = (t) => {
+const Vn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-flex;align-items:center;gap:var(--025)}.color-preview{width:var(--05);height:var(--05);border-radius:999px;border:1px solid color-mix(in srgb,var(--text-color-primary) 20%,transparent);flex:0 0 auto}", Hn = (t) => {
   localStorage.setItem("accentColor", t);
-}, Ue = () => localStorage.getItem("accentColor") || "--sharp-blue", Te = () => {
-  const t = Ue();
+}, Re = () => localStorage.getItem("accentColor") || "--sharp-blue", Me = () => {
+  const t = Re();
   document.documentElement.style.setProperty("--accent-color", `var(${t})`);
-}, Tn = (t) => {
+}, Mn = (t) => {
   localStorage.setItem("notesStyleMedium", t);
-}, Pt = () => localStorage.getItem("notesStyleMedium") || "note", Bt = (t) => {
+}, Ot = () => localStorage.getItem("notesStyleMedium") || "note", Pt = (t) => {
   localStorage.setItem("pageStyle", t);
-}, j = () => localStorage.getItem("pageStyle") || "note", dt = class dt extends f {
+}, R = () => localStorage.getItem("pageStyle") || "note", dt = class dt extends f {
   // Define reactive properties using Lit's property system
   static get properties() {
     return {
@@ -2495,11 +2485,11 @@ const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
   }
   async initializeValues() {
     if (this.type === "language") {
-      const e = Ct();
+      const e = Ht();
       this.values = e, this.currentValue = k.value;
     } else if (this.type === "theme") {
       this.values = ["light", "dark"];
-      const e = Y.get();
+      const e = Q.get();
       this.currentValue = e;
     } else if (this.type === "accent-color") {
       this.values = [
@@ -2512,17 +2502,17 @@ const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
         "--orange",
         "--yellow"
       ];
-      const e = Ue();
-      this.currentValue = e, Te();
+      const e = Re();
+      this.currentValue = e, Me();
     } else if (this.type === "notes-style-medium") {
       this.values = ["default", "big", "gallery"];
-      const e = Pt();
+      const e = Ot();
       this.currentValue = e;
-      const r = j();
+      const r = R();
       this.disabled = r === "note";
     } else if (this.type === "page-style") {
       this.values = ["note", "page"];
-      const e = j();
+      const e = R();
       this.currentValue = e;
     } else this.type === "icon-only" && (this.values = ["note", "page"], this.currentValue = this.values[0]);
     this.requestUpdate();
@@ -2543,21 +2533,21 @@ const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
       const e = k.value;
       this.currentValue = e;
     } else if (this.type === "theme") {
-      const e = Y.get();
+      const e = Q.get();
       this.currentValue = e;
     } else if (this.type === "accent-color") {
-      const e = Ue();
-      this.currentValue = e, Te();
+      const e = Re();
+      this.currentValue = e, Me();
     } else if (this.type === "notes-style-medium") {
-      const e = Pt();
+      const e = Ot();
       this.currentValue = e;
-      const r = j();
+      const r = R();
       this.disabled = r === "note";
     } else if (this.type === "page-style") {
-      const e = j();
+      const e = R();
       this.currentValue = e;
     } else if (this.type === "icon-only") {
-      const e = j();
+      const e = R();
       this.currentValue = e;
     }
     this.requestUpdate();
@@ -2588,39 +2578,39 @@ const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
       if (this.type === "language") {
         const o = (this.values.indexOf(this.currentValue) + 1) % this.values.length, n = this.values[o];
         this.currentValue = n, document.startViewTransition ? document.startViewTransition(() => {
-          $t(n);
-        }) : $t(n), N({ language: n }), window.dispatchEvent(
+          Mt(n);
+        }) : Mt(n), N({ language: n }), window.dispatchEvent(
           new CustomEvent("language-changed", {
             detail: { language: n }
           })
         );
       } else if (this.type === "theme") {
         const o = (this.values.indexOf(this.currentValue) + 1) % this.values.length, n = this.values[o];
-        this.currentValue = n, ro(n), N({ theme: n });
+        this.currentValue = n, to(n), N({ theme: n });
       } else if (this.type === "accent-color") {
         const o = (this.values.indexOf(this.currentValue) + 1) % this.values.length, n = this.values[o];
-        this.currentValue = n, Mn(n), Te(), N({ accentColor: n }), window.dispatchEvent(
+        this.currentValue = n, Hn(n), Me(), N({ accentColor: n }), window.dispatchEvent(
           new CustomEvent("accent-color-changed", {
             detail: { color: n }
           })
         );
       } else if (this.type === "notes-style-medium") {
         const o = (this.values.indexOf(this.currentValue) + 1) % this.values.length, n = this.values[o];
-        this.currentValue = n, Tn(n), N({ notesStyleMedium: n }), window.dispatchEvent(
+        this.currentValue = n, Mn(n), N({ notesStyleMedium: n }), window.dispatchEvent(
           new CustomEvent("notes-style-medium-changed", {
             detail: { style: n }
           })
         );
       } else if (this.type === "page-style") {
         const o = (this.values.indexOf(this.currentValue) + 1) % this.values.length, n = this.values[o];
-        this.currentValue = n, Bt(n), N({ pageStyle: n }), window.dispatchEvent(
+        this.currentValue = n, Pt(n), N({ pageStyle: n }), window.dispatchEvent(
           new CustomEvent("page-style-changed", {
             detail: { behavior: n }
           })
         );
       } else if (this.type === "icon-only") {
         const o = (this.values.indexOf(this.currentValue) + 1) % this.values.length, n = this.values[o];
-        this.currentValue = n, Bt(n), N({ pageStyle: n }), window.dispatchEvent(
+        this.currentValue = n, Pt(n), N({ pageStyle: n }), window.dispatchEvent(
           new CustomEvent("page-style-changed", {
             detail: { behavior: n }
           })
@@ -2631,12 +2621,12 @@ const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
   }
   getValueDisplay(e) {
     if (this.type === "language")
-      return vr(e, {
+      return Yr(e, {
         locale: k.value
       });
     if (this.type === "theme") {
       if (this.translationsReady) {
-        const r = R(e);
+        const r = Z(e);
         if (r && r !== e)
           return r;
       }
@@ -2648,7 +2638,7 @@ const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
         return this.getNotesStyleIcon(e);
       if (this.type === "page-style") {
         if (this.translationsReady) {
-          const r = R(e === "note" ? "Note" : "Page");
+          const r = Z(e === "note" ? "Note" : "Page");
           if (r && r !== (e === "note" ? "Note" : "Page"))
             return r;
         }
@@ -2682,7 +2672,7 @@ const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
       "--pink": "Pink"
     }[e];
     if (o && this.translationsReady) {
-      const n = R(o);
+      const n = Z(o);
       if (n && n !== o)
         return n;
     }
@@ -2745,7 +2735,7 @@ const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
   }
   handleTranslationsLoaded() {
     if (this.translationsReady = !0, this.type === "language") {
-      const e = Ct();
+      const e = Ht();
       this.values = e;
     }
     this.setupInitialValue();
@@ -2763,19 +2753,19 @@ const Hn = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
     this.setupInitialValue();
   }
 };
-dt.styles = x(Hn);
-let qe = dt;
-customElements.define("ds-cycle", qe);
-const Nn = ":host{display:inline;font-family:var(--typeface-regular, var(--typeface-regular-regular));font-size:inherit;color:inherit}", ht = class ht extends f {
+dt.styles = x(Vn);
+let Ue = dt;
+customElements.define("ds-cycle", Ue);
+const Tn = ":host{display:inline;font-family:var(--typeface-regular, var(--typeface-regular-regular));font-size:inherit;color:inherit}", ht = class ht extends f {
   render() {
     const e = (/* @__PURE__ */ new Date()).getFullYear();
     return l`<span>${e}</span>`;
   }
 };
-ht.styles = x(Nn);
-let Ze = ht;
-customElements.define("ds-date", Ze);
-const In = ':host{display:block;width:100%;--gap-size: var(--unit);height:var(--gap-size);flex:0 0 auto}:host([tenth]){--gap-size: var(--tenth)}:host([quarter]){--gap-size: var(--quarter)}:host([half]){--gap-size: var(--half)}:host([eight-tenth]){--gap-size: var(--eight-tenth)}:host([unit]){--gap-size: var(--unit)}:host([double]){--gap-size: var(--double)}:host([triple]){--gap-size: var(--triple)}:host([quad]){--gap-size: var(--quad)}:host([oct]){--gap-size: var(--oct)}:host([dozen]){--gap-size: var(--dozen)}:host([size="01"]){--gap-size: var(--01)}:host([size="025"]){--gap-size: var(--025)}:host([size="05"]){--gap-size: var(--05)}:host([size="08"]){--gap-size: var(--08)}:host([size="1"]){--gap-size: var(--1)}:host([size="2"]){--gap-size: var(--2)}:host([size="3"]){--gap-size: var(--3)}:host([size="4"]){--gap-size: var(--4)}:host([size="8"]){--gap-size: var(--8)}:host([size="12"]){--gap-size: var(--12)}', ue = class ue extends f {
+ht.styles = x(Tn);
+let qe = ht;
+customElements.define("ds-date", qe);
+const Nn = ':host{display:block;width:100%;--gap-size: var(--unit);height:var(--gap-size);flex:0 0 auto}:host([tenth]){--gap-size: var(--tenth)}:host([quarter]){--gap-size: var(--quarter)}:host([half]){--gap-size: var(--half)}:host([eight-tenth]){--gap-size: var(--eight-tenth)}:host([unit]){--gap-size: var(--unit)}:host([double]){--gap-size: var(--double)}:host([triple]){--gap-size: var(--triple)}:host([quad]){--gap-size: var(--quad)}:host([oct]){--gap-size: var(--oct)}:host([dozen]){--gap-size: var(--dozen)}:host([size="01"]){--gap-size: var(--01)}:host([size="025"]){--gap-size: var(--025)}:host([size="05"]){--gap-size: var(--05)}:host([size="08"]){--gap-size: var(--08)}:host([size="1"]){--gap-size: var(--1)}:host([size="2"]){--gap-size: var(--2)}:host([size="3"]){--gap-size: var(--3)}:host([size="4"]){--gap-size: var(--4)}:host([size="8"]){--gap-size: var(--8)}:host([size="12"]){--gap-size: var(--12)}', pe = class pe extends f {
   constructor() {
     super(), this.size = "";
   }
@@ -2783,13 +2773,13 @@ const In = ':host{display:block;width:100%;--gap-size: var(--unit);height:var(--
     return l``;
   }
 };
-ue.properties = {
+pe.properties = {
   /** Raw scale token selector ("01", "025", "05", "08", "1", "2", "3", "4", "8", "12") */
   size: { type: String, reflect: !0 }
-}, ue.styles = x(In);
-let We = ue;
-customElements.define("ds-gap", We);
-const pe = class pe extends f {
+}, pe.styles = x(Nn);
+let Ze = pe;
+customElements.define("ds-gap", Ze);
+const ge = class ge extends f {
   constructor() {
     super(), this.type = "text", this.name = "", this.value = "", this.placeholder = "", this.placeholderKey = "", this.label = "", this.labelText = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.autofocus = !1, this.autocomplete = "off", this.pattern = "", this.minlength = 0, this.maxlength = 0, this.min = "", this.max = "", this.step = "", this.variant = "default", this.error = "", this.errorText = "", this._focused = !1;
   }
@@ -2870,7 +2860,7 @@ const pe = class pe extends f {
     `;
   }
 };
-pe.properties = {
+ge.properties = {
   type: { type: String, reflect: !0 },
   name: { type: String, reflect: !0 },
   value: { type: String },
@@ -2893,7 +2883,7 @@ pe.properties = {
   error: { type: String },
   errorText: { type: String, attribute: "error-text" },
   _focused: { type: Boolean, state: !0 }
-}, pe.styles = Ae`
+}, ge.styles = Ae`
     :host {
       display: block;
       width: 100%;
@@ -3001,9 +2991,9 @@ pe.properties = {
       box-shadow: 0 0 0 2px rgba(255, 59, 48, 0.2);
     }
   `;
-let Fe = pe;
-customElements.define("ds-input", Fe);
-const zn = ':host{position:relative;display:inline-block}.slot-wrapper{display:inline-flex;align-items:center}.bubble{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;bottom:100%;transform:translate(-50%,calc(-2px * var(--sf)));z-index:1000;pointer-events:none;height:calc(var(--08) * var(--sf));opacity:0;transition:opacity .12s ease,transform .12s ease;background-color:light-dark(var(--black),var(--white));color:light-dark(var(--white),var(--black));border-radius:0;font-size:var(--type-size-default);padding:0px calc(1px * var(--sf));font-family:var( --typeface-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );font-weight:500;white-space:nowrap;min-width:max-content}.bubble.visible{opacity:1}', ge = class ge extends f {
+let We = ge;
+customElements.define("ds-input", We);
+const In = ':host{position:relative;display:inline-block}.slot-wrapper{display:inline-flex;align-items:center}.bubble{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;bottom:100%;transform:translate(-50%,calc(-2px * var(--sf)));z-index:1000;pointer-events:none;height:calc(var(--08) * var(--sf));opacity:0;transition:opacity .12s ease,transform .12s ease;background-color:light-dark(var(--black),var(--white));color:light-dark(var(--white),var(--black));border-radius:0;font-size:var(--type-size-default);padding:0px calc(1px * var(--sf));font-family:var( --typeface-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );font-weight:500;white-space:nowrap;min-width:max-content}.bubble.visible{opacity:1}', ve = class ve extends f {
   constructor() {
     super(), this.text = "", this.defaultValue = "", this._text = "", this._visible = !1, this.boundWindowHandlers = {
       languageChanged: (() => {
@@ -3054,7 +3044,7 @@ const zn = ':host{position:relative;display:inline-block}.slot-wrapper{display:i
       return;
     }
     try {
-      const e = R(this.text);
+      const e = Z(this.text);
       this._text = e && e !== this.text ? e : this.defaultValue || this.text;
     } catch (e) {
       console.error("ds-tooltip: error loading text for text", this.text, e), this._text = this.defaultValue || this.text;
@@ -3069,15 +3059,15 @@ const zn = ':host{position:relative;display:inline-block}.slot-wrapper{display:i
     `;
   }
 };
-ge.properties = {
+ve.properties = {
   text: { type: String, reflect: !0 },
   defaultValue: { type: String, reflect: !0, attribute: "default-value" },
   _text: { state: !0 },
   _visible: { state: !0 }
-}, ge.styles = x(zn);
-let Ke = ge;
-customElements.define("ds-tooltip", Ke);
-const On = ':host{display:flex;align-items:end;width:calc(240px * var(--sf))}:host([type="fill"]){justify-content:space-between;height:calc(var(--1) * var(--sf))}:host([type="centered"]){justify-content:center;height:calc(var(--1) * var(--sf));gap:calc(var(--025) * var(--sf))}', ve = class ve extends f {
+}, ve.styles = x(In);
+let Fe = ve;
+customElements.define("ds-tooltip", Fe);
+const zn = ':host{display:flex;align-items:end;width:calc(240px * var(--sf))}:host([type="fill"]){justify-content:space-between;height:calc(var(--1) * var(--sf))}:host([type="centered"]){justify-content:center;height:calc(var(--1) * var(--sf));gap:calc(var(--025) * var(--sf))}', fe = class fe extends f {
   constructor() {
     super(), this.type = "fill";
   }
@@ -3085,12 +3075,12 @@ const On = ':host{display:flex;align-items:end;width:calc(240px * var(--sf))}:ho
     return l`<slot></slot>`;
   }
 };
-ve.properties = {
+fe.properties = {
   type: { type: String, reflect: !0 }
-}, ve.styles = x(On);
-let Ge = ve;
-customElements.define("ds-row", Ge);
-const Pn = ":host{display:block;width:calc(240px * var(--sf));color:var(--text-color-primary)}details{width:100%}summary{cursor:pointer;user-select:none;list-style:none;outline:none}summary::-webkit-details-marker{display:none}.summaryRow{width:100%}ds-icon.chevron{transform:rotate(0);transition:transform .14s ease}details[open] ds-icon.chevron{transform:rotate(180deg)}.detailsBody{padding-top:calc(var(--half) * var(--sf))}.detailsText{display:block;white-space:normal;text-align:left}", fe = class fe extends f {
+}, fe.styles = x(zn);
+let Ke = fe;
+customElements.define("ds-row", Ke);
+const On = ":host{display:block;width:calc(240px * var(--sf));color:var(--text-color-primary)}details{width:100%}summary{cursor:pointer;user-select:none;list-style:none;outline:none}summary::-webkit-details-marker{display:none}.summaryRow{width:100%}ds-icon.chevron{transform:rotate(0);transition:transform .14s ease}details[open] ds-icon.chevron{transform:rotate(180deg)}.detailsBody{padding-top:calc(var(--half) * var(--sf))}.detailsText{display:block;white-space:normal;text-align:left}", we = class we extends f {
   constructor() {
     super(), this.summary = "", this.details = "", this.open = !1, this._hasSlottedContent = !1;
   }
@@ -3133,15 +3123,15 @@ const Pn = ":host{display:block;width:calc(240px * var(--sf));color:var(--text-c
     `;
   }
 };
-fe.properties = {
+we.properties = {
   summary: { type: String },
   details: { type: String },
   open: { type: Boolean, reflect: !0 },
   _hasSlottedContent: { type: Boolean, state: !0 }
-}, fe.styles = x(Pn);
-let Je = fe;
-customElements.define("ds-accordion", Je);
-const we = class we extends f {
+}, we.styles = x(On);
+let Ge = we;
+customElements.define("ds-accordion", Ge);
+const me = class me extends f {
   constructor() {
     super(), this.action = "", this.method = "post", this.name = "", this.novalidate = !1, this.autocomplete = "on", this._isSubmitting = !1;
   }
@@ -3272,14 +3262,14 @@ const we = class we extends f {
     `;
   }
 };
-we.properties = {
+me.properties = {
   action: { type: String },
   method: { type: String },
   name: { type: String },
   novalidate: { type: Boolean, reflect: !0 },
   autocomplete: { type: String },
   _isSubmitting: { type: Boolean, state: !0 }
-}, we.styles = Ae`
+}, me.styles = Ae`
     :host {
       display: block;
       width: 100%;
@@ -3301,17 +3291,17 @@ we.properties = {
       pointer-events: none;
     }
   `;
-let Ye = we;
-customElements.define("ds-form", Ye);
-const Bn = ":host{display:flex;flex-direction:column;gap:0;width:100%}", ut = class ut extends f {
+let Je = me;
+customElements.define("ds-form", Je);
+const Pn = ":host{display:flex;flex-direction:column;gap:0;width:100%}", ut = class ut extends f {
   render() {
     return l`<slot></slot>`;
   }
 };
-ut.styles = x(Bn);
-let Xe = ut;
-customElements.define("ds-list", Xe);
-const Dn = ":host{display:block;width:100%}.table-container{display:flex;flex-direction:column;width:100%}.table-header{display:grid;grid-template-columns:160px 80px 80px 80px;height:20px;width:400px}.table-body{display:grid;grid-template-columns:160px 80px 80px 80px;border:1px solid var(--black);width:400px}.header-cell{height:20px;display:flex;align-items:center;justify-content:left;padding:0 2px;font-family:var(--typeface-regular);font-size:var(--type-size-default);font-weight:var(--type-weight-default);line-height:var(--type-lineheight-default);color:var(--black);letter-spacing:-.26px}.data-cell{height:20px;margin-top:-1px;display:flex;align-items:center;justify-content:left;outline:1px solid var(--black);font-family:var(--typeface-regular);font-size:var(--type-size-default);font-weight:var(--type-weight-default);line-height:var(--type-lineheight-default);color:var(--black);letter-spacing:-.26px}.status-cell{background-color:var(--apple-green);text-align:center}.product-cell{text-align:left;justify-content:flex-start}.users-cell,.retention-cell{text-align:center}@media (max-width: 480px){.table-header,.table-body{width:100%;grid-template-columns:1fr 60px 60px 60px}}", me = class me extends f {
+ut.styles = x(Pn);
+let Ye = ut;
+customElements.define("ds-list", Ye);
+const Bn = ":host{display:block;width:100%}.table-container{display:flex;flex-direction:column;width:100%}.table-header{display:grid;grid-template-columns:160px 80px 80px 80px;height:20px;width:400px}.table-body{display:grid;grid-template-columns:160px 80px 80px 80px;border:1px solid var(--black);width:400px}.header-cell{height:20px;display:flex;align-items:center;justify-content:left;padding:0 2px;font-family:var(--typeface-regular);font-size:var(--type-size-default);font-weight:var(--type-weight-default);line-height:var(--type-lineheight-default);color:var(--black);letter-spacing:-.26px}.data-cell{height:20px;margin-top:-1px;display:flex;align-items:center;justify-content:left;outline:1px solid var(--black);font-family:var(--typeface-regular);font-size:var(--type-size-default);font-weight:var(--type-weight-default);line-height:var(--type-lineheight-default);color:var(--black);letter-spacing:-.26px}.status-cell{background-color:var(--apple-green);text-align:center}.product-cell{text-align:left;justify-content:flex-start}.users-cell,.retention-cell{text-align:center}@media (max-width: 480px){.table-header,.table-body{width:100%;grid-template-columns:1fr 60px 60px 60px}}", be = class be extends f {
   constructor() {
     super(), this.data = [], this.columns = ["Product", "Users", "Retention"], this.showStatus = !0;
   }
@@ -3340,22 +3330,22 @@ const Dn = ":host{display:block;width:100%}.table-container{display:flex;flex-di
     `;
   }
 };
-me.properties = {
+be.properties = {
   data: { type: Array },
   columns: { type: Array },
   showStatus: { type: Boolean, attribute: "show-status" }
-}, me.styles = x(Dn);
-let Qe = me;
-customElements.define("ds-table", Qe);
-const jn = ":host{display:flex;width:100%;max-width:100%;flex-direction:column;background-color:var(--background-color);box-sizing:border-box}:host ::slotted(*){max-width:100%;box-sizing:border-box}@media (max-width: 820px){:host{width:100%;max-width:100%}}@media (min-width: 821px){:host{max-width:1000px;margin-left:auto;margin-right:auto;width:100%}}", pt = class pt extends f {
+}, be.styles = x(Bn);
+let Xe = be;
+customElements.define("ds-table", Xe);
+const Dn = ":host{display:flex;width:100%;max-width:100%;flex-direction:column;background-color:var(--background-color);box-sizing:border-box}:host ::slotted(*){max-width:100%;box-sizing:border-box}@media (max-width: 820px){:host{width:100%;max-width:100%}}@media (min-width: 821px){:host{max-width:1000px;margin-left:auto;margin-right:auto;width:100%}}", pt = class pt extends f {
   render() {
     return l`<slot></slot>`;
   }
 };
-pt.styles = x(jn);
-let et = pt;
-customElements.define("ds-container", et);
-const Rn = ':host{margin-top:.5px!important;margin-left:.5px!important;display:grid;width:1440px;height:1280px;grid-template-columns:repeat(auto-fill,19px);grid-template-rows:repeat(auto-fill,19px);gap:1px;row-rule:calc(1px * var(--sf)) solid var(--grid-color);column-rule:calc(1px * var(--sf)) solid var(--grid-color);outline:calc(1px * var(--sf)) solid light-dark(var(--sharp-blue),var(--yellow));position:fixed;top:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:300}:host(.mobile){width:calc(100% - calc(1px * var(--sf)));max-width:100vw;margin-left:.5px!important;margin-top:0!important;box-sizing:border-box;position:fixed;top:calc(.5px * var(--sf));left:50%;transform:translate(-50%);pointer-events:none;z-index:300;gap:calc(1px * var(--sf));grid-template-columns:repeat(14,calc(19px * var(--sf)));grid-template-rows:repeat(auto-fill,calc(19px * var(--sf)))}:host([align="left"]){left:0;transform:none}:host([align="center"]){left:50%;transform:translate(-50%)}:host([align="right"]){left:auto;right:0;transform:none}', ye = class ye extends f {
+pt.styles = x(Dn);
+let Qe = pt;
+customElements.define("ds-container", Qe);
+const jn = ':host{margin-top:.5px!important;margin-left:.5px!important;display:grid;width:1440px;height:1280px;grid-template-columns:repeat(auto-fill,19px);grid-template-rows:repeat(auto-fill,19px);gap:1px;row-rule:calc(1px * var(--sf)) solid var(--grid-color);column-rule:calc(1px * var(--sf)) solid var(--grid-color);outline:calc(1px * var(--sf)) solid light-dark(var(--sharp-blue),var(--yellow));position:fixed;top:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:300}:host(.mobile){width:calc(100% - calc(1px * var(--sf)));max-width:100vw;margin-left:.5px!important;margin-top:0!important;box-sizing:border-box;position:fixed;top:calc(.5px * var(--sf));left:50%;transform:translate(-50%);pointer-events:none;z-index:300;gap:calc(1px * var(--sf));grid-template-columns:repeat(14,calc(19px * var(--sf)));grid-template-rows:repeat(auto-fill,calc(19px * var(--sf)))}:host([align="left"]){left:0;transform:none}:host([align="center"]){left:50%;transform:translate(-50%)}:host([align="right"]){left:auto;right:0;transform:none}', ye = class ye extends f {
   connectedCallback() {
     super.connectedCallback(), this.updateMobileClass(), this.resizeObserver = () => {
       this.resizeTimeout && clearTimeout(this.resizeTimeout), this.resizeTimeout = setTimeout(() => {
@@ -3367,7 +3357,7 @@ const Rn = ':host{margin-top:.5px!important;margin-left:.5px!important;display:g
     super.disconnectedCallback(), this.resizeObserver && window.removeEventListener("resize", this.resizeObserver), this.resizeTimeout && clearTimeout(this.resizeTimeout);
   }
   updateMobileClass() {
-    Dt() ? (this.classList.add("mobile"), this.classList.remove("desktop")) : (this.classList.add("desktop"), this.classList.remove("mobile"));
+    st() ? (this.classList.add("mobile"), this.classList.remove("desktop")) : (this.classList.add("desktop"), this.classList.remove("mobile"));
   }
   render() {
     return l``;
@@ -3375,10 +3365,10 @@ const Rn = ':host{margin-top:.5px!important;margin-left:.5px!important;display:g
 };
 ye.properties = {
   align: { type: String }
-}, ye.styles = x(Rn);
-let tt = ye;
-customElements.define("ds-grid", tt);
-const Un = ':host{display:grid;position:relative;width:100%}slot{display:contents}:host([mode="portfolio"]){--portfolio-cols: 120px 480px 40px;--portfolio-rows: 120px 120px 60px 180px 60px 120px 60px 20px 120px 120px;--portfolio-areas: "square . ." ". title ." ". header ." ". projects ." ". . ." ". bio ." ". . ." ". nav ." ". . ." ". footer ." ". . .";--portfolio-overlay-cols: 120px 480px;--portfolio-overlay-areas: "square ." ". title" ". header" ". projects" ". ." ". bio" ". ." ". nav" ". ." ". footer" ". .";grid-template-columns:var(--portfolio-cols);grid-template-rows:var(--portfolio-rows);grid-template-areas:var(--portfolio-areas);min-height:600px;background-color:#a5a5a508;max-width:640px;margin:0}:host([mode="portfolio"]) .view-overlay{grid-template-columns:var(--portfolio-overlay-cols);grid-template-rows:var(--portfolio-rows);grid-template-areas:var(--portfolio-overlay-areas)}:host([mode="company"]){--company-cols: auto 400px auto;--company-rows: 80px 20px 20px 120px 20px 120px;--company-areas: ". . ." ". header ." ". . ." ". content ." ". . ." ". footer .";grid-template-columns:var(--company-cols);grid-template-rows:var(--company-rows);grid-template-areas:var(--company-areas);gap:0;max-width:100%}:host([mode="company"]) .view-overlay{grid-template-columns:var(--company-cols);grid-template-rows:var(--company-rows);grid-template-areas:var(--company-areas);gap:0}:host([align="left"]),:host([mode="portfolio"][align="left"]),:host([mode="company"][align="left"]),:host([mode="app"][align="left"]){margin:0;justify-self:start}:host([align="center"]),:host([mode="portfolio"][align="center"]),:host([mode="company"][align="center"]),:host([mode="app"][align="center"]){margin:0 auto;justify-self:center}:host([align="right"]),:host([mode="portfolio"][align="right"]),:host([mode="company"][align="right"]),:host([mode="app"][align="right"]){margin:0 0 0 auto;justify-self:end}:host([mode="app"]){--app-cols: 100%;--app-rows: calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--double) * var(--sf)) calc(var(--dozen) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--quad) * var(--sf)) calc(var(--double) * var(--sf));--app-areas: "banner" "." "header" "." "main" "page-dots" "." "footer";--app-overlay-cols: 100%;--app-overlay-rows: calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--double) * var(--sf)) calc(var(--dozen) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--quad) * var(--sf)) calc(var(--double) * var(--sf));--app-overlay-areas: "banner" "." "header" "." "main" "page-dots" "." "footer";grid-template-columns:var(--app-cols);grid-template-rows:var(--app-rows);grid-template-areas:var(--app-areas);min-height:100vh;background-color:transparent;width:calc(240px * var(--sf, 1));max-width:calc(240px * var(--sf, 1));margin:0 auto}:host([mode="app"]) .view-overlay{grid-template-columns:var(--app-overlay-cols);grid-template-rows:var(--app-overlay-rows);grid-template-areas:var(--app-overlay-areas)}.view-overlay{position:absolute;margin-left:-1px;inset:0;pointer-events:none;z-index:1000;display:grid}.view-area{display:flex;width:calc(240px * var(--sf, 1));height:100%;align-items:center;justify-content:center;font-family:var(--typeface-regular);font-size:calc(var(--type-size-default) * var(--05));color:color-mix(in srgb,var(--tuned-red) 25%,transparent);background-color:color-mix(in srgb,var(--accent-color) 25%,transparent);opacity:1}:host([mode="portfolio"]) .view-area:nth-of-type(1){background-color:color-mix(in srgb,var(--tuned-red) 25%,transparent)}:host([mode="portfolio"]) .view-area:nth-of-type(2){border-color:var(--sharp-blue)}:host([mode="portfolio"]) .view-area:nth-of-type(3){border-color:var(--yellow)}:host([mode="portfolio"]) .view-area:nth-of-type(4){border-color:var(--apple-green)}:host([mode="portfolio"]) .view-area:nth-of-type(5){border-color:var(--pink)}:host([mode="portfolio"]) .view-area:nth-of-type(6){border-color:var(--orange)}:host([mode="portfolio"]) .view-area:nth-of-type(7){border-color:var(--zenith-blue)}:host([mode="company"]) .view-area:nth-of-type(1){border-color:var(--tuned-red)}:host([mode="company"]) .view-area:nth-of-type(2){border-color:var(--sharp-blue)}:host([mode="company"]) .view-area:nth-of-type(3){border-color:var(--yellow)}:host([mode="app"]) .view-area:nth-of-type(1){background-color:color-mix(in srgb,var(--tuned-red) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(2){background-color:color-mix(in srgb,var(--sharp-blue) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(3){background-color:color-mix(in srgb,var(--yellow) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(4){background-color:color-mix(in srgb,var(--apple-green) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(5){background-color:color-mix(in srgb,var(--pink) 25%,transparent)}.view-square{grid-area:square}.view-title{grid-area:title}.view-header{grid-area:header}.view-projects{grid-area:projects}.view-bio{grid-area:bio}.view-nav{grid-area:nav}.view-footer{grid-area:footer}.view-content{grid-area:content}.view-banner{grid-area:banner}.view-main{grid-area:main}.view-page-dots{grid-area:page-dots}', be = class be extends f {
+}, ye.styles = x(jn);
+let et = ye;
+customElements.define("ds-grid", et);
+const Rn = ':host{display:grid;position:relative;width:100%}slot{display:contents}:host([mode="portfolio"]){--portfolio-cols: 120px 480px 40px;--portfolio-rows: 120px 120px 60px 180px 60px 120px 60px 20px 120px 120px;--portfolio-areas: "square . ." ". title ." ". header ." ". projects ." ". . ." ". bio ." ". . ." ". nav ." ". . ." ". footer ." ". . .";--portfolio-overlay-cols: 120px 480px;--portfolio-overlay-areas: "square ." ". title" ". header" ". projects" ". ." ". bio" ". ." ". nav" ". ." ". footer" ". .";grid-template-columns:var(--portfolio-cols);grid-template-rows:var(--portfolio-rows);grid-template-areas:var(--portfolio-areas);min-height:600px;background-color:#a5a5a508;max-width:640px;margin:0}:host([mode="portfolio"]) .view-overlay{grid-template-columns:var(--portfolio-overlay-cols);grid-template-rows:var(--portfolio-rows);grid-template-areas:var(--portfolio-overlay-areas)}:host([mode="company"]){--company-cols: auto 400px auto;--company-rows: 80px 20px 20px 120px 20px 120px;--company-areas: ". . ." ". header ." ". . ." ". content ." ". . ." ". footer .";grid-template-columns:var(--company-cols);grid-template-rows:var(--company-rows);grid-template-areas:var(--company-areas);gap:0;max-width:100%}:host([mode="company"]) .view-overlay{grid-template-columns:var(--company-cols);grid-template-rows:var(--company-rows);grid-template-areas:var(--company-areas);gap:0}:host([align="left"]),:host([mode="portfolio"][align="left"]),:host([mode="company"][align="left"]),:host([mode="app"][align="left"]){margin:0;justify-self:start}:host([align="center"]),:host([mode="portfolio"][align="center"]),:host([mode="company"][align="center"]),:host([mode="app"][align="center"]){margin:0 auto;justify-self:center}:host([align="right"]),:host([mode="portfolio"][align="right"]),:host([mode="company"][align="right"]),:host([mode="app"][align="right"]){margin:0 0 0 auto;justify-self:end}:host([mode="app"]){--app-cols: 100%;--app-rows: calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--double) * var(--sf)) calc(var(--dozen) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--quad) * var(--sf)) calc(var(--double) * var(--sf));--app-areas: "banner" "." "header" "." "main" "page-dots" "." "footer";--app-overlay-cols: 100%;--app-overlay-rows: calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--double) * var(--sf)) calc(var(--dozen) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--quad) * var(--sf)) calc(var(--double) * var(--sf));--app-overlay-areas: "banner" "." "header" "." "main" "page-dots" "." "footer";grid-template-columns:var(--app-cols);grid-template-rows:var(--app-rows);grid-template-areas:var(--app-areas);min-height:100vh;background-color:transparent;width:calc(240px * var(--sf, 1));max-width:calc(240px * var(--sf, 1));margin:0 auto}:host([mode="app"]) .view-overlay{grid-template-columns:var(--app-overlay-cols);grid-template-rows:var(--app-overlay-rows);grid-template-areas:var(--app-overlay-areas)}.view-overlay{position:absolute;margin-left:-1px;inset:0;pointer-events:none;z-index:1000;display:grid}.view-area{display:flex;width:calc(240px * var(--sf, 1));height:100%;align-items:center;justify-content:center;font-family:var(--typeface-regular);font-size:calc(var(--type-size-default) * var(--05));color:color-mix(in srgb,var(--tuned-red) 25%,transparent);background-color:color-mix(in srgb,var(--accent-color) 25%,transparent);opacity:1}:host([mode="portfolio"]) .view-area:nth-of-type(1){background-color:color-mix(in srgb,var(--tuned-red) 25%,transparent)}:host([mode="portfolio"]) .view-area:nth-of-type(2){border-color:var(--sharp-blue)}:host([mode="portfolio"]) .view-area:nth-of-type(3){border-color:var(--yellow)}:host([mode="portfolio"]) .view-area:nth-of-type(4){border-color:var(--apple-green)}:host([mode="portfolio"]) .view-area:nth-of-type(5){border-color:var(--pink)}:host([mode="portfolio"]) .view-area:nth-of-type(6){border-color:var(--orange)}:host([mode="portfolio"]) .view-area:nth-of-type(7){border-color:var(--zenith-blue)}:host([mode="company"]) .view-area:nth-of-type(1){border-color:var(--tuned-red)}:host([mode="company"]) .view-area:nth-of-type(2){border-color:var(--sharp-blue)}:host([mode="company"]) .view-area:nth-of-type(3){border-color:var(--yellow)}:host([mode="app"]) .view-area:nth-of-type(1){background-color:color-mix(in srgb,var(--tuned-red) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(2){background-color:color-mix(in srgb,var(--sharp-blue) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(3){background-color:color-mix(in srgb,var(--yellow) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(4){background-color:color-mix(in srgb,var(--apple-green) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(5){background-color:color-mix(in srgb,var(--pink) 25%,transparent)}.view-square{grid-area:square}.view-title{grid-area:title}.view-header{grid-area:header}.view-projects{grid-area:projects}.view-bio{grid-area:bio}.view-nav{grid-area:nav}.view-footer{grid-area:footer}.view-content{grid-area:content}.view-banner{grid-area:banner}.view-main{grid-area:main}.view-page-dots{grid-area:page-dots}', xe = class xe extends f {
   constructor() {
     super(...arguments), this.mode = "portfolio";
   }
@@ -3565,12 +3555,12 @@ const Un = ':host{display:grid;position:relative;width:100%}slot{display:content
     `;
   }
 };
-be.properties = {
+xe.properties = {
   mode: { type: String },
   align: { type: String },
   view: { type: Boolean }
-}, be.styles = [
-  x(Un),
+}, xe.styles = [
+  x(Rn),
   Ae`
     :host {
       display: grid;
@@ -4136,53 +4126,52 @@ be.properties = {
     }
     `
 ];
-let rt = be;
-customElements.define("ds-layout", rt);
+let tt = xe;
+customElements.define("ds-layout", tt);
 export {
-  Je as Accordion,
-  Be as Banner,
-  Pe as Button,
-  De as Card,
-  et as Container,
-  qe as Cycle,
-  Ze as DateComponent,
-  Qe as DsTable,
-  Ye as Form,
-  We as Gap,
-  tt as Grid,
-  Re as Icon,
-  Fe as Input,
-  rt as Layout,
-  Xe as List,
-  Ge as Row,
-  Oe as Text,
-  Ke as Tooltip,
-  qn as applike,
-  eo as calculateScalingFactor,
+  Ge as Accordion,
+  Pe as Banner,
+  Oe as Button,
+  Be as Card,
+  Qe as Container,
+  Ue as Cycle,
+  qe as DateComponent,
+  Xe as DsTable,
+  Je as Form,
+  Ze as Gap,
+  et as Grid,
+  je as Icon,
+  We as Input,
+  tt as Layout,
+  Ye as List,
+  Ke as Row,
+  ze as Text,
+  Fe as Tooltip,
+  Kn as applike,
+  Rr as calculateScalingFactor,
   k as currentLanguage,
-  Y as currentTheme,
-  Dt as detectMobileDevice,
-  Wn as getAvailableLanguages,
-  Ct as getAvailableLanguagesSync,
-  fr as getBrowserLanguage,
-  sr as getDeviceInfo,
-  vr as getLanguageDisplayName,
-  Kn as getPriceLabel,
-  Yn as getScalingFactor,
-  re as getText,
-  Zn as hasTranslation,
-  Le as initDeviceDetection,
-  Tt as initScaling,
-  Fn as loadTranslations,
+  Q as currentTheme,
+  st as detectMobileDevice,
+  Jn as getAvailableLanguages,
+  Ht as getAvailableLanguagesSync,
+  Xr as getBrowserLanguage,
+  jr as getDeviceInfo,
+  Yr as getLanguageDisplayName,
+  Xn as getPriceLabel,
+  Zn as getScalingFactor,
+  se as getText,
+  Gn as hasTranslation,
+  ne as initDeviceDetection,
+  Yn as loadTranslations,
   N as savePreferences,
-  Xn as scale,
-  le as scalingConfig,
-  $e as scalingFactor,
-  $t as setLanguage,
-  Jn as setScalingConfig,
-  ro as setTheme,
-  R as translate,
-  Qn as unscale,
-  ne as updateScalingFactor
+  Wn as scale,
+  X as scalingConfig,
+  D as scalingFactor,
+  Mt as setLanguage,
+  qn as setScalingConfig,
+  to as setTheme,
+  Z as translate,
+  Fn as unscale,
+  Kt as updateScalingFactor
 };
 //# sourceMappingURL=ds-one.bundle.min.js.map