@operato/property-editor 1.0.0-beta.8 → 1.0.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"]}

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

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

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

@@ -1,11 +1,12 @@
 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';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
 let OxPropertyEditorData = class OxPropertyEditorData extends OxPropertyEditor {
-    editorTemplate() {
-        return html ` <ox-input-data id="editor" .value=${this.value || []} fullwidth></ox-input-data> `;
+    editorTemplate(value, spec) {
+        const { fullwidth = true } = spec.editor || {};
+        return html ` <ox-input-data id="editor" .value=${value || []} ?fullwidth=${fullwidth}></ox-input-data> `;
     }
 };
 OxPropertyEditorData = __decorate([

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

@@ -1 +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"]}
+{"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,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI1D,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,gBAAgB;IACxD,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE9C,OAAO,IAAI,CAAA,sCAAsC,KAAK,IAAI,EAAE,eAAe,SAAS,oBAAoB,CAAA;IAC1G,CAAC;CACF,CAAA;AANY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAMhC;SANY,oBAAoB","sourcesContent":["import '@operato/input/ox-input-data.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-data')\nexport class OxPropertyEditorData extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { fullwidth = true } = spec.editor || {}\n\n    return html` <ox-input-data id=\"editor\" .value=${value || []} ?fullwidth=${fullwidth}></ox-input-data> `\n  }\n}\n"]}

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

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

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

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
-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 OxPropertyEditorDate = class OxPropertyEditorDate extends OxPropertyEditor {
-    editorTemplate() {
-        return html ` <input type="date" id="editor" .value=${this.value} /> `;
+    editorTemplate(value, spec) {
+        return html ` <input type="date" id="editor" .value=${value} /> `;
     }
 };
 OxPropertyEditorDate = __decorate([

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

@@ -1 +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"]}
+{"version":3,"file":"ox-property-editor-date.js","sourceRoot":"","sources":["../../src/ox-property-editor-date.ts"],"names":[],"mappings":";AAAA,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,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,gBAAgB;IACxD,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,OAAO,IAAI,CAAA,0CAA0C,KAAK,MAAM,CAAA;IAClE,CAAC;CACF,CAAA;AAJY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAIhC;SAJY,oBAAoB","sourcesContent":["import { 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-date')\nexport class OxPropertyEditorDate extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    return html` <input type=\"date\" id=\"editor\" .value=${value} /> `\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-duration.js","sourceRoot":"","sources":["../../src/ox-property-editor-duration.ts"],"names":[],"mappings":";AAAA,OAAO,qCAAqC,CAAA;AAE5C,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,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE9C,OAAO,IAAI,CAAA,0CAA0C,KAAK,eAAe,SAAS,yBAAyB,CAAA;IAC7G,CAAC;CACF,CAAA;AANY,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAMpC;SANY,wBAAwB","sourcesContent":["import '@operato/input/ox-input-duration.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-duration')\nexport class OxPropertyEditorDuration extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { fullwidth = true } = spec.editor || {}\n\n    return html` <ox-input-duration id=\"editor\" .value=${value} ?fullwidth=${fullwidth}> </ox-input-duration> `\n  }\n}\n"]}

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

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

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

@@ -1,13 +1,16 @@
 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';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
 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> `;
+    editorTemplate(value, spec) {
+        const { multiple = false } = spec.property || {};
+        const { fullwidth = false } = spec.editor || {};
+        return html `
+      <ox-input-file id="editor" .value=${value || []} ?multiple=${multiple} ?fullwidth=${fullwidth}></ox-input-file>
+    `;
     }
 };
 OxPropertyEditorFile = __decorate([

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

@@ -1 +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"]}
+{"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,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI1D,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,gBAAgB;IACxD,4BAA4B;IAC5B,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAChD,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE/C,OAAO,IAAI,CAAA;0CAC2B,KAAK,IAAI,EAAE,cAAc,QAAQ,eAAe,SAAS;KAC9F,CAAA;IACH,CAAC;CACF,CAAA;AAVY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAUhC;SAVY,oBAAoB","sourcesContent":["import '@operato/input/ox-input-file.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-file')\nexport class OxPropertyEditorFile extends OxPropertyEditor {\n  // TODO file change event 처리\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { multiple = false } = spec.property || {}\n    const { fullwidth = false } = spec.editor || {}\n\n    return html`\n      <ox-input-file id=\"editor\" .value=${value || []} ?multiple=${multiple} ?fullwidth=${fullwidth}></ox-input-file>\n    `\n  }\n}\n"]}

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

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

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

@@ -1,18 +1,19 @@
 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';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
 let OxPropertyEditorGradientColorStops = class OxPropertyEditorGradientColorStops extends OxPropertyEditor {
-    editorTemplate() {
+    editorTemplate(value, spec) {
+        const { fullwidth = true } = spec.editor || {};
         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
+        .value=${value}
+        .min=${spec.property && spec.property.min}
+        .max=${spec.property && spec.property.max}
+        ?fullwidth=${fullwidth}
       >
       </ox-input-color-stops>
     `;

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

@@ -1 +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"]}
+{"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,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI1D,IAAa,kCAAkC,GAA/C,MAAa,kCAAmC,SAAQ,gBAAgB;IACtE,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE9C,OAAO,IAAI,CAAA;;;;iBAIE,KAAK;eACP,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG;eAClC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG;qBAC5B,SAAS;;;KAGzB,CAAA;IACH,CAAC;CACF,CAAA;AAhBY,kCAAkC;IAD9C,aAAa,CAAC,wCAAwC,CAAC;GAC3C,kCAAkC,CAgB9C;SAhBY,kCAAkC","sourcesContent":["import '@operato/input/ox-input-color-stops.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-gradient-colorstops')\nexport class OxPropertyEditorGradientColorStops extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { fullwidth = true } = spec.editor || {}\n\n    return html`\n      <ox-input-color-stops\n        id=\"editor\"\n        type=\"gradient\"\n        .value=${value}\n        .min=${spec.property && spec.property.min}\n        .max=${spec.property && spec.property.max}\n        ?fullwidth=${fullwidth}\n      >\n      </ox-input-color-stops>\n    `\n  }\n}\n"]}

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

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

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

@@ -1,12 +1,13 @@
 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';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
 let OxPropertyEditorImage = class OxPropertyEditorImage extends OxPropertyEditor {
     // TODO image change event 처리
-    editorTemplate() {
-        return html ` <ox-input-image id="editor" .value=${this.value}></ox-input-image> `;
+    editorTemplate(value, spec) {
+        const { fullwidth = false } = spec.editor || {};
+        return html ` <ox-input-image id="editor" .value=${value} ?fullwidth=${fullwidth}></ox-input-image> `;
     }
 };
 OxPropertyEditorImage = __decorate([

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

@@ -1 +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"]}
+{"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,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,6BAA6B;IAE7B,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE/C,OAAO,IAAI,CAAA,uCAAuC,KAAK,eAAe,SAAS,qBAAqB,CAAA;IACtG,CAAC;CACF,CAAA;AARY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAQjC;SARY,qBAAqB","sourcesContent":["import '@operato/input/ox-input-image.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-image')\nexport class OxPropertyEditorImage extends OxPropertyEditor {\n  // TODO image change event 처리\n\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { fullwidth = false } = spec.editor || {}\n\n    return html` <ox-input-image id=\"editor\" .value=${value} ?fullwidth=${fullwidth}></ox-input-image> `\n  }\n}\n"]}

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

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

package/dist/src/ox-property-editor-key-values.js

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

package/dist/src/ox-property-editor-key-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-key-values.js","sourceRoot":"","sources":["../../src/ox-property-editor-key-values.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAE9C,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,yBAAyB,GAAtC,MAAa,yBAA0B,SAAQ,gBAAgB;IAC7D,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QACvC,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE9C,OAAO,IAAI,CAAA;;;iBAGE,KAAK;mBACH,OAAO;qBACL,SAAS;;KAEzB,CAAA;IACH,CAAC;CACF,CAAA;AAdY,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CAcrC;SAdY,yBAAyB","sourcesContent":["import '@operato/input/ox-input-key-values.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-key-values')\nexport class OxPropertyEditorKeyValues extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { options } = spec.property || {}\n    const { fullwidth = true } = spec.editor || {}\n\n    return html`\n      <ox-input-key-values\n        id=\"editor\"\n        .value=${value}\n        .options=${options}\n        ?fullwidth=${fullwidth}\n      ></ox-input-key-values>\n    `\n  }\n}\n"]}

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

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

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

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
-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 OxPropertyEditorLegend = class OxPropertyEditorLegend extends OxPropertyEditor {
-    editorTemplate() {
-        return html ` <legend>${this.property.label}</legend> `;
+    editorTemplate(value, spec) {
+        return html ` <legend>${spec.property.label}</legend> `;
     }
 };
 OxPropertyEditorLegend = __decorate([

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

@@ -1 +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"]}
+{"version":3,"file":"ox-property-editor-legend.js","sourceRoot":"","sources":["../../src/ox-property-editor-legend.ts"],"names":[],"mappings":";AAAA,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,sBAAsB,GAAnC,MAAa,sBAAuB,SAAQ,gBAAgB;IAC1D,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,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 { 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-legend')\nexport class OxPropertyEditorLegend extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    return html` <legend>${spec.property.label}</legend> `\n  }\n}\n"]}

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

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

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

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

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

@@ -1 +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"]}
+{"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,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI1D,IAAa,8BAA8B,GAA3C,MAAa,8BAA+B,SAAQ,gBAAgB;IAClE,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,OAAO,IAAI,CAAA,iDAAiD,KAAK,gCAAgC,CAAA;IACnG,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 { 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-multiple-colors')\nexport class OxPropertyEditorMultipleColors extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    return html` <ox-input-multiple-colors id=\"editor\" .value=${value}> </ox-input-multiple-colors> `\n  }\n}\n"]}

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

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

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

@@ -1,19 +1,19 @@
 import { __decorate } from "tslib";
-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 OxPropertyEditorNumber = class OxPropertyEditorNumber extends OxPropertyEditor {
     makeup(v) {
         return Number(v);
     }
-    editorTemplate() {
-        const { step, min, max } = this.property || {};
+    editorTemplate(value, spec) {
+        const { step, min, max } = spec.property || {};
         return html `
       <input
         id="editor"
         type="number"
-        placeholder=${this.placeholder || ''}
-        .value=${this.value}
+        placeholder=${spec.placeholder || ''}
+        .value=${value}
         .step=${step}
         .min=${min}
         .max=${max}

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

@@ -1 +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"]}
+{"version":3,"file":"ox-property-editor-number.js","sourceRoot":"","sources":["../../src/ox-property-editor-number.ts"],"names":[],"mappings":";AAAA,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,sBAAsB,GAAnC,MAAa,sBAAuB,SAAQ,gBAAgB;IACjD,MAAM,CAAC,CAAS;QACvB,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC;IAED,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,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,KAAK;gBACN,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 { 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-number')\nexport class OxPropertyEditorNumber extends OxPropertyEditor {\n  override makeup(v: string) {\n    return Number(v)\n  }\n\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { step, min, max } = spec.property || {}\n\n    return html`\n      <input\n        id=\"editor\"\n        type=\"number\"\n        placeholder=${spec.placeholder || ''}\n        .value=${value}\n        .step=${step}\n        .min=${min}\n        .max=${max}\n      />\n    `\n  }\n}\n"]}

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

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

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

@@ -1,11 +1,12 @@
 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';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from './ox-property-editor.js';
 let OxPropertyEditorOptions = class OxPropertyEditorOptions extends OxPropertyEditor {
-    editorTemplate() {
-        return html ` <ox-input-options id="editor" .value=${this.value || []}></ox-input-options> `;
+    editorTemplate(value, spec) {
+        const { fullwidth = false } = spec.editor || {};
+        return html ` <ox-input-options id="editor" .value=${value || []} ?fullwidth=${fullwidth}></ox-input-options> `;
     }
 };
 OxPropertyEditorOptions = __decorate([

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

@@ -1 +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"]}
+{"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,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,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE/C,OAAO,IAAI,CAAA,yCAAyC,KAAK,IAAI,EAAE,eAAe,SAAS,uBAAuB,CAAA;IAChH,CAAC;CACF,CAAA;AANY,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAMnC;SANY,uBAAuB","sourcesContent":["import '@operato/input/ox-input-options.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-options')\nexport class OxPropertyEditorOptions extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { fullwidth = false } = spec.editor || {}\n\n    return html` <ox-input-options id=\"editor\" .value=${value || []} ?fullwidth=${fullwidth}></ox-input-options> `\n  }\n}\n"]}

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

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

package/dist/src/ox-property-editor-partition-keys.js

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

package/dist/src/ox-property-editor-partition-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-partition-keys.js","sourceRoot":"","sources":["../../src/ox-property-editor-partition-keys.ts"],"names":[],"mappings":";AAAA,OAAO,2CAA2C,CAAA;AAElD,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,6BAA6B,GAA1C,MAAa,6BAA8B,SAAQ,gBAAgB;IACjE,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE9C,OAAO,IAAI,CAAA;oDACqC,KAAK,eAAe,SAAS;KAC5E,CAAA;IACH,CAAC;CACF,CAAA;AARY,6BAA6B;IADzC,aAAa,CAAC,mCAAmC,CAAC;GACtC,6BAA6B,CAQzC;SARY,6BAA6B","sourcesContent":["import '@operato/input/ox-input-partition-keys.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-partition-keys')\nexport class OxPropertyEditorPartitionKeys extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { fullwidth = true } = spec.editor || {}\n\n    return html`\n      <ox-input-partition-keys id=\"editor\" .value=${value} ?fullwidth=${fullwidth}></ox-input-partition-keys>\n    `\n  }\n}\n"]}

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

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

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

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
-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 OxPropertyEditorPassword = class OxPropertyEditorPassword extends OxPropertyEditor {
-    editorTemplate() {
-        return html ` <input type="password" id="editor" .value=${this.value} placeholder=${this.placeholder || ''} /> `;
+    editorTemplate(value, spec) {
+        return html ` <input type="password" id="editor" .value=${value} placeholder=${spec.placeholder || ''} /> `;
     }
 };
 OxPropertyEditorPassword = __decorate([

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

@@ -1 +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"]}
+{"version":3,"file":"ox-property-editor-password.js","sourceRoot":"","sources":["../../src/ox-property-editor-password.ts"],"names":[],"mappings":";AAAA,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,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,OAAO,IAAI,CAAA,8CAA8C,KAAK,gBAAgB,IAAI,CAAC,WAAW,IAAI,EAAE,MAAM,CAAA;IAC5G,CAAC;CACF,CAAA;AAJY,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAIpC;SAJY,wBAAwB","sourcesContent":["import { 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-password')\nexport class OxPropertyEditorPassword extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    return html` <input type=\"password\" id=\"editor\" .value=${value} placeholder=${spec.placeholder || ''} /> `\n  }\n}\n"]}

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

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

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

@@ -1,13 +1,21 @@
 import { __decorate } from "tslib";
 import '@operato/input/ox-input-range.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 OxPropertyEditorRange = class OxPropertyEditorRange extends OxPropertyEditor {
-    editorTemplate() {
-        const { step, min, max } = this.property || {};
+    editorTemplate(value, spec) {
+        const { step, min, max } = spec.property || {};
+        const { fullwidth = false } = spec.editor || {};
         return html `
-      <ox-input-range id="editor" .value=${this.value} .step=${step} .min=${min} .max=${max}></ox-input-range>
+      <ox-input-range
+        id="editor"
+        .value=${value}
+        .step=${step}
+        .min=${min}
+        .max=${max}
+        ?fullwidth=${fullwidth}
+      ></ox-input-range>
     `;
     }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ox-property-editor-range.js","sourceRoot":"","sources":["../../src/ox-property-editor-range.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,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAE9C,OAAO,IAAI,CAAA;2CAC4B,IAAI,CAAC,KAAK,UAAU,IAAI,SAAS,GAAG,SAAS,GAAG;KACtF,CAAA;IACH,CAAC;CACF,CAAA;AARY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAQjC;SARY,qBAAqB","sourcesContent":["import '@operato/input/ox-input-range.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-range')\nexport class OxPropertyEditorRange extends OxPropertyEditor {\n  editorTemplate() {\n    const { step, min, max } = this.property || {}\n\n    return html`\n      <ox-input-range id=\"editor\" .value=${this.value} .step=${step} .min=${min} .max=${max}></ox-input-range>\n    `\n  }\n}\n"]}
+{"version":3,"file":"ox-property-editor-range.js","sourceRoot":"","sources":["../../src/ox-property-editor-range.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,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAC9C,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;QAE/C,OAAO,IAAI,CAAA;;;iBAGE,KAAK;gBACN,IAAI;eACL,GAAG;eACH,GAAG;qBACG,SAAS;;KAEzB,CAAA;IACH,CAAC;CACF,CAAA;AAhBY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAgBjC;SAhBY,qBAAqB","sourcesContent":["import '@operato/input/ox-input-range.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-range')\nexport class OxPropertyEditorRange extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec) {\n    const { step, min, max } = spec.property || {}\n    const { fullwidth = false } = spec.editor || {}\n\n    return html`\n      <ox-input-range\n        id=\"editor\"\n        .value=${value}\n        .step=${step}\n        .min=${min}\n        .max=${max}\n        ?fullwidth=${fullwidth}\n      ></ox-input-range>\n    `\n  }\n}\n"]}

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

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

package/dist/src/ox-property-editor-scene-component-id.js

@@ -1,16 +1,12 @@
 import { __decorate } from "tslib";
 import '@operato/input/ox-input-scene-component-id.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 OxPropertyEditorSceneComponentId = class OxPropertyEditorSceneComponentId extends OxPropertyEditor {
-    editorTemplate() {
+    editorTemplate(value, spec) {
         return html `
-      <ox-input-scene-component-id
-        id="editor"
-        .value=${this.value}
-        .property=${this.property}
-      ></ox-input-scene-component-id>
+      <ox-input-scene-component-id id="editor" .value=${value} .property=${spec.property}></ox-input-scene-component-id>
     `;
     }
 };