npm - @operato/property-editor - Versions diffs - 7.1.30 → 7.1.32 - Mend

@operato/property-editor 7.1.30 → 7.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/CHANGELOG.md +19 -0
package/dist/src/ox-property-editor-password.js +1 -0
package/dist/src/ox-property-editor-password.js.map +1 -1
package/dist/src/ox-property-editor-string.js +1 -0
package/dist/src/ox-property-editor-string.js.map +1 -1
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +6 -6
package/.storybook/main.js +0 -3
package/.storybook/preview.js +0 -52
package/.storybook/server.mjs +0 -8
package/demo/index.html +0 -323
package/src/index.ts +0 -3
package/src/ox-properties-dynamic-view.ts +0 -145
package/src/ox-property-editor-3axis.ts +0 -19
package/src/ox-property-editor-3dish.ts +0 -29
package/src/ox-property-editor-action.ts +0 -42
package/src/ox-property-editor-angle.ts +0 -21
package/src/ox-property-editor-checkbox.ts +0 -18
package/src/ox-property-editor-color.ts +0 -23
package/src/ox-property-editor-crontab.ts +0 -19
package/src/ox-property-editor-data.ts +0 -18
package/src/ox-property-editor-date.ts +0 -12
package/src/ox-property-editor-datetime.ts +0 -12
package/src/ox-property-editor-duration.ts +0 -19
package/src/ox-property-editor-file.ts +0 -26
package/src/ox-property-editor-gradient-colorstops.ts +0 -27
package/src/ox-property-editor-hashtags.ts +0 -22
package/src/ox-property-editor-image.ts +0 -22
package/src/ox-property-editor-key-values.ts +0 -25
package/src/ox-property-editor-legend.ts +0 -12
package/src/ox-property-editor-mass-fraction.ts +0 -26
package/src/ox-property-editor-month.ts +0 -12
package/src/ox-property-editor-multiple-colors.ts +0 -16
package/src/ox-property-editor-number.ts +0 -30
package/src/ox-property-editor-options.ts +0 -23
package/src/ox-property-editor-partition-keys.ts +0 -23
package/src/ox-property-editor-password.ts +0 -20
package/src/ox-property-editor-range.ts +0 -27
package/src/ox-property-editor-scene-component-id.ts +0 -21
package/src/ox-property-editor-select.ts +0 -85
package/src/ox-property-editor-signature.ts +0 -23
package/src/ox-property-editor-solid-colorstops.ts +0 -27
package/src/ox-property-editor-string.ts +0 -20
package/src/ox-property-editor-table-column-config.ts +0 -23
package/src/ox-property-editor-table.ts +0 -23
package/src/ox-property-editor-textarea.ts +0 -35
package/src/ox-property-editor-time.ts +0 -12
package/src/ox-property-editor-unit-number.ts +0 -33
package/src/ox-property-editor-value-map.ts +0 -27
package/src/ox-property-editor-value-ranges.ts +0 -27
package/src/ox-property-editor-work-shift.ts +0 -24
package/src/ox-property-editor.ts +0 -243
package/src/types.ts +0 -23
package/stories/ox-properties-dynamic-view.stories.ts +0 -311
package/stories/ox-properties-editor-textarea.stories.ts +0 -97
package/tsconfig.json +0 -24
package/web-dev-server.config.mjs +0 -28
package/web-test-runner.config.mjs +0 -29

package/demo/index.html DELETED Viewed

@@ -1,323 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        /* This is a font-stack that tries to use the system-default sans-serifs first */
-        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-        line-height: 1.5;
-        -webkit-font-smoothing: antialiased;
-      }
-      ox-properties-dynamic-view {
-        width: 100vw;
-        display: flex;
-        flex-direction: column;
-      }
-    </style>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.2/web-animations-next-lite.min.js"></script>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script type="module">
-      import { html, render } from 'lit'
-      import '@operato/i18n/ox-i18n.js'
-      import '../dist/src/ox-property-editor-3axis.js'
-      import '../dist/src/ox-property-editor-3dish.js'
-      import '../dist/src/ox-property-editor-angle.js'
-      import '../dist/src/ox-property-editor-checkbox.js'
-      import '../dist/src/ox-property-editor-color.js'
-      import '../dist/src/ox-property-editor-date.js'
-      import '../dist/src/ox-property-editor-legend.js'
-      import '../dist/src/ox-property-editor-number.js'
-      import '../dist/src/ox-property-editor-unit-number.js'
-      import '../dist/src/ox-property-editor-password.js'
-      import '../dist/src/ox-property-editor-range.js'
-      import '../dist/src/ox-property-editor-select.js'
-      import '../dist/src/ox-property-editor-string.js'
-      import '../dist/src/ox-property-editor-image.js'
-      import '../dist/src/ox-property-editor-file.js'
-      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-hashtags.js'
-      import '../dist/src/ox-properties-dynamic-view.js'
-      import { OxPropertyEditor } from '@operato/property-editor'
-      OxPropertyEditor.register({
-        legend: 'ox-property-editor-legend',
-        number: 'ox-property-editor-number',
-        'unit-number': 'ox-property-editor-unit-number',
-        slider: 'ox-property-editor-range',
-        password: 'ox-property-editor-password',
-        angle: 'ox-property-editor-angle',
-        string: 'ox-property-editor-string',
-        textarea: 'ox-property-editor-textarea',
-        javascript: 'ox-property-editor-textarea',
-        checkbox: 'ox-property-editor-checkbox',
-        boolean: 'ox-property-editor-checkbox',
-        select: 'ox-property-editor-select',
-        date: 'ox-property-editor-date',
-        options: 'ox-property-editor-options',
-        data: 'ox-property-editor-data',
-        file: 'ox-property-editor-file',
-        image: 'ox-property-editor-image',
-        'range-input': 'ox-property-editor-range',
-        'attachment-selector': 'ox-property-editor-attachment-selector',
-        'gltf-selector': 'ox-property-editor-attachment-selector',
-        'image-selector': 'ox-property-editor-image-selector',
-        color: 'ox-property-editor-color',
-        'solid-color-stops': 'ox-property-editor-solid-colorstops',
-        'gradient-color-stops': 'ox-property-editor-gradient-colorstops',
-        'multiple-color': 'ox-property-editor-multiple-colors',
-        map: 'ox-property-editor-value-map',
-        range: 'ox-property-editor-value-ranges',
-        graphql: 'ox-property-editor-graphql',
-        'editor-table': 'ox-property-editor-table',
-        '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',
-        'partition-keys': 'ox-property-editor-partition-keys',
-        'key-values': 'ox-property-editor-key-values',
-        hashtags: 'ox-property-editor-hashtags',
-        '3axis': 'ox-property-editor-3axis',
-        '3dish': 'ox-property-editor-3dish'
-      })
-      const properties = [
-        {
-          type: 'string',
-          label: 'ABC',
-          name: 'ABC',
-          quantifier: [1, 20]
-        },
-        {
-          type: 'password',
-          label: 'PWD',
-          name: 'PWD'
-        },
-        {
-          type: 'select',
-          label: 'SLT',
-          name: 'SLT',
-          property: {
-            options: [
-              { display: '', value: '' },
-              { display: 'AAA', value: 'aaa' },
-              { display: 'BBB', value: 'bbb' }
-            ]
-          }
-        },
-        {
-          type: 'number',
-          label: 'N#',
-          name: 'N#'
-        },
-        {
-          type: 'unit-number',
-          label: 'NU',
-          name: 'NU',
-          property: {
-            unit: 'K'
-          }
-        },
-        {
-          type: 'checkbox',
-          label: 'XV',
-          name: 'XV'
-        },
-        {
-          type: 'angle',
-          label: 'Degree',
-          name: 'Degree'
-        },
-        {
-          type: 'date',
-          label: 'DD',
-          name: 'DD'
-        },
-        {
-          type: 'legend',
-          label: '',
-          name: 'NEW-GROUP',
-          property: {
-            label: 'NEW-GROUP'
-          }
-        },
-        {
-          type: 'slider',
-          label: 'S',
-          name: 'S',
-          property: {
-            min: 30,
-            max: 300,
-            step: 10
-          }
-        },
-        {
-          type: 'textarea',
-          label: 'TA',
-          name: 'TA',
-          styles: {
-            flex: '1'
-          }
-        },
-        {
-          type: 'options',
-          label: 'OT',
-          name: 'OT',
-          editor: {
-            fullwidth: true
-          }
-        },
-        {
-          type: 'data',
-          label: 'DT',
-          name: 'DT'
-        },
-        {
-          type: 'color',
-          label: 'CL',
-          name: 'CL'
-        },
-        {
-          type: 'multiple-color',
-          label: 'CLS',
-          name: 'CLS'
-        },
-        {
-          type: 'image',
-          label: 'IM',
-          name: 'IM'
-        },
-        {
-          type: 'file',
-          label: 'FL',
-          name: 'FL',
-          property: {
-            multiple: true
-          }
-        },
-        {
-          type: 'crontab',
-          label: 'schedule',
-          name: 'schedule'
-        },
-        {
-          type: 'shift',
-          label: 'shift',
-          name: 'shift'
-        },
-        {
-          type: 'key-values',
-          label: 'key-values',
-          name: 'key-values'
-        },
-        {
-          type: 'hashtags',
-          label: 'hashtags',
-          name: 'hashtags'
-        },
-        {
-          type: '3dish',
-          label: '3dish',
-          name: '3dish'
-        }
-      ]
-      const value = {
-        ABC: [4, 3, 2, 1],
-        S: 290,
-        SLT: 'bbb',
-        NU: 1000,
-        IM: 'https://www.hatiolab.com/assets/img/arch-thingsboard.png',
-        CLS: ['yello', 'green'],
-        schedule: '* * * * * *',
-        shift: [
-          {
-            name: 'DAY',
-            fromDate: -1,
-            fromTime: '22:00',
-            toDate: 0,
-            toTime: '06:00'
-          },
-          {
-            name: 'SWING',
-            fromDate: 0,
-            fromTime: '06:00',
-            toDate: 0,
-            toTime: '14:00'
-          },
-          {
-            name: 'NIGHT',
-            fromDate: 0,
-            fromTime: '14:00',
-            toDate: 0,
-            toTime: '22:00'
-          }
-        ],
-        hashtags: ['abc', 'def'],
-        '3dish': {
-          dimension: { x: 1, y: 1, z: 1 },
-          position: { x: 1, y: 1, z: 1 },
-          rotate: { x: 1, y: 1, z: 1 },
-          scale: { x: 1, y: 1, z: 1 }
-        }
-      }
-      render(
-        html`
-          <ox-properties-dynamic-view
-            .props=${properties}
-            .value=${value}
-            @property-change=${e => console.log(e.currentTarget.value)}
-          ></ox-properties-dynamic-view>
-        `,
-        document.querySelector('#demo')
-      )
-    </script>
-  </body>
-</html>

package/src/index.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export * from './types.js'
-export * from './ox-property-editor.js'
-export * from './ox-properties-dynamic-view.js'

package/src/ox-properties-dynamic-view.ts DELETED Viewed

@@ -1,145 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { html, LitElement, PropertyValues } from 'lit'
-import { customElement, property } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec, CSSStyles } from './types.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
-}
-@customElement('ox-properties-dynamic-view')
-export class OxPropertiesDynamicView extends LitElement {
-  @property({ type: Object }) value: { [name: string]: any } = {}
-  @property({ type: Array }) props?: PropertySpec[]
-  render() {
-    return html`<slot></slot>`
-  }
-  firstUpdated() {
-    this.addEventListener('change', this._onValueChanged.bind(this))
-  }
-  updated(changes: PropertyValues<this>) {
-    changes.has('props') && this._onPropsChanged(this.props || [])
-    changes.has('value') && this._setValues()
-  }
-  _onPropsChanged(props: PropertySpec[]) {
-    const specs = this.props || []
-    this.textContent = ''
-    specs.forEach(spec => {
-      const { label, type, name, placeholder, editor, quantifier, observe, property, defaultValue, styles } = spec
-      let elementType = OxPropertyEditor.getEditor(type)
-      if (!elementType) {
-        console.warn('Property Editor not defined', type)
-        return
-      }
-      let element = document.createElement(elementType) as OxPropertyEditor
-      element.label = label
-      element.type = type
-      element.placeholder = placeholder
-      element.name = name
-      element.setAttribute('name', name)
-      element.editor = editor
-      element.quantifier = quantifier
-      element.defaultValue = defaultValue
-      if (observe) {
-        element.observeHandler = observe
-      }
-      element.property = property
-      element.setAttribute('property-editor', 'true')
-      if (styles) {
-        Object.keys(styles).forEach((key: string) => {
-          element.style[key as keyof CSSStyles] = styles![key as keyof CSSStyles]
-        })
-      }
-      this.appendChild(element)
-    })
-  }
-  _setValues() {
-    this.value &&
-      Array.from(this.querySelectorAll('[name]')).forEach(prop => {
-        const editor = prop as OxPropertyEditor
-        const name = editor.getAttribute('name')
-        var value = this.value[name!]
-        if (value === undefined) {
-          value = editor.getDefaultValue?.() || (DEFAULT_VALUE as any)[editor.type]
-        }
-        editor.value = value
-        editor.observe?.call(prop, editor.value)
-      })
-  }
-  _onValueChanged(e: Event) {
-    e.stopPropagation()
-    var target = e.target as Element
-    const editor = target.closest('[property-editor]') as OxPropertyEditor
-    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
-      })
-    )
-  }
-}

package/src/ox-property-editor-3axis.ts DELETED Viewed

@@ -1,19 +0,0 @@
-import '@operato/input/ox-input-3axis.js'
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec } from './types.js'
-@customElement('ox-property-editor-3axis')
-export class OxPropertyEditor3Axis extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    const { editor } = spec
-    const { fullwidth = true } = editor || {}
-    return html`
-      <ox-input-3axis id="editor" .value=${value} ?fullwidth=${fullwidth} ?disabled=${this.disabled}></ox-input-3axis>
-    `
-  }
-}

package/src/ox-property-editor-3dish.ts DELETED Viewed

@@ -1,29 +0,0 @@
-import '@operato/input/ox-input-3dish.js'
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec } from './types.js'
-@customElement('ox-property-editor-3dish')
-export class OxPropertyEditor3Dish extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    const { position, dimension, rotate, scale } = value || {}
-    const { editor } = spec
-    const { fullwidth = true } = editor || {}
-    return html`
-      <ox-input-3dish
-        id="editor"
-        .position=${position}
-        .dimension=${dimension}
-        .rotate=${rotate}
-        .scale=${scale}
-        placeholder=${spec.placeholder || ''}
-        ?fullwidth=${fullwidth}
-        ?disabled=${this.disabled}
-      ></ox-input-3dish>
-    `
-  }
-}

package/src/ox-property-editor-action.ts DELETED Viewed

@@ -1,42 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import '@material/web/button/elevated-button.js'
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec } from './types.js'
-/**
- *
- */
-@customElement('ox-property-editor-action')
-export default class OxPropertyEditorAction extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    var property = spec.property || {}
-    var { icon, action } = property
-    return html`
-      <md-elevated-button
-        @click=${(e: MouseEvent) => {
-          this.dispatchEvent(
-            new CustomEvent('i-need-selected', {
-              bubbles: true,
-              composed: true,
-              detail: {
-                callback: (selected: any[]) => {
-                  typeof action === 'function' && action(selected[0])
-                }
-              }
-            })
-          )
-        }}
-        ?disabled=${this.disabled}
-      >
-        <md-icon slot="icon">${icon}</md-icon>
-      </md-elevated-button>
-    `
-  }
-}

package/src/ox-property-editor-angle.ts DELETED Viewed

@@ -1,21 +0,0 @@
-import '@operato/input/ox-input-angle.js'
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec } from './types.js'
-@customElement('ox-property-editor-angle')
-export class OxPropertyEditorAngle extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    return html`
-      <ox-input-angle
-        id="editor"
-        .value=${value}
-        placeholder=${spec.placeholder || ''}
-        ?disabled=${this.disabled}
-      ></ox-input-angle>
-    `
-  }
-}

package/src/ox-property-editor-checkbox.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import '@operato/input/ox-checkbox.js'
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec } from './types.js'
-@customElement('ox-property-editor-checkbox')
-export class OxPropertyEditorCheckbox extends OxPropertyEditor {
-  get valueProperty() {
-    return 'checked'
-  }
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    return html` <ox-checkbox id="editor" ?checked=${value} ?disabled=${this.disabled}></ox-checkbox>`
-  }
-}

package/src/ox-property-editor-color.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import '@operato/input/ox-input-color.js'
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec } from './types.js'
-@customElement('ox-property-editor-color')
-export class OxPropertyEditorColor extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    return html`
-      <ox-input-color
-        id="editor"
-        .value=${value}
-        placeholder=${spec.placeholder || ''}
-        .properties=${spec.property}
-        ?disabled=${this.disabled}
-      >
-      </ox-input-color>
-    `
-  }
-}

package/src/ox-property-editor-crontab.ts DELETED Viewed

@@ -1,19 +0,0 @@
-import '@operato/input/ox-input-crontab.js'
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec } from './types.js'
-@customElement('ox-property-editor-crontab')
-export class OxPropertyEditorCrontab extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    const { fullwidth = true } = spec.editor || {}
-    return html`
-      <ox-input-crontab id="editor" .value=${value} ?fullwidth=${fullwidth} ?disabled=${this.disabled}>
-      </ox-input-crontab>
-    `
-  }
-}

package/src/ox-property-editor-data.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import '@operato/input/ox-input-data.js'
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec } from './types.js'
-@customElement('ox-property-editor-data')
-export class OxPropertyEditorData extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    const { fullwidth = true } = spec.editor || {}
-    return html`
-      <ox-input-data id="editor" .value=${value} ?fullwidth=${fullwidth} ?disabled=${this.disabled}></ox-input-data>
-    `
-  }
-}

package/src/ox-property-editor-date.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { OxPropertyEditor } from './ox-property-editor.js'
-import { PropertySpec } from './types.js'
-@customElement('ox-property-editor-date')
-export class OxPropertyEditorDate extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    return html` <input type="date" id="editor" .value=${value} ?disabled=${this.disabled} /> `
-  }
-}