npm - @schukai/monster - Versions diffs - 1.23.0 → 1.26.1 - Mend

@schukai/monster 1.23.0 → 1.26.1

Files changed (221) hide show

package/CHANGELOG +53 -0
package/README.md +4 -4
package/dist/modules/constants.js +2 -2
package/dist/modules/constraints/abstract.js +1 -1
package/dist/modules/constraints/abstractoperator.js +1 -1
package/dist/modules/constraints/andoperator.js +1 -1
package/dist/modules/constraints/invalid.js +1 -1
package/dist/modules/constraints/isarray.js +1 -1
package/dist/modules/constraints/isobject.js +1 -1
package/dist/modules/constraints/namespace.js +1 -1
package/dist/modules/constraints/oroperator.js +1 -1
package/dist/modules/constraints/valid.js +1 -1
package/dist/modules/data/buildmap.js +2 -2
package/dist/modules/data/buildtree.js +2 -0
package/dist/modules/data/datasource/namespace.js +1 -1
package/dist/modules/data/datasource/restapi/writeerror.js +2 -0
package/dist/modules/data/datasource/restapi.js +2 -2
package/dist/modules/data/datasource/storage/localstorage.js +2 -2
package/dist/modules/data/datasource/storage/namespace.js +1 -1
package/dist/modules/data/datasource/storage/sessionstorage.js +2 -2
package/dist/modules/data/datasource/storage.js +2 -2
package/dist/modules/data/datasource.js +2 -2
package/dist/modules/data/diff.js +2 -2
package/dist/modules/data/extend.js +1 -1
package/dist/modules/data/namespace.js +1 -1
package/dist/modules/data/pathfinder.js +2 -2
package/dist/modules/data/pipe.js +1 -1
package/dist/modules/data/transformer.js +2 -2
package/dist/modules/dom/assembler.js +1 -1
package/dist/modules/dom/attributes.js +1 -1
package/dist/modules/dom/constants.js +2 -2
package/dist/modules/dom/customcontrol.js +2 -2
package/dist/modules/dom/customelement.js +2 -2
package/dist/modules/dom/events.js +1 -1
package/dist/modules/dom/focusmanager.js +2 -0
package/dist/modules/dom/locale.js +1 -1
package/dist/modules/dom/namespace.js +1 -1
package/dist/modules/dom/resource/data.js +2 -0
package/dist/modules/dom/resource/link/stylesheet.js +2 -0
package/dist/modules/dom/resource/link.js +2 -0
package/dist/modules/dom/resource/script.js +2 -0
package/dist/modules/dom/resource.js +2 -0
package/dist/modules/dom/resourcemanager.js +2 -0
package/dist/modules/dom/template.js +2 -2
package/dist/modules/dom/theme.js +1 -1
package/dist/modules/dom/updater.js +2 -2
package/dist/modules/dom/util.js +1 -1
package/dist/modules/dom/worker/factory.js +2 -0
package/dist/modules/i18n/formatter.js +2 -0
package/dist/modules/i18n/locale.js +1 -1
package/dist/modules/i18n/namespace.js +1 -1
package/dist/modules/i18n/provider.js +1 -1
package/dist/modules/i18n/providers/fetch.js +2 -2
package/dist/modules/i18n/providers/namespace.js +1 -1
package/dist/modules/i18n/translations.js +1 -1
package/dist/modules/logging/handler/console.js +1 -1
package/dist/modules/logging/handler/namespace.js +1 -1
package/dist/modules/logging/handler.js +1 -1
package/dist/modules/logging/logentry.js +1 -1
package/dist/modules/logging/logger.js +1 -1
package/dist/modules/logging/namespace.js +1 -1
package/dist/modules/math/namespace.js +1 -1
package/dist/modules/math/random.js +2 -2
package/dist/modules/monster.js +1 -1
package/dist/modules/namespace.js +1 -1
package/dist/modules/text/formatter.js +2 -2
package/dist/modules/text/namespace.js +1 -1
package/dist/modules/types/base.js +1 -1
package/dist/modules/types/basewithoptions.js +2 -2
package/dist/modules/types/binary.js +1 -1
package/dist/modules/types/dataurl.js +1 -1
package/dist/modules/types/global.js +1 -1
package/dist/modules/types/id.js +1 -1
package/dist/modules/types/is.js +2 -2
package/dist/modules/types/mediatype.js +1 -1
package/dist/modules/types/namespace.js +1 -1
package/dist/modules/types/node.js +2 -0
package/dist/modules/types/nodelist.js +2 -0
package/dist/modules/types/noderecursiveiterator.js +2 -0
package/dist/modules/types/observer.js +1 -1
package/dist/modules/types/observerlist.js +2 -2
package/dist/modules/types/proxyobserver.js +2 -2
package/dist/modules/types/queue.js +1 -1
package/dist/modules/types/randomid.js +1 -1
package/dist/modules/types/regex.js +2 -0
package/dist/modules/types/stack.js +1 -1
package/dist/modules/types/tokenlist.js +2 -2
package/dist/modules/types/typeof.js +1 -1
package/dist/modules/types/uniquequeue.js +1 -1
package/dist/modules/types/uuid.js +2 -0
package/dist/modules/types/validate.js +1 -1
package/dist/modules/types/version.js +2 -2
package/dist/modules/util/clone.js +1 -1
package/dist/modules/util/comparator.js +2 -2
package/dist/modules/util/freeze.js +1 -1
package/dist/modules/util/namespace.js +1 -1
package/dist/modules/util/processing.js +2 -2
package/dist/modules/util/trimspaces.js +2 -0
package/dist/monster.dev.js +1684 -696
package/dist/monster.dev.js.map +1 -1
package/dist/monster.js +2 -2
package/package.json +13 -2
package/source/constants.js +16 -7
package/source/constraints/abstract.js +5 -0
package/source/constraints/abstractoperator.js +5 -0
package/source/constraints/andoperator.js +10 -5
package/source/constraints/invalid.js +8 -3
package/source/constraints/isarray.js +9 -4
package/source/constraints/isobject.js +8 -3
package/source/constraints/oroperator.js +10 -5
package/source/constraints/valid.js +8 -3
package/source/data/buildmap.js +27 -11
package/source/data/buildtree.js +95 -0
package/source/data/datasource/restapi/writeerror.js +49 -0
package/source/data/datasource/restapi.js +87 -20
package/source/data/datasource/storage/localstorage.js +4 -10
package/source/data/datasource/storage/sessionstorage.js +4 -12
package/source/data/datasource/storage.js +7 -14
package/source/data/datasource.js +55 -17
package/source/data/diff.js +8 -8
package/source/data/extend.js +5 -5
package/source/data/pathfinder.js +12 -6
package/source/data/pipe.js +6 -5
package/source/data/transformer.js +131 -24
package/source/dom/assembler.js +2 -2
package/source/dom/attributes.js +24 -24
package/source/dom/constants.js +305 -12
package/source/dom/customcontrol.js +40 -19
package/source/dom/customelement.js +121 -92
package/source/dom/events.js +6 -6
package/source/dom/focusmanager.js +250 -0
package/source/dom/locale.js +10 -5
package/source/dom/resource/data.js +170 -0
package/source/dom/resource/link/stylesheet.js +54 -0
package/source/dom/resource/link.js +125 -0
package/source/dom/resource/script.js +112 -0
package/source/dom/resource.js +268 -0
package/source/dom/resourcemanager.js +214 -0
package/source/dom/template.js +52 -12
package/source/dom/theme.js +3 -3
package/source/dom/updater.js +47 -33
package/source/dom/util.js +6 -6
package/source/dom/worker/factory.js +134 -0
package/source/i18n/formatter.js +140 -0
package/source/i18n/locale.js +10 -8
package/source/i18n/provider.js +4 -4
package/source/i18n/providers/fetch.js +24 -14
package/source/i18n/translations.js +20 -10
package/source/logging/handler/console.js +2 -2
package/source/logging/handler.js +2 -2
package/source/logging/logentry.js +2 -2
package/source/logging/logger.js +4 -4
package/source/math/random.js +11 -5
package/source/namespace.js +1 -1
package/source/text/formatter.js +244 -27
package/source/types/base.js +4 -4
package/source/types/basewithoptions.js +10 -15
package/source/types/binary.js +4 -4
package/source/types/dataurl.js +6 -6
package/source/types/global.js +9 -7
package/source/types/id.js +6 -3
package/source/types/is.js +103 -85
package/source/types/mediatype.js +4 -4
package/source/types/node.js +179 -0
package/source/types/nodelist.js +125 -0
package/source/types/noderecursiveiterator.js +126 -0
package/source/types/observer.js +3 -3
package/source/types/observerlist.js +3 -3
package/source/types/proxyobserver.js +24 -7
package/source/types/queue.js +6 -6
package/source/types/randomid.js +2 -2
package/source/types/regex.js +49 -0
package/source/types/stack.js +2 -2
package/source/types/tokenlist.js +8 -9
package/source/types/typeof.js +3 -3
package/source/types/uniquequeue.js +4 -4
package/source/types/uuid.js +102 -0
package/source/types/validate.js +20 -20
package/source/types/version.js +6 -6
package/source/util/clone.js +4 -5
package/source/util/comparator.js +5 -5
package/source/util/freeze.js +5 -5
package/source/util/processing.js +33 -36
package/source/util/trimspaces.js +85 -0
package/test/cases/data/buildtree.js +149 -0
package/test/cases/data/datasource/restapi.js +1 -1
package/test/cases/data/datasource.js +4 -4
package/test/cases/data/diff.js +4 -4
package/test/cases/data/pathfinder.js +18 -9
package/test/cases/data/pipe.js +26 -2
package/test/cases/data/transformer.js +41 -10
package/test/cases/dom/attributes.js +18 -14
package/test/cases/dom/customcontrol.js +6 -5
package/test/cases/dom/customelement.js +14 -16
package/test/cases/dom/focusmanager.js +111 -0
package/test/cases/dom/locale.js +1 -4
package/test/cases/dom/resource/data.js +129 -0
package/test/cases/dom/resource/link/stylesheet.js +101 -0
package/test/cases/dom/resource/link.js +101 -0
package/test/cases/dom/resource/script.js +115 -0
package/test/cases/dom/resourcemanager.js +118 -0
package/test/cases/dom/updater.js +28 -4
package/test/cases/dom/worker/factory.js +63 -0
package/test/cases/i18n/formatter.js +66 -0
package/test/cases/monster.js +1 -1
package/test/cases/text/formatter.js +71 -8
package/test/cases/types/node.js +196 -0
package/test/cases/types/nodelist.js +64 -0
package/test/cases/types/noderecursiveiterator.js +54 -0
package/test/cases/types/proxyobserver.js +55 -11
package/test/cases/types/regex.js +32 -0
package/test/cases/types/uuid.js +42 -0
package/test/cases/util/freeze.js +30 -4
package/test/cases/util/trimspaces.js +24 -0
package/test/util/cleanupdom.js +48 -0
package/test/util/jsdom.js +22 -9
package/test/web/import.js +15 -0
package/test/web/monster-dev.html +3 -3
package/test/web/monster.html +2 -2
package/test/web/test.html +3 -3
package/test/web/tests.js +7 -7

package/source/dom/template.js CHANGED Viewed

@@ -14,8 +14,8 @@ import {getDocumentTheme} from "./theme.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/template.js';
- * console.log(new Monster.DOM.Template())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
+ * new Monster.DOM.Template()
  * </script>
  * ```
  *
@@ -23,8 +23,8 @@ import {getDocumentTheme} from "./theme.js";
  *
  * ```
  * <script type="module">
- * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/template.js';
- * console.log(new Template())
+ * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/template.js';
+ * new Template()
  * </script>
  * ```
  *
@@ -70,7 +70,7 @@ class Template extends Base {
 /**
  * This method loads a template with the given ID and returns it.
  *
- * To do this, it first fetches the theme of the document and looks for the `data-monster-theme-name` attribute in the HTML tag.
+ * To do this, it first reads the theme of the document and looks for the `data-monster-theme-name` attribute in the HTML tag.
  *
  * ```
  * <html data-monster-theme-name="my-theme">
@@ -78,15 +78,15 @@ class Template extends Base {
  *
  * If no theme was specified, the default theme is `monster`.
  *
- * Now it is looked if there is a template with the given ID and theme `id-theme` and if yes it is returned.
+ * Now it is looked if there is a template with the given ID and theme `id-theme` and if yes it is returned.
  * If there is no template a search for a template with the given ID `id` is done. If this is also not found, an error is thrown.
  *
  * You can call the method via the monster namespace `Monster.DOM.findDocumentTemplate()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/template.js';
- * console.log(Monster.DOM.findDocumentTemplate())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
+ * Monster.DOM.findDocumentTemplate()
  * </script>
  * ```
  *
@@ -94,11 +94,41 @@ class Template extends Base {
  *
  * ```
  * <script type="module">
- * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/template.js';
- * console.log(findDocumentTemplate())
+ * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/template.js';
+ * findDocumentTemplate()
  * </script>
  * ```
  *
+ * @example
+ *
+ * import { findDocumentTemplate } from "https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/template.js";
+ *
+ * const template = document.createElement("template");
+ * template.id = "myTemplate";
+ * template.innerHTML = "<p>my default template</p>";
+ * document.body.appendChild(template);
+ *
+ * const themedTemplate = document.createElement("template");
+ * themedTemplate.id = "myTemplate-myTheme";
+ * themedTemplate.innerHTML = "<p>my themed template</p>";
+ * document.body.appendChild(themedTemplate);
+ *
+ * // loads the temple and since no theme is set the default template
+ * const template1 = findDocumentTemplate("myTemplate");
+ * console.log(template1.createDocumentFragment());
+ * // ↦ '<p>my default template</p>'
+ *
+ * // now we set our own theme
+ * document
+ * .querySelector("html")
+ * .setAttribute("data-monster-theme-name", "myTheme");
+ *
+ * // now we don't get the default template,
+ * // but the template with the theme in the id
+ * const template2 = findDocumentTemplate("myTemplate");
+ * console.log(template2.createDocumentFragment());
+ * // ↦ '<p>my themed template</p>'
+ *
  * @param {string} id
  * @param {Node} currentNode
  * @return {Monster.DOM.Template}
@@ -132,18 +162,28 @@ function findDocumentTemplate(id, currentNode) {
     let theme = getDocumentTheme()
     let themedID = id + '-' + theme.getName();
+    // current + themedID
     let template = currentNode.getElementById(themedID);
     if (template instanceof HTMLTemplateElement) {
         return new Template(template);
     }
+    // document + themedID
+    template = getGlobalObject('document').getElementById(themedID);
+    if (template instanceof HTMLTemplateElement) {
+        return new Template(template);
+    }
+    // current + ID
     template = currentNode.getElementById(id);
     if (template instanceof HTMLTemplateElement) {
         return new Template(template);
     }
-    if (currentNode !== getGlobalObject('document')) {
-        return findDocumentTemplate(id)
+    // document + ID
+    template = getGlobalObject('document').getElementById(id);
+    if (template instanceof HTMLTemplateElement) {
+        return new Template(template);
     }
     throw new Error("template " + id + " not found.")

package/source/dom/theme.js CHANGED Viewed

@@ -15,7 +15,7 @@ import {ATTRIBUTE_THEME_NAME, DEFAULT_THEME} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/theme.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
  * console.log(new Monster.DOM.Theme())
  * </script>
  * ```
@@ -24,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.23.0/dist/modules/dom/theme.js';
+ * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/theme.js';
  * console.log(new Theme())
  * </script>
  * ```
  *
  * @example
  *
- * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/theme.js';
+ * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/theme.js';
  *
  * const theme = getDocumentTheme();
  * console.log(theme.getName());

package/source/dom/updater.js CHANGED Viewed

@@ -4,17 +4,17 @@
  * @author schukai GmbH
  */
-import {Diff} from "../data/diff.js";
+import {diff} from "../data/diff.js";
 import {Pathfinder} from "../data/pathfinder.js";
 import {Pipe} from "../data/pipe.js";
 import {
+    ATTRIBUTE_ERRORMESSAGE,
     ATTRIBUTE_UPDATER_ATTRIBUTES,
     ATTRIBUTE_UPDATER_BIND,
     ATTRIBUTE_UPDATER_INSERT,
     ATTRIBUTE_UPDATER_INSERT_REFERENCE,
     ATTRIBUTE_UPDATER_REMOVE,
-    ATTRIBUTE_UPDATER_REPLACE,
-    OBJECTLINK_KEY_UPDATER
+    ATTRIBUTE_UPDATER_REPLACE
 } from "../dom/constants.js";
 import {assignToNamespace, Monster} from '../namespace.js';
 import {Base} from "../types/base.js";
@@ -23,16 +23,11 @@ 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 {trimSpaces} from "../util/trimspaces.js";
 import {findDocumentTemplate} from "./template.js";
 import {getDocument} from "./util.js";
-/**
- * @private
- * @type {symbol}
- */
-const objectLinkSymbol = Symbol.for(OBJECTLINK_KEY_UPDATER);
 /**
  * The updater class connects an object with the dom. In this way, structures and contents in the DOM can be programmatically adapted via attributes.
  *
@@ -43,7 +38,7 @@ const objectLinkSymbol = Symbol.for(OBJECTLINK_KEY_UPDATER);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
  * new Monster.DOM.Updater()
  * </script>
  * ```
@@ -52,14 +47,14 @@ const objectLinkSymbol = Symbol.for(OBJECTLINK_KEY_UPDATER);
  *
  * ```
  * <script type="module">
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/updater.js';
  * new Updater()
  * </script>
  * ```
  *
  * @example
  *
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/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.
@@ -73,7 +68,7 @@ const objectLinkSymbol = Symbol.for(OBJECTLINK_KEY_UPDATER);
  * let obj = {
  *    headline: "Hello World",
  * };
- *
+ *
  * // Now comes the real magic. we pass the updater the parent HTMLElement
  * // and the desired data structure.
  * const updater = new Updater(body, obj);
@@ -129,10 +124,10 @@ class Updater extends Base {
             const s = this.subject.getRealSubject();
-            const diff = Diff(this.last, s)
+            const diffResult = diff(this.last, s)
             this.last = clone(s);
-            for (const [, change] of Object.entries(diff)) {
+            for (const [, change] of Object.entries(diffResult)) {
                 removeElement.call(this, change);
                 insertElement.call(this, change);
                 updateContent.call(this, change);
@@ -217,13 +212,13 @@ class Updater extends Base {
     }
     /**
-     * If you have passed a ProxyObserver in the constructor, you will get the same object here.
-     * However, if you have passed a simple object, you will get the ProxyObserver here.
+     * If you have passed a ProxyObserver in the constructor, you will get the object that the ProxyObserver manages here.
+     * However, if you passed a simple object, here you will get a proxy for that object.
      *
      * For changes the ProxyObserver must be used.
      *
      * @since 1.8.0
-     * @return {ProxyObserver}
+     * @return {Proxy}
      */
     getSubject() {
         return this.subject.getSubject();
@@ -358,9 +353,9 @@ function getControlEventHandler() {
         const pf = new Pathfinder(copy);
         pf.setVia(path, value);
-        const diff = new Diff(copy, self.subject.getRealSubject());
+        const diffResult = diff(copy, self.subject.getRealSubject());
-        if (diff.length > 0) {
+        if (diffResult.length > 0) {
             pathfinder.setVia(path, value);
         }
@@ -422,11 +417,11 @@ function insertElement(change) {
                 found = true;
                 const attributes = containerElement.getAttribute(ATTRIBUTE_UPDATER_INSERT);
-                let def = attributes.trim();
+                let def = trimSpaces(attributes);
                 let i = def.indexOf(' ');
-                let key = def.substr(0, i).trim();
+                let key = trimSpaces(def.substr(0, i));
                 let refPrefix = key + '-';
-                let cmd = def.substr(i).trim();
+                let cmd = trimSpaces(def.substr(i));
                 // this case is actually excluded by the query but is nevertheless checked again here
                 if (cmd.indexOf('|') > 0) {
@@ -438,7 +433,14 @@ function insertElement(change) {
                     pipe.setCallback(n, f);
                 })
-                let value = pipe.run(subject)
+                let value
+                try {
+                    containerElement.removeAttribute(ATTRIBUTE_ERRORMESSAGE);
+                    value = pipe.run(subject)
+                } catch (e) {
+                    containerElement.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message);
+                }
                 let dataPath = cmd.split(':').pop();
                 let insertPoint;
@@ -528,12 +530,12 @@ function applyRecursive(node, key, path) {
         if (node.hasAttribute(ATTRIBUTE_UPDATER_REPLACE)) {
             let value = node.getAttribute(ATTRIBUTE_UPDATER_REPLACE);
-            node.setAttribute(ATTRIBUTE_UPDATER_REPLACE, value.replace("path:" + key, "path:" + path));
+            node.setAttribute(ATTRIBUTE_UPDATER_REPLACE, value.replaceAll("path:" + key, "path:" + path));
         }
         if (node.hasAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES)) {
             let value = node.getAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES);
-            node.setAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES, value.replace("path:" + key, "path:" + path));
+            node.setAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES, value.replaceAll("path:" + key, "path:" + path));
         }
         for (const [, child] of Object.entries(node.childNodes)) {
@@ -605,14 +607,20 @@ function runUpdateContent(container, parts, subject) {
             mem.add(element)
             const attributes = element.getAttribute(ATTRIBUTE_UPDATER_REPLACE)
-            let cmd = attributes.trim();
+            let cmd = trimSpaces(attributes);
             let pipe = new Pipe(cmd);
             this.callbacks.forEach((f, n) => {
                 pipe.setCallback(n, f);
             })
-            let value = pipe.run(subject)
+            let value
+            try {
+                element.removeAttribute(ATTRIBUTE_ERRORMESSAGE);
+                value = pipe.run(subject)
+            } catch (e) {
+                element.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message);
+            }
             if (value instanceof HTMLElement) {
                 while (element.firstChild) {
@@ -687,10 +695,10 @@ function runUpdateAttributes(container, parts, subject) {
             const attributes = element.getAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES)
             for (let [, def] of Object.entries(attributes.split(','))) {
-                def = def.trim();
+                def = trimSpaces(def);
                 let i = def.indexOf(' ');
-                let name = def.substr(0, i).trim();
-                let cmd = def.substr(i).trim();
+                let name = trimSpaces(def.substr(0, i));
+                let cmd = trimSpaces(def.substr(i));
                 let pipe = new Pipe(cmd);
@@ -698,7 +706,14 @@ function runUpdateAttributes(container, parts, subject) {
                     pipe.setCallback(n, f, element);
                 })
-                let value = pipe.run(subject)
+                let value
+                try {
+                    element.removeAttribute(ATTRIBUTE_ERRORMESSAGE);
+                    value = pipe.run(subject)
+                } catch (e) {
+                    element.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message);
+                }
                 if (value === undefined) {
                     element.removeAttribute(name)
@@ -709,7 +724,6 @@ function runUpdateAttributes(container, parts, subject) {
                 handleInputControlAttributeUpdate.call(this, element, name, value);
             }
         });

package/source/dom/util.js CHANGED Viewed

@@ -13,7 +13,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.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.23.0/dist/modules/dom/util.js';
+ * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/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.23.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.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.23.0/dist/modules/dom/util.js';
+ * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/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.23.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.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.23.0/dist/modules/dom/util.js';
+ * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/util.js';
  * console.log(getDocumentFragmentFromString('<div></div>'))
  * </script>
  * ```

package/source/dom/worker/factory.js ADDED Viewed

@@ -0,0 +1,134 @@
+'use strict';
+/**
+ * @author schukai GmbH
+ */
+import {internalSymbol} from "../../constants.js";
+import {assignToNamespace, Monster} from "../../namespace.js";
+import {Base} from "../../types/base.js";
+import {getGlobal, getGlobalFunction} from "../../types/global.js";
+import {isFunction} from "../../types/is.js";
+import {validateInstance, validateString} from "../../types/validate.js";
+/**
+ * You can call the function via the monster namespace `new Monster.DOM.Worker.getLocaleOfDocument()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
+ * console.log(new Monster.DOM.Worker.Factory())
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {Factory} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/worker/factory.js';
+ * console.log(new Factory())
+ * </script>
+ * ```
+ *
+ * @since 1.25.0
+ * @copyright schukai GmbH
+ * @memberOf Monster.DOM.Worker
+ * @summary A small factory to create worker
+ */
+class Factory extends Base {
+    /**
+     *
+     */
+    constructor() {
+        super();
+        this[internalSymbol] = {
+            worker: new WeakMap
+        }
+    }
+    /**
+     * Creates a worker from a URL
+     *
+     * @param {string|URL} url
+     * @param {function} messageHandler
+     * @param {function} errorHandler
+     * @return {Worker}
+     */
+    createFromURL = function (url, messageHandler, errorHandler) {
+        if (url instanceof URL) {
+            url = url.toString();
+        }
+        const workerClass = getGlobalFunction('Worker');
+        var worker = new workerClass(validateString(url));
+        if (isFunction(messageHandler)) {
+            worker.onmessage = (event) => {
+                messageHandler.call(worker, event);
+            }
+        }
+        if (isFunction(errorHandler)) {
+            worker.onerror = (event) => {
+                errorHandler.call(worker, event);
+            }
+        }
+        return worker;
+    };
+    /**
+     * Creates a worker from a script
+     *
+     * @param {string} content
+     * @param {function} messageHandler
+     * @param {function} errorHandler
+     * @return {Worker}
+     * @see https://developer.mozilla.org/de/docs/Web/API/URL/createObjectURL
+     */
+    createFromScript = function (content, messageHandler, errorHandler) {
+        const blobFunction = new getGlobalFunction('Blob')
+        const blob = new blobFunction([validateString(content)], {type: 'script/javascript'});
+        const url = getGlobalFunction('URL').createObjectURL(blob);
+        const worker = this.createFromURL(url, messageHandler, errorHandler);
+        this[internalSymbol]['worker'].set(worker, url);
+        return worker;
+    };
+    /**
+     * Terminate the worker and call revokeObjectURL if necessary.
+     *
+     * @param worker
+     * @return {Monster.DOM.Worker.Factory}
+     */
+    terminate(worker) {
+        const workerClass = getGlobalFunction('Worker');
+        validateInstance(worker, workerClass);
+        worker.terminate();
+        if (this[internalSymbol]['worker'].has(worker)) {
+            const url = this[internalSymbol]['worker'].get(worker);
+            URL.revokeObjectURL(url);
+        }
+        return this;
+    }
+}
+assignToNamespace('Monster.DOM.Worker', Factory);
+export {Monster, Factory}