@operato/property-editor 1.11.16 → 1.11.17

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

@@ -12,6 +12,8 @@ export class OxPropertyEditor3Axis extends OxPropertyEditor {
     const { editor } = spec
     const { fullwidth = true } = editor || {}
 
-    return html` <ox-input-3axis id="editor" .value=${value} ?fullwidth=${fullwidth}></ox-input-3axis> `
+    return html`
+      <ox-input-3axis id="editor" .value=${value} ?fullwidth=${fullwidth} ?disabled=${this.disabled}></ox-input-3axis>
+    `
   }
 }

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

@@ -22,6 +22,7 @@ export class OxPropertyEditor3Dish extends OxPropertyEditor {
         .scale=${scale}
         placeholder=${spec.placeholder || ''}
         ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
       ></ox-input-3dish>
     `
   }

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

@@ -34,6 +34,7 @@ export default class OxPropertyEditorAction extends OxPropertyEditor {
             })
           )
         }}
+        ?disabled=${this.disabled}
       ></mwc-icon-button>
     `
   }

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

@@ -9,6 +9,13 @@ 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 || ''}></ox-input-angle> `
+    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

@@ -13,6 +13,6 @@ export class OxPropertyEditorCheckbox extends OxPropertyEditor {
   }
 
   editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    return html` <ox-checkbox id="editor" ?checked=${value}></ox-checkbox>`
+    return html` <ox-checkbox id="editor" ?checked=${value} ?disabled=${this.disabled}></ox-checkbox>`
   }
 }

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

@@ -10,7 +10,13 @@ import { PropertySpec } from './types.js'
 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}>
+      <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

@@ -11,6 +11,9 @@ 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}> </ox-input-crontab> `
+    return html`
+      <ox-input-crontab id="editor" .value=${value} ?fullwidth=${fullwidth} ?disabled=${this.disabled}>
+      </ox-input-crontab>
+    `
   }
 }

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

@@ -11,6 +11,13 @@ 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}></ox-input-data> `
+    return html`
+      <ox-input-data
+        id="editor"
+        .value=${value || []}
+        ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
+      ></ox-input-data>
+    `
   }
 }

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

@@ -7,6 +7,6 @@ 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} /> `
+    return html` <input type="date" id="editor" .value=${value} ?disabled=${this.disabled} /> `
   }
 }

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

@@ -11,6 +11,9 @@ export class OxPropertyEditorDuration extends OxPropertyEditor {
   editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     const { fullwidth = true } = spec.editor || {}
 
-    return html` <ox-input-duration id="editor" .value=${value} ?fullwidth=${fullwidth}> </ox-input-duration> `
+    return html`
+      <ox-input-duration id="editor" .value=${value} ?fullwidth=${fullwidth} ?disabled=${this.disabled}>
+      </ox-input-duration>
+    `
   }
 }

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

@@ -14,7 +14,13 @@ export class OxPropertyEditorFile extends OxPropertyEditor {
     const { fullwidth = false } = spec.editor || {}
 
     return html`
-      <ox-input-file id="editor" .value=${value || []} ?multiple=${multiple} ?fullwidth=${fullwidth}></ox-input-file>
+      <ox-input-file
+        id="editor"
+        .value=${value || []}
+        ?multiple=${multiple}
+        ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
+      ></ox-input-file>
     `
   }
 }

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

@@ -19,6 +19,7 @@ export class OxPropertyEditorGradientColorStops extends OxPropertyEditor {
         .min=${spec.property && spec.property.min}
         .max=${spec.property && spec.property.max}
         ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
       >
       </ox-input-color-stops>
     `

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

@@ -9,7 +9,13 @@ import { PropertySpec } from './types.js'
 export class OxPropertyEditorHashtags extends OxPropertyEditor {
   editorTemplate(value: any, spec: PropertySpec): TemplateResult {
     return html`
-      <ox-input-hashtags type="text" id="editor" .value=${value || ''} placeholder=${spec.placeholder || ''}>
+      <ox-input-hashtags
+        type="text"
+        id="editor"
+        .value=${value || ''}
+        placeholder=${spec.placeholder || ''}
+        ?disabled=${this.disabled}
+      >
       </ox-input-hashtags>
     `
   }

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

@@ -15,6 +15,8 @@ export class OxPropertyEditorImage extends OxPropertyEditor {
   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> `
+    return html`
+      <ox-input-image id="editor" .value=${value} ?fullwidth=${fullwidth} ?disabled=${this.disabled}></ox-input-image>
+    `
   }
 }

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

@@ -18,6 +18,7 @@ export class OxPropertyEditorKeyValues extends OxPropertyEditor {
         .value=${value}
         .options=${options}
         ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
       ></ox-input-key-values>
     `
   }

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

@@ -18,6 +18,7 @@ export class OxPropertyEditorMassFraction extends OxPropertyEditor {
         .value=${value}
         .defaultValue=${defaultValue}
         ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
       ></ox-input-mass-fraction>
     `
   }

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

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

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

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

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

@@ -23,6 +23,7 @@ export class OxPropertyEditorNumber extends OxPropertyEditor {
         step=${ifDefined(step)}
         min=${ifDefined(min)}
         max=${ifDefined(max)}
+        ?disabled=${this.disabled}
       />
     `
   }

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

@@ -11,6 +11,13 @@ export class OxPropertyEditorOptions extends OxPropertyEditor {
   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> `
+    return html`
+      <ox-input-options
+        id="editor"
+        .value=${value || []}
+        ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
+      ></ox-input-options>
+    `
   }
 }

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

@@ -12,7 +12,12 @@ export class OxPropertyEditorPartitionKeys extends OxPropertyEditor {
     const { fullwidth = true } = spec.editor || {}
 
     return html`
-      <ox-input-partition-keys id="editor" .value=${value} ?fullwidth=${fullwidth}></ox-input-partition-keys>
+      <ox-input-partition-keys
+        id="editor"
+        .value=${value}
+        ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
+      ></ox-input-partition-keys>
     `
   }
 }

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

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

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

@@ -20,6 +20,7 @@ export class OxPropertyEditorRange extends OxPropertyEditor {
         .min=${min}
         .max=${max}
         ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
       ></ox-input-range>
     `
   }

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

@@ -10,7 +10,12 @@ import { PropertySpec } from './types.js'
 export class OxPropertyEditorSceneComponentId extends OxPropertyEditor {
   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>
+      <ox-input-scene-component-id
+        id="editor"
+        .value=${value}
+        .property=${spec.property}
+        ?disabled=${this.disabled}
+      ></ox-input-scene-component-id>
     `
   }
 }

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

@@ -47,7 +47,13 @@ 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}
+        ?disabled=${this.disabled}
+      >
         <ox-popup-list with-search>
           ${options.map(
             item => html`

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

@@ -19,6 +19,7 @@ export class OxPropertyEditorSolidColorStops extends OxPropertyEditor {
         .min=${spec.property && spec.property.min}
         .max=${spec.property && spec.property.max}
         ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
       >
       </ox-input-color-stops>
     `

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

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

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

@@ -11,6 +11,13 @@ export class OxPropertyEditorString extends OxPropertyEditor {
   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> `
+    return html`
+      <ox-input-table
+        id="editor"
+        .property=${spec.property}
+        ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
+      ></ox-input-table>
+    `
   }
 }

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

@@ -19,6 +19,7 @@ export class OxPropertyEditorTextArea extends OxPropertyEditor {
         tab-as-space=${spec.property?.tabAsSpace || 'false'}
         ?fullwidth=${fullwidth}
         language=${spec.property?.language || 'javascript'}
+        ?disabled=${this.disabled}
       >
       </ox-input-code>
     `

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

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

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

@@ -26,6 +26,7 @@ export class OxPropertyEditorNumberUnit extends OxPropertyEditor {
         .step=${step}
         .min=${min}
         .max=${max}
+        ?disabled=${this.disabled}
       ></ox-input-unit-number>
     `
   }

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

@@ -20,6 +20,7 @@ export class OxPropertyEditorValueMap extends OxPropertyEditor {
         .valuetype=${valuetype}
         .value=${value}
         ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
       ></ox-input-value-map>
     `
   }

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

@@ -20,6 +20,7 @@ export class OxPropertyEditorValueRanges extends OxPropertyEditor {
         .valuetype=${valuetype}
         .value=${value}
         ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
       ></ox-input-value-ranges>
     `
   }

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

@@ -12,6 +12,13 @@ export class OxPropertyEditorWorkShift extends OxPropertyEditor {
     const { editor } = spec
     const { fullwidth = true } = editor || {}
 
-    return html` <ox-input-work-shift id="editor" .value=${value} ?fullwidth=${fullwidth}></ox-input-work-shift> `
+    return html`
+      <ox-input-work-shift
+        id="editor"
+        .value=${value}
+        ?fullwidth=${fullwidth}
+        ?disabled=${this.disabled}
+      ></ox-input-work-shift>
+    `
   }
 }

package/src/ox-property-editor.ts

@@ -127,6 +127,7 @@ export class OxPropertyEditor extends LitElement {
   @property({ type: Object }) observe?: (value: any) => void
   @property({ type: Object }) defaultValue?: any
   @property({ type: Object }) context?: any
+  @property({ type: Boolean }) disabled?: boolean
 
   connectedCallback() {
     super.connectedCallback()