@schukai/monster 1.14.0 → 1.15.3

package/source/dom/events.js

@@ -3,8 +3,8 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, validateInstance, validateString} from "../types/validate.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.14.0/dist/modules/dom/events.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.0/dist/modules/dom/events.js';
+ * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.14.0/dist/modules/dom/events.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.14.0/dist/modules/dom/events.js';
+ * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/dom/events.js';
  * console.log(findTargetElementFromEvent())
  * </script>
  * ```
- * 
+ *
  * @since 1.14.0
  * @param {Event} event
  * @param {string} attributeName
@@ -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

@@ -1,10 +1,10 @@
 'use strict';
 
+import {parseLocale} from "../i18n/locale.js";
 /**
  * @author schukai GmbH
  */
-
-import {Monster, 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.14.0/dist/modules/dom/locale.js';
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.0/dist/modules/dom/locale.js';
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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/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, 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.14.0/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.14.0/dist/modules/dom/template.js';
+ * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.14.0/dist/modules/dom/template.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.14.0/dist/modules/dom/template.js';
+ * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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,41 @@ 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.getRootNode();
+
+            if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
+                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)
     }
 
@@ -127,7 +138,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,20 +3,19 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, 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.14.0/dist/modules/dom/theme.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.14.0/dist/modules/dom/theme.js';
+ * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/dom/theme.js';
  * console.log(new Theme())
  * </script>
  * ```
- * 
+ *
  * @example
  *
- * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.0/dist/modules/dom/theme.js';
+ * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/dom/theme.js';
  *
  * const theme = getDocumentTheme();
  * console.log(theme.getName());
@@ -96,5 +95,5 @@ function getDocumentTheme() {
 
 }
 
-Monster.assignToNamespace('Monster.DOM', Theme, getDocumentTheme);
+assignToNamespace('Monster.DOM', Theme, getDocumentTheme);
 export {Monster, Theme, getDocumentTheme}

package/source/dom/updater.js

@@ -1,28 +1,28 @@
 'use strict';
 
+import {Diff} from "../data/diff.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 {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";
-import {findDocumentTemplate} from "./template.js";
-import {getDocument} from "./util.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.14.0/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/dom/updater.js';
  * console.log(new Updater())
  * </script>
  * ```
  *
  * @example
  *
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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');
                 }
 
@@ -470,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)) {
@@ -728,5 +745,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 {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.14.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.0/dist/modules/dom/util.js';
+ * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.14.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.0/dist/modules/dom/util.js';
+ * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/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.0/dist/modules/dom/util.js';
+ * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/dom/util.js';
  * console.log(getDocumentFragmentFromString('<div></div>'))
  * </script>
  * ```
@@ -194,10 +194,10 @@ function getDocumentFragmentFromString(html) {
     const document = getDocument();
     const template = document.createElement('template');
     template.innerHTML = html;
-    
+
     return template.content;
 }
 
 
-Monster.assignToNamespace('Monster.DOM', getWindow, getDocument, getDocumentFragmentFromString);
+assignToNamespace('Monster.DOM', getWindow, getDocument, getDocumentFragmentFromString);
 export {Monster, getWindow, getDocument, getDocumentFragmentFromString}

package/source/i18n/locale.js

@@ -3,8 +3,8 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, Base} from "../types/base.js";
+import {assignToNamespace, Monster} from '../namespace.js';
+import {Base} from "../types/base.js";
 import {validateString} from "../types/validate.js";
 import {clone} from "../util/clone.js";
 
@@ -23,7 +23,7 @@ const localeStringSymbol = Symbol('localeString');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.0/dist/modules/i18n/locale.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/i18n/locale.js';
  * console.log(new Monster.I18n.Locale())
  * </script>
  * ```
@@ -32,7 +32,7 @@ const localeStringSymbol = Symbol('localeString');
  *
  * ```
  * <script type="module">
- * import {Locale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.0/dist/modules/i18n/locale.js';
+ * import {Locale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/i18n/locale.js';
  * console.log(new Locale())
  * </script>
  * ```
@@ -189,7 +189,7 @@ class Locale extends Base {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.0/dist/modules/i18n/locale.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/i18n/locale.js';
  * console.log(new Monster.I18n.createLocale())
  * </script>
  * ```
@@ -198,7 +198,7 @@ class Locale extends Base {
  *
  * ```
  * <script type="module">
- * import {createLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.0/dist/modules/i18n/locale.js';
+ * import {createLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/i18n/locale.js';
  * console.log(createLocale())
  * </script>
  * ```
@@ -318,5 +318,5 @@ function parseLocale(locale) {
 }
 
 
-Monster.assignToNamespace('Monster.I18n', Locale, parseLocale);
+assignToNamespace('Monster.I18n', Locale, parseLocale);
 export {Monster, Locale, parseLocale}

package/source/i18n/namespace.js

@@ -2,7 +2,7 @@
 
 /**
  * In this namespace you will find classes and methods for handling locale and localized texts.
- * 
+ *
  * @namespace Monster/I18n
  * @author schukai GmbH
  */

package/source/i18n/provider.js

@@ -3,19 +3,19 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, BaseWithOptions} from "../types/basewithoptions.js";
+import {assignToNamespace, Monster} from '../namespace.js';
+import {BaseWithOptions} from "../types/basewithoptions.js";
 import {Locale} from "./locale.js"
 import {Translations} from "./translations.js"
 
 /**
  * A provider makes a translation object available.
- * 
+ *
  * You can call the method via the monster namespace `new Monster.I18n.Provider()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.0/dist/modules/i18n/provider.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/i18n/provider.js';
  * console.log(new Monster.I18n.Provider())
  * </script>
  * ```
@@ -24,7 +24,7 @@ import {Translations} from "./translations.js"
  *
  * ```
  * <script type="module">
- * import {Provider} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.0/dist/modules/i18n/provider.js';
+ * import {Provider} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.3/dist/modules/i18n/provider.js';
  * console.log(new Provider())
  * </script>
  * ```
@@ -54,5 +54,5 @@ class Provider extends BaseWithOptions {
 }
 
 
-Monster.assignToNamespace('Monster.I18n', Provider);
+assignToNamespace('Monster.I18n', Provider);
 export {Monster, Provider}