@node-projects/web-component-designer 0.2.3 → 0.2.5

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

@@ -70,9 +70,13 @@
     "alignmentBaseline": {},
     "all": {},
     "animation": {},
-    "animationDelay": {},
+    "animationDelay": {
+        "type": "time"
+    },
     "animationDirection": {},
-    "animationDuration": {},
+    "animationDuration": {
+        "type": "time"
+    },
     "animationFillMode": {},
     "animationIterationCount": {},
     "animationName": {},
@@ -102,7 +106,9 @@
     "backgroundSize": {},
     "basePalette": {},
     "baselineShift": {},
-    "blockSize": {},
+    "blockSize": {
+        "type": "length"
+    },
     "border": {},
     "borderBlock": {},
     "borderBlockColor": {
@@ -193,7 +199,9 @@
             "thick"
         ]
     },
-    "bottom": {},
+    "bottom": {
+        "type": "length"
+    },
     "boxShadow": {},
     "boxSizing": {
         "type": "list",
@@ -293,7 +301,9 @@
     "fillRule": {},
     "filter": {},
     "flex": {},
-    "flexBasis": {},
+    "flexBasis": {
+        "type": "length"
+    },
     "flexDirection": {
         "type": "list",
         "values": [
@@ -342,7 +352,9 @@
     "fontKerning": {},
     "fontOpticalSizing": {},
     "fontPalette": {},
-    "fontSize": {},
+    "fontSize": {
+        "type": "length"
+    },
     "fontSizeAdjust": {},
     "fontStretch": {},
     "fontStyle": {},
@@ -385,14 +397,21 @@
     "gridTemplateAreas": {},
     "gridTemplateColumns": {},
     "gridTemplateRows": {},
-    "height": {},
+    "height": {
+        "type": "length"
+    },
     "hyphenateCharacter": {},
     "hyphens": {},
     "imageOrientation": {},
     "imageRendering": {},
+    "imageResolution": {
+        "type": "resolution"
+    },
     "inherits": {},
     "initialValue": {},
-    "inlineSize": {},
+    "inlineSize": {
+        "type": "length"
+    },
     "inset": {},
     "insetBlock": {},
     "insetBlockEnd": {},
@@ -465,14 +484,20 @@
             "unsafe"
         ]
     },
-    "left": {},
-    "letterSpacing": {},
+    "left": {
+        "type": "length"
+    },
+    "letterSpacing": {
+        "type": "length"
+    },
     "lightingColor": {
         "type": "color"
     },
     "lineBreak": {},
     "lineGapOverride": {},
-    "lineHeight": {},
+    "lineHeight": {
+        "type": "length"
+    },
     "listStyle": {},
     "listStyleImage": {},
     "listStylePosition": {},
@@ -510,14 +535,30 @@
     "markerStart": {},
     "mask": {},
     "maskType": {},
-    "maxBlockSize": {},
-    "maxHeight": {},
-    "maxInlineSize": {},
-    "maxWidth": {},
-    "minBlockSize": {},
-    "minHeight": {},
-    "minInlineSize": {},
-    "minWidth": {},
+    "maxBlockSize": {
+        "type": "length"
+    },
+    "maxHeight": {
+        "type": "length"
+    },
+    "maxInlineSize": {
+        "type": "length"
+    },
+    "maxWidth": {
+        "type": "length"
+    },
+    "minBlockSize": {
+        "type": "length"
+    },
+    "minHeight": {
+        "type": "length"
+    },
+    "minInlineSize": {
+        "type": "length"
+    },
+    "minWidth": {
+        "type": "length"
+    },
     "mixBlendMode": {},
     "negative": {},
     "objectFit": {},
@@ -528,7 +569,9 @@
     "offset": {},
     "offsetDistance": {},
     "offsetPath": {},
-    "offsetRotate": {},
+    "offsetRotate": {
+        "type": "angle"
+    },
     "opacity": {
         "type": "number"
     },
@@ -538,9 +581,18 @@
     "outlineColor": {
         "type": "color"
     },
-    "outlineOffset": {},
+    "outlineOffset": {
+        "type": "length"
+    },
     "outlineStyle": {},
-    "outlineWidth": {},
+    "outlineWidth": {
+        "type": "length",
+        "values": [
+            "medium",
+            "thin",
+            "thick"
+        ]
+    },
     "overflow": {
         "type": "list",
         "values": [
@@ -598,7 +650,9 @@
     "pageBreakInside": {},
     "pageOrientation": {},
     "paintOrder": {},
-    "perspective": {},
+    "perspective": {
+        "type": "length"
+    },
     "perspectiveOrigin": {},
     "placeContent": {},
     "placeItems": {},
@@ -619,8 +673,12 @@
     "r": {},
     "range": {},
     "resize": {},
-    "right": {},
-    "rotate": {},
+    "right": {
+        "type": "length"
+    },
+    "rotate": {
+        "type": "angle"
+    },
     "rowGap": {
         "type": "length"
     },
@@ -628,7 +686,9 @@
     "rubyPosition": {},
     "rx": {},
     "ry": {},
-    "scale": {},
+    "scale": {
+        "type": "scale"
+    },
     "scrollbarColor": {},
     "scrollbarGutter": {
         "type": "list",
@@ -734,7 +794,9 @@
     },
     "textEmphasisPosition": {},
     "textEmphasisStyle": {},
-    "textIndent": {},
+    "textIndent": {
+        "type": "length"
+    },
     "textOrientation": {},
     "textOverflow": {},
     "textRendering": {},
@@ -760,16 +822,22 @@
             "stable"
         ]
     },
-    "top": {},
+    "top": {
+        "type": "length"
+    },
     "touchAction": {},
     "transform": {},
     "transformBox": {},
     "transformOrigin": {},
     "transformStyle": {},
     "transition": {},
-    "transitionDelay": {},
+    "transitionDelay": {
+        "type": "time"
+    },
     "transitionBehavior": {},
-    "transitionDuration": {},
+    "transitionDuration": {
+        "type": "time"
+    },
     "transitionProperty": {},
     "transitionTimingFunction": {},
     "translate": {},
@@ -781,14 +849,20 @@
     "visibility": {},
     "whiteSpace": {},
     "widows": {},
-    "width": {},
+    "width": {
+        "type": "length"
+    },
     "willChange": {},
     "wordBreak": {},
-    "wordSpacing": {},
+    "wordSpacing": {
+        "type": "length"
+    },
     "wordWrap": {},
     "writingMode": {},
     "x": {},
     "y": {},
     "zIndex": {},
-    "zoom": {}
+    "zoom": {
+        "type": "scale"
+    }
 }

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

@@ -23,6 +23,9 @@ export declare class CssPropertiesService extends AbstractCssPropertiesService {
     isHandledElement(designItem: IDesignItem): boolean;
     getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
     getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
+    getPropertyNameSuggestions(designItems: IDesignItem[]): string[];
+    protected _getPropertyType(name: string): string;
+    protected _getPropertyValues(name: string): string[];
     _getPropertyDef(name: string): IProperty;
     getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
 }

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

@@ -119,6 +119,16 @@ export class CssPropertiesService extends AbstractCssPropertiesService {
             return grps;
         }
     }
+    getPropertyNameSuggestions(designItems) {
+        return Object.keys(cssProperties).map(x => PropertiesHelper.camelToDashCase(x));
+    }
+    _getPropertyType(name) {
+        const typeFromJson = cssProperties[name]?.type;
+        return typeFromJson ? 'css-' + typeFromJson : 'string';
+    }
+    _getPropertyValues(name) {
+        return cssProperties[name]?.values;
+    }
     _getPropertyDef(name) {
         const camelName = PropertiesHelper.dashToCamelCase(name);
         switch (camelName) {
@@ -130,8 +140,8 @@ export class CssPropertiesService extends AbstractCssPropertiesService {
                 return this._enrichCssProperty({
                     name,
                     //attributeName: PropertiesHelper.camelToDashCase(name),
-                    type: cssProperties[camelName]?.type ?? 'string',
-                    values: cssProperties[camelName]?.values,
+                    type: this._getPropertyType(camelName),
+                    values: this._getPropertyValues(camelName),
                     service: this,
                     propertyType: PropertyType.cssValue
                 });

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

@@ -1 +1 @@
-{"version":3,"file":"CssPropertiesService.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/services/CssPropertiesService.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CssPropertiesService.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/services/CssPropertiesService.ts"],"names":[],"mappings":"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"}

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

@@ -2,6 +2,7 @@ import { IProperty } from '../IProperty.js';
 import { IDesignItem } from '../../../item/IDesignItem.js';
 import { CommonPropertiesService } from './CommonPropertiesService.js';
 import { IPropertyGroup } from '../IPropertyGroup.js';
+import { RefreshMode } from '../IPropertiesService.js';
 export declare class SVGElementsPropertiesService extends CommonPropertiesService {
     private rectProperties;
     private lineProperties;
@@ -10,6 +11,7 @@ export declare class SVGElementsPropertiesService extends CommonPropertiesServic
     private svgProperties;
     private defaultProperties;
     name: string;
+    getRefreshMode(designItem: IDesignItem): RefreshMode;
     isHandledElement(designItem: IDesignItem): boolean;
     getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
     getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;

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

@@ -1,67 +1,66 @@
 import { CommonPropertiesService } from './CommonPropertiesService.js';
 import { PropertyType } from '../PropertyType.js';
+import { RefreshMode } from '../IPropertiesService.js';
 export class SVGElementsPropertiesService extends CommonPropertiesService {
     rectProperties = [
         {
             name: "x",
-            type: "number",
+            type: "svg-length",
             defaultValue: "0",
             service: this,
-            propertyType: PropertyType.propertyAndAttribute
+            propertyType: PropertyType.attribute
         },
         {
             name: "y",
-            type: "number",
+            type: "svg-length",
             defaultValue: "0",
             service: this,
-            propertyType: PropertyType.propertyAndAttribute
+            propertyType: PropertyType.attribute
         },
         {
             name: "width",
-            type: "number",
+            type: "svg-length",
             defaultValue: "auto",
             service: this,
-            propertyType: PropertyType.propertyAndAttribute
+            propertyType: PropertyType.attribute
         },
         {
             name: "height",
-            type: "number",
+            type: "svg-length",
             defaultValue: "auto",
             service: this,
-            propertyType: PropertyType.propertyAndAttribute
+            propertyType: PropertyType.attribute
         },
         {
             name: "rx",
-            type: "number",
+            type: "svg-length",
             defaultValue: "auto",
             service: this,
-            propertyType: PropertyType.propertyAndAttribute
+            propertyType: PropertyType.attribute
         },
         {
             name: "ry",
-            type: "number",
+            type: "svg-length",
             defaultValue: "auto",
             service: this,
-            propertyType: PropertyType.propertyAndAttribute
+            propertyType: PropertyType.attribute
         },
         {
             name: "pathLength",
-            type: "number",
+            type: "svg-length",
             service: this,
-            propertyType: PropertyType.propertyAndAttribute
+            propertyType: PropertyType.attribute
         },
         {
             name: "fill",
-            type: "list",
-            values: ["transparent", "black", "white", "blue", "green", "red", "yellow", "orange", "brown", "grey"],
+            type: "color",
             defaultValue: "transparent",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "fill-opacity",
-            type: "list",
-            values: ["0.1", "0.2", "0.3", "0.4", "0.5", "0.6", "0.7", "0.8", "0.9", "1"],
+            type: "number",
             defaultValue: "1",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
@@ -70,35 +69,35 @@ export class SVGElementsPropertiesService extends CommonPropertiesService {
     lineProperties = [
         {
             name: "x1",
-            type: "number",
+            type: "svg-length",
             defaultValue: "0",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "y1",
-            type: "number",
+            type: "svg-length",
             defaultValue: "0",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "x2",
-            type: "number",
+            type: "svg-length",
             defaultValue: "0",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "y2",
-            type: "number",
+            type: "svg-length",
             defaultValue: "0",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "pathLength",
-            type: "number",
+            type: "svg-length",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         }
@@ -106,50 +105,48 @@ export class SVGElementsPropertiesService extends CommonPropertiesService {
     ellipseProperties = [
         {
             name: "cx",
-            type: "number",
+            type: "svg-length",
             defaultValue: "0",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "cy",
-            type: "number",
+            type: "svg-length",
             defaultValue: "0",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "rx",
-            type: "number",
+            type: "svg-length",
             defaultValue: "auto",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "ry",
-            type: "number",
+            type: "svg-length",
             defaultValue: "auto",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "pathLength",
-            type: "number",
+            type: "svg-length",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "fill",
-            type: "list",
-            values: ["transparent", "black", "white", "blue", "green", "red", "yellow", "orange", "brown", "grey"],
+            type: "color",
             defaultValue: "transparent",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "fill-opacity",
-            type: "list",
-            values: ["0.1", "0.2", "0.3", "0.4", "0.5", "0.6", "0.7", "0.8", "0.9", "1"],
+            type: "number",
             defaultValue: "1",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
@@ -165,7 +162,7 @@ export class SVGElementsPropertiesService extends CommonPropertiesService {
         },
         {
             name: "pathLength",
-            type: "number",
+            type: "svg-length",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         }
@@ -173,21 +170,21 @@ export class SVGElementsPropertiesService extends CommonPropertiesService {
     svgProperties = [
         {
             name: "width",
-            type: "number",
+            type: "svg-length",
             defaultValue: "auto",
             service: this,
             propertyType: PropertyType.cssValue
         },
         {
             name: "height",
-            type: "number",
+            type: "svg-length",
             defaultValue: "auto",
             service: this,
             propertyType: PropertyType.cssValue
         },
         {
             name: "viewBox",
-            type: "number",
+            type: "string",
             service: this,
             propertyType: PropertyType.cssValue
         }
@@ -195,22 +192,20 @@ export class SVGElementsPropertiesService extends CommonPropertiesService {
     defaultProperties = [
         {
             name: "stroke",
-            type: "list",
-            values: ["black", "white", "blue", "green", "red", "yellow", "orange", "brown", "grey"],
+            type: "color",
             defaultValue: "currentcolor",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "stroke-width",
-            type: "number",
+            type: "svg-length",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
         },
         {
             name: "stroke-opacity",
-            type: "list",
-            values: ["0.1", "0.2", "0.3", "0.4", "0.5", "0.6", "0.7", "0.8", "0.9", "1"],
+            type: "number",
             defaultValue: "1",
             service: this,
             propertyType: PropertyType.propertyAndAttribute
@@ -225,6 +220,9 @@ export class SVGElementsPropertiesService extends CommonPropertiesService {
         }
     ];
     name = "svg";
+    getRefreshMode(designItem) {
+        return RefreshMode.fullOnClassChange;
+    }
     isHandledElement(designItem) {
         switch (designItem.element.localName) {
             case 'rect':

package/dist/elements/services/propertiesService/services/SVGElementsPropertiesService.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGElementsPropertiesService.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/services/SVGElementsPropertiesService.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SVGElementsPropertiesService.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/services/SVGElementsPropertiesService.ts"],"names":[],"mappings":"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"}

package/dist/elements/widgets/designerView/DomConverter.d.ts

@@ -2,6 +2,6 @@ import { IDesignItem } from "../../item/IDesignItem.js";
 export declare class DomConverter {
     static normalizeAttributeValue(value: string | number, useSingleQuotes?: boolean): string;
     static normalizeContentValue(value: string): string;
-    static IsSelfClosingElement(tag: string): tag is "area" | "base" | "br" | "col" | "embed" | "hr" | "img" | "input" | "keygen" | "link" | "meta" | "param" | "source" | "track" | "wbr";
+    static IsSelfClosingElement(tag: string): tag is "input" | "area" | "base" | "br" | "col" | "embed" | "hr" | "img" | "keygen" | "link" | "meta" | "param" | "source" | "track" | "wbr";
     static ConvertToString(designItems: IDesignItem[], beautifyOutput?: boolean, updatePositions?: boolean): string;
 }

package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtension.js

@@ -4,6 +4,7 @@ import { ContextMenu } from '../../../../helper/contextMenu/ContextMenu.js';
 import { OverlayLayer } from '../OverlayLayer.js';
 import { SegmentType } from './geometry/IGeometry.js';
 import { getGeometryReader } from './geometry/GeometryReaderFactory.js';
+import { applyGeometryWritesToDesignItem, applyGeometryWritesToElement } from './geometry/GeometryWriteHelper.js';
 export class UnifiedGeometryExtension extends AbstractExtension {
     _geometry = null;
     _reader;
@@ -647,9 +648,7 @@ export class UnifiedGeometryExtension extends AbstractExtension {
         if (!this._reader || !this._geometry)
             return;
         const attrs = this._reader.serialize(this._geometry);
-        for (const attr of attrs) {
-            this.extendedItem.element.setAttribute(attr.attribute, attr.value);
-        }
+        applyGeometryWritesToElement(this.extendedItem.element, attrs);
     }
     /** Commit geometry change through the designItem undo system.
      *  group.commit() will trigger refreshAllExtensions which redraws overlays. */
@@ -658,9 +657,7 @@ export class UnifiedGeometryExtension extends AbstractExtension {
             return;
         const attrs = this._reader.serialize(this._geometry);
         const group = this.extendedItem.openGroup('editGeometry');
-        for (const attr of attrs) {
-            this.extendedItem.setAttribute(attr.attribute, attr.value);
-        }
+        applyGeometryWritesToDesignItem(this.extendedItem, attrs);
         group.commit();
     }
     // -- Context menu --