@operato/board 9.0.0-beta.5 → 9.0.0-beta.52

package/dist/src/modeller/property-sidebar/effects/property-event-hover.js

@@ -1,182 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import '@operato/input/ox-input-data.js';
-import '@operato/i18n/ox-i18n.js';
-import { css, html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { EffectsSharedStyle } from './effects-shared-style.js';
-import { convert } from './value-converter.js';
-const SETS_ACTION = ['data-set', 'partial-data-set', 'value-set', 'partial-value-set'];
-export class PropertyEventHover extends LitElement {
-    firstUpdated() {
-        this.renderRoot.addEventListener('change', this._onValueChange.bind(this));
-    }
-    render() {
-        var { action, value = '', target = '', emphasize, restore } = this.value || {};
-        return html `
-      <input id="checkbox-emphasize" type="checkbox" value-key="emphasize" .checked=${emphasize} />
-      <label for="checkbox-emphasize" class="checkbox-label">
-        <ox-i18n msgid="label.emphasize">emphasize</ox-i18n>
-      </label>
-
-      <label> <ox-i18n msgid="label.action">action</ox-i18n> </label>
-      <select id="tap-select" value-key="action" .value=${action || ''}>
-        <option value=""></option>
-        <option value="popup">popup target board</option>
-        <option value="info-window">open infowindow</option>
-        <option value="data-toggle">toggle(true/false) target component data</option>
-        <option value="data-tristate">tristate(0/1/2) target component data</option>
-        <option value="data-set">set value to target component data</option>
-        <option value="value-set">set value to target component value</option>
-        <option value="mouse-cursor">change mouse cursor to target style</option>
-      </select>
-
-      <label> <ox-i18n msgid="label.target">target</ox-i18n> </label>
-
-      ${action == 'popup'
-            ? html `
-            <ox-editor-board-selector value-key="target" .value=${target} custom-editor></ox-editor-board-selector>
-          `
-            : html `
-            <input
-              value-key="target"
-              .value=${target || ''}
-              list="target-list"
-              .placeholder="${this._getPlaceHoder(action)}"
-            />
-
-            <datalist id="target-list">
-              ${this._getTargetList(action).map(({ value, description, class: clazz }) => html `
-                  <option .value=${value} class=${ifDefined(clazz)}>${description}</option>
-                `)}
-            </datalist>
-          `}
-      ${SETS_ACTION.indexOf(action) != -1
-            ? html `
-            <label> <ox-i18n msgid="label.value">value</ox-i18n> </label>
-            <ox-input-data value-key="value" .value=${value} custom-editor fullwidth></ox-input-data>
-          `
-            : html ``}
-
-      <input id="checkbox-restore" type="checkbox" value-key="restore" .checked=${restore} />
-      <label for="checkbox-restore" class="checkbox-label">
-        <ox-i18n msgid="label.restore-on-leave">restore on leave</ox-i18n>
-      </label>
-    `;
-    }
-    _getPlaceHoder(action) {
-        switch (action) {
-            case 'popup':
-            case 'goto':
-                return 'SCENE-100';
-            case 'link-open':
-            case 'link-move':
-                return 'http://www.hatiolab.com/';
-            default:
-                return '';
-        }
-    }
-    _getTargetList(action) {
-        switch (action) {
-            case 'data-toggle':
-            case 'data-tristate':
-            case 'data-set':
-            case 'value-set':
-            case 'partial-data-set':
-            case 'partial-value-set':
-                let ids = (this.scene &&
-                    this.scene.ids.map(i => {
-                        var _a;
-                        const id = i.key;
-                        return { value: `#${id}`, description: (_a = this.scene.findById(id)) === null || _a === void 0 ? void 0 : _a.get('type') };
-                    })) ||
-                    [];
-                ids.unshift({ value: '(self)', description: 'self component' });
-                return ids;
-            case 'info-window':
-                return ((this.scene &&
-                    this.scene.ids
-                        .filter(i => {
-                        return this.scene.findById(i.key).get('type') == 'info-window';
-                    })
-                        .map(i => {
-                        var _a;
-                        const id = i.key;
-                        return { value: `#${id}`, description: (_a = this.scene.findById(id)) === null || _a === void 0 ? void 0 : _a.get('type') };
-                    })) ||
-                    []);
-            case 'mouse-cursor':
-                return ['auto', 'pointer', 'default', 'move', 'text', 'wait', 'help', 'crosshair', 'not-allowed', 'grab'].map(style => {
-                    return { value: style, class: `cursor-${style}` };
-                });
-            default:
-                return [];
-        }
-    }
-    _onValueChange(e) {
-        var element = e.target;
-        var key = element.getAttribute('value-key');
-        if (!key) {
-            return;
-        }
-        this.value = {
-            ...this.value,
-            [key]: convert(element)
-        };
-        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
-    }
-}
-PropertyEventHover.styles = [
-    EffectsSharedStyle,
-    css `
-      datalist option.cursor-auto {
-        cursor: auto;
-      }
-
-      datalist option.cursor-pointer {
-        cursor: pointer;
-      }
-
-      datalist option.cursor-default {
-        cursor: default;
-      }
-
-      datalist option.cursor-move {
-        cursor: move;
-      }
-
-      datalist option.cursor-text {
-        cursor: text;
-      }
-
-      datalist option.cursor-wait {
-        cursor: wait;
-      }
-
-      datalist option.cursor-help {
-        cursor: help;
-      }
-
-      datalist option.cursor-crosshair {
-        cursor: crosshair;
-      }
-
-      datalist option.cursor-not-allowed {
-        cursor: not-allowed;
-      }
-
-      datalist option.cursor-grab {
-        cursor: grab;
-      }
-    `
-];
-__decorate([
-    property({ type: Object })
-], PropertyEventHover.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], PropertyEventHover.prototype, "scene", void 0);
-//# sourceMappingURL=property-event-hover.js.map

package/dist/src/modeller/property-sidebar/effects/property-event-hover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"property-event-hover.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/property-event-hover.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/input/ox-input-data.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { Properties, Scene } from '@hatiolab/things-scene'\n\nimport { EffectsSharedStyle } from './effects-shared-style.js'\nimport { convert } from './value-converter.js'\n\nconst SETS_ACTION = ['data-set', 'partial-data-set', 'value-set', 'partial-value-set']\n\nexport class PropertyEventHover extends LitElement {\n  static styles = [\n    EffectsSharedStyle,\n    css`\n      datalist option.cursor-auto {\n        cursor: auto;\n      }\n\n      datalist option.cursor-pointer {\n        cursor: pointer;\n      }\n\n      datalist option.cursor-default {\n        cursor: default;\n      }\n\n      datalist option.cursor-move {\n        cursor: move;\n      }\n\n      datalist option.cursor-text {\n        cursor: text;\n      }\n\n      datalist option.cursor-wait {\n        cursor: wait;\n      }\n\n      datalist option.cursor-help {\n        cursor: help;\n      }\n\n      datalist option.cursor-crosshair {\n        cursor: crosshair;\n      }\n\n      datalist option.cursor-not-allowed {\n        cursor: not-allowed;\n      }\n\n      datalist option.cursor-grab {\n        cursor: grab;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value?: Properties\n  @property({ type: Object }) scene?: Scene\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  render() {\n    var { action, value = '', target = '', emphasize, restore } = this.value || {}\n\n    return html`\n      <input id=\"checkbox-emphasize\" type=\"checkbox\" value-key=\"emphasize\" .checked=${emphasize} />\n      <label for=\"checkbox-emphasize\" class=\"checkbox-label\">\n        <ox-i18n msgid=\"label.emphasize\">emphasize</ox-i18n>\n      </label>\n\n      <label> <ox-i18n msgid=\"label.action\">action</ox-i18n> </label>\n      <select id=\"tap-select\" value-key=\"action\" .value=${action || ''}>\n        <option value=\"\"></option>\n        <option value=\"popup\">popup target board</option>\n        <option value=\"info-window\">open infowindow</option>\n        <option value=\"data-toggle\">toggle(true/false) target component data</option>\n        <option value=\"data-tristate\">tristate(0/1/2) target component data</option>\n        <option value=\"data-set\">set value to target component data</option>\n        <option value=\"value-set\">set value to target component value</option>\n        <option value=\"mouse-cursor\">change mouse cursor to target style</option>\n      </select>\n\n      <label> <ox-i18n msgid=\"label.target\">target</ox-i18n> </label>\n\n      ${action == 'popup'\n        ? html`\n            <ox-editor-board-selector value-key=\"target\" .value=${target} custom-editor></ox-editor-board-selector>\n          `\n        : html`\n            <input\n              value-key=\"target\"\n              .value=${target || ''}\n              list=\"target-list\"\n              .placeholder=\"${this._getPlaceHoder(action)}\"\n            />\n\n            <datalist id=\"target-list\">\n              ${this._getTargetList(action).map(\n                ({ value, description, class: clazz }) => html`\n                  <option .value=${value} class=${ifDefined(clazz)}>${description}</option>\n                `\n              )}\n            </datalist>\n          `}\n      ${SETS_ACTION.indexOf(action) != -1\n        ? html`\n            <label> <ox-i18n msgid=\"label.value\">value</ox-i18n> </label>\n            <ox-input-data value-key=\"value\" .value=${value} custom-editor fullwidth></ox-input-data>\n          `\n        : html``}\n\n      <input id=\"checkbox-restore\" type=\"checkbox\" value-key=\"restore\" .checked=${restore} />\n      <label for=\"checkbox-restore\" class=\"checkbox-label\">\n        <ox-i18n msgid=\"label.restore-on-leave\">restore on leave</ox-i18n>\n      </label>\n    `\n  }\n\n  _getPlaceHoder(action: string) {\n    switch (action) {\n      case 'popup':\n      case 'goto':\n        return 'SCENE-100'\n      case 'link-open':\n      case 'link-move':\n        return 'http://www.hatiolab.com/'\n      default:\n        return ''\n    }\n  }\n\n  _getTargetList(action: string): { value: string; description?: string; class?: string }[] {\n    switch (action) {\n      case 'data-toggle':\n      case 'data-tristate':\n      case 'data-set':\n      case 'value-set':\n      case 'partial-data-set':\n      case 'partial-value-set':\n        let ids =\n          (this.scene &&\n            this.scene.ids.map(i => {\n              const id = i.key\n              return { value: `#${id}`, description: this.scene!.findById(id)?.get('type') }\n            })) ||\n          []\n        ids.unshift({ value: '(self)', description: 'self component' })\n        return ids\n\n      case 'info-window':\n        return (\n          (this.scene &&\n            this.scene.ids\n              .filter(i => {\n                return this.scene!.findById(i.key).get('type') == 'info-window'\n              })\n              .map(i => {\n                const id = i.key\n                return { value: `#${id}`, description: this.scene!.findById(id)?.get('type') }\n              })) ||\n          []\n        )\n\n      case 'mouse-cursor':\n        return ['auto', 'pointer', 'default', 'move', 'text', 'wait', 'help', 'crosshair', 'not-allowed', 'grab'].map(\n          style => {\n            return { value: style, class: `cursor-${style}` }\n          }\n        )\n\n      default:\n        return []\n    }\n  }\n\n  _onValueChange(e: Event) {\n    var element = e.target as HTMLElement\n    var key = element.getAttribute('value-key')\n\n    if (!key) {\n      return\n    }\n\n    this.value = {\n      ...this.value,\n      [key]: convert(element)\n    }\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist/src/modeller/property-sidebar/effects/property-event-tap.d.ts

@@ -1,36 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import '@operato/input/ox-input-data.js';
-import '@operato/i18n/ox-i18n.js';
-import { LitElement } from 'lit';
-import { Properties, Scene } from '@hatiolab/things-scene';
-export declare class PropertyEventTap extends LitElement {
-    static styles: import("lit").CSSResult[];
-    value?: Properties;
-    scene?: Scene;
-    scenarios: {
-        value: string;
-        description: string;
-    }[];
-    playlists: {
-        value: string;
-        description: string;
-    }[];
-    targetList: {
-        value: string;
-        description: string;
-    }[];
-    firstUpdated(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
-    _getPlaceHoder(action: string): "" | "http://www.hatiolab.com/" | "abc.xlsx";
-    _getTargetList(action: string): {
-        value: string;
-        description: string;
-    }[];
-    _getInputList(action: string): {
-        value: string;
-        description: string;
-    }[];
-    _onValueChange(e: Event): void;
-}

package/dist/src/modeller/property-sidebar/effects/property-event-tap.js

@@ -1,244 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import '@operato/input/ox-input-data.js';
-import '@operato/i18n/ox-i18n.js';
-import { html, LitElement } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { scenarios } from '../../../graphql/scenario.js';
-import { playlists } from '../../../graphql/play-group.js';
-import { EffectsSharedStyle } from './effects-shared-style.js';
-import { convert } from './value-converter.js';
-const SETS_ACTION = ['data-set', 'partial-data-set', 'value-set', 'partial-value-set', 'start-scenario', 'run-scenario'];
-export class PropertyEventTap extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.scenarios = [];
-        this.playlists = [];
-        this.targetList = [];
-    }
-    async firstUpdated() {
-        this.renderRoot.addEventListener('change', this._onValueChange.bind(this));
-    }
-    render() {
-        var { action, value = '', target = '', pressed, options } = this.value || {};
-        var { input = '(self)', output = true } = options || {};
-        return html `
-      <input id="checkbox-pressed" type="checkbox" value-key="pressed" .checked=${pressed} />
-      <label for="checkbox-pressed" class="checkbox-label"> <ox-i18n msgid="label.pressed">pressed</ox-i18n> </label>
-
-      <label> <ox-i18n msgid="label.action">action</ox-i18n> </label>
-      <select
-        id="tap-select"
-        value-key="action"
-        .value=${action || ''}
-        @change=${async (e) => {
-            if (e.target.value.includes('scenario')) {
-                this.scenarios = (await scenarios()).map(({ name, description }) => {
-                    return { value: name, description };
-                });
-            }
-            else if (e.target.value == 'goto-playlist') {
-                this.playlists = (await playlists()).map(({ name, description }) => {
-                    return { value: name, description };
-                });
-            }
-        }}
-      >
-        <option value=""></option>
-        <option value="goto">go to target board</option>
-        <option value="goto-playlist">go to target playlist</option>
-        <option value="link-open">open new window for target link</option>
-        <option value="link-move">move to target link</option>
-        <option value="route-page">route to page</option>
-        <option value="popup">popup target board</option>
-        <option value="modal-popup">modal popup target board</option>
-        <option value="close-scene">close current board</option>
-        <option value="infoWindow">open infowindow</option>
-        <option value="toggle-info-window">toggle infowindow</option>
-        <option value="data-toggle">toggle(true/false) target component data</option>
-        <option value="data-tristate">tristate(0/1/2) target component data</option>
-        <option value="data-spreading">forcely execute data spreading of target component</option>
-        <option value="data-set">set value to target component data</option>
-        <option value="partial-data-set">set partial value to target component data</option>
-        <option value="value-set">set value to target component value</option>
-        <option value="partial-value-set">set partial value to target component value</option>
-        <option value="start-scenario">start the given scenario</option>
-        <option value="run-scenario">run the given scenario</option>
-        <option value="export-data">export data</option>
-        <option value="import-data">import data</option>
-      </select>
-
-      <label> <ox-i18n msgid="label.target">target</ox-i18n> </label>
-
-      ${action === 'goto' || (action === null || action === void 0 ? void 0 : action.includes('popup'))
-            ? html `
-            <ox-editor-board-selector value-key="target" .value=${target} custom-editor></ox-editor-board-selector>
-          `
-            : html `
-            <input
-              value-key="target"
-              .value=${target}
-              list="target-list"
-              .placeholder=${this._getPlaceHoder(action)}
-              @focusin=${() => {
-                this.targetList = this._getTargetList(action);
-            }}
-            />
-
-            <datalist id="target-list">
-              ${this.targetList.map(({ value, description }) => html ` <option .value=${value}>${description}</option> `)}
-            </datalist>
-          `}
-      ${action === 'goto' || action === 'goto-playlist' || (action === null || action === void 0 ? void 0 : action.includes('popup'))
-            ? html `
-            <label for="input"> <ox-i18n msgid="label.input-data">input</ox-i18n> </label>
-            <input
-              id="input"
-              value-key="input"
-              .value=${input}
-              list="input-list"
-              @focusin=${() => {
-                this.targetList = this._getInputList(action);
-            }}
-            />
-            <datalist id="input-list">
-              ${this.targetList.map(({ value, description }) => html ` <option .value=${value}>${description}</option> `)}
-            </datalist>
-            ${
-            /* currently 'goto' does not support returning result */
-            (action === null || action === void 0 ? void 0 : action.includes('popup'))
-                ? html ` <input id="checkbox-output" type="checkbox" value-key="output" .checked=${output} />
-                    <label for="checkbox-output" class="checkbox-label">
-                      <ox-i18n msgid="label.will-get-return">will-get-return</ox-i18n>
-                    </label>`
-                : html ``}
-          `
-            : SETS_ACTION.indexOf(action) != -1
-                ? html `
-              <label> <ox-i18n msgid="label.value">value</ox-i18n> </label>
-              <ox-input-data value-key="value" .value=${value} custom-editor fullwidth></ox-input-data>
-            `
-                : html ``}
-    `;
-    }
-    _getPlaceHoder(action) {
-        switch (action) {
-            case 'link-open':
-            case 'link-move':
-                return 'http://www.hatiolab.com/';
-            case 'export-data':
-                return 'abc.xlsx';
-            default:
-                return '';
-        }
-    }
-    _getTargetList(action) {
-        switch (action) {
-            case 'data-toggle':
-            case 'data-tristate':
-            case 'data-set':
-            case 'value-set':
-            case 'popup':
-            case 'modal-popup':
-            case 'data-spreading':
-                let ids = (this.scene &&
-                    this.scene.ids.map(i => {
-                        var _a;
-                        const id = i.key;
-                        return { value: `#${id}`, description: (_a = this.scene.findById(id)) === null || _a === void 0 ? void 0 : _a.get('type') };
-                    })) ||
-                    [];
-                ids.unshift({ value: '(self)', description: 'self component' });
-                return ids;
-            case 'infoWindow':
-            case 'toggle-info-window':
-                return ((this.scene &&
-                    this.scene.ids
-                        .filter(i => {
-                        return this.scene.findById(i.key).get('type') == 'info-window';
-                    })
-                        .map(i => {
-                        var _a;
-                        const id = i.key;
-                        return { value: `#${id}`, description: (_a = this.scene.findById(id)) === null || _a === void 0 ? void 0 : _a.get('type') };
-                    })) ||
-                    []);
-            case 'start-scenario':
-            case 'run-scenario':
-                return this.scenarios;
-            case 'goto-playlist':
-                return this.playlists;
-            case 'export-data':
-            default:
-                return [];
-        }
-    }
-    _getInputList(action) {
-        switch (action) {
-            case 'popup':
-            case 'modal-popup':
-            case 'data-spreading':
-            case 'goto':
-            case 'goto-playlist':
-                let ids = (this.scene &&
-                    this.scene.ids.map(i => {
-                        var _a;
-                        const id = i.key;
-                        return { value: `#${id}`, description: (_a = this.scene.findById(id)) === null || _a === void 0 ? void 0 : _a.get('type') };
-                    })) ||
-                    [];
-                ids.unshift({ value: '(self)', description: 'self component' });
-                return ids;
-            default:
-                return [];
-        }
-    }
-    _onValueChange(e) {
-        var element = e.target;
-        var key = element.getAttribute('value-key');
-        if (!key) {
-            return;
-        }
-        if (key === 'input' || key === 'output') {
-            var { options = {} } = this.value || {};
-            this.value = {
-                ...this.value,
-                options: {
-                    ...options,
-                    [key]: convert(element)
-                }
-            };
-        }
-        else {
-            this.value = {
-                ...this.value,
-                [key]: convert(element)
-            };
-        }
-        var { action } = this.value;
-        if (action !== 'goto' && action !== 'goto-playlist' && !(action === null || action === void 0 ? void 0 : action.includes('popup'))) {
-            /* clear unused options */
-            delete this.value.options;
-        }
-        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
-    }
-}
-PropertyEventTap.styles = [EffectsSharedStyle];
-__decorate([
-    property({ type: Object })
-], PropertyEventTap.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], PropertyEventTap.prototype, "scene", void 0);
-__decorate([
-    state()
-], PropertyEventTap.prototype, "scenarios", void 0);
-__decorate([
-    state()
-], PropertyEventTap.prototype, "playlists", void 0);
-__decorate([
-    state()
-], PropertyEventTap.prototype, "targetList", void 0);
-//# sourceMappingURL=property-event-tap.js.map

package/dist/src/modeller/property-sidebar/effects/property-event-tap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"property-event-tap.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/property-event-tap.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/input/ox-input-data.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\n\nimport { Properties, Scene } from '@hatiolab/things-scene'\n\nimport { scenarios } from '../../../graphql/scenario.js'\nimport { playlists } from '../../../graphql/play-group.js'\nimport { EffectsSharedStyle } from './effects-shared-style.js'\nimport { convert } from './value-converter.js'\n\nconst SETS_ACTION = ['data-set', 'partial-data-set', 'value-set', 'partial-value-set', 'start-scenario', 'run-scenario']\n\nexport class PropertyEventTap extends LitElement {\n  static styles = [EffectsSharedStyle]\n\n  @property({ type: Object }) value?: Properties\n  @property({ type: Object }) scene?: Scene\n\n  @state() scenarios: { value: string; description: string }[] = []\n  @state() playlists: { value: string; description: string }[] = []\n  @state() targetList: { value: string; description: string }[] = []\n\n  async firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  render() {\n    var { action, value = '', target = '', pressed, options } = this.value || {}\n    var { input = '(self)', output = true } = options || {}\n\n    return html`\n      <input id=\"checkbox-pressed\" type=\"checkbox\" value-key=\"pressed\" .checked=${pressed} />\n      <label for=\"checkbox-pressed\" class=\"checkbox-label\"> <ox-i18n msgid=\"label.pressed\">pressed</ox-i18n> </label>\n\n      <label> <ox-i18n msgid=\"label.action\">action</ox-i18n> </label>\n      <select\n        id=\"tap-select\"\n        value-key=\"action\"\n        .value=${action || ''}\n        @change=${async (e: Event) => {\n          if ((e.target as HTMLSelectElement).value.includes('scenario')) {\n            this.scenarios = (await scenarios()).map(({ name, description }) => {\n              return { value: name, description }\n            })\n          } else if ((e.target as HTMLSelectElement).value == 'goto-playlist') {\n            this.playlists = (await playlists()).map(({ name, description }) => {\n              return { value: name, description }\n            })\n          }\n        }}\n      >\n        <option value=\"\"></option>\n        <option value=\"goto\">go to target board</option>\n        <option value=\"goto-playlist\">go to target playlist</option>\n        <option value=\"link-open\">open new window for target link</option>\n        <option value=\"link-move\">move to target link</option>\n        <option value=\"route-page\">route to page</option>\n        <option value=\"popup\">popup target board</option>\n        <option value=\"modal-popup\">modal popup target board</option>\n        <option value=\"close-scene\">close current board</option>\n        <option value=\"infoWindow\">open infowindow</option>\n        <option value=\"toggle-info-window\">toggle infowindow</option>\n        <option value=\"data-toggle\">toggle(true/false) target component data</option>\n        <option value=\"data-tristate\">tristate(0/1/2) target component data</option>\n        <option value=\"data-spreading\">forcely execute data spreading of target component</option>\n        <option value=\"data-set\">set value to target component data</option>\n        <option value=\"partial-data-set\">set partial value to target component data</option>\n        <option value=\"value-set\">set value to target component value</option>\n        <option value=\"partial-value-set\">set partial value to target component value</option>\n        <option value=\"start-scenario\">start the given scenario</option>\n        <option value=\"run-scenario\">run the given scenario</option>\n        <option value=\"export-data\">export data</option>\n        <option value=\"import-data\">import data</option>\n      </select>\n\n      <label> <ox-i18n msgid=\"label.target\">target</ox-i18n> </label>\n\n      ${action === 'goto' || action?.includes('popup')\n        ? html`\n            <ox-editor-board-selector value-key=\"target\" .value=${target} custom-editor></ox-editor-board-selector>\n          `\n        : html`\n            <input\n              value-key=\"target\"\n              .value=${target}\n              list=\"target-list\"\n              .placeholder=${this._getPlaceHoder(action)}\n              @focusin=${() => {\n                this.targetList = this._getTargetList(action)\n              }}\n            />\n\n            <datalist id=\"target-list\">\n              ${this.targetList.map(\n                ({ value, description }) => html` <option .value=${value}>${description}</option> `\n              )}\n            </datalist>\n          `}\n      ${action === 'goto' || action === 'goto-playlist' || action?.includes('popup')\n        ? html`\n            <label for=\"input\"> <ox-i18n msgid=\"label.input-data\">input</ox-i18n> </label>\n            <input\n              id=\"input\"\n              value-key=\"input\"\n              .value=${input}\n              list=\"input-list\"\n              @focusin=${() => {\n                this.targetList = this._getInputList(action)\n              }}\n            />\n            <datalist id=\"input-list\">\n              ${this.targetList.map(\n                ({ value, description }) => html` <option .value=${value}>${description}</option> `\n              )}\n            </datalist>\n            ${\n              /* currently 'goto' does not support returning result */\n              action?.includes('popup')\n                ? html` <input id=\"checkbox-output\" type=\"checkbox\" value-key=\"output\" .checked=${output} />\n                    <label for=\"checkbox-output\" class=\"checkbox-label\">\n                      <ox-i18n msgid=\"label.will-get-return\">will-get-return</ox-i18n>\n                    </label>`\n                : html``\n            }\n          `\n        : SETS_ACTION.indexOf(action) != -1\n          ? html`\n              <label> <ox-i18n msgid=\"label.value\">value</ox-i18n> </label>\n              <ox-input-data value-key=\"value\" .value=${value} custom-editor fullwidth></ox-input-data>\n            `\n          : html``}\n    `\n  }\n\n  _getPlaceHoder(action: string) {\n    switch (action) {\n      case 'link-open':\n      case 'link-move':\n        return 'http://www.hatiolab.com/'\n      case 'export-data':\n        return 'abc.xlsx'\n      default:\n        return ''\n    }\n  }\n\n  _getTargetList(action: string): { value: string; description: string }[] {\n    switch (action) {\n      case 'data-toggle':\n      case 'data-tristate':\n      case 'data-set':\n      case 'value-set':\n      case 'popup':\n      case 'modal-popup':\n      case 'data-spreading':\n        let ids =\n          (this.scene &&\n            this.scene.ids.map(i => {\n              const id = i.key\n              return { value: `#${id}`, description: this.scene!.findById(id)?.get('type') }\n            })) ||\n          []\n        ids.unshift({ value: '(self)', description: 'self component' })\n        return ids\n      case 'infoWindow':\n      case 'toggle-info-window':\n        return (\n          (this.scene &&\n            this.scene.ids\n              .filter(i => {\n                return this.scene!.findById(i.key).get('type') == 'info-window'\n              })\n              .map(i => {\n                const id = i.key\n                return { value: `#${id}`, description: this.scene!.findById(id)?.get('type') }\n              })) ||\n          []\n        )\n      case 'start-scenario':\n      case 'run-scenario':\n        return this.scenarios\n      case 'goto-playlist':\n        return this.playlists\n      case 'export-data':\n      default:\n        return []\n    }\n  }\n\n  _getInputList(action: string): { value: string; description: string }[] {\n    switch (action) {\n      case 'popup':\n      case 'modal-popup':\n      case 'data-spreading':\n      case 'goto':\n      case 'goto-playlist':\n        let ids =\n          (this.scene &&\n            this.scene.ids.map(i => {\n              const id = i.key\n              return { value: `#${id}`, description: this.scene!.findById(id)?.get('type') }\n            })) ||\n          []\n        ids.unshift({ value: '(self)', description: 'self component' })\n        return ids\n      default:\n        return []\n    }\n  }\n\n  _onValueChange(e: Event) {\n    var element = e.target as HTMLElement\n    var key = element.getAttribute('value-key')\n\n    if (!key) {\n      return\n    }\n\n    if (key === 'input' || key === 'output') {\n      var { options = {} } = this.value || {}\n\n      this.value = {\n        ...this.value,\n        options: {\n          ...options,\n          [key]: convert(element)\n        }\n      }\n    } else {\n      this.value = {\n        ...this.value,\n        [key]: convert(element)\n      }\n    }\n\n    var { action } = this.value\n    if (action !== 'goto' && action !== 'goto-playlist' && !action?.includes('popup')) {\n      /* clear unused options */\n      delete this.value.options\n    }\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist/src/modeller/property-sidebar/effects/property-event.d.ts

@@ -1,22 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import '@operato/help/ox-title-with-help.js';
-import { LitElement } from 'lit';
-import { Properties, Scene } from '@hatiolab/things-scene';
-import { PropertyEventHover } from './property-event-hover.js';
-import { PropertyEventTap } from './property-event-tap.js';
-declare const PropertyEvent_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types.js").ScopedElementsHost>;
-export declare class PropertyEvent extends PropertyEvent_base {
-    static styles: import("lit").CSSResult[];
-    value?: Properties;
-    scene?: Scene;
-    firstUpdated(): void;
-    static get scopedElements(): {
-        'property-event-hover': typeof PropertyEventHover;
-        'property-event-tap': typeof PropertyEventTap;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    _onValueChange(e: Event): void;
-}
-export {};

package/dist/src/modeller/property-sidebar/effects/property-event.js

@@ -1,64 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import '@operato/help/ox-title-with-help.js';
-import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { PropertySharedStyle } from '../property-shared-style.js';
-import { PropertyEventHover } from './property-event-hover.js';
-import { PropertyEventTap } from './property-event-tap.js';
-import { convert } from './value-converter.js';
-export class PropertyEvent extends ScopedElementsMixin(LitElement) {
-    firstUpdated() {
-        this.renderRoot.addEventListener('change', this._onValueChange.bind(this));
-    }
-    static get scopedElements() {
-        return {
-            'property-event-hover': PropertyEventHover,
-            'property-event-tap': PropertyEventTap
-        };
-    }
-    render() {
-        const value = this.value || {};
-        return html `
-      <fieldset>
-        <legend>
-          <ox-title-with-help msgid="label.hover-event" topic="board-modeller/effects/hover-event"></ox-title-with-help>
-        </legend>
-
-        <property-event-hover value-key="hover" .scene=${this.scene} .value=${value.hover || {}}>
-        </property-event-hover>
-      </fieldset>
-
-      <fieldset>
-        <legend>
-          <ox-title-with-help msgid="label.tap-event" topic="board-modeller/effects/tap-event"></ox-title-with-help>
-        </legend>
-
-        <property-event-tap value-key="tap" .scene=${this.scene} .value=${value.tap || {}}> </property-event-tap>
-      </fieldset>
-    `;
-    }
-    _onValueChange(e) {
-        var element = e.target;
-        var key = element.getAttribute('value-key');
-        if (!key) {
-            return;
-        }
-        this.value = {
-            ...this.value,
-            [key]: convert(element)
-        };
-        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
-    }
-}
-PropertyEvent.styles = [PropertySharedStyle];
-__decorate([
-    property({ type: Object })
-], PropertyEvent.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], PropertyEvent.prototype, "scene", void 0);
-//# sourceMappingURL=property-event.js.map

package/dist/src/modeller/property-sidebar/effects/property-event.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"property-event.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/property-event.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,MAAM,OAAO,aAAc,SAAQ,mBAAmB,CAAC,UAAU,CAAC;IAMhE,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,CAAC;IAED,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,sBAAsB,EAAE,kBAAkB;YAC1C,oBAAoB,EAAE,gBAAgB;SACvC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;;;;;;yDAM0C,IAAI,CAAC,KAAK,WAAW,KAAK,CAAC,KAAK,IAAI,EAAE;;;;;;;;;qDAS1C,IAAI,CAAC,KAAK,WAAW,KAAK,CAAC,GAAG,IAAI,EAAE;;KAEpF,CAAA;IACH,CAAC;IAED,cAAc,CAAC,CAAQ;QACrB,IAAI,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAA;QACrC,IAAI,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;QAE3C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAM;QACR,CAAC;QAED,IAAI,CAAC,KAAK,GAAG;YACX,GAAG,IAAI,CAAC,KAAK;YACb,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC;SACxB,CAAA;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAClF,CAAC;;AArDM,oBAAM,GAAG,CAAC,mBAAmB,CAAC,CAAA;AAET;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAmB;AAClB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAc","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/help/ox-title-with-help.js'\n\nimport { html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Properties, Scene } from '@hatiolab/things-scene'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { PropertySharedStyle } from '../property-shared-style.js'\nimport { PropertyEventHover } from './property-event-hover.js'\nimport { PropertyEventTap } from './property-event-tap.js'\nimport { convert } from './value-converter.js'\n\nexport class PropertyEvent extends ScopedElementsMixin(LitElement) {\n  static styles = [PropertySharedStyle]\n\n  @property({ type: Object }) value?: Properties\n  @property({ type: Object }) scene?: Scene\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  static get scopedElements() {\n    return {\n      'property-event-hover': PropertyEventHover,\n      'property-event-tap': PropertyEventTap\n    }\n  }\n\n  render() {\n    const value = this.value || {}\n\n    return html`\n      <fieldset>\n        <legend>\n          <ox-title-with-help msgid=\"label.hover-event\" topic=\"board-modeller/effects/hover-event\"></ox-title-with-help>\n        </legend>\n\n        <property-event-hover value-key=\"hover\" .scene=${this.scene} .value=${value.hover || {}}>\n        </property-event-hover>\n      </fieldset>\n\n      <fieldset>\n        <legend>\n          <ox-title-with-help msgid=\"label.tap-event\" topic=\"board-modeller/effects/tap-event\"></ox-title-with-help>\n        </legend>\n\n        <property-event-tap value-key=\"tap\" .scene=${this.scene} .value=${value.tap || {}}> </property-event-tap>\n      </fieldset>\n    `\n  }\n\n  _onValueChange(e: Event) {\n    var element = e.target as HTMLElement\n    var key = element.getAttribute('value-key')\n\n    if (!key) {\n      return\n    }\n\n    this.value = {\n      ...this.value,\n      [key]: convert(element)\n    }\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist/src/modeller/property-sidebar/effects/property-shadow.d.ts

@@ -1,23 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import '@operato/i18n/ox-i18n.js';
-import '@operato/input/ox-input-color.js';
-import { LitElement } from 'lit';
-import { Properties } from '@hatiolab/things-scene';
-/**
- * 컴포넌트의 그림자 속성을 편집하는 element
- *
- * Example:
- *  <property-shadow
- *    @change="${e => { this.shadow = e.target.value }}"
- *    value="${this.shadow}"
- *  ></property-shadow>
- */
-export declare class PropertyShadow extends LitElement {
-    static styles: import("lit").CSSResult[];
-    value?: Properties;
-    firstUpdated(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    _onValueChange(e: Event): void;
-}