@schukai/monster 1.15.0 → 1.15.2

package/source/dom/customelement.js

@@ -1,22 +1,22 @@
 'use strict';
 
+import {PROPERTY_KEY_INTERNALDATA} from "../constants.js";
+import {extend} from "../data/extend.js";
+import {Pathfinder} from "../data/pathfinder.js";
 /**
  * @author schukai GmbH
  */
-import {Monster, assignToNamespace} from '../namespace.js';
+import {assignToNamespace, Monster} from '../namespace.js';
+import {getGlobalObject} from "../types/global.js";
+import {isString} from "../types/is.js";
 import {Observer} from "../types/observer.js";
 import {ProxyObserver} from "../types/proxyobserver.js";
-import { Updater} from "./updater.js";
-import {extend} from "../data/extend.js";
+import {validateFunction, validateObject} from "../types/validate.js";
 import {clone} from "../util/clone.js";
-import {Pathfinder} from "../data/pathfinder.js";
+import {addToObjectLink, getLinkedObjects, hasObjectLink} from "./attributes.js";
 import {ATTRIBUTE_OPTIONS, OBJECTLINK_KEY_UPDATER} from "./constants.js";
 import {findDocumentTemplate, Template} from "./template.js";
-import {addToObjectLink, getLinkedObjects, hasObjectLink} from "./attributes.js";
-import {getGlobalObject} from "../types/global.js";
-import {validateFunction, validateObject} from "../types/validate.js";
-import {isString} from "../types/is.js";
-import {PROPERTY_KEY_INTERNALDATA} from "../constants.js";
+import {Updater} from "./updater.js";
 
 /**
  * @private
@@ -50,7 +50,7 @@ const assembleMethodSymbol = Symbol('assembleMethodSymbol');
  *
  * ```
  * <script type="module">
- * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/customelement.js';
+ * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/customelement.js';
  * console.log(new Monster.DOM.CustomElement())
  * </script>
  * ```
@@ -59,7 +59,7 @@ const assembleMethodSymbol = Symbol('assembleMethodSymbol');
  *
  * ```
  * <script type="module">
- * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/customelement.js';
+ * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/customelement.js';
  * console.log(new CustomElement())
  * </script>
  * ```
@@ -163,33 +163,13 @@ class CustomElement extends HTMLElement {
     }
 
     /**
-     * attach a new observer
-     *
-     * @param {Observer} observer
-     * @returns {CustomElement}
-     */
-    attachObserver(observer) {
-        this[internalDataSymbol].attachObserver(observer)
-        return this;
-    }
-
-    /**
-     * detach a observer
+     * This method determines which attributes are to be monitored by `attributeChangedCallback()`.
      *
-     * @param {Observer} observer
-     * @returns {CustomElement}
-     */
-    detachObserver(observer) {
-        this[internalDataSymbol].detachObserver(observer)
-        return this;
-    }
-
-    /**
-     * @param {Observer} observer
-     * @returns {ProxyObserver}
+     * @return {string[]}
+     * @since 1.15.0
      */
-    containsObserver(observer) {
-        return this[internalDataSymbol].containsObserver(observer)
+    static get observedAttributes() {
+        return [ATTRIBUTE_OPTIONS];
     }
 
     /**
@@ -223,6 +203,75 @@ class CustomElement extends HTMLElement {
         };
     }
 
+    /**
+     * There is no check on the name by this class. the developer is responsible for assigning an appropriate tag.
+     * if the name is not valid, registerCustomElement() will issue an error
+     *
+     * @link https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name
+     * @return {string}
+     * @throws {Error} the method getTag must be overwritten by the derived class.
+     * @since 1.7.0
+     */
+    static getTag() {
+        throw new Error("the method getTag must be overwritten by the derived class.");
+    }
+
+    /**
+     * At this point a `CSSStyleSheet` object can be returned. If the environment does not
+     * support a constructor, then an object can also be built using the following detour.
+     *
+     * If `undefined` is returned then the shadowRoot does not get a stylesheet.
+     *
+     * ```
+     * const doc = document.implementation.createHTMLDocument('title');
+     *
+     * let style = doc.createElement("style");
+     * style.innerHTML="p{color:red;}";
+     *
+     * // WebKit Hack
+     * style.appendChild(document.createTextNode(""));
+     * // Add the <style> element to the page
+     * doc.head.appendChild(style);
+     * return doc.styleSheets[0];
+     * ;
+     * ```
+     *
+     * @return {CSSStyleSheet|undefined}
+     */
+    static getCSSStyleSheet() {
+        return undefined;
+    }
+
+    /**
+     * attach a new observer
+     *
+     * @param {Observer} observer
+     * @returns {CustomElement}
+     */
+    attachObserver(observer) {
+        this[internalDataSymbol].attachObserver(observer)
+        return this;
+    }
+
+    /**
+     * detach a observer
+     *
+     * @param {Observer} observer
+     * @returns {CustomElement}
+     */
+    detachObserver(observer) {
+        this[internalDataSymbol].detachObserver(observer)
+        return this;
+    }
+
+    /**
+     * @param {Observer} observer
+     * @returns {ProxyObserver}
+     */
+    containsObserver(observer) {
+        return this[internalDataSymbol].containsObserver(observer)
+    }
+
     /**
      * nested options can be specified by path `a.b.c`
      *
@@ -272,7 +321,7 @@ class CustomElement extends HTMLElement {
         const self = this;
         extend(self[internalDataSymbol].getSubject()['options'], self.defaults, options);
         //this[internalDataSymbol].notifyObservers();
-        
+
         return self;
     }
 
@@ -364,16 +413,6 @@ class CustomElement extends HTMLElement {
 
     }
 
-    /**
-     * This method determines which attributes are to be monitored by `attributeChangedCallback()`.
-     *
-     * @return {string[]}
-     * @since 1.15.0
-     */
-    static get observedAttributes() {
-        return [ATTRIBUTE_OPTIONS];
-    }
-
     /**
      * Called when an observed attribute has been added, removed, updated, or replaced. Also called for initial
      * values when an element is created by the parser, or upgraded. Note: only attributes listed in the observedAttributes
@@ -394,45 +433,6 @@ class CustomElement extends HTMLElement {
 
     }
 
-    /**
-     * There is no check on the name by this class. the developer is responsible for assigning an appropriate tag.
-     * if the name is not valid, registerCustomElement() will issue an error
-     *
-     * @link https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name
-     * @return {string}
-     * @throws {Error} the method getTag must be overwritten by the derived class.
-     * @since 1.7.0
-     */
-    static getTag() {
-        throw new Error("the method getTag must be overwritten by the derived class.");
-    }
-
-    /**
-     * At this point a `CSSStyleSheet` object can be returned. If the environment does not
-     * support a constructor, then an object can also be built using the following detour.
-     *
-     * If `undefined` is returned then the shadowRoot does not get a stylesheet.
-     *
-     * ```
-     * const doc = document.implementation.createHTMLDocument('title');
-     *
-     * let style = doc.createElement("style");
-     * style.innerHTML="p{color:red;}";
-     *
-     * // WebKit Hack
-     * style.appendChild(document.createTextNode(""));
-     * // Add the <style> element to the page
-     * doc.head.appendChild(style);
-     * return doc.styleSheets[0];
-     * ;
-     * ```
-     *
-     * @return {CSSStyleSheet|undefined}
-     */
-    static getCSSStyleSheet() {
-        return undefined;
-    }
-
 }
 
 /**
@@ -448,7 +448,7 @@ function initOptionObserver() {
         if (!hasObjectLink(self, Symbol.for(OBJECTLINK_KEY_UPDATER))) {
             return;
         }
-                // inform every element
+        // inform every element
         const updaters = getLinkedObjects(self, Symbol.for(OBJECTLINK_KEY_UPDATER));
 
         for (const list of updaters) {

package/source/dom/events.js

@@ -3,7 +3,7 @@
 /**
  * @author schukai GmbH
  */
-import {Monster, assignToNamespace} from '../namespace.js';
+import {assignToNamespace, Monster} from '../namespace.js';
 import {validateInstance, validateString} from "../types/validate.js";
 import {findClosestByAttribute} from "./attributes.js";
 import {getDocument} from "./util.js";
@@ -13,7 +13,7 @@ import {getDocument} from "./util.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/events.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/events.js';
  * console.log(new Monster.DOM.fireEvent())
  * </script>
  * ```
@@ -22,7 +22,7 @@ import {getDocument} from "./util.js";
  *
  * ```
  * <script type="module">
- * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/events.js';
+ * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/events.js';
  * console.log(fireEvent())
  * </script>
  * ```
@@ -64,14 +64,14 @@ function fireEvent(element, type) {
 }
 
 /**
- * This function gets the path `Event.composedPath()` from an event and tries to find the next element 
+ * This function gets the path `Event.composedPath()` from an event and tries to find the next element
  * up the tree `element.closest()` with the attribute and value. If no value is specified, only the attribute is searched.
  *
  * You can call the function via the monster namespace `new Monster.DOM.findTargetElementFromEvent()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/events.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/events.js';
  * console.log(new Monster.DOM.findTargetElementFromEvent())
  * </script>
  * ```
@@ -80,11 +80,11 @@ function fireEvent(element, type) {
  *
  * ```
  * <script type="module">
- * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/events.js';
+ * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/events.js';
  * console.log(findTargetElementFromEvent())
  * </script>
  * ```
- * 
+ *
  * @since 1.14.0
  * @param {Event} event
  * @param {string} attributeName

package/source/dom/locale.js

@@ -1,10 +1,10 @@
 'use strict';
 
+import {parseLocale} from "../i18n/locale.js";
 /**
  * @author schukai GmbH
  */
-import {Monster, assignToNamespace} from '../namespace.js';
-import { parseLocale} from "../i18n/locale.js";
+import {assignToNamespace, Monster} from '../namespace.js';
 import {getDocument} from "./util.js";
 
 /**
@@ -20,7 +20,7 @@ const DEFAULT_LANGUAGE = 'en';
  *
  * ```
  * <script type="module">
- * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/locale.js';
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/locale.js';
  * console.log(new Monster.DOM.getLocaleOfDocument())
  * </script>
  * ```
@@ -29,7 +29,7 @@ const DEFAULT_LANGUAGE = 'en';
  *
  * ```
  * <script type="module">
- * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/locale.js';
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/locale.js';
  * console.log(new getLocaleOfDocument())
  * </script>
  * ```

package/source/dom/namespace.js

@@ -2,7 +2,7 @@
 
 /**
  * In this namespace you will find classes and methods for handling the DOM.
- * 
+ *
  * @namespace Monster/DOM
  * @author schukai GmbH
  */
@@ -11,4 +11,4 @@
  * @private
  * @type {string}
  */
-const namespace="Monster.DOM";
+const namespace = "Monster.DOM";

package/source/dom/template.js

@@ -3,11 +3,10 @@
 /**
  * @author schukai GmbH
  */
-import {Monster, assignToNamespace} from '../namespace.js';
-import { Base} from '../types/base.js';
-import {validateString} from "../types/validate.js";
+import {assignToNamespace, Monster} from '../namespace.js';
+import {Base} from '../types/base.js';
 import {getGlobalFunction, getGlobalObject} from '../types/global.js';
-import {validateInstance} from "../types/validate.js";
+import {validateInstance, validateString} from "../types/validate.js";
 import {getDocumentTheme} from "./theme.js";
 
 /**
@@ -15,7 +14,7 @@ import {getDocumentTheme} from "./theme.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/template.js';
  * console.log(new Monster.DOM.Template())
  * </script>
  * ```
@@ -24,7 +23,7 @@ import {getDocumentTheme} from "./theme.js";
  *
  * ```
  * <script type="module">
- * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/template.js';
+ * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/template.js';
  * console.log(new Template())
  * </script>
  * ```
@@ -74,7 +73,7 @@ class Template extends Base {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/template.js';
  * console.log(Monster.DOM.findDocumentTemplate())
  * </script>
  * ```
@@ -83,13 +82,13 @@ class Template extends Base {
  *
  * ```
  * <script type="module">
- * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/template.js';
+ * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/template.js';
  * console.log(findDocumentTemplate())
  * </script>
  * ```
  *
  * @param {string} id
- * @param {Node} root
+ * @param {Node} currentNode
  * @return {Template}
  * @since 1.7.0
  * @copyright schukai GmbH
@@ -97,29 +96,35 @@ class Template extends Base {
  * @throws {Error} template id not found.
  * @throws {TypeError} value is not a string
  */
-function findDocumentTemplate(id, root) {
+function findDocumentTemplate(id, currentNode) {
     validateString(id);
-    
-    if (!(root instanceof Node)) {
-        root = getGlobalObject('document');
+
+    if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
+        if (currentNode instanceof Node) {
+            currentNode = currentNode.ownerDocument;
+        }
+
+        if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
+            currentNode = getGlobalObject('document');
+        }
     }
-    
+
     const HTMLTemplateElement = getGlobalFunction('HTMLTemplateElement');
 
     let theme = getDocumentTheme()
     let themedID = id + '-' + theme.getName();
 
-    let template = root.getElementById(themedID);
+    let template = currentNode.getElementById(themedID);
     if (template instanceof HTMLTemplateElement) {
         return new Template(template);
     }
 
-    template = root.getElementById(id);
+    template = currentNode.getElementById(id);
     if (template instanceof HTMLTemplateElement) {
         return new Template(template);
     }
-    
-    if(root!==getGlobalObject('document')) {
+
+    if (currentNode !== getGlobalObject('document')) {
         return findDocumentTemplate(id)
     }
 

package/source/dom/theme.js

@@ -3,20 +3,19 @@
 /**
  * @author schukai GmbH
  */
-import {Monster, assignToNamespace} from '../namespace.js';
-import { Base} from '../types/base.js';
-import {validateString} from "../types/validate.js";
+import {assignToNamespace, Monster} from '../namespace.js';
+import {Base} from '../types/base.js';
 import {getGlobalObject} from '../types/global.js';
+import {validateString} from "../types/validate.js";
 import {ATTRIBUTE_THEME_NAME, DEFAULT_THEME} from "./constants.js";
 
 
-
 /**
  * You can call the method via the monster namespace `new Monster.DOM.Theme()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/theme.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/theme.js';
  * console.log(new Monster.DOM.Theme())
  * </script>
  * ```
@@ -25,14 +24,14 @@ import {ATTRIBUTE_THEME_NAME, DEFAULT_THEME} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/theme.js';
+ * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/theme.js';
  * console.log(new Theme())
  * </script>
  * ```
- * 
+ *
  * @example
  *
- * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/theme.js';
+ * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/theme.js';
  *
  * const theme = getDocumentTheme();
  * console.log(theme.getName());

package/source/dom/updater.js

@@ -1,26 +1,26 @@
 'use strict';
 
-/**
- * @author schukai GmbH
- */
-import {Monster, assignToNamespace} from '../namespace.js';
+import {Diff} from "../data/diff.js";
 import {Pathfinder} from "../data/pathfinder.js";
 import {Pipe} from "../data/pipe.js";
-import {Base} from "../types/base.js";
-import {isInstance, isArray, isIterable} from "../types/is.js";
-import {Observer} from "../types/observer.js";
-import {ProxyObserver} from "../types/proxyobserver.js";
-import {validateInstance, validateArray} from "../types/validate.js";
-import {clone} from "../util/clone.js";
-import {Diff} from "../data/diff.js";
 import {
-    ATTRIBUTE_UPDATER_REPLACE,
     ATTRIBUTE_UPDATER_ATTRIBUTES,
+    ATTRIBUTE_UPDATER_BIND,
     ATTRIBUTE_UPDATER_INSERT,
-    ATTRIBUTE_UPDATER_REMOVE,
     ATTRIBUTE_UPDATER_INSERT_REFERENCE,
-    ATTRIBUTE_UPDATER_BIND
+    ATTRIBUTE_UPDATER_REMOVE,
+    ATTRIBUTE_UPDATER_REPLACE
 } from "../dom/constants.js";
+/**
+ * @author schukai GmbH
+ */
+import {assignToNamespace, Monster} from '../namespace.js';
+import {Base} from "../types/base.js";
+import {isArray, isInstance, isIterable} from "../types/is.js";
+import {Observer} from "../types/observer.js";
+import {ProxyObserver} from "../types/proxyobserver.js";
+import {validateArray, validateInstance} from "../types/validate.js";
+import {clone} from "../util/clone.js";
 import {findDocumentTemplate} from "./template.js";
 import {getDocument} from "./util.js";
 
@@ -34,7 +34,7 @@ import {getDocument} from "./util.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/updater.js';
  * console.log(new Monster.DOM.Updater())
  * </script>
  * ```
@@ -43,14 +43,14 @@ import {getDocument} from "./util.js";
  *
  * ```
  * <script type="module">
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/updater.js';
  * console.log(new Updater())
  * </script>
  * ```
  *
  * @example
  *
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/updater.js';
  *
  * // First we prepare the html document.
  * // This is done here via script, but can also be inserted into the document as pure html.
@@ -492,12 +492,7 @@ function insertElement(change) {
  */
 function appendNewDocumentFragment(container, key, ref, path) {
 
-    let rootNode = container.getRootNode();
-    if (!rootNode) {
-        rootNode = getDocument();
-    }
-
-    let template = findDocumentTemplate(key, rootNode);
+    let template = findDocumentTemplate(key, container);
 
     let nodes = template.createDocumentFragment();
     for (const [, node] of Object.entries(nodes.childNodes)) {

package/source/dom/util.js

@@ -3,8 +3,8 @@
 /**
  * @author schukai GmbH
  */
-import {Monster, assignToNamespace} from '../namespace.js';
-import { getGlobal} from "../types/global.js";
+import {assignToNamespace, Monster} from '../namespace.js';
+import {getGlobal} from "../types/global.js";
 import {validateString} from "../types/validate.js";
 
 
@@ -13,7 +13,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/util.js';
  * console.log(Monster.DOM.getDocument())
  * </script>
  * ```
@@ -22,7 +22,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/util.js';
+ * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/util.js';
  * console.log(getDocument())
  * </script>
  * ```
@@ -62,7 +62,7 @@ import {validateString} from "../types/validate.js";
  */
 function getDocument() {
     let document = getGlobal()?.['document'];
-    if (typeof document !== 'object') { 
+    if (typeof document !== 'object') {
         throw new Error("not supported environment")
     }
 
@@ -74,7 +74,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/util.js';
  * console.log(Monster.DOM.getWindow())
  * </script>
  * ```
@@ -83,7 +83,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/util.js';
+ * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/util.js';
  * console.log(getWindow(null))
  * </script>
  * ```
@@ -140,7 +140,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/util.js';
  * console.log(Monster.DOM.getDocumentFragmentFromString())
  * </script>
  * ```
@@ -149,7 +149,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/util.js';
+ * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.2/dist/modules/dom/util.js';
  * console.log(getDocumentFragmentFromString('<div></div>'))
  * </script>
  * ```
@@ -194,7 +194,7 @@ function getDocumentFragmentFromString(html) {
     const document = getDocument();
     const template = document.createElement('template');
     template.innerHTML = html;
-    
+
     return template.content;
 }