@node-projects/web-component-designer 0.0.96 → 0.0.99

package/dist/elements/services/propertiesService/app.js

@@ -1,71 +1,71 @@
-"use strict";
-function getProtoProperties(target) {
-    // If this is a custom element, you need to go up the prototype
-    // chain until you get proper HTMLElement, since everything under it
-    // is generated prototypes and will have propeties that are dupes (like:
-    // every observedAttribute is also mirrored as a property)
-    const isCustomElement = target.tagName.indexOf('-') !== -1;
-    let proto = target.__proto__;
-    if (isCustomElement) {
-        while (proto.constructor !== window.HTMLElement.prototype.constructor) {
-            proto = proto.__proto__;
-        }
-    }
-    let protoProps = {};
-    // We literally want nothing other than 'href' and 'target' from HTMLAnchorElement.
-    if (proto.constructor.name === 'HTMLAnchorElement') {
-        protoProps['href'] = Object.getOwnPropertyDescriptors(proto).href;
-        protoProps['target'] = Object.getOwnPropertyDescriptors(proto).target;
-        proto = proto.__proto__;
-    }
-    while (proto.constructor.name !== 'Element') {
-        Object.assign(protoProps, Object.getOwnPropertyDescriptors(proto));
-        proto = proto.__proto__;
-    }
-    let propNames = Object.keys(protoProps).sort();
-    // Skip some very specific Polymer/element properties.
-    let blacklist = [
-        // Polymer specific
-        'isAttached',
-        'constructor', 'created', 'ready', 'attached', 'detached',
-        'attributeChanged', 'is', 'listeners', 'observers', 'properties',
-        // Native elements ones we don't care about
-        'validity', 'useMap', 'innerText', 'outerText', 'style', 'accessKey',
-        'draggable', 'lang', 'spellcheck', 'tabIndex', 'translate', 'align', 'dir',
-        'isMap', 'useMap', 'hspace', 'vspace', 'referrerPolicy', 'crossOrigin',
-        'lowsrc', 'longDesc',
-        // Specific elements stuff
-        'receivedFocusFromKeyboard', 'pointerDown', 'valueAsNumber',
-        'selectionDirection', 'selectionStart', 'selectionEnd'
-    ];
-    let i = 0;
-    while (i < propNames.length) {
-        let name = propNames[i];
-        // Skip everything that starts with a _ which is a Polymer private/protected
-        // and you probably don't care about it.
-        // Also anything in the blacklist. Or that starts with webkit.
-        if (name.charAt(0) === '_' ||
-            name === 'keyEventTarget' ||
-            blacklist.indexOf(name) !== -1 ||
-            name.indexOf('webkit') === 0 ||
-            name.indexOf('on') === 0) {
-            propNames.splice(i, 1);
-            continue;
-        }
-        // Skip everything that doesn't have a setter.
-        if (!protoProps[name].set) {
-            propNames.splice(i, 1);
-            continue;
-        }
-        i++;
-    }
-    return propNames || [];
-}
-function getAttributesIfCustomElement(target) {
-    if (target.tagName.indexOf('-') !== -1) {
-        return target.constructor.observedAttributes;
-    }
-    else {
-        return [];
-    }
-}
+"use strict";
+function getProtoProperties(target) {
+    // If this is a custom element, you need to go up the prototype
+    // chain until you get proper HTMLElement, since everything under it
+    // is generated prototypes and will have propeties that are dupes (like:
+    // every observedAttribute is also mirrored as a property)
+    const isCustomElement = target.tagName.indexOf('-') !== -1;
+    let proto = target.__proto__;
+    if (isCustomElement) {
+        while (proto.constructor !== window.HTMLElement.prototype.constructor) {
+            proto = proto.__proto__;
+        }
+    }
+    let protoProps = {};
+    // We literally want nothing other than 'href' and 'target' from HTMLAnchorElement.
+    if (proto.constructor.name === 'HTMLAnchorElement') {
+        protoProps['href'] = Object.getOwnPropertyDescriptors(proto).href;
+        protoProps['target'] = Object.getOwnPropertyDescriptors(proto).target;
+        proto = proto.__proto__;
+    }
+    while (proto.constructor.name !== 'Element') {
+        Object.assign(protoProps, Object.getOwnPropertyDescriptors(proto));
+        proto = proto.__proto__;
+    }
+    let propNames = Object.keys(protoProps).sort();
+    // Skip some very specific Polymer/element properties.
+    let blacklist = [
+        // Polymer specific
+        'isAttached',
+        'constructor', 'created', 'ready', 'attached', 'detached',
+        'attributeChanged', 'is', 'listeners', 'observers', 'properties',
+        // Native elements ones we don't care about
+        'validity', 'useMap', 'innerText', 'outerText', 'style', 'accessKey',
+        'draggable', 'lang', 'spellcheck', 'tabIndex', 'translate', 'align', 'dir',
+        'isMap', 'useMap', 'hspace', 'vspace', 'referrerPolicy', 'crossOrigin',
+        'lowsrc', 'longDesc',
+        // Specific elements stuff
+        'receivedFocusFromKeyboard', 'pointerDown', 'valueAsNumber',
+        'selectionDirection', 'selectionStart', 'selectionEnd'
+    ];
+    let i = 0;
+    while (i < propNames.length) {
+        let name = propNames[i];
+        // Skip everything that starts with a _ which is a Polymer private/protected
+        // and you probably don't care about it.
+        // Also anything in the blacklist. Or that starts with webkit.
+        if (name.charAt(0) === '_' ||
+            name === 'keyEventTarget' ||
+            blacklist.indexOf(name) !== -1 ||
+            name.indexOf('webkit') === 0 ||
+            name.indexOf('on') === 0) {
+            propNames.splice(i, 1);
+            continue;
+        }
+        // Skip everything that doesn't have a setter.
+        if (!protoProps[name].set) {
+            propNames.splice(i, 1);
+            continue;
+        }
+        i++;
+    }
+    return propNames || [];
+}
+function getAttributesIfCustomElement(target) {
+    if (target.tagName.indexOf('-') !== -1) {
+        return target.constructor.observedAttributes;
+    }
+    else {
+        return [];
+    }
+}

package/dist/elements/services/propertiesService/propertyEditors/BasePropertyEditor.d.ts

@@ -1,15 +1,15 @@
-import { IPropertyEditorT } from "../IPropertyEditor";
-import { IDesignItem } from "../../../..";
-import { IProperty } from "../IProperty";
-import { ValueType } from '../ValueType';
-export declare abstract class BasePropertyEditor<T extends HTMLElement> implements IPropertyEditorT<T> {
-    element: T;
-    property: IProperty;
-    designItems: IDesignItem[];
-    protected disableChangeNotification: boolean;
-    constructor(property: IProperty);
-    protected _valueChanged(newValue: any): void;
-    designItemsChanged(designItems: IDesignItem[]): void;
-    abstract refreshValue(valueType: ValueType, value: any): any;
-    refreshValueWithoutNotification(valueType: ValueType, value: any): void;
-}
+import { IPropertyEditorT } from "../IPropertyEditor";
+import { IDesignItem } from "../../../..";
+import { IProperty } from "../IProperty";
+import { ValueType } from '../ValueType';
+export declare abstract class BasePropertyEditor<T extends HTMLElement> implements IPropertyEditorT<T> {
+    element: T;
+    property: IProperty;
+    designItems: IDesignItem[];
+    protected disableChangeNotification: boolean;
+    constructor(property: IProperty);
+    protected _valueChanged(newValue: any): void;
+    designItemsChanged(designItems: IDesignItem[]): void;
+    abstract refreshValue(valueType: ValueType, value: any): any;
+    refreshValueWithoutNotification(valueType: ValueType, value: any): void;
+}

package/dist/elements/services/propertiesService/propertyEditors/BasePropertyEditor.js

@@ -1,41 +1,41 @@
-import { ValueType } from '../ValueType';
-import { PropertyChangeAction } from "../../undoService/transactionItems/PropertyChangeAction";
-export class BasePropertyEditor {
-    element;
-    property;
-    designItems;
-    disableChangeNotification = false;
-    constructor(property) {
-        this.property = property;
-    }
-    _valueChanged(newValue) {
-        if (!this.disableChangeNotification) {
-            if (this.designItems && this.designItems.length) {
-                const cg = this.designItems[0].openGroup("set property: " + this.property.name);
-                for (let d of this.designItems) {
-                    const oldValue = this.property.service.getValue([d], this.property);
-                    const action = new PropertyChangeAction(d, this.property, newValue, oldValue);
-                    d.instanceServiceContainer.undoService.execute(action);
-                }
-                cg.commit();
-            }
-        }
-    }
-    designItemsChanged(designItems) {
-        this.designItems = designItems;
-    }
-    refreshValueWithoutNotification(valueType, value) {
-        if (valueType == ValueType.none)
-            this.element.classList.add('unset-value');
-        else
-            this.element.classList.remove('unset-value');
-        this.disableChangeNotification = true;
-        try {
-            this.refreshValue(valueType, value);
-        }
-        catch (err) {
-            console.error(err);
-        }
-        this.disableChangeNotification = false;
-    }
-}
+import { ValueType } from '../ValueType';
+import { PropertyChangeAction } from "../../undoService/transactionItems/PropertyChangeAction";
+export class BasePropertyEditor {
+    element;
+    property;
+    designItems;
+    disableChangeNotification = false;
+    constructor(property) {
+        this.property = property;
+    }
+    _valueChanged(newValue) {
+        if (!this.disableChangeNotification) {
+            if (this.designItems && this.designItems.length) {
+                const cg = this.designItems[0].openGroup("set property: " + this.property.name);
+                for (let d of this.designItems) {
+                    const oldValue = this.property.service.getValue([d], this.property);
+                    const action = new PropertyChangeAction(d, this.property, newValue, oldValue);
+                    d.instanceServiceContainer.undoService.execute(action);
+                }
+                cg.commit();
+            }
+        }
+    }
+    designItemsChanged(designItems) {
+        this.designItems = designItems;
+    }
+    refreshValueWithoutNotification(valueType, value) {
+        if (valueType == ValueType.none)
+            this.element.classList.add('unset-value');
+        else
+            this.element.classList.remove('unset-value');
+        this.disableChangeNotification = true;
+        try {
+            this.refreshValue(valueType, value);
+        }
+        catch (err) {
+            console.error(err);
+        }
+        this.disableChangeNotification = false;
+    }
+}

package/dist/elements/services/propertiesService/propertyEditors/BooleanPropertyEditor.d.ts

@@ -1,7 +1,7 @@
-import { IProperty } from "../IProperty";
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ValueType } from "../ValueType";
-export declare class BooleanPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}
+import { IProperty } from "../IProperty";
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ValueType } from "../ValueType";
+export declare class BooleanPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
+    constructor(property: IProperty);
+    refreshValue(valueType: ValueType, value: any): void;
+}

package/dist/elements/services/propertiesService/propertyEditors/BooleanPropertyEditor.js

@@ -1,13 +1,13 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-export class BooleanPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        let element = document.createElement('input');
-        element.type = "checkbox";
-        element.onchange = (e) => this._valueChanged(element.checked);
-        this.element = element;
-    }
-    refreshValue(valueType, value) {
-        this.element.checked = value;
-    }
-}
+import { BasePropertyEditor } from './BasePropertyEditor';
+export class BooleanPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        let element = document.createElement('input');
+        element.type = "checkbox";
+        element.onchange = (e) => this._valueChanged(element.checked);
+        this.element = element;
+    }
+    refreshValue(valueType, value) {
+        this.element.checked = value;
+    }
+}

package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor.d.ts

@@ -1,7 +1,7 @@
-import { IProperty } from "../IProperty";
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ValueType } from "../ValueType";
-export declare class ColorPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}
+import { IProperty } from "../IProperty";
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ValueType } from "../ValueType";
+export declare class ColorPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
+    constructor(property: IProperty);
+    refreshValue(valueType: ValueType, value: any): void;
+}

package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor.js

@@ -1,22 +1,22 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { w3color } from "../../../helper/w3color";
-export class ColorPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        let element = document.createElement('input');
-        element.type = 'color';
-        element.onchange = (e) => {
-            let w3Col = w3color.toColorObject(element.value);
-            this._valueChanged(w3Col.toNameOrHexString());
-        };
-        this.element = element;
-    }
-    refreshValue(valueType, value) {
-        if (!value)
-            this.element.value = null;
-        else {
-            let w3Col = w3color.toColorObject(value);
-            this.element.value = w3Col.toHexString();
-        }
-    }
-}
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { w3color } from "../../../helper/w3color";
+export class ColorPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        let element = document.createElement('input');
+        element.type = 'color';
+        element.onchange = (e) => {
+            let w3Col = w3color.toColorObject(element.value);
+            this._valueChanged(w3Col.toNameOrHexString());
+        };
+        this.element = element;
+    }
+    refreshValue(valueType, value) {
+        if (!value)
+            this.element.value = null;
+        else {
+            let w3Col = w3color.toColorObject(value);
+            this.element.value = w3Col.toHexString();
+        }
+    }
+}

package/dist/elements/services/propertiesService/propertyEditors/DatePropertyEditor.d.ts

@@ -1,7 +1,7 @@
-import { IProperty } from "../IProperty";
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ValueType } from "../ValueType";
-export declare class DatePropertyEditor extends BasePropertyEditor<HTMLInputElement> {
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}
+import { IProperty } from "../IProperty";
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ValueType } from "../ValueType";
+export declare class DatePropertyEditor extends BasePropertyEditor<HTMLInputElement> {
+    constructor(property: IProperty);
+    refreshValue(valueType: ValueType, value: any): void;
+}

package/dist/elements/services/propertiesService/propertyEditors/DatePropertyEditor.js

@@ -1,16 +1,16 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-export class DatePropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        let element = document.createElement('input');
-        element.type = "datetime-local";
-        element.onchange = (e) => this._valueChanged(element.value);
-        this.element = element;
-    }
-    refreshValue(valueType, value) {
-        if (!value)
-            this.element.value = null;
-        else
-            this.element.value = value;
-    }
-}
+import { BasePropertyEditor } from './BasePropertyEditor';
+export class DatePropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        let element = document.createElement('input');
+        element.type = "datetime-local";
+        element.onchange = (e) => this._valueChanged(element.value);
+        this.element = element;
+    }
+    refreshValue(valueType, value) {
+        if (!value)
+            this.element.value = null;
+        else
+            this.element.value = value;
+    }
+}

package/dist/elements/services/propertiesService/propertyEditors/ImageButtonListPropertyEditor.d.ts

@@ -1,8 +1,8 @@
-import { IProperty } from "../IProperty";
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ValueType } from "../ValueType";
-import { ImageButtonListSelector } from "../../../controls/ImageButtonListSelector.js";
-export declare class ImageButtonListPropertyEditor extends BasePropertyEditor<ImageButtonListSelector> {
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}
+import { IProperty } from "../IProperty";
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ValueType } from "../ValueType";
+import { ImageButtonListSelector } from "../../../controls/ImageButtonListSelector.js";
+export declare class ImageButtonListPropertyEditor extends BasePropertyEditor<ImageButtonListSelector> {
+    constructor(property: IProperty);
+    refreshValue(valueType: ValueType, value: any): void;
+}

package/dist/elements/services/propertiesService/propertyEditors/ImageButtonListPropertyEditor.js

@@ -1,40 +1,40 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ImageButtonListSelector } from "../../../controls/ImageButtonListSelector.js";
-import { PropertiesHelper } from "../services/PropertiesHelper.js";
-import { assetsPath } from "../../../../Constants.js";
-export class ImageButtonListPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        const selector = new ImageButtonListSelector();
-        selector.property = property.name;
-        selector.unsetValue = property.defaultValue;
-        const propName = PropertiesHelper.camelToDashCase(property.name);
-        if (property.type == 'enum') {
-            for (let v of property.enumValues) {
-                let button = document.createElement("button");
-                button.dataset.value = v[1];
-                let img = document.createElement("img");
-                img.title = v[1];
-                img.src = assetsPath + 'images/chromeDevtools/' + propName + '-' + v[1] + '-icon.svg';
-                button.appendChild(img);
-                selector.appendChild(button);
-            }
-        }
-        else {
-            for (let v of property.values) {
-                let button = document.createElement("button");
-                button.dataset.value = v;
-                let img = document.createElement("img");
-                img.title = v;
-                img.src = assetsPath + 'images/chromeDevtools/' + propName + '-' + v + '-icon.svg';
-                button.appendChild(img);
-                selector.appendChild(button);
-            }
-        }
-        selector.valueChanged.on((e) => this._valueChanged(e.newValue));
-        this.element = selector;
-    }
-    refreshValue(valueType, value) {
-        this.element.value = value;
-    }
-}
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ImageButtonListSelector } from "../../../controls/ImageButtonListSelector.js";
+import { PropertiesHelper } from "../services/PropertiesHelper.js";
+import { assetsPath } from "../../../../Constants.js";
+export class ImageButtonListPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        const selector = new ImageButtonListSelector();
+        selector.property = property.name;
+        selector.unsetValue = property.defaultValue;
+        const propName = PropertiesHelper.camelToDashCase(property.name);
+        if (property.type == 'enum') {
+            for (let v of property.enumValues) {
+                let button = document.createElement("button");
+                button.dataset.value = v[1];
+                let img = document.createElement("img");
+                img.title = v[1];
+                img.src = assetsPath + 'images/chromeDevtools/' + propName + '-' + v[1] + '-icon.svg';
+                button.appendChild(img);
+                selector.appendChild(button);
+            }
+        }
+        else {
+            for (let v of property.values) {
+                let button = document.createElement("button");
+                button.dataset.value = v;
+                let img = document.createElement("img");
+                img.title = v;
+                img.src = assetsPath + 'images/chromeDevtools/' + propName + '-' + v + '-icon.svg';
+                button.appendChild(img);
+                selector.appendChild(button);
+            }
+        }
+        selector.valueChanged.on((e) => this._valueChanged(e.newValue));
+        this.element = selector;
+    }
+    refreshValue(valueType, value) {
+        this.element.value = value;
+    }
+}

package/dist/elements/services/propertiesService/propertyEditors/JsonPropertyEditor.d.ts

@@ -1,9 +1,9 @@
-import { IProperty } from "../IProperty";
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ValueType } from "../ValueType";
-export declare class JsonPropertyEditor extends BasePropertyEditor<HTMLDivElement> {
-    static template: HTMLTemplateElement;
-    _input: HTMLInputElement;
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}
+import { IProperty } from "../IProperty";
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ValueType } from "../ValueType";
+export declare class JsonPropertyEditor extends BasePropertyEditor<HTMLDivElement> {
+    static template: HTMLTemplateElement;
+    _input: HTMLInputElement;
+    constructor(property: IProperty);
+    refreshValue(valueType: ValueType, value: any): void;
+}

package/dist/elements/services/propertiesService/propertyEditors/JsonPropertyEditor.js

@@ -1,21 +1,21 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { html } from '@node-projects/base-custom-webcomponent';
-export class JsonPropertyEditor extends BasePropertyEditor {
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { html } from '@node-projects/base-custom-webcomponent';
+export class JsonPropertyEditor extends BasePropertyEditor {
     static template = html `
     <div style="display: flex;">
       <input id="input" type="text">
       <button style="width: 30px;">...</button>
     </div>
-  `;
-    _input;
-    constructor(property) {
-        super(property);
-        let el = JsonPropertyEditor.template.content.cloneNode(true);
-        this._input = el.getElementById('input');
-        this._input.onchange = (e) => this._valueChanged(this._input.value);
-        this.element = el;
-    }
-    refreshValue(valueType, value) {
-        this._input.value = value;
-    }
-}
+  `;
+    _input;
+    constructor(property) {
+        super(property);
+        let el = JsonPropertyEditor.template.content.cloneNode(true);
+        this._input = el.getElementById('input');
+        this._input.onchange = (e) => this._valueChanged(this._input.value);
+        this.element = el;
+    }
+    refreshValue(valueType, value) {
+        this._input.value = value;
+    }
+}

package/dist/elements/services/propertiesService/propertyEditors/JsonPropertyPopupEditor.d.ts

@@ -1,5 +1,5 @@
-import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-export declare class JsonPropertyPopupEditor extends BaseCustomWebComponentConstructorAppend {
-    static template: HTMLTemplateElement;
-    constructor();
-}
+import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
+export declare class JsonPropertyPopupEditor extends BaseCustomWebComponentConstructorAppend {
+    static template: HTMLTemplateElement;
+    constructor();
+}

package/dist/elements/services/propertiesService/propertyEditors/JsonPropertyPopupEditor.js

@@ -1,13 +1,13 @@
-import { html, BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-export class JsonPropertyPopupEditor extends BaseCustomWebComponentConstructorAppend {
+import { html, BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
+export class JsonPropertyPopupEditor extends BaseCustomWebComponentConstructorAppend {
     static template = html `
     <div style="display: flex;">
       <input id="input" type="text">
       <button style="width: 30px;">...</button>
     </div>
-  `;
-    constructor() {
-        super();
-        //codeview
-    }
-}
+  `;
+    constructor() {
+        super();
+        //codeview
+    }
+}

package/dist/elements/services/propertiesService/propertyEditors/NumberPropertyEditor.d.ts

@@ -1,7 +1,7 @@
-import { IProperty } from "../IProperty";
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ValueType } from "../ValueType";
-export declare class NumberPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}
+import { IProperty } from "../IProperty";
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ValueType } from "../ValueType";
+export declare class NumberPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
+    constructor(property: IProperty);
+    refreshValue(valueType: ValueType, value: any): void;
+}