@operato/scene-i18n 0.0.4

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+### [0.0.4](https://github.com/hatiolab/things-factory/compare/v0.0.3...v0.0.4) (2021-12-01)
+
+
+### :rocket: New Features
+
+* add @operato/scene-i18n ([92d14ff](https://github.com/hatiolab/things-factory/commit/92d14ff4bcacfb920e39470cf7537ab7560844f1))
+
+
+### :bug: Bug Fix
+
+* things-scene upgrade ([9e2c0b8](https://github.com/hatiolab/things-factory/commit/9e2c0b85b1aacb0a4ef656866259879a20cd5de4))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Hearty, Oh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,13 @@
+## build
+
+`$ yarn build`
+
+| 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      |
+
+## publish
+
+`$ yarn publish`

package/dist/src/editors/editor-i18n.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { LitElement } from 'lit';
+/**
+multiple language editor element
+
+Example:
+
+  <editor-i18n value=${map}>
+  </editor-i18n>
+*/
+export default class EditorI18n extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: {
+        [key: string]: any;
+    };
+    _inputs?: Array<HTMLInputElement>;
+    _changingNow: boolean;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    _onChange(e: Event): void;
+    _build(includeNewRecord?: boolean): void;
+    _toArray(map: {
+        [key: string]: any;
+    }): {
+        key: string;
+        value: any;
+    }[];
+    _add(): void;
+    _delete(e: MouseEvent): void;
+}

package/dist/src/editors/editor-i18n.js

@@ -0,0 +1,165 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import { LitElement, css, html } from 'lit';
+import { customElement, property, queryAll, state } from 'lit/decorators.js';
+/**
+multiple language editor element
+
+Example:
+
+  <editor-i18n value=${map}>
+  </editor-i18n>
+*/
+let EditorI18n = class EditorI18n extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = {};
+        this._changingNow = false;
+    }
+    firstUpdated() {
+        this.renderRoot.addEventListener('change', this._onChange.bind(this));
+    }
+    render() {
+        return html `
+      <datalist id="language-list">
+        <option value="en">English</option>
+        <option value="ko">한국어</option>
+        <option value="zh">中文</option>
+        <option value="ms">Bahasa Malaysia</option>
+      </datalist>
+
+      ${this._toArray(this.value).map(item => html `
+          <div data-record>
+            <input type="text" data-lng placeholder="language" .value=${item.key} list="language-list" />
+            <input type="text" data-term placeholder="term" .value=${item.value} />
+            <button class="record-action" @click=${(e) => this._delete(e)} tabindex="-1">x</button>
+          </div>
+        `)}
+
+      <div data-record-new>
+        <input type="text" data-lng placeholder="language" value="" list="language-list" />
+        <input type="text" data-term placeholder="term" value="" />
+        <button class="record-action" @click=${() => this._add()} tabindex="-1">+</button>
+      </div>
+    `;
+    }
+    _onChange(e) {
+        if (this._changingNow) {
+            return;
+        }
+        this._changingNow = true;
+        var input = e.target;
+        var value = input.value;
+        var div = input.parentElement;
+        if (div.hasAttribute('data-record')) {
+            this._build();
+        }
+        else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-term')) {
+            this._add();
+        }
+        this._changingNow = false;
+    }
+    _build(includeNewRecord) {
+        var _a;
+        if (includeNewRecord)
+            var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]');
+        else
+            var records = this.renderRoot.querySelectorAll('[data-record]');
+        var newmap = {};
+        for (var i = 0; i < records.length; i++) {
+            var record = records[i];
+            var key = (_a = record.querySelector('[data-lng]')) === null || _a === void 0 ? void 0 : _a.value;
+            var input = record.querySelector('[data-term]');
+            if (!input)
+                continue;
+            var value = input.value;
+            if (key) {
+                newmap[key] = value || '';
+            }
+        }
+        this.value = newmap;
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+    }
+    /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */
+    _toArray(map) {
+        var array = [];
+        for (var key in map) {
+            array.push({
+                key: key,
+                value: map[key]
+            });
+        }
+        return array;
+    }
+    _add() {
+        this._build(true);
+        var inputs = this._inputs || [];
+        for (var i = 0; i < inputs.length; i++) {
+            let input = inputs[i];
+            input.value = '';
+        }
+        inputs[0].focus();
+    }
+    _delete(e) {
+        var record = e.target.parentElement;
+        const lng = record === null || record === void 0 ? void 0 : record.querySelector('[data-lng]');
+        lng && (lng.value = '');
+        this._build();
+    }
+};
+EditorI18n.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        align-content: center;
+
+        width: 100%;
+        overflow: hidden;
+        border: 1px solid #ccc;
+        margin: 5px 0;
+
+        background-color: #ddd;
+      }
+
+      div {
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: center;
+      }
+
+      div > * {
+        min-width: 0px;
+        min-height: 20px;
+        margin: 2px;
+        padding: 0;
+      }
+
+      button {
+        width: 20px;
+        text-align: center;
+        border-radius: 50%;
+        font-size: 1em;
+      }
+
+      input {
+        flex: 1;
+      }
+    `
+];
+__decorate([
+    property({ type: Object })
+], EditorI18n.prototype, "value", void 0);
+__decorate([
+    queryAll('[data-record-new] input')
+], EditorI18n.prototype, "_inputs", void 0);
+__decorate([
+    state()
+], EditorI18n.prototype, "_changingNow", void 0);
+EditorI18n = __decorate([
+    customElement('editor-i18n')
+], EditorI18n);
+export default EditorI18n;
+//# sourceMappingURL=editor-i18n.js.map

package/dist/src/editors/editor-i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-i18n.js","sourceRoot":"","sources":["../../../src/editors/editor-i18n.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property, queryAll, state } from 'lit/decorators.js'\n\n/**\nmultiple language editor element\n\nExample:\n\n  <editor-i18n value=${map}>\n  </editor-i18n>\n*/\n@customElement('editor-i18n')\nexport default class EditorI18n extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        align-content: center;\n\n        width: 100%;\n        overflow: hidden;\n        border: 1px solid #ccc;\n        margin: 5px 0;\n\n        background-color: #ddd;\n      }\n\n      div {\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n      }\n\n      div > * {\n        min-width: 0px;\n        min-height: 20px;\n        margin: 2px;\n        padding: 0;\n      }\n\n      button {\n        width: 20px;\n        text-align: center;\n        border-radius: 50%;\n        font-size: 1em;\n      }\n\n      input {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: { [key: string]: any } = {}\n\n  @queryAll('[data-record-new] input') _inputs?: Array<HTMLInputElement>\n\n  @state() _changingNow: boolean = false\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onChange.bind(this))\n  }\n\n  render() {\n    return html`\n      <datalist id=\"language-list\">\n        <option value=\"en\">English</option>\n        <option value=\"ko\">한국어</option>\n        <option value=\"zh\">中文</option>\n        <option value=\"ms\">Bahasa Malaysia</option>\n      </datalist>\n\n      ${this._toArray(this.value).map(\n        item => html`\n          <div data-record>\n            <input type=\"text\" data-lng placeholder=\"language\" .value=${item.key} list=\"language-list\" />\n            <input type=\"text\" data-term placeholder=\"term\" .value=${item.value} />\n            <button class=\"record-action\" @click=${(e: MouseEvent) => this._delete(e)} tabindex=\"-1\">x</button>\n          </div>\n        `\n      )}\n\n      <div data-record-new>\n        <input type=\"text\" data-lng placeholder=\"language\" value=\"\" list=\"language-list\" />\n        <input type=\"text\" data-term placeholder=\"term\" value=\"\" />\n        <button class=\"record-action\" @click=${() => this._add()} tabindex=\"-1\">+</button>\n      </div>\n    `\n  }\n\n  _onChange(e: Event) {\n    if (this._changingNow) {\n      return\n    }\n\n    this._changingNow = true\n\n    var input = e.target as HTMLInputElement\n    var value = input.value\n\n    var div = input.parentElement as HTMLElement\n\n    if (div.hasAttribute('data-record')) {\n      this._build()\n    } else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-term')) {\n      this._add()\n    }\n\n    this._changingNow = false\n  }\n\n  _build(includeNewRecord?: boolean) {\n    if (includeNewRecord) var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]')\n    else var records = this.renderRoot.querySelectorAll('[data-record]')\n\n    var newmap: { [key: string]: string } = {}\n\n    for (var i = 0; i < records.length; i++) {\n      var record = records[i]\n\n      var key = (record.querySelector('[data-lng]') as HTMLInputElement)?.value\n      var input = record.querySelector('[data-term]') as HTMLInputElement\n      if (!input) continue\n\n      var value = input.value\n\n      if (key) {\n        newmap[key] = value || ''\n      }\n    }\n\n    this.value = newmap\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n\n  /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */\n  _toArray(map: { [key: string]: any }) {\n    var array = []\n\n    for (var key in map) {\n      array.push({\n        key: key,\n        value: map[key]\n      })\n    }\n\n    return array\n  }\n\n  _add() {\n    this._build(true)\n\n    var inputs = this._inputs || []\n\n    for (var i = 0; i < inputs.length; i++) {\n      let input = inputs[i]\n      input.value = ''\n    }\n\n    inputs[0].focus()\n  }\n\n  _delete(e: MouseEvent) {\n    var record = (e.target as HTMLElement).parentElement\n    const lng = record?.querySelector('[data-lng]') as HTMLInputElement\n    lng && (lng.value = '')\n\n    this._build()\n  }\n}\n"]}

package/dist/src/editors/index.d.ts

@@ -0,0 +1,6 @@
+import './property-editor-i18n';
+declare const _default: {
+    type: string;
+    element: string;
+}[];
+export default _default;

package/dist/src/editors/index.js

@@ -0,0 +1,11 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import './property-editor-i18n';
+export default [
+    {
+        type: 'i18n',
+        element: 'property-editor-i18n'
+    }
+];
+//# sourceMappingURL=index.js.map

package/dist/src/editors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/editors/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,wBAAwB,CAAA;AAE/B,eAAe;IACb;QACE,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,sBAAsB;KAChC;CACF,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport './property-editor-i18n'\n\nexport default [\n  {\n    type: 'i18n',\n    element: 'property-editor-i18n'\n  }\n]\n"]}

package/dist/src/editors/property-editor-i18n.d.ts

@@ -0,0 +1,5 @@
+import './editor-i18n';
+import { OxPropertyEditor } from '@operato/property-editor';
+export declare class PropertyEditorLegendStatus extends OxPropertyEditor {
+    editorTemplate(props: any): import("lit-html").TemplateResult<1>;
+}

package/dist/src/editors/property-editor-i18n.js

@@ -0,0 +1,15 @@
+import { __decorate } from "tslib";
+import './editor-i18n';
+import { OxPropertyEditor } from '@operato/property-editor';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let PropertyEditorLegendStatus = class PropertyEditorLegendStatus extends OxPropertyEditor {
+    editorTemplate(props) {
+        return html ` <editor-i18n .value=${props.value} fullwidth></editor-i18n> `;
+    }
+};
+PropertyEditorLegendStatus = __decorate([
+    customElement('property-editor-i18n')
+], PropertyEditorLegendStatus);
+export { PropertyEditorLegendStatus };
+//# sourceMappingURL=property-editor-i18n.js.map

package/dist/src/editors/property-editor-i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-editor-i18n.js","sourceRoot":"","sources":["../../../src/editors/property-editor-i18n.ts"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAA;AAEtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,0BAA0B,GAAvC,MAAa,0BAA2B,SAAQ,gBAAgB;IAC9D,cAAc,CAAC,KAAU;QACvB,OAAO,IAAI,CAAA,wBAAwB,KAAK,CAAC,KAAK,4BAA4B,CAAA;IAC5E,CAAC;CACF,CAAA;AAJY,0BAA0B;IADtC,aAAa,CAAC,sBAAsB,CAAC;GACzB,0BAA0B,CAItC;SAJY,0BAA0B","sourcesContent":["import './editor-i18n'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('property-editor-i18n')\nexport class PropertyEditorLegendStatus extends OxPropertyEditor {\n  editorTemplate(props: any) {\n    return html` <editor-i18n .value=${props.value} fullwidth></editor-i18n> `\n  }\n}\n"]}

package/dist/src/index.d.ts

@@ -0,0 +1 @@
+export { default as Label } from './label';

package/dist/src/index.js

@@ -0,0 +1,2 @@
+export { default as Label } from './label';
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA","sourcesContent":["export { default as Label } from './label'\n"]}

package/dist/src/label.d.ts

@@ -0,0 +1,19 @@
+import { Component } from '@hatiolab/things-scene';
+declare const Label_base: typeof Component;
+export default class Label extends Label_base {
+    static get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: {
+            type: string;
+            label: string;
+            name: string;
+        }[];
+        'value-property': string;
+        help: string;
+    };
+    is3dish(): boolean;
+    get text(): any;
+}
+export {};

package/dist/src/label.js

@@ -0,0 +1,44 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'i18n',
+            label: 'terms',
+            name: 'terms'
+        },
+        {
+            type: 'string',
+            label: 'i18n-key',
+            name: 'key'
+        },
+        {
+            type: 'string',
+            label: 'fallback',
+            name: 'fallback'
+        }
+    ],
+    'value-property': 'key',
+    help: 'scene/component/label'
+};
+import { Component, RectPath } from '@hatiolab/things-scene';
+import i18next from 'i18next';
+export default class Label extends RectPath(Component) {
+    static get nature() {
+        return NATURE;
+    }
+    is3dish() {
+        return true;
+    }
+    get text() {
+        const { key, terms = {}, fallback } = this.state;
+        const language = i18next.language;
+        return terms[language] || terms[language.substr(0, 2)] || (key && i18next.t(key)) || fallback;
+    }
+}
+Component.register('label', Label);
+//# sourceMappingURL=label.js.map

package/dist/src/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/label.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,GAAG;IACb,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;AAED,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAE5D,OAAO,OAAO,MAAM,SAAS,CAAA;AAE7B,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,QAAQ,CAAC,SAAS,CAAC;IACpD,MAAM,KAAK,MAAM;QACf,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;AAED,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nconst NATURE = {\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\nimport { Component, RectPath } from '@hatiolab/things-scene'\n\nimport i18next from 'i18next'\n\nexport default class Label extends RectPath(Component) {\n  static 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\nComponent.register('label', Label)\n"]}

package/dist/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/tslib/tslib.d.ts","../node_modules/@hatiolab/things-scene/things-scene.d.ts","../../../node_modules/i18next/index.d.ts","../src/label.ts","../src/index.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/@types/trusted-types/index.d.ts","../../../node_modules/lit-html/directive.d.ts","../../../node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit/index.d.ts","../../../node_modules/@lit/reactive-element/decorators/base.d.ts","../../../node_modules/@lit/reactive-element/decorators/custom-element.d.ts","../../../node_modules/@lit/reactive-element/decorators/property.d.ts","../../../node_modules/@lit/reactive-element/decorators/state.d.ts","../../../node_modules/@lit/reactive-element/decorators/event-options.d.ts","../../../node_modules/@lit/reactive-element/decorators/query.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-all.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-async.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-nodes.d.ts","../../../node_modules/lit/decorators.d.ts","../src/editors/editor-i18n.ts","../../../node_modules/@operato/property-editor/dist/src/ox-property-editor.d.ts","../../../node_modules/@operato/property-editor/dist/src/index.d.ts","../src/editors/property-editor-i18n.ts","../src/editors/index.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts"],"fileInfos":[{"version":"6adbf5efd0e374ff5f427a4f26a5a413e9734eee5067a0e86da69aea41910b52","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","e6b724280c694a9f588847f754198fb96c43d805f065c3a5b28bbc9594541c84","e21c071ca3e1b4a815d5f04a7475adcaeea5d64367e840dd0154096d705c3940",{"version":"abba1071bfd89e55e88a054b0c851ea3e8a494c340d0f3fab19eb18f6afb0c9e","affectsGlobalScope":true},{"version":"d8996609230d17e90484a2dd58f22668f9a05a3bfe00bfb1d6271171e54a31fb","affectsGlobalScope":true},{"version":"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"4378fc8122ec9d1a685b01eb66c46f62aba6b239ca7228bb6483bcf8259ee493","affectsGlobalScope":true},{"version":"0d5f52b3174bee6edb81260ebcd792692c32c81fd55499d69531496f3f2b25e7","affectsGlobalScope":true},{"version":"810627a82ac06fb5166da5ada4159c4ec11978dfbb0805fe804c86406dab8357","affectsGlobalScope":true},{"version":"62d80405c46c3f4c527ee657ae9d43fda65a0bf582292429aea1e69144a522a6","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"75ec0bdd727d887f1b79ed6619412ea72ba3c81d92d0787ccb64bab18d261f14","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"d154ea5bb7f7f9001ed9153e876b2d5b8f5c2bb9ec02b3ae0d239ec769f1f2ae","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"6e7997ef61de3132e4d4b2250e75343f487903ddf5370e7ce33cf1b9db9a63ed","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},{"version":"1b3fe904465430e030c93239a348f05e1be80640d91f2f004c3512c2c2c89f34","affectsGlobalScope":true},{"version":"3787b83e297de7c315d55d4a7c546ae28e5f6c0a361b7a1dcec1f1f50a54ef11","affectsGlobalScope":true},{"version":"e7e8e1d368290e9295ef18ca23f405cf40d5456fa9f20db6373a61ca45f75f40","affectsGlobalScope":true},{"version":"faf0221ae0465363c842ce6aa8a0cbda5d9296940a8e26c86e04cc4081eea21e","affectsGlobalScope":true},{"version":"06393d13ea207a1bfe08ec8d7be562549c5e2da8983f2ee074e00002629d1871","affectsGlobalScope":true},{"version":"d071129cba6a5f2700be09c86c07ad2791ab67d4e5ed1eb301d6746c62745ea4","affectsGlobalScope":true},{"version":"10bbdc1981b8d9310ee75bfac28ee0477bb2353e8529da8cff7cb26c409cb5e8","affectsGlobalScope":true},"12f4cfe2fe60b810c3174537bc2ddb20c1067b7768643d12cb1266fd183afb75","4ddc7832014ce8dae75461c71b8e6af7281cfb2eba4d6e4c2deb6300044cf4ce","c44dfb1945045dd2d0affce0f09f4f37eb504e69e1b114b61570b94bc2625b54","cbdc8a9eebf88d7474a33b860df9bb27ba55095f218390dbd8ae1657f8898eda","1660bd87049b880d73617210c495ea19825156e43d3fbe1d633f2c9ec77cec13","0c8a56610b08f55e29ffb466cd27626ad6dbe822312a398026e82270c63088e3","1e5743b25a63fd34ffbae89adcbf248ee17db6ed08d90079ffa93803c3e80d2a","7b33ee85f2e96a51c0e3bcee47b247a24515aff37a7d8b5dfe4e18b735d37440","2fcd2d22b1f30555e785105597cd8f57ed50300e213c4f1bbca6ae149f782c38",{"version":"bb4248c7f953233ac52332088fac897d62b82be07244e551d87c5049600b6cf7","affectsGlobalScope":true},"70f04c91d3186b1b10157157887fab664968fc9b88377785a5ee42750c202c6d","06e20da1bc94df355f22ac7a9533c2488816ec4cb9134d9b160a263629a07072","c311ef8d8b159d0c268b415f78c1949498dc2d14455a9891c5b8ef84625b1e41","f07a77a7fb1d49aa2b61cb68bf712a083487acd7130d20223a83de03af0c257d","97c58f6db61d45712d91d2260994817ae2b568bbb37cc280013079b6b5d2232d","ac388c7c7a262213a3700451bc921e382a93fb27c0252c34ccf03540b4ce044b","9bdb35d0b28dcd5d8f0879bd29f0cf07b7eb48aa63be4dd44057e32fcfeb1c83","fb0107c83e2e0e75b77dacd0c3c6c3ab6844e98dce2a8f858c6f0a57c12136a6","84610cf09dee3cefc910555318f1ad7b45f1cba36905a86849324ca4fead2385","a25d1e52291791819032826af5c52987e16ffdb96e8bb69f7f1790f5ab080be6","d660961abada6b5030461f3322ef3a2e1d9fec74167574f8b590a7796cf90a72","707b4eae3d469b2f347d2083037151922f94c370a9456ebd5ac0a4fb7441c7e7","ef509d57201aa4e2e3e2b3d1fafd066a8ce68cd2caea737d539c3544f5a99a67","84c66a77a1302611ea5001dc88d10de1b5d87c6b2f30a48585495217421ce1ac","abe8e160512e2a7b4d61acca9412bc76d62044145cd189a24f8e8678ccf8b5bf","48997560f6ca5fd8b4233b69d1f9cbac88d26719e925fff493fdebb5198b675f","a1045a03e654de1219e85600f7589af7a91e4ac37e2aff114f2ceba34111d34d","f0c3a30ca322b9fb2a9615948a4066dc289e5ca57886587d544a81d99027ea0a","559ff8c1df6e22cb887bd05a4b7d10e50bbbf2a23774ca86c21e4cc1e9667660","0d5a2ee1fdfa82740e0103389b9efd6bfe145a20018a2da3c02b89666181f4d9","a69c09dbea52352f479d3e7ac949fde3d17b195abe90b045d619f747b38d6d1a",{"version":"92d63add669d18ebc349efbacd88966d6f2ccdddfb1b880b2db98ae3aa7bf7c4","affectsGlobalScope":true},"ccc94049a9841fe47abe5baef6be9a38fc6228807974ae675fb15dc22531b4be",{"version":"9acfe4d1ff027015151ce81d60797b04b52bffe97ad8310bb0ec2e8fd61e1303","affectsGlobalScope":true},"95843d5cfafced8f3f8a5ce57d2335f0bcd361b9483587d12a25e4bd403b8216","afc6e96061af46bcff47246158caee7e056f5288783f2d83d6858cd25be1c565",{"version":"34f5bcac12b36d70304b73de5f5aab3bb91bd9919f984be80579ebcad03a624e","affectsGlobalScope":true},"82408ed3e959ddc60d3e9904481b5a8dc16469928257af22a3f7d1a3bc7fd8c4","2f520601649a893e6a49a8851ebfcf4be8ce090dc1281c2a08a871cb04e8251f","f50c975ab7b50e25a69e3d8a3773894125b44e9698924105f23b812bf7488baf","2b8c764f856a1dd0a9a2bf23e5efddbff157de8138b0754010be561ae5fcaa90","76650408392bf49a8fbf3e2b6b302712a92d76af77b06e2da1cc8077359c4409","0af3121e68297b2247dd331c0d24dba599e50736a7517a5622d5591aae4a3122","6972fca26f6e9bd56197568d4379f99071a90766e06b4fcb5920a0130a9202be",{"version":"4a2628e95962c8ab756121faa3ac2ed348112ff7a87b5c286dd2cc3326546b4c","affectsGlobalScope":true},"80793b2277f31baa199234daed806fff0fb11491d1ebd3357e520c3558063f00","a049a59a02009fc023684fcfaf0ac526fe36c35dcc5d2b7d620c1750ba11b083","5533392c50c51b1a5c32b89f13145db929c574ef1c5949cf67a074a05ea107d9","b287b810b5035d5685f1df6e1e418f1ca452a3ed4f59fd5cc081dbf2045f0d9b","4b9a003b5c556c96784132945bb41c655ea11273b1917f5c8d0c154dd5fd20dd","a458dc78104cc80048ac24fdc02fe6dce254838094c2f25641b3f954d9721241",{"version":"e8b18c6385ff784228a6f369694fcf1a6b475355ba89090a88de13587a9391d5","affectsGlobalScope":true},"902cd98bf46e95caf4118a0733fb801e9e90eec3edaed6abdad77124afec9ca2","abc1c425b2ad6720433f40f1877abfa4223f0f3dd486c9c28c492179ca183cb6","cd4854d38f4eb5592afd98ab95ca17389a7dfe38013d9079e802d739bdbcc939","94eed4cc2f5f658d5e229ff1ccd38860bddf4233e347bf78edd2154dee1f2b99",{"version":"bd1a08e30569b0fb2f0b21035eb9b039871f68faa9b98accf847e9c878c5e0a9","affectsGlobalScope":true},"9f1069b9e2c051737b1f9b4f1baf50e4a63385a6a89c32235549ae87fc3d5492","ee18f2da7a037c6ceeb112a084e485aead9ea166980bf433474559eac1b46553","29c2706fa0cc49a2bd90c83234da33d08bb9554ecec675e91c1f85087f5a5324","0acbf26bf958f9e80c1ffa587b74749d2697b75b484062d36e103c137c562bc3","d7838022c7dab596357a9604b9c6adffe37dc34085ce0779c958ce9545bd7139","1b952304137851e45bc009785de89ada562d9376177c97e37702e39e60c2f1ff",{"version":"806ef4cac3b3d9fa4a48d849c8e084d7c72fcd7b16d76e06049a9ed742ff79c0","affectsGlobalScope":true},"a7971f9fb2a32ec7788ec6cda9d7a33c02023dfe9a62db2030ad1359649d8050","c33a6ea7147af60d8e98f1ac127047f4b0d4e2ce28b8f08ff3de07ca7cc00637",{"version":"b42b47e17b8ece2424ae8039feb944c2e3ba4b262986aebd582e51efbdca93dc","affectsGlobalScope":true},"664d8f2d59164f2e08c543981453893bc7e003e4dfd29651ce09db13e9457980","2408611d9b4146e35d1dbd1f443ccd8e187c74614a54b80300728277529dbf11","998a3de5237518c0b3ac00a11b3b4417affb008aa20aedee52f3fdae3cb86151","ad41008ffe077206e1811fc873f4d9005b5fd7f6ab52bb6118fef600815a5cb4","d88ecca73348e7c337541c4b8b60a50aca5e87384f6b8a422fc6603c637e4c21","badae0df9a8016ac36994b0a0e7b82ba6aaa3528e175a8c3cb161e4683eec03e","c3db860bcaaaeb3bbc23f353bbda1f8ab82756c8d5e973bebb3953cb09ea68f2","235a53595bd20b0b0eeb1a29cb2887c67c48375e92f03749b2488fbd46d0b1a0","bc09393cd4cd13f69cf1366d4236fbae5359bb550f0de4e15767e9a91d63dfb1","9c266243b01545e11d2733a55ad02b4c00ecdbda99c561cd1674f96e89cdc958","c71155c05fc76ff948a4759abc1cb9feec036509f500174bc18dad4c7827a60c",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"1cdb8f094b969dcc183745dc88404e2d8fcf2a858c6e7cc2441011476573238e"],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":false,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5},"fileIdsList":[[112],[47,112],[54,112],[47,54,112],[45,46,112],[65,112],[51,53,112],[69,112],[72,112],[73,78,112],[74,84,85,92,101,111,112],[74,75,84,92,112],[76,112],[77,78,85,93,112],[78,101,108,112],[79,81,84,92,112],[80,112],[81,82,112],[83,84,112],[84,112],[84,85,86,101,111,112],[84,85,86,101,112],[87,92,101,111,112],[84,85,87,88,92,101,108,111,112],[87,89,101,108,111,112],[69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118],[84,90,112],[91,111,112],[81,84,92,101,112],[93,112],[94,112],[72,95,112],[96,110,112,116],[97,112],[98,112],[84,99,112],[99,100,112,114],[84,101,102,103,112],[101,103,112],[101,102,112],[104,112],[105,112],[84,106,107,112],[106,107,112],[78,92,108,112],[109,112],[92,110,112],[73,87,98,111,112],[78,112],[101,112,113],[112,114],[112,115],[73,78,84,86,95,101,111,112,114,116],[101,112,117],[48,112],[47,51,112],[51,112],[49,50,112],[55,56,57,58,59,60,61,62,112],[47,51,52,112],[40,53,63,112],[40,67,112],[40,53,63,64,66,112],[40,43,112],[40,41,42,112]],"referencedMap":[[45,1],[54,2],[55,3],[58,4],[56,4],[60,4],[62,4],[61,4],[59,4],[57,3],[46,1],[47,5],[66,6],[65,7],[69,8],[70,8],[72,9],[73,10],[74,11],[75,12],[76,13],[77,14],[78,15],[79,16],[80,17],[81,18],[82,18],[83,19],[84,20],[85,21],[86,22],[71,1],[118,1],[87,23],[88,24],[89,25],[119,26],[90,27],[91,28],[92,29],[93,30],[94,31],[95,32],[96,33],[97,34],[98,35],[99,36],[100,37],[101,38],[103,39],[102,40],[104,41],[105,42],[106,43],[107,44],[108,45],[109,46],[110,47],[111,48],[112,49],[113,50],[114,51],[115,52],[116,53],[117,54],[49,55],[48,1],[42,1],[52,56],[50,57],[51,58],[63,59],[53,60],[40,1],[8,1],[10,1],[9,1],[2,1],[11,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[3,1],[4,1],[22,1],[19,1],[20,1],[21,1],[23,1],[24,1],[25,1],[5,1],[26,1],[27,1],[28,1],[29,1],[6,1],[30,1],[31,1],[32,1],[33,1],[7,1],[38,1],[34,1],[35,1],[36,1],[37,1],[1,1],[39,1],[41,1],[64,61],[68,62],[67,63],[44,64],[43,65]],"exportedModulesMap":[[45,1],[54,2],[55,3],[58,4],[56,4],[60,4],[62,4],[61,4],[59,4],[57,3],[46,1],[47,5],[66,6],[65,7],[69,8],[70,8],[72,9],[73,10],[74,11],[75,12],[76,13],[77,14],[78,15],[79,16],[80,17],[81,18],[82,18],[83,19],[84,20],[85,21],[86,22],[71,1],[118,1],[87,23],[88,24],[89,25],[119,26],[90,27],[91,28],[92,29],[93,30],[94,31],[95,32],[96,33],[97,34],[98,35],[99,36],[100,37],[101,38],[103,39],[102,40],[104,41],[105,42],[106,43],[107,44],[108,45],[109,46],[110,47],[111,48],[112,49],[113,50],[114,51],[115,52],[116,53],[117,54],[49,55],[48,1],[42,1],[52,56],[50,57],[51,58],[63,59],[53,60],[40,1],[8,1],[10,1],[9,1],[2,1],[11,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[3,1],[4,1],[22,1],[19,1],[20,1],[21,1],[23,1],[24,1],[25,1],[5,1],[26,1],[27,1],[28,1],[29,1],[6,1],[30,1],[31,1],[32,1],[33,1],[7,1],[38,1],[34,1],[35,1],[36,1],[37,1],[1,1],[39,1],[41,1],[64,61],[68,62],[67,63],[44,64],[43,65]],"semanticDiagnosticsPerFile":[45,54,55,58,56,60,62,61,59,57,46,47,66,65,69,70,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,71,118,87,88,89,119,90,91,92,93,94,95,96,97,98,99,100,101,103,102,104,105,106,107,108,109,110,111,112,113,114,115,116,117,49,48,42,52,50,51,63,53,40,8,10,9,2,11,12,13,14,15,16,17,18,3,4,22,19,20,21,23,24,25,5,26,27,28,29,6,30,31,32,33,7,38,34,35,36,37,1,39,41,64,68,67,44,43]},"version":"4.5.2"}

package/helps/scene/component/label.md

@@ -0,0 +1,18 @@
+# label
+
+```label``` is a component for static labeling that can define multilingual terms.
+
+The order of multilingual application is as follows.
+- Among the terms, the one that corresponds to the language currently in use
+- If the i18n key is defined, the value of the i18next multilingual definition package is applied.
+- Finally, the value defined in fallback is applied.
+
+## Properties
+
+- terms
+  - User-defined multilingual term definitions. 
+  - A language abbreviation is defined as a key, and a term is defined in that language.
+- i18n key
+  - The key of i18next multilingual definition package
+- fallback
+  - Default value

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@operato/scene-i18n",
+  "description": "i18n component for things-scene",
+  "license": "MIT",
+  "author": "heartyoh",
+  "version": "0.0.4",
+  "main": "dist/src/index.js",
+  "module": "dist/src/index.js",
+  "things-scene": true,
+  "publishConfig": {
+    "access": "public",
+    "@oprato:registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hatiolab/things-factory.git",
+    "directory": "packages/scene-i18n"
+  },
+  "scripts": {
+    "serve": "tsc && things-factory-dev",
+    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "build": "tsc",
+    "prepublish": "tsc",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "migration": "things-factory-migration"
+  },
+  "dependencies": {
+    "@operato/property-editor": "^0.2.30",
+    "i18next": "^21.5.4",
+    "lit": "^2.0.2"
+  },
+  "devDependencies": {
+    "@hatiolab/prettier-config": "^1.0.0",
+    "@hatiolab/things-scene": "^2.7.15",
+    "@operato/board": "^0.2.27",
+    "@things-factory/builder": "^4.0.6",
+    "@things-factory/operato-board": "^4.0.6",
+    "@types/chance": "^1.1.3",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
+    "@web/dev-server": "^0.1.28",
+    "concurrently": "^5.3.0",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "husky": "^4.3.8",
+    "lint-staged": "^10.5.4",
+    "prettier": "^2.4.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.5.2"
+  },
+  "prettier": "@hatiolab/prettier-config",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
+  "gitHead": "853ccc00f65e96f0d4807400d792a76fe9ef62d1"
+}

package/src/editors/editor-i18n.ts

@@ -0,0 +1,175 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+
+import { LitElement, css, html } from 'lit'
+import { customElement, property, queryAll, state } from 'lit/decorators.js'
+
+/**
+multiple language editor element
+
+Example:
+
+  <editor-i18n value=${map}>
+  </editor-i18n>
+*/
+@customElement('editor-i18n')
+export default class EditorI18n extends LitElement {
+  static styles = [
+    css`
+      :host {
+        display: flex;
+        flex-direction: column;
+        align-content: center;
+
+        width: 100%;
+        overflow: hidden;
+        border: 1px solid #ccc;
+        margin: 5px 0;
+
+        background-color: #ddd;
+      }
+
+      div {
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: center;
+      }
+
+      div > * {
+        min-width: 0px;
+        min-height: 20px;
+        margin: 2px;
+        padding: 0;
+      }
+
+      button {
+        width: 20px;
+        text-align: center;
+        border-radius: 50%;
+        font-size: 1em;
+      }
+
+      input {
+        flex: 1;
+      }
+    `
+  ]
+
+  @property({ type: Object }) value: { [key: string]: any } = {}
+
+  @queryAll('[data-record-new] input') _inputs?: Array<HTMLInputElement>
+
+  @state() _changingNow: boolean = false
+
+  firstUpdated() {
+    this.renderRoot.addEventListener('change', this._onChange.bind(this))
+  }
+
+  render() {
+    return html`
+      <datalist id="language-list">
+        <option value="en">English</option>
+        <option value="ko">한국어</option>
+        <option value="zh">中文</option>
+        <option value="ms">Bahasa Malaysia</option>
+      </datalist>
+
+      ${this._toArray(this.value).map(
+        item => html`
+          <div data-record>
+            <input type="text" data-lng placeholder="language" .value=${item.key} list="language-list" />
+            <input type="text" data-term placeholder="term" .value=${item.value} />
+            <button class="record-action" @click=${(e: MouseEvent) => this._delete(e)} tabindex="-1">x</button>
+          </div>
+        `
+      )}
+
+      <div data-record-new>
+        <input type="text" data-lng placeholder="language" value="" list="language-list" />
+        <input type="text" data-term placeholder="term" value="" />
+        <button class="record-action" @click=${() => this._add()} tabindex="-1">+</button>
+      </div>
+    `
+  }
+
+  _onChange(e: Event) {
+    if (this._changingNow) {
+      return
+    }
+
+    this._changingNow = true
+
+    var input = e.target as HTMLInputElement
+    var value = input.value
+
+    var div = input.parentElement as HTMLElement
+
+    if (div.hasAttribute('data-record')) {
+      this._build()
+    } else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-term')) {
+      this._add()
+    }
+
+    this._changingNow = false
+  }
+
+  _build(includeNewRecord?: boolean) {
+    if (includeNewRecord) var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]')
+    else var records = this.renderRoot.querySelectorAll('[data-record]')
+
+    var newmap: { [key: string]: string } = {}
+
+    for (var i = 0; i < records.length; i++) {
+      var record = records[i]
+
+      var key = (record.querySelector('[data-lng]') as HTMLInputElement)?.value
+      var input = record.querySelector('[data-term]') as HTMLInputElement
+      if (!input) continue
+
+      var value = input.value
+
+      if (key) {
+        newmap[key] = value || ''
+      }
+    }
+
+    this.value = newmap
+    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))
+  }
+
+  /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */
+  _toArray(map: { [key: string]: any }) {
+    var array = []
+
+    for (var key in map) {
+      array.push({
+        key: key,
+        value: map[key]
+      })
+    }
+
+    return array
+  }
+
+  _add() {
+    this._build(true)
+
+    var inputs = this._inputs || []
+
+    for (var i = 0; i < inputs.length; i++) {
+      let input = inputs[i]
+      input.value = ''
+    }
+
+    inputs[0].focus()
+  }
+
+  _delete(e: MouseEvent) {
+    var record = (e.target as HTMLElement).parentElement
+    const lng = record?.querySelector('[data-lng]') as HTMLInputElement
+    lng && (lng.value = '')
+
+    this._build()
+  }
+}

package/src/editors/index.ts

@@ -0,0 +1,11 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import './property-editor-i18n'
+
+export default [
+  {
+    type: 'i18n',
+    element: 'property-editor-i18n'
+  }
+]

package/src/editors/property-editor-i18n.ts

@@ -0,0 +1,12 @@
+import './editor-i18n'
+
+import { OxPropertyEditor } from '@operato/property-editor'
+import { customElement } from 'lit/decorators.js'
+import { html } from 'lit'
+
+@customElement('property-editor-i18n')
+export class PropertyEditorLegendStatus extends OxPropertyEditor {
+  editorTemplate(props: any) {
+    return html` <editor-i18n .value=${props.value} fullwidth></editor-i18n> `
+  }
+}

package/src/index.ts

@@ -0,0 +1 @@
+export { default as Label } from './label'

package/src/label.ts

@@ -0,0 +1,51 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const NATURE = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [
+    {
+      type: 'i18n',
+      label: 'terms',
+      name: 'terms'
+    },
+    {
+      type: 'string',
+      label: 'i18n-key',
+      name: 'key'
+    },
+    {
+      type: 'string',
+      label: 'fallback',
+      name: 'fallback'
+    }
+  ],
+  'value-property': 'key',
+  help: 'scene/component/label'
+}
+
+import { Component, RectPath } from '@hatiolab/things-scene'
+
+import i18next from 'i18next'
+
+export default class Label extends RectPath(Component) {
+  static get nature() {
+    return NATURE
+  }
+
+  is3dish() {
+    return true
+  }
+
+  get text() {
+    const { key, terms = {}, fallback } = this.state
+
+    const language = i18next.language
+    return terms[language] || terms[language.substr(0, 2)] || (key && i18next.t(key)) || fallback
+  }
+}
+
+Component.register('label', Label)

package/templates/index.js

@@ -0,0 +1,3 @@
+import label from './label'
+
+export default [label]

package/templates/label.js

@@ -0,0 +1,17 @@
+import icon from './scene-label.png'
+
+export default {
+  type: 'label',
+  description: 'label',
+  group: 'textAndMedia',
+  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+  icon,
+  model: {
+    type: 'label',
+    left: 10,
+    top: 10,
+    width: 100,
+    height: 20,
+    strokeStyle: 'black'
+  }
+}

package/things-scene.config.js

@@ -0,0 +1,7 @@
+import editors from './dist/src/editors'
+import templates from './templates'
+
+export default {
+  templates,
+  editors
+}

package/translations/en.json

@@ -0,0 +1,6 @@
+{
+  "label.fallback": "fallback",
+  "label.i18n-key": "i18n key",
+  "label.term": "term",
+  "label.terms": "terms"
+}

package/translations/ko.json

@@ -0,0 +1,6 @@
+{
+  "label.fallback": "기본값",
+  "label.i18n-key": "다국어 키",
+  "label.term": "용어",
+  "label.terms": "용어 정의"
+}

package/translations/ms.json

@@ -0,0 +1,6 @@
+{
+  "label.fallback": "[ms] fallback",
+  "label.i18n-key": "[ms] i18n key",
+  "label.term": "[ms] term",
+  "label.terms": "[ms] terms"
+}

package/translations/zh.json

@@ -0,0 +1,6 @@
+{
+  "label.fallback": "[zh] fallback",
+  "label.i18n-key": "[zh] i18n key",
+  "label.term": "[zh] term",
+  "label.terms": "[zh] terms"
+}

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "es2018",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noEmitOnError": true,
+    "lib": ["es2017", "dom"],
+    "strict": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "outDir": "dist",
+    "sourceMap": true,
+    "inlineSources": true,
+    "rootDir": "./",
+    "declaration": true,
+    "incremental": true,
+    "types": ["node"]
+  },
+  "include": ["**/*.ts", "*.d.ts"]
+}