ds-one 0.2.0-alpha.1 → 0.2.0-alpha.3

package/dist/ds-one.bundle.js

@@ -78,20 +78,7 @@ if (typeof window !== "undefined") {
 
 // dist/utils/cdn-loader.js
 var loadAttempted = false;
-var DEFAULT_TRANSLATION_FILES = [
-  "./keys.json",
-  "./tekst.json",
-  "./tekster.json",
-  "./language.json",
-  "./languages.json",
-  "./translations.json",
-  "./translate.json",
-  "./i18n.json",
-  "./locales.json",
-  "./strings.json",
-  "./text.json",
-  "./texts.json"
-];
+var DEFAULT_TRANSLATION_FILE = "./translations.json";
 function normalizeCandidate(path) {
   if (!path) {
     return null;
@@ -125,19 +112,21 @@ function findAttributeCandidate() {
   return null;
 }
 function resolveTranslationSources() {
-  const candidates = /* @__PURE__ */ new Set();
+  const candidates = [];
   const windowCandidate = typeof window !== "undefined" ? window.DS_ONE_TRANSLATIONS_FILE : null;
   const attributeCandidate = findAttributeCandidate();
-  const addCandidate = (candidate) => {
-    const normalized = normalizeCandidate(candidate ?? "");
-    if (normalized) {
-      candidates.add(normalized);
-    }
-  };
-  addCandidate(windowCandidate ?? null);
-  addCandidate(attributeCandidate);
-  DEFAULT_TRANSLATION_FILES.forEach((file) => addCandidate(file));
-  return Array.from(candidates);
+  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 validateTranslationMap(candidate) {
   if (!candidate || typeof candidate !== "object") {
@@ -147,14 +136,11 @@ function validateTranslationMap(candidate) {
 }
 async function fetchTranslationFile(source) {
   try {
-    console.log(`[DS one] Attempting to fetch translations from: ${source}`);
     const response = await fetch(source);
     if (!response.ok) {
-      console.log(`[DS one] Failed to fetch ${source} (${response.status})`);
       return null;
     }
     const translations = await response.json();
-    console.log(`[DS one] Successfully fetched JSON from ${source}`);
     if (!validateTranslationMap(translations)) {
       console.warn(`[DS one] Invalid translation format in ${source}. Expected object with language codes as keys.`);
       return null;
@@ -164,14 +150,8 @@ async function fetchTranslationFile(source) {
       console.warn(`[DS one] No languages found in ${source}`);
       return null;
     }
-    console.log(`[DS one] Valid translations found: ${languages.join(", ")}`);
     return translations;
-  } catch (error) {
-    if (error instanceof TypeError && error.message.includes("Failed to fetch")) {
-      console.log(`[DS one] Network error fetching ${source}`);
-      return null;
-    }
-    console.error(`[DS one] Error loading external translations from ${source}:`, error);
+  } catch {
     return null;
   }
 }
@@ -199,7 +179,7 @@ async function loadExternalTranslations() {
     window.dispatchEvent(new CustomEvent("translations-ready"));
     return true;
   }
-  console.info(`[DS one] No external translations found. Looked in: ${sources.join(", ")}. Using bundled translations.`);
+  console.info(`[DS one] No external translations found at ${sources[0] ?? DEFAULT_TRANSLATION_FILE}. Using bundled translations.`);
   return false;
 }
 if (typeof window !== "undefined") {
@@ -1400,7 +1380,7 @@ var e5 = class extends i5 {
 e5.directiveName = "unsafeHTML", e5.resultType = 1;
 var o5 = e4(e5);
 
-// dist/2-core/icon-v1.js
+// dist/2-core/ds-icon.js
 var Icon = class _Icon extends i4 {
   get type() {
     return this._type;
@@ -1687,10 +1667,10 @@ Icon.iconNameToSvgMap = (() => {
     return {};
   }
 })();
-customElements.define("icon-v1", Icon);
+customElements.define("ds-icon", Icon);
 console.log("Icon component registered with custom elements registry");
 
-// dist/2-core/link-v1.js
+// dist/2-core/ds-link.js
 var Link = class extends i4 {
   static get properties() {
     return {
@@ -1742,7 +1722,7 @@ var Link = class extends i4 {
     return x`
       <a href="${this.href}" target="_blank" rel="noopener noreferrer">
         ${this._text}
-        <icon-v1 type="open"></icon-v1>
+        <ds-icon type="open"></ds-icon>
       </a>
     `;
   }
@@ -1758,12 +1738,12 @@ Link.styles = i`
       text-decoration: none;
     }
 
-    icon-v1 {
+    ds-icon {
       display: inline-block;
       vertical-align: middle;
     }
   `;
-customElements.define("link-v1", Link);
+customElements.define("ds-link", Link);
 
 // node_modules/signal-polyfill/dist/index.js
 var __defProp = Object.defineProperty;
@@ -2469,7 +2449,7 @@ function saveSettings(settings) {
   }
 }
 
-// dist/2-core/cycle-v1.js
+// dist/2-core/ds-cycle.js
 var saveAccentColor = (color) => {
   localStorage.setItem("accentColor", color);
 };
@@ -2738,9 +2718,9 @@ var Cycle = class extends i4 {
       return value;
     } else if (this.type === "icon-only") {
       if (value === "note") {
-        return x`<icon-v1 type="note"></icon-v1>`;
+        return x`<ds-icon type="note"></ds-icon>`;
       } else if (value === "page") {
-        return x`<icon-v1 type="page"></icon-v1>`;
+        return x`<ds-icon type="page"></ds-icon>`;
       }
       return x`<span>${value}</span>`;
     }
@@ -2768,15 +2748,15 @@ var Cycle = class extends i4 {
   }
   getNotesStyleIcon(style) {
     if (style === "page") {
-      return x`<icon-v1 type="page"></icon-v1>`;
+      return x`<ds-icon type="page"></ds-icon>`;
     } else if (style === "note") {
-      return x`<icon-v1 type="note"></icon-v1>`;
+      return x`<ds-icon type="note"></ds-icon>`;
     } else if (style === "default") {
-      return x`<icon-v1 type="default"></icon-v1>`;
+      return x`<ds-icon type="default"></ds-icon>`;
     } else if (style === "big") {
-      return x`<icon-v1 type="big"></icon-v1>`;
+      return x`<ds-icon type="big"></ds-icon>`;
     } else if (style === "gallery") {
-      return x`<icon-v1 type="gallery"></icon-v1>`;
+      return x`<ds-icon type="gallery"></ds-icon>`;
     }
     return x`<span>${style}</span>`;
   }
@@ -2905,9 +2885,9 @@ Cycle.styles = i`
       color: var(--text-color-primary);
     }
   `;
-customElements.define("cycle-v1", Cycle);
+customElements.define("ds-cycle", Cycle);
 
-// dist/2-core/tooltip-v1.js
+// dist/2-core/ds-tooltip.js
 var Tooltip = class extends i4 {
   constructor() {
     super();
@@ -2982,7 +2962,7 @@ var Tooltip = class extends i4 {
       const t5 = translate(this.key);
       this._text = t5 && t5 !== this.key ? t5 : this.defaultValue || this.key;
     } catch (err) {
-      console.error("tooltip-v1: error loading text for key", this.key, err);
+      console.error("ds-tooltip: error loading text for key", this.key, err);
       this._text = this.defaultValue || this.key;
     }
     this.requestUpdate();
@@ -3047,7 +3027,7 @@ Tooltip.styles = i`
       opacity: 1;
     }
   `;
-customElements.define("tooltip-v1", Tooltip);
+customElements.define("ds-tooltip", Tooltip);
 
 // dist/utils/pricing.js
 var defaultPriceByLanguage = {
@@ -3066,7 +3046,7 @@ function getPriceLabel({ language, country }) {
   return `${base} (${country.toUpperCase()})`;
 }
 
-// dist/2-core/price-v1.js
+// dist/2-core/ds-price.js
 var Price = class extends i4 {
   static get properties() {
     return {
@@ -3128,11 +3108,11 @@ Price.styles = i`
       opacity: 0.6;
     }
   `;
-customElements.define("price-v1", Price);
+customElements.define("ds-price", Price);
 
-// dist/2-core/markdown-v1.js
+// dist/2-core/ds-markdown.js
 var _a;
-customElements.define("markdown-v1", (_a = class Markdown extends i4 {
+customElements.define("ds-markdown", (_a = class Markdown extends i4 {
   constructor() {
     super(...arguments);
     this.content = "";
@@ -3345,7 +3325,7 @@ customElements.define("markdown-v1", (_a = class Markdown extends i4 {
       }
     `, _a));
 
-// dist/2-core/home-v1.js
+// dist/2-core/ds-home.js
 var Home = class extends i4 {
   constructor() {
     super(...arguments);
@@ -3489,9 +3469,9 @@ Home.styles = i`
       font-size: var(--type-size-default);
     }
   `;
-customElements.define("home-v1", Home);
+customElements.define("ds-home", Home);
 
-// dist/2-core/year-v1.js
+// dist/2-core/ds-year.js
 var Year = class extends i4 {
   render() {
     const year = (/* @__PURE__ */ new Date()).getFullYear();
@@ -3506,9 +3486,9 @@ Year.styles = i`
       color: inherit;
     }
   `;
-customElements.define("year-v1", Year);
+customElements.define("ds-year", Year);
 
-// dist/2-core/title-v1.js
+// dist/2-core/ds-title.js
 var Title = class extends i4 {
   static get properties() {
     return {
@@ -3562,7 +3542,7 @@ var Title = class extends i4 {
       const text = getText(this.key);
       this._text = text || this.defaultValue || this.key;
     } catch (error) {
-      console.error(`[title-v1] Error loading text for key "${this.key}":`, error);
+      console.error(`[ds-title] Error loading text for key "${this.key}":`, error);
       this._text = this.defaultValue || this.key;
     }
   }
@@ -3601,9 +3581,9 @@ Title.styles = i`
       width: 100%;
     }
   `;
-customElements.define("title-v1", Title);
+customElements.define("ds-title", Title);
 
-// dist/2-core/header-v1.js
+// dist/2-core/ds-header.js
 var Header = class extends i4 {
   static get properties() {
     return {
@@ -3662,9 +3642,9 @@ Header.styles = i`
       margin: 0;
     }
   `;
-customElements.define("header-v1", Header);
+customElements.define("ds-header", Header);
 
-// dist/2-core/attributes-v1.js
+// dist/2-core/ds-attributes.js
 var Attributes = class extends i4 {
   static get properties() {
     return {
@@ -3773,9 +3753,9 @@ Attributes.styles = i`
       background-color: #b1b4b9;
     }
   `;
-customElements.define("attributes-v1", Attributes);
+customElements.define("ds-attributes", Attributes);
 
-// dist/2-core/downloadcv-v1.js
+// dist/2-core/ds-downloadcv.js
 var DownloadCV = class extends i4 {
   constructor() {
     super();
@@ -3816,13 +3796,13 @@ var DownloadCV = class extends i4 {
   }
   async _download() {
     if (!this._activeUrl) {
-      console.warn("[downloadcv-v1] No URL available");
+      console.warn("[ds-downloadcv] No URL available");
       return;
     }
-    console.log("[downloadcv-v1] Attempting download from:", this._activeUrl);
+    console.log("[ds-downloadcv] Attempting download from:", this._activeUrl);
     try {
       const res = await fetch(this._activeUrl, { mode: "cors" });
-      console.log("[downloadcv-v1] Fetch response:", res.status, res.statusText);
+      console.log("[ds-downloadcv] Fetch response:", res.status, res.statusText);
       if (!res.ok)
         throw new Error(`HTTP ${res.status}`);
       const blob = await res.blob();
@@ -3837,9 +3817,9 @@ var DownloadCV = class extends i4 {
       a3.click();
       a3.remove();
       URL.revokeObjectURL(url);
-      console.log("[downloadcv-v1] Download triggered successfully");
+      console.log("[ds-downloadcv] Download triggered successfully");
     } catch (err) {
-      console.error("[downloadcv-v1] Fetch failed, using fallback:", err);
+      console.error("[ds-downloadcv] Fetch failed, using fallback:", err);
       window.open(this._activeUrl, "_blank", "noopener,noreferrer");
     }
   }
@@ -3878,7 +3858,7 @@ DownloadCV.styles = i`
       display: inline-flex;
     }
   `;
-customElements.define("downloadcv-v1", DownloadCV);
+customElements.define("ds-downloadcv", DownloadCV);
 
 // dist/utils/viewMode.js
 var VIEW_MODE_KEY = "ds-view-mode";
@@ -3914,7 +3894,7 @@ function toggleViewMode() {
   return newMode;
 }
 
-// dist/2-core/article-v1.js
+// dist/2-core/ds-article.js
 var Article = class extends i4 {
   static get properties() {
     return {
@@ -4111,7 +4091,7 @@ var Article = class extends i4 {
       const text = getText(selectedKey);
       this._text = text || this.defaultValue || selectedKey;
     } catch (error) {
-      console.error(`[article-v1] Error loading text for key "${selectedKey}":`, error);
+      console.error(`[ds-article] Error loading text for key "${selectedKey}":`, error);
       this._text = this.defaultValue || selectedKey;
     }
   }
@@ -4242,9 +4222,9 @@ Article.styles = i`
       opacity: 0.7;
     }
   `;
-customElements.define("article-v1", Article);
+customElements.define("ds-article", Article);
 
-// dist/2-core/viewtoggle-v1.js
+// dist/2-core/ds-viewtoggle.js
 var ViewToggle = class extends i4 {
   constructor() {
     super();
@@ -4285,9 +4265,9 @@ var ViewToggle = class extends i4 {
 ViewToggle.properties = {
   _mode: { type: String, state: true }
 };
-customElements.define("viewtoggle-v1", ViewToggle);
+customElements.define("ds-viewtoggle", ViewToggle);
 
-// dist/2-core/squarecircle-v1.js
+// dist/2-core/ds-squarecircle.js
 var SquareCircle = class extends i4 {
   static get properties() {
     return {
@@ -4408,9 +4388,9 @@ SquareCircle.styles = i`
       }
     }
   `;
-customElements.define("squarecircle-v1", SquareCircle);
+customElements.define("ds-squarecircle", SquareCircle);
 
-// dist/3-unit/list-v1.js
+// dist/3-unit/ds-list.js
 var List = class extends i4 {
   render() {
     return x`<slot></slot>`;
@@ -4424,9 +4404,9 @@ List.styles = i`
       width: 100%;
     }
   `;
-customElements.define("list-v1", List);
+customElements.define("ds-list", List);
 
-// dist/3-unit/panel-v1.js
+// dist/3-unit/ds-panel.js
 var Panel = class extends i4 {
   render() {
     return x`<slot></slot>`;
@@ -4441,9 +4421,9 @@ Panel.styles = i`
       gap: var(--025);
     }
   `;
-customElements.define("panel-v1", Panel);
+customElements.define("ds-panel", Panel);
 
-// dist/3-unit/row-v1.js
+// dist/3-unit/ds-row.js
 var Row = class extends i4 {
   constructor() {
     super();
@@ -4474,9 +4454,9 @@ Row.styles = i`
       gap: calc(var(--025) * var(--scaling-factor));
     }
   `;
-customElements.define("row-v1", Row);
+customElements.define("ds-row", Row);
 
-// dist/3-unit/singlenav-v1.js
+// dist/3-unit/ds-singlenav.js
 var SingleNav = class extends i4 {
   static get properties() {
     return {
@@ -4494,7 +4474,7 @@ var SingleNav = class extends i4 {
     return x`
       <a href="${href}">
         <ds-text key="${navConfig.key}"></ds-text>
-        <icon-v1 type="right"></icon-v1>
+        <ds-icon type="right"></ds-icon>
       </a>
     `;
   }
@@ -4530,9 +4510,9 @@ SingleNav.styles = i`
       color: inherit;
     }
   `;
-customElements.define("singlenav-v1", SingleNav);
+customElements.define("ds-singlenav", SingleNav);
 
-// dist/3-unit/doublenav-v1.js
+// dist/3-unit/ds-doublenav.js
 var DoubleNav = class extends i4 {
   static get properties() {
     return {
@@ -4555,14 +4535,14 @@ var DoubleNav = class extends i4 {
     return x`
       ${this.previous ? x`
             <a href="${this.previous}" class="nav-previous">
-              <icon-v1 type="left"></icon-v1>
+              <ds-icon type="left"></ds-icon>
               <ds-text>${this.previousText || "Previous"}</ds-text>
             </a>
           ` : x`<div></div>`}
       ${this.next ? x`
             <a href="${this.next}" class="nav-next">
               <ds-text>${this.nextText || "Next"}</ds-text>
-              <icon-v1 type="right"></icon-v1>
+              <ds-icon type="right"></ds-icon>
             </a>
           ` : x`<div></div>`}
     `;
@@ -4593,19 +4573,19 @@ DoubleNav.styles = i`
       justify-self: end;
     }
 
-    .nav-previous icon-v1 {
+    .nav-previous ds-icon {
       order: -1;
     }
 
-    .nav-next icon-v1 {
+    .nav-next ds-icon {
       padding-top: 3px;
     }
 
-    .nav-previous icon-v1 {
+    .nav-previous ds-icon {
       padding-top: 3px;
     }
   `;
-customElements.define("doublenav-v1", DoubleNav);
+customElements.define("ds-doublenav", DoubleNav);
 
 // dist/3-unit/ds-table.js
 var DsTable = class extends i4 {