@operato/property-editor 0.4.3 → 0.4.6

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.4.6](https://github.com/hatiolab/operato/compare/v0.4.5...v0.4.6) (2022-04-22)
+
+
+### :bug: Bug Fix
+
+* @hatiolab/things-scene@2.8.2 ([0a750d6](https://github.com/hatiolab/operato/commit/0a750d6fb1b572525e8c3efe7b2a97ee90996e40))
+
+
+
+### [0.4.5](https://github.com/hatiolab/operato/compare/v0.4.4...v0.4.5) (2022-04-22)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+### [0.4.4](https://github.com/hatiolab/operato/compare/v0.4.3...v0.4.4) (2022-04-22)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
 ### [0.4.3](https://github.com/hatiolab/operato/compare/v0.4.2...v0.4.3) (2022-03-06)
 
 **Note:** Version bump only for package @operato/property-editor

package/dist/src/ox-properties-dynamic-view.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+export {};

package/dist/src/ox-properties-dynamic-view.js

@@ -0,0 +1,122 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+/**
+모든 에디터들은 change 이벤트를 지원해야 한다. 또한, 모든 에디터들은 value속성에 값을 가져야 한다.
+
+Example:
+
+    <ox-properties-dynamic-view value="{{value}}">
+      <label>Center X</label>
+      <input type="number" .value="${value.cx}">
+      <label>Width</label>
+      <input type="number" .value="${value.width}">
+    </ox-properties-dynamic-view>
+*/
+const DEFAULT_VALUE = {
+    legend: '',
+    number: 0,
+    angle: 0,
+    string: '',
+    password: '',
+    textarea: '',
+    checkbox: false,
+    select: '',
+    color: '#000000',
+    'solidcolor-stops': null,
+    'gradientcolor-stops': null,
+    'gltf-selector': '',
+    'image-selector': '',
+    multiplecolor: null,
+    editortable: null,
+    imageselector: '',
+    options: null,
+    date: null
+};
+let OxPropertiesDynamicView = class OxPropertiesDynamicView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = {};
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+    firstUpdated() {
+        this.addEventListener('change', this._onValueChanged.bind(this));
+    }
+    updated(changes) {
+        changes.has('props') && this._onPropsChanged(this.props || []);
+        changes.has('value') && this._setValues();
+    }
+    _onPropsChanged(props) {
+        const specs = this.props || [];
+        this.textContent = '';
+        specs.forEach(spec => {
+            let elementType = OxPropertyEditor.getEditor(spec.type);
+            if (!elementType) {
+                console.warn('Property Editor not defined', spec.type);
+                return;
+            }
+            let element = document.createElement(elementType);
+            element.label = spec.label;
+            element.type = spec.type;
+            element.placeholder = spec.placeholder;
+            element.setAttribute('name', spec.name);
+            if (spec.observe) {
+                element.observe = spec.observe;
+            }
+            element.property = spec.property;
+            element.setAttribute('property-editor', 'true');
+            this.appendChild(element);
+        });
+    }
+    _setValues() {
+        this.value &&
+            Array.from(this.querySelectorAll('[name]')).forEach(prop => {
+                const editor = prop;
+                const name = editor.getAttribute('name');
+                var value = this.value[name];
+                if (value === undefined) {
+                    value = DEFAULT_VALUE[editor.type];
+                }
+                editor.value = value;
+                editor.observe && editor.observe.call(prop, editor.value);
+            });
+    }
+    _onValueChanged(e) {
+        e.stopPropagation();
+        var target = e.target;
+        const editor = target.closest('[property-editor]');
+        var name = editor.getAttribute('name');
+        if (!name) {
+            return;
+        }
+        if (this.value) {
+            this.value[name] = editor.value;
+        }
+        else {
+            this.value = {
+                [name]: editor.value
+            };
+        }
+        this.dispatchEvent(new CustomEvent('property-change', {
+            bubbles: true,
+            composed: true,
+            detail: this.value
+        }));
+    }
+};
+__decorate([
+    property({ type: Object })
+], OxPropertiesDynamicView.prototype, "value", void 0);
+__decorate([
+    property({ type: Array })
+], OxPropertiesDynamicView.prototype, "props", void 0);
+OxPropertiesDynamicView = __decorate([
+    customElement('ox-properties-dynamic-view')
+], OxPropertiesDynamicView);
+//# sourceMappingURL=ox-properties-dynamic-view.js.map

package/dist/src/ox-properties-dynamic-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-properties-dynamic-view.js","sourceRoot":"","sources":["../../src/ox-properties-dynamic-view.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { LitElement, PropertyValues, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { PropertySpec } from './types.js'\n\n/**\n모든 에디터들은 change 이벤트를 지원해야 한다. 또한, 모든 에디터들은 value속성에 값을 가져야 한다.\n\nExample:\n\n    <ox-properties-dynamic-view value=\"{{value}}\">\n      <label>Center X</label>\n      <input type=\"number\" .value=\"${value.cx}\">\n      <label>Width</label>\n      <input type=\"number\" .value=\"${value.width}\">\n    </ox-properties-dynamic-view>\n*/\n\nconst DEFAULT_VALUE = {\n  legend: '',\n  number: 0,\n  angle: 0,\n  string: '',\n  password: '',\n  textarea: '',\n  checkbox: false,\n  select: '',\n  color: '#000000',\n  'solidcolor-stops': null,\n  'gradientcolor-stops': null,\n  'gltf-selector': '',\n  'image-selector': '',\n  multiplecolor: null,\n  editortable: null,\n  imageselector: '',\n  options: null,\n  date: null\n}\n\n@customElement('ox-properties-dynamic-view')\nclass OxPropertiesDynamicView extends LitElement {\n  @property({ type: Object }) value: { [name: string]: any } = {}\n  @property({ type: Array }) props?: PropertySpec[]\n\n  render() {\n    return html`<slot></slot>`\n  }\n\n  firstUpdated() {\n    this.addEventListener('change', this._onValueChanged.bind(this))\n  }\n\n  updated(changes: PropertyValues<this>) {\n    changes.has('props') && this._onPropsChanged(this.props || [])\n    changes.has('value') && this._setValues()\n  }\n\n  _onPropsChanged(props: PropertySpec[]) {\n    const specs = this.props || []\n\n    this.textContent = ''\n    specs.forEach(spec => {\n      let elementType = OxPropertyEditor.getEditor(spec.type)\n      if (!elementType) {\n        console.warn('Property Editor not defined', spec.type)\n        return\n      }\n      let element = document.createElement(elementType) as OxPropertyEditor\n\n      element.label = spec.label\n      element.type = spec.type\n      element.placeholder = spec.placeholder\n      element.setAttribute('name', spec.name)\n\n      if (spec.observe) {\n        element.observe = spec.observe\n      }\n      element.property = spec.property\n      element.setAttribute('property-editor', 'true')\n\n      this.appendChild(element)\n    })\n  }\n\n  _setValues() {\n    this.value &&\n      Array.from(this.querySelectorAll('[name]')).forEach(prop => {\n        const editor = prop as OxPropertyEditor\n        const name = editor.getAttribute('name')\n\n        var value = this.value[name!]\n        if (value === undefined) {\n          value = (DEFAULT_VALUE as any)[editor.type]\n        }\n\n        editor.value = value\n        editor.observe && editor.observe.call(prop, editor.value)\n      })\n  }\n\n  _onValueChanged(e: Event) {\n    e.stopPropagation()\n    var target = e.target as Element\n\n    const editor = target.closest('[property-editor]') as OxPropertyEditor\n\n    var name = editor.getAttribute('name')\n    if (!name) {\n      return\n    }\n\n    if (this.value) {\n      this.value[name] = editor.value\n    } else {\n      this.value = {\n        [name]: editor.value\n      }\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('property-change', {\n        bubbles: true,\n        composed: true,\n        detail: this.value\n      })\n    )\n  }\n}\n"]}

package/dist/src/ox-property-editor-angle.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-angle.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorAngle extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-angle.js

@@ -0,0 +1,17 @@
+import { __decorate } from "tslib";
+import '@operato/input/ox-input-angle.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorAngle = class OxPropertyEditorAngle extends OxPropertyEditor {
+    editorTemplate() {
+        return html `
+      <ox-input-angle id="editor" .radian=${this.value} placeholder=${this.placeholder || ''}></ox-input-angle>
+    `;
+    }
+};
+OxPropertyEditorAngle = __decorate([
+    customElement('ox-property-editor-angle')
+], OxPropertyEditorAngle);
+export { OxPropertyEditorAngle };
+//# sourceMappingURL=ox-property-editor-angle.js.map

package/dist/src/ox-property-editor-angle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-angle.js","sourceRoot":"","sources":["../../src/ox-property-editor-angle.ts"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,gBAAgB;IACzD,cAAc;QACZ,OAAO,IAAI,CAAA;4CAC6B,IAAI,CAAC,KAAK,gBAAgB,IAAI,CAAC,WAAW,IAAI,EAAE;KACvF,CAAA;IACH,CAAC;CACF,CAAA;AANY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAMjC;SANY,qBAAqB","sourcesContent":["import '@operato/input/ox-input-angle.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-angle')\nexport class OxPropertyEditorAngle extends OxPropertyEditor {\n  editorTemplate() {\n    return html`\n      <ox-input-angle id=\"editor\" .radian=${this.value} placeholder=${this.placeholder || ''}></ox-input-angle>\n    `\n  }\n}\n"]}

package/dist/src/ox-property-editor-checkbox.d.ts

@@ -0,0 +1,6 @@
+import '@operato/input/ox-checkbox.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorCheckbox extends OxPropertyEditor {
+    get valueProperty(): string;
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-checkbox.js

@@ -0,0 +1,18 @@
+import { __decorate } from "tslib";
+import '@operato/input/ox-checkbox.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorCheckbox = class OxPropertyEditorCheckbox extends OxPropertyEditor {
+    get valueProperty() {
+        return 'checked';
+    }
+    editorTemplate() {
+        return html ` <ox-checkbox id="editor" ?checked=${this.value}></ox-checkbox>`;
+    }
+};
+OxPropertyEditorCheckbox = __decorate([
+    customElement('ox-property-editor-checkbox')
+], OxPropertyEditorCheckbox);
+export { OxPropertyEditorCheckbox };
+//# sourceMappingURL=ox-property-editor-checkbox.js.map

package/dist/src/ox-property-editor-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-checkbox.js","sourceRoot":"","sources":["../../src/ox-property-editor-checkbox.ts"],"names":[],"mappings":";AAAA,OAAO,+BAA+B,CAAA;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,gBAAgB;IAC5D,IAAI,aAAa;QACf,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAA,sCAAsC,IAAI,CAAC,KAAK,iBAAiB,CAAA;IAC9E,CAAC;CACF,CAAA;AARY,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAQpC;SARY,wBAAwB","sourcesContent":["import '@operato/input/ox-checkbox.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-checkbox')\nexport class OxPropertyEditorCheckbox extends OxPropertyEditor {\n  get valueProperty() {\n    return 'checked'\n  }\n\n  editorTemplate() {\n    return html` <ox-checkbox id=\"editor\" ?checked=${this.value}></ox-checkbox>`\n  }\n}\n"]}

package/dist/src/ox-property-editor-color.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-color.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorColor extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-color.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import '@operato/input/ox-input-color.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorColor = class OxPropertyEditorColor extends OxPropertyEditor {
+    editorTemplate() {
+        return html `
+      <ox-input-color
+        id="editor"
+        .value=${this.value}
+        placeholder=${this.placeholder || ''}
+        .properties=${this.property}
+      >
+      </ox-input-color>
+    `;
+    }
+};
+OxPropertyEditorColor = __decorate([
+    customElement('ox-property-editor-color')
+], OxPropertyEditorColor);
+export { OxPropertyEditorColor };
+//# sourceMappingURL=ox-property-editor-color.js.map

package/dist/src/ox-property-editor-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-color.js","sourceRoot":"","sources":["../../src/ox-property-editor-color.ts"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,gBAAgB;IACzD,cAAc;QACZ,OAAO,IAAI,CAAA;;;iBAGE,IAAI,CAAC,KAAK;sBACL,IAAI,CAAC,WAAW,IAAI,EAAE;sBACtB,IAAI,CAAC,QAAQ;;;KAG9B,CAAA;IACH,CAAC;CACF,CAAA;AAZY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAYjC;SAZY,qBAAqB","sourcesContent":["import '@operato/input/ox-input-color.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-color')\nexport class OxPropertyEditorColor extends OxPropertyEditor {\n  editorTemplate() {\n    return html`\n      <ox-input-color\n        id=\"editor\"\n        .value=${this.value}\n        placeholder=${this.placeholder || ''}\n        .properties=${this.property}\n      >\n      </ox-input-color>\n    `\n  }\n}\n"]}

package/dist/src/ox-property-editor-crontab.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-crontab.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorCrontab extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-crontab.js

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

package/dist/src/ox-property-editor-crontab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-crontab.js","sourceRoot":"","sources":["../../src/ox-property-editor-crontab.ts"],"names":[],"mappings":";AAAA,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAG1D,IAAa,uBAAuB,GAApC,MAAa,uBAAwB,SAAQ,gBAAgB;IAC3D,cAAc;QACZ,OAAO,IAAI,CAAA,yCAAyC,IAAI,CAAC,KAAK,kCAAkC,CAAA;IAClG,CAAC;CACF,CAAA;AAJY,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAInC;SAJY,uBAAuB","sourcesContent":["import '@operato/input/ox-input-crontab.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\n\n@customElement('ox-property-editor-crontab')\nexport class OxPropertyEditorCrontab extends OxPropertyEditor {\n  editorTemplate() {\n    return html` <ox-input-crontab id=\"editor\" .value=${this.value} fullwidth> </ox-input-crontab> `\n  }\n}\n"]}

package/dist/src/ox-property-editor-data.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-data.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorData extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-data.js

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

package/dist/src/ox-property-editor-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-data.js","sourceRoot":"","sources":["../../src/ox-property-editor-data.ts"],"names":[],"mappings":";AAAA,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,gBAAgB;IACxD,cAAc;QACZ,OAAO,IAAI,CAAA,sCAAsC,IAAI,CAAC,KAAK,IAAI,EAAE,8BAA8B,CAAA;IACjG,CAAC;CACF,CAAA;AAJY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAIhC;SAJY,oBAAoB","sourcesContent":["import '@operato/input/ox-input-data.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-data')\nexport class OxPropertyEditorData extends OxPropertyEditor {\n  editorTemplate() {\n    return html` <ox-input-data id=\"editor\" .value=${this.value || []} fullwidth></ox-input-data> `\n  }\n}\n"]}

package/dist/src/ox-property-editor-date.d.ts

@@ -0,0 +1,4 @@
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorDate extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-date.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorDate = class OxPropertyEditorDate extends OxPropertyEditor {
+    editorTemplate() {
+        return html ` <input type="date" id="editor" .value=${this.value} /> `;
+    }
+};
+OxPropertyEditorDate = __decorate([
+    customElement('ox-property-editor-date')
+], OxPropertyEditorDate);
+export { OxPropertyEditorDate };
+//# sourceMappingURL=ox-property-editor-date.js.map

package/dist/src/ox-property-editor-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-date.js","sourceRoot":"","sources":["../../src/ox-property-editor-date.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,gBAAgB;IACxD,cAAc;QACZ,OAAO,IAAI,CAAA,0CAA0C,IAAI,CAAC,KAAK,MAAM,CAAA;IACvE,CAAC;CACF,CAAA;AAJY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAIhC;SAJY,oBAAoB","sourcesContent":["import { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-date')\nexport class OxPropertyEditorDate extends OxPropertyEditor {\n  editorTemplate() {\n    return html` <input type=\"date\" id=\"editor\" .value=${this.value} /> `\n  }\n}\n"]}

package/dist/src/ox-property-editor-file.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-file.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorFile extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-file.js

@@ -0,0 +1,17 @@
+import { __decorate } from "tslib";
+import '@operato/input/ox-input-file.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorFile = class OxPropertyEditorFile extends OxPropertyEditor {
+    // TODO file change event 처리
+    editorTemplate() {
+        const { multiple = false } = this.property || {};
+        return html ` <ox-input-file id="editor" .value=${this.value || []} ?multiple=${multiple}></ox-input-file> `;
+    }
+};
+OxPropertyEditorFile = __decorate([
+    customElement('ox-property-editor-file')
+], OxPropertyEditorFile);
+export { OxPropertyEditorFile };
+//# sourceMappingURL=ox-property-editor-file.js.map

package/dist/src/ox-property-editor-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-file.js","sourceRoot":"","sources":["../../src/ox-property-editor-file.ts"],"names":[],"mappings":";AAAA,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,gBAAgB;IACxD,4BAA4B;IAC5B,cAAc;QACZ,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAChD,OAAO,IAAI,CAAA,sCAAsC,IAAI,CAAC,KAAK,IAAI,EAAE,cAAc,QAAQ,oBAAoB,CAAA;IAC7G,CAAC;CACF,CAAA;AANY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAMhC;SANY,oBAAoB","sourcesContent":["import '@operato/input/ox-input-file.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-file')\nexport class OxPropertyEditorFile extends OxPropertyEditor {\n  // TODO file change event 처리\n  editorTemplate() {\n    const { multiple = false } = this.property || {}\n    return html` <ox-input-file id=\"editor\" .value=${this.value || []} ?multiple=${multiple}></ox-input-file> `\n  }\n}\n"]}

package/dist/src/ox-property-editor-gradient-colorstops.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-color-stops.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorGradientColorStops extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-gradient-colorstops.js

@@ -0,0 +1,25 @@
+import { __decorate } from "tslib";
+import '@operato/input/ox-input-color-stops.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorGradientColorStops = class OxPropertyEditorGradientColorStops extends OxPropertyEditor {
+    editorTemplate() {
+        return html `
+      <ox-input-color-stops
+        id="editor"
+        type="gradient"
+        .value=${this.value}
+        .min=${this.property && this.property.min}
+        .max=${this.property && this.property.max}
+        fullwidth
+      >
+      </ox-input-color-stops>
+    `;
+    }
+};
+OxPropertyEditorGradientColorStops = __decorate([
+    customElement('ox-property-editor-gradient-colorstops')
+], OxPropertyEditorGradientColorStops);
+export { OxPropertyEditorGradientColorStops };
+//# sourceMappingURL=ox-property-editor-gradient-colorstops.js.map

package/dist/src/ox-property-editor-gradient-colorstops.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-gradient-colorstops.js","sourceRoot":"","sources":["../../src/ox-property-editor-gradient-colorstops.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,kCAAkC,GAA/C,MAAa,kCAAmC,SAAQ,gBAAgB;IACtE,cAAc;QACZ,OAAO,IAAI,CAAA;;;;iBAIE,IAAI,CAAC,KAAK;eACZ,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG;eAClC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG;;;;KAI5C,CAAA;IACH,CAAC;CACF,CAAA;AAdY,kCAAkC;IAD9C,aAAa,CAAC,wCAAwC,CAAC;GAC3C,kCAAkC,CAc9C;SAdY,kCAAkC","sourcesContent":["import '@operato/input/ox-input-color-stops.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-gradient-colorstops')\nexport class OxPropertyEditorGradientColorStops extends OxPropertyEditor {\n  editorTemplate() {\n    return html`\n      <ox-input-color-stops\n        id=\"editor\"\n        type=\"gradient\"\n        .value=${this.value}\n        .min=${this.property && this.property.min}\n        .max=${this.property && this.property.max}\n        fullwidth\n      >\n      </ox-input-color-stops>\n    `\n  }\n}\n"]}

package/dist/src/ox-property-editor-image.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-image.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorImage extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-image.js

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import '@operato/input/ox-input-image.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorImage = class OxPropertyEditorImage extends OxPropertyEditor {
+    // TODO image change event 처리
+    editorTemplate() {
+        return html ` <ox-input-image id="editor" .value=${this.value}></ox-input-image> `;
+    }
+};
+OxPropertyEditorImage = __decorate([
+    customElement('ox-property-editor-image')
+], OxPropertyEditorImage);
+export { OxPropertyEditorImage };
+//# sourceMappingURL=ox-property-editor-image.js.map

package/dist/src/ox-property-editor-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-image.js","sourceRoot":"","sources":["../../src/ox-property-editor-image.ts"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,gBAAgB;IACzD,6BAA6B;IAC7B,cAAc;QACZ,OAAO,IAAI,CAAA,uCAAuC,IAAI,CAAC,KAAK,qBAAqB,CAAA;IACnF,CAAC;CACF,CAAA;AALY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAKjC;SALY,qBAAqB","sourcesContent":["import '@operato/input/ox-input-image.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-image')\nexport class OxPropertyEditorImage extends OxPropertyEditor {\n  // TODO image change event 처리\n  editorTemplate() {\n    return html` <ox-input-image id=\"editor\" .value=${this.value}></ox-input-image> `\n  }\n}\n"]}

package/dist/src/ox-property-editor-legend.d.ts

@@ -0,0 +1,4 @@
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorLegend extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-legend.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorLegend = class OxPropertyEditorLegend extends OxPropertyEditor {
+    editorTemplate() {
+        return html ` <legend>${this.property.label}</legend> `;
+    }
+};
+OxPropertyEditorLegend = __decorate([
+    customElement('ox-property-editor-legend')
+], OxPropertyEditorLegend);
+export { OxPropertyEditorLegend };
+//# sourceMappingURL=ox-property-editor-legend.js.map

package/dist/src/ox-property-editor-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-legend.js","sourceRoot":"","sources":["../../src/ox-property-editor-legend.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,sBAAsB,GAAnC,MAAa,sBAAuB,SAAQ,gBAAgB;IAC1D,cAAc;QACZ,OAAO,IAAI,CAAA,YAAY,IAAI,CAAC,QAAQ,CAAC,KAAK,YAAY,CAAA;IACxD,CAAC;CACF,CAAA;AAJY,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAIlC;SAJY,sBAAsB","sourcesContent":["import { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-legend')\nexport class OxPropertyEditorLegend extends OxPropertyEditor {\n  editorTemplate() {\n    return html` <legend>${this.property.label}</legend> `\n  }\n}\n"]}

package/dist/src/ox-property-editor-multiple-colors.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-multiple-colors.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorMultipleColors extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-multiple-colors.js

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

package/dist/src/ox-property-editor-multiple-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-multiple-colors.js","sourceRoot":"","sources":["../../src/ox-property-editor-multiple-colors.ts"],"names":[],"mappings":";AAAA,OAAO,4CAA4C,CAAA;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,8BAA8B,GAA3C,MAAa,8BAA+B,SAAQ,gBAAgB;IAClE,cAAc;QACZ,OAAO,IAAI,CAAA,iDAAiD,IAAI,CAAC,KAAK,gCAAgC,CAAA;IACxG,CAAC;CACF,CAAA;AAJY,8BAA8B;IAD1C,aAAa,CAAC,oCAAoC,CAAC;GACvC,8BAA8B,CAI1C;SAJY,8BAA8B","sourcesContent":["import '@operato/input/ox-input-multiple-colors.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-multiple-colors')\nexport class OxPropertyEditorMultipleColors extends OxPropertyEditor {\n  editorTemplate() {\n    return html` <ox-input-multiple-colors id=\"editor\" .value=${this.value}> </ox-input-multiple-colors> `\n  }\n}\n"]}

package/dist/src/ox-property-editor-number.d.ts

@@ -0,0 +1,5 @@
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorNumber extends OxPropertyEditor {
+    makeup(v: string): number;
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-number.js

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorNumber = class OxPropertyEditorNumber extends OxPropertyEditor {
+    makeup(v) {
+        return Number(v);
+    }
+    editorTemplate() {
+        const { step, min, max } = this.property || {};
+        return html `
+      <input
+        id="editor"
+        type="number"
+        placeholder=${this.placeholder || ''}
+        .value=${this.value}
+        .step=${step}
+        .min=${min}
+        .max=${max}
+      />
+    `;
+    }
+};
+OxPropertyEditorNumber = __decorate([
+    customElement('ox-property-editor-number')
+], OxPropertyEditorNumber);
+export { OxPropertyEditorNumber };
+//# sourceMappingURL=ox-property-editor-number.js.map

package/dist/src/ox-property-editor-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-number.js","sourceRoot":"","sources":["../../src/ox-property-editor-number.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,sBAAsB,GAAnC,MAAa,sBAAuB,SAAQ,gBAAgB;IACjD,MAAM,CAAC,CAAS;QACvB,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC;IAED,cAAc;QACZ,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAE9C,OAAO,IAAI,CAAA;;;;sBAIO,IAAI,CAAC,WAAW,IAAI,EAAE;iBAC3B,IAAI,CAAC,KAAK;gBACX,IAAI;eACL,GAAG;eACH,GAAG;;KAEb,CAAA;IACH,CAAC;CACF,CAAA;AApBY,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAoBlC;SApBY,sBAAsB","sourcesContent":["import { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-number')\nexport class OxPropertyEditorNumber extends OxPropertyEditor {\n  override makeup(v: string) {\n    return Number(v)\n  }\n\n  editorTemplate() {\n    const { step, min, max } = this.property || {}\n\n    return html`\n      <input\n        id=\"editor\"\n        type=\"number\"\n        placeholder=${this.placeholder || ''}\n        .value=${this.value}\n        .step=${step}\n        .min=${min}\n        .max=${max}\n      />\n    `\n  }\n}\n"]}

package/dist/src/ox-property-editor-options.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-options.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorOptions extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-options.js

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

package/dist/src/ox-property-editor-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-options.js","sourceRoot":"","sources":["../../src/ox-property-editor-options.ts"],"names":[],"mappings":";AAAA,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,uBAAuB,GAApC,MAAa,uBAAwB,SAAQ,gBAAgB;IAC3D,cAAc;QACZ,OAAO,IAAI,CAAA,yCAAyC,IAAI,CAAC,KAAK,IAAI,EAAE,uBAAuB,CAAA;IAC7F,CAAC;CACF,CAAA;AAJY,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAInC;SAJY,uBAAuB","sourcesContent":["import '@operato/input/ox-input-options.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-options')\nexport class OxPropertyEditorOptions extends OxPropertyEditor {\n  editorTemplate() {\n    return html` <ox-input-options id=\"editor\" .value=${this.value || []}></ox-input-options> `\n  }\n}\n"]}

package/dist/src/ox-property-editor-password.d.ts

@@ -0,0 +1,4 @@
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorPassword extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/ox-property-editor-password.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { OxPropertyEditor } from './ox-property-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxPropertyEditorPassword = class OxPropertyEditorPassword extends OxPropertyEditor {
+    editorTemplate() {
+        return html ` <input type="password" id="editor" .value=${this.value} placeholder=${this.placeholder || ''} /> `;
+    }
+};
+OxPropertyEditorPassword = __decorate([
+    customElement('ox-property-editor-password')
+], OxPropertyEditorPassword);
+export { OxPropertyEditorPassword };
+//# sourceMappingURL=ox-property-editor-password.js.map

package/dist/src/ox-property-editor-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-password.js","sourceRoot":"","sources":["../../src/ox-property-editor-password.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,gBAAgB;IAC5D,cAAc;QACZ,OAAO,IAAI,CAAA,8CAA8C,IAAI,CAAC,KAAK,gBAAgB,IAAI,CAAC,WAAW,IAAI,EAAE,MAAM,CAAA;IACjH,CAAC;CACF,CAAA;AAJY,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAIpC;SAJY,wBAAwB","sourcesContent":["import { OxPropertyEditor } from './ox-property-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-property-editor-password')\nexport class OxPropertyEditorPassword extends OxPropertyEditor {\n  editorTemplate() {\n    return html` <input type=\"password\" id=\"editor\" .value=${this.value} placeholder=${this.placeholder || ''} /> `\n  }\n}\n"]}

package/dist/src/ox-property-editor-range.d.ts

@@ -0,0 +1,5 @@
+import '@operato/input/ox-input-range.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
+export declare class OxPropertyEditorRange extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}