@node-projects/web-component-designer 0.0.203 → 0.0.204

package/dist/elements/item/DesignItem.js

@@ -373,10 +373,13 @@ export class DesignItem {
             return [];
         const localStyles = [...this._styles.entries()].map(x => ({ name: x[0], value: x[1], important: false, parent: null }));
         if (this.instanceServiceContainer.stylesheetService) {
-            const rules = this.instanceServiceContainer.stylesheetService?.getAppliedRules(this);
-            if (rules) {
-                return [{ selector: null, declarations: localStyles, specificity: -1 }, ...rules];
+            try {
+                const rules = this.instanceServiceContainer.stylesheetService?.getAppliedRules(this);
+                if (rules) {
+                    return [{ selector: null, declarations: localStyles, specificity: -1 }, ...rules];
+                }
             }
+            catch (err) { }
         }
         return [{ selector: null, declarations: localStyles, specificity: -1 }];
     }

package/dist/elements/services/DefaultServiceBootstrap.js

@@ -102,7 +102,7 @@ export function createDefaultServiceContainer() {
     serviceContainer.register("modelCommandService", new DefaultModelCommandService());
     serviceContainer.register("demoProviderService", new DemoProviderService());
     serviceContainer.register("undoService", (designerCanvas) => new UndoService(designerCanvas));
-    serviceContainer.register("selectionService", (designerCanvas) => new SelectionService(designerCanvas));
+    serviceContainer.register("selectionService", (designerCanvas) => new SelectionService(designerCanvas, false));
     serviceContainer.register("contentService", (designerCanvas) => new ContentService(designerCanvas.rootDesignItem));
     //serviceContainer.register("stylesheetService", new DemoProviderService());
     serviceContainer.designerExtensions.set(ExtensionType.Permanent, [

package/dist/elements/services/selectionService/SelectionService.d.ts

@@ -7,7 +7,8 @@ export declare class SelectionService implements ISelectionService {
     primarySelection: IDesignItem;
     selectedElements: IDesignItem[];
     _designerCanvas: IDesignerCanvas;
-    constructor(designerCanvas: IDesignerCanvas);
+    _undoSelectionChanges: boolean;
+    constructor(designerCanvas: IDesignerCanvas, undoSelectionChanges: boolean);
     setSelectedElements(designItems: IDesignItem[]): void;
     _withoutUndoSetSelectedElements(designItems: IDesignItem[]): void;
     clearSelectedElements(): void;

package/dist/elements/services/selectionService/SelectionService.js

@@ -4,13 +4,20 @@ export class SelectionService {
     primarySelection;
     selectedElements = [];
     _designerCanvas;
-    constructor(designerCanvas) {
+    _undoSelectionChanges;
+    constructor(designerCanvas, undoSelectionChanges) {
         this._designerCanvas = designerCanvas;
+        this._undoSelectionChanges = undoSelectionChanges;
     }
     setSelectedElements(designItems) {
         if (this.selectedElements != designItems) {
-            const action = new SelectionChangedAction(this.selectedElements, designItems, this);
-            this._designerCanvas.instanceServiceContainer.undoService.execute(action);
+            if (this._undoSelectionChanges) {
+                const action = new SelectionChangedAction(this.selectedElements, designItems, this);
+                this._designerCanvas.instanceServiceContainer.undoService.execute(action);
+            }
+            else {
+                this._withoutUndoSetSelectedElements(designItems);
+            }
         }
     }
     _withoutUndoSetSelectedElements(designItems) {

package/dist/elements/services/stylesheetService/CssToolsStylesheetService.d.ts

@@ -1,9 +1,7 @@
 import { IDesignItem } from "../../item/IDesignItem.js";
 import { IStyleDeclaration, IStyleRule, IStylesheet } from "./IStylesheetService.js";
 import { AbstractStylesheetService } from "./AbstractStylesheetService.js";
-type CssRuleAST = any;
-type CssDeclarationAST = any;
-type CssStylesheetAST = any;
+import type { CssDeclarationAST, CssRuleAST, CssStylesheetAST } from "@adobe/css-tools";
 interface IRuleWithAST extends IStyleRule {
     ast: CssRuleAST;
     declarations: IDeclarationWithAST[];

package/dist/elements/services/stylesheetService/CssToolsStylesheetService.js

@@ -39,7 +39,7 @@ export class CssToolsStylesheetService extends AbstractStylesheetService {
             let rs = Array.from(this.getRulesFromAst(item[1].ast?.stylesheet?.rules, item[1].stylesheet, designItem))
                 .map(x => ({
                 selector: x.selectors.join(', '),
-                declarations: x.declarations.map(y => ({
+                declarations: x.declarations.filter(y => y.type == 'declaration').map(y => ({
                     name: y.property,
                     value: y.value.endsWith('!important') ? y.value.substring(0, y.value.length - 10).trimEnd() : y.value,
                     important: y.value.endsWith('!important'),

package/dist/elements/widgets/designerView/designerCanvas.js

@@ -689,8 +689,11 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
                 di.setStyle('position', 'absolute');
                 const containerService = this.serviceContainer.getLastServiceWhere('containerService', x => x.serviceForContainer(newContainer, getComputedStyle(newContainer.element)));
                 containerService.enterContainer(newContainer, [di]);
-                containerService.place(event, this, newContainer, { x: 0, y: 0 }, { x: 0, y: 0 }, this.getNormalizedEventCoordinates(event), [di]);
-                containerService.finishPlace(event, this, newContainer, { x: 0, y: 0 }, { x: 0, y: 0 }, this.getNormalizedEventCoordinates(event), [di]);
+                const containerPos = this.getNormalizedElementCoordinates(newContainer.element);
+                const evCoord = this.getNormalizedEventCoordinates(event);
+                const pos = { x: evCoord.x - containerPos.x, y: evCoord.y - containerPos.y };
+                containerService.place(event, this, newContainer, { x: 0, y: 0 }, { x: 0, y: 0 }, pos, [di]);
+                containerService.finishPlace(event, this, newContainer, { x: 0, y: 0 }, { x: 0, y: 0 }, pos, [di]);
                 this.instanceServiceContainer.undoService.execute(new InsertAction(newContainer, newContainer.childCount, di));
                 requestAnimationFrame(() => {
                     this.instanceServiceContainer.selectionService.setSelectedElements([di]);

package/package.json

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