@schukai/monster 3.4.2 → 3.7.0

package/source/dom/events.mjs

@@ -5,11 +5,11 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {isArray, isObject} from "../types/is.mjs";
-import {validateInstance, validateString} from "../types/validate.mjs";
-import {getDocument} from "./util.mjs";
+import { isArray, isObject } from "../types/is.mjs";
+import { validateInstance, validateString } from "../types/validate.mjs";
+import { getDocument } from "./util.mjs";
 
-export {fireEvent, fireCustomEvent, findTargetElementFromEvent}
+export { fireEvent, fireCustomEvent, findTargetElementFromEvent };
 
 /**
  * The function sends an event
@@ -25,12 +25,10 @@ export {fireEvent, fireCustomEvent, findTargetElementFromEvent}
  * @summary Construct and send and event
  */
 function fireEvent(element, type) {
-
     const document = getDocument();
 
     if (element instanceof HTMLElement) {
-
-        if (type === 'click') {
+        if (type === "click") {
             element.click();
             return;
         }
@@ -41,15 +39,13 @@ function fireEvent(element, type) {
         });
 
         element.dispatchEvent(event);
-
     } else if (element instanceof HTMLCollection || element instanceof NodeList) {
         for (let e of element) {
             fireEvent(e, type);
         }
     } else {
-        throw new TypeError('value is not an instance of HTMLElement or HTMLCollection')
+        throw new TypeError("value is not an instance of HTMLElement or HTMLCollection");
     }
-
 }
 
 /**
@@ -66,38 +62,34 @@ function fireEvent(element, type) {
  * @summary Construct and send and event
  */
 function fireCustomEvent(element, type, detail) {
-
     const document = getDocument();
 
     if (element instanceof HTMLElement) {
-
         if (!isObject(detail)) {
-            detail = {detail};
+            detail = { detail };
         }
 
         let event = new CustomEvent(validateString(type), {
             bubbles: true,
             cancelable: true,
-            detail
+            detail,
         });
 
         element.dispatchEvent(event);
-
     } else if (element instanceof HTMLCollection || element instanceof NodeList) {
         for (let e of element) {
             fireCustomEvent(e, type, detail);
         }
     } else {
-        throw new TypeError('value is not an instance of HTMLElement or HTMLCollection')
+        throw new TypeError("value is not an instance of HTMLElement or HTMLCollection");
     }
-
 }
 
 /**
  * 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.
- * 
+ *
  * @license AGPLv3
  * @since 1.14.0
  * @param {Event} event
@@ -112,8 +104,8 @@ function fireCustomEvent(element, type, detail) {
 function findTargetElementFromEvent(event, attributeName, attributeValue) {
     validateInstance(event, Event);
 
-    if (typeof event.composedPath !== 'function') {
-        throw new Error('unsupported event');
+    if (typeof event.composedPath !== "function") {
+        throw new Error("unsupported event");
     }
 
     const path = event.composedPath();
@@ -123,14 +115,15 @@ function findTargetElementFromEvent(event, attributeName, attributeValue) {
         for (let i = 0; i < path.length; i++) {
             const o = path[i];
 
-            if (o instanceof HTMLElement &&
-                o.hasAttribute(attributeName)
-                && (attributeValue === undefined || o.getAttribute(attributeName) === attributeValue)) {
+            if (
+                o instanceof HTMLElement &&
+                o.hasAttribute(attributeName) &&
+                (attributeValue === undefined || o.getAttribute(attributeName) === attributeValue)
+            ) {
                 return o;
             }
         }
     }
 
     return undefined;
-
 }

package/source/dom/focusmanager.mjs

@@ -5,34 +5,32 @@
  * 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 {instanceSymbol} from '../constants.mjs';
-export {FocusManager}
+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 { instanceSymbol } from "../constants.mjs";
+export { FocusManager };
 
 /**
  * @private
  * @type {string}
  */
-const KEY_DOCUMENT = 'document';
+const KEY_DOCUMENT = "document";
 
 /**
  * @private
  * @type {string}
  */
-const KEY_CONTEXT = 'context';
-
+const KEY_CONTEXT = "context";
 
 /**
  * @private
  * @type {Symbol}
  */
-const stackSymbol = Symbol('stack');
-
+const stackSymbol = Symbol("stack");
 
 /**
  * With the focusmanager the focus can be stored in a document, recalled and moved.
@@ -44,8 +42,7 @@ const stackSymbol = Symbol('stack');
  * @throws {Error} unsupported locale
  * @summary Handle the focus
  */
- class FocusManager extends BaseWithOptions {
-
+class FocusManager extends BaseWithOptions {
     /**
      *
      * @param {Object|undefined} options
@@ -66,15 +63,14 @@ const stackSymbol = Symbol('stack');
         return Symbol.for("@schukai/monster/dom/focusmanager");
     }
 
-
     /**
      * @property {HTMLDocument} document the document object into which the node is to be appended
      */
     get defaults() {
         return extend({}, super.defaults, {
-            [KEY_DOCUMENT]: getGlobalObject('document'),
+            [KEY_DOCUMENT]: getGlobalObject("document"),
             [KEY_CONTEXT]: undefined,
-        })
+        });
     }
 
     /**
@@ -84,10 +80,9 @@ const stackSymbol = Symbol('stack');
      * @return {Monster.DOM.FocusManager}
      */
     storeFocus() {
-
         const active = this.getActive();
         if (active instanceof Node) {
-            this[stackSymbol].push(active)
+            this[stackSymbol].push(active);
         }
         return this;
     }
@@ -98,7 +93,6 @@ const stackSymbol = Symbol('stack');
      * @return {Monster.DOM.FocusManager}
      */
     restoreFocus() {
-
         const last = this[stackSymbol].pop();
         if (last instanceof Node) {
             this.focus(last);
@@ -115,12 +109,11 @@ const stackSymbol = Symbol('stack');
      * @return {Monster.DOM.FocusManager}
      */
     focus(element, preventScroll) {
-
-        validateInstance(element, Node)
+        validateInstance(element, Node);
 
         element.focus({
-            preventScroll: preventScroll ?? false
-        })
+            preventScroll: preventScroll ?? false,
+        });
 
         return this;
     }
@@ -141,32 +134,32 @@ const stackSymbol = Symbol('stack');
      * @throws {TypeError} value is not an instance of
      */
     getFocusable(query) {
-
         let contextElement = this.getOption(KEY_CONTEXT);
         if (contextElement === undefined) {
             contextElement = this.getOption(KEY_DOCUMENT);
         }
 
-        validateInstance(contextElement, Node)
+        validateInstance(contextElement, Node);
 
         if (query !== undefined) {
             validateString(query);
         }
 
-        return [...contextElement.querySelectorAll(
-            'details, button, input, [tabindex]:not([tabindex="-1"]), select, textarea, a[href], body'
-        )].filter((element) => {
-
+        return [
+            ...contextElement.querySelectorAll(
+                'details, button, input, [tabindex]:not([tabindex="-1"]), select, textarea, a[href], body',
+            ),
+        ].filter((element) => {
             if (query !== undefined && !element.matches(query)) {
                 return false;
             }
 
-            if (element.hasAttribute('disabled')) return false;
-            if (element.getAttribute("aria-hidden") === 'true') return false;
+            if (element.hasAttribute("disabled")) return false;
+            if (element.getAttribute("aria-hidden") === "true") return false;
 
             const rect = element.getBoundingClientRect();
-            if(rect.width===0) return false;
-            if(rect.height===0) return false;
+            if (rect.width === 0) return false;
+            if (rect.height === 0) return false;
 
             return true;
         });
@@ -177,7 +170,6 @@ const stackSymbol = Symbol('stack');
      * @return {Monster.DOM.FocusManager}
      */
     focusNext(query) {
-
         const current = this.getActive();
         const focusable = this.getFocusable(query);
 
@@ -194,7 +186,7 @@ const stackSymbol = Symbol('stack');
                 this.focus(focusable[0]);
             }
         } else {
-            this.focus(focusable[0])
+            this.focus(focusable[0]);
         }
 
         return this;
@@ -205,7 +197,6 @@ const stackSymbol = Symbol('stack');
      * @return {Monster.DOM.FocusManager}
      */
     focusPrev(query) {
-
         const current = this.getActive();
         const focusable = this.getFocusable(query);
 
@@ -222,18 +213,9 @@ const stackSymbol = Symbol('stack');
                 this.focus(focusable[focusable.length - 1]);
             }
         } else {
-            this.focus(focusable[focusable.length - 1])
+            this.focus(focusable[focusable.length - 1]);
         }
 
         return this;
     }
-
-
 }
-
-
-
-
-
-
-

package/source/dom/locale.mjs

@@ -5,17 +5,17 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {parseLocale} from "../i18n/locale.mjs";
+import { parseLocale } from "../i18n/locale.mjs";
+import { getDocument } from "./util.mjs";
+import { getGlobalObject } from "../types/global.mjs";
 
-import {getDocument} from "./util.mjs";
-
-export {getLocaleOfDocument}
+export { getLocaleOfDocument };
 
 /**
  * @private
  * @type {string}
  */
-const DEFAULT_LANGUAGE = 'en';
+const DEFAULT_LANGUAGE = "en";
 
 /**
  * With this function you can read the language version set by the document.
@@ -36,16 +36,47 @@ const DEFAULT_LANGUAGE = 'en';
  * @summary Tries to determine the locale used
  */
 function getLocaleOfDocument() {
-
     const document = getDocument();
 
-    let html = document.querySelector('html')
-    if (html instanceof HTMLElement && html.hasAttribute('lang')) {
-        let locale = html.getAttribute('lang');
+    let html = document.querySelector("html");
+    if (html instanceof HTMLElement && html.hasAttribute("lang")) {
+        let locale = html.getAttribute("lang");
         if (locale) {
-            return new parseLocale(locale)
+            return new parseLocale(locale);
         }
     }
 
+    let navigatorLanguage = getNavigatorLanguage();
+    if (navigatorLanguage) {
+        return parseLocale(navigatorLanguage);
+    }
+
     return parseLocale(DEFAULT_LANGUAGE);
 }
+
+/**
+ * @private
+ * @returns {string|undefined|*}
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Navigator/languages
+ */
+const getNavigatorLanguage = () => {
+    const navigator = getGlobalObject("navigator");
+    if (navigator === undefined) {
+        return undefined;
+    }
+
+    if (navigator.hasOwnProperty("language")) {
+        const language = navigator.language;
+        if (typeof language === "string" && language.length > 0) {
+            return language;
+        }
+    }
+
+    const languages = navigator?.languages;
+    if (Array.isArray(languages) && languages.length > 0) {
+        return languages[0];
+    }
+
+    return undefined;
+};

package/source/dom/namespace.mjs

@@ -10,4 +10,4 @@
  * @memberOf Monster
  * @author schukai GmbH
  */
-const ns = {};
+const ns = {};

package/source/dom/ready.mjs

@@ -5,9 +5,9 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {getDocument, getWindow} from "./util.mjs";
+import { getDocument, getWindow } from "./util.mjs";
 
-export {domReady, windowReady}
+export { domReady, windowReady };
 
 /**
  * This variable is a promise that is fulfilled as soon as the dom is available.
@@ -28,18 +28,16 @@ export {domReady, windowReady}
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState
  */
-const domReady = new Promise(resolve => {
-
+const domReady = new Promise((resolve) => {
     const document = getDocument();
 
     if (document.readyState === "loading") {
-        document.addEventListener('DOMContentLoaded', resolve);
+        document.addEventListener("DOMContentLoaded", resolve);
     } else {
         resolve();
     }
 });
 
-
 /**
  * This variable is a promise that is fulfilled as soon as the windows is available.
  *
@@ -55,14 +53,13 @@ const domReady = new Promise(resolve => {
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState
  */
-const windowReady = new Promise(resolve => {
-
+const windowReady = new Promise((resolve) => {
     const document = getDocument();
     const window = getWindow();
 
-    if (document.readyState === 'complete') {
+    if (document.readyState === "complete") {
         resolve();
     } else {
-        window.addEventListener('load', resolve);
+        window.addEventListener("load", resolve);
     }
 });

package/source/dom/resource/data.mjs

@@ -5,9 +5,9 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {internalStateSymbol} from "../../constants.mjs";
-import {extend} from "../../data/extend.mjs";
-import {getGlobalFunction} from "../../types/global.mjs";
+import { internalStateSymbol } from "../../constants.mjs";
+import { extend } from "../../data/extend.mjs";
+import { getGlobalFunction } from "../../types/global.mjs";
 import {
     ATTRIBUTE_CLASS,
     ATTRIBUTE_ERRORMESSAGE,
@@ -15,11 +15,11 @@ import {
     ATTRIBUTE_SRC,
     ATTRIBUTE_TITLE,
     ATTRIBUTE_TYPE,
-    TAG_SCRIPT
+    TAG_SCRIPT,
 } from "../constants.mjs";
-import {KEY_DOCUMENT, KEY_QUERY, referenceSymbol, Resource} from "../resource.mjs";
-import {instanceSymbol} from '../../constants.mjs';
-export {Data}
+import { KEY_DOCUMENT, KEY_QUERY, referenceSymbol, Resource } from "../resource.mjs";
+import { instanceSymbol } from "../../constants.mjs";
+export { Data };
 
 /**
  * This class is used by the resource manager to embed data.
@@ -31,7 +31,6 @@ export {Data}
  * @summary A Data Resource class
  */
 class Data extends Resource {
-
     /**
      * @property {string} mode=cors https://developer.mozilla.org/en-US/docs/Web/API/fetch
      * @property {string} credentials=same-origin https://developer.mozilla.org/en-US/docs/Web/API/fetch
@@ -39,10 +38,10 @@ class Data extends Resource {
      */
     get defaults() {
         return extend({}, super.defaults, {
-            mode: 'cors',
-            credentials: 'same-origin',
-            type: 'application/json',
-        })
+            mode: "cors",
+            credentials: "same-origin",
+            type: "application/json",
+        });
     }
 
     /**
@@ -61,7 +60,6 @@ class Data extends Resource {
      * @return {Monster.DOM.Resource}
      */
     connect() {
-
         if (!(this[referenceSymbol] instanceof HTMLElement)) {
             this.create();
         }
@@ -79,14 +77,12 @@ class Data extends Resource {
         return Symbol.for("@schukai/monster/dom/resource/data");
     }
 
-
     /**
      * @return {string}
      */
     static getURLAttribute() {
-        return ATTRIBUTE_SRC
+        return ATTRIBUTE_SRC;
     }
-
 }
 
 /**
@@ -108,7 +104,6 @@ function createElement() {
     return self;
 }
 
-
 /**
  * @private
  * @return {Promise}
@@ -117,44 +112,41 @@ function createElement() {
 function appendToDocument() {
     const self = this;
 
-    const targetNode = document.querySelector(self.getOption(KEY_QUERY, 'head'))
+    const targetNode = document.querySelector(self.getOption(KEY_QUERY, "head"));
     if (!(targetNode instanceof HTMLElement)) {
-        throw new Error('target not found')
+        throw new Error("target not found");
     }
 
     targetNode.appendChild(self[referenceSymbol]);
 
-    getGlobalFunction('fetch')(self.getOption(ATTRIBUTE_SRC), {
-        method: 'GET', // *GET, POST, PUT, DELETE, etc.
-        mode: self.getOption('mode', 'cors'), // no-cors, *cors, same-origin
-        cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
-        credentials: self.getOption('credentials', 'same-origin'), // include, *same-origin, omit
+    getGlobalFunction("fetch")(self.getOption(ATTRIBUTE_SRC), {
+        method: "GET", // *GET, POST, PUT, DELETE, etc.
+        mode: self.getOption("mode", "cors"), // no-cors, *cors, same-origin
+        cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
+        credentials: self.getOption("credentials", "same-origin"), // include, *same-origin, omit
         headers: {
-            'Accept': self.getOption('type', 'application/json')
+            Accept: self.getOption("type", "application/json"),
         },
-        redirect: 'follow', // manual, *follow, error
-        referrerPolicy: 'no-referrer', // no-referrer, 
-    }).then(response => {
-
-        return response.text()
-
-
-    }).then(text => {
-
-        const textNode = document.createTextNode(text);
-        self[referenceSymbol].appendChild(textNode);
-
-        self[internalStateSymbol].getSubject()['loaded'] = true;
-
-
-    }).catch(e => {
-        self[internalStateSymbol].setSubject({
-            loaded: true,
-            error: e.toString(),
+        redirect: "follow", // manual, *follow, error
+        referrerPolicy: "no-referrer", // no-referrer,
+    })
+        .then((response) => {
+            return response.text();
         })
+        .then((text) => {
+            const textNode = document.createTextNode(text);
+            self[referenceSymbol].appendChild(textNode);
 
-        targetNode.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.toString());
-    })
+            self[internalStateSymbol].getSubject()["loaded"] = true;
+        })
+        .catch((e) => {
+            self[internalStateSymbol].setSubject({
+                loaded: true,
+                error: e.toString(),
+            });
+
+            targetNode.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.toString());
+        });
 
     return self;
 }

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

@@ -3,8 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
-
-
 /**
  * In this namespace you will find classes and methods for links
  *
@@ -12,4 +10,4 @@
  * @memberOf Monster
  * @author schukai GmbH
  */
-const ns = {};
+const ns = {};

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

@@ -5,10 +5,10 @@
  * 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";
-import {instanceSymbol} from '../../../constants.mjs';
-export {Stylesheet}
+import { extend } from "../../../data/extend.mjs";
+import { Link } from "../link.mjs";
+import { instanceSymbol } from "../../../constants.mjs";
+export { Stylesheet };
 
 /**
  * This class is used by the resource manager to embed external resources.
@@ -21,14 +21,13 @@ export {Stylesheet}
  * @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'
-        })
+            rel: "stylesheet",
+        });
     }
 
     /**
@@ -37,9 +36,6 @@ class Stylesheet extends Link {
      * @since 2.1.0
      */
     static get [instanceSymbol]() {
-        return Symbol.for("@schukai/monster/dom/resource/link/stylesheet")
+        return Symbol.for("@schukai/monster/dom/resource/link/stylesheet");
     }
-
-
 }
-