@openremote/or-translate 1.8.0-snapshot.20250725070921 → 1.8.0-snapshot.20250725120000

package/lib/index.js

@@ -1,11 +1,42 @@
-var __decorate=this&&this.__decorate||function(e,t,r,a){var o,n=arguments.length,i=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,a);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(n<3?o(i):n>3?o(t,r,i):o(t,r))||i);return n>3&&i&&Object.defineProperty(t,r,i),i};import{translate as e}from"./translate-mixin";import t from"i18next";import{LitElement as r,html as a,css as o}from"lit";import{customElement as n,property as i}from"lit/decorators.js";let OrTranslate=class extends e(t)(r){render(){return a`
-            ${this._getTranslatedValue()}
-        `}_getTranslatedValue(){return this.value?t.isInitialized?t.t(this.value,this.options):this.value:""}};OrTranslate.styles=o`
-        :host {
-            display: inline-block;
-        }
-        
-        :host([hidden]) {
-            display: none;
-        }
-    `,__decorate([i({type:String})],OrTranslate.prototype,"value",void 0),__decorate([i({type:Object})],OrTranslate.prototype,"options",void 0),OrTranslate=__decorate([n("or-translate")],OrTranslate);export{t as i18next,e as translate,OrTranslate};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { translate } from "./translate-mixin";
+import i18next from "i18next";
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+export { i18next };
+export { translate };
+let OrTranslate = class OrTranslate extends translate(i18next)(LitElement) {
+    render() {
+        return html `
+            ${this._getTranslatedValue()}
+        `;
+    }
+    _getTranslatedValue() {
+        return this.value ? i18next.isInitialized ? i18next.t(this.value, this.options) : this.value : "";
+    }
+};
+OrTranslate.styles = css `
+        :host {
+            display: inline-block;
+        }
+        
+        :host([hidden]) {
+            display: none;
+        }
+    `;
+__decorate([
+    property({ type: String })
+], OrTranslate.prototype, "value", void 0);
+__decorate([
+    property({ type: Object })
+], OrTranslate.prototype, "options", void 0);
+OrTranslate = __decorate([
+    customElement("or-translate")
+], OrTranslate);
+export { OrTranslate };
+//# sourceMappingURL=index.js.map

package/lib/translate-mixin.js

@@ -1 +1,47 @@
-export const translate=e=>t=>class extends t{constructor(){super(...arguments),this._i18nextJustInitialized=!1,this.initCallback=e=>{this._i18nextJustInitialized=!0,this.requestUpdate&&this.requestUpdate()},this.langChangedCallback=()=>{this.requestUpdate&&this.requestUpdate()}}connectedCallback(){e.language||e.on("initialized",this.initCallback),e.on("languageChanged",this.langChangedCallback),super.connectedCallback&&super.connectedCallback()}disconnectedCallback(){e.off("initialized",this.initCallback),e.off("languageChanged",this.langChangedCallback),super.disconnectedCallback&&super.disconnectedCallback()}shouldUpdate(e){return this._i18nextJustInitialized?(this._i18nextJustInitialized=!1,!0):super.shouldUpdate&&super.shouldUpdate(e)}};
+// TODO: Can't currently export declaration files with explicit LitElement type (see https://github.com/Microsoft/TypeScript/issues/17293)
+export const translate = (i18next) => (base) => class extends base {
+    constructor() {
+        super(...arguments);
+        this._i18nextJustInitialized = false;
+        this.initCallback = (options) => {
+            this._i18nextJustInitialized = true;
+            // @ts-ignore
+            if (this.requestUpdate) {
+                // @ts-ignore
+                this.requestUpdate();
+            }
+        };
+        this.langChangedCallback = () => {
+            // @ts-ignore
+            if (this.requestUpdate) {
+                // @ts-ignore
+                this.requestUpdate();
+            }
+        };
+    }
+    connectedCallback() {
+        if (!i18next.language) {
+            i18next.on("initialized", this.initCallback);
+        }
+        i18next.on("languageChanged", this.langChangedCallback);
+        if (super.connectedCallback) {
+            super.connectedCallback();
+        }
+    }
+    disconnectedCallback() {
+        i18next.off("initialized", this.initCallback);
+        i18next.off("languageChanged", this.langChangedCallback);
+        if (super.disconnectedCallback) {
+            super.disconnectedCallback();
+        }
+    }
+    shouldUpdate(changedProps) {
+        if (this._i18nextJustInitialized) {
+            this._i18nextJustInitialized = false;
+            return true;
+        }
+        // @ts-ignore
+        return super.shouldUpdate && super.shouldUpdate(changedProps);
+    }
+};
+//# sourceMappingURL=translate-mixin.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openremote/or-translate",
-  "version": "1.8.0-snapshot.20250725070921",
+  "version": "1.8.0-snapshot.20250725120000",
   "description": "Provides a web component for translations using i18next",
   "customElements": "custom-elements.json",
   "main": "dist/umd/index.bundle.js",
@@ -22,7 +22,7 @@
     "lit": "^2.0.2"
   },
   "devDependencies": {
-    "@openremote/util": "1.8.0-snapshot.20250725070921"
+    "@openremote/util": "1.8.0-snapshot.20250725120000"
   },
   "publishConfig": {
     "access": "public"