@node-projects/web-component-designer 0.1.102 → 0.1.103

package/dist/elements/documentContainer.d.ts

@@ -50,5 +50,6 @@ export declare class DocumentContainer extends BaseCustomWebComponentLazyAppend
     set content(value: string);
     get content(): string;
     ready(): void;
+    private updateDesignerHtml;
     get instanceServiceContainer(): InstanceServiceContainer;
 }

package/dist/elements/documentContainer.js

@@ -109,7 +109,7 @@ export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
         });
     }
     async refreshInSplitView() {
-        await this.designerView.parseHTML(this._content);
+        await this.updateDesignerHtml();
         this._disableChangeNotificationEditor = false;
     }
     designerSelectionChanged(e) {
@@ -177,7 +177,7 @@ export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
         this._content = value;
         if (this._tabControl) {
             if (this._tabControl.selectedIndex === 0)
-                this.designerView.parseHTML(this._content, this._firstLoad);
+                this.updateDesignerHtml();
             else if (this._tabControl.selectedIndex === 1)
                 this.codeView.update(this._content, this.designerView.instanceServiceContainer);
             else if (this._tabControl.selectedIndex === 2) {
@@ -213,7 +213,7 @@ export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
                 this._codeDiv.appendChild(this.codeView);
             }
             if (i.newIndex === 0 || i.newIndex === 2)
-                this.designerView.parseHTML(this._content, this._firstLoad);
+                this.updateDesignerHtml();
             if (i.newIndex === 1 || i.newIndex === 2) {
                 this.codeView.update(this._content, this.designerView.instanceServiceContainer);
                 if (this._selectionPosition) {
@@ -244,6 +244,19 @@ export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
             this._firstLoad = false;
         }
     }
+    async updateDesignerHtml() {
+        if (this._firstLoad)
+            return this.designerView.parseHTML(this._content, this._firstLoad);
+        else {
+            const html = this.designerView.getHTML();
+            if (html != this._content)
+                return this.designerView.parseHTML(this._content, this._firstLoad);
+            else {
+                this.instanceServiceContainer.undoService.clearTransactionstackIfNotEmpty();
+                this.designerView.designerCanvas.extensionManager.refreshAllAppliedExtentions();
+            }
+        }
+    }
     get instanceServiceContainer() {
         return this.designerView.instanceServiceContainer;
     }

package/dist/elements/services/htmlParserService/DefaultHtmlParserService.js

@@ -2,8 +2,11 @@ import { DesignItem } from '../../item/DesignItem.js';
 export class DefaultHtmlParserService {
     async parse(html, serviceContainer, instanceServiceContainer, parseSnippet) {
         const parser = new DOMParser();
-        const doc = parser.parseFromString(html, 'text/html');
-        return this.createDesignItems(doc.body.childNodes, serviceContainer, instanceServiceContainer);
+        //@ts-ignore
+        const doc = parser.parseFromString(html, 'text/html', { includeShadowRoots: true });
+        const headNodes = this.createDesignItems(doc.head.childNodes, serviceContainer, instanceServiceContainer);
+        const bodyNodes = this.createDesignItems(doc.body.childNodes, serviceContainer, instanceServiceContainer);
+        return [...headNodes, ...bodyNodes];
     }
     createDesignItems(elements, serviceContainer, instanceServiceContainer) {
         let res = [];

package/dist/elements/services/instanceService/DefaultInstanceService.js

@@ -58,7 +58,11 @@ export class DefaultInstanceService {
         }
         if (definition.defaultContent) {
             if (typeof definition.defaultContent === "string") {
-                element.innerHTML = definition.defaultContent;
+                const parser = new DOMParser();
+                //@ts-ignore
+                const doc = parser.parseFromString(definition.defaultContent, 'text/html', { includeShadowRoots: true });
+                element.append(...doc.head.childNodes);
+                element.append(...doc.body.childNodes);
             }
             else {
                 element.appendChild(definition.defaultContent);

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.1.102",
+  "version": "0.1.103",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",