@operato/property-editor 1.1.74 → 1.1.76

package/src/ox-property-editor-hashtags.ts

@@ -1,4 +1,4 @@
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 import '@operato/input/ox-input-hashtags.js'
 
@@ -7,7 +7,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-hashtags')
 export class OxPropertyEditorHashtags extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     return html`
       <ox-input-hashtags type="text" id="editor" .value=${value || ''} placeholder=${spec.placeholder || ''}>
       </ox-input-hashtags>

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

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-image.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -12,7 +12,7 @@ export class OxPropertyEditorImage extends OxPropertyEditor {
     return v
   }
 
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { fullwidth = false } = spec.editor || {}
 
     return html` <ox-input-image id="editor" .value=${value} ?fullwidth=${fullwidth}></ox-input-image> `

package/src/ox-property-editor-key-values.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-key-values.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-key-values')
 export class OxPropertyEditorKeyValues extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { options } = spec.property || {}
     const { fullwidth = true } = spec.editor || {}
 

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

@@ -1,4 +1,4 @@
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -6,7 +6,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-legend')
 export class OxPropertyEditorLegend extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     return html` <legend>${spec.property.label}</legend> `
   }
 }

package/src/ox-property-editor-mass-fraction.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-mass-fraction.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-mass-fraction')
 export class OxPropertyEditorMassFraction extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { defaultValue } = spec.property || {}
     const { fullwidth = true } = spec.editor || {}
 

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

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-multiple-colors.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-multiple-colors')
 export class OxPropertyEditorMultipleColors extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     return html` <ox-input-multiple-colors id="editor" .value=${value}> </ox-input-multiple-colors> `
   }
 }

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

@@ -1,4 +1,4 @@
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -10,7 +10,7 @@ export class OxPropertyEditorNumber extends OxPropertyEditor {
     return Number(v)
   }
 
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { step, min, max } = spec.property || {}
 
     return html`

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

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-options.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-options')
 export class OxPropertyEditorOptions extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { fullwidth = false } = spec.editor || {}
 
     return html` <ox-input-options id="editor" .value=${value || []} ?fullwidth=${fullwidth}></ox-input-options> `

package/src/ox-property-editor-partition-keys.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-partition-keys.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-partition-keys')
 export class OxPropertyEditorPartitionKeys extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { fullwidth = true } = spec.editor || {}
 
     return html`

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

@@ -1,4 +1,4 @@
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -6,7 +6,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-password')
 export class OxPropertyEditorPassword extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     return html` <input type="password" id="editor" .value=${value} placeholder=${spec.placeholder || ''} /> `
   }
 }

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

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-range.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-range')
 export class OxPropertyEditorRange extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { step, min, max } = spec.property || {}
     const { fullwidth = false } = spec.editor || {}
 

package/src/ox-property-editor-scene-component-id.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-scene-component-id.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-scene-component-id')
 export class OxPropertyEditorSceneComponentId extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     return html`
       <ox-input-scene-component-id id="editor" .value=${value} .property=${spec.property}></ox-input-scene-component-id>
     `

package/src/ox-property-editor-select.ts

@@ -1,7 +1,7 @@
 import '@operato/input/ox-select.js'
 import '@operato/popup/ox-popup-list.js'
 
-import { css, html, LitElement } from 'lit'
+import { css, html, LitElement, TemplateResult } from 'lit'
 import { customElement, query } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -39,7 +39,7 @@ export class OxPropertyEditorSelect extends OxPropertyEditor {
     }
   }
 
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     var options = spec.property?.options as Option[]
     if (!(options instanceof Array)) {
       options = []
@@ -47,7 +47,7 @@ export class OxPropertyEditorSelect extends OxPropertyEditor {
     const { fullwidth = false } = spec.editor || {}
 
     return html`
-      <ox-select id="editor" .value=${value} placeholder=${spec.placeholder} ?fullwidth=${fullwidth}>
+      <ox-select id="editor" .value=${value} placeholder=${spec.placeholder || ''} ?fullwidth=${fullwidth}>
         <ox-popup-list with-search>
           ${options.map(
             item => html`

package/src/ox-property-editor-solid-colorstops.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-color-stops.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-solid-colorstops')
 export class OxPropertyEditorSolidColorStops extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { fullwidth = true } = spec.editor || {}
 
     return html`

package/src/ox-property-editor-string.ts

@@ -1,4 +1,4 @@
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -6,7 +6,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-string')
 export class OxPropertyEditorString extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     return html` <input type="text" id="editor" .value=${value || ''} placeholder=${spec.placeholder || ''} /> `
   }
 }

package/src/ox-property-editor-table.ts

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

package/src/ox-property-editor-textarea.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-code.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-textarea')
 export class OxPropertyEditorTextArea extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { fullwidth = true } = spec.editor || {}
 
     return html`

package/src/ox-property-editor-unit-number.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-unit-number.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -12,7 +12,7 @@ export class OxPropertyEditorNumberUnit extends OxPropertyEditor {
     return Number(v)
   }
 
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { step, min, max, unit, userUnit } = spec.property || {}
 
     return html`

package/src/ox-property-editor-value-map.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-value-map.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-value-map')
 export class OxPropertyEditorValueMap extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { property } = spec
     const valuetype = property?.valuetype || 'string'
     /* IMPLEMENT-ME valuetype 에 editor를 전달할 수 있는 기능 개발 */

package/src/ox-property-editor-value-ranges.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-value-ranges.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-value-ranges')
 export class OxPropertyEditorValueRanges extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { property } = spec
     const valuetype = property?.valuetype || 'string'
     /* IMPLEMENT-ME valuetype 에 editor를 전달할 수 있는 기능 개발 */

package/src/ox-property-editor-work-shift.ts

@@ -1,6 +1,6 @@
 import '@operato/input/ox-input-work-shift.js'
 
-import { html } from 'lit'
+import { html, TemplateResult } from 'lit'
 import { customElement } from 'lit/decorators.js'
 
 import { OxPropertyEditor } from './ox-property-editor.js'
@@ -8,7 +8,7 @@ import { PropertySpec } from './types.js'
 
 @customElement('ox-property-editor-work-shift')
 export class OxPropertyEditorWorkShift extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec) {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { editor } = spec
     const { fullwidth = true } = editor || {}
 

package/src/ox-property-editor.ts

@@ -131,7 +131,7 @@ export class OxPropertyEditor extends LitElement {
     this.renderRoot.addEventListener('change', this._valueChanged.bind(this))
   }
 
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult<1> {
+  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     return html``
   }
 
@@ -171,7 +171,7 @@ export class OxPropertyEditor extends LitElement {
 
     if (changedProperties.has('value')) {
       this.__by_me = true
-      this.value = deepClone(this.value)
+      this.value = this.makeup(this.value)
       this.__by_me = false
     }