@node-projects/web-component-designer 0.0.31 → 0.0.35

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

@@ -40,6 +40,12 @@ export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
         this._designerTabControl.appendChild(attributeEditorAttributeList);
         this._propertyGridPropertyLists.push(attributeEditorAttributeList);
         attributeEditorAttributeList = new PropertyGridPropertyList(value);
+        attributeEditorAttributeList.setPropertiesService(new CssPropertiesService("set-styles"));
+        attributeEditorAttributeList.createElements(null);
+        attributeEditorAttributeList.title = "set-styles";
+        this._designerTabControl.appendChild(attributeEditorAttributeList);
+        this._propertyGridPropertyLists.push(attributeEditorAttributeList);
+        attributeEditorAttributeList = new PropertyGridPropertyList(value);
         attributeEditorAttributeList.setPropertiesService(new CssPropertiesService("styles"));
         attributeEditorAttributeList.createElements(null);
         attributeEditorAttributeList.title = "styles";
@@ -57,6 +63,12 @@ export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
         attributeEditorAttributeList.title = "grid";
         this._designerTabControl.appendChild(attributeEditorAttributeList);
         this._propertyGridPropertyLists.push(attributeEditorAttributeList);
+        attributeEditorAttributeList = new PropertyGridPropertyList(value);
+        attributeEditorAttributeList.setPropertiesService(new CssPropertiesService("flex"));
+        attributeEditorAttributeList.createElements(null);
+        attributeEditorAttributeList.title = "flex";
+        this._designerTabControl.appendChild(attributeEditorAttributeList);
+        this._propertyGridPropertyLists.push(attributeEditorAttributeList);
         this._designerTabControl.selectedIndex = 0;
     }
     get serviceContainer() {
@@ -72,6 +84,7 @@ export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
             this._propertyGridPropertyLists[0].setPropertiesService(propService);
             this._propertyGridPropertyLists[0].createElements(this.selectedItems[0]);
             this._propertyGridPropertyLists[1].createElements(this.selectedItems[0]);
+            this._propertyGridPropertyLists[3].createElements(this.selectedItems[0]);
         }
         for (const a of this._propertyGridPropertyLists) {
             a.designItemsChanged(items);
@@ -107,6 +120,7 @@ PropertyGrid.style = css `
     :host {
       display: block;
       height: 100%;
+      user-select: none;
     }
     iron-pages {
       overflow: hidden;

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

@@ -21,9 +21,9 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
     .content-wrapper {
       padding: .5em;
       display: grid;
-      grid-template-columns: 11px auto 1fr;
+      grid-template-columns: 11px auto minmax(80px, 1fr);
       align-items: center;
-      grid-auto-rows: 24px;
+      grid-auto-rows: minmax(24px, auto);
       align-items: center;
     }
     label, input, select {

package/dist/index.d.ts

@@ -30,6 +30,8 @@ export type { IElementAtPointService } from "./elements/services/elementAtPointS
 export * from "./elements/services/contentService/ContentService.js";
 export type { IContentChanged } from "./elements/services/contentService/IContentChanged.js";
 export type { IContentService } from "./elements/services/contentService/IContentService.js";
+export * from "./elements/services/copyPasteService/CopyPasteService.js";
+export type { ICopyPasteService } from "./elements/services/copyPasteService/ICopyPasteService.js";
 export * from "./elements/services/dragDropService/DragDropService.js";
 export type { IDragDropService } from "./elements/services/dragDropService/IDragDropService.js";
 export type { IElementDefinition } from "./elements/services/elementsService/IElementDefinition.js";

package/dist/index.js

@@ -20,6 +20,7 @@ export * from "./elements/services/placementService/GridPlacementService.js";
 export * from "./elements/services/placementService/SnaplinesProviderService.js";
 export * from "./elements/services/elementAtPointService/ElementAtPointService.js";
 export * from "./elements/services/contentService/ContentService.js";
+export * from "./elements/services/copyPasteService/CopyPasteService.js";
 export * from "./elements/services/dragDropService/DragDropService.js";
 export * from "./elements/services/elementsService/JsonFileElementsService.js";
 export * from "./elements/services/htmlWriterService/HtmlWriterService.js";

package/dist/interfaces/IDesignerMousePoint.d.ts

@@ -6,4 +6,6 @@ export interface IDesignerMousePoint {
     offsetInControlX: number;
     offsetInControlY: number;
     zoom?: number;
+    normalizedX?: number;
+    normalizedY?: number;
 }

package/package.json

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