@node-projects/web-component-designer 0.0.210 → 0.0.212

package/dist/elements/documentContainer.d.ts

@@ -15,6 +15,7 @@ export declare class DocumentContainer extends BaseCustomWebComponentLazyAppend
     demoView: IDemoView & HTMLElement;
     additionalData: any;
     private _firstLoad;
+    private _stylesheetChangedEventRegistered;
     private _additionalStyle;
     set additionalStyleString(style: string);
     get additionalStyleString(): string;

package/dist/elements/documentContainer.js

@@ -8,6 +8,7 @@ export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
     demoView;
     additionalData;
     _firstLoad = true;
+    _stylesheetChangedEventRegistered;
     _additionalStyle;
     set additionalStyleString(style) {
         this._additionalStyle = style;
@@ -21,19 +22,12 @@ export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
     _additionalStylesheets;
     set additionalStylesheets(stylesheets) {
         this._additionalStylesheets = stylesheets;
-        if (!this.instanceServiceContainer.stylesheetService) {
-            const stylesheetService = this.designerView.serviceContainer.getLastService('stylesheetService');
-            if (stylesheetService) {
-                const instance = stylesheetService(this.designerView.designerCanvas);
-                this.instanceServiceContainer.register("stylesheetService", instance);
-                instance.stylesheetChanged.on(e => this.additionalStylesheetChanged.emit({ name: e.name, newStyle: e.newStyle, oldStyle: e.oldStyle, changeSource: e.changeSource }));
-            }
-            else {
-                console.warn("no Stylesheet-Service registered, but additionalStylesheets are used.");
-            }
-        }
         if (this.designerView.instanceServiceContainer.stylesheetService)
             this.designerView.instanceServiceContainer.stylesheetService.setStylesheets(stylesheets);
+        if (!this._stylesheetChangedEventRegistered) {
+            this._stylesheetChangedEventRegistered = true;
+            this.designerView.instanceServiceContainer.stylesheetService.stylesheetChanged.on(e => this.additionalStylesheetChanged.emit({ name: e.name, newStyle: e.newStyle, oldStyle: e.oldStyle, changeSource: e.changeSource }));
+        }
     }
     ;
     get additionalStylesheets() {
@@ -150,6 +144,7 @@ export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
     }
     dispose() {
         this.codeView.dispose();
+        this.demoView.dispose();
     }
     executeCommand(command) {
         if (this._tabControl.selectedIndex === 0 || this._tabControl.selectedIndex === 2)

package/dist/elements/helper/ElementHelper.d.ts

@@ -1,4 +1,4 @@
-import { IPoint } from "../../interfaces/IPoint";
+import { IPoint } from '../../interfaces/IPoint.js';
 export declare function newElementFromString(text: any): Element;
 export declare enum ElementDisplayType {
     none = 0,

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

@@ -1,6 +1,6 @@
 import { TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { IDesignItem } from "../../item/IDesignItem";
-import { IDocumentStylesheet, IStyleDeclaration, IStyleRule, IStylesheet, IStylesheetService } from "./IStylesheetService";
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { IDocumentStylesheet, IStyleDeclaration, IStyleRule, IStylesheet, IStylesheetService } from './IStylesheetService.js';
 export declare abstract class AbstractStylesheetService implements IStylesheetService {
     protected _stylesheets: Map<string, {
         stylesheet: IStylesheet;

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

@@ -1,5 +1,5 @@
 import { TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { DesignerCanvas } from "../../widgets/designerView/designerCanvas";
+import { DesignerCanvas } from '../../widgets/designerView/designerCanvas.js';
 export class AbstractStylesheetService {
     _stylesheets = new Map();
     _documentStylesheets = new Map();

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

@@ -433,21 +433,21 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
         const contentService = this.serviceContainer.getLastService('contentService');
         if (contentService)
             this.instanceServiceContainer.register("contentService", contentService(this));
-        this.instanceServiceContainer.servicesChanged.on(e => {
-            if (e.serviceName == 'stylesheetService') {
+        const stylesheetService = this.serviceContainer.getLastService('stylesheetService');
+        if (stylesheetService) {
+            const instance = stylesheetService(this);
+            this.instanceServiceContainer.register("stylesheetService", instance);
+            this.instanceServiceContainer.stylesheetService.stylesheetChanged.on((ss) => {
+                if (ss.changeSource == 'extern') {
+                    const ssca = new StylesheetChangedAction(this.instanceServiceContainer.stylesheetService, ss.name, ss.newStyle, ss.oldStyle);
+                    this.instanceServiceContainer.undoService.execute(ssca);
+                }
                 this.applyAllStyles();
-                this.instanceServiceContainer.stylesheetService.stylesheetChanged.on((ss) => {
-                    if (ss.changeSource == 'extern') {
-                        const ssca = new StylesheetChangedAction(this.instanceServiceContainer.stylesheetService, ss.name, ss.newStyle, ss.oldStyle);
-                        this.instanceServiceContainer.undoService.execute(ssca);
-                    }
-                    this.applyAllStyles();
-                });
-                this.instanceServiceContainer.stylesheetService.stylesheetsChanged.on(() => {
-                    this.applyAllStyles();
-                });
-            }
-        });
+            });
+            this.instanceServiceContainer.stylesheetService.stylesheetsChanged.on(() => {
+                this.applyAllStyles();
+            });
+        }
         this.extensionManager = new ExtensionManager(this);
         this.overlayLayer = new OverlayLayerView(serviceContainer);
         this.overlayLayer.style.pointerEvents = 'none';

package/dist/index.d.ts

@@ -206,7 +206,7 @@ export * from "./elements/widgets/designerView/extensions/buttons/GridExtensionD
 export * from "./elements/widgets/designerView/extensions/buttons/AbstractDesignViewConfigButton.js";
 export * from "./elements/widgets/designerView/extensions/buttons/ButtonSeperatorProvider.js";
 export * from "./elements/widgets/designerView/extensions/buttons/StylesheetServiceDesignViewConfigButtons.js";
-export type { IDesignViewConfigButtonsProvider } from "./elements/widgets/designerView/extensions/buttons/IDesignViewConfigButtonsProvider";
+export type { IDesignViewConfigButtonsProvider } from './elements/widgets/designerView/extensions/buttons/IDesignViewConfigButtonsProvider.js';
 export * from "./elements/widgets/designerView/extensions/EditText/EditTextExtension.js";
 export * from "./elements/widgets/designerView/extensions/EditText/EditTextExtensionProvider.js";
 export * from "./elements/widgets/designerView/extensions/EditText/EditTextWithStyloExtension.js";

package/package.json

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