@node-projects/web-component-designer 0.0.88 → 0.0.91

package/dist/elements/services/placementService/GridPlacementService.js

@@ -1,99 +1,99 @@
-import { CalculateGridInformation } from '../../helper/GridHelper.js';
-import { pointInRect } from '../../helper/Helper.js';
-import { DefaultPlacementService } from './DefaultPlacementService';
-export class GridPlacementService {
-    enterContainer(container, items) {
-        for (let i of items) {
-            i.removeStyle("position");
-            i.removeStyle("left");
-            i.removeStyle("top");
-            i.removeStyle("right");
-            i.removeStyle("width");
-            i.removeStyle("height");
-            i.removeStyle("transform");
-        }
-    }
-    leaveContainer(container, items) {
-        for (let i of items) {
-            if (!i.lastContainerSize) {
-                const rect = i.element.getBoundingClientRect();
-                i.lastContainerSize = { width: rect.width, height: rect.height };
-            }
-        }
-    }
-    serviceForContainer(container, containerStyle) {
-        if (containerStyle.display == 'grid' || containerStyle.display == 'inline-grid')
-            return true;
-        return false;
-    }
-    canEnter(container, items) {
-        return true;
-    }
-    canLeave(container, items) {
-        return true;
-    }
-    getElementOffset(container, designItem) {
-        return container.element.getBoundingClientRect();
-    }
-    placePoint(event, placementView, container, startPoint, offsetInControl, newPoint, items) {
-        const defaultPlacementService = container.serviceContainer.getLastServiceWhere('containerService', x => x instanceof DefaultPlacementService);
-        return defaultPlacementService.placePoint(event, placementView, container, startPoint, offsetInControl, newPoint, items);
-    }
-    place(event, placementView, container, startPoint, offsetInControl, newPoint, items) {
-        const gridInformation = CalculateGridInformation(container);
-        const pos = placementView.getNormalizedEventCoordinates(event);
-        const posElement = placementView.getNormalizedElementCoordinates(items[0].element);
-        let row = 0;
-        let column = 0;
-        if (!pointInRect(pos, posElement)) {
-            row = 0;
-            for (let cellRow of gridInformation.cells) {
-                column = 0;
-                for (let cell of cellRow) {
-                    if (pointInRect(pos, cell)) {
-                        if (cell.name) {
-                            items[0].element.style.gridColumn = '';
-                            items[0].element.style.gridRow = '';
-                            items[0].element.style.gridArea = cell.name;
-                        }
-                        else {
-                            items[0].element.style.gridArea = '';
-                            items[0].element.style.gridColumn = column + 1;
-                            items[0].element.style.gridRow = row + 1;
-                        }
-                    }
-                    column++;
-                }
-                row++;
-            }
-        }
-        placementView.extensionManager.refreshAllExtensions([container]);
-    }
-    finishPlace(event, placementView, container, startPoint, offsetInControl, newPoint, items) {
-        const gridInformation = CalculateGridInformation(container);
-        const pos = placementView.getNormalizedEventCoordinates(event);
-        let row = 0;
-        let column = 0;
-        row = 0;
-        for (let cellRow of gridInformation.cells) {
-            column = 0;
-            for (let cell of cellRow) {
-                if (pointInRect(pos, cell)) {
-                    if (cell.name) {
-                        items[0].removeStyle('grid-column');
-                        items[0].removeStyle('grid-row');
-                        items[0].setStyle('grid-area', cell.name);
-                    }
-                    else {
-                        items[0].removeStyle('grid-area');
-                        items[0].setStyle('grid-column', column + 1);
-                        items[0].setStyle('grid-row', row + 1);
-                    }
-                }
-                column++;
-            }
-            row++;
-        }
-        placementView.extensionManager.refreshAllExtensions([container]);
-    }
-}
+import { CalculateGridInformation } from '../../helper/GridHelper.js';
+import { pointInRect } from '../../helper/Helper.js';
+import { DefaultPlacementService } from './DefaultPlacementService';
+export class GridPlacementService {
+    enterContainer(container, items) {
+        for (let i of items) {
+            i.removeStyle("position");
+            i.removeStyle("left");
+            i.removeStyle("top");
+            i.removeStyle("right");
+            i.removeStyle("width");
+            i.removeStyle("height");
+            i.removeStyle("transform");
+        }
+    }
+    leaveContainer(container, items) {
+        for (let i of items) {
+            if (!i.lastContainerSize) {
+                const rect = i.element.getBoundingClientRect();
+                i.lastContainerSize = { width: rect.width, height: rect.height };
+            }
+        }
+    }
+    serviceForContainer(container, containerStyle) {
+        if (containerStyle.display == 'grid' || containerStyle.display == 'inline-grid')
+            return true;
+        return false;
+    }
+    canEnter(container, items) {
+        return true;
+    }
+    canLeave(container, items) {
+        return true;
+    }
+    getElementOffset(container, designItem) {
+        return container.element.getBoundingClientRect();
+    }
+    placePoint(event, placementView, container, startPoint, offsetInControl, newPoint, items) {
+        const defaultPlacementService = container.serviceContainer.getLastServiceWhere('containerService', x => x instanceof DefaultPlacementService);
+        return defaultPlacementService.placePoint(event, placementView, container, startPoint, offsetInControl, newPoint, items);
+    }
+    place(event, placementView, container, startPoint, offsetInControl, newPoint, items) {
+        const gridInformation = CalculateGridInformation(container);
+        const pos = placementView.getNormalizedEventCoordinates(event);
+        const posElement = placementView.getNormalizedElementCoordinates(items[0].element);
+        let row = 0;
+        let column = 0;
+        if (!pointInRect(pos, posElement)) {
+            row = 0;
+            for (let cellRow of gridInformation.cells) {
+                column = 0;
+                for (let cell of cellRow) {
+                    if (pointInRect(pos, cell)) {
+                        if (cell.name) {
+                            items[0].element.style.gridColumn = '';
+                            items[0].element.style.gridRow = '';
+                            items[0].element.style.gridArea = cell.name;
+                        }
+                        else {
+                            items[0].element.style.gridArea = '';
+                            items[0].element.style.gridColumn = column + 1;
+                            items[0].element.style.gridRow = row + 1;
+                        }
+                    }
+                    column++;
+                }
+                row++;
+            }
+        }
+        placementView.extensionManager.refreshAllExtensions([container]);
+    }
+    finishPlace(event, placementView, container, startPoint, offsetInControl, newPoint, items) {
+        const gridInformation = CalculateGridInformation(container);
+        const pos = placementView.getNormalizedEventCoordinates(event);
+        let row = 0;
+        let column = 0;
+        row = 0;
+        for (let cellRow of gridInformation.cells) {
+            column = 0;
+            for (let cell of cellRow) {
+                if (pointInRect(pos, cell)) {
+                    if (cell.name) {
+                        items[0].removeStyle('grid-column');
+                        items[0].removeStyle('grid-row');
+                        items[0].setStyle('grid-area', cell.name);
+                    }
+                    else {
+                        items[0].removeStyle('grid-area');
+                        items[0].setStyle('grid-column', column + 1);
+                        items[0].setStyle('grid-row', row + 1);
+                    }
+                }
+                column++;
+            }
+            row++;
+        }
+        placementView.extensionManager.refreshAllExtensions([container]);
+    }
+}

package/dist/elements/services/placementService/IPlacementService.d.ts

@@ -1,15 +1,15 @@
-import { IService } from "../IService";
-import { IDesignItem } from "../../item/IDesignItem";
-import { IPlacementView } from "../../widgets/designerView/IPlacementView";
-import { IPoint } from "../../../interfaces/IPoint";
-export interface IPlacementService extends IService {
-    serviceForContainer(container: IDesignItem, containerStyle: CSSStyleDeclaration): any;
-    canEnter(container: IDesignItem, items: IDesignItem[]): any;
-    canLeave(container: IDesignItem, items: IDesignItem[]): any;
-    enterContainer(container: IDesignItem, items: IDesignItem[]): any;
-    leaveContainer(container: IDesignItem, items: IDesignItem[]): any;
-    getElementOffset(container: IDesignItem, designItem?: IDesignItem): IPoint;
-    placePoint(event: MouseEvent, placementView: IPlacementView, container: IDesignItem, startPoint: IPoint, offsetInControl: IPoint, newPoint: IPoint, items: IDesignItem[]): IPoint;
-    place(event: MouseEvent, placementView: IPlacementView, container: IDesignItem, startPoint: IPoint, offsetInControl: IPoint, newPoint: IPoint, items: IDesignItem[]): any;
-    finishPlace(event: MouseEvent, placementView: IPlacementView, container: IDesignItem, startPoint: IPoint, offsetInControl: IPoint, newPoint: IPoint, items: IDesignItem[]): any;
-}
+import { IService } from "../IService";
+import { IDesignItem } from "../../item/IDesignItem";
+import { IPlacementView } from "../../widgets/designerView/IPlacementView";
+import { IPoint } from "../../../interfaces/IPoint";
+export interface IPlacementService extends IService {
+    serviceForContainer(container: IDesignItem, containerStyle: CSSStyleDeclaration): any;
+    canEnter(container: IDesignItem, items: IDesignItem[]): any;
+    canLeave(container: IDesignItem, items: IDesignItem[]): any;
+    enterContainer(container: IDesignItem, items: IDesignItem[]): any;
+    leaveContainer(container: IDesignItem, items: IDesignItem[]): any;
+    getElementOffset(container: IDesignItem, designItem?: IDesignItem): IPoint;
+    placePoint(event: MouseEvent, placementView: IPlacementView, container: IDesignItem, startPoint: IPoint, offsetInControl: IPoint, newPoint: IPoint, items: IDesignItem[]): IPoint;
+    place(event: MouseEvent, placementView: IPlacementView, container: IDesignItem, startPoint: IPoint, offsetInControl: IPoint, newPoint: IPoint, items: IDesignItem[]): any;
+    finishPlace(event: MouseEvent, placementView: IPlacementView, container: IDesignItem, startPoint: IPoint, offsetInControl: IPoint, newPoint: IPoint, items: IDesignItem[]): any;
+}

package/dist/elements/services/placementService/IPlacementService.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/elements/services/placementService/ISnaplinesProviderService.d.ts

@@ -1,12 +1,12 @@
-import { IService } from "../IService";
-import { IDesignItem } from "../../item/IDesignItem";
-import { IRect } from "../../../interfaces/IRect.js";
-export interface ISnaplinesProviderService extends IService {
-    provideSnaplines(containerItem: IDesignItem, ignoredItems: IDesignItem[]): {
-        outerRect: DOMRect;
-        positionsH: [number, IRect][];
-        positionsMiddleH: [number, IRect][];
-        positionsV: [number, IRect][];
-        positionsMiddleV: [number, IRect][];
-    };
-}
+import { IService } from "../IService";
+import { IDesignItem } from "../../item/IDesignItem";
+import { IRect } from "../../../interfaces/IRect.js";
+export interface ISnaplinesProviderService extends IService {
+    provideSnaplines(containerItem: IDesignItem, ignoredItems: IDesignItem[]): {
+        outerRect: DOMRect;
+        positionsH: [number, IRect][];
+        positionsMiddleH: [number, IRect][];
+        positionsV: [number, IRect][];
+        positionsMiddleV: [number, IRect][];
+    };
+}

package/dist/elements/services/placementService/ISnaplinesProviderService.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/elements/services/placementService/SnaplinesProviderService.d.ts

@@ -1,14 +1,14 @@
-import { IRect } from '../../../interfaces/IRect.js';
-import type { IDesignItem } from '../../item/IDesignItem.js';
-import { ISnaplinesProviderService } from './ISnaplinesProviderService.js';
-export declare const provideSnaplinesWithDistance = "provideSnaplinesWithDistance";
-export declare const provideSnaplinesWithDistanceDistance = "provideSnaplinesWithDistanceDistance";
-export declare class SnaplinesProviderService implements ISnaplinesProviderService {
-    provideSnaplines(containerItem: IDesignItem, ignoredItems: IDesignItem[]): {
-        outerRect: DOMRect;
-        positionsH: [number, IRect][];
-        positionsMiddleH: [number, IRect][];
-        positionsV: [number, IRect][];
-        positionsMiddleV: [number, IRect][];
-    };
-}
+import { IRect } from '../../../interfaces/IRect.js';
+import type { IDesignItem } from '../../item/IDesignItem.js';
+import { ISnaplinesProviderService } from './ISnaplinesProviderService.js';
+export declare const provideSnaplinesWithDistance = "provideSnaplinesWithDistance";
+export declare const provideSnaplinesWithDistanceDistance = "provideSnaplinesWithDistanceDistance";
+export declare class SnaplinesProviderService implements ISnaplinesProviderService {
+    provideSnaplines(containerItem: IDesignItem, ignoredItems: IDesignItem[]): {
+        outerRect: DOMRect;
+        positionsH: [number, IRect][];
+        positionsMiddleH: [number, IRect][];
+        positionsV: [number, IRect][];
+        positionsMiddleV: [number, IRect][];
+    };
+}

package/dist/elements/services/placementService/SnaplinesProviderService.js

@@ -1,48 +1,48 @@
-import { DomHelper } from '@node-projects/base-custom-webcomponent';
-export const provideSnaplinesWithDistance = 'provideSnaplinesWithDistance';
-export const provideSnaplinesWithDistanceDistance = 'provideSnaplinesWithDistanceDistance';
-export class SnaplinesProviderService {
-    provideSnaplines(containerItem, ignoredItems) {
-        {
-            const canvas = containerItem.instanceServiceContainer.designerCanvas;
-            const ignMap = new Map(ignoredItems.map(i => [i.element, i]));
-            const outerRect = containerItem.element.getBoundingClientRect();
-            const provideWithDist = canvas.instanceServiceContainer.designContext.extensionOptions[provideSnaplinesWithDistance] !== false;
-            const provideWithDistDist = canvas.instanceServiceContainer.designContext.extensionOptions[provideSnaplinesWithDistanceDistance] ?? 5;
-            const positionsH = [];
-            const positionsMiddleH = [];
-            const positionsV = [];
-            const positionsMiddleV = [];
-            let ignoreElements = ignoredItems.map(x => x.element);
-            for (let n of DomHelper.getAllChildNodes(containerItem.element, false, ignoreElements)) {
-                if (!ignMap.has(n)) {
-                    const p = n.getBoundingClientRect();
-                    const pLeft = (p.x - outerRect.x) / canvas.scaleFactor;
-                    const pMidH = (p.x - outerRect.x + p.width / 2) / canvas.scaleFactor;
-                    const pRight = (p.x - outerRect.x + p.width) / canvas.scaleFactor;
-                    const pTop = (p.y - outerRect.y) / canvas.scaleFactor;
-                    const pMidV = (p.y - outerRect.y + p.height / 2) / canvas.scaleFactor;
-                    const pBottom = (p.y - outerRect.y + p.height) / canvas.scaleFactor;
-                    const transformedP = { x: pLeft + outerRect.x, y: pTop + outerRect.y, width: p.width / canvas.scaleFactor, height: p.height / canvas.scaleFactor };
-                    if (provideWithDist)
-                        positionsH.push([pLeft - provideWithDistDist, transformedP]);
-                    positionsH.push([pLeft, transformedP]);
-                    positionsMiddleH.push([pMidH, transformedP]);
-                    positionsH.push([pRight, transformedP]);
-                    if (provideWithDist)
-                        positionsH.push([pRight + provideWithDistDist, transformedP]);
-                    positionsV.push([pTop, transformedP]);
-                    positionsMiddleV.push([pMidV, transformedP]);
-                    positionsV.push([pBottom, transformedP]);
-                }
-            }
-            positionsH.push([0, { x: 0, y: 0, width: 0, height: 0 }]);
-            positionsH.sort((a, b) => a[0] - b[0]);
-            positionsMiddleH.sort((a, b) => a[0] - b[0]);
-            positionsV.push([0, { x: 0, y: 0, width: 0, height: 0 }]);
-            positionsV.sort((a, b) => a[0] - b[0]);
-            positionsMiddleV.sort((a, b) => a[0] - b[0]);
-            return { outerRect, positionsH, positionsMiddleH, positionsV, positionsMiddleV };
-        }
-    }
-}
+import { DomHelper } from '@node-projects/base-custom-webcomponent';
+export const provideSnaplinesWithDistance = 'provideSnaplinesWithDistance';
+export const provideSnaplinesWithDistanceDistance = 'provideSnaplinesWithDistanceDistance';
+export class SnaplinesProviderService {
+    provideSnaplines(containerItem, ignoredItems) {
+        {
+            const canvas = containerItem.instanceServiceContainer.designerCanvas;
+            const ignMap = new Map(ignoredItems.map(i => [i.element, i]));
+            const outerRect = containerItem.element.getBoundingClientRect();
+            const provideWithDist = canvas.instanceServiceContainer.designContext.extensionOptions[provideSnaplinesWithDistance] !== false;
+            const provideWithDistDist = canvas.instanceServiceContainer.designContext.extensionOptions[provideSnaplinesWithDistanceDistance] ?? 5;
+            const positionsH = [];
+            const positionsMiddleH = [];
+            const positionsV = [];
+            const positionsMiddleV = [];
+            let ignoreElements = ignoredItems.map(x => x.element);
+            for (let n of DomHelper.getAllChildNodes(containerItem.element, false, ignoreElements)) {
+                if (!ignMap.has(n)) {
+                    const p = n.getBoundingClientRect();
+                    const pLeft = (p.x - outerRect.x) / canvas.scaleFactor;
+                    const pMidH = (p.x - outerRect.x + p.width / 2) / canvas.scaleFactor;
+                    const pRight = (p.x - outerRect.x + p.width) / canvas.scaleFactor;
+                    const pTop = (p.y - outerRect.y) / canvas.scaleFactor;
+                    const pMidV = (p.y - outerRect.y + p.height / 2) / canvas.scaleFactor;
+                    const pBottom = (p.y - outerRect.y + p.height) / canvas.scaleFactor;
+                    const transformedP = { x: pLeft + outerRect.x, y: pTop + outerRect.y, width: p.width / canvas.scaleFactor, height: p.height / canvas.scaleFactor };
+                    if (provideWithDist)
+                        positionsH.push([pLeft - provideWithDistDist, transformedP]);
+                    positionsH.push([pLeft, transformedP]);
+                    positionsMiddleH.push([pMidH, transformedP]);
+                    positionsH.push([pRight, transformedP]);
+                    if (provideWithDist)
+                        positionsH.push([pRight + provideWithDistDist, transformedP]);
+                    positionsV.push([pTop, transformedP]);
+                    positionsMiddleV.push([pMidV, transformedP]);
+                    positionsV.push([pBottom, transformedP]);
+                }
+            }
+            positionsH.push([0, { x: 0, y: 0, width: 0, height: 0 }]);
+            positionsH.sort((a, b) => a[0] - b[0]);
+            positionsMiddleH.sort((a, b) => a[0] - b[0]);
+            positionsV.push([0, { x: 0, y: 0, width: 0, height: 0 }]);
+            positionsV.sort((a, b) => a[0] - b[0]);
+            positionsMiddleV.sort((a, b) => a[0] - b[0]);
+            return { outerRect, positionsH, positionsMiddleH, positionsV, positionsMiddleV };
+        }
+    }
+}

package/dist/elements/services/popupService/IPopupService.d.ts

@@ -1,16 +1,16 @@
-export declare type PlacementType = 'automatic' | 'relativeTo';
-export declare type PopupPlacement = {
-    placementType: PlacementType;
-    top?: number;
-    left?: number;
-    right?: number;
-    bottom?: number;
-    width?: number;
-    height?: number;
-};
-export declare type Popup = {
-    close: () => void;
-};
-export interface IPopupService {
-    showPopup(element: Element, popupPlacement?: PopupPlacement): Popup;
-}
+export declare type PlacementType = 'automatic' | 'relativeTo';
+export declare type PopupPlacement = {
+    placementType: PlacementType;
+    top?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
+    width?: number;
+    height?: number;
+};
+export declare type Popup = {
+    close: () => void;
+};
+export interface IPopupService {
+    showPopup(element: Element, popupPlacement?: PopupPlacement): Popup;
+}

package/dist/elements/services/popupService/IPopupService.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/elements/services/popupService/PopupService.d.ts

@@ -1,9 +1,9 @@
-import { IPopupService, Popup, PopupPlacement } from "./IPopupService";
-export declare class PopupService implements IPopupService {
-    private container;
-    private zindex;
-    constructor(container: Element);
-    showPopup(element: Element, popupPlacement?: PopupPlacement): Popup;
-    closePopup(element: Element): void;
-    bringToFront(element: Element): void;
-}
+import { IPopupService, Popup, PopupPlacement } from "./IPopupService";
+export declare class PopupService implements IPopupService {
+    private container;
+    private zindex;
+    constructor(container: Element);
+    showPopup(element: Element, popupPlacement?: PopupPlacement): Popup;
+    closePopup(element: Element): void;
+    bringToFront(element: Element): void;
+}

package/dist/elements/services/popupService/PopupService.js

@@ -1,20 +1,20 @@
-export class PopupService {
-    container;
-    zindex;
-    ;
-    constructor(container) {
-        this.container = container;
-    }
-    showPopup(element, popupPlacement) {
-        this.container.appendChild(element);
-        this.bringToFront(element);
-        return { close: () => this.closePopup(element) };
-    }
-    closePopup(element) {
-        this.container.removeChild(element);
-    }
-    bringToFront(element) {
-        this.zindex++;
-        element.style.zIndex = this.zindex;
-    }
-}
+export class PopupService {
+    container;
+    zindex;
+    ;
+    constructor(container) {
+        this.container = container;
+    }
+    showPopup(element, popupPlacement) {
+        this.container.appendChild(element);
+        this.bringToFront(element);
+        return { close: () => this.closePopup(element) };
+    }
+    closePopup(element) {
+        this.container.removeChild(element);
+    }
+    bringToFront(element) {
+        this.zindex++;
+        element.style.zIndex = this.zindex;
+    }
+}

package/dist/elements/services/propertiesService/DefaultEditorTypesService.d.ts

@@ -1,6 +1,6 @@
-import { IEditorTypesService } from "./IEditorTypesService";
-import { IProperty } from './IProperty';
-import { IPropertyEditor } from "./IPropertyEditor";
-export declare class DefaultEditorTypesService implements IEditorTypesService {
-    getEditorForProperty(property: IProperty): IPropertyEditor;
-}
+import { IEditorTypesService } from "./IEditorTypesService";
+import { IProperty } from './IProperty';
+import { IPropertyEditor } from "./IPropertyEditor";
+export declare class DefaultEditorTypesService implements IEditorTypesService {
+    getEditorForProperty(property: IProperty): IPropertyEditor;
+}

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

@@ -1,59 +1,59 @@
-import { ColorPropertyEditor } from './propertyEditors/ColorPropertyEditor';
-import { DatePropertyEditor } from './propertyEditors/DatePropertyEditor';
-import { JsonPropertyEditor } from "./propertyEditors/JsonPropertyEditor";
-import { NumberPropertyEditor } from "./propertyEditors/NumberPropertyEditor";
-import { SelectPropertyEditor } from "./propertyEditors/SelectPropertyEditor";
-import { TextPropertyEditor } from './propertyEditors/TextPropertyEditor';
-import { BooleanPropertyEditor } from './propertyEditors/BooleanPropertyEditor';
-import { ImageButtonListPropertyEditor } from './propertyEditors/ImageButtonListPropertyEditor';
-import { ThicknessPropertyEditor } from "./propertyEditors/ThicknessPropertyEditor.js";
-export class DefaultEditorTypesService {
-    getEditorForProperty(property) {
-        if (property.createEditor)
-            return property.createEditor(property);
-        switch (property.type) {
-            case "json":
-                {
-                    return new JsonPropertyEditor(property);
-                }
-            case "color":
-                {
-                    return new ColorPropertyEditor(property);
-                }
-            case "date":
-                {
-                    return new DatePropertyEditor(property);
-                }
-            case "number":
-                {
-                    return new NumberPropertyEditor(property);
-                }
-            case "list":
-                {
-                    return new SelectPropertyEditor(property);
-                }
-            case "enum":
-                {
-                    return new SelectPropertyEditor(property);
-                }
-            case "boolean":
-                {
-                    return new BooleanPropertyEditor(property);
-                }
-            case "img-list":
-                {
-                    return new ImageButtonListPropertyEditor(property);
-                }
-            case "thickness":
-                {
-                    return new ThicknessPropertyEditor(property);
-                }
-            case "css-length":
-            case "string":
-            default:
-                {
-                    return new TextPropertyEditor(property);
-                }
-        }
-    }
-}
+import { ColorPropertyEditor } from './propertyEditors/ColorPropertyEditor';
+import { DatePropertyEditor } from './propertyEditors/DatePropertyEditor';
+import { JsonPropertyEditor } from "./propertyEditors/JsonPropertyEditor";
+import { NumberPropertyEditor } from "./propertyEditors/NumberPropertyEditor";
+import { SelectPropertyEditor } from "./propertyEditors/SelectPropertyEditor";
+import { TextPropertyEditor } from './propertyEditors/TextPropertyEditor';
+import { BooleanPropertyEditor } from './propertyEditors/BooleanPropertyEditor';
+import { ImageButtonListPropertyEditor } from './propertyEditors/ImageButtonListPropertyEditor';
+import { ThicknessPropertyEditor } from "./propertyEditors/ThicknessPropertyEditor.js";
+export class DefaultEditorTypesService {
+    getEditorForProperty(property) {
+        if (property.createEditor)
+            return property.createEditor(property);
+        switch (property.type) {
+            case "json":
+                {
+                    return new JsonPropertyEditor(property);
+                }
+            case "color":
+                {
+                    return new ColorPropertyEditor(property);
+                }
+            case "date":
+                {
+                    return new DatePropertyEditor(property);
+                }
+            case "number":
+                {
+                    return new NumberPropertyEditor(property);
+                }
+            case "list":
+                {
+                    return new SelectPropertyEditor(property);
+                }
+            case "enum":
+                {
+                    return new SelectPropertyEditor(property);
+                }
+            case "boolean":
+                {
+                    return new BooleanPropertyEditor(property);
+                }
+            case "img-list":
+                {
+                    return new ImageButtonListPropertyEditor(property);
+                }
+            case "thickness":
+                {
+                    return new ThicknessPropertyEditor(property);
+                }
+            case "css-length":
+            case "string":
+            default:
+                {
+                    return new TextPropertyEditor(property);
+                }
+        }
+    }
+}

package/dist/elements/services/propertiesService/IEditorTypesService.d.ts

@@ -1,5 +1,5 @@
-import { IProperty } from './IProperty';
-import { IPropertyEditor } from './IPropertyEditor';
-export interface IEditorTypesService {
-    getEditorForProperty(type: IProperty): IPropertyEditor;
-}
+import { IProperty } from './IProperty';
+import { IPropertyEditor } from './IPropertyEditor';
+export interface IEditorTypesService {
+    getEditorForProperty(type: IProperty): IPropertyEditor;
+}

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

@@ -1 +1 @@
-export {};
+export {};