support document fragments

jogibear9988 · jogibear9988 · commit 8e625b9b8cf5 · 2024-04-07T10:42:35.000+02:00
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "description": "Base Custom Webcomponent",
   "name": "@node-projects/base-custom-webcomponent",
-  "version": "0.25.10",
+  "version": "0.26.0",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",
diff --git a/src/BaseCustomWebComponent.ts b/src/BaseCustomWebComponent.ts
@@ -462,7 +462,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
             if (firstRun || node[property] !== value) {
                 if (removeAttributes && attribute)
                     (<Element>node).removeAttribute(attribute.name);
-                if (property === 'innerHTML' && value instanceof Element) {
+                if (property === 'innerHTML' && (value instanceof Element || value instanceof DocumentFragment)) {
                     for (let c = node.firstChild; c !== null; c = node.firstChild) {
                         node.removeChild(c);
                     }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"description": "Base Custom Webcomponent",`
`3`	`3`	`"name": "@node-projects/base-custom-webcomponent",`
`4`		`- "version": "0.25.10",`
	`4`	`+ "version": "0.26.0",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"main": "./dist/index.js",`
`7`	`7`	`"author": "",`
Original file line number	Diff line number	Diff line change
`@@ -462,7 +462,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {`
`462`	`462`	`if (firstRun \|\| node[property] !== value) {`
`463`	`463`	`if (removeAttributes && attribute)`
`464`	`464`	`(<Element>node).removeAttribute(attribute.name);`
`465`		`- if (property === 'innerHTML' && value instanceof Element) {`
	`465`	`+ if (property === 'innerHTML' && (value instanceof Element \|\| value instanceof DocumentFragment)) {`
`466`	`466`	`for (let c = node.firstChild; c !== null; c = node.firstChild) {`
`467`	`467`	`node.removeChild(c);`
`468`	`468`	`}`