@operato/board 9.0.0-beta.9 → 9.0.0-beta.90

package/dist/src/modeller/property-sidebar/effects/effects-shared-style.js

@@ -1,61 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { css } from 'lit';
-export const EffectsSharedStyle = css `
-  :host {
-    display: grid;
-    grid-template-columns: repeat(24, 1fr);
-    grid-gap: 5px;
-    grid-auto-rows: minmax(24px, auto);
-
-    align-items: center;
-  }
-
-  * {
-    align-self: stretch;
-  }
-
-  label {
-    grid-column: span 8;
-    text-align: right;
-    text-transform: capitalize;
-
-    align-self: center;
-  }
-
-  input,
-  select,
-  ox-input-angle,
-  ox-input-color,
-  [custom-editor] {
-    grid-column: span 16;
-  }
-
-  input,
-  select,
-  ox-input-angle input,
-  ox-input-color input,
-  [custom-editor] input {
-    border: var(--property-sidebar-fieldset-border);
-  }
-
-  ox-input-data {
-    height: 300px;
-  }
-
-  input[type='checkbox'] {
-    grid-column: 9 / 12;
-    align-self: center;
-  }
-
-  label.checkbox-label {
-    grid-column: 12 / -1;
-    text-align: left;
-  }
-
-  [fullwidth] {
-    grid-column: 1 / -1;
-  }
-`;
-//# sourceMappingURL=effects-shared-style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"effects-shared-style.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/effects-shared-style.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDpC,CAAA","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css } from 'lit'\n\nexport const EffectsSharedStyle = css`\n  :host {\n    display: grid;\n    grid-template-columns: repeat(24, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n\n    align-items: center;\n  }\n\n  * {\n    align-self: stretch;\n  }\n\n  label {\n    grid-column: span 8;\n    text-align: right;\n    text-transform: capitalize;\n\n    align-self: center;\n  }\n\n  input,\n  select,\n  ox-input-angle,\n  ox-input-color,\n  [custom-editor] {\n    grid-column: span 16;\n  }\n\n  input,\n  select,\n  ox-input-angle input,\n  ox-input-color input,\n  [custom-editor] input {\n    border: var(--property-sidebar-fieldset-border);\n  }\n\n  ox-input-data {\n    height: 300px;\n  }\n\n  input[type='checkbox'] {\n    grid-column: 9 / 12;\n    align-self: center;\n  }\n\n  label.checkbox-label {\n    grid-column: 12 / -1;\n    text-align: left;\n  }\n\n  [fullwidth] {\n    grid-column: 1 / -1;\n  }\n`\n"]}

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

@@ -1,24 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import '@operato/i18n/ox-i18n.js';
-import '@operato/help/ox-title-with-help.js';
-import { Properties, Scene } from '@hatiolab/things-scene';
-import { AbstractProperty } from '../abstract-property.js';
-import { PropertyAnimations } from './property-animations.js';
-import { PropertyEvent } from './property-event.js';
-import { PropertyShadow } from './property-shadow.js';
-declare const PropertyEffects_base: typeof AbstractProperty & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types.js").ScopedElementsHost>;
-export declare class PropertyEffects extends PropertyEffects_base {
-    static styles: import("lit").CSSResult[];
-    value?: Properties;
-    scene?: Scene;
-    firstUpdated(): void;
-    static get scopedElements(): {
-        'property-shadow': typeof PropertyShadow;
-        'property-animations': typeof PropertyAnimations;
-        'property-event': typeof PropertyEvent;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};

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

@@ -1,64 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import '@operato/i18n/ox-i18n.js';
-import '@operato/help/ox-title-with-help.js';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { AbstractProperty } from '../abstract-property.js';
-import { PropertySharedStyle } from '../property-shared-style.js';
-import { PropertyAnimations } from './property-animations.js';
-import { PropertyEvent } from './property-event.js';
-import { PropertyShadow } from './property-shadow.js';
-export class PropertyEffects extends ScopedElementsMixin(AbstractProperty) {
-    firstUpdated() {
-        this.renderRoot.addEventListener('change', this._onValueChange.bind(this));
-    }
-    static get scopedElements() {
-        return {
-            'property-shadow': PropertyShadow,
-            'property-animations': PropertyAnimations,
-            'property-event': PropertyEvent
-        };
-    }
-    render() {
-        const value = this.value || {};
-        return html `
-      <fieldset>
-        <legend>
-          <ox-title-with-help topic="board-modeller/effects/shadow" msgid="label.shadow">shadow</ox-title-with-help>
-        </legend>
-
-        <property-shadow value-key="shadow" .value=${value.shadow || {}}> </property-shadow>
-      </fieldset>
-
-      <fieldset>
-        <legend>
-          <ox-title-with-help topic="board-modeller/effects/retention" msgid="label.retention"
-            >retention</ox-title-with-help
-          >
-        </legend>
-
-        <div class="property-grid">
-          <label> <ox-i18n msgid="label.retention">retention</ox-i18n> </label>
-          <input type="number" value-key="retention" .value=${value.retention} placeholder="ms" />
-        </div>
-      </fieldset>
-
-      <property-animations value-key="animation" .scene=${this.scene} .value=${value.animation || {}}>
-      </property-animations>
-
-      <property-event value-key="event" .scene=${this.scene} .value=${value.event || {}}> </property-event>
-    `;
-    }
-}
-PropertyEffects.styles = [PropertySharedStyle];
-__decorate([
-    property({ type: Object })
-], PropertyEffects.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], PropertyEffects.prototype, "scene", void 0);
-//# sourceMappingURL=effects.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"effects.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/effects.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,0BAA0B,CAAA;AACjC,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,MAAM,OAAO,eAAgB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAMxE,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,iBAAiB,EAAE,cAAc;YACjC,qBAAqB,EAAE,kBAAkB;YACzC,gBAAgB,EAAE,aAAa;SAChC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;;;;;;qDAMsC,KAAK,CAAC,MAAM,IAAI,EAAE;;;;;;;;;;;;8DAYT,KAAK,CAAC,SAAS;;;;0DAInB,IAAI,CAAC,KAAK,WAAW,KAAK,CAAC,SAAS,IAAI,EAAE;;;iDAGnD,IAAI,CAAC,KAAK,WAAW,KAAK,CAAC,KAAK,IAAI,EAAE;KAClF,CAAA;IACH,CAAC;;AA/CM,sBAAM,GAAG,CAAC,mBAAmB,CAAC,CAAA;AAET;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAmB;AAClB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAc","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/i18n/ox-i18n.js'\nimport '@operato/help/ox-title-with-help.js'\n\nimport { html } 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 { AbstractProperty } from '../abstract-property.js'\nimport { PropertySharedStyle } from '../property-shared-style.js'\nimport { PropertyAnimations } from './property-animations.js'\nimport { PropertyEvent } from './property-event.js'\nimport { PropertyShadow } from './property-shadow.js'\n\nexport class PropertyEffects extends ScopedElementsMixin(AbstractProperty) {\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-shadow': PropertyShadow,\n      'property-animations': PropertyAnimations,\n      'property-event': PropertyEvent\n    }\n  }\n\n  render() {\n    const value = this.value || {}\n\n    return html`\n      <fieldset>\n        <legend>\n          <ox-title-with-help topic=\"board-modeller/effects/shadow\" msgid=\"label.shadow\">shadow</ox-title-with-help>\n        </legend>\n\n        <property-shadow value-key=\"shadow\" .value=${value.shadow || {}}> </property-shadow>\n      </fieldset>\n\n      <fieldset>\n        <legend>\n          <ox-title-with-help topic=\"board-modeller/effects/retention\" msgid=\"label.retention\"\n            >retention</ox-title-with-help\n          >\n        </legend>\n\n        <div class=\"property-grid\">\n          <label> <ox-i18n msgid=\"label.retention\">retention</ox-i18n> </label>\n          <input type=\"number\" value-key=\"retention\" .value=${value.retention} placeholder=\"ms\" />\n        </div>\n      </fieldset>\n\n      <property-animations value-key=\"animation\" .scene=${this.scene} .value=${value.animation || {}}>\n      </property-animations>\n\n      <property-event value-key=\"event\" .scene=${this.scene} .value=${value.event || {}}> </property-event>\n    `\n  }\n}\n"]}

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

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

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

@@ -1,138 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import '@operato/input/ox-input-angle.js';
-import '@operato/i18n/ox-i18n.js';
-import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import { EffectsSharedStyle } from './effects-shared-style.js';
-import { convert } from './value-converter.js';
-/**
- * 컴포넌트의 animation 속성을 편집하는 element
-
-Example:
-
-    <property-animation .value=${animation}>
-    </property-animation>
-*/
-export class PropertyAnimation extends LitElement {
-    firstUpdated() {
-        this.renderRoot.addEventListener('change', this._onValueChange.bind(this));
-    }
-    render() {
-        var _a;
-        const value = this.value || {};
-        return html `
-      <label>Animation Type</label>
-      <select value-key="type" .value=${value.type}>
-        <option value="">None</option>
-        <option value="rotation">Rotation</option>
-        <option value="vibration">Vibration</option>
-        <option value="heartbeat">Heartbeat</option>
-        <option value="moving">Moving</option>
-        <option value="fade">Fade</option>
-        <option value="outline">Outline</option>
-      </select>
-
-      <label> <ox-i18n msgid="label.waiting-time">waiting time</ox-i18n> </label>
-      <input type="number" value-key="delay" .value=${value.delay} placeholder="ms" />
-
-      <label> <ox-i18n msgid="label.duration">duration</ox-i18n> </label>
-      <input type="number" value-key="duration" .value=${value.duration} placeholder="ms" />
-
-      <label> <ox-i18n msgid="label.animation-interval">interval</ox-i18n> </label>
-      <input type="number" value-key="interval" .value=${value.interval} placeholder="ms" />
-
-      ${value.type == 'rotation' || value.type == 'vibration'
-            ? html `
-            <label> <ox-i18n msgid="label.theta">theta</ox-i18n> </label>
-            <ox-input-angle value-key="theta" .value=${value.theta}> </ox-input-angle>
-          `
-            : html ``}
-      ${value.type == 'heartbeat'
-            ? html `
-            <label> <ox-i18n msgid="label.scale">scale</ox-i18n> </label>
-            <input type="number" value-key="scale" .value=${value.scale} />
-          `
-            : html ``}
-      ${value.type == 'moving'
-            ? html `
-            <label> <ox-i18n msgid="label.x-axes">X-axes</ox-i18n> </label>
-            <input type="number" value-key="x" .value=${value.x} />
-
-            <label> <ox-i18n msgid="label.y-axes">Y-axes</ox-i18n> </label>
-            <input type="number" value-key="y" .value=${value.y} />
-          `
-            : html ``}
-      ${value.type == 'fade'
-            ? html `
-            <label> <ox-i18n msgid="label.start-alpha">start alpha</ox-i18n> </label>
-            <input type="number" value-key="startAlpha" .value=${value.startAlpha} />
-
-            <label> <ox-i18n msgid="label.end-alpha">end alpha</ox-i18n> </label>
-            <input type="number" value-key="endAlpha" .value=${value.endAlpha} />
-          `
-            : html ``}
-      ${value.type == 'outline'
-            ? html `
-            <label> <ox-i18n msgid="label.target">target</ox-i18n> </label>
-            <input value-key="rideOn" .value=${value.rideOn || ''} list="target-list" />
-            <datalist id="target-list">
-              ${this.scene.ids.map(info => info.key).map(id => html ` <option value=${id}></option> `)}
-            </datalist>
-          `
-            : html ``}
-
-      <input id="checkbox-repeat" value-key="repeat" type="checkbox" .checked=${value.repeat} />
-      <label for="checkbox-repeat" class="checkbox-label"> <ox-i18n msgid="label.repeat">repeat</ox-i18n> </label>
-
-      <input
-        id="checkbox-autoplay"
-        value-key="autoplay"
-        type="checkbox"
-        .checked=${value.autoplay || ((_a = value.autoplay) !== null && _a !== void 0 ? _a : true)}
-      />
-      <label for="checkbox-autoplay" class="checkbox-label">
-        <ox-i18n msgid="label.autoplay">autoplay</ox-i18n>
-      </label>
-
-      <label>delta</label>
-      <select value-key="delta" .value=${value.delta}>
-        <option value="linear">linear</option>
-        <option value="quad">quad</option>
-        <option value="circ">circ</option>
-        <option value="back">back</option>
-        <option value="bounce">bounce</option>
-        <option value="elastic">elastic</option>
-      </select>
-
-      <label>ease</label>
-      <select value-key="ease" .value=${value.ease}>
-        <option value="in">in</option>
-        <option value="out">out</option>
-        <option value="inout">inout</option>
-      </select>
-    `;
-    }
-    _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 }));
-    }
-}
-PropertyAnimation.styles = [EffectsSharedStyle];
-__decorate([
-    property({ type: Object })
-], PropertyAnimation.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], PropertyAnimation.prototype, "scene", void 0);
-//# sourceMappingURL=property-animation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"property-animation.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/property-animation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/input/ox-input-angle.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { html, LitElement } from 'lit'\nimport { property, query } from 'lit/decorators.js'\n\nimport { Properties, Scene } from '@hatiolab/things-scene'\n\nimport { EffectsSharedStyle } from './effects-shared-style.js'\nimport { convert } from './value-converter.js'\n\n/**\n * 컴포넌트의 animation 속성을 편집하는 element\n\nExample:\n\n    <property-animation .value=${animation}>\n    </property-animation>\n*/\n\nexport class PropertyAnimation extends LitElement {\n  static styles = [EffectsSharedStyle]\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    const value = this.value || {}\n\n    return html`\n      <label>Animation Type</label>\n      <select value-key=\"type\" .value=${value.type}>\n        <option value=\"\">None</option>\n        <option value=\"rotation\">Rotation</option>\n        <option value=\"vibration\">Vibration</option>\n        <option value=\"heartbeat\">Heartbeat</option>\n        <option value=\"moving\">Moving</option>\n        <option value=\"fade\">Fade</option>\n        <option value=\"outline\">Outline</option>\n      </select>\n\n      <label> <ox-i18n msgid=\"label.waiting-time\">waiting time</ox-i18n> </label>\n      <input type=\"number\" value-key=\"delay\" .value=${value.delay} placeholder=\"ms\" />\n\n      <label> <ox-i18n msgid=\"label.duration\">duration</ox-i18n> </label>\n      <input type=\"number\" value-key=\"duration\" .value=${value.duration} placeholder=\"ms\" />\n\n      <label> <ox-i18n msgid=\"label.animation-interval\">interval</ox-i18n> </label>\n      <input type=\"number\" value-key=\"interval\" .value=${value.interval} placeholder=\"ms\" />\n\n      ${value.type == 'rotation' || value.type == 'vibration'\n        ? html`\n            <label> <ox-i18n msgid=\"label.theta\">theta</ox-i18n> </label>\n            <ox-input-angle value-key=\"theta\" .value=${value.theta}> </ox-input-angle>\n          `\n        : html``}\n      ${value.type == 'heartbeat'\n        ? html`\n            <label> <ox-i18n msgid=\"label.scale\">scale</ox-i18n> </label>\n            <input type=\"number\" value-key=\"scale\" .value=${value.scale} />\n          `\n        : html``}\n      ${value.type == 'moving'\n        ? html`\n            <label> <ox-i18n msgid=\"label.x-axes\">X-axes</ox-i18n> </label>\n            <input type=\"number\" value-key=\"x\" .value=${value.x} />\n\n            <label> <ox-i18n msgid=\"label.y-axes\">Y-axes</ox-i18n> </label>\n            <input type=\"number\" value-key=\"y\" .value=${value.y} />\n          `\n        : html``}\n      ${value.type == 'fade'\n        ? html`\n            <label> <ox-i18n msgid=\"label.start-alpha\">start alpha</ox-i18n> </label>\n            <input type=\"number\" value-key=\"startAlpha\" .value=${value.startAlpha} />\n\n            <label> <ox-i18n msgid=\"label.end-alpha\">end alpha</ox-i18n> </label>\n            <input type=\"number\" value-key=\"endAlpha\" .value=${value.endAlpha} />\n          `\n        : html``}\n      ${value.type == 'outline'\n        ? html`\n            <label> <ox-i18n msgid=\"label.target\">target</ox-i18n> </label>\n            <input value-key=\"rideOn\" .value=${value.rideOn || ''} list=\"target-list\" />\n            <datalist id=\"target-list\">\n              ${this.scene!.ids.map(info => info.key).map(id => html` <option value=${id}></option> `)}\n            </datalist>\n          `\n        : html``}\n\n      <input id=\"checkbox-repeat\" value-key=\"repeat\" type=\"checkbox\" .checked=${value.repeat} />\n      <label for=\"checkbox-repeat\" class=\"checkbox-label\"> <ox-i18n msgid=\"label.repeat\">repeat</ox-i18n> </label>\n\n      <input\n        id=\"checkbox-autoplay\"\n        value-key=\"autoplay\"\n        type=\"checkbox\"\n        .checked=${value.autoplay || (value.autoplay ?? true)}\n      />\n      <label for=\"checkbox-autoplay\" class=\"checkbox-label\">\n        <ox-i18n msgid=\"label.autoplay\">autoplay</ox-i18n>\n      </label>\n\n      <label>delta</label>\n      <select value-key=\"delta\" .value=${value.delta}>\n        <option value=\"linear\">linear</option>\n        <option value=\"quad\">quad</option>\n        <option value=\"circ\">circ</option>\n        <option value=\"back\">back</option>\n        <option value=\"bounce\">bounce</option>\n        <option value=\"elastic\">elastic</option>\n      </select>\n\n      <label>ease</label>\n      <select value-key=\"ease\" .value=${value.ease}>\n        <option value=\"in\">in</option>\n        <option value=\"out\">out</option>\n        <option value=\"inout\">inout</option>\n      </select>\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-animations.d.ts

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

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

@@ -1,89 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import '@material/web/icon/icon.js';
-import '@operato/help/ox-title-with-help.js';
-import { css, html, LitElement } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { PropertySharedStyle } from '../property-shared-style.js';
-import { PropertyAnimation } from './property-animation.js';
-import { convert } from './value-converter.js';
-export class PropertyAnimations extends ScopedElementsMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        this._expanded = false;
-    }
-    firstUpdated() {
-        this.renderRoot.addEventListener('change', this._onValueChange.bind(this));
-    }
-    static get scopedElements() {
-        return {
-            'property-animation': PropertyAnimation
-        };
-    }
-    render() {
-        const value = this.value || {};
-        return html `
-      <fieldset collapsable ?collapsed=${!this._expanded}>
-        <legend>
-          <ox-title-with-help topic="board-modeller/effects/animation" msgid="label.animation"
-            >animation</ox-title-with-help
-          >
-          <md-icon
-            @click=${() => {
-            this._expanded = !this._expanded;
-        }}
-            >${this._expanded ? 'expand_less' : 'expand_more'}</md-icon
-          >
-        </legend>
-
-        <property-animation value-key="oncreate" .scene=${this.scene} .value=${value.oncreate || {}}>
-        </property-animation>
-      </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 }));
-    }
-}
-PropertyAnimations.styles = [
-    PropertySharedStyle,
-    css `
-      fieldset[collapsable] legend {
-        box-sizing: border-box;
-        width: 100%;
-      }
-
-      fieldset[collapsable] legend md-icon {
-        float: right;
-        font-size: medium;
-        margin: 0;
-        cursor: pointer;
-      }
-
-      fieldset[collapsable][collapsed] > :not(legend) {
-        display: none;
-      }
-    `
-];
-__decorate([
-    property({ type: Object })
-], PropertyAnimations.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], PropertyAnimations.prototype, "scene", void 0);
-__decorate([
-    state()
-], PropertyAnimations.prototype, "_expanded", void 0);
-//# sourceMappingURL=property-animations.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"property-animations.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/property-animations.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,4BAA4B,CAAA;AACnC,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,MAAM,OAAO,kBAAmB,SAAQ,mBAAmB,CAAC,UAAU,CAAC;IAAvE;;QAyBW,cAAS,GAAY,KAAK,CAAA;IAkDrC,CAAC;IAhDC,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,oBAAoB,EAAE,iBAAiB;SACxC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;yCAC0B,CAAC,IAAI,CAAC,SAAS;;;;;;qBAMnC,GAAG,EAAE;YACZ,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAA;QAClC,CAAC;eACE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;;;;0DAIH,IAAI,CAAC,KAAK,WAAW,KAAK,CAAC,QAAQ,IAAI,EAAE;;;KAG9F,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;;AAzEM,yBAAM,GAAG;IACd,mBAAmB;IACnB,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;CACF,AAnBY,CAmBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAmB;AAClB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAc;AAEhC;IAAR,KAAK,EAAE;qDAA2B","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/web/icon/icon.js'\nimport '@operato/help/ox-title-with-help.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { property, state } 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 { PropertyAnimation } from './property-animation.js'\nimport { convert } from './value-converter.js'\n\nexport class PropertyAnimations extends ScopedElementsMixin(LitElement) {\n  static styles = [\n    PropertySharedStyle,\n    css`\n      fieldset[collapsable] legend {\n        box-sizing: border-box;\n        width: 100%;\n      }\n\n      fieldset[collapsable] legend md-icon {\n        float: right;\n        font-size: medium;\n        margin: 0;\n        cursor: pointer;\n      }\n\n      fieldset[collapsable][collapsed] > :not(legend) {\n        display: none;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value?: Properties\n  @property({ type: Object }) scene!: Scene\n\n  @state() _expanded: boolean = false\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  static get scopedElements() {\n    return {\n      'property-animation': PropertyAnimation\n    }\n  }\n\n  render() {\n    const value = this.value || {}\n\n    return html`\n      <fieldset collapsable ?collapsed=${!this._expanded}>\n        <legend>\n          <ox-title-with-help topic=\"board-modeller/effects/animation\" msgid=\"label.animation\"\n            >animation</ox-title-with-help\n          >\n          <md-icon\n            @click=${() => {\n              this._expanded = !this._expanded\n            }}\n            >${this._expanded ? 'expand_less' : 'expand_more'}</md-icon\n          >\n        </legend>\n\n        <property-animation value-key=\"oncreate\" .scene=${this.scene} .value=${value.oncreate || {}}>\n        </property-animation>\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-event-hover.d.ts

@@ -1,21 +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 PropertyEventHover extends LitElement {
-    static styles: import("lit").CSSResult[];
-    value?: Properties;
-    scene?: Scene;
-    firstUpdated(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    _getPlaceHoder(action: string): "" | "SCENE-100" | "http://www.hatiolab.com/";
-    _getTargetList(action: string): {
-        value: string;
-        description?: string;
-        class?: string;
-    }[];
-    _onValueChange(e: Event): void;
-}