ds-one 0.2.5-alpha.8 → 0.2.5-alpha.9

package/dist/2-core/ds-cycle.js

@@ -111,8 +111,6 @@ export class Cycle extends LitElement {
             this.currentValue = currentAccentColor;
             // Apply the accent color to ensure it's active
             applyAccentColor();
-            // Set label
-            this.label = this.getLabel();
         }
         else if (this.type === "notes-style-medium") {
             // Set up notes style medium cycling
@@ -184,8 +182,6 @@ export class Cycle extends LitElement {
             this.currentValue = currentAccentColor;
             // Apply the accent color to ensure it's active
             applyAccentColor();
-            // Update label
-            this.label = this.getLabel();
         }
         else if (this.type === "notes-style-medium") {
             // Get current notes style medium
@@ -351,8 +347,8 @@ export class Cycle extends LitElement {
         else if (this.type === "theme") {
             // Try to get translated theme name
             if (this.translationsReady) {
-                const translatedName = translate(`themes.${value}`);
-                if (translatedName && translatedName !== `themes.${value}`) {
+                const translatedName = translate(value);
+                if (translatedName && translatedName !== value) {
                     return translatedName;
                 }
             }
@@ -508,7 +504,13 @@ export class Cycle extends LitElement {
                     default-value="Theme"
                     class="cycle-label"
                   ></ds-text>`
-                    : html `<span class="cycle-label">${this.label}</span>`}`
+                    : this.type === "accent-color"
+                        ? html `<ds-text
+                      key="accentColor"
+                      default-value="Accent color"
+                      class="cycle-label"
+                    ></ds-text>`
+                        : html `<span class="cycle-label">${this.label}</span>`}`
             : ""}
         <div
           style="display: flex; align-items: center; ${this.type === "icon-only"

package/dist/2-core/ds-tooltip.d.ts

@@ -28,7 +28,7 @@ export declare class Tooltip extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changed: Map<string, unknown>): void;
-    _loadText(): Promise<void>;
+    _loadText(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/2-core/ds-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-tooltip.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;MAKf;IAEM,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,mBAAmB,CAGzB;IACF,OAAO,CAAC,iBAAiB,CAKvB;;IAsCF,MAAM,CAAC,MAAM,0BA+CX;IAEF,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAiB5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMtC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBhC,MAAM;CAUP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAC;KACvB;CACF"}
+{"version":3,"file":"ds-tooltip.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;MAKf;IAEM,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,mBAAmB,CAGzB;IACF,OAAO,CAAC,iBAAiB,CAKvB;;IAsCF,MAAM,CAAC,MAAM,0BA+CX;IAEF,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAiB5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM5C,SAAS,IAAI,IAAI;IAiBjB,MAAM;CAUP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAC;KACvB;CACF"}

package/dist/2-core/ds-tooltip.js

@@ -1,5 +1,5 @@
 import { LitElement, html, css } from "lit";
-import { translate, getNotionText } from "../0-face/i18n";
+import { translate } from "../0-face/i18n";
 export class Tooltip extends LitElement {
     constructor() {
         super();
@@ -58,19 +58,13 @@ export class Tooltip extends LitElement {
             this._loadText();
         }
     }
-    async _loadText() {
+    _loadText() {
         if (!this.key) {
             this._text = this.defaultValue || "";
             this.requestUpdate();
             return;
         }
         try {
-            const notionText = await getNotionText(this.key);
-            if (notionText) {
-                this._text = notionText;
-                this.requestUpdate();
-                return;
-            }
             const t = translate(this.key);
             this._text = t && t !== this.key ? t : this.defaultValue || this.key;
         }

package/dist/ds-one.bundle.js

@@ -82,41 +82,41 @@ if (typeof window !== "undefined") {
 var translationKeys = {};
 var LANGUAGE_PRIORITY_ORDER = [
   "da",
-  "nb",
-  "sv",
-  "pt",
+  "de",
+  "en",
   "es",
-  "zh",
-  "ko",
+  "fr",
+  "it",
   "ja",
-  "en",
-  "de"
+  "pt",
+  "sv",
+  "zh"
 ];
 var LANGUAGE_PRIORITY_LOOKUP = new Map(LANGUAGE_PRIORITY_ORDER.map((code, index) => [code, index]));
 var FALLBACK_LANGUAGE_NAMES = {
   da: "Danish",
   "da-dk": "Danish",
-  nb: "Norwegian",
-  "nb-no": "Norwegian",
-  sv: "Swedish",
-  "sv-se": "Swedish",
   de: "German",
   "de-de": "German",
   en: "English",
   "en-us": "English",
-  pt: "Portuguese",
-  "pt-pt": "Portuguese",
-  "pt-br": "Portuguese (Brazil)",
   es: "Spanish",
   "es-es": "Spanish",
-  "es-mx": "Spanish (Mexico)",
-  zh: "Chinese",
-  "zh-hans": "Chinese (Simplified)",
-  "zh-hant": "Chinese (Traditional)",
+  fr: "French",
+  "fr-fr": "French",
+  it: "Italian",
+  "it-it": "Italian",
   ja: "Japanese",
   "ja-jp": "Japanese",
-  ko: "Korean",
-  "ko-kr": "Korean"
+  pt: "Portuguese",
+  "pt-pt": "Portuguese",
+  sv: "Swedish",
+  "sv-se": "Swedish",
+  zh: "Chinese",
+  "zh-cn": "Chinese",
+  "zh-tw": "Chinese",
+  "zh-hans": "Chinese",
+  "zh-hant": "Chinese"
 };
 var DISPLAY_NAME_CACHE = /* @__PURE__ */ new Map();
 var displayNameFallbackWarningShown = false;
@@ -232,7 +232,6 @@ function getTranslationData() {
   return translationKeys;
 }
 var translationData = getTranslationData();
-var notionStore = /* @__PURE__ */ new Map();
 var defaultLanguage = "en";
 function extractPrimarySubtag(code) {
   if (!code) {
@@ -336,33 +335,30 @@ function getLanguageDisplayName(code, options = {}) {
 var BROWSER_LANGUAGE_PREFERENCES = {
   da: "da",
   "da-dk": "da",
-  no: "nb",
-  nb: "nb",
-  "nb-no": "nb",
-  nn: "nn",
-  "nn-no": "nn",
-  sv: "sv",
-  "sv-se": "sv",
-  pt: "pt",
-  "pt-pt": "pt",
-  "pt-br": "pt",
+  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",
-  ko: "ko",
-  "ko-kr": "ko",
-  ja: "ja",
-  "ja-jp": "ja",
-  en: "en",
-  "en-us": "en",
-  "en-gb": "en",
-  de: "de",
-  "de-de": "de"
+  "zh-hant": "zh"
 };
 function resolvePreferredLanguage(languageTag) {
   if (!languageTag) {
@@ -427,7 +423,6 @@ if (typeof window !== "undefined") {
   window.addEventListener("translations-ready", () => {
     translationData = getTranslationData();
     window.dispatchEvent(new CustomEvent("translations-loaded"));
-    window.notionDataLoaded = true;
     const currentLang = currentLanguage.value;
     window.dispatchEvent(new CustomEvent("language-changed", {
       detail: { language: currentLang },
@@ -438,7 +433,6 @@ if (typeof window !== "undefined") {
 }
 setTimeout(() => {
   window.dispatchEvent(new CustomEvent("translations-loaded"));
-  window.notionDataLoaded = true;
   const currentLang = currentLanguage.value;
   window.dispatchEvent(new CustomEvent("language-changed", {
     detail: { language: currentLang },
@@ -473,34 +467,6 @@ function hasTranslation(key, language = currentLanguage.value) {
 function getText(key) {
   return translate(key);
 }
-async function getNotionText(key, language = currentLanguage.value) {
-  if (!key) {
-    return null;
-  }
-  if (!translationData || !translationData[language]) {
-    return null;
-  }
-  const text = translationData[language][key];
-  if (text) {
-    return text;
-  }
-  if (language !== defaultLanguage && translationData[defaultLanguage]?.[key]) {
-    return translationData[defaultLanguage][key];
-  }
-  return null;
-}
-function setNotionText(key, value, language = currentLanguage.value) {
-  if (!key)
-    return;
-  const bucket = getLanguageBucket(language);
-  bucket.set(key, value);
-}
-function getLanguageBucket(language) {
-  if (!notionStore.has(language)) {
-    notionStore.set(language, /* @__PURE__ */ new Map());
-  }
-  return notionStore.get(language);
-}
 function getAvailableLanguages() {
   const currentData = getTranslationData();
   if (currentData && Object.keys(currentData).length > 0) {
@@ -1853,14 +1819,13 @@ var Button = class extends i6 {
     this.bold = false;
     this["no-background"] = false;
     this.blank = false;
-    this.notionKey = null;
     this.key = "";
     this.fallback = "";
     this.language = "en-US";
     this.defaultText = "";
     this.href = "";
     this._loading = false;
-    this._notionText = null;
+    this._text = null;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -1882,9 +1847,9 @@ var Button = class extends i6 {
    */
   _updateText() {
     if (this.key) {
-      this._notionText = getText(this.key);
+      this._text = getText(this.key);
     } else {
-      this._notionText = this.defaultText || this.fallback || null;
+      this._text = this.defaultText || this.fallback || null;
     }
     this.requestUpdate();
   }
@@ -1897,7 +1862,7 @@ var Button = class extends i6 {
         ?no-background=${this["no-background"]}
         @click=${this._handleClick}
       >
-        ${this._notionText ? this._notionText : x`<slot></slot>`}
+        ${this._text ? this._text : x`<slot></slot>`}
       </button>
     `;
   }
@@ -1929,14 +1894,13 @@ Button.properties = {
     attribute: "no-background"
   },
   blank: { type: Boolean, reflect: true },
-  notionKey: { type: String, attribute: "notion-key" },
   key: { type: String },
   fallback: { type: String },
   language: { type: String },
   defaultText: { type: String, attribute: "default-text" },
   href: { type: String },
   _loading: { type: Boolean, state: true },
-  _notionText: { type: String, state: true }
+  _text: { type: String, state: true }
 };
 Button.styles = i4`
     button {
@@ -2465,7 +2429,6 @@ var Cycle = class extends i6 {
       const currentAccentColor = getAccentColor();
       this.currentValue = currentAccentColor;
       applyAccentColor();
-      this.label = this.getLabel();
     } else if (this.type === "notes-style-medium") {
       this.values = ["default", "big", "gallery"];
       const currentNotesStyle = getNotesStyleMedium();
@@ -2513,7 +2476,6 @@ var Cycle = class extends i6 {
       const currentAccentColor = getAccentColor();
       this.currentValue = currentAccentColor;
       applyAccentColor();
-      this.label = this.getLabel();
     } else if (this.type === "notes-style-medium") {
       const currentNotesStyle = getNotesStyleMedium();
       this.currentValue = currentNotesStyle;
@@ -2624,8 +2586,8 @@ var Cycle = class extends i6 {
       });
     } else if (this.type === "theme") {
       if (this.translationsReady) {
-        const translatedName = translate(`themes.${value}`);
-        if (translatedName && translatedName !== `themes.${value}`) {
+        const translatedName = translate(value);
+        if (translatedName && translatedName !== value) {
           return translatedName;
         }
       }
@@ -2743,7 +2705,11 @@ var Cycle = class extends i6 {
                     key="theme"
                     default-value="Theme"
                     class="cycle-label"
-                  ></ds-text>` : x`<span class="cycle-label">${this.label}</span>`}` : ""}
+                  ></ds-text>` : this.type === "accent-color" ? x`<ds-text
+                      key="accentColor"
+                      default-value="Accent color"
+                      class="cycle-label"
+                    ></ds-text>` : x`<span class="cycle-label">${this.label}</span>`}` : ""}
         <div
           style="display: flex; align-items: center; ${this.type === "icon-only" ? "justify-content: center;" : ""}"
         >
@@ -2880,19 +2846,13 @@ var Tooltip = class extends i6 {
       this._loadText();
     }
   }
-  async _loadText() {
+  _loadText() {
     if (!this.key) {
       this._text = this.defaultValue || "";
       this.requestUpdate();
       return;
     }
     try {
-      const notionText = await getNotionText(this.key);
-      if (notionText) {
-        this._text = notionText;
-        this.requestUpdate();
-        return;
-      }
       const t5 = translate(this.key);
       this._text = t5 && t5 !== this.key ? t5 : this.defaultValue || this.key;
     } catch (err) {
@@ -3523,7 +3483,6 @@ export {
   getBrowserLanguage,
   getDeviceInfo,
   getLanguageDisplayName,
-  getNotionText,
   getPriceLabel,
   getText,
   hasTranslation,
@@ -3531,7 +3490,6 @@ export {
   loadTranslations,
   savePreferences,
   setLanguage,
-  setNotionText,
   setTheme,
   translate
 };