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

package/dist/ds-one.bundle.js

@@ -1,1610 +1,1596 @@
-function detectMobileDevice() {
-  if (typeof navigator === "undefined" || typeof window === "undefined") {
-    return false;
-  }
-  const nav = navigator;
-  const win = window;
-  const ua = nav && (nav.userAgent || nav.vendor) || win && win.opera || "";
-  const uaMatchesMobile = /Mobile|Android|iP(ad|hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)|Windows Phone|Phone|Tablet/i.test(
-    ua
-  );
-  const touchPoints = nav && nav.maxTouchPoints || 0;
-  const isTouchCapable = touchPoints > 1;
-  const narrowViewport = win ? Math.min(win.innerWidth || 0, win.innerHeight || 0) <= 820 : false;
-  return uaMatchesMobile || isTouchCapable && narrowViewport;
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateIn = (member, obj) => {
+  if (Object(obj) !== obj)
+    throw TypeError('Cannot use the "in" operator on this value');
+  return member.has(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+/**
+ * @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 defaultEquals(a2, b2) {
+  return Object.is(a2, b2);
 }
-function getDeviceInfo() {
-  const isMobile = detectMobileDevice();
-  const nav = navigator;
-  const win = window;
-  const touchPoints = nav && nav.maxTouchPoints || 0;
-  const isTouchCapable = touchPoints > 1;
-  const screenWidth = typeof document !== "undefined" ? document.documentElement.clientWidth : win?.innerWidth || 0;
-  const screenHeight = typeof document !== "undefined" ? document.documentElement.clientHeight : win?.innerHeight || 0;
-  const isTablet = isMobile && Math.min(screenWidth, screenHeight) >= 600;
-  return {
-    isMobile,
-    isTablet,
-    isDesktop: !isMobile,
-    isTouchCapable,
-    deviceType: isMobile ? isTablet ? "tablet" : "mobile" : "desktop",
-    userAgent: nav && (nav.userAgent || nav.vendor) || "",
-    screenWidth,
-    screenHeight
-  };
+/**
+ * @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 activeConsumer = null;
+let inNotificationPhase = false;
+let epoch = 1;
+const SIGNAL = /* @__PURE__ */ Symbol("SIGNAL");
+function setActiveConsumer(consumer) {
+  const prev = activeConsumer;
+  activeConsumer = consumer;
+  return prev;
 }
-function initDeviceDetection() {
-  const deviceInfo = getDeviceInfo();
-  if (deviceInfo.isMobile && typeof document !== "undefined") {
-    const designWidth = 280;
-    const actualWidth = deviceInfo.screenWidth;
-    const scalingFactor2 = actualWidth / designWidth;
-    document.documentElement.style.setProperty(
-      "--sf",
-      scalingFactor2.toFixed(3)
-    );
-    document.documentElement.style.setProperty(
-      "--sf",
-      scalingFactor2.toFixed(3)
-    );
-    document.documentElement.classList.add("mobile");
-    document.documentElement.classList.remove("desktop");
-    console.log(
-      `[DS one] Mobile device detected - ${deviceInfo.deviceType} (${deviceInfo.screenWidth}x${deviceInfo.screenHeight}), scaling factor: ${scalingFactor2.toFixed(2)}`
+function getActiveConsumer() {
+  return activeConsumer;
+}
+function isInNotificationPhase() {
+  return inNotificationPhase;
+}
+const REACTIVE_NODE = {
+  version: 0,
+  lastCleanEpoch: 0,
+  dirty: false,
+  producerNode: void 0,
+  producerLastReadVersion: void 0,
+  producerIndexOfThis: void 0,
+  nextProducerIndex: 0,
+  liveConsumerNode: void 0,
+  liveConsumerIndexOfThis: void 0,
+  consumerAllowSignalWrites: false,
+  consumerIsAlwaysLive: false,
+  producerMustRecompute: () => false,
+  producerRecomputeValue: () => {
+  },
+  consumerMarkedDirty: () => {
+  },
+  consumerOnSignalRead: () => {
+  }
+};
+function producerAccessed(node) {
+  if (inNotificationPhase) {
+    throw new Error(
+      typeof ngDevMode !== "undefined" && ngDevMode ? `Assertion error: signal read during notification phase` : ""
     );
-  } else {
-    if (typeof document !== "undefined") {
-      document.documentElement.style.setProperty("--sf", "1");
-      document.documentElement.style.setProperty("--sf", "1");
-      document.documentElement.classList.add("desktop");
-      document.documentElement.classList.remove("mobile");
+  }
+  if (activeConsumer === null) {
+    return;
+  }
+  activeConsumer.consumerOnSignalRead(node);
+  const idx = activeConsumer.nextProducerIndex++;
+  assertConsumerNode(activeConsumer);
+  if (idx < activeConsumer.producerNode.length && activeConsumer.producerNode[idx] !== node) {
+    if (consumerIsLive(activeConsumer)) {
+      const staleProducer = activeConsumer.producerNode[idx];
+      producerRemoveLiveConsumerAtIndex(staleProducer, activeConsumer.producerIndexOfThis[idx]);
     }
-    console.log(
-      `[DS one] Desktop device detected (${deviceInfo.screenWidth}x${deviceInfo.screenHeight})`
-    );
   }
-  if (typeof window !== "undefined" && window.DS_ONE_DEBUG) {
-    console.log("[DS one] Device Info:", {
-      type: deviceInfo.deviceType,
-      isMobile: deviceInfo.isMobile,
-      isTablet: deviceInfo.isTablet,
-      isDesktop: deviceInfo.isDesktop,
-      isTouchCapable: deviceInfo.isTouchCapable,
-      viewport: `${deviceInfo.screenWidth}x${deviceInfo.screenHeight}`,
-      userAgent: deviceInfo.userAgent
-    });
+  if (activeConsumer.producerNode[idx] !== node) {
+    activeConsumer.producerNode[idx] = node;
+    activeConsumer.producerIndexOfThis[idx] = consumerIsLive(activeConsumer) ? producerAddLiveConsumer(node, activeConsumer, idx) : 0;
   }
-  return deviceInfo;
+  activeConsumer.producerLastReadVersion[idx] = node.version;
 }
-if (typeof window !== "undefined") {
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", () => {
-      initDeviceDetection();
-    });
-  } else {
-    initDeviceDetection();
+function producerIncrementEpoch() {
+  epoch++;
+}
+function producerUpdateValueVersion(node) {
+  if (!node.dirty && node.lastCleanEpoch === epoch) {
+    return;
   }
-  let resizeTimeout;
-  window.addEventListener("resize", () => {
-    clearTimeout(resizeTimeout);
-    resizeTimeout = setTimeout(() => {
-      initDeviceDetection();
-    }, 100);
-  });
+  if (!node.producerMustRecompute(node) && !consumerPollProducersForChange(node)) {
+    node.dirty = false;
+    node.lastCleanEpoch = epoch;
+    return;
+  }
+  node.producerRecomputeValue(node);
+  node.dirty = false;
+  node.lastCleanEpoch = epoch;
 }
-function applike() {
-  if (typeof document === "undefined" || typeof window === "undefined") {
+function producerNotifyConsumers(node) {
+  if (node.liveConsumerNode === void 0) {
     return;
   }
-  let viewport = document.querySelector('meta[name="viewport"]');
-  if (!viewport) {
-    viewport = document.createElement("meta");
-    viewport.setAttribute("name", "viewport");
-    document.head.appendChild(viewport);
+  const prev = inNotificationPhase;
+  inNotificationPhase = true;
+  try {
+    for (const consumer of node.liveConsumerNode) {
+      if (!consumer.dirty) {
+        consumerMarkDirty(consumer);
+      }
+    }
+  } finally {
+    inNotificationPhase = prev;
   }
-  viewport.setAttribute(
-    "content",
-    "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
-  );
-  const style = document.createElement("style");
-  style.id = "ds-one-applike-style";
-  style.textContent = `
-    * {
-      touch-action: pan-x pan-y !important;
-      -ms-touch-action: pan-x pan-y !important;
+}
+function producerUpdatesAllowed() {
+  return (activeConsumer == null ? void 0 : activeConsumer.consumerAllowSignalWrites) !== false;
+}
+function consumerMarkDirty(node) {
+  var _a;
+  node.dirty = true;
+  producerNotifyConsumers(node);
+  (_a = node.consumerMarkedDirty) == null ? void 0 : _a.call(node.wrapper ?? node);
+}
+function consumerBeforeComputation(node) {
+  node && (node.nextProducerIndex = 0);
+  return setActiveConsumer(node);
+}
+function consumerAfterComputation(node, prevConsumer) {
+  setActiveConsumer(prevConsumer);
+  if (!node || node.producerNode === void 0 || node.producerIndexOfThis === void 0 || node.producerLastReadVersion === void 0) {
+    return;
+  }
+  if (consumerIsLive(node)) {
+    for (let i3 = node.nextProducerIndex; i3 < node.producerNode.length; i3++) {
+      producerRemoveLiveConsumerAtIndex(node.producerNode[i3], node.producerIndexOfThis[i3]);
     }
-    html, body {
-      touch-action: pan-x pan-y !important;
-      -ms-touch-action: pan-x pan-y !important;
+  }
+  while (node.producerNode.length > node.nextProducerIndex) {
+    node.producerNode.pop();
+    node.producerLastReadVersion.pop();
+    node.producerIndexOfThis.pop();
+  }
+}
+function consumerPollProducersForChange(node) {
+  assertConsumerNode(node);
+  for (let i3 = 0; i3 < node.producerNode.length; i3++) {
+    const producer = node.producerNode[i3];
+    const seenVersion = node.producerLastReadVersion[i3];
+    if (seenVersion !== producer.version) {
+      return true;
+    }
+    producerUpdateValueVersion(producer);
+    if (seenVersion !== producer.version) {
+      return true;
     }
-  `;
-  const existingStyle = document.getElementById("ds-one-applike-style");
-  if (existingStyle) {
-    existingStyle.remove();
   }
-  document.head.appendChild(style);
-  let lastTouchEnd = 0;
-  let touchStartTime = 0;
-  const preventZoom = (event) => {
-    if (event instanceof TouchEvent) {
-      if (event.touches.length > 1) {
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      const now = Date.now();
-      if (event.type === "touchstart") {
-        if (now - lastTouchEnd < 300) {
-          event.preventDefault();
-          event.stopPropagation();
-          return;
-        }
-        touchStartTime = now;
-      } else if (event.type === "touchend") {
-        const touchDuration = now - touchStartTime;
-        if (touchDuration < 300 && now - lastTouchEnd < 300) {
-          event.preventDefault();
-          event.stopPropagation();
-          return;
-        }
-        lastTouchEnd = now;
-      } else if (event.type === "touchmove") {
-        if (event.touches.length > 1) {
-          event.preventDefault();
-          event.stopPropagation();
-          return;
-        }
-      }
-    }
-    if (event instanceof WheelEvent && (event.ctrlKey || event.metaKey)) {
-      event.preventDefault();
-      event.stopPropagation();
-      return;
-    }
-  };
-  const options = { passive: false, capture: true };
-  document.addEventListener("touchstart", preventZoom, options);
-  document.addEventListener("touchmove", preventZoom, options);
-  document.addEventListener("touchend", preventZoom, options);
-  document.addEventListener("touchcancel", preventZoom, options);
-  document.addEventListener("wheel", preventZoom, options);
-  document.addEventListener(
-    "gesturestart",
-    (e2) => {
-      e2.preventDefault();
-      e2.stopPropagation();
-    },
-    options
-  );
-  document.addEventListener(
-    "gesturechange",
-    (e2) => {
-      e2.preventDefault();
-      e2.stopPropagation();
-    },
-    options
-  );
-  document.addEventListener(
-    "gestureend",
-    (e2) => {
-      e2.preventDefault();
-      e2.stopPropagation();
-    },
-    options
-  );
+  return false;
 }
-let translationKeys = {};
-const LANGUAGE_PRIORITY_ORDER = [
-  "da",
-  "de",
-  "en",
-  "es",
-  "fr",
-  "it",
-  "ja",
-  "pt",
-  "sv",
-  "zh"
-];
-const LANGUAGE_PRIORITY_LOOKUP = new Map(
-  LANGUAGE_PRIORITY_ORDER.map((code, index) => [code, index])
-);
-const FALLBACK_LANGUAGE_NAMES = {
-  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"
-};
-const DISPLAY_NAME_CACHE = /* @__PURE__ */ new Map();
-let displayNameFallbackWarningShown = false;
-const DEFAULT_TRANSLATION_FILE = "./translations.json";
-let loadAttempted = false;
-function normalizeCandidate(path) {
-  if (!path) {
-    return null;
-  }
-  const trimmed = path.trim();
-  if (!trimmed) {
-    return null;
-  }
-  if (trimmed.startsWith("./") || trimmed.startsWith("../") || trimmed.startsWith("/") || /^https?:\/\//i.test(trimmed)) {
-    return trimmed;
+function producerAddLiveConsumer(node, consumer, indexOfThis) {
+  var _a;
+  assertProducerNode(node);
+  assertConsumerNode(node);
+  if (node.liveConsumerNode.length === 0) {
+    (_a = node.watched) == null ? void 0 : _a.call(node.wrapper);
+    for (let i3 = 0; i3 < node.producerNode.length; i3++) {
+      node.producerIndexOfThis[i3] = producerAddLiveConsumer(node.producerNode[i3], node, i3);
+    }
   }
-  return `./${trimmed}`;
+  node.liveConsumerIndexOfThis.push(indexOfThis);
+  return node.liveConsumerNode.push(consumer) - 1;
 }
-function findAttributeCandidate() {
-  if (typeof document === "undefined") {
-    return null;
-  }
-  const scriptWithAttribute = document.querySelector(
-    "script[data-ds-one-translations]"
-  );
-  const scriptCandidate = scriptWithAttribute?.getAttribute(
-    "data-ds-one-translations"
-  );
-  if (scriptCandidate) {
-    return scriptCandidate;
+function producerRemoveLiveConsumerAtIndex(node, idx) {
+  var _a;
+  assertProducerNode(node);
+  assertConsumerNode(node);
+  if (typeof ngDevMode !== "undefined" && ngDevMode && idx >= node.liveConsumerNode.length) {
+    throw new Error(
+      `Assertion error: active consumer index ${idx} is out of bounds of ${node.liveConsumerNode.length} consumers)`
+    );
   }
-  const metaCandidate = document.querySelector('meta[name="ds-one:translations"]')?.getAttribute("content");
-  if (metaCandidate) {
-    return metaCandidate;
+  if (node.liveConsumerNode.length === 1) {
+    (_a = node.unwatched) == null ? void 0 : _a.call(node.wrapper);
+    for (let i3 = 0; i3 < node.producerNode.length; i3++) {
+      producerRemoveLiveConsumerAtIndex(node.producerNode[i3], node.producerIndexOfThis[i3]);
+    }
   }
-  const linkCandidate = document.querySelector('link[rel="ds-one-translations"]')?.getAttribute("href");
-  if (linkCandidate) {
-    return linkCandidate;
+  const lastIdx = node.liveConsumerNode.length - 1;
+  node.liveConsumerNode[idx] = node.liveConsumerNode[lastIdx];
+  node.liveConsumerIndexOfThis[idx] = node.liveConsumerIndexOfThis[lastIdx];
+  node.liveConsumerNode.length--;
+  node.liveConsumerIndexOfThis.length--;
+  if (idx < node.liveConsumerNode.length) {
+    const idxProducer = node.liveConsumerIndexOfThis[idx];
+    const consumer = node.liveConsumerNode[idx];
+    assertConsumerNode(consumer);
+    consumer.producerIndexOfThis[idxProducer] = idx;
   }
-  return null;
 }
-function resolveTranslationSources() {
-  const candidates = [];
-  const windowCandidate = typeof window !== "undefined" ? window.DS_ONE_TRANSLATIONS_FILE : null;
-  const attributeCandidate = findAttributeCandidate();
-  const windowNormalized = normalizeCandidate(windowCandidate ?? "");
-  if (windowNormalized) {
-    candidates.push(windowNormalized);
-  }
-  const attrNormalized = normalizeCandidate(attributeCandidate ?? "");
-  if (attrNormalized && !candidates.includes(attrNormalized)) {
-    candidates.push(attrNormalized);
-  }
-  if (candidates.length === 0) {
-    candidates.push(DEFAULT_TRANSLATION_FILE);
-  }
-  return candidates;
+function consumerIsLive(node) {
+  var _a;
+  return node.consumerIsAlwaysLive || (((_a = node == null ? void 0 : node.liveConsumerNode) == null ? void 0 : _a.length) ?? 0) > 0;
 }
-function validateTranslationMap(candidate) {
-  if (!candidate || typeof candidate !== "object") {
-    return false;
-  }
-  return Object.values(candidate).every(
-    (entry) => entry && typeof entry === "object"
-  );
+function assertConsumerNode(node) {
+  node.producerNode ?? (node.producerNode = []);
+  node.producerIndexOfThis ?? (node.producerIndexOfThis = []);
+  node.producerLastReadVersion ?? (node.producerLastReadVersion = []);
 }
-async function fetchTranslationFile(source) {
-  try {
-    const response = await fetch(source);
-    if (!response.ok) {
-      return null;
-    }
-    const translations = await response.json();
-    if (!validateTranslationMap(translations)) {
-      console.warn(
-        `[DS one] Invalid translation format in ${source}. Expected object with language codes as keys.`
-      );
-      return null;
-    }
-    const languages = Object.keys(translations);
-    if (languages.length === 0) {
-      console.warn(`[DS one] No languages found in ${source}`);
-      return null;
-    }
-    return translations;
-  } catch {
-    return null;
-  }
+function assertProducerNode(node) {
+  node.liveConsumerNode ?? (node.liveConsumerNode = []);
+  node.liveConsumerIndexOfThis ?? (node.liveConsumerIndexOfThis = []);
 }
-async function loadExternalTranslations() {
-  if (loadAttempted) {
-    return false;
-  }
-  loadAttempted = true;
-  if (typeof window === "undefined") {
-    return false;
-  }
-  if (window.DS_ONE_TRANSLATIONS && Object.keys(window.DS_ONE_TRANSLATIONS).length > 0) {
-    console.log(
-      `[DS one] Translations already loaded (${Object.keys(window.DS_ONE_TRANSLATIONS).length} languages), skipping auto-load`
-    );
-    return true;
+/**
+ * @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 computedGet(node) {
+  producerUpdateValueVersion(node);
+  producerAccessed(node);
+  if (node.value === ERRORED) {
+    throw node.error;
   }
-  const sources = resolveTranslationSources();
-  for (const source of sources) {
-    const translations = await fetchTranslationFile(source);
-    if (!translations) {
-      continue;
-    }
-    window.DS_ONE_TRANSLATIONS = translations;
-    const languages = Object.keys(translations);
-    console.log(
-      `[DS one] External translations loaded from ${source}: ${languages.length} language(s) – ${languages.join(", ")}`
-    );
-    window.dispatchEvent(new CustomEvent("translations-ready"));
-    return true;
-  }
-  console.info(
-    `[DS one] No external translations found at ${sources[0] ?? DEFAULT_TRANSLATION_FILE}. Using bundled translations.`
-  );
-  return false;
+  return node.value;
 }
-function getTranslationData() {
-  if (typeof window !== "undefined" && window.DS_ONE_TRANSLATIONS) {
-    return window.DS_ONE_TRANSLATIONS;
-  }
-  return translationKeys;
+function createComputed(computation) {
+  const node = Object.create(COMPUTED_NODE);
+  node.computation = computation;
+  const computed = () => computedGet(node);
+  computed[SIGNAL] = node;
+  return computed;
 }
-let translationData = getTranslationData();
-const defaultLanguage = "en";
-function extractPrimarySubtag(code) {
-  if (!code) {
-    return "";
-  }
-  return code.toLowerCase().split(/[-_]/)[0] ?? "";
+const UNSET = /* @__PURE__ */ Symbol("UNSET");
+const COMPUTING = /* @__PURE__ */ Symbol("COMPUTING");
+const ERRORED = /* @__PURE__ */ Symbol("ERRORED");
+const COMPUTED_NODE = /* @__PURE__ */ (() => {
+  return {
+    ...REACTIVE_NODE,
+    value: UNSET,
+    dirty: true,
+    error: null,
+    equal: defaultEquals,
+    producerMustRecompute(node) {
+      return node.value === UNSET || node.value === COMPUTING;
+    },
+    producerRecomputeValue(node) {
+      if (node.value === COMPUTING) {
+        throw new Error("Detected cycle in computations.");
+      }
+      const oldValue = node.value;
+      node.value = COMPUTING;
+      const prevConsumer = consumerBeforeComputation(node);
+      let newValue;
+      let wasEqual = false;
+      try {
+        newValue = node.computation.call(node.wrapper);
+        const oldOk = oldValue !== UNSET && oldValue !== ERRORED;
+        wasEqual = oldOk && node.equal.call(node.wrapper, oldValue, newValue);
+      } catch (err) {
+        newValue = ERRORED;
+        node.error = err;
+      } finally {
+        consumerAfterComputation(node, prevConsumer);
+      }
+      if (wasEqual) {
+        node.value = oldValue;
+        return;
+      }
+      node.value = newValue;
+      node.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 defaultThrowError() {
+  throw new Error();
 }
-function getLanguagePriority(code) {
-  const primary = extractPrimarySubtag(code);
-  const priority = LANGUAGE_PRIORITY_LOOKUP.get(primary);
-  if (typeof priority === "number") {
-    return priority;
-  }
-  return LANGUAGE_PRIORITY_ORDER.length;
+let throwInvalidWriteToSignalErrorFn = defaultThrowError;
+function throwInvalidWriteToSignalError() {
+  throwInvalidWriteToSignalErrorFn();
 }
-function sortLanguageCodes(codes) {
-  return [...codes].sort((a2, b2) => {
-    const priorityA = getLanguagePriority(a2);
-    const priorityB = getLanguagePriority(b2);
-    if (priorityA !== priorityB) {
-      return priorityA - priorityB;
-    }
-    return a2.localeCompare(b2);
-  });
+/**
+ * @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 createSignal(initialValue) {
+  const node = Object.create(SIGNAL_NODE);
+  node.value = initialValue;
+  const getter = () => {
+    producerAccessed(node);
+    return node.value;
+  };
+  getter[SIGNAL] = node;
+  return getter;
 }
-function getDisplayNameForLocale(locale, code) {
-  const normalizedLocale = locale?.replace("_", "-");
-  if (!normalizedLocale) {
-    return void 0;
+function signalGetFn() {
+  producerAccessed(this);
+  return this.value;
+}
+function signalSetFn(node, newValue) {
+  if (!producerUpdatesAllowed()) {
+    throwInvalidWriteToSignalError();
   }
-  try {
-    let displayNames = DISPLAY_NAME_CACHE.get(normalizedLocale);
-    if (!displayNames) {
-      displayNames = new Intl.DisplayNames([normalizedLocale], {
-        type: "language"
-      });
-      DISPLAY_NAME_CACHE.set(normalizedLocale, displayNames);
-    }
-    const cleanedCode = code.replace("_", "-");
-    const fullMatch = displayNames.of(cleanedCode);
-    if (fullMatch && fullMatch !== cleanedCode) {
-      return fullMatch;
-    }
-    const baseMatch = displayNames.of(extractPrimarySubtag(cleanedCode));
-    if (baseMatch) {
-      return baseMatch;
-    }
-  } catch (error) {
-    if (!displayNameFallbackWarningShown) {
-      console.info(
-        "[DS one] Intl.DisplayNames is not available, using fallback language names."
-      );
-      displayNameFallbackWarningShown = true;
-    }
+  if (!node.equal.call(node.wrapper, node.value, newValue)) {
+    node.value = newValue;
+    signalValueChanged(node);
   }
-  return void 0;
 }
-function getFallbackDisplayName(code) {
-  const normalized = code.toLowerCase().replace("_", "-");
-  const direct = FALLBACK_LANGUAGE_NAMES[normalized];
-  if (direct) {
-    return direct;
-  }
-  const primary = extractPrimarySubtag(normalized);
-  return FALLBACK_LANGUAGE_NAMES[primary];
+const SIGNAL_NODE = /* @__PURE__ */ (() => {
+  return {
+    ...REACTIVE_NODE,
+    equal: defaultEquals,
+    value: void 0
+  };
+})();
+function signalValueChanged(node) {
+  node.version++;
+  producerIncrementEpoch();
+  producerNotifyConsumers(node);
 }
-function getLanguageDisplayName(code, options = {}) {
-  if (!code) {
-    return "";
-  }
-  const localesToTry = [];
-  if (options.locale) {
-    localesToTry.push(options.locale);
-  }
-  if (typeof navigator !== "undefined") {
-    if (Array.isArray(navigator.languages)) {
-      localesToTry.push(...navigator.languages);
-    }
-    if (navigator.language) {
-      localesToTry.push(navigator.language);
+/**
+ * @license
+ * Copyright 2024 Bloomberg Finance L.P.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const NODE = Symbol("node");
+var Signal;
+((Signal2) => {
+  var _a, _brand, _b, _brand2;
+  class State {
+    constructor(initialValue, options = {}) {
+      __privateAdd(this, _brand);
+      __publicField(this, _a);
+      const ref = createSignal(initialValue);
+      const node = ref[SIGNAL];
+      this[NODE] = node;
+      node.wrapper = this;
+      if (options) {
+        const equals = options.equals;
+        if (equals) {
+          node.equal = equals;
+        }
+        node.watched = options[Signal2.subtle.watched];
+        node.unwatched = options[Signal2.subtle.unwatched];
+      }
     }
-  }
-  localesToTry.push(defaultLanguage);
-  localesToTry.push("en");
-  const tried = /* @__PURE__ */ new Set();
-  for (const locale of localesToTry) {
-    if (!locale || tried.has(locale)) {
-      continue;
+    get() {
+      if (!(0, Signal2.isState)(this))
+        throw new TypeError("Wrong receiver type for Signal.State.prototype.get");
+      return signalGetFn.call(this[NODE]);
     }
-    tried.add(locale);
-    const displayName = getDisplayNameForLocale(locale, code);
-    if (displayName) {
-      return displayName;
+    set(newValue) {
+      if (!(0, Signal2.isState)(this))
+        throw new TypeError("Wrong receiver type for Signal.State.prototype.set");
+      if (isInNotificationPhase()) {
+        throw new Error("Writes to signals not permitted during Watcher callback");
+      }
+      const ref = this[NODE];
+      signalSetFn(ref, newValue);
     }
   }
-  const fallback = getFallbackDisplayName(code);
-  if (fallback) {
-    return fallback;
-  }
-  const primary = extractPrimarySubtag(code);
-  return primary ? primary.toUpperCase() : code;
-}
-const BROWSER_LANGUAGE_PREFERENCES = {
-  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 resolvePreferredLanguage(languageTag) {
-  if (!languageTag) {
-    return null;
-  }
-  const normalized = languageTag.toLowerCase().replace("_", "-");
-  const directMatch = BROWSER_LANGUAGE_PREFERENCES[normalized];
-  if (directMatch) {
-    return directMatch;
-  }
-  const primary = extractPrimarySubtag(normalized);
-  const primaryMatch = BROWSER_LANGUAGE_PREFERENCES[primary];
-  if (primaryMatch) {
-    return primaryMatch;
-  }
-  return languageTag;
-}
-function getBrowserLanguage() {
-  if (typeof navigator === "undefined") {
-    return defaultLanguage;
-  }
-  const browserLang = navigator.language;
-  if (browserLang) {
-    const resolved = resolvePreferredLanguage(browserLang);
-    if (resolved) {
-      return resolved;
+  _a = NODE;
+  _brand = /* @__PURE__ */ new WeakSet();
+  Signal2.isState = (s2) => typeof s2 === "object" && __privateIn(_brand, s2);
+  Signal2.State = State;
+  class Computed {
+    // Create a Signal which evaluates to the value returned by the callback.
+    // Callback is called with this signal as the parameter.
+    constructor(computation, options) {
+      __privateAdd(this, _brand2);
+      __publicField(this, _b);
+      const ref = createComputed(computation);
+      const node = ref[SIGNAL];
+      node.consumerAllowSignalWrites = true;
+      this[NODE] = node;
+      node.wrapper = this;
+      if (options) {
+        const equals = options.equals;
+        if (equals) {
+          node.equal = equals;
+        }
+        node.watched = options[Signal2.subtle.watched];
+        node.unwatched = options[Signal2.subtle.unwatched];
+      }
+    }
+    get() {
+      if (!(0, Signal2.isComputed)(this))
+        throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");
+      return computedGet(this[NODE]);
     }
   }
-  if (Array.isArray(navigator.languages)) {
-    for (const candidate of navigator.languages) {
-      const resolved = resolvePreferredLanguage(candidate);
-      if (resolved) {
-        return resolved;
+  _b = NODE;
+  _brand2 = /* @__PURE__ */ new WeakSet();
+  Signal2.isComputed = (c2) => typeof c2 === "object" && __privateIn(_brand2, c2);
+  Signal2.Computed = Computed;
+  ((subtle2) => {
+    var _a2, _brand3, _assertSignals, assertSignals_fn;
+    function untrack(cb) {
+      let output;
+      let prevActiveConsumer = null;
+      try {
+        prevActiveConsumer = setActiveConsumer(null);
+        output = cb();
+      } finally {
+        setActiveConsumer(prevActiveConsumer);
       }
+      return output;
     }
-  }
-  return defaultLanguage;
-}
-typeof window !== "undefined" ? window.localStorage?.getItem(
-  "ds-one:language"
-) ?? void 0 : void 0;
-const currentLanguage = {
-  value: localStorage.getItem("language") || getBrowserLanguage(),
-  set: function(lang) {
-    this.value = lang;
-    localStorage.setItem("language", lang);
-    window.dispatchEvent(
-      new CustomEvent("language-changed", {
-        detail: { language: lang },
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-};
-if (typeof window !== "undefined") {
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", () => {
-      loadExternalTranslations();
-    });
-  } else {
-    loadExternalTranslations();
-  }
-}
-if (typeof window !== "undefined") {
-  window.addEventListener("translations-ready", () => {
-    translationData = getTranslationData();
-    window.dispatchEvent(new CustomEvent("translations-loaded"));
-    const currentLang = currentLanguage.value;
-    window.dispatchEvent(
-      new CustomEvent("language-changed", {
-        detail: { language: currentLang },
-        bubbles: true,
-        composed: true
-      })
-    );
-  });
-}
-setTimeout(() => {
-  window.dispatchEvent(new CustomEvent("translations-loaded"));
-  const currentLang = currentLanguage.value;
-  window.dispatchEvent(
-    new CustomEvent("language-changed", {
-      detail: { language: currentLang },
-      bubbles: true,
-      composed: true
-    })
-  );
-}, 100);
-function translate(key) {
-  const lang = currentLanguage.value;
-  if (translationData?.[lang]?.[key]) {
-    return translationData[lang][key];
-  }
-  if (lang !== defaultLanguage && translationData?.[defaultLanguage]?.[key]) {
-    return translationData[defaultLanguage][key];
-  }
-  console.warn(
-    `[DS one (Internationalization)] No translation found for key "${key}"`
-  );
-  return key;
-}
-function hasTranslation(key, language = currentLanguage.value) {
-  if (!key) {
-    return false;
-  }
-  const langData = translationData?.[language];
-  if (langData && Object.prototype.hasOwnProperty.call(langData, key)) {
-    return true;
-  }
-  if (language !== defaultLanguage && translationData?.[defaultLanguage] && Object.prototype.hasOwnProperty.call(translationData[defaultLanguage], key)) {
-    return true;
-  }
-  return false;
-}
-function getText(key) {
-  return translate(key);
-}
-function getAvailableLanguages() {
-  const currentData = getTranslationData();
-  if (currentData && Object.keys(currentData).length > 0) {
-    const languages = Object.keys(currentData);
-    return Promise.resolve(sortLanguageCodes(languages));
-  }
-  return Promise.resolve([defaultLanguage]);
-}
-function getAvailableLanguagesSync() {
-  const currentData = getTranslationData();
-  if (currentData && Object.keys(currentData).length > 0) {
-    return sortLanguageCodes(Object.keys(currentData));
-  }
-  return [defaultLanguage];
-}
-function loadTranslations(language, translations) {
-  console.log(
-    `Loading additional translations for ${language}:`,
-    Object.keys(translations).length,
-    "keys"
-  );
-}
-function setLanguage(language) {
-  localStorage.setItem("language", language);
-  currentLanguage.set(language);
-  window.dispatchEvent(
-    new CustomEvent("language-changed", {
-      detail: { language },
-      bubbles: true,
-      composed: true
-    })
-  );
-}
-function savePreferences(preferences) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  try {
-    const raw = window.localStorage?.getItem("ds-one:preferences");
-    const existing = raw ? JSON.parse(raw) : {};
-    const next = { ...existing, ...preferences };
-    window.localStorage?.setItem("ds-one:preferences", JSON.stringify(next));
-  } catch (error) {
-    console.warn("ds-one: unable to persist preferences", error);
-  }
-}
-const PRICE_LABELS = {
-  da: "kr.",
-  nb: "kr.",
-  sv: "kr.",
-  de: "€",
-  en: "$",
-  pt: "€",
-  es: "€",
-  zh: "¥",
-  ja: "¥",
-  ko: "₩"
-};
-function getPriceLabel(options) {
-  const { language, country } = options;
-  if (country) {
-    const countryUpper = country.toUpperCase();
-    if (countryUpper === "US" || countryUpper === "USA") {
-      return "$";
+    subtle2.untrack = untrack;
+    function introspectSources(sink) {
+      var _a3;
+      if (!(0, Signal2.isComputed)(sink) && !(0, Signal2.isWatcher)(sink)) {
+        throw new TypeError("Called introspectSources without a Computed or Watcher argument");
+      }
+      return ((_a3 = sink[NODE].producerNode) == null ? void 0 : _a3.map((n3) => n3.wrapper)) ?? [];
     }
-    if (countryUpper === "GB" || countryUpper === "UK") {
-      return "£";
+    subtle2.introspectSources = introspectSources;
+    function introspectSinks(signal) {
+      var _a3;
+      if (!(0, Signal2.isComputed)(signal) && !(0, Signal2.isState)(signal)) {
+        throw new TypeError("Called introspectSinks without a Signal argument");
+      }
+      return ((_a3 = signal[NODE].liveConsumerNode) == null ? void 0 : _a3.map((n3) => n3.wrapper)) ?? [];
     }
-    if (countryUpper === "JP" || countryUpper === "JPN") {
-      return "¥";
+    subtle2.introspectSinks = introspectSinks;
+    function hasSinks(signal) {
+      if (!(0, Signal2.isComputed)(signal) && !(0, Signal2.isState)(signal)) {
+        throw new TypeError("Called hasSinks without a Signal argument");
+      }
+      const liveConsumerNode = signal[NODE].liveConsumerNode;
+      if (!liveConsumerNode)
+        return false;
+      return liveConsumerNode.length > 0;
     }
-    if (countryUpper === "CN" || countryUpper === "CHN") {
-      return "¥";
+    subtle2.hasSinks = hasSinks;
+    function hasSources(signal) {
+      if (!(0, Signal2.isComputed)(signal) && !(0, Signal2.isWatcher)(signal)) {
+        throw new TypeError("Called hasSources without a Computed or Watcher argument");
+      }
+      const producerNode = signal[NODE].producerNode;
+      if (!producerNode)
+        return false;
+      return producerNode.length > 0;
     }
-    if (countryUpper === "KR" || countryUpper === "KOR") {
-      return "₩";
+    subtle2.hasSources = hasSources;
+    class Watcher {
+      // 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(notify) {
+        __privateAdd(this, _brand3);
+        __privateAdd(this, _assertSignals);
+        __publicField(this, _a2);
+        let node = Object.create(REACTIVE_NODE);
+        node.wrapper = this;
+        node.consumerMarkedDirty = notify;
+        node.consumerIsAlwaysLive = true;
+        node.consumerAllowSignalWrites = false;
+        node.producerNode = [];
+        this[NODE] = node;
+      }
+      // 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.
+      // Can be called with no arguments just to reset the "notified" state, so that
+      // the notify callback will be invoked again.
+      watch(...signals) {
+        if (!(0, Signal2.isWatcher)(this)) {
+          throw new TypeError("Called unwatch without Watcher receiver");
+        }
+        __privateMethod(this, _assertSignals, assertSignals_fn).call(this, signals);
+        const node = this[NODE];
+        node.dirty = false;
+        const prev = setActiveConsumer(node);
+        for (const signal of signals) {
+          producerAccessed(signal[NODE]);
+        }
+        setActiveConsumer(prev);
+      }
+      // Remove these signals from the watched set (e.g., for an effect which is disposed)
+      unwatch(...signals) {
+        if (!(0, Signal2.isWatcher)(this)) {
+          throw new TypeError("Called unwatch without Watcher receiver");
+        }
+        __privateMethod(this, _assertSignals, assertSignals_fn).call(this, signals);
+        const node = this[NODE];
+        assertConsumerNode(node);
+        for (let i3 = node.producerNode.length - 1; i3 >= 0; i3--) {
+          if (signals.includes(node.producerNode[i3].wrapper)) {
+            producerRemoveLiveConsumerAtIndex(node.producerNode[i3], node.producerIndexOfThis[i3]);
+            const lastIdx = node.producerNode.length - 1;
+            node.producerNode[i3] = node.producerNode[lastIdx];
+            node.producerIndexOfThis[i3] = node.producerIndexOfThis[lastIdx];
+            node.producerNode.length--;
+            node.producerIndexOfThis.length--;
+            node.nextProducerIndex--;
+            if (i3 < node.producerNode.length) {
+              const idxConsumer = node.producerIndexOfThis[i3];
+              const producer = node.producerNode[i3];
+              assertProducerNode(producer);
+              producer.liveConsumerIndexOfThis[idxConsumer] = i3;
+            }
+          }
+        }
+      }
+      // Returns the set of computeds in the Watcher's set which are still yet
+      // to be re-evaluated
+      getPending() {
+        if (!(0, Signal2.isWatcher)(this)) {
+          throw new TypeError("Called getPending without Watcher receiver");
+        }
+        const node = this[NODE];
+        return node.producerNode.filter((n3) => n3.dirty).map((n3) => n3.wrapper);
+      }
     }
-  }
-  const primaryLang = language.toLowerCase().split(/[-_]/)[0];
-  return PRICE_LABELS[primaryLang] || "$";
-}
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateIn = (member, obj) => {
-  if (Object(obj) !== obj)
-    throw TypeError('Cannot use the "in" operator on this value');
-  return member.has(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
+    _a2 = NODE;
+    _brand3 = /* @__PURE__ */ new WeakSet();
+    _assertSignals = /* @__PURE__ */ new WeakSet();
+    assertSignals_fn = function(signals) {
+      for (const signal of signals) {
+        if (!(0, Signal2.isComputed)(signal) && !(0, Signal2.isState)(signal)) {
+          throw new TypeError("Called watch/unwatch without a Computed or State argument");
+        }
+      }
+    };
+    Signal2.isWatcher = (w) => __privateIn(_brand3, w);
+    subtle2.Watcher = Watcher;
+    function currentComputed() {
+      var _a3;
+      return (_a3 = getActiveConsumer()) == null ? void 0 : _a3.wrapper;
+    }
+    subtle2.currentComputed = currentComputed;
+    subtle2.watched = Symbol("watched");
+    subtle2.unwatched = Symbol("unwatched");
+  })(Signal2.subtle || (Signal2.subtle = {}));
+})(Signal || (Signal = {}));
 /**
  * @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
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
  */
-function defaultEquals(a2, b2) {
-  return Object.is(a2, b2);
-}
+new FinalizationRegistry((({ watcher: t2, signal: i3 }) => {
+  t2.unwatch(i3);
+}));
 /**
  * @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
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
  */
-let activeConsumer = null;
-let inNotificationPhase = false;
-let epoch = 1;
-const SIGNAL = /* @__PURE__ */ Symbol("SIGNAL");
-function setActiveConsumer(consumer) {
-  const prev = activeConsumer;
-  activeConsumer = consumer;
-  return prev;
-}
-function getActiveConsumer() {
-  return activeConsumer;
-}
-function isInNotificationPhase() {
-  return inNotificationPhase;
-}
-const REACTIVE_NODE = {
-  version: 0,
-  lastCleanEpoch: 0,
-  dirty: false,
-  producerNode: void 0,
-  producerLastReadVersion: void 0,
-  producerIndexOfThis: void 0,
-  nextProducerIndex: 0,
-  liveConsumerNode: void 0,
-  liveConsumerIndexOfThis: void 0,
-  consumerAllowSignalWrites: false,
-  consumerIsAlwaysLive: false,
-  producerMustRecompute: () => false,
-  producerRecomputeValue: () => {
-  },
-  consumerMarkedDirty: () => {
-  },
-  consumerOnSignalRead: () => {
+const t$2 = { CHILD: 2 }, e$4 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+let i$4 = class i {
+  constructor(t2) {
   }
-};
-function producerAccessed(node) {
-  if (inNotificationPhase) {
-    throw new Error(
-      typeof ngDevMode !== "undefined" && ngDevMode ? `Assertion error: signal read during notification phase` : ""
-    );
+  get _$AU() {
+    return this._$AM._$AU;
   }
-  if (activeConsumer === null) {
-    return;
+  _$AT(t2, e2, i3) {
+    this._$Ct = t2, this._$AM = e2, this._$Ci = i3;
   }
-  activeConsumer.consumerOnSignalRead(node);
-  const idx = activeConsumer.nextProducerIndex++;
-  assertConsumerNode(activeConsumer);
-  if (idx < activeConsumer.producerNode.length && activeConsumer.producerNode[idx] !== node) {
-    if (consumerIsLive(activeConsumer)) {
-      const staleProducer = activeConsumer.producerNode[idx];
-      producerRemoveLiveConsumerAtIndex(staleProducer, activeConsumer.producerIndexOfThis[idx]);
+  _$AS(t2, e2) {
+    return this.update(t2, e2);
+  }
+  update(t2, e2) {
+    return this.render(...e2);
+  }
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$1 = globalThis, i$3 = t$1.trustedTypes, s$2 = i$3 ? i$3.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$3 = "$lit$", h$1 = `lit$${Math.random().toFixed(9).slice(2)}$`, o$4 = "?" + h$1, n$2 = `<${o$4}>`, r$3 = document, l$1 = () => r$3.createComment(""), c$2 = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, a$1 = Array.isArray, u$1 = (t2) => a$1(t2) || "function" == typeof t2?.[Symbol.iterator], d$1 = "[ 	\n\f\r]", f$1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d$1}(?:([^\\s"'>=/]+)(${d$1}*=${d$1}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), p$1 = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y$1 = (t2) => (i3, ...s2) => ({ _$litType$: t2, strings: i3, values: s2 }), x = y$1(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r$3.createTreeWalker(r$3, 129);
+function P(t2, i3) {
+  if (!a$1(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== s$2 ? s$2.createHTML(i3) : i3;
+}
+const V = (t2, i3) => {
+  const s2 = t2.length - 1, o2 = [];
+  let r2, l2 = 2 === i3 ? "<svg>" : 3 === i3 ? "<math>" : "", c2 = f$1;
+  for (let i4 = 0; i4 < s2; i4++) {
+    const s3 = t2[i4];
+    let a2, u2, d2 = -1, y2 = 0;
+    for (; y2 < s3.length && (c2.lastIndex = y2, u2 = c2.exec(s3), null !== u2); ) y2 = c2.lastIndex, c2 === f$1 ? "!--" === u2[1] ? c2 = v : void 0 !== u2[1] ? c2 = _ : void 0 !== u2[2] ? ($.test(u2[2]) && (r2 = RegExp("</" + u2[2], "g")), c2 = m) : void 0 !== u2[3] && (c2 = m) : c2 === m ? ">" === u2[0] ? (c2 = r2 ?? f$1, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? m : '"' === u2[3] ? g : p$1) : c2 === g || c2 === p$1 ? c2 = m : c2 === v || c2 === _ ? c2 = f$1 : (c2 = m, r2 = void 0);
+    const x2 = c2 === m && t2[i4 + 1].startsWith("/>") ? " " : "";
+    l2 += c2 === f$1 ? s3 + n$2 : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e$3 + s3.slice(d2) + h$1 + x2) : s3 + h$1 + (-2 === d2 ? i4 : x2);
+  }
+  return [P(t2, l2 + (t2[s2] || "<?>") + (2 === i3 ? "</svg>" : 3 === i3 ? "</math>" : "")), o2];
+};
+class N {
+  constructor({ strings: t2, _$litType$: s2 }, n3) {
+    let r2;
+    this.parts = [];
+    let c2 = 0, a2 = 0;
+    const u2 = t2.length - 1, d2 = this.parts, [f2, v2] = V(t2, s2);
+    if (this.el = N.createElement(f2, n3), C.currentNode = this.el.content, 2 === s2 || 3 === s2) {
+      const t3 = this.el.content.firstChild;
+      t3.replaceWith(...t3.childNodes);
+    }
+    for (; null !== (r2 = C.nextNode()) && d2.length < u2; ) {
+      if (1 === r2.nodeType) {
+        if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(e$3)) {
+          const i3 = v2[a2++], s3 = r2.getAttribute(t3).split(h$1), e2 = /([.?@])?(.*)/.exec(i3);
+          d2.push({ type: 1, index: c2, name: e2[2], strings: s3, ctor: "." === e2[1] ? H : "?" === e2[1] ? I : "@" === e2[1] ? L : k }), r2.removeAttribute(t3);
+        } else t3.startsWith(h$1) && (d2.push({ type: 6, index: c2 }), r2.removeAttribute(t3));
+        if ($.test(r2.tagName)) {
+          const t3 = r2.textContent.split(h$1), s3 = t3.length - 1;
+          if (s3 > 0) {
+            r2.textContent = i$3 ? i$3.emptyScript : "";
+            for (let i3 = 0; i3 < s3; i3++) r2.append(t3[i3], l$1()), C.nextNode(), d2.push({ type: 2, index: ++c2 });
+            r2.append(t3[s3], l$1());
+          }
+        }
+      } else if (8 === r2.nodeType) if (r2.data === o$4) d2.push({ type: 2, index: c2 });
+      else {
+        let t3 = -1;
+        for (; -1 !== (t3 = r2.data.indexOf(h$1, t3 + 1)); ) d2.push({ type: 7, index: c2 }), t3 += h$1.length - 1;
+      }
+      c2++;
     }
   }
-  if (activeConsumer.producerNode[idx] !== node) {
-    activeConsumer.producerNode[idx] = node;
-    activeConsumer.producerIndexOfThis[idx] = consumerIsLive(activeConsumer) ? producerAddLiveConsumer(node, activeConsumer, idx) : 0;
+  static createElement(t2, i3) {
+    const s2 = r$3.createElement("template");
+    return s2.innerHTML = t2, s2;
   }
-  activeConsumer.producerLastReadVersion[idx] = node.version;
 }
-function producerIncrementEpoch() {
-  epoch++;
+function S$1(t2, i3, s2 = t2, e2) {
+  if (i3 === T) return i3;
+  let h2 = void 0 !== e2 ? s2._$Co?.[e2] : s2._$Cl;
+  const o2 = c$2(i3) ? void 0 : i3._$litDirective$;
+  return h2?.constructor !== o2 && (h2?._$AO?.(false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t2), h2._$AT(t2, s2, e2)), void 0 !== e2 ? (s2._$Co ?? (s2._$Co = []))[e2] = h2 : s2._$Cl = h2), void 0 !== h2 && (i3 = S$1(t2, h2._$AS(t2, i3.values), h2, e2)), i3;
 }
-function producerUpdateValueVersion(node) {
-  if (!node.dirty && node.lastCleanEpoch === epoch) {
-    return;
+class M {
+  constructor(t2, i3) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i3;
   }
-  if (!node.producerMustRecompute(node) && !consumerPollProducersForChange(node)) {
-    node.dirty = false;
-    node.lastCleanEpoch = epoch;
-    return;
+  get parentNode() {
+    return this._$AM.parentNode;
   }
-  node.producerRecomputeValue(node);
-  node.dirty = false;
-  node.lastCleanEpoch = epoch;
-}
-function producerNotifyConsumers(node) {
-  if (node.liveConsumerNode === void 0) {
-    return;
+  get _$AU() {
+    return this._$AM._$AU;
   }
-  const prev = inNotificationPhase;
-  inNotificationPhase = true;
-  try {
-    for (const consumer of node.liveConsumerNode) {
-      if (!consumer.dirty) {
-        consumerMarkDirty(consumer);
+  u(t2) {
+    const { el: { content: i3 }, parts: s2 } = this._$AD, e2 = (t2?.creationScope ?? r$3).importNode(i3, true);
+    C.currentNode = e2;
+    let h2 = C.nextNode(), o2 = 0, n3 = 0, l2 = s2[0];
+    for (; void 0 !== l2; ) {
+      if (o2 === l2.index) {
+        let i4;
+        2 === l2.type ? i4 = new R(h2, h2.nextSibling, this, t2) : 1 === l2.type ? i4 = new l2.ctor(h2, l2.name, l2.strings, this, t2) : 6 === l2.type && (i4 = new z(h2, this, t2)), this._$AV.push(i4), l2 = s2[++n3];
       }
+      o2 !== l2?.index && (h2 = C.nextNode(), o2++);
     }
-  } finally {
-    inNotificationPhase = prev;
+    return C.currentNode = r$3, e2;
+  }
+  p(t2) {
+    let i3 = 0;
+    for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i3), i3 += s2.strings.length - 2) : s2._$AI(t2[i3])), i3++;
   }
 }
-function producerUpdatesAllowed() {
-  return (activeConsumer == null ? void 0 : activeConsumer.consumerAllowSignalWrites) !== false;
-}
-function consumerMarkDirty(node) {
-  var _a;
-  node.dirty = true;
-  producerNotifyConsumers(node);
-  (_a = node.consumerMarkedDirty) == null ? void 0 : _a.call(node.wrapper ?? node);
-}
-function consumerBeforeComputation(node) {
-  node && (node.nextProducerIndex = 0);
-  return setActiveConsumer(node);
-}
-function consumerAfterComputation(node, prevConsumer) {
-  setActiveConsumer(prevConsumer);
-  if (!node || node.producerNode === void 0 || node.producerIndexOfThis === void 0 || node.producerLastReadVersion === void 0) {
-    return;
+class R {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
   }
-  if (consumerIsLive(node)) {
-    for (let i3 = node.nextProducerIndex; i3 < node.producerNode.length; i3++) {
-      producerRemoveLiveConsumerAtIndex(node.producerNode[i3], node.producerIndexOfThis[i3]);
-    }
+  constructor(t2, i3, s2, e2) {
+    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s2, this.options = e2, this._$Cv = e2?.isConnected ?? true;
   }
-  while (node.producerNode.length > node.nextProducerIndex) {
-    node.producerNode.pop();
-    node.producerLastReadVersion.pop();
-    node.producerIndexOfThis.pop();
+  get parentNode() {
+    let t2 = this._$AA.parentNode;
+    const i3 = this._$AM;
+    return void 0 !== i3 && 11 === t2?.nodeType && (t2 = i3.parentNode), t2;
   }
-}
-function consumerPollProducersForChange(node) {
-  assertConsumerNode(node);
-  for (let i3 = 0; i3 < node.producerNode.length; i3++) {
-    const producer = node.producerNode[i3];
-    const seenVersion = node.producerLastReadVersion[i3];
-    if (seenVersion !== producer.version) {
-      return true;
-    }
-    producerUpdateValueVersion(producer);
-    if (seenVersion !== producer.version) {
-      return true;
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t2, i3 = this) {
+    t2 = S$1(this, t2, i3), c$2(t2) ? t2 === E || null == t2 || "" === t2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u$1(t2) ? this.k(t2) : this._(t2);
+  }
+  O(t2) {
+    return this._$AA.parentNode.insertBefore(t2, this._$AB);
+  }
+  T(t2) {
+    this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
+  }
+  _(t2) {
+    this._$AH !== E && c$2(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r$3.createTextNode(t2)), this._$AH = t2;
+  }
+  $(t2) {
+    const { values: i3, _$litType$: s2 } = t2, e2 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = N.createElement(P(s2.h, s2.h[0]), this.options)), s2);
+    if (this._$AH?._$AD === e2) this._$AH.p(i3);
+    else {
+      const t3 = new M(e2, this), s3 = t3.u(this.options);
+      t3.p(i3), this.T(s3), this._$AH = t3;
     }
   }
-  return false;
-}
-function producerAddLiveConsumer(node, consumer, indexOfThis) {
-  var _a;
-  assertProducerNode(node);
-  assertConsumerNode(node);
-  if (node.liveConsumerNode.length === 0) {
-    (_a = node.watched) == null ? void 0 : _a.call(node.wrapper);
-    for (let i3 = 0; i3 < node.producerNode.length; i3++) {
-      node.producerIndexOfThis[i3] = producerAddLiveConsumer(node.producerNode[i3], node, i3);
+  _$AC(t2) {
+    let i3 = A.get(t2.strings);
+    return void 0 === i3 && A.set(t2.strings, i3 = new N(t2)), i3;
+  }
+  k(t2) {
+    a$1(this._$AH) || (this._$AH = [], this._$AR());
+    const i3 = this._$AH;
+    let s2, e2 = 0;
+    for (const h2 of t2) e2 === i3.length ? i3.push(s2 = new R(this.O(l$1()), this.O(l$1()), this, this.options)) : s2 = i3[e2], s2._$AI(h2), e2++;
+    e2 < i3.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i3.length = e2);
+  }
+  _$AR(t2 = this._$AA.nextSibling, i3) {
+    for (this._$AP?.(false, true, i3); t2 !== this._$AB; ) {
+      const i4 = t2.nextSibling;
+      t2.remove(), t2 = i4;
     }
   }
-  node.liveConsumerIndexOfThis.push(indexOfThis);
-  return node.liveConsumerNode.push(consumer) - 1;
+  setConnected(t2) {
+    void 0 === this._$AM && (this._$Cv = t2, this._$AP?.(t2));
+  }
 }
-function producerRemoveLiveConsumerAtIndex(node, idx) {
-  var _a;
-  assertProducerNode(node);
-  assertConsumerNode(node);
-  if (typeof ngDevMode !== "undefined" && ngDevMode && idx >= node.liveConsumerNode.length) {
-    throw new Error(
-      `Assertion error: active consumer index ${idx} is out of bounds of ${node.liveConsumerNode.length} consumers)`
-    );
+class k {
+  get tagName() {
+    return this.element.tagName;
   }
-  if (node.liveConsumerNode.length === 1) {
-    (_a = node.unwatched) == null ? void 0 : _a.call(node.wrapper);
-    for (let i3 = 0; i3 < node.producerNode.length; i3++) {
-      producerRemoveLiveConsumerAtIndex(node.producerNode[i3], node.producerIndexOfThis[i3]);
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t2, i3, s2, e2, h2) {
+    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
+  }
+  _$AI(t2, i3 = this, s2, e2) {
+    const h2 = this.strings;
+    let o2 = false;
+    if (void 0 === h2) t2 = S$1(this, t2, i3, 0), o2 = !c$2(t2) || t2 !== this._$AH && t2 !== T, o2 && (this._$AH = t2);
+    else {
+      const e3 = t2;
+      let n3, r2;
+      for (t2 = h2[0], n3 = 0; n3 < h2.length - 1; n3++) r2 = S$1(this, e3[s2 + n3], i3, n3), r2 === T && (r2 = this._$AH[n3]), o2 || (o2 = !c$2(r2) || r2 !== this._$AH[n3]), r2 === E ? t2 = E : t2 !== E && (t2 += (r2 ?? "") + h2[n3 + 1]), this._$AH[n3] = r2;
     }
+    o2 && !e2 && this.j(t2);
   }
-  const lastIdx = node.liveConsumerNode.length - 1;
-  node.liveConsumerNode[idx] = node.liveConsumerNode[lastIdx];
-  node.liveConsumerIndexOfThis[idx] = node.liveConsumerIndexOfThis[lastIdx];
-  node.liveConsumerNode.length--;
-  node.liveConsumerIndexOfThis.length--;
-  if (idx < node.liveConsumerNode.length) {
-    const idxProducer = node.liveConsumerIndexOfThis[idx];
-    const consumer = node.liveConsumerNode[idx];
-    assertConsumerNode(consumer);
-    consumer.producerIndexOfThis[idxProducer] = idx;
+  j(t2) {
+    t2 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 ?? "");
   }
 }
-function consumerIsLive(node) {
-  var _a;
-  return node.consumerIsAlwaysLive || (((_a = node == null ? void 0 : node.liveConsumerNode) == null ? void 0 : _a.length) ?? 0) > 0;
+class H extends k {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t2) {
+    this.element[this.name] = t2 === E ? void 0 : t2;
+  }
 }
-function assertConsumerNode(node) {
-  node.producerNode ?? (node.producerNode = []);
-  node.producerIndexOfThis ?? (node.producerIndexOfThis = []);
-  node.producerLastReadVersion ?? (node.producerLastReadVersion = []);
+class I extends k {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t2) {
+    this.element.toggleAttribute(this.name, !!t2 && t2 !== E);
+  }
+}
+class L extends k {
+  constructor(t2, i3, s2, e2, h2) {
+    super(t2, i3, s2, e2, h2), this.type = 5;
+  }
+  _$AI(t2, i3 = this) {
+    if ((t2 = S$1(this, t2, i3, 0) ?? E) === T) return;
+    const s2 = this._$AH, e2 = t2 === E && s2 !== E || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== E && (s2 === E || e2);
+    e2 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
+  }
+  handleEvent(t2) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t2) : this._$AH.handleEvent(t2);
+  }
 }
-function assertProducerNode(node) {
-  node.liveConsumerNode ?? (node.liveConsumerNode = []);
-  node.liveConsumerIndexOfThis ?? (node.liveConsumerIndexOfThis = []);
+class z {
+  constructor(t2, i3, s2) {
+    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i3, this.options = s2;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t2) {
+    S$1(this, t2);
+  }
 }
+const j = t$1.litHtmlPolyfillSupport;
+j?.(N, R), (t$1.litHtmlVersions ?? (t$1.litHtmlVersions = [])).push("3.3.1");
+const B = (t2, i3, s2) => {
+  const e2 = s2?.renderBefore ?? i3;
+  let h2 = e2._$litPart$;
+  if (void 0 === h2) {
+    const t3 = s2?.renderBefore ?? null;
+    e2._$litPart$ = h2 = new R(i3.insertBefore(l$1(), t3), t3, void 0, s2 ?? {});
+  }
+  return h2._$AI(t2), h2;
+};
 /**
  * @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
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
  */
-function computedGet(node) {
-  producerUpdateValueVersion(node);
-  producerAccessed(node);
-  if (node.value === ERRORED) {
-    throw node.error;
+Signal.State;
+Signal.Computed;
+const r$2 = (l2, o2) => new Signal.State(l2, o2);
+const defaultScalingConfig = {
+  mode: "auto",
+  baseWidth: 280,
+  minScale: 0.75,
+  maxScale: 2
+};
+const scalingFactor = r$2(1);
+const scalingConfig = r$2(defaultScalingConfig);
+function detectMobileDevice() {
+  if (typeof navigator === "undefined" || typeof window === "undefined") {
+    return false;
   }
-  return node.value;
-}
-function createComputed(computation) {
-  const node = Object.create(COMPUTED_NODE);
-  node.computation = computation;
-  const computed = () => computedGet(node);
-  computed[SIGNAL] = node;
-  return computed;
+  const nav = navigator;
+  const win = window;
+  const ua = nav && (nav.userAgent || nav.vendor) || win && win.opera || "";
+  const uaMatchesMobile = /Mobile|Android|iP(ad|hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)|Windows Phone|Phone|Tablet/i.test(
+    ua
+  );
+  const touchPoints = nav && nav.maxTouchPoints || 0;
+  const isTouchCapable = touchPoints > 1;
+  const narrowViewport = win ? Math.min(win.innerWidth || 0, win.innerHeight || 0) <= 820 : false;
+  return uaMatchesMobile || isTouchCapable && narrowViewport;
 }
-const UNSET = /* @__PURE__ */ Symbol("UNSET");
-const COMPUTING = /* @__PURE__ */ Symbol("COMPUTING");
-const ERRORED = /* @__PURE__ */ Symbol("ERRORED");
-const COMPUTED_NODE = /* @__PURE__ */ (() => {
+function getDeviceInfo() {
+  const isMobile = detectMobileDevice();
+  const nav = navigator;
+  const win = window;
+  const touchPoints = nav && nav.maxTouchPoints || 0;
+  const isTouchCapable = touchPoints > 1;
+  const screenWidth = typeof document !== "undefined" ? document.documentElement.clientWidth : win?.innerWidth || 0;
+  const screenHeight = typeof document !== "undefined" ? document.documentElement.clientHeight : win?.innerHeight || 0;
+  const isTablet = isMobile && Math.min(screenWidth, screenHeight) >= 600;
   return {
-    ...REACTIVE_NODE,
-    value: UNSET,
-    dirty: true,
-    error: null,
-    equal: defaultEquals,
-    producerMustRecompute(node) {
-      return node.value === UNSET || node.value === COMPUTING;
-    },
-    producerRecomputeValue(node) {
-      if (node.value === COMPUTING) {
-        throw new Error("Detected cycle in computations.");
-      }
-      const oldValue = node.value;
-      node.value = COMPUTING;
-      const prevConsumer = consumerBeforeComputation(node);
-      let newValue;
-      let wasEqual = false;
-      try {
-        newValue = node.computation.call(node.wrapper);
-        const oldOk = oldValue !== UNSET && oldValue !== ERRORED;
-        wasEqual = oldOk && node.equal.call(node.wrapper, oldValue, newValue);
-      } catch (err) {
-        newValue = ERRORED;
-        node.error = err;
-      } finally {
-        consumerAfterComputation(node, prevConsumer);
-      }
-      if (wasEqual) {
-        node.value = oldValue;
-        return;
-      }
-      node.value = newValue;
-      node.version++;
-    }
+    isMobile,
+    isTablet,
+    isDesktop: !isMobile,
+    isTouchCapable,
+    deviceType: isMobile ? isTablet ? "tablet" : "mobile" : "desktop",
+    userAgent: nav && (nav.userAgent || nav.vendor) || "",
+    screenWidth,
+    screenHeight
   };
-})();
-/**
- * @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 defaultThrowError() {
-  throw new Error();
 }
-let throwInvalidWriteToSignalErrorFn = defaultThrowError;
-function throwInvalidWriteToSignalError() {
-  throwInvalidWriteToSignalErrorFn();
+function calculateScalingFactor(viewportWidth, config = scalingConfig.get()) {
+  if (config.mode === "fixed") {
+    return 1;
+  }
+  const rawScale = viewportWidth / config.baseWidth;
+  const clampedScale = Math.max(
+    config.minScale,
+    Math.min(config.maxScale, rawScale)
+  );
+  return Number(clampedScale.toFixed(3));
 }
-/**
- * @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 createSignal(initialValue) {
-  const node = Object.create(SIGNAL_NODE);
-  node.value = initialValue;
-  const getter = () => {
-    producerAccessed(node);
-    return node.value;
-  };
-  getter[SIGNAL] = node;
-  return getter;
+function setScalingConfig(config) {
+  const currentConfig = scalingConfig.get();
+  const newConfig = { ...currentConfig, ...config };
+  scalingConfig.set(newConfig);
+  if (typeof window !== "undefined") {
+    updateScalingFactor();
+  }
 }
-function signalGetFn() {
-  producerAccessed(this);
-  return this.value;
+function updateScalingFactor() {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return;
+  }
+  const isMobile = detectMobileDevice();
+  if (!isMobile) {
+    const factor = 1;
+    scalingFactor.set(factor);
+    document.documentElement.style.setProperty("--sf", factor.toString());
+    window.dispatchEvent(
+      new CustomEvent("scaling-changed", {
+        detail: { scalingFactor: factor, config: scalingConfig.get() }
+      })
+    );
+    return;
+  }
+  const viewportWidth = document.documentElement.clientWidth;
+  const config = scalingConfig.get();
+  const newFactor = calculateScalingFactor(viewportWidth, config);
+  scalingFactor.set(newFactor);
+  document.documentElement.style.setProperty("--sf", newFactor.toString());
+  window.dispatchEvent(
+    new CustomEvent("scaling-changed", {
+      detail: { scalingFactor: newFactor, config }
+    })
+  );
 }
-function signalSetFn(node, newValue) {
-  if (!producerUpdatesAllowed()) {
-    throwInvalidWriteToSignalError();
+function getScalingFactor() {
+  return scalingFactor.get();
+}
+function scale(designPx) {
+  return designPx * scalingFactor.get();
+}
+function unscale(scaledPx) {
+  const factor = scalingFactor.get();
+  return factor === 0 ? scaledPx : scaledPx / factor;
+}
+function initDeviceDetection() {
+  const deviceInfo = getDeviceInfo();
+  if (typeof document === "undefined") {
+    return deviceInfo;
   }
-  if (!node.equal.call(node.wrapper, node.value, newValue)) {
-    node.value = newValue;
-    signalValueChanged(node);
+  if (deviceInfo.isMobile) {
+    document.documentElement.classList.add("mobile");
+    document.documentElement.classList.remove("desktop");
+  } else {
+    document.documentElement.classList.add("desktop");
+    document.documentElement.classList.remove("mobile");
+  }
+  updateScalingFactor();
+  const factor = scalingFactor.get();
+  if (deviceInfo.isMobile) {
+    console.log(
+      `[DS one] Mobile device detected - ${deviceInfo.deviceType} (${deviceInfo.screenWidth}x${deviceInfo.screenHeight}), scaling factor: ${factor.toFixed(2)}`
+    );
+  } else {
+    console.log(
+      `[DS one] Desktop device detected (${deviceInfo.screenWidth}x${deviceInfo.screenHeight})`
+    );
+  }
+  if (typeof window !== "undefined" && window.DS_ONE_DEBUG) {
+    console.log("[DS one] Device Info:", {
+      type: deviceInfo.deviceType,
+      isMobile: deviceInfo.isMobile,
+      isTablet: deviceInfo.isTablet,
+      isDesktop: deviceInfo.isDesktop,
+      isTouchCapable: deviceInfo.isTouchCapable,
+      viewport: `${deviceInfo.screenWidth}x${deviceInfo.screenHeight}`,
+      scalingFactor: factor,
+      userAgent: deviceInfo.userAgent
+    });
   }
+  return deviceInfo;
 }
-const SIGNAL_NODE = /* @__PURE__ */ (() => {
-  return {
-    ...REACTIVE_NODE,
-    equal: defaultEquals,
-    value: void 0
-  };
-})();
-function signalValueChanged(node) {
-  node.version++;
-  producerIncrementEpoch();
-  producerNotifyConsumers(node);
+if (typeof window !== "undefined") {
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      initDeviceDetection();
+    });
+  } else {
+    initDeviceDetection();
+  }
+  let resizeTimeout;
+  window.addEventListener("resize", () => {
+    clearTimeout(resizeTimeout);
+    resizeTimeout = setTimeout(() => {
+      initDeviceDetection();
+    }, 100);
+  });
+  window.addEventListener("orientationchange", () => {
+    setTimeout(initDeviceDetection, 100);
+  });
 }
-/**
- * @license
- * Copyright 2024 Bloomberg Finance L.P.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const NODE = Symbol("node");
-var Signal;
-((Signal2) => {
-  var _a, _brand, _b, _brand2;
-  class State {
-    constructor(initialValue, options = {}) {
-      __privateAdd(this, _brand);
-      __publicField(this, _a);
-      const ref = createSignal(initialValue);
-      const node = ref[SIGNAL];
-      this[NODE] = node;
-      node.wrapper = this;
-      if (options) {
-        const equals = options.equals;
-        if (equals) {
-          node.equal = equals;
-        }
-        node.watched = options[Signal2.subtle.watched];
-        node.unwatched = options[Signal2.subtle.unwatched];
-      }
-    }
-    get() {
-      if (!(0, Signal2.isState)(this))
-        throw new TypeError("Wrong receiver type for Signal.State.prototype.get");
-      return signalGetFn.call(this[NODE]);
-    }
-    set(newValue) {
-      if (!(0, Signal2.isState)(this))
-        throw new TypeError("Wrong receiver type for Signal.State.prototype.set");
-      if (isInNotificationPhase()) {
-        throw new Error("Writes to signals not permitted during Watcher callback");
-      }
-      const ref = this[NODE];
-      signalSetFn(ref, newValue);
-    }
+function applike() {
+  if (typeof document === "undefined" || typeof window === "undefined") {
+    return;
   }
-  _a = NODE;
-  _brand = /* @__PURE__ */ new WeakSet();
-  Signal2.isState = (s2) => typeof s2 === "object" && __privateIn(_brand, s2);
-  Signal2.State = State;
-  class Computed {
-    // Create a Signal which evaluates to the value returned by the callback.
-    // Callback is called with this signal as the parameter.
-    constructor(computation, options) {
-      __privateAdd(this, _brand2);
-      __publicField(this, _b);
-      const ref = createComputed(computation);
-      const node = ref[SIGNAL];
-      node.consumerAllowSignalWrites = true;
-      this[NODE] = node;
-      node.wrapper = this;
-      if (options) {
-        const equals = options.equals;
-        if (equals) {
-          node.equal = equals;
-        }
-        node.watched = options[Signal2.subtle.watched];
-        node.unwatched = options[Signal2.subtle.unwatched];
-      }
-    }
-    get() {
-      if (!(0, Signal2.isComputed)(this))
-        throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");
-      return computedGet(this[NODE]);
-    }
+  let viewport = document.querySelector('meta[name="viewport"]');
+  if (!viewport) {
+    viewport = document.createElement("meta");
+    viewport.setAttribute("name", "viewport");
+    document.head.appendChild(viewport);
   }
-  _b = NODE;
-  _brand2 = /* @__PURE__ */ new WeakSet();
-  Signal2.isComputed = (c2) => typeof c2 === "object" && __privateIn(_brand2, c2);
-  Signal2.Computed = Computed;
-  ((subtle2) => {
-    var _a2, _brand3, _assertSignals, assertSignals_fn;
-    function untrack(cb) {
-      let output;
-      let prevActiveConsumer = null;
-      try {
-        prevActiveConsumer = setActiveConsumer(null);
-        output = cb();
-      } finally {
-        setActiveConsumer(prevActiveConsumer);
-      }
-      return output;
-    }
-    subtle2.untrack = untrack;
-    function introspectSources(sink) {
-      var _a3;
-      if (!(0, Signal2.isComputed)(sink) && !(0, Signal2.isWatcher)(sink)) {
-        throw new TypeError("Called introspectSources without a Computed or Watcher argument");
-      }
-      return ((_a3 = sink[NODE].producerNode) == null ? void 0 : _a3.map((n3) => n3.wrapper)) ?? [];
-    }
-    subtle2.introspectSources = introspectSources;
-    function introspectSinks(signal) {
-      var _a3;
-      if (!(0, Signal2.isComputed)(signal) && !(0, Signal2.isState)(signal)) {
-        throw new TypeError("Called introspectSinks without a Signal argument");
-      }
-      return ((_a3 = signal[NODE].liveConsumerNode) == null ? void 0 : _a3.map((n3) => n3.wrapper)) ?? [];
-    }
-    subtle2.introspectSinks = introspectSinks;
-    function hasSinks(signal) {
-      if (!(0, Signal2.isComputed)(signal) && !(0, Signal2.isState)(signal)) {
-        throw new TypeError("Called hasSinks without a Signal argument");
-      }
-      const liveConsumerNode = signal[NODE].liveConsumerNode;
-      if (!liveConsumerNode)
-        return false;
-      return liveConsumerNode.length > 0;
+  viewport.setAttribute(
+    "content",
+    "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+  );
+  const style = document.createElement("style");
+  style.id = "ds-one-applike-style";
+  style.textContent = `
+    * {
+      touch-action: pan-x pan-y !important;
+      -ms-touch-action: pan-x pan-y !important;
     }
-    subtle2.hasSinks = hasSinks;
-    function hasSources(signal) {
-      if (!(0, Signal2.isComputed)(signal) && !(0, Signal2.isWatcher)(signal)) {
-        throw new TypeError("Called hasSources without a Computed or Watcher argument");
-      }
-      const producerNode = signal[NODE].producerNode;
-      if (!producerNode)
-        return false;
-      return producerNode.length > 0;
+    html, body {
+      touch-action: pan-x pan-y !important;
+      -ms-touch-action: pan-x pan-y !important;
     }
-    subtle2.hasSources = hasSources;
-    class Watcher {
-      // 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(notify) {
-        __privateAdd(this, _brand3);
-        __privateAdd(this, _assertSignals);
-        __publicField(this, _a2);
-        let node = Object.create(REACTIVE_NODE);
-        node.wrapper = this;
-        node.consumerMarkedDirty = notify;
-        node.consumerIsAlwaysLive = true;
-        node.consumerAllowSignalWrites = false;
-        node.producerNode = [];
-        this[NODE] = node;
-      }
-      // 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.
-      // Can be called with no arguments just to reset the "notified" state, so that
-      // the notify callback will be invoked again.
-      watch(...signals) {
-        if (!(0, Signal2.isWatcher)(this)) {
-          throw new TypeError("Called unwatch without Watcher receiver");
-        }
-        __privateMethod(this, _assertSignals, assertSignals_fn).call(this, signals);
-        const node = this[NODE];
-        node.dirty = false;
-        const prev = setActiveConsumer(node);
-        for (const signal of signals) {
-          producerAccessed(signal[NODE]);
-        }
-        setActiveConsumer(prev);
+  `;
+  const existingStyle = document.getElementById("ds-one-applike-style");
+  if (existingStyle) {
+    existingStyle.remove();
+  }
+  document.head.appendChild(style);
+  let lastTouchEnd = 0;
+  let touchStartTime = 0;
+  const preventZoom = (event) => {
+    if (event instanceof TouchEvent) {
+      if (event.touches.length > 1) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
       }
-      // Remove these signals from the watched set (e.g., for an effect which is disposed)
-      unwatch(...signals) {
-        if (!(0, Signal2.isWatcher)(this)) {
-          throw new TypeError("Called unwatch without Watcher receiver");
+      const now = Date.now();
+      if (event.type === "touchstart") {
+        if (now - lastTouchEnd < 300) {
+          event.preventDefault();
+          event.stopPropagation();
+          return;
         }
-        __privateMethod(this, _assertSignals, assertSignals_fn).call(this, signals);
-        const node = this[NODE];
-        assertConsumerNode(node);
-        for (let i3 = node.producerNode.length - 1; i3 >= 0; i3--) {
-          if (signals.includes(node.producerNode[i3].wrapper)) {
-            producerRemoveLiveConsumerAtIndex(node.producerNode[i3], node.producerIndexOfThis[i3]);
-            const lastIdx = node.producerNode.length - 1;
-            node.producerNode[i3] = node.producerNode[lastIdx];
-            node.producerIndexOfThis[i3] = node.producerIndexOfThis[lastIdx];
-            node.producerNode.length--;
-            node.producerIndexOfThis.length--;
-            node.nextProducerIndex--;
-            if (i3 < node.producerNode.length) {
-              const idxConsumer = node.producerIndexOfThis[i3];
-              const producer = node.producerNode[i3];
-              assertProducerNode(producer);
-              producer.liveConsumerIndexOfThis[idxConsumer] = i3;
-            }
-          }
+        touchStartTime = now;
+      } else if (event.type === "touchend") {
+        const touchDuration = now - touchStartTime;
+        if (touchDuration < 300 && now - lastTouchEnd < 300) {
+          event.preventDefault();
+          event.stopPropagation();
+          return;
         }
-      }
-      // Returns the set of computeds in the Watcher's set which are still yet
-      // to be re-evaluated
-      getPending() {
-        if (!(0, Signal2.isWatcher)(this)) {
-          throw new TypeError("Called getPending without Watcher receiver");
+        lastTouchEnd = now;
+      } else if (event.type === "touchmove") {
+        if (event.touches.length > 1) {
+          event.preventDefault();
+          event.stopPropagation();
+          return;
         }
-        const node = this[NODE];
-        return node.producerNode.filter((n3) => n3.dirty).map((n3) => n3.wrapper);
       }
     }
-    _a2 = NODE;
-    _brand3 = /* @__PURE__ */ new WeakSet();
-    _assertSignals = /* @__PURE__ */ new WeakSet();
-    assertSignals_fn = function(signals) {
-      for (const signal of signals) {
-        if (!(0, Signal2.isComputed)(signal) && !(0, Signal2.isState)(signal)) {
-          throw new TypeError("Called watch/unwatch without a Computed or State argument");
-        }
-      }
-    };
-    Signal2.isWatcher = (w) => __privateIn(_brand3, w);
-    subtle2.Watcher = Watcher;
-    function currentComputed() {
-      var _a3;
-      return (_a3 = getActiveConsumer()) == null ? void 0 : _a3.wrapper;
+    if (event instanceof WheelEvent && (event.ctrlKey || event.metaKey)) {
+      event.preventDefault();
+      event.stopPropagation();
+      return;
     }
-    subtle2.currentComputed = currentComputed;
-    subtle2.watched = Symbol("watched");
-    subtle2.unwatched = Symbol("unwatched");
-  })(Signal2.subtle || (Signal2.subtle = {}));
-})(Signal || (Signal = {}));
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-new FinalizationRegistry((({ watcher: t2, signal: i3 }) => {
-  t2.unwatch(i3);
-}));
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$2 = { CHILD: 2 }, e$4 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
-let i$4 = class i {
-  constructor(t2) {
+  };
+  const options = { passive: false, capture: true };
+  document.addEventListener("touchstart", preventZoom, options);
+  document.addEventListener("touchmove", preventZoom, options);
+  document.addEventListener("touchend", preventZoom, options);
+  document.addEventListener("touchcancel", preventZoom, options);
+  document.addEventListener("wheel", preventZoom, options);
+  document.addEventListener(
+    "gesturestart",
+    (e2) => {
+      e2.preventDefault();
+      e2.stopPropagation();
+    },
+    options
+  );
+  document.addEventListener(
+    "gesturechange",
+    (e2) => {
+      e2.preventDefault();
+      e2.stopPropagation();
+    },
+    options
+  );
+  document.addEventListener(
+    "gestureend",
+    (e2) => {
+      e2.preventDefault();
+      e2.stopPropagation();
+    },
+    options
+  );
+}
+let translationKeys = {};
+const LANGUAGE_PRIORITY_ORDER = [
+  "da",
+  "de",
+  "en",
+  "es",
+  "fr",
+  "it",
+  "ja",
+  "pt",
+  "sv",
+  "zh"
+];
+const LANGUAGE_PRIORITY_LOOKUP = new Map(
+  LANGUAGE_PRIORITY_ORDER.map((code, index) => [code, index])
+);
+const FALLBACK_LANGUAGE_NAMES = {
+  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"
+};
+const DISPLAY_NAME_CACHE = /* @__PURE__ */ new Map();
+let displayNameFallbackWarningShown = false;
+const DEFAULT_TRANSLATION_FILE = "./translations.json";
+let loadAttempted = false;
+function normalizeCandidate(path) {
+  if (!path) {
+    return null;
   }
-  get _$AU() {
-    return this._$AM._$AU;
+  const trimmed = path.trim();
+  if (!trimmed) {
+    return null;
   }
-  _$AT(t2, e2, i3) {
-    this._$Ct = t2, this._$AM = e2, this._$Ci = i3;
+  if (trimmed.startsWith("./") || trimmed.startsWith("../") || trimmed.startsWith("/") || /^https?:\/\//i.test(trimmed)) {
+    return trimmed;
   }
-  _$AS(t2, e2) {
-    return this.update(t2, e2);
+  return `./${trimmed}`;
+}
+function findAttributeCandidate() {
+  if (typeof document === "undefined") {
+    return null;
   }
-  update(t2, e2) {
-    return this.render(...e2);
+  const scriptWithAttribute = document.querySelector(
+    "script[data-ds-one-translations]"
+  );
+  const scriptCandidate = scriptWithAttribute?.getAttribute(
+    "data-ds-one-translations"
+  );
+  if (scriptCandidate) {
+    return scriptCandidate;
   }
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$1 = globalThis, i$3 = t$1.trustedTypes, s$2 = i$3 ? i$3.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$3 = "$lit$", h$1 = `lit$${Math.random().toFixed(9).slice(2)}$`, o$4 = "?" + h$1, n$2 = `<${o$4}>`, r$3 = document, l$1 = () => r$3.createComment(""), c$2 = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, a$1 = Array.isArray, u$1 = (t2) => a$1(t2) || "function" == typeof t2?.[Symbol.iterator], d$1 = "[ 	\n\f\r]", f$1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d$1}(?:([^\\s"'>=/]+)(${d$1}*=${d$1}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), p$1 = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y$1 = (t2) => (i3, ...s2) => ({ _$litType$: t2, strings: i3, values: s2 }), x = y$1(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r$3.createTreeWalker(r$3, 129);
-function P(t2, i3) {
-  if (!a$1(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return void 0 !== s$2 ? s$2.createHTML(i3) : i3;
+  const metaCandidate = document.querySelector('meta[name="ds-one:translations"]')?.getAttribute("content");
+  if (metaCandidate) {
+    return metaCandidate;
+  }
+  const linkCandidate = document.querySelector('link[rel="ds-one-translations"]')?.getAttribute("href");
+  if (linkCandidate) {
+    return linkCandidate;
+  }
+  return null;
 }
-const V = (t2, i3) => {
-  const s2 = t2.length - 1, o2 = [];
-  let r2, l2 = 2 === i3 ? "<svg>" : 3 === i3 ? "<math>" : "", c2 = f$1;
-  for (let i4 = 0; i4 < s2; i4++) {
-    const s3 = t2[i4];
-    let a2, u2, d2 = -1, y2 = 0;
-    for (; y2 < s3.length && (c2.lastIndex = y2, u2 = c2.exec(s3), null !== u2); ) y2 = c2.lastIndex, c2 === f$1 ? "!--" === u2[1] ? c2 = v : void 0 !== u2[1] ? c2 = _ : void 0 !== u2[2] ? ($.test(u2[2]) && (r2 = RegExp("</" + u2[2], "g")), c2 = m) : void 0 !== u2[3] && (c2 = m) : c2 === m ? ">" === u2[0] ? (c2 = r2 ?? f$1, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? m : '"' === u2[3] ? g : p$1) : c2 === g || c2 === p$1 ? c2 = m : c2 === v || c2 === _ ? c2 = f$1 : (c2 = m, r2 = void 0);
-    const x2 = c2 === m && t2[i4 + 1].startsWith("/>") ? " " : "";
-    l2 += c2 === f$1 ? s3 + n$2 : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e$3 + s3.slice(d2) + h$1 + x2) : s3 + h$1 + (-2 === d2 ? i4 : x2);
+function resolveTranslationSources() {
+  const candidates = [];
+  const windowCandidate = typeof window !== "undefined" ? window.DS_ONE_TRANSLATIONS_FILE : null;
+  const attributeCandidate = findAttributeCandidate();
+  const windowNormalized = normalizeCandidate(windowCandidate ?? "");
+  if (windowNormalized) {
+    candidates.push(windowNormalized);
   }
-  return [P(t2, l2 + (t2[s2] || "<?>") + (2 === i3 ? "</svg>" : 3 === i3 ? "</math>" : "")), o2];
-};
-class N {
-  constructor({ strings: t2, _$litType$: s2 }, n3) {
-    let r2;
-    this.parts = [];
-    let c2 = 0, a2 = 0;
-    const u2 = t2.length - 1, d2 = this.parts, [f2, v2] = V(t2, s2);
-    if (this.el = N.createElement(f2, n3), C.currentNode = this.el.content, 2 === s2 || 3 === s2) {
-      const t3 = this.el.content.firstChild;
-      t3.replaceWith(...t3.childNodes);
+  const attrNormalized = normalizeCandidate(attributeCandidate ?? "");
+  if (attrNormalized && !candidates.includes(attrNormalized)) {
+    candidates.push(attrNormalized);
+  }
+  if (candidates.length === 0) {
+    candidates.push(DEFAULT_TRANSLATION_FILE);
+  }
+  return candidates;
+}
+function validateTranslationMap(candidate) {
+  if (!candidate || typeof candidate !== "object") {
+    return false;
+  }
+  return Object.values(candidate).every(
+    (entry) => entry && typeof entry === "object"
+  );
+}
+async function fetchTranslationFile(source) {
+  try {
+    const response = await fetch(source);
+    if (!response.ok) {
+      return null;
     }
-    for (; null !== (r2 = C.nextNode()) && d2.length < u2; ) {
-      if (1 === r2.nodeType) {
-        if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(e$3)) {
-          const i3 = v2[a2++], s3 = r2.getAttribute(t3).split(h$1), e2 = /([.?@])?(.*)/.exec(i3);
-          d2.push({ type: 1, index: c2, name: e2[2], strings: s3, ctor: "." === e2[1] ? H : "?" === e2[1] ? I : "@" === e2[1] ? L : k }), r2.removeAttribute(t3);
-        } else t3.startsWith(h$1) && (d2.push({ type: 6, index: c2 }), r2.removeAttribute(t3));
-        if ($.test(r2.tagName)) {
-          const t3 = r2.textContent.split(h$1), s3 = t3.length - 1;
-          if (s3 > 0) {
-            r2.textContent = i$3 ? i$3.emptyScript : "";
-            for (let i3 = 0; i3 < s3; i3++) r2.append(t3[i3], l$1()), C.nextNode(), d2.push({ type: 2, index: ++c2 });
-            r2.append(t3[s3], l$1());
-          }
-        }
-      } else if (8 === r2.nodeType) if (r2.data === o$4) d2.push({ type: 2, index: c2 });
-      else {
-        let t3 = -1;
-        for (; -1 !== (t3 = r2.data.indexOf(h$1, t3 + 1)); ) d2.push({ type: 7, index: c2 }), t3 += h$1.length - 1;
-      }
-      c2++;
+    const translations = await response.json();
+    if (!validateTranslationMap(translations)) {
+      console.warn(
+        `[DS one] Invalid translation format in ${source}. Expected object with language codes as keys.`
+      );
+      return null;
     }
+    const languages = Object.keys(translations);
+    if (languages.length === 0) {
+      console.warn(`[DS one] No languages found in ${source}`);
+      return null;
+    }
+    return translations;
+  } catch {
+    return null;
   }
-  static createElement(t2, i3) {
-    const s2 = r$3.createElement("template");
-    return s2.innerHTML = t2, s2;
-  }
-}
-function S$1(t2, i3, s2 = t2, e2) {
-  if (i3 === T) return i3;
-  let h2 = void 0 !== e2 ? s2._$Co?.[e2] : s2._$Cl;
-  const o2 = c$2(i3) ? void 0 : i3._$litDirective$;
-  return h2?.constructor !== o2 && (h2?._$AO?.(false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t2), h2._$AT(t2, s2, e2)), void 0 !== e2 ? (s2._$Co ?? (s2._$Co = []))[e2] = h2 : s2._$Cl = h2), void 0 !== h2 && (i3 = S$1(t2, h2._$AS(t2, i3.values), h2, e2)), i3;
 }
-class M {
-  constructor(t2, i3) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i3;
+async function loadExternalTranslations() {
+  if (loadAttempted) {
+    return false;
   }
-  get parentNode() {
-    return this._$AM.parentNode;
+  loadAttempted = true;
+  if (typeof window === "undefined") {
+    return false;
   }
-  get _$AU() {
-    return this._$AM._$AU;
+  if (window.DS_ONE_TRANSLATIONS && Object.keys(window.DS_ONE_TRANSLATIONS).length > 0) {
+    console.log(
+      `[DS one] Translations already loaded (${Object.keys(window.DS_ONE_TRANSLATIONS).length} languages), skipping auto-load`
+    );
+    return true;
   }
-  u(t2) {
-    const { el: { content: i3 }, parts: s2 } = this._$AD, e2 = (t2?.creationScope ?? r$3).importNode(i3, true);
-    C.currentNode = e2;
-    let h2 = C.nextNode(), o2 = 0, n3 = 0, l2 = s2[0];
-    for (; void 0 !== l2; ) {
-      if (o2 === l2.index) {
-        let i4;
-        2 === l2.type ? i4 = new R(h2, h2.nextSibling, this, t2) : 1 === l2.type ? i4 = new l2.ctor(h2, l2.name, l2.strings, this, t2) : 6 === l2.type && (i4 = new z(h2, this, t2)), this._$AV.push(i4), l2 = s2[++n3];
-      }
-      o2 !== l2?.index && (h2 = C.nextNode(), o2++);
+  const sources = resolveTranslationSources();
+  for (const source of sources) {
+    const translations = await fetchTranslationFile(source);
+    if (!translations) {
+      continue;
     }
-    return C.currentNode = r$3, e2;
-  }
-  p(t2) {
-    let i3 = 0;
-    for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i3), i3 += s2.strings.length - 2) : s2._$AI(t2[i3])), i3++;
+    window.DS_ONE_TRANSLATIONS = translations;
+    const languages = Object.keys(translations);
+    console.log(
+      `[DS one] External translations loaded from ${source}: ${languages.length} language(s) – ${languages.join(", ")}`
+    );
+    window.dispatchEvent(new CustomEvent("translations-ready"));
+    return true;
   }
+  console.info(
+    `[DS one] No external translations found at ${sources[0] ?? DEFAULT_TRANSLATION_FILE}. Using bundled translations.`
+  );
+  return false;
 }
-class R {
-  get _$AU() {
-    return this._$AM?._$AU ?? this._$Cv;
-  }
-  constructor(t2, i3, s2, e2) {
-    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s2, this.options = e2, this._$Cv = e2?.isConnected ?? true;
+function getTranslationData() {
+  if (typeof window !== "undefined" && window.DS_ONE_TRANSLATIONS) {
+    return window.DS_ONE_TRANSLATIONS;
   }
-  get parentNode() {
-    let t2 = this._$AA.parentNode;
-    const i3 = this._$AM;
-    return void 0 !== i3 && 11 === t2?.nodeType && (t2 = i3.parentNode), t2;
+  return translationKeys;
+}
+let translationData = getTranslationData();
+const defaultLanguage = "en";
+function extractPrimarySubtag(code) {
+  if (!code) {
+    return "";
   }
-  get startNode() {
-    return this._$AA;
+  return code.toLowerCase().split(/[-_]/)[0] ?? "";
+}
+function getLanguagePriority(code) {
+  const primary = extractPrimarySubtag(code);
+  const priority = LANGUAGE_PRIORITY_LOOKUP.get(primary);
+  if (typeof priority === "number") {
+    return priority;
   }
-  get endNode() {
-    return this._$AB;
+  return LANGUAGE_PRIORITY_ORDER.length;
+}
+function sortLanguageCodes(codes) {
+  return [...codes].sort((a2, b2) => {
+    const priorityA = getLanguagePriority(a2);
+    const priorityB = getLanguagePriority(b2);
+    if (priorityA !== priorityB) {
+      return priorityA - priorityB;
+    }
+    return a2.localeCompare(b2);
+  });
+}
+function getDisplayNameForLocale(locale, code) {
+  const normalizedLocale = locale?.replace("_", "-");
+  if (!normalizedLocale) {
+    return void 0;
   }
-  _$AI(t2, i3 = this) {
-    t2 = S$1(this, t2, i3), c$2(t2) ? t2 === E || null == t2 || "" === t2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u$1(t2) ? this.k(t2) : this._(t2);
+  try {
+    let displayNames = DISPLAY_NAME_CACHE.get(normalizedLocale);
+    if (!displayNames) {
+      displayNames = new Intl.DisplayNames([normalizedLocale], {
+        type: "language"
+      });
+      DISPLAY_NAME_CACHE.set(normalizedLocale, displayNames);
+    }
+    const cleanedCode = code.replace("_", "-");
+    const fullMatch = displayNames.of(cleanedCode);
+    if (fullMatch && fullMatch !== cleanedCode) {
+      return fullMatch;
+    }
+    const baseMatch = displayNames.of(extractPrimarySubtag(cleanedCode));
+    if (baseMatch) {
+      return baseMatch;
+    }
+  } catch (error) {
+    if (!displayNameFallbackWarningShown) {
+      console.info(
+        "[DS one] Intl.DisplayNames is not available, using fallback language names."
+      );
+      displayNameFallbackWarningShown = true;
+    }
   }
-  O(t2) {
-    return this._$AA.parentNode.insertBefore(t2, this._$AB);
+  return void 0;
+}
+function getFallbackDisplayName(code) {
+  const normalized = code.toLowerCase().replace("_", "-");
+  const direct = FALLBACK_LANGUAGE_NAMES[normalized];
+  if (direct) {
+    return direct;
   }
-  T(t2) {
-    this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
+  const primary = extractPrimarySubtag(normalized);
+  return FALLBACK_LANGUAGE_NAMES[primary];
+}
+function getLanguageDisplayName(code, options = {}) {
+  if (!code) {
+    return "";
   }
-  _(t2) {
-    this._$AH !== E && c$2(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r$3.createTextNode(t2)), this._$AH = t2;
+  const localesToTry = [];
+  if (options.locale) {
+    localesToTry.push(options.locale);
   }
-  $(t2) {
-    const { values: i3, _$litType$: s2 } = t2, e2 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = N.createElement(P(s2.h, s2.h[0]), this.options)), s2);
-    if (this._$AH?._$AD === e2) this._$AH.p(i3);
-    else {
-      const t3 = new M(e2, this), s3 = t3.u(this.options);
-      t3.p(i3), this.T(s3), this._$AH = t3;
+  if (typeof navigator !== "undefined") {
+    if (Array.isArray(navigator.languages)) {
+      localesToTry.push(...navigator.languages);
+    }
+    if (navigator.language) {
+      localesToTry.push(navigator.language);
     }
   }
-  _$AC(t2) {
-    let i3 = A.get(t2.strings);
-    return void 0 === i3 && A.set(t2.strings, i3 = new N(t2)), i3;
-  }
-  k(t2) {
-    a$1(this._$AH) || (this._$AH = [], this._$AR());
-    const i3 = this._$AH;
-    let s2, e2 = 0;
-    for (const h2 of t2) e2 === i3.length ? i3.push(s2 = new R(this.O(l$1()), this.O(l$1()), this, this.options)) : s2 = i3[e2], s2._$AI(h2), e2++;
-    e2 < i3.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i3.length = e2);
-  }
-  _$AR(t2 = this._$AA.nextSibling, i3) {
-    for (this._$AP?.(false, true, i3); t2 !== this._$AB; ) {
-      const i4 = t2.nextSibling;
-      t2.remove(), t2 = i4;
+  localesToTry.push(defaultLanguage);
+  localesToTry.push("en");
+  const tried = /* @__PURE__ */ new Set();
+  for (const locale of localesToTry) {
+    if (!locale || tried.has(locale)) {
+      continue;
+    }
+    tried.add(locale);
+    const displayName = getDisplayNameForLocale(locale, code);
+    if (displayName) {
+      return displayName;
     }
   }
-  setConnected(t2) {
-    void 0 === this._$AM && (this._$Cv = t2, this._$AP?.(t2));
+  const fallback = getFallbackDisplayName(code);
+  if (fallback) {
+    return fallback;
   }
+  const primary = extractPrimarySubtag(code);
+  return primary ? primary.toUpperCase() : code;
 }
-class k {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t2, i3, s2, e2, h2) {
-    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
+const BROWSER_LANGUAGE_PREFERENCES = {
+  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 resolvePreferredLanguage(languageTag) {
+  if (!languageTag) {
+    return null;
   }
-  _$AI(t2, i3 = this, s2, e2) {
-    const h2 = this.strings;
-    let o2 = false;
-    if (void 0 === h2) t2 = S$1(this, t2, i3, 0), o2 = !c$2(t2) || t2 !== this._$AH && t2 !== T, o2 && (this._$AH = t2);
-    else {
-      const e3 = t2;
-      let n3, r2;
-      for (t2 = h2[0], n3 = 0; n3 < h2.length - 1; n3++) r2 = S$1(this, e3[s2 + n3], i3, n3), r2 === T && (r2 = this._$AH[n3]), o2 || (o2 = !c$2(r2) || r2 !== this._$AH[n3]), r2 === E ? t2 = E : t2 !== E && (t2 += (r2 ?? "") + h2[n3 + 1]), this._$AH[n3] = r2;
-    }
-    o2 && !e2 && this.j(t2);
+  const normalized = languageTag.toLowerCase().replace("_", "-");
+  const directMatch = BROWSER_LANGUAGE_PREFERENCES[normalized];
+  if (directMatch) {
+    return directMatch;
   }
-  j(t2) {
-    t2 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 ?? "");
+  const primary = extractPrimarySubtag(normalized);
+  const primaryMatch = BROWSER_LANGUAGE_PREFERENCES[primary];
+  if (primaryMatch) {
+    return primaryMatch;
   }
+  return languageTag;
 }
-class H extends k {
-  constructor() {
-    super(...arguments), this.type = 3;
+function getBrowserLanguage() {
+  if (typeof navigator === "undefined") {
+    return defaultLanguage;
   }
-  j(t2) {
-    this.element[this.name] = t2 === E ? void 0 : t2;
+  const browserLang = navigator.language;
+  if (browserLang) {
+    const resolved = resolvePreferredLanguage(browserLang);
+    if (resolved) {
+      return resolved;
+    }
+  }
+  if (Array.isArray(navigator.languages)) {
+    for (const candidate of navigator.languages) {
+      const resolved = resolvePreferredLanguage(candidate);
+      if (resolved) {
+        return resolved;
+      }
+    }
   }
+  return defaultLanguage;
 }
-class I extends k {
-  constructor() {
-    super(...arguments), this.type = 4;
+typeof window !== "undefined" ? window.localStorage?.getItem(
+  "ds-one:language"
+) ?? void 0 : void 0;
+const currentLanguage = {
+  value: localStorage.getItem("language") || getBrowserLanguage(),
+  set: function(lang) {
+    this.value = lang;
+    localStorage.setItem("language", lang);
+    window.dispatchEvent(
+      new CustomEvent("language-changed", {
+        detail: { language: lang },
+        bubbles: true,
+        composed: true
+      })
+    );
   }
-  j(t2) {
-    this.element.toggleAttribute(this.name, !!t2 && t2 !== E);
+};
+if (typeof window !== "undefined") {
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      loadExternalTranslations();
+    });
+  } else {
+    loadExternalTranslations();
   }
 }
-class L extends k {
-  constructor(t2, i3, s2, e2, h2) {
-    super(t2, i3, s2, e2, h2), this.type = 5;
-  }
-  _$AI(t2, i3 = this) {
-    if ((t2 = S$1(this, t2, i3, 0) ?? E) === T) return;
-    const s2 = this._$AH, e2 = t2 === E && s2 !== E || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== E && (s2 === E || e2);
-    e2 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
+if (typeof window !== "undefined") {
+  window.addEventListener("translations-ready", () => {
+    translationData = getTranslationData();
+    window.dispatchEvent(new CustomEvent("translations-loaded"));
+    const currentLang = currentLanguage.value;
+    window.dispatchEvent(
+      new CustomEvent("language-changed", {
+        detail: { language: currentLang },
+        bubbles: true,
+        composed: true
+      })
+    );
+  });
+}
+setTimeout(() => {
+  window.dispatchEvent(new CustomEvent("translations-loaded"));
+  const currentLang = currentLanguage.value;
+  window.dispatchEvent(
+    new CustomEvent("language-changed", {
+      detail: { language: currentLang },
+      bubbles: true,
+      composed: true
+    })
+  );
+}, 100);
+function translate(key) {
+  const lang = currentLanguage.value;
+  if (translationData?.[lang]?.[key]) {
+    return translationData[lang][key];
   }
-  handleEvent(t2) {
-    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t2) : this._$AH.handleEvent(t2);
+  if (lang !== defaultLanguage && translationData?.[defaultLanguage]?.[key]) {
+    return translationData[defaultLanguage][key];
   }
+  console.warn(
+    `[DS one (Internationalization)] No translation found for key "${key}"`
+  );
+  return key;
 }
-class z {
-  constructor(t2, i3, s2) {
-    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i3, this.options = s2;
+function hasTranslation(key, language = currentLanguage.value) {
+  if (!key) {
+    return false;
   }
-  get _$AU() {
-    return this._$AM._$AU;
+  const langData = translationData?.[language];
+  if (langData && Object.prototype.hasOwnProperty.call(langData, key)) {
+    return true;
   }
-  _$AI(t2) {
-    S$1(this, t2);
+  if (language !== defaultLanguage && translationData?.[defaultLanguage] && Object.prototype.hasOwnProperty.call(translationData[defaultLanguage], key)) {
+    return true;
   }
+  return false;
 }
-const j = t$1.litHtmlPolyfillSupport;
-j?.(N, R), (t$1.litHtmlVersions ?? (t$1.litHtmlVersions = [])).push("3.3.1");
-const B = (t2, i3, s2) => {
-  const e2 = s2?.renderBefore ?? i3;
-  let h2 = e2._$litPart$;
-  if (void 0 === h2) {
-    const t3 = s2?.renderBefore ?? null;
-    e2._$litPart$ = h2 = new R(i3.insertBefore(l$1(), t3), t3, void 0, s2 ?? {});
-  }
-  return h2._$AI(t2), h2;
-};
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-Signal.State;
-Signal.Computed;
-const r$2 = (l2, o2) => new Signal.State(l2, o2);
-const defaultConfig = {
-  mode: "auto",
-  baseWidth: 280,
-  minScale: 0.75,
-  maxScale: 2
-};
-const scalingFactor = r$2(1);
-const scalingConfig = r$2(defaultConfig);
-function calculateScalingFactor(viewportWidth, config = scalingConfig.get()) {
-  if (config.mode === "fixed") {
-    return 1;
-  }
-  const rawScale = viewportWidth / config.baseWidth;
-  const clampedScale = Math.max(
-    config.minScale,
-    Math.min(config.maxScale, rawScale)
-  );
-  return Number(clampedScale.toFixed(3));
+function getText(key) {
+  return translate(key);
 }
-function setScalingConfig(config) {
-  const currentConfig = scalingConfig.get();
-  const newConfig = { ...currentConfig, ...config };
-  scalingConfig.set(newConfig);
-  if (typeof window !== "undefined") {
-    updateScalingFactor();
+function getAvailableLanguages() {
+  const currentData = getTranslationData();
+  if (currentData && Object.keys(currentData).length > 0) {
+    const languages = Object.keys(currentData);
+    return Promise.resolve(sortLanguageCodes(languages));
   }
+  return Promise.resolve([defaultLanguage]);
 }
-function updateScalingFactor() {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    return;
+function getAvailableLanguagesSync() {
+  const currentData = getTranslationData();
+  if (currentData && Object.keys(currentData).length > 0) {
+    return sortLanguageCodes(Object.keys(currentData));
   }
-  const viewportWidth = document.documentElement.clientWidth;
-  const config = scalingConfig.get();
-  const newFactor = calculateScalingFactor(viewportWidth, config);
-  scalingFactor.set(newFactor);
-  document.documentElement.style.setProperty("--sf", newFactor.toString());
+  return [defaultLanguage];
+}
+function loadTranslations(language, translations) {
+  console.log(
+    `Loading additional translations for ${language}:`,
+    Object.keys(translations).length,
+    "keys"
+  );
+}
+function setLanguage(language) {
+  localStorage.setItem("language", language);
+  currentLanguage.set(language);
   window.dispatchEvent(
-    new CustomEvent("scaling-changed", {
-      detail: { scalingFactor: newFactor, config }
+    new CustomEvent("language-changed", {
+      detail: { language },
+      bubbles: true,
+      composed: true
     })
   );
 }
-function getScalingFactor() {
-  return scalingFactor.get();
-}
-function scale(designPx) {
-  return designPx * scalingFactor.get();
-}
-function unscale(scaledPx) {
-  const factor = scalingFactor.get();
-  return factor === 0 ? scaledPx : scaledPx / factor;
-}
-function initScaling() {
+function savePreferences(preferences) {
   if (typeof window === "undefined") {
     return;
   }
-  updateScalingFactor();
-  let resizeTimeout;
-  window.addEventListener("resize", () => {
-    clearTimeout(resizeTimeout);
-    resizeTimeout = setTimeout(() => {
-      updateScalingFactor();
-    }, 100);
-  });
-  window.addEventListener("orientationchange", () => {
-    setTimeout(updateScalingFactor, 100);
-  });
+  try {
+    const raw = window.localStorage?.getItem("ds-one:preferences");
+    const existing = raw ? JSON.parse(raw) : {};
+    const next = { ...existing, ...preferences };
+    window.localStorage?.setItem("ds-one:preferences", JSON.stringify(next));
+  } catch (error) {
+    console.warn("ds-one: unable to persist preferences", error);
+  }
 }
-if (typeof window !== "undefined") {
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", initScaling);
-  } else {
-    initScaling();
+const PRICE_LABELS = {
+  da: "kr.",
+  nb: "kr.",
+  sv: "kr.",
+  de: "€",
+  en: "$",
+  pt: "€",
+  es: "€",
+  zh: "¥",
+  ja: "¥",
+  ko: "₩"
+};
+function getPriceLabel(options) {
+  const { language, country } = options;
+  if (country) {
+    const countryUpper = country.toUpperCase();
+    if (countryUpper === "US" || countryUpper === "USA") {
+      return "$";
+    }
+    if (countryUpper === "GB" || countryUpper === "UK") {
+      return "£";
+    }
+    if (countryUpper === "JP" || countryUpper === "JPN") {
+      return "¥";
+    }
+    if (countryUpper === "CN" || countryUpper === "CHN") {
+      return "¥";
+    }
+    if (countryUpper === "KR" || countryUpper === "KOR") {
+      return "₩";
+    }
   }
+  const primaryLang = language.toLowerCase().split(/[-_]/)[0];
+  return PRICE_LABELS[primaryLang] || "$";
 }
 function getInitialTheme() {
   if (typeof window === "undefined") {
@@ -4723,7 +4709,6 @@ export {
   getText,
   hasTranslation,
   initDeviceDetection,
-  initScaling,
   loadTranslations,
   savePreferences,
   scale,