@node-projects/web-component-designer 0.1.175 → 0.1.176

package/dist/elements/documentContainer.js

@@ -232,20 +232,24 @@ export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
     }
     ready() {
         this._tabControl.onSelectedTabChanged.on(i => {
-            if (i.oldIndex === 0) {
+            if (i.oldIndex === tabIndex.designer) {
                 let primarySelection = this.instanceServiceContainer.selectionService.primarySelection;
                 this._content = this.designerView.getHTML();
                 if (this.designerView.instanceServiceContainer.designItemDocumentPositionService) {
                     this._selectionPosition = this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(primarySelection);
                 }
             }
-            else if (i.oldIndex === 1) {
+            else if (i.oldIndex === tabIndex.code) {
                 this._content = this.codeView.getText();
             }
-            else if (i.oldIndex === 2) {
+            else if (i.oldIndex === tabIndex.split) {
                 this._designerDiv.appendChild(this.designerView);
                 this._codeDiv.appendChild(this.codeView);
             }
+            else if (i.oldIndex === tabIndex.preview) {
+                if (this.demoView?.stopDisplay)
+                    this.demoView.stopDisplay();
+            }
             if (i.newIndex === tabIndex.designer || i.newIndex === tabIndex.split)
                 this.updateDesignerHtml();
             if (i.newIndex === tabIndex.code || i.newIndex === tabIndex.split) {

package/dist/elements/item/DesignItem.d.ts

@@ -24,7 +24,7 @@ export declare class DesignItem implements IDesignItem {
     nodeReplaced: TypedEvent<void>;
     get window(): Window & typeof globalThis;
     get document(): Document;
-    get usableContainer(): Element | Document | ShadowRoot;
+    get usableContainer(): Element | ShadowRoot | Document;
     clone(): Promise<IDesignItem>;
     allMatching(selectors: string): Generator<IDesignItem, void, undefined>;
     replaceNode(newNode: Node): void;

package/dist/elements/widgets/demoView/IDemoView.d.ts

@@ -4,4 +4,5 @@ import { InstanceServiceContainer } from '../../services/InstanceServiceContaine
 import { ServiceContainer } from '../../services/ServiceContainer.js';
 export interface IDemoView extends IUiCommandHandler, IDisposable, HTMLElement {
     display(serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, code: string, style: string): any;
+    stopDisplay?: () => void;
 }

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

@@ -666,7 +666,9 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
                     const ssca = new StylesheetChangedAction(this.instanceServiceContainer.stylesheetService, ss.name, ss.newStyle, ss.oldStyle);
                     this.instanceServiceContainer.undoService.execute(ssca);
                 }
-                this.applyAllStyles();
+                else {
+                    this.applyAllStyles();
+                }
             });
             this.instanceServiceContainer.stylesheetService.stylesheetsChanged.on(() => {
                 this.applyAllStyles();

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A WYSIWYG designer webcomponent for html components",
   "name": "@node-projects/web-component-designer",
-  "version": "0.1.175",
+  "version": "0.1.176",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",