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

package/dist/ds-one.bundle.js

@@ -1400,7 +1400,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 +1687,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 +1742,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 +1758,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 +2469,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 +2738,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 +2768,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 +2905,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 +2982,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 +3047,7 @@ Tooltip.styles = i`
       opacity: 1;
     }
   `;
-customElements.define("tooltip-v1", Tooltip);
+customElements.define("ds-tooltip", Tooltip);
 
 // dist/utils/pricing.js
 var defaultPriceByLanguage = {
@@ -3066,7 +3066,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 +3128,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 +3345,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 +3489,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 +3506,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 +3562,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 +3601,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 +3662,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 +3773,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 +3816,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 +3837,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 +3878,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 +3914,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 +4111,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 +4242,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 +4285,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 +4408,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 +4424,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 +4441,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 +4474,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 +4494,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 +4530,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 +4555,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 +4593,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 {