@schukai/monster 1.31.0 → 2.0.0

package/source/dom/{events.js → events.mjs}

@@ -1,36 +1,23 @@
-'use strict';
-
-
 /**
- * @author schukai GmbH
+ * Copyright schukai GmbH and contributors 2022. All Rights Reserved.
+ * Node module: @schukai/monster
+ * This file is licensed under the AGPLv3 License.
+ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
-import {assignToNamespace, Monster} from '../namespace.js';
-import {isArray,isObject} from "../types/is.js";
-import {validateInstance, validateString} from "../types/validate.js";
-import {getDocument} from "./util.js";
+
+import {isArray, isObject} from "../types/is.mjs";
+import {validateInstance, validateString} from "../types/validate.mjs";
+import {getDocument} from "./util.mjs";
+
+export {fireEvent, fireCustomEvent, findTargetElementFromEvent}
 
 /**
- * You can call the function via the monster namespace `new Monster.DOM.fireEvent()`.
- *
- * ```
- * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
- * new Monster.DOM.fireEvent()
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/events.js';
- * fireEvent()
- * </script>
- * ```
+ * The function sends an event
  *
  * @param {HTMLElement|HTMLCollection|NodeList} element
  * @param {string} type
  * @return {void}
+ * @license AGPLv3
  * @since 1.10.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
@@ -68,25 +55,10 @@ function fireEvent(element, type) {
 /**
  * You can call the function via the monster namespace `new Monster.DOM.fireCustomEvent()`.
  *
- * ```
- * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
- * new Monster.DOM.fireCustomEvent()
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {fireCustomEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/events.js';
- * fireCustomEvent()
- * </script>
- * ```
- *
  * @param {HTMLElement|HTMLCollection|NodeList} element
  * @param {string} type
  * @return {void}
+ * @license AGPLv3
  * @since 1.29.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
@@ -125,25 +97,8 @@ function fireCustomEvent(element, type, detail) {
  * 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, or a value that is undefined or null,
  * 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.31.0/dist/monster.js';
- * new Monster.DOM.findTargetElementFromEvent()
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/events.js';
- * findTargetElementFromEvent()
- * </script>
- * ```
- *
+ * 
+ * @license AGPLv3
  * @since 1.14.0
  * @param {Event} event
  * @param {string} attributeName
@@ -179,7 +134,3 @@ function findTargetElementFromEvent(event, attributeName, attributeValue) {
     return undefined;
 
 }
-
-
-assignToNamespace('Monster.DOM', findTargetElementFromEvent, fireEvent, fireCustomEvent);
-export {Monster, findTargetElementFromEvent, fireEvent, fireCustomEvent}

package/source/dom/{focusmanager.js → focusmanager.mjs}

@@ -1,18 +1,18 @@
-'use strict';
-
-
 /**
- * @author schukai GmbH
+ * Copyright schukai GmbH and contributors 2022. All Rights Reserved.
+ * Node module: @schukai/monster
+ * This file is licensed under the AGPLv3 License.
+ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
+import {extend} from "../data/extend.mjs";
+import {BaseWithOptions} from "../types/basewithoptions.mjs";
+import {getGlobalObject} from "../types/global.mjs";
+import {isArray} from "../types/is.mjs";
+import {Stack} from "../types/stack.mjs";
+import {validateInstance, validateString} from "../types/validate.mjs";
 
-import {extend} from "../data/extend.js";
-import {assignToNamespace} from "../namespace.js";
-import {BaseWithOptions} from "../types/basewithoptions.js";
-import {getGlobalObject} from "../types/global.js";
-import {isArray} from "../types/is.js";
-import {Stack} from "../types/stack.js";
-import {validateInstance, validateString} from "../types/validate.js";
+export {FocusManager}
 
 /**
  * @private
@@ -37,31 +37,14 @@ const stackSymbol = Symbol('stack');
 /**
  * With the focusmanager the focus can be stored in a document, recalled and moved.
  *
- * You can create the object via the monster namespace `new Monster.DOM.FocusManager()`.
- *
- * ```
- * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
- * new Monster.DOM.FocusManager()
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this object individually.
- *
- * ```
- * <script type="module">
- * import {FocusManager} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/focusmanager.js';
- * new FocusManager()
- * </script>
- * ```
- *
+ * @license AGPLv3
  * @since 1.25.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
  * @throws {Error} unsupported locale
  * @summary Handle the focus
  */
-class FocusManager extends BaseWithOptions {
+ class FocusManager extends BaseWithOptions {
 
     /**
      *
@@ -239,10 +222,6 @@ class FocusManager extends BaseWithOptions {
 }
 
 
-assignToNamespace('Monster.DOM', FocusManager);
-export {FocusManager}
-
-
 
 
 

package/source/dom/{locale.js → locale.mjs}

@@ -1,12 +1,15 @@
-'use strict';
-
 /**
- * @author schukai GmbH
+ * Copyright schukai GmbH and contributors 2022. All Rights Reserved.
+ * Node module: @schukai/monster
+ * This file is licensed under the AGPLv3 License.
+ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {parseLocale} from "../i18n/locale.js";
-import {assignToNamespace, Monster} from '../namespace.js';
-import {getDocument} from "./util.js";
+import {parseLocale} from "../i18n/locale.mjs";
+
+import {getDocument} from "./util.mjs";
+
+export {getLocaleOfDocument}
 
 /**
  * @private
@@ -17,29 +20,14 @@ const DEFAULT_LANGUAGE = 'en';
 /**
  * With this function you can read the language version set by the document.
  * For this the attribute `lang` in the html tag is read. If no attribute is set, `en` is used as default.
- * 
+ *
  * ```html
  * <html lang="en">
  * ```
  *
  * You can call the function via the monster namespace `new Monster.DOM.getLocaleOfDocument()`.
  *
- * ```
- * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
- * new Monster.DOM.getLocaleOfDocument()
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/locale.js';
- * new getLocaleOfDocument()
- * </script>
- * ```
- *
+ * @license AGPLv3
  * @since 1.13.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
@@ -61,6 +49,3 @@ function getLocaleOfDocument() {
 
     return parseLocale(DEFAULT_LANGUAGE);
 }
-
-assignToNamespace('Monster.DOM', getLocaleOfDocument);
-export {Monster, getLocaleOfDocument}

package/source/dom/{namespace.js → namespace.mjs}

@@ -1,5 +1,3 @@
-'use strict';
-
 /**
  * In this namespace you will find classes and methods for handling the DOM.
  *
@@ -7,9 +5,4 @@
  * @memberOf Monster
  * @author schukai GmbH
  */
-
-/**
- * @private
- * @type {string}
- */
-export const namespace = "Monster.DOM";
+const ns = {};

package/source/dom/{ready.js → ready.mjs}

@@ -1,29 +1,21 @@
-'use strict';
-
-
 /**
- * @author schukai GmbH
+ * Copyright schukai GmbH and contributors 2022. All Rights Reserved.
+ * Node module: @schukai/monster
+ * This file is licensed under the AGPLv3 License.
+ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
+import {getDocument, getWindow} from "./util.mjs";
 
-import {Monster} from '../namespace.js';
-import {getDocument, getWindow} from "./util.js";
+export {domReady, windowReady}
 
 /**
  * This variable is a promise that is fulfilled as soon as the dom is available.
  *
- * The DOMContentLoaded event is fired when the original HTML document is fully loaded and parsed 
+ * The DOMContentLoaded event is fired when the original HTML document is fully loaded and parsed
  * without waiting for stylesheets, images, and subframes to finish loading.
  *
- * ```
- * <script type="module">
- * import {domReady} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/ready.js';
- * domReady().then(()=>{
- *     // ...
- * })
- * </script>
- * ```
- *
+ * @license AGPLv3
  * @since 1.31.0
  * @memberOf Monster.DOM
  * @summary variable to check if dom is ready
@@ -46,19 +38,11 @@ const domReady = new Promise(resolve => {
 /**
  * This variable is a promise that is fulfilled as soon as the windows is available.
  *
- * The load event fires when the entire page is loaded, including all dependent resources such as stylesheets, 
- * assets, and images. Unlike DOMContentLoaded, which fires as soon as the DOM of the page is loaded, 
+ * The load event fires when the entire page is loaded, including all dependent resources such as stylesheets,
+ * assets, and images. Unlike DOMContentLoaded, which fires as soon as the DOM of the page is loaded,
  * without waiting for the resources to finish loading.
  *
- * ```
- * <script type="module">
- * import {windowReady} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/ready.js';
- * windowReady().then(()=>{
- *     // ...
- * })
- * </script>
- * ```
- *
+ * @license AGPLv3
  * @since 1.31.0
  * @memberOf Monster.DOM
  * @summary variable to check if window is ready
@@ -70,12 +54,10 @@ const windowReady = new Promise(resolve => {
 
     const document = getDocument();
     const window = getWindow();
-    
+
     if (document.readyState === 'complete') {
         resolve();
     } else {
         window.addEventListener('load', resolve);
     }
 });
-
-export {Monster, windowReady, domReady}

package/source/dom/resource/{data.js → data.mjs}

@@ -1,13 +1,13 @@
-'use strict';
-
 /**
- * @author schukai GmbH
+ * Copyright schukai GmbH and contributors 2022. All Rights Reserved.
+ * Node module: @schukai/monster
+ * This file is licensed under the AGPLv3 License.
+ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {internalStateSymbol} from "../../constants.js";
-import {extend} from "../../data/extend.js";
-import {assignToNamespace, Monster} from "../../namespace.js";
-import {getGlobalFunction} from "../../types/global.js";
+import {internalStateSymbol} from "../../constants.mjs";
+import {extend} from "../../data/extend.mjs";
+import {getGlobalFunction} from "../../types/global.mjs";
 import {
     ATTRIBUTE_CLASS,
     ATTRIBUTE_ERRORMESSAGE,
@@ -16,31 +16,15 @@ import {
     ATTRIBUTE_TITLE,
     ATTRIBUTE_TYPE,
     TAG_SCRIPT
-} from "../constants.js";
-import {KEY_DOCUMENT, KEY_QUERY, referenceSymbol, Resource} from "../resource.js";
+} from "../constants.mjs";
+import {KEY_DOCUMENT, KEY_QUERY, referenceSymbol, Resource} from "../resource.mjs";
 
+export {Data}
 
 /**
  * This class is used by the resource manager to embed data.
  *
- * You can call the method via the monster namespace `new Monster.DOM.Resource.Data()`.
- *
- * ```
- * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
- * new Monster.DOM.Resource.Data()
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {Data} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/resource/data.js';
- * new Data()
- * </script>
- * ```
- *
+ * @license AGPLv3
  * @since 1.25.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM.Resource
@@ -164,7 +148,3 @@ function appendToDocument() {
 
     return self;
 }
-
-
-assignToNamespace('Monster.DOM.Resource', Data);
-export {Monster, Data}

package/source/dom/resource/link/namespace.mjs

@@ -0,0 +1,10 @@
+
+
+/**
+ * In this namespace you will find classes and methods for links
+ *
+ * @namespace Monster.DOM.Resource.Link
+ * @memberOf Monster
+ * @author schukai GmbH
+ */
+const ns = {};

package/source/dom/resource/link/stylesheet.mjs

@@ -0,0 +1,35 @@
+/**
+ * Copyright schukai GmbH and contributors 2022. All Rights Reserved.
+ * Node module: @schukai/monster
+ * This file is licensed under the AGPLv3 License.
+ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
+ */
+
+import {extend} from "../../../data/extend.mjs";
+import {Link} from "../link.mjs";
+
+export {Stylesheet}
+
+/**
+ * This class is used by the resource manager to embed external resources.
+ *
+ * @license AGPLv3
+ * @since 1.25.0
+ * @copyright schukai GmbH
+ * @memberOf Monster.DOM.Resource
+ * @summary A Resource class
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
+ */
+class Stylesheet extends Link {
+
+    /**
+     * @property {string} rel {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-rel}
+     */
+    get defaults() {
+        return extend({}, super.defaults, {
+            rel: 'stylesheet'
+        })
+    }
+
+}
+

package/source/dom/resource/{link.js → link.mjs}

@@ -1,11 +1,11 @@
-'use strict';
-
 /**
- * @author schukai GmbH
+ * Copyright schukai GmbH and contributors 2022. All Rights Reserved.
+ * Node module: @schukai/monster
+ * This file is licensed under the AGPLv3 License.
+ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {extend} from "../../data/extend.js";
-import {assignToNamespace, Monster} from "../../namespace.js";
+import {extend} from "../../data/extend.mjs";
 import {
     ATTRIBUTE_CLASS,
     ATTRIBUTE_HREF,
@@ -13,31 +13,15 @@ import {
     ATTRIBUTE_NONCE, ATTRIBUTE_SRC,
     ATTRIBUTE_TITLE, ATTRIBUTE_TYPE,
     TAG_LINK
-} from "../constants.js";
-import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.js";
+} from "../constants.mjs";
+import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.mjs";
 
+export {Link}
 
 /**
  * This class is used by the resource manager to embed external resources.
  *
- * You can call the method via the monster namespace `new Monster.DOM.Resource.Link()`.
- *
- * ```
- * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
- * new Monster.DOM.Resource.Link()
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {Link} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/resource/link.js';
- * new Link()
- * </script>
- * ```
- *
+ * @license AGPLv3
  * @since 1.25.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM.Resource
@@ -119,7 +103,3 @@ function createElement() {
     
     return self;
 }
-
-
-assignToNamespace('Monster.DOM.Resource', Link);
-export {Monster, Link}

package/source/dom/resource/namespace.mjs

@@ -0,0 +1,8 @@
+/**
+ * In this namespace you will find classes and methods for handling resources. 
+ *
+ * @namespace  Monster.DOM.Resource
+ * @memberOf Monster
+ * @author schukai GmbH
+ */
+const ns = {};

package/source/dom/resource/{script.js → script.mjs}

@@ -1,11 +1,11 @@
-'use strict';
-
 /**
- * @author schukai GmbH
+ * Copyright schukai GmbH and contributors 2022. All Rights Reserved.
+ * Node module: @schukai/monster
+ * This file is licensed under the AGPLv3 License.
+ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {extend} from "../../data/extend.js";
-import {assignToNamespace, Monster} from "../../namespace.js";
+import {extend} from "../../data/extend.mjs";
 import {
     ATTRIBUTE_CLASS,
     ATTRIBUTE_ID,
@@ -14,31 +14,15 @@ import {
     ATTRIBUTE_TITLE,
     ATTRIBUTE_TYPE,
     TAG_SCRIPT
-} from "../constants.js";
-import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.js";
+} from "../constants.mjs";
+import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.mjs";
 
+export {Script}
 
 /**
  * This class is used by the resource manager to embed scripts.
  *
- * You can call the method via the monster namespace `new Monster.DOM.Resource.Script()`.
- *
- * ```
- * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
- * new Monster.DOM.Resource.Script()
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {Script} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/resource/script.js';
- * new Script()
- * </script>
- * ```
- *
+ * @license AGPLv3
  * @since 1.25.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM.Resource
@@ -106,7 +90,3 @@ function createElement() {
 
     return self;
 }
-
-
-assignToNamespace('Monster.DOM.Resource', Script);
-export {Monster, Script}

package/source/dom/{resource.js → resource.mjs}

@@ -1,66 +1,50 @@
-'use strict';
-
 /**
- * @author schukai GmbH
+ * Copyright schukai GmbH and contributors 2022. All Rights Reserved.
+ * Node module: @schukai/monster
+ * This file is licensed under the AGPLv3 License.
+ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {internalStateSymbol, internalSymbol,} from "../constants.js";
-import {extend} from "../data/extend.js";
-import {assignToNamespace, Monster} from "../namespace.js";
-import {BaseWithOptions} from "../types/basewithoptions.js";
-import {getGlobalObject} from "../types/global.js";
-import {ID} from "../types/id.js";
-import {isString} from "../types/is.js";
-import {Observer} from "../types/observer.js";
-import {ProxyObserver} from "../types/proxyobserver.js";
-import {ATTRIBUTE_CLASS, ATTRIBUTE_ID, ATTRIBUTE_TITLE} from "./constants.js";
+import {internalStateSymbol, internalSymbol,} from "../constants.mjs";
+import {extend} from "../data/extend.mjs";
+import {BaseWithOptions} from "../types/basewithoptions.mjs";
+import {getGlobalObject} from "../types/global.mjs";
+import {ID} from "../types/id.mjs";
+import {isString} from "../types/is.mjs";
+import {Observer} from "../types/observer.mjs";
+import {ProxyObserver} from "../types/proxyobserver.mjs";
+import {ATTRIBUTE_CLASS, ATTRIBUTE_ID, ATTRIBUTE_TITLE} from "./constants.mjs";
 
+export {Resource, KEY_DOCUMENT, KEY_QUERY, referenceSymbol}
 
 /**
  * @private
  * @type {string}
  */
-export const KEY_DOCUMENT = 'document';
+const KEY_DOCUMENT = 'document';
 
 /**
  * @private
  * @type {string}
  */
-export const KEY_QUERY = 'query';
+const KEY_QUERY = 'query';
 
 /**
  * @private
  * @type {string}
  */
-export const KEY_TIMEOUT = 'timeout';
+const KEY_TIMEOUT = 'timeout';
 
 /**
  * @private
  * @type {symbol}
  */
-export const referenceSymbol = Symbol('reference');
+const referenceSymbol = Symbol('reference');
 
 /**
  * This class is the base class for all resources to be loaded.
  *
- * You can call the method via the monster namespace `new Monster.DOM.Resource()`.
- *
- * ```
- * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
- * new Monster.DOM.Resource()
- * </script>
- * ```
- *
- * Alternatively, you can also integrate this function individually.
- *
- * ```
- * <script type="module">
- * import {Resource} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/resource.js';
- * new Resource()
- * </script>
- * ```
- *
+ * @license AGPLv3
  * @since 1.25.0
  * @copyright schukai GmbH
  * @memberOf Monster.DOM
@@ -262,7 +246,3 @@ function addEvents() {
     return self;
 
 }
-
-
-assignToNamespace('Monster.DOM', Resource);
-export {Monster, Resource}