ds-one 0.3.0-alpha.6 → 0.3.0-alpha.7

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

@@ -1519,21 +1519,25 @@ const ha = F.litElementPolyfillSupport;
 ha?.({ LitElement: f });
 (F.litElementVersions ?? (F.litElementVersions = [])).push("4.2.1");
 const ua = ':host{display:inline-flex;align-items:center;justify-content:flex-start;height:calc(16px * var(--sf));font-family:var(--typeface-regular);font-size:var(--type-size-default);font-weight:var(--type-weight-default);line-height:calc(var(--type-lineheight-default) * var(--sf));letter-spacing:calc(var(--type-letterspacing-default) * var(--sf));text-align:left;text-transform:var(--text-transform-default);text-decoration:var(--text-decoration-default);vertical-align:middle;white-space:nowrap;color:inherit}:host([data-language="ja"]){font-family:var(--typeface-regular-jp)}:host([data-language="zh"]),:host([data-language="zh-hant"]){font-family:var(--typeface-regular-zh-hant);font-weight:800}:host([data-language="zh-hans"]){font-family:var(--typeface-regular-zh-hans);font-weight:800}:host span{color:inherit}', dt = class dt extends f {
+  constructor() {
+    super(), this._slotKey = "", this.text = "", this._text = "", this._currentLanguage = C.value, this.boundHandlers = {
+      languageChanged: (() => {
+        this._currentLanguage = C.value, this._updateLanguageAttribute(), this._loadText(), this.requestUpdate();
+      })
+    };
+  }
   static get properties() {
     return {
       text: { type: String, reflect: !0 },
       _text: { type: String, state: !0 }
     };
   }
-  constructor() {
-    super(), this.text = "", this._text = "", this._currentLanguage = C.value, this.boundHandlers = {
-      languageChanged: (() => {
-        console.log("Language changed event received in ds-text"), this._currentLanguage = C.value, this._updateLanguageAttribute(), this._loadText(), this.requestUpdate();
-      })
-    };
-  }
   connectedCallback() {
-    super.connectedCallback(), this._currentLanguage = C.value, this._updateLanguageAttribute(), this._loadText(), window.addEventListener(
+    if (super.connectedCallback(), !this.text) {
+      const e = this.textContent?.trim() || "";
+      e && (this._slotKey = e, this.textContent = "");
+    }
+    this._currentLanguage = C.value, this._updateLanguageAttribute(), this._loadText(), window.addEventListener(
       "language-changed",
       this.boundHandlers.languageChanged
     ), window.addEventListener(
@@ -1567,20 +1571,21 @@ const ua = ':host{display:inline-flex;align-items:center;justify-content:flex-st
     this.removeAttribute("data-language");
   }
   _loadText() {
-    if (!this.text) {
+    const e = this.text || this._slotKey;
+    if (!e) {
       this._text = "", this._updateLanguageAttribute(), this.requestUpdate();
       return;
     }
     try {
-      const e = q(this.text);
-      this._text = e || this.text;
-    } catch (e) {
-      console.error("Error loading text for text:", this.text, e), this._text = this.text;
+      const r = q(e);
+      this._text = r || e;
+    } catch (r) {
+      console.error("Error loading text for key:", e, r), this._text = e;
     }
     this._updateLanguageAttribute(), this.requestUpdate();
   }
   render() {
-    return l`<span>${this._text || this.text}</span>`;
+    return l`<span>${this._text || this.text || this._slotKey}</span>`;
   }
 };
 dt.styles = x(ua);