@operato/scene-i18n 10.0.0-beta.4 → 10.0.0-beta.68

package/README.md

@@ -1,13 +1,33 @@
-## build
+# @operato/scene-i18n
 
-`$ yarn build`
+> i18n component for things-scene
 
-| type | filename                                   | for            | tested |
-| ---- | ------------------------------------------ | -------------- | ------ |
-| UMD  | things-scene-scene-i18n.js    | modern browser | O      |
-| UMD  | things-scene-scene-i18n-ie.js | ie 11          | O      |
-| ESM  | things-scene-scene-i18n.mjs   | modern browser | O      |
+<!-- AUTOGEN_BEGIN: do not edit between markers (run scripts/regenerate-readmes.mjs to update) -->
 
-## publish
+## Components
 
-`$ yarn publish`
+- `Label`
+
+## Install
+
+```bash
+yarn add @operato/scene-i18n
+```
+
+## Usage
+
+```ts
+import { Label } from '@operato/scene-i18n'
+```
+
+## Build
+
+```bash
+yarn build
+```
+
+Output: ESM module at `dist/index.js` (single bundle, no UMD/IE legacy).
+
+_Version: 10.0.0-beta.14_
+
+<!-- AUTOGEN_END -->

package/dist/label.d.ts

@@ -1,4 +1,4 @@
-import { Component, ComponentNature, Shape } from '@hatiolab/things-scene';
+import { ComponentNature, Shape } from '@hatiolab/things-scene';
 declare const Label_base: (new (...args: any[]) => {
     contains(x: number, y: number): boolean;
     get path(): {
@@ -40,6 +40,8 @@ declare const Label_base: (new (...args: any[]) => {
     added(parent: any): void;
     removed(parent: any): void;
     ready(): Promise<void>;
+    _readyInvoked: boolean;
+    invokeReady(): void | Promise<void>;
     touch(): void;
     clearCache(...attrs: any[]): void;
     removeSelf(completely: any): void;
@@ -49,7 +51,7 @@ declare const Label_base: (new (...args: any[]) => {
     get disposed(): boolean;
     isLayer(): boolean;
     isGroup(): boolean;
-    isContainer(): this is import("@hatiolab/things-scene/dist-types/types/component").Container;
+    isContainer(): this is import("@hatiolab/things-scene").Container;
     isLine(): boolean;
     isRoot(): boolean;
     isRootModel(): boolean;
@@ -65,9 +67,10 @@ declare const Label_base: (new (...args: any[]) => {
     get(property: any): any;
     set(props: any, propval?: any): any;
     getState(property: any): any;
-    setState(props: any, propval?: any): any;
+    setState(props: Partial<import("@hatiolab/things-scene").State> | string, propval?: any): any;
     get model(): any;
-    get state(): any;
+    get state(): import("@hatiolab/things-scene").State;
+    get refid(): any;
     get hierarchy(): any;
     get volatile(): never[];
     _applyProps(target: any, props: any, options: any): any;
@@ -103,7 +106,7 @@ declare const Label_base: (new (...args: any[]) => {
     draw(context?: import("@hatiolab/things-scene").SceneRenderContext): void;
     prerender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
     postrender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
-    prepare(resolve: (component: Component) => void, reject: (reason: any) => void): void;
+    prepare(resolve: (component: import("@hatiolab/things-scene").Component) => void, reject: (reason: any) => void): void;
     prepareIf(condition: boolean): void;
     drawText(context: import("@hatiolab/things-scene").SceneRenderContext): void;
     drawStroke(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
@@ -154,16 +157,16 @@ declare const Label_base: (new (...args: any[]) => {
     get started(): boolean;
     set started(v: boolean): any;
     get controls(): import("@hatiolab/things-scene").Control[] | undefined;
-    findFirst(finder: string | ((c: Component) => boolean), ...others: any[]): Component | undefined;
-    findAll(s: string | ((c: Component) => boolean), ...others: any[]): any[] | undefined;
-    capture(x: number, y: number, except?: (c: Component) => boolean): any;
+    findFirst(finder: string | ((c: import("@hatiolab/things-scene").Component) => boolean), ...others: any[]): import("@hatiolab/things-scene").Component | undefined;
+    findAll(s: string | ((c: import("@hatiolab/things-scene").Component) => boolean), ...others: any[]): any[] | undefined;
+    capture(x: number, y: number, except?: (c: import("@hatiolab/things-scene").Component) => boolean): any;
     findAnchor(name: string): any;
-    isDescendible(container: Component): boolean;
+    isDescendible(container: import("@hatiolab/things-scene").Component | any): boolean;
     getContext(component?: unknown): any;
-    get root(): Component;
-    get rootModel(): Component;
-    get parent(): Component;
-    set parent(v: Component): any;
+    get root(): import("@hatiolab/things-scene").Component;
+    get rootModel(): import("@hatiolab/things-scene").Component;
+    get parent(): import("@hatiolab/things-scene").Component;
+    set parent(v: import("@hatiolab/things-scene").Component): any;
     get scalable(): boolean;
     get stuck(): boolean;
     get capturable(): boolean;
@@ -188,47 +191,51 @@ declare const Label_base: (new (...args: any[]) => {
     ondropfile(transfered: FileList, files: string[]): void;
     transcoordS2P(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
     transcoordP2S(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    transcoordS2T(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordT2P(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordT2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordS2TR(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordS2O(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
-    transcoordC2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordS2C(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2T(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2P(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2S(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2TR(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2O(x: number, y: number, target: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordC2S(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2C(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
     toParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
     fromParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    toScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    fromScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toLocal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toGlobal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toOther(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
+    toScene(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    fromScene(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    toLocal(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    toGlobal(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    toOther(x: number, y: number, target: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    on<K extends keyof import("@hatiolab/things-scene").ComponentEventMap>(name: K, callback: (...args: import("@hatiolab/things-scene").ComponentEventMap[K]) => void, context?: any): any;
     on(name: string | object, callback: Function, context?: any): any;
+    off<K extends keyof import("@hatiolab/things-scene").ComponentEventMap>(name: K, callback?: ((...args: import("@hatiolab/things-scene").ComponentEventMap[K]) => void) | undefined, context?: any): any;
     off(name?: string | object, callback?: Function, context?: any): any;
+    once<K extends keyof import("@hatiolab/things-scene").ComponentEventMap>(name: K, callback: (...args: import("@hatiolab/things-scene").ComponentEventMap[K]) => void, context?: any): any;
     once(name: string | object, callback: Function, context?: any): any;
+    trigger<K extends keyof import("@hatiolab/things-scene").ComponentEventMap>(name: K, ...args: import("@hatiolab/things-scene").ComponentEventMap[K]): any;
     trigger(name: string, ...args: any[]): any;
     delegate_on(delegator: any): any;
     delegate_off(delegator: any): any;
     onchange(after: Record<string, any>, before: Record<string, any>): void;
     calculateBounds?(): void;
     oncreate_element?(element: HTMLElement): void;
-    removeComponent(component: Component, ghost?: boolean): void;
-    addComponent(component: Component, ghost?: boolean): void;
-    insertComponentAt(component: Component, index: number, ghost?: boolean): void;
-    getOverlay(component: Component): HTMLElement | undefined;
-    findById(id: string): Component | undefined;
-    findByRefid(ref: string | number): Component | undefined;
-    findAllById(id: string): Component[];
+    removeComponent(component: import("@hatiolab/things-scene").Component, ghost?: boolean): void;
+    addComponent(component: import("@hatiolab/things-scene").Component, ghost?: boolean): void;
+    insertComponentAt(component: import("@hatiolab/things-scene").Component, index: number, ghost?: boolean): void;
+    getOverlay(component: import("@hatiolab/things-scene").Component): HTMLElement | undefined;
+    findById(id: string): import("@hatiolab/things-scene").Component | undefined;
+    findByRefid(ref: string | number): import("@hatiolab/things-scene").Component | undefined;
+    findAllById(id: string): import("@hatiolab/things-scene").Component[];
     resize(): void;
     fit(type?: string): void;
-    get components(): Component[] | undefined;
+    get components(): import("@hatiolab/things-scene").Component[] | undefined;
     get layout(): any;
     get auxOverlay(): HTMLElement | undefined;
     get isReady(): boolean;
     get unitScale(): number;
-    get selected(): Component[];
-    set selected(_v: Component[]): any;
-    get focused(): Component | null;
-    set focused(_v: Component | null): any;
+    get selected(): import("@hatiolab/things-scene").Component[];
+    set selected(_v: import("@hatiolab/things-scene").Component[]): any;
+    get focused(): import("@hatiolab/things-scene").Component | null;
+    set focused(_v: import("@hatiolab/things-scene").Component | null): any;
     get hasSameParentForAllSelected(): boolean;
     set hasSameParentForAllSelected(_v: boolean): any;
     get fitMode(): string | undefined;
@@ -238,7 +245,6 @@ declare const Label_base: (new (...args: any[]) => {
 }) & typeof Shape;
 export default class Label extends Label_base {
     get nature(): ComponentNature;
-    is3dish(): boolean;
     get text(): any;
 }
 export {};

package/dist/label.js

@@ -29,9 +29,6 @@ let Label = class Label extends RectPath(Shape) {
     get nature() {
         return NATURE;
     }
-    is3dish() {
-        return true;
-    }
     get text() {
         const { key, terms = {}, fallback } = this.state;
         const language = i18next.language;

package/dist/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sourceRoot":"","sources":["../src/label.ts"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,SAAS,CAAA;AAE7B,OAAO,EAA8B,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEpG,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,KAAK;SACZ;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,UAAU;SACjB;KACF;IACD,gBAAgB,EAAE,KAAK;IACvB,IAAI,EAAE,uBAAuB;CAC9B,CAAA;AAGc,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,QAAQ,CAAC,KAAK,CAAC;IAChD,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,IAAI;QACN,MAAM,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEhD,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAA;QACjC,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAA;IAC/F,CAAC;CACF,CAAA;AAfoB,KAAK;IADzB,cAAc,CAAC,OAAO,CAAC;GACH,KAAK,CAezB;eAfoB,KAAK","sourcesContent":["import i18next from 'i18next'\n\nimport { Component, ComponentNature, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'i18n',\n      label: 'terms',\n      name: 'terms'\n    },\n    {\n      type: 'string',\n      label: 'i18n-key',\n      name: 'key'\n    },\n    {\n      type: 'string',\n      label: 'fallback',\n      name: 'fallback'\n    }\n  ],\n  'value-property': 'key',\n  help: 'scene/component/label'\n}\n\n@sceneComponent('label')\nexport default class Label extends RectPath(Shape) {\n  get nature() {\n    return NATURE\n  }\n\n  is3dish() {\n    return true\n  }\n\n  get text() {\n    const { key, terms = {}, fallback } = this.state\n\n    const language = i18next.language\n    return terms[language] || terms[language.substr(0, 2)] || (key && i18next.t(key)) || fallback\n  }\n}\n"]}
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../src/label.ts"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,SAAS,CAAA;AAE7B,OAAO,EAAmB,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEzF,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,KAAK;SACZ;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,UAAU;SACjB;KACF;IACD,gBAAgB,EAAE,KAAK;IACvB,IAAI,EAAE,uBAAuB;CAC9B,CAAA;AAGc,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,QAAQ,CAAC,KAAK,CAAC;IAChD,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IACD,IAAI,IAAI;QACN,MAAM,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEhD,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAA;QACjC,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAA;IAC/F,CAAC;CACF,CAAA;AAVoB,KAAK;IADzB,cAAc,CAAC,OAAO,CAAC;GACH,KAAK,CAUzB;eAVoB,KAAK","sourcesContent":["import i18next from 'i18next'\n\nimport { ComponentNature, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'i18n',\n      label: 'terms',\n      name: 'terms'\n    },\n    {\n      type: 'string',\n      label: 'i18n-key',\n      name: 'key'\n    },\n    {\n      type: 'string',\n      label: 'fallback',\n      name: 'fallback'\n    }\n  ],\n  'value-property': 'key',\n  help: 'scene/component/label'\n}\n\n@sceneComponent('label')\nexport default class Label extends RectPath(Shape) {\n  get nature() {\n    return NATURE\n  }\n  get text() {\n    const { key, terms = {}, fallback } = this.state\n\n    const language = i18next.language\n    return terms[language] || terms[language.substr(0, 2)] || (key && i18next.t(key)) || fallback\n  }\n}\n"]}

package/dist/templates/label.js

@@ -3,7 +3,7 @@ export default {
     type: 'label',
     description: 'label',
     group: 'textAndMedia',
-    /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+    /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */
     icon,
     model: {
         type: 'label',

package/dist/templates/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/templates/label.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEzE,eAAe;IACb,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,cAAc;IACrB,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,OAAO;KACrB;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/scene-label.png', import.meta.url).href\n\nexport default {\n  type: 'label',\n  description: 'label',\n  group: 'textAndMedia',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'label',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 20,\n    strokeStyle: 'black'\n  }\n}\n"]}
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/templates/label.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEzE,eAAe;IACb,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,cAAc;IACrB,wHAAwH;IACxH,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,OAAO;KACrB;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/scene-label.png', import.meta.url).href\n\nexport default {\n  type: 'label',\n  description: 'label',\n  group: 'textAndMedia',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|3D|facility|storage|conveyance|transport|form|etc */\n  icon,\n  model: {\n    type: 'label',\n    left: 10,\n    top: 10,\n    width: 100,\n    height: 20,\n    strokeStyle: 'black'\n  }\n}\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-i18n",
   "description": "i18n component for things-scene",
   "author": "heartyoh",
-  "version": "10.0.0-beta.4",
+  "version": "10.0.0-beta.68",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -18,14 +18,11 @@
     "directory": "packages/i18n"
   },
   "scripts": {
-    "serve": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"things-factory-dev\"",
-    "serve:dev": "npm run serve",
     "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
     "build": "tsc",
     "prepublishOnly": "tsc",
     "lint": "eslint src/ && prettier \"src/**/*.ts\" --check",
-    "format": "eslint src/ --fix && prettier \"src/**/*.ts\" --write",
-    "migration": "things-factory-migration"
+    "format": "eslint src/ --fix && prettier \"src/**/*.ts\" --write"
   },
   "dependencies": {
     "@hatiolab/things-scene": "^10.0.0-beta.1",
@@ -35,8 +32,6 @@
   },
   "devDependencies": {
     "@hatiolab/prettier-config": "^1.0.0",
-    "@things-factory/builder": "^10.0.0-beta.1",
-    "@things-factory/operato-board": "^10.0.0-beta.1",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "@web/dev-server": "^0.1.28",
@@ -61,5 +56,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "934cd74528c987fcce55b753b9f225dca33f405b"
+  "gitHead": "fce8d69d7bb8af85cfb2e2507a8eee14130d36d7"
 }