@schukai/monster 1.14.1 → 1.15.0

package/source/dom/customelement.js

@@ -3,23 +3,26 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, Updater} from "./updater.js";
+import {Monster, assignToNamespace} from '../namespace.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 {clone} from "../util/clone.js";
 import {Pathfinder} from "../data/pathfinder.js";
 import {ATTRIBUTE_OPTIONS, OBJECTLINK_KEY_UPDATER} from "./constants.js";
 import {findDocumentTemplate, Template} from "./template.js";
-import {addToObjectLink,getLinkedObjects, hasObjectLink} from "./attributes.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_OPTIONS} from "../constants.js";
+import {PROPERTY_KEY_INTERNALDATA} from "../constants.js";
 
 /**
  * @private
  * @type {symbol}
  */
-const optionsSymbol = Symbol.for(PROPERTY_KEY_OPTIONS);
+const internalDataSymbol = Symbol.for(PROPERTY_KEY_INTERNALDATA);
 
 /**
  * @private
@@ -37,7 +40,6 @@ const initMethodSymbol = Symbol('initMethodSymbol');
  */
 const assembleMethodSymbol = Symbol('assembleMethodSymbol');
 
-
 /**
  * To define a new HTML element we need the power of CustomElement
  *
@@ -48,7 +50,7 @@ const assembleMethodSymbol = Symbol('assembleMethodSymbol');
  *
  * ```
  * <script type="module">
- * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/customelement.js';
+ * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/customelement.js';
  * console.log(new Monster.DOM.CustomElement())
  * </script>
  * ```
@@ -57,7 +59,7 @@ const assembleMethodSymbol = Symbol('assembleMethodSymbol');
  *
  * ```
  * <script type="module">
- * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/customelement.js';
+ * import {CustomElement} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/customelement.js';
  * console.log(new CustomElement())
  * </script>
  * ```
@@ -155,10 +157,41 @@ class CustomElement extends HTMLElement {
      */
     constructor() {
         super();
-        this[optionsSymbol] = extend({}, this.defaults, getOptionsFromAttributes.call(this));
+        this[internalDataSymbol] = new ProxyObserver({'options': extend({}, this.defaults, getOptionsFromAttributes.call(this))});
+        initOptionObserver.call(this);
         this[initMethodSymbol]();
     }
 
+    /**
+     * 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)
+    }
+
     /**
      * | option         | description                                                                                                                                                                                                                                                                |
      * |----------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
@@ -202,7 +235,7 @@ class CustomElement extends HTMLElement {
         let value;
 
         try {
-            value = new Pathfinder(this[optionsSymbol]).getVia(path);
+            value = new Pathfinder(this[internalDataSymbol].getRealSubject()['options']).getVia(path);
         } catch (e) {
 
         }
@@ -220,20 +253,27 @@ class CustomElement extends HTMLElement {
      * @since 1.14.0
      */
     setOption(path, value) {
+        new Pathfinder(this[internalDataSymbol].getSubject()['options']).setVia(path, value);
+        //this[internalDataSymbol].notifyObservers();
+        return this;
+    }
 
-        // inform every element
-        const updaters = getLinkedObjects(this, Symbol.for(OBJECTLINK_KEY_UPDATER));
+    /**
+     * @since 1.15.0
+     * @param {string|object} options
+     * @return {CustomElement}
+     */
+    setOptions(options) {
 
-        for (const list of updaters) {
-            for (const updater of list) {
-                // reset value so that a change occurs
-                new Pathfinder(this[optionsSymbol]).setVia(path, false);
-                new Pathfinder(updater.getSubject()).setVia(path, value);
-            }
+        if (isString(options)) {
+            options = parseOptionsJSON(options)
         }
 
-        return this;
-
+        const self = this;
+        extend(self[internalDataSymbol].getSubject()['options'], self.defaults, options);
+        //this[internalDataSymbol].notifyObservers();
+        
+        return self;
     }
 
     /**
@@ -275,8 +315,8 @@ class CustomElement extends HTMLElement {
         for (const [, element] of Object.entries(elements)) {
 
             if (!(element instanceof HTMLElement)) continue;
-
-            const u = new Updater(element, this[optionsSymbol])
+            if ((element instanceof HTMLTemplateElement)) continue;
+            const u = new Updater(element, clone(self[internalDataSymbol].getRealSubject()['options']))
             updater.add(u);
 
             u.run().then(() => {
@@ -324,22 +364,39 @@ 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 property will receive this callback.
+     * values when an element is created by the parser, or upgraded. Note: only attributes listed in the observedAttributes
+     * property will receive this callback.
      *
      * @param {string} attrName
      * @param {string} oldVal
      * @param {string} newVal
      * @return {void}
-     * @since 1.7.0
+     * @since 1.15.0
      */
     attributeChangedCallback(attrName, oldVal, newVal) {
+        const self = this;
+
+        if (attrName === ATTRIBUTE_OPTIONS) {
+            self.setOptions(newVal);
+        }
+
     }
 
     /**
      * 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 erro
+     * 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}
@@ -378,6 +435,33 @@ class CustomElement extends HTMLElement {
 
 }
 
+/**
+ * @since 1.15.0
+ * @private
+ */
+function initOptionObserver() {
+    const self = this;
+
+    self.attachObserver(new Observer(function () {
+
+        // not initialised
+        if (!hasObjectLink(self, Symbol.for(OBJECTLINK_KEY_UPDATER))) {
+            return;
+        }
+                // inform every element
+        const updaters = getLinkedObjects(self, Symbol.for(OBJECTLINK_KEY_UPDATER));
+
+        for (const list of updaters) {
+            for (const updater of list) {
+                let d = clone(self[internalDataSymbol].getRealSubject()['options']);
+                Object.assign(updater.getSubject(), d);
+            }
+        }
+
+    }));
+
+}
+
 /**
  * @private
  * @return {object}
@@ -386,11 +470,24 @@ class CustomElement extends HTMLElement {
 function getOptionsFromAttributes() {
     if (this.hasAttribute(ATTRIBUTE_OPTIONS)) {
         try {
-            let obj = JSON.parse(this.getAttribute(ATTRIBUTE_OPTIONS))
+            return parseOptionsJSON(this.getAttribute(ATTRIBUTE_OPTIONS))
+        } catch (e) {
+            throw new Error('the options attribute ' + ATTRIBUTE_OPTIONS + ' does not contain a valid json definition (actual: ' + this.getAttribute(ATTRIBUTE_OPTIONS) + ').');
+        }
+    }
+
+    return {};
+}
+
+
+function parseOptionsJSON(data) {
+    if (isString(data)) {
+        try {
+            let obj = JSON.parse(data);
             validateObject(obj);
             return obj;
         } catch (e) {
-            throw new Error('the options attribute ' + ATTRIBUTE_OPTIONS + ' does not contain a valid json definition (actual: ' + this.getAttribute(ATTRIBUTE_OPTIONS) + ').');
+            throw new Error('the options does not contain a valid json definition (actual: ' + data + ').');
         }
     }
 
@@ -476,5 +573,5 @@ function registerCustomElement(element) {
     getGlobalObject('customElements').define(element.getTag(), element);
 }
 
-Monster.assignToNamespace('Monster.DOM', CustomElement, registerCustomElement);
+assignToNamespace('Monster.DOM', CustomElement, registerCustomElement);
 export {Monster, registerCustomElement, CustomElement, initMethodSymbol, assembleMethodSymbol}

package/source/dom/events.js

@@ -3,8 +3,8 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, validateInstance, validateString} from "../types/validate.js";
+import {Monster, assignToNamespace} 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.14.1/dist/modules/dom/events.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/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.14.1/dist/modules/dom/events.js';
+ * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/events.js';
  * console.log(fireEvent())
  * </script>
  * ```
@@ -71,7 +71,7 @@ function fireEvent(element, type) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/events.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/events.js';
  * console.log(new Monster.DOM.findTargetElementFromEvent())
  * </script>
  * ```
@@ -80,7 +80,7 @@ function fireEvent(element, type) {
  *
  * ```
  * <script type="module">
- * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/events.js';
+ * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/events.js';
  * console.log(findTargetElementFromEvent())
  * </script>
  * ```
@@ -113,5 +113,5 @@ function findTargetElementFromEvent(event, attributeName, attributeValue) {
 }
 
 
-Monster.assignToNamespace('Monster.DOM', findTargetElementFromEvent, fireEvent);
+assignToNamespace('Monster.DOM', findTargetElementFromEvent, fireEvent);
 export {Monster, findTargetElementFromEvent, fireEvent}

package/source/dom/locale.js

@@ -3,8 +3,8 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, parseLocale} from "../i18n/locale.js";
+import {Monster, assignToNamespace} from '../namespace.js';
+import { parseLocale} from "../i18n/locale.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.14.1/dist/modules/dom/locale.js';
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/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.14.1/dist/modules/dom/locale.js';
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/locale.js';
  * console.log(new getLocaleOfDocument())
  * </script>
  * ```
@@ -55,5 +55,5 @@ function getLocaleOfDocument() {
     return parseLocale(DEFAULT_LANGUAGE);
 }
 
-Monster.assignToNamespace('Monster.DOM', getLocaleOfDocument);
+assignToNamespace('Monster.DOM', getLocaleOfDocument);
 export {Monster, getLocaleOfDocument}

package/source/dom/template.js

@@ -3,8 +3,8 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, Base} from '../types/base.js';
+import {Monster, assignToNamespace} from '../namespace.js';
+import { Base} from '../types/base.js';
 import {validateString} from "../types/validate.js";
 import {getGlobalFunction, getGlobalObject} from '../types/global.js';
 import {validateInstance} from "../types/validate.js";
@@ -15,7 +15,7 @@ import {getDocumentTheme} from "./theme.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/template.js';
  * console.log(new Monster.DOM.Template())
  * </script>
  * ```
@@ -24,7 +24,7 @@ import {getDocumentTheme} from "./theme.js";
  *
  * ```
  * <script type="module">
- * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/template.js';
+ * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/template.js';
  * console.log(new Template())
  * </script>
  * ```
@@ -74,7 +74,7 @@ class Template extends Base {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/template.js';
  * console.log(Monster.DOM.findDocumentTemplate())
  * </script>
  * ```
@@ -83,7 +83,7 @@ class Template extends Base {
  *
  * ```
  * <script type="module">
- * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/template.js';
+ * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/template.js';
  * console.log(findDocumentTemplate())
  * </script>
  * ```
@@ -127,7 +127,7 @@ function findDocumentTemplate(id, root) {
 }
 
 
-Monster.assignToNamespace('Monster.DOM', Template, findDocumentTemplate);
+assignToNamespace('Monster.DOM', Template, findDocumentTemplate);
 export {Monster, Template, findDocumentTemplate}
 
 

package/source/dom/theme.js

@@ -3,8 +3,8 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, Base} from '../types/base.js';
+import {Monster, assignToNamespace} from '../namespace.js';
+import { Base} from '../types/base.js';
 import {validateString} from "../types/validate.js";
 import {getGlobalObject} from '../types/global.js';
 import {ATTRIBUTE_THEME_NAME, DEFAULT_THEME} from "./constants.js";
@@ -16,7 +16,7 @@ import {ATTRIBUTE_THEME_NAME, DEFAULT_THEME} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/theme.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/theme.js';
  * console.log(new Monster.DOM.Theme())
  * </script>
  * ```
@@ -25,14 +25,14 @@ import {ATTRIBUTE_THEME_NAME, DEFAULT_THEME} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/theme.js';
+ * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/theme.js';
  * console.log(new Theme())
  * </script>
  * ```
  * 
  * @example
  *
- * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/theme.js';
+ * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/theme.js';
  *
  * const theme = getDocumentTheme();
  * console.log(theme.getName());
@@ -96,5 +96,5 @@ function getDocumentTheme() {
 
 }
 
-Monster.assignToNamespace('Monster.DOM', Theme, getDocumentTheme);
+assignToNamespace('Monster.DOM', Theme, getDocumentTheme);
 export {Monster, Theme, getDocumentTheme}

package/source/dom/updater.js

@@ -1,9 +1,13 @@
 'use strict';
 
+/**
+ * @author schukai GmbH
+ */
+import {Monster, assignToNamespace} from '../namespace.js';
 import {Pathfinder} from "../data/pathfinder.js";
 import {Pipe} from "../data/pipe.js";
-import {Base, Monster} from "../types/base.js";
-import {isInstance, isArray} from "../types/is.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";
@@ -20,10 +24,6 @@ import {
 import {findDocumentTemplate} from "./template.js";
 import {getDocument} from "./util.js";
 
-/**
- * @author schukai GmbH
- */
-
 
 /**
  * The updater class connects an object with the dom. in this way, structures and contents in the DOM can be programmatically adapted via attributes.
@@ -34,7 +34,7 @@ import {getDocument} from "./util.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/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.14.1/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/updater.js';
  * console.log(new Updater())
  * </script>
  * ```
  *
  * @example
  *
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/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.
@@ -102,6 +102,7 @@ class Updater extends Base {
         this.element = validateInstance(element, HTMLElement);
 
         if (subject === undefined) subject = {}
+        let a = subject;
         if (!isInstance(subject, ProxyObserver)) {
             subject = new ProxyObserver(subject);
         }
@@ -114,7 +115,9 @@ class Updater extends Base {
          * @type {object}
          */
         this.subject = subject.attachObserver(new Observer(() => {
+
             const s = this.subject.getRealSubject();
+
             const diff = Diff(this.last, s)
             this.last = clone(s);
 
@@ -174,6 +177,26 @@ class Updater extends Base {
 
     }
 
+    // /**
+    //  * 
+    //  * @param {string} path
+    //  * @param {*} value
+    //  * @param {boolean} notifyAnyway
+    //  * @return {Updater}
+    //  * @since 1.15.0
+    //  */
+    // setVia(path, value, notifyAnyway) {
+    //     if(isBoolean(notifyAnyway)&&notifyAnyway===true) {
+    //         // the key __init__has no further meaning and is only 
+    //         // used to create the diff for empty objects.
+    //         new Pathfinder(this.last).setVia(path, {'__init__': true});
+    //        
+    //     }
+    //
+    //     new Pathfinder(this.subject.getSubject()).setVia(path, value);
+    //     return this;
+    // }
+
     /**
      * Let the magic begin
      *
@@ -318,10 +341,9 @@ function getControlEventHandler() {
 
 
             // values from customelements 
-        } else if ((element?.constructor?.prototype && !!Object.getOwnPropertyDescriptor(element.constructor.prototype, 'value')?.['get'])|| element.hasOwnProperty('value')) {
+        } else if ((element?.constructor?.prototype && !!Object.getOwnPropertyDescriptor(element.constructor.prototype, 'value')?.['get']) || element.hasOwnProperty('value')) {
             value = element?.['value'];
         } else {
-            console.log(element);
             throw new Error("unsupported object");
         }
 
@@ -416,7 +438,7 @@ function insertElement(change) {
                     insertPoint = containerElement.lastChild;
                 }
 
-                if (!isArray(value)) {
+                if (!isIterable(value)) {
                     throw new Error('the value is not iterable');
                 }
 
@@ -728,5 +750,5 @@ function handleInputControlAttributeUpdate(element, name, value) {
 
 }
 
-Monster.assignToNamespace('Monster.DOM', Updater);
+assignToNamespace('Monster.DOM', Updater);
 export {Monster, Updater}

package/source/dom/util.js

@@ -3,8 +3,8 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, getGlobal} from "../types/global.js";
+import {Monster, assignToNamespace} 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.14.1/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/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.14.1/dist/modules/dom/util.js';
+ * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/util.js';
  * console.log(getDocument())
  * </script>
  * ```
@@ -74,7 +74,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/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.14.1/dist/modules/dom/util.js';
+ * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/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.14.1/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/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.14.1/dist/modules/dom/util.js';
+ * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/util.js';
  * console.log(getDocumentFragmentFromString('<div></div>'))
  * </script>
  * ```
@@ -199,5 +199,5 @@ function getDocumentFragmentFromString(html) {
 }
 
 
-Monster.assignToNamespace('Monster.DOM', getWindow, getDocument, getDocumentFragmentFromString);
+assignToNamespace('Monster.DOM', getWindow, getDocument, getDocumentFragmentFromString);
 export {Monster, getWindow, getDocument, getDocumentFragmentFromString}