@operato/property-editor 1.0.0-beta.9 → 1.0.0

package/CHANGELOG.md

@@ -3,6 +3,365 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.0](https://github.com/hatiolab/operato/compare/v1.0.0-beta.51...v1.0.0) (2022-07-24)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.51](https://github.com/hatiolab/operato/compare/v1.0.0-beta.50...v1.0.0-beta.51) (2022-07-22)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.50](https://github.com/hatiolab/operato/compare/v1.0.0-beta.49...v1.0.0-beta.50) (2022-07-18)
+
+
+### :bug: Bug Fix
+
+* ox-select label ([6dde9bb](https://github.com/hatiolab/operato/commit/6dde9bb629ca81fa6ac69d70efbe3c5d6c08e80a))
+
+
+
+## [1.0.0-beta.49](https://github.com/hatiolab/operato/compare/v1.0.0-beta.48...v1.0.0-beta.49) (2022-07-17)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.48](https://github.com/hatiolab/operato/compare/v1.0.0-beta.47...v1.0.0-beta.48) (2022-07-17)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.47](https://github.com/hatiolab/operato/compare/v1.0.0-beta.46...v1.0.0-beta.47) (2022-07-15)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.46](https://github.com/hatiolab/operato/compare/v1.0.0-beta.45...v1.0.0-beta.46) (2022-07-11)
+
+
+### :bug: Bug Fix
+
+* property-editor spec. changed ([b10e4ef](https://github.com/hatiolab/operato/commit/b10e4ef151450a0ca19cbf00c9c96da80ddaaed8))
+
+
+
+## [1.0.0-beta.45](https://github.com/hatiolab/operato/compare/v1.0.0-beta.44...v1.0.0-beta.45) (2022-07-09)
+
+
+### :bug: Bug Fix
+
+* ox-property-editor-crontab ([faafc16](https://github.com/hatiolab/operato/commit/faafc165d6b319c0abc4103298aae78cecfc5bd8))
+* upgrade dependencies ([4986392](https://github.com/hatiolab/operato/commit/4986392e64524b5602cc9a144def239e85524bee))
+
+
+
+## [1.0.0-beta.44](https://github.com/hatiolab/operato/compare/v1.0.0-beta.43...v1.0.0-beta.44) (2022-07-07)
+
+
+### :bug: Bug Fix
+
+* board property-editor style, option-able fullwidth, ox-input-select event ([6d181de](https://github.com/hatiolab/operato/commit/6d181de26467ee0f1733f6367049517c69383f31))
+
+
+
+## [1.0.0-beta.43](https://github.com/hatiolab/operato/compare/v1.0.0-beta.42...v1.0.0-beta.43) (2022-07-03)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.42](https://github.com/hatiolab/operato/compare/v1.0.0-beta.41...v1.0.0-beta.42) (2022-07-03)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.41](https://github.com/hatiolab/operato/compare/v1.0.0-beta.40...v1.0.0-beta.41) (2022-06-30)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.40](https://github.com/hatiolab/operato/compare/v1.0.0-beta.39...v1.0.0-beta.40) (2022-06-29)
+
+
+### :bug: Bug Fix
+
+* duration editor for grist and property editor ([db2a59e](https://github.com/hatiolab/operato/commit/db2a59eca05c3d5c324d351ad9c201f5f93113c4))
+
+
+
+## [1.0.0-beta.39](https://github.com/hatiolab/operato/compare/v1.0.0-beta.38...v1.0.0-beta.39) (2022-06-22)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.38](https://github.com/hatiolab/operato/compare/v1.0.0-beta.37...v1.0.0-beta.38) (2022-06-20)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.37](https://github.com/hatiolab/operato/compare/v1.0.0-beta.36...v1.0.0-beta.37) (2022-06-20)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.36](https://github.com/hatiolab/operato/compare/v1.0.0-beta.35...v1.0.0-beta.36) (2022-06-16)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.35](https://github.com/hatiolab/operato/compare/v1.0.0-beta.34...v1.0.0-beta.35) (2022-06-16)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.34](https://github.com/hatiolab/operato/compare/v1.0.0-beta.33...v1.0.0-beta.34) (2022-06-16)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.33](https://github.com/hatiolab/operato/compare/v1.0.0-beta.32...v1.0.0-beta.33) (2022-06-16)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.32](https://github.com/hatiolab/operato/compare/v1.0.0-beta.31...v1.0.0-beta.32) (2022-06-15)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.31](https://github.com/hatiolab/operato/compare/v1.0.0-beta.30...v1.0.0-beta.31) (2022-06-15)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.30](https://github.com/hatiolab/operato/compare/v1.0.0-beta.29...v1.0.0-beta.30) (2022-06-13)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.29](https://github.com/hatiolab/operato/compare/v1.0.0-beta.28...v1.0.0-beta.29) (2022-06-10)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.28](https://github.com/hatiolab/operato/compare/v1.0.0-beta.27...v1.0.0-beta.28) (2022-06-10)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.27](https://github.com/hatiolab/operato/compare/v1.0.0-beta.26...v1.0.0-beta.27) (2022-06-09)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.26](https://github.com/hatiolab/operato/compare/v1.0.0-beta.25...v1.0.0-beta.26) (2022-06-04)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.25](https://github.com/hatiolab/operato/compare/v1.0.0-beta.24...v1.0.0-beta.25) (2022-06-02)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.24](https://github.com/hatiolab/operato/compare/v1.0.0-beta.23...v1.0.0-beta.24) (2022-06-02)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.23](https://github.com/hatiolab/operato/compare/v1.0.0-beta.22...v1.0.0-beta.23) (2022-06-02)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.22](https://github.com/hatiolab/operato/compare/v1.0.0-beta.21...v1.0.0-beta.22) (2022-05-31)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.21](https://github.com/hatiolab/operato/compare/v1.0.0-beta.20...v1.0.0-beta.21) (2022-05-31)
+
+
+### :bug: Bug Fix
+
+* add ox-input-key-values, ox-property-editor-key-values and so on ([d26b2e9](https://github.com/hatiolab/operato/commit/d26b2e94a5e43935e5e80a1ebb0948642624ca92))
+
+
+
+## [1.0.0-beta.20](https://github.com/hatiolab/operato/compare/v1.0.0-beta.19...v1.0.0-beta.20) (2022-05-30)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.19](https://github.com/hatiolab/operato/compare/v1.0.0-beta.18...v1.0.0-beta.19) (2022-05-29)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.18](https://github.com/hatiolab/operato/compare/v1.0.0-beta.17...v1.0.0-beta.18) (2022-05-27)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.17](https://github.com/hatiolab/operato/compare/v1.0.0-beta.16...v1.0.0-beta.17) (2022-05-25)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.16](https://github.com/hatiolab/operato/compare/v1.0.0-beta.15...v1.0.0-beta.16) (2022-05-23)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.15](https://github.com/hatiolab/operato/compare/v1.0.0-beta.14...v1.0.0-beta.15) (2022-05-20)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.14](https://github.com/hatiolab/operato/compare/v1.0.0-beta.13...v1.0.0-beta.14) (2022-05-19)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
+## [1.0.0-beta.13](https://github.com/hatiolab/operato/compare/v1.0.0-beta.12...v1.0.0-beta.13) (2022-05-19)
+
+
+### :bug: Bug Fix
+
+* incorrect package.json scripts for storybooks ([8c8c405](https://github.com/hatiolab/operato/commit/8c8c405443247108b9c411b8161c008d9b6a2261))
+
+
+
+## [1.0.0-beta.12](https://github.com/hatiolab/operato/compare/v1.0.0-beta.11...v1.0.0-beta.12) (2022-05-13)
+
+
+### :rocket: New Features
+
+* storybook started ([90c08c9](https://github.com/hatiolab/operato/commit/90c08c9a15e5fe554baaa1becca07793e8434799))
+
+
+
+## [1.0.0-beta.11](https://github.com/hatiolab/operato/compare/v1.0.0-beta.10...v1.0.0-beta.11) (2022-05-01)
+
+
+### :bug: Bug Fix
+
+* input-data, input-script height ([a151994](https://github.com/hatiolab/operato/commit/a151994f06285799d8e05fb6842f8a7f8b13660d))
+
+
+### :rocket: New Features
+
+* separated filter-form from data-grist ([21e27f7](https://github.com/hatiolab/operato/commit/21e27f74d3e66d782da4aa75801c39a037627f62))
+
+
+
+## [1.0.0-beta.10](https://github.com/hatiolab/operato/compare/v1.0.0-beta.9...v1.0.0-beta.10) (2022-04-28)
+
+**Note:** Version bump only for package @operato/property-editor
+
+
+
+
+
 ## [1.0.0-beta.9](https://github.com/hatiolab/operato/compare/v1.0.0-beta.8...v1.0.0-beta.9) (2022-04-28)
 
 **Note:** Version bump only for package @operato/property-editor

package/demo/index.html

@@ -2,7 +2,7 @@
 <html lang="en-GB">
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style>
       body {
         margin: 0;
@@ -46,8 +46,10 @@
       import '../dist/src/ox-property-editor-multiple-colors.js'
       import '../dist/src/ox-property-editor-crontab.js'
       import '../dist/src/ox-property-editor-work-shift.js'
+      import '../dist/src/ox-property-editor-partition-keys.js'
+      import '../dist/src/ox-property-editor-key-values.js'
       // import '../dist/src/ox-property-editor-textarea.js'
-      // import '../dist/src/ox-property-editor-options.js'
+      import '../dist/src/ox-property-editor-options.js'
 
       import '../dist/src/ox-properties-dynamic-view.js'
 
@@ -85,14 +87,17 @@
         'id-input': 'ox-property-editor-scene-component-id',
         'font-selector': 'ox-property-editor-font-selector',
         crontab: 'ox-property-editor-crontab',
-        shift: 'ox-property-editor-work-shift'
+        shift: 'ox-property-editor-work-shift',
+        'partition-keys': 'ox-property-editor-partition-keys',
+        'key-values': 'ox-property-editor-key-values'
       })
 
       const properties = [
         {
           type: 'string',
           label: 'ABC',
-          name: 'ABC'
+          name: 'ABC',
+          quantifier: [1, 20]
         },
         {
           type: 'password',
@@ -153,7 +158,10 @@
         {
           type: 'options',
           label: 'OT',
-          name: 'OT'
+          name: 'OT',
+          editor: {
+            fullwidth: true
+          }
         },
         {
           type: 'data',
@@ -192,10 +200,16 @@
           type: 'shift',
           label: 'shift',
           name: 'shift'
+        },
+        {
+          type: 'key-values',
+          label: 'key-values',
+          name: 'key-values'
         }
       ]
 
       const value = {
+        ABC: [4, 3, 2, 1],
         S: 290,
         SLT: 'bbb',
         IM: 'https://www.hatiolab.com/assets/img/arch-thingsboard.png',

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

@@ -2,7 +2,7 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { OxPropertyEditor } from './ox-property-editor.js';
 /**
@@ -56,20 +56,24 @@ let OxPropertiesDynamicView = class OxPropertiesDynamicView extends LitElement {
         const specs = this.props || [];
         this.textContent = '';
         specs.forEach(spec => {
-            let elementType = OxPropertyEditor.getEditor(spec.type);
+            const { label, type, name, placeholder, editor, quantifier, observe, property } = spec;
+            let elementType = OxPropertyEditor.getEditor(type);
             if (!elementType) {
-                console.warn('Property Editor not defined', spec.type);
+                console.warn('Property Editor not defined', 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.label = label;
+            element.type = type;
+            element.placeholder = placeholder;
+            element.name = name;
+            element.setAttribute('name', name);
+            element.editor = editor;
+            element.quantifier = quantifier;
+            if (observe) {
+                element.observe = observe;
             }
-            element.property = spec.property;
+            element.property = property;
             element.setAttribute('property-editor', 'true');
             this.appendChild(element);
         });

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

@@ -1 +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"]}
+{"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 { html, LitElement, PropertyValues } 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      const { label, type, name, placeholder, editor, quantifier, observe, property } = spec\n\n      let elementType = OxPropertyEditor.getEditor(type)\n      if (!elementType) {\n        console.warn('Property Editor not defined', type)\n        return\n      }\n      let element = document.createElement(elementType) as OxPropertyEditor\n\n      element.label = label\n      element.type = type\n      element.placeholder = placeholder\n      element.name = name\n      element.setAttribute('name', name)\n      element.editor = editor\n      element.quantifier = quantifier\n\n      if (observe) {\n        element.observe = observe\n      }\n      element.property = 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

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

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

@@ -1,13 +1,11 @@
 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';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
 let OxPropertyEditorAngle = class OxPropertyEditorAngle extends OxPropertyEditor {
-    editorTemplate() {
-        return html `
-      <ox-input-angle id="editor" .radian=${this.value} placeholder=${this.placeholder || ''}></ox-input-angle>
-    `;
+    editorTemplate(value, spec) {
+        return html ` <ox-input-angle id="editor" .radian=${value} placeholder=${spec.placeholder || ''}></ox-input-angle> `;
     }
 };
 OxPropertyEditorAngle = __decorate([

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

@@ -1 +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"]}
+{"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,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI1D,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,gBAAgB;IACzD,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,OAAO,IAAI,CAAA,wCAAwC,KAAK,gBAAgB,IAAI,CAAC,WAAW,IAAI,EAAE,qBAAqB,CAAA;IACrH,CAAC;CACF,CAAA;AAJY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAIjC;SAJY,qBAAqB","sourcesContent":["import '@operato/input/ox-input-angle.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { PropertySpec } from './types.js'\n\n@customElement('ox-property-editor-angle')\nexport class OxPropertyEditorAngle extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    return html` <ox-input-angle id=\"editor\" .radian=${value} placeholder=${spec.placeholder || ''}></ox-input-angle> `\n  }\n}\n"]}

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

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

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

@@ -1,14 +1,14 @@
 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';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
 let OxPropertyEditorCheckbox = class OxPropertyEditorCheckbox extends OxPropertyEditor {
     get valueProperty() {
         return 'checked';
     }
-    editorTemplate() {
-        return html ` <ox-checkbox id="editor" ?checked=${this.value}></ox-checkbox>`;
+    editorTemplate(value, spec) {
+        return html ` <ox-checkbox id="editor" ?checked=${value}></ox-checkbox>`;
     }
 };
 OxPropertyEditorCheckbox = __decorate([

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

@@ -1 +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"]}
+{"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,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI1D,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,gBAAgB;IAC5D,IAAI,aAAa;QACf,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,OAAO,IAAI,CAAA,sCAAsC,KAAK,iBAAiB,CAAA;IACzE,CAAC;CACF,CAAA;AARY,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAQpC;SARY,wBAAwB","sourcesContent":["import '@operato/input/ox-checkbox.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { PropertySpec } from './types.js'\n\n@customElement('ox-property-editor-checkbox')\nexport class OxPropertyEditorCheckbox extends OxPropertyEditor {\n  get valueProperty() {\n    return 'checked'\n  }\n\n  editorTemplate(value: any, spec: PropertySpec) {\n    return html` <ox-checkbox id=\"editor\" ?checked=${value}></ox-checkbox>`\n  }\n}\n"]}

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

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

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

@@ -1,17 +1,12 @@
 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';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
 let OxPropertyEditorColor = class OxPropertyEditorColor extends OxPropertyEditor {
-    editorTemplate() {
+    editorTemplate(value, spec) {
         return html `
-      <ox-input-color
-        id="editor"
-        .value=${this.value}
-        placeholder=${this.placeholder || ''}
-        .properties=${this.property}
-      >
+      <ox-input-color id="editor" .value=${value} placeholder=${spec.placeholder || ''} .properties=${spec.property}>
       </ox-input-color>
     `;
     }

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

@@ -1 +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"]}
+{"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,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI1D,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,gBAAgB;IACzD,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,OAAO,IAAI,CAAA;2CAC4B,KAAK,gBAAgB,IAAI,CAAC,WAAW,IAAI,EAAE,gBAAgB,IAAI,CAAC,QAAQ;;KAE9G,CAAA;IACH,CAAC;CACF,CAAA;AAPY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAOjC;SAPY,qBAAqB","sourcesContent":["import '@operato/input/ox-input-color.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from './ox-property-editor.js'\nimport { PropertySpec } from './types.js'\n\n@customElement('ox-property-editor-color')\nexport class OxPropertyEditorColor extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    return html`\n      <ox-input-color id=\"editor\" .value=${value} placeholder=${spec.placeholder || ''} .properties=${spec.property}>\n      </ox-input-color>\n    `\n  }\n}\n"]}

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

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

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

@@ -4,8 +4,9 @@ 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> `;
+    editorTemplate(value, spec) {
+        const { fullwidth = true } = spec.editor || {};
+        return html ` <ox-input-crontab id="editor" .value=${value} ?fullwidth=${fullwidth}> </ox-input-crontab> `;
     }
 };
 OxPropertyEditorCrontab = __decorate([

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

@@ -1 +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"]}
+{"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;AAI1D,IAAa,uBAAuB,GAApC,MAAa,uBAAwB,SAAQ,gBAAgB;IAC3D,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE9C,OAAO,IAAI,CAAA,yCAAyC,KAAK,eAAe,SAAS,wBAAwB,CAAA;IAC3G,CAAC;CACF,CAAA;AANY,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAMnC;SANY,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'\nimport { PropertySpec } from './types.js'\n\n@customElement('ox-property-editor-crontab')\nexport class OxPropertyEditorCrontab extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { fullwidth = true } = spec.editor || {}\n\n    return html` <ox-input-crontab id=\"editor\" .value=${value} ?fullwidth=${fullwidth}> </ox-input-crontab> `\n  }\n}\n"]}