@node-projects/web-component-designer 0.0.254 → 0.0.256

package/dist/elements/item/DesignItem.js

@@ -473,6 +473,8 @@ export class DesignItem {
         }
     }
     getPlacementService(style) {
+        if (this.nodeType != NodeType.Element)
+            return null;
         style ??= getComputedStyle(this.element);
         return this.serviceContainer.getLastServiceWhere('containerService', x => x.serviceForContainer(this, style));
     }

package/dist/elements/services/DefaultServiceBootstrap.js

@@ -83,6 +83,7 @@ import { DesignItemDocumentPositionService } from './designItemDocumentPositionS
 import { TransformToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/TransformToolButtonProvider.js';
 import { MultipleSelectionRectExtensionProvider } from '../widgets/designerView/extensions/MultipleSelectionRectExtensionProvider.js';
 import { DragDropService } from './dragDropService/DragDropService.js';
+import { EventsService } from './eventsService/EventsService.js';
 export function createDefaultServiceContainer() {
     let serviceContainer = new ServiceContainer();
     let defaultPlacementService = new DefaultPlacementService();
@@ -107,11 +108,11 @@ export function createDefaultServiceContainer() {
     serviceContainer.register("copyPasteService", new CopyPasteService());
     serviceContainer.register("modelCommandService", new DefaultModelCommandService());
     serviceContainer.register("demoProviderService", new DemoProviderService());
+    serviceContainer.register("eventsService", new EventsService());
     serviceContainer.register("undoService", (designerCanvas) => new UndoService(designerCanvas));
     serviceContainer.register("selectionService", (designerCanvas) => new SelectionService(designerCanvas, false));
     serviceContainer.register("contentService", (designerCanvas) => new ContentService(designerCanvas.rootDesignItem));
     serviceContainer.register("designItemDocumentPositionService", (designerCanvas) => new DesignItemDocumentPositionService(designerCanvas));
-    //serviceContainer.register("stylesheetService", new DemoProviderService());
     serviceContainer.designerExtensions.set(ExtensionType.Permanent, [
         // new ResizeExtensionProvider(false),
         new InvisibleElementExtensionProvider(),

package/dist/elements/services/ServiceContainer.d.ts

@@ -41,6 +41,7 @@ import { IDesignerCanvas } from '../widgets/designerView/IDesignerCanvas.js';
 import { IDesignItemDocumentPositionService } from './designItemDocumentPositionService/IDesignItemDocumentPositionService.js';
 import { IDragDropService } from './dragDropService/IDragDropService.js';
 import { IDesignItemService } from './designItemService/IDesignItemService.js';
+import { IEventsService } from './eventsService/IEventsService.js';
 interface ServiceNameMap {
     "propertyService": IPropertiesService;
     "containerService": IPlacementService;
@@ -63,6 +64,7 @@ interface ServiceNameMap {
     "propertyGroupsService": IPropertyTabsService;
     "dragDropService": IDragDropService;
     "designItemService": IDesignItemService;
+    "eventsService": IEventsService;
     "undoService": (designerCanvas: IDesignerCanvas) => IUndoService;
     "selectionService": (designerCanvas: IDesignerCanvas) => ISelectionService;
     "contentService": (designerCanvas: IDesignerCanvas) => IContentService;
@@ -96,6 +98,7 @@ export declare class ServiceContainer extends BaseServiceContainer<ServiceNameMa
     get containerServices(): IPlacementService[];
     get snaplinesProviderService(): ISnaplinesProviderService;
     get elementsServices(): IElementsService[];
+    get eventsService(): IEventsService[];
     get instanceServices(): IInstanceService[];
     get editorTypesServices(): IEditorTypesService[];
     get htmlWriterService(): IHtmlWriterService;

package/dist/elements/services/ServiceContainer.js

@@ -55,6 +55,9 @@ export class ServiceContainer extends BaseServiceContainer {
     get elementsServices() {
         return this.getServices('elementsService');
     }
+    get eventsService() {
+        return this.getServices('eventsService');
+    }
     get instanceServices() {
         return this.getServices('instanceService');
     }

package/dist/elements/services/eventsService/EventsService.d.ts

@@ -0,0 +1,17 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { IEvent } from "./IEvent.js";
+import { IEventsService } from "./IEventsService.js";
+export declare class EventsService implements IEventsService {
+    protected _windowEvents: string[];
+    protected _allElements: string[];
+    protected _focusableEvents: string[];
+    protected _form: string[];
+    protected _mouseEvents: string[];
+    protected _pointerEvents: string[];
+    protected _touchEvents: string[];
+    protected _dragEvents: string[];
+    protected _clipboard: string[];
+    protected _details: string[];
+    isHandledElement(designItem: IDesignItem): boolean;
+    getPossibleEvents(designItem: IDesignItem): IEvent[];
+}

package/dist/elements/services/eventsService/EventsService.js

@@ -0,0 +1,91 @@
+export class EventsService {
+    _windowEvents = [
+        "afterprint",
+        "beforeprint",
+        "beforeunload",
+        "error",
+        "hashchange",
+        "load",
+        "message",
+        "offline",
+        "online",
+        "pageshow",
+        "popstate",
+        "resize",
+        "storage",
+        "unload"
+    ];
+    _allElements = [
+        "contextmenu",
+    ];
+    _focusableEvents = [
+        "blur",
+        "focus",
+        "keydown",
+        "keypress",
+        "keyup"
+    ];
+    _form = [
+        "change",
+        "input",
+        "invalid",
+        "reset",
+        "search",
+        "select",
+        "submit"
+    ];
+    _mouseEvents = [
+        "click",
+        "dblclick",
+        "mousedown",
+        "mouseup",
+        "mousemove",
+        "mouseover",
+        "mouseout",
+        "mousewheel",
+        "wheel"
+    ];
+    _pointerEvents = [
+        "pointerdown",
+        "pointerup",
+        "pointerenter",
+        "pointerleave",
+        "pointermove",
+        "pointerover",
+        "pointerout",
+        "pointercancel"
+    ];
+    _touchEvents = [
+        "touchstart",
+        "touchend",
+        "touchmove",
+        "touchcancel"
+    ];
+    _dragEvents = [
+        "drag",
+        "dragend",
+        "dragenter",
+        "dragleave",
+        "dragover",
+        "dragstart",
+        "drop",
+        "scroll"
+    ];
+    _clipboard = [
+        "copy",
+        "cut",
+        "paste"
+    ];
+    _details = [
+        "toggle"
+    ];
+    isHandledElement(designItem) {
+        return true;
+    }
+    getPossibleEvents(designItem) {
+        //Todo: create corret events list for all std. elements
+        let lst = [...this._mouseEvents, ...this._allElements, ...this._focusableEvents];
+        let events = lst.map(x => ({ name: x, propertyName: 'on' + x }));
+        return events;
+    }
+}

package/dist/elements/services/eventsService/IEvent.d.ts

@@ -0,0 +1,4 @@
+export interface IEvent {
+    name: string;
+    propertyName: string;
+}

package/dist/elements/services/eventsService/IEvent.js

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

package/dist/elements/services/eventsService/IEventsService copy.d.ts

@@ -0,0 +1,2 @@
+export interface IEventsService {
+}

package/dist/elements/services/eventsService/IEventsService copy.js

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

package/dist/elements/services/eventsService/IEventsService.d.ts

@@ -0,0 +1,6 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { IEvent } from "./IEvent.js";
+export interface IEventsService {
+    isHandledElement(designItem: IDesignItem): boolean;
+    getPossibleEvents(designItem: IDesignItem): IEvent[];
+}

package/dist/elements/services/eventsService/IEventsService.js

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

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

@@ -7,8 +7,6 @@ import { TextPropertyEditor } from './propertyEditors/TextPropertyEditor.js';
 import { BooleanPropertyEditor } from './propertyEditors/BooleanPropertyEditor.js';
 import { ImageButtonListPropertyEditor } from './propertyEditors/ImageButtonListPropertyEditor.js';
 import { ThicknessPropertyEditor } from "./propertyEditors/ThicknessPropertyEditor.js";
-import { MetricsPropertyEditor } from './propertyEditors/MetricsPropertyEditor.js';
-import { GridAssignedRowColumnPropertyEditor } from './propertyEditors/GridAssignedRowColumnPropertyEditor.js';
 export class DefaultEditorTypesService {
     getEditorForProperty(property) {
         if (property.createEditor)
@@ -50,14 +48,6 @@ export class DefaultEditorTypesService {
                 {
                     return new ThicknessPropertyEditor(property);
                 }
-            case "metrics":
-                {
-                    return new MetricsPropertyEditor(property);
-                }
-            case "assigned-row-column":
-                {
-                    return new GridAssignedRowColumnPropertyEditor(property);
-                }
             case "css-length":
             case "string":
             default:

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

@@ -7,7 +7,7 @@ export class GridAssignedRowColumnPropertyEditor extends BasePropertyEditor {
         this._root.style.display = 'grid';
         this._root.style.padding = '4px 0px';
         this._root.style.boxSizing = 'border-box';
-        this._root.style.height = '50px';
+        this._root.style.minHeight = '50px';
         this.element = this._root;
     }
     refreshValue(valueType, value) {
@@ -28,6 +28,7 @@ export class GridAssignedRowColumnPropertyEditor extends BasePropertyEditor {
             for (let p = 1; p <= cntRow; p++) {
                 for (let n = 1; n <= cntCol; n++) {
                     const b = document.createElement('button');
+                    b.style.minHeight = '10px';
                     b.onclick = () => {
                         let grp = this.designItems[0].openGroup('Change grid row/column');
                         this.designItems[0].setStyle("grid-row", p + ' / ' + (p + 1));

package/dist/elements/services/propertiesService/propertyEditors/special/GridAssignedRowColumnPropertyEditor.d.ts

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

package/dist/elements/services/propertiesService/propertyEditors/special/GridAssignedRowColumnPropertyEditor.js

@@ -0,0 +1,46 @@
+import { BasePropertyEditor } from '../BasePropertyEditor.js';
+export class GridAssignedRowColumnPropertyEditor extends BasePropertyEditor {
+    //Todo: multiple cell selection, grid area support, span support
+    _root;
+    constructor(property) {
+        super(property);
+        this._root = document.createElement('div');
+        this._root.style.display = 'grid';
+        this._root.style.padding = '4px 0px';
+        this._root.style.boxSizing = 'border-box';
+        this._root.style.minHeight = '50px';
+        this.element = this._root;
+    }
+    refreshValue(valueType, value) {
+        this._root.innerHTML = "";
+        if (this.designItems != null && this.designItems.length) {
+            let styleContainer = getComputedStyle(this.designItems[0].element.parentElement);
+            let style = getComputedStyle(this.designItems[0].element);
+            let cntCol = styleContainer.gridTemplateColumns.split(' ').length;
+            let cntRow = styleContainer.gridTemplateRows.split(' ').length;
+            this._root.style.gridTemplateColumns = 'repeat(' + cntCol + ', 1fr)';
+            this._root.style.gridTemplateRows = 'repeat(' + cntRow + ', 1fr)';
+            let rowStart = parseInt(style.gridRowStart);
+            let rowEnd = style.gridRowEnd == 'auto' ? rowStart : parseInt(style.gridRowEnd);
+            rowEnd = rowEnd <= rowStart ? rowStart + 1 : rowEnd;
+            let colStart = parseInt(style.gridColumnStart);
+            let colEnd = style.gridColumnEnd == 'auto' ? colStart : parseInt(style.gridColumnEnd);
+            colEnd = colEnd <= colStart ? colStart + 1 : colEnd;
+            for (let p = 1; p <= cntRow; p++) {
+                for (let n = 1; n <= cntCol; n++) {
+                    const b = document.createElement('button');
+                    b.style.minHeight = '10px';
+                    b.onclick = () => {
+                        let grp = this.designItems[0].openGroup('Change grid row/column');
+                        this.designItems[0].setStyle("grid-row", p + ' / ' + (p + 1));
+                        this.designItems[0].setStyle("grid-column", n + ' / ' + (n + 1));
+                        grp.commit();
+                    };
+                    if (p >= rowStart && p < rowEnd && n >= colStart && n < colEnd)
+                        b.style.backgroundColor = 'coral';
+                    this._root.appendChild(b);
+                }
+            }
+        }
+    }
+}

package/dist/elements/services/propertiesService/propertyEditors/special/MetricsPropertyEditor.d.ts

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

package/dist/elements/services/propertiesService/propertyEditors/special/MetricsPropertyEditor.js

@@ -0,0 +1,15 @@
+import { BasePropertyEditor } from '../BasePropertyEditor.js';
+import { MetricsEditor } from '../../../../controls/MetricsEditor.js';
+export class MetricsPropertyEditor extends BasePropertyEditor {
+    //Todo: metrics editor does not work at all yet
+    constructor(property) {
+        super(property);
+        const selector = new MetricsEditor();
+        selector.property = property.name;
+        //selector.valueLeftChanged.on((e) => this._valueChanged(e.newValue));
+        this.element = selector;
+    }
+    refreshValue(valueType, value) {
+        //this.element.valueLeft = value;
+    }
+}

package/dist/elements/services/propertiesService/services/CssProperties.json

@@ -612,8 +612,5 @@
     "x": {},
     "y": {},
     "zIndex": {},
-    "zoom": {},
-    "assignedRowColumn": {
-        "type": "assigned-row-column"
-    }
+    "zoom": {}
 }

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

@@ -16,5 +16,6 @@ export declare class CssPropertiesService extends CommonPropertiesService {
     isHandledElement(designItem: IDesignItem): boolean;
     getProperty(designItem: IDesignItem, name: string): IProperty;
     getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    _getPropertyDef(name: string): IProperty;
     getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
 }

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

@@ -3,6 +3,8 @@ import { PropertyType } from '../PropertyType.js';
 import { CommonPropertiesService } from './CommonPropertiesService.js';
 import { RefreshMode } from '../IPropertiesService.js';
 import { PropertiesHelper } from './PropertiesHelper.js';
+import { GridAssignedRowColumnPropertyEditor } from '../propertyEditors/special/GridAssignedRowColumnPropertyEditor.js';
+import { MetricsPropertyEditor } from '../propertyEditors/special/MetricsPropertyEditor.js';
 //TODO: remove this code when import asserts are supported
 let cssProperties;
 //@ts-ignore
@@ -36,7 +38,8 @@ export class CssPropertiesService extends CommonPropertiesService {
         "margin",
         "border",
         "padding",
-        "overflow"
+        "overflow",
+        "metrics"
     ];
     grid = [
         "display",
@@ -91,18 +94,26 @@ export class CssPropertiesService extends CommonPropertiesService {
     }
     getProperties(designItem) {
         const propNames = this[this.name];
-        const propertiesList = propNames.map(x => {
-            const camelName = PropertiesHelper.dashToCamelCase(x);
-            return {
-                name: x,
-                type: cssProperties[camelName]?.type ?? 'string',
-                values: cssProperties[camelName]?.values ? [...cssProperties[camelName]?.values, 'initial', 'inherit', 'unset'] : ['initial', 'inherit', 'unset'],
-                service: this,
-                propertyType: PropertyType.cssValue
-            };
-        });
+        const propertiesList = propNames.map(x => this._getPropertyDef(x));
         return propertiesList;
     }
+    _getPropertyDef(name) {
+        const camelName = PropertiesHelper.dashToCamelCase(name);
+        switch (camelName) {
+            case 'assignedRowColumn':
+                return { name, service: this, propertyType: PropertyType.complex, createEditor: (p) => new GridAssignedRowColumnPropertyEditor(p) };
+            case 'metrics':
+                return { name, service: this, propertyType: PropertyType.complex, createEditor: (p) => new MetricsPropertyEditor(p) };
+            default:
+                return {
+                    name,
+                    type: cssProperties[camelName]?.type ?? 'string',
+                    values: cssProperties[camelName]?.values ? [...cssProperties[camelName]?.values, 'initial', 'inherit', 'unset'] : ['initial', 'inherit', 'unset'],
+                    service: this,
+                    propertyType: PropertyType.cssValue
+                };
+        }
+    }
     getPropertyTarget(designItem, property) {
         return BindingTarget.css;
     }

package/dist/elements/widgets/debugView/debug-view.js

@@ -189,14 +189,16 @@ export class DebugView extends BaseCustomWebComponentConstructorAppend {
             requestAnimationFrame(() => {
                 let element = designItem?.element;
                 if (element) {
-                    this.computedStyle = getComputedStyle(designItem.element);
-                    this.selectedElementOffsetParent = designItem.element.offsetParent;
+                    if (element.nodeType == 3)
+                        element = element.parentNode;
+                    this.computedStyle = getComputedStyle(element);
+                    this.selectedElementOffsetParent = element.offsetParent;
                     if (this.selectedElementOffsetParent == designItem.instanceServiceContainer.designerCanvas.rootDesignItem.element) {
                         this.selectedElementOffsetParentText = null;
                         this.selectedElementOffsetParent = null;
                     }
                     else
-                        this.selectedElementOffsetParentText = generateSelector(designItem.element.offsetParent);
+                        this.selectedElementOffsetParentText = generateSelector(element.offsetParent);
                     if (element && element.nodeType === 1) {
                         const closest = getClosestStackingContext(element);
                         this.createsStackingContext = element === closest.node;

package/dist/elements/widgets/designerView/extensions/ExtensionManager.js

@@ -41,11 +41,11 @@ export class ExtensionManager {
         if (selectionChangedEvent.selectedElements && selectionChangedEvent.selectedElements.length) {
             this.applyExtensions(selectionChangedEvent.selectedElements, ExtensionType.Selection);
             this.applyExtension(selectionChangedEvent.selectedElements[0], ExtensionType.PrimarySelection);
-            if (selectionChangedEvent.selectedElements[0].getPlacementService().isEnterableContainer(selectionChangedEvent.selectedElements[0]))
+            if (selectionChangedEvent.selectedElements[0].getPlacementService()?.isEnterableContainer(selectionChangedEvent.selectedElements[0]))
                 this.applyExtension(selectionChangedEvent.selectedElements[0], ExtensionType.PrimarySelectionAndCanBeEntered);
             const primaryContainer = DesignItem.GetOrCreateDesignItem(selectionChangedEvent.selectedElements[0].parent.element, selectionChangedEvent.selectedElements[0].parent.element, this.designerCanvas.serviceContainer, this.designerCanvas.instanceServiceContainer);
             this.applyExtension(primaryContainer, ExtensionType.PrimarySelectionContainer);
-            if (primaryContainer.getPlacementService().isEnterableContainer(primaryContainer))
+            if (primaryContainer.getPlacementService()?.isEnterableContainer(primaryContainer))
                 this.applyExtension(primaryContainer, ExtensionType.PrimarySelectionContainerAndCanBeEntered);
         }
         //this.refreshExtensions(selectionChangedEvent.selectedElements);

package/dist/elements/widgets/propertyGrid/PropertyGrid.js

@@ -91,12 +91,14 @@ export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
             if (this._designerTabControl.selectedIndex < 0)
                 this._designerTabControl.selectedIndex = 0;
             for (const a of this._propertyGridPropertyLists) {
-                a.designItemsChanged(items);
+                if (visibleDict.has(a.title))
+                    a.designItemsChanged(items);
             }
             if (items) {
                 if (items.length == 1) {
                     for (const a of this._propertyGridPropertyLists) {
-                        a.refreshForDesignItems(items);
+                        if (visibleDict.has(a.title))
+                            a.refreshForDesignItems(items);
                     }
                     this._observeItems();
                 }

package/dist/index.d.ts

@@ -58,6 +58,9 @@ export type { IElementsService } from "./elements/services/elementsService/IElem
 export * from "./elements/services/elementsService/JsonFileElementsService.js";
 export * from "./elements/services/elementsService/PreDefinedElementsService.js";
 export * from "./elements/services/elementsService/WebcomponentManifestElementsService.js";
+export type { IEvent } from "./elements/services/eventsService/IEvent.js";
+export type { IEventsService } from "./elements/services/eventsService/IEventsService.js";
+export * from "./elements/services/eventsService/EventsService.js";
 export type { IHtmlWriterService } from "./elements/services/htmlWriterService/IHtmlWriterService.js";
 export type { IHtmlWriterOptions } from "./elements/services/htmlWriterService/IHtmlWriterOptions.js";
 export * from "./elements/services/htmlWriterService/AbstractHtmlWriterService.js";
@@ -90,11 +93,12 @@ export * from "./elements/services/propertiesService/propertyEditors/DatePropert
 export * from "./elements/services/propertiesService/propertyEditors/ImageButtonListPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/JsonPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/JsonPropertyPopupEditor.js";
-export * from "./elements/services/propertiesService/propertyEditors/MetricsPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/NumberPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/SelectPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/TextPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/ThicknessPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/special/MetricsPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/special/GridAssignedRowColumnPropertyEditor.js";
 export * from "./elements/services/propertiesService/services/PropertiesHelper.js";
 export * from "./elements/services/propertiesService/services/BaseCustomWebComponentPropertiesService.js";
 export * from "./elements/services/propertiesService/services/CommonPropertiesService.js";

package/dist/index.js

@@ -35,6 +35,7 @@ export * from "./elements/services/dragDropService/DragDropService.js";
 export * from "./elements/services/elementsService/JsonFileElementsService.js";
 export * from "./elements/services/elementsService/PreDefinedElementsService.js";
 export * from "./elements/services/elementsService/WebcomponentManifestElementsService.js";
+export * from "./elements/services/eventsService/EventsService.js";
 export * from "./elements/services/htmlWriterService/AbstractHtmlWriterService.js";
 export * from "./elements/services/htmlWriterService/FormatingHtmlWriterService.js";
 export * from "./elements/services/htmlWriterService/HtmlWriterService.js";
@@ -55,11 +56,12 @@ export * from "./elements/services/propertiesService/propertyEditors/DatePropert
 export * from "./elements/services/propertiesService/propertyEditors/ImageButtonListPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/JsonPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/JsonPropertyPopupEditor.js";
-export * from "./elements/services/propertiesService/propertyEditors/MetricsPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/NumberPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/SelectPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/TextPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/ThicknessPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/special/MetricsPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/special/GridAssignedRowColumnPropertyEditor.js";
 export * from "./elements/services/propertiesService/services/PropertiesHelper.js";
 export * from "./elements/services/propertiesService/services/BaseCustomWebComponentPropertiesService.js";
 export * from "./elements/services/propertiesService/services/CommonPropertiesService.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.254",
+  "version": "0.0.256",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",