@schukai/monster 3.49.0 → 3.51.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schukai/monster",
-  "version": "3.49.0",
+  "version": "3.51.0",
   "description": "Monster is a simple library for creating fast, robust and lightweight websites.",
   "keywords": [
     "framework",

package/source/data/datasource/server/restapi/data-fetch-error.mjs

@@ -27,7 +27,7 @@ class DataFetchError extends Error {
     constructor(message, response) {
         super(message);
         this[internalSymbol] = {
-            response: response
+            response: response,
         };
     }
 
@@ -46,5 +46,4 @@ class DataFetchError extends Error {
     getResponse() {
         return this[internalSymbol]["response"];
     }
-
 }

package/source/data/datasource/server/restapi.mjs

@@ -5,13 +5,13 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {internalSymbol, instanceSymbol} from "../../../constants.mjs";
-import {isObject, isFunction} from "../../../types/is.mjs";
-import {Server} from "../server.mjs";
-import {WriteError} from "./restapi/writeerror.mjs";
-import {DataFetchError} from "./restapi/data-fetch-error.mjs";
+import { internalSymbol, instanceSymbol } from "../../../constants.mjs";
+import { isObject, isFunction } from "../../../types/is.mjs";
+import { Server } from "../server.mjs";
+import { WriteError } from "./restapi/writeerror.mjs";
+import { DataFetchError } from "./restapi/data-fetch-error.mjs";
 
-export {RestAPI};
+export { RestAPI };
 
 /**
  * @type {symbol}
@@ -189,7 +189,10 @@ function fetchData(init, key, callback) {
             const acceptedStatus = self.getOption(`${key}.acceptedStatus`, [200]);
 
             if (acceptedStatus.indexOf(resp.status) === -1) {
-                throw new DataFetchError(`the response does not contain a accepted status (actual: ${resp.status}).`, response);
+                throw new DataFetchError(
+                    `the response does not contain a accepted status (actual: ${resp.status}).`,
+                    response,
+                );
             }
 
             return resp.text();

package/source/data/transformer.mjs

@@ -673,6 +673,24 @@ function transform(value) {
                 throw new Error(`unsupported locale or missing format (${e.message})`);
             }
 
+        case "datetimeformat":
+            date = new Date(value);
+            if (isNaN(date.getTime())) {
+                throw new Error("invalid date");
+            }
+
+            const options = {
+                dateStyle: args.shift() || "medium",
+                timeStyle: args.shift() || "medium",
+            };
+
+            try {
+                locale = getLocaleOfDocument();
+                return new Intl.DateTimeFormat(locale, options).format(date);
+            } catch (e) {
+                throw new Error(`unsupported locale or missing format (${e.message})`);
+            }
+
         case "datetime":
             date = new Date(value);
             if (isNaN(date.getTime())) {

package/source/dom/constants.mjs

@@ -61,7 +61,7 @@ export {
     customElementUpdaterLinkSymbol,
     initControlCallbackName,
     ATTRIBUTE_SCRIPT_HOST,
-    ATTRIBUTE_INIT_CALLBACK
+    ATTRIBUTE_INIT_CALLBACK,
 };
 
 /**

package/source/dom/customcontrol.mjs

@@ -5,13 +5,13 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {extend} from "../data/extend.mjs";
-import {addAttributeToken} from "./attributes.mjs";
-import {ATTRIBUTE_ERRORMESSAGE} from "./constants.mjs";
-import {CustomElement, attributeObserverSymbol} from "./customelement.mjs";
-import {instanceSymbol} from "../constants.mjs";
+import { extend } from "../data/extend.mjs";
+import { addAttributeToken } from "./attributes.mjs";
+import { ATTRIBUTE_ERRORMESSAGE } from "./constants.mjs";
+import { CustomElement, attributeObserverSymbol } from "./customelement.mjs";
+import { instanceSymbol } from "../constants.mjs";
 
-export {CustomControl};
+export { CustomControl };
 
 /**
  * @private
@@ -42,19 +42,18 @@ const attachedInternalSymbol = Symbol("attachedInternal");
  * Read the HTML specification for Custom Element Reactions: {@link https://html.spec.whatwg.org/dev/custom-elements.html#custom-element-reactions|Custom Element Reactions}.
  *
  * @summary A base class for custom controls based on CustomElement.
- * @copyright schukai GmbH 
+ * @copyright schukai GmbH
  * @license AGPLv3
  * @since 1.14.0
  * @memberOf Monster.DOM
  * @extends Monster.DOM.CustomElement
  */
 class CustomControl extends CustomElement {
-
     /**
      * The constructor method of CustomControl, which is called when creating a new instance.
      * It checks whether the element supports `attachInternals()` and initializes an internal form-associated element
      * if supported. Additionally, it initializes a MutationObserver to watch for attribute changes.
-     * 
+     *
      * See the links below for more information:
      * {@link https://html.spec.whatwg.org/multipage/custom-elements.html#dom-customelementregistry-define|CustomElementRegistry.define()}
      * {@link https://html.spec.whatwg.org/multipage/custom-elements.html#dom-customelementregistry-get|CustomElementRegistry.get()}
@@ -79,7 +78,6 @@ class CustomControl extends CustomElement {
         initObserver.call(this);
     }
 
-
     /**
      * This method is called by the `instanceof` operator.
      * @returns {symbol}
@@ -142,7 +140,6 @@ class CustomControl extends CustomElement {
         throw Error("the value setter must be overwritten by the derived class");
     }
 
-
     /**
      * This is a method of [internal api](https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals)
      *
@@ -327,14 +324,11 @@ class CustomControl extends CustomElement {
         }
     }
 
-
     /**
      * @param {string} state
      * @param {string} mode
      */
-    formStateRestoreCallback(state, mode) {
-
-    }
+    formStateRestoreCallback(state, mode) {}
 
     /**
      *
@@ -342,7 +336,6 @@ class CustomControl extends CustomElement {
     formResetCallback() {
         this.value = "";
     }
-
 }
 
 /**

package/source/dom/customelement.mjs

@@ -5,20 +5,20 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {findElementWithIdUpwards} from "./util.mjs";
-import {internalSymbol} from "../constants.mjs";
-import {extend} from "../data/extend.mjs";
-import {Pathfinder} from "../data/pathfinder.mjs";
-import {Formatter} from "../text/formatter.mjs";
-
-import {parseDataURL} from "../types/dataurl.mjs";
-import {getGlobalObject} from "../types/global.mjs";
-import {isArray, isFunction, isIterable, isObject, isString} from "../types/is.mjs";
-import {Observer} from "../types/observer.mjs";
-import {ProxyObserver} from "../types/proxyobserver.mjs";
-import {validateFunction, validateInstance, validateObject, validateString} from "../types/validate.mjs";
-import {clone} from "../util/clone.mjs";
-import {addAttributeToken, getLinkedObjects, hasObjectLink} from "./attributes.mjs";
+import { findElementWithIdUpwards } from "./util.mjs";
+import { internalSymbol } from "../constants.mjs";
+import { extend } from "../data/extend.mjs";
+import { Pathfinder } from "../data/pathfinder.mjs";
+import { Formatter } from "../text/formatter.mjs";
+
+import { parseDataURL } from "../types/dataurl.mjs";
+import { getGlobalObject } from "../types/global.mjs";
+import { isArray, isFunction, isIterable, isObject, isString } from "../types/is.mjs";
+import { Observer } from "../types/observer.mjs";
+import { ProxyObserver } from "../types/proxyobserver.mjs";
+import { validateFunction, validateInstance, validateObject, validateString } from "../types/validate.mjs";
+import { clone } from "../util/clone.mjs";
+import { addAttributeToken, getLinkedObjects, hasObjectLink } from "./attributes.mjs";
 import {
     ATTRIBUTE_DISABLED,
     ATTRIBUTE_ERRORMESSAGE,
@@ -27,15 +27,15 @@ import {
     ATTRIBUTE_OPTIONS_SELECTOR,
     ATTRIBUTE_SCRIPT_HOST,
     customElementUpdaterLinkSymbol,
-    initControlCallbackName
+    initControlCallbackName,
 } from "./constants.mjs";
-import {findDocumentTemplate, Template} from "./template.mjs";
-import {addObjectWithUpdaterToElement} from "./updater.mjs";
-import {instanceSymbol} from "../constants.mjs";
-import {getDocumentTranslations, Translations} from "../i18n/translations.mjs";
-import {getSlottedElements} from "./slotted.mjs";
-import {initOptionsFromAttributes} from "./util/init-options-from-attributes.mjs";
-import {setOptionFromAttribute} from "./util/set-option-from-attribute.mjs";
+import { findDocumentTemplate, Template } from "./template.mjs";
+import { addObjectWithUpdaterToElement } from "./updater.mjs";
+import { instanceSymbol } from "../constants.mjs";
+import { getDocumentTranslations, Translations } from "../i18n/translations.mjs";
+import { getSlottedElements } from "./slotted.mjs";
+import { initOptionsFromAttributes } from "./util/init-options-from-attributes.mjs";
+import { setOptionFromAttribute } from "./util/set-option-from-attribute.mjs";
 
 export {
     CustomElement,
@@ -188,7 +188,7 @@ const scriptHostElementSymbol = Symbol("scriptHostElement");
  *     display: flex;
  * }
  * ```
- * 
+ *
  * More information about Custom Elements can be found in the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements).
  * And in the [HTML Standard](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) or in the [WHATWG Wiki](https://wiki.whatwg.org/wiki/Custom_Elements).
  *
@@ -204,7 +204,7 @@ class CustomElement extends HTMLElement {
     /**
      * A new object is created. First the `initOptions` method is called. Here the
      * options can be defined in derived classes. Subsequently, the shadowRoot is initialized.
-     * 
+     *
      * IMPORTANT: CustomControls instances are not created via the constructor, but either via a tag in the HTML or via <code>document.createElement()</code>.
      *
      * @throws {Error} the options attribute does not contain a valid json definition.
@@ -220,7 +220,6 @@ class CustomElement extends HTMLElement {
         this[initMethodSymbol]();
         initOptionObserver.call(this);
         this[scriptHostElementSymbol] = [];
-
     }
 
     /**
@@ -279,7 +278,7 @@ class CustomElement extends HTMLElement {
      * More information about the template element can be found in the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).
      *
      * More information about the slot element can be found in the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).
-     *  
+     *
      * @property {boolean} disabled=false Specifies whether the control is disabled. When present, it makes the element non-mutable, non-focusable, and non-submittable with the form.
      * @property {string} shadowMode=open Specifies the mode of the shadow root. When set to `open`, elements in the shadow root are accessible from JavaScript outside the root, while setting it to `closed` denies access to the root's nodes from JavaScript outside it.
      * @property {Boolean} delegatesFocus=true Specifies the behavior of the control with respect to focusability. When set to `true`, it mitigates custom element issues around focusability. When a non-focusable part of the shadow DOM is clicked, the first focusable part is given focus, and the shadow host is given any available :focus styling.
@@ -352,11 +351,11 @@ class CustomElement extends HTMLElement {
     }
 
     /**
-     * The `getTag()` method returns the tag name associated with the custom element. This method should be overwritten 
+     * The `getTag()` method returns the tag name associated with the custom element. This method should be overwritten
      * by the derived class.
      *
-     * Note that there is no check on the name of the tag in this class. It is the responsibility of 
-     * the developer to assign an appropriate tag name. If the name is not valid, the 
+     * Note that there is no check on the name of the tag in this class. It is the responsibility of
+     * the developer to assign an appropriate tag name. If the name is not valid, the
      * `registerCustomElement()` method will issue an error.
      *
      * @see https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name
@@ -369,7 +368,7 @@ class CustomElement extends HTMLElement {
     }
 
     /**
-     * The `getCSSStyleSheet()` method returns a `CSSStyleSheet` object that defines the styles for the custom element. 
+     * The `getCSSStyleSheet()` method returns a `CSSStyleSheet` object that defines the styles for the custom element.
      * If the environment does not support the `CSSStyleSheet` constructor, then an object can be built using the provided detour.
      *
      * If `undefined` is returned, then the shadow root does not receive a stylesheet.
@@ -384,7 +383,7 @@ class CustomElement extends HTMLElement {
      * }
      * ```
      *
-     * If the environment does not support the `CSSStyleSheet` constructor, 
+     * If the environment does not support the `CSSStyleSheet` constructor,
      * you can use the following workaround to create the stylesheet:
      *
      * ```js
@@ -445,8 +444,7 @@ class CustomElement extends HTMLElement {
 
         try {
             value = new Pathfinder(this[internalSymbol].getRealSubject()["options"]).getVia(path);
-        } catch (e) {
-        }
+        } catch (e) {}
 
         if (value === undefined) return defaultValue;
         return value;
@@ -574,22 +572,18 @@ class CustomElement extends HTMLElement {
 
         // Check if the object has already been initialized
         if (!hasObjectLink(self, customElementUpdaterLinkSymbol)) {
-
             // If not, call the assembleMethod to initialize the object
             self[assembleMethodSymbol]();
         }
     }
 
-
-
     /**
      * Called every time the element is removed from the DOM. Useful for running clean up code.
      *
      * @return {void}
      * @since 1.7.0
      */
-    disconnectedCallback() {
-    }
+    disconnectedCallback() {}
 
     /**
      * The custom element has been moved into a new document (e.g. someone called document.adoptNode(el)).
@@ -597,8 +591,7 @@ class CustomElement extends HTMLElement {
      * @return {void}
      * @since 1.7.0
      */
-    adoptedCallback() {
-    }
+    adoptedCallback() {}
 
     /**
      * Called when an observed attribute has been added, removed, updated, or replaced. Also called for initial
@@ -615,7 +608,7 @@ class CustomElement extends HTMLElement {
         const self = this;
 
         if (attrName.startsWith("data-monster-option-")) {
-            setOptionFromAttribute(self, attrName, this[internalSymbol].getSubject()["options"])
+            setOptionFromAttribute(self, attrName, this[internalSymbol].getSubject()["options"]);
         }
 
         const callback = self[attributeObserverSymbol]?.[attrName];
@@ -625,7 +618,6 @@ class CustomElement extends HTMLElement {
             } catch (e) {
                 addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, e.toString());
             }
-
         }
     }
 
@@ -652,7 +644,7 @@ class CustomElement extends HTMLElement {
 
     /**
      * Calls a callback function if it exists.
-     * 
+     *
      * @param {string} name
      * @param {*} args
      * @returns {*}
@@ -661,8 +653,6 @@ class CustomElement extends HTMLElement {
         const self = this;
         return callControlCallback.call(self, name, ...args);
     }
-
-
 }
 
 /**
@@ -679,7 +669,6 @@ function callControlCallback(callBackFunctionName, ...args) {
 
     if (callBackFunctionName in self) {
         return self[callBackFunctionName](self, ...args);
-        
     }
 
     if (!self.hasAttribute(ATTRIBUTE_SCRIPT_HOST)) {
@@ -687,13 +676,12 @@ function callControlCallback(callBackFunctionName, ...args) {
     }
 
     if (self[scriptHostElementSymbol].length === 0) {
-
         const targetId = self.getAttribute(ATTRIBUTE_SCRIPT_HOST);
         if (!targetId) {
             return;
         }
 
-        const list = targetId.split(",")
+        const list = targetId.split(",");
         for (const id of list) {
             const host = findElementWithIdUpwards(self, targetId);
             if (!(host instanceof HTMLElement)) {
@@ -715,7 +703,6 @@ function callControlCallback(callBackFunctionName, ...args) {
     }
 
     addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, `callback ${callBackFunctionName} not found`);
-
 }
 
 /**
@@ -746,7 +733,6 @@ function initFromCallbackHost() {
     callControlCallback.call(self, callBackFunctionName);
 }
 
-
 /**
  * This method is called when the element is first created.
  *
@@ -763,7 +749,11 @@ function attachAttributeChangeMutationObserver() {
     self[attributeMutationObserverSymbol] = new MutationObserver(function (mutations, observer) {
         for (const mutation of mutations) {
             if (mutation.type === "attributes") {
-                self.attributeChangedCallback(mutation.attributeName, mutation.oldValue, mutation.target.getAttribute(mutation.attributeName));
+                self.attributeChangedCallback(
+                    mutation.attributeName,
+                    mutation.oldValue,
+                    mutation.target.getAttribute(mutation.attributeName),
+                );
             }
         }
     });
@@ -773,7 +763,6 @@ function attachAttributeChangeMutationObserver() {
             attributes: true,
             attributeOldValue: true,
         });
-
     } catch (e) {
         addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, e.toString());
     }
@@ -971,8 +960,7 @@ function parseOptionsJSON(data) {
     try {
         let dataUrl = parseDataURL(data);
         data = dataUrl.content;
-    } catch (e) {
-    }
+    } catch (e) {}
 
     try {
         obj = JSON.parse(data);

package/source/dom/dimension.mjs

@@ -75,10 +75,8 @@ function getDeviceDPI() {
  */
 
 function convertToPixels(value, parentElement = document.documentElement, fontSizeElement = document.documentElement) {
-    
     validateString(value);
-    
-    
+
     const regex = /^(-?[\d.]+)(.*)$/;
     const matchResult = value.match(regex);
 

package/source/dom/updater.mjs

@@ -18,7 +18,7 @@ import {
     ATTRIBUTE_UPDATER_REMOVE,
     ATTRIBUTE_UPDATER_REPLACE,
     ATTRIBUTE_UPDATER_SELECT_THIS,
-} from "../dom/constants.mjs";
+} from "./constants.mjs";
 
 import { Base } from "../types/base.mjs";
 import { isArray, isInstance, isIterable } from "../types/is.mjs";

package/source/dom/util/extract-keys.mjs

@@ -5,7 +5,7 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-export {extractKeys}
+export { extractKeys };
 
 /**
  * Extracts the keys from the given object and returns a map with the keys and values.
@@ -17,17 +17,21 @@ export {extractKeys}
  * @param {string} valueSeparator
  * @returns {Map<any, any>}
  */
-function extractKeys(obj, keyPrefix = '', keySeparator = '-', valueSeparator = '.') {
+function extractKeys(obj, keyPrefix = "", keySeparator = "-", valueSeparator = ".") {
     const resultMap = new Map();
 
     function helper(currentObj, currentKeyPrefix, currentValuePrefix) {
         for (const key in currentObj) {
-            if (typeof currentObj[key] === 'object' && !Array.isArray(currentObj[key])) {
-                const newKeyPrefix = currentKeyPrefix ? currentKeyPrefix + keySeparator + key.toLowerCase() : key.toLowerCase();
+            if (typeof currentObj[key] === "object" && !Array.isArray(currentObj[key])) {
+                const newKeyPrefix = currentKeyPrefix
+                    ? currentKeyPrefix + keySeparator + key.toLowerCase()
+                    : key.toLowerCase();
                 const newValuePrefix = currentValuePrefix ? currentValuePrefix + valueSeparator + key : key;
                 helper(currentObj[key], newKeyPrefix, newValuePrefix);
             } else {
-                const finalKey = currentKeyPrefix ? currentKeyPrefix + keySeparator + key.toLowerCase() : key.toLowerCase();
+                const finalKey = currentKeyPrefix
+                    ? currentKeyPrefix + keySeparator + key.toLowerCase()
+                    : key.toLowerCase();
                 const finalValue = currentValuePrefix ? currentValuePrefix + valueSeparator + key : key;
                 resultMap.set(finalKey, finalValue);
             }
@@ -36,4 +40,4 @@ function extractKeys(obj, keyPrefix = '', keySeparator = '-', valueSeparator = '
 
     helper(obj, keyPrefix, keyPrefix);
     return resultMap;
-}
+}

package/source/dom/util/init-options-from-attributes.mjs

@@ -5,12 +5,12 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {Pathfinder} from '../../data/pathfinder.mjs';
-import {isFunction} from '../../types/is.mjs';
-import {attributeObserverSymbol} from "../customelement.mjs";
-import {extractKeys} from "./extract-keys.mjs";
+import { Pathfinder } from "../../data/pathfinder.mjs";
+import { isFunction } from "../../types/is.mjs";
+import { attributeObserverSymbol } from "../customelement.mjs";
+import { extractKeys } from "./extract-keys.mjs";
 
-export {initOptionsFromAttributes};
+export { initOptionsFromAttributes };
 
 /**
  * Initializes the given options object based on the attributes of the current DOM element.
@@ -29,7 +29,7 @@ export {initOptionsFromAttributes};
  *    // e.g. <div data-monster-option-foo="foo"></div>
  *    'bar.baz': (value) => value + 'bar'
  *    // the value of the attribute 'data-monster-option-bar-baz' is appended with 'bar'
- *    // and assigned to the 'bar.baz' property in the options object.  
+ *    // and assigned to the 'bar.baz' property in the options object.
  *    // e.g. <div data-monster-option-bar-baz="foo"></div>
  * }
  *
@@ -41,7 +41,7 @@ export {initOptionsFromAttributes};
  * @returns {Object} - The initialized options object.
  * @this HTMLElement - The context of the DOM element.
  */
-function initOptionsFromAttributes(element, options, mapping = {}, prefix = 'data-monster-option-') {
+function initOptionsFromAttributes(element, options, mapping = {}, prefix = "data-monster-option-") {
     if (!(element instanceof HTMLElement)) return options;
     if (!element.hasAttributes()) return options;
 
@@ -52,7 +52,7 @@ function initOptionsFromAttributes(element, options, mapping = {}, prefix = 'dat
     element.getAttributeNames().forEach((name) => {
         if (!name.startsWith(prefix)) return;
 
-        // check if the attribute name is a valid option. 
+        // check if the attribute name is a valid option.
         // the mapping between the attribute is simple. The dash is replaced by a dot.
         // e.g. data-monster-url => url
         const optionName = keyMap.get(name.substring(prefix.length).toLowerCase());
@@ -65,21 +65,19 @@ function initOptionsFromAttributes(element, options, mapping = {}, prefix = 'dat
             }
 
             const typeOfOptionValue = typeof finder.getVia(optionName);
-            if (typeOfOptionValue === 'boolean') {
-                value = value === 'true';
-            } else if (typeOfOptionValue === 'number') {
+            if (typeOfOptionValue === "boolean") {
+                value = value === "true";
+            } else if (typeOfOptionValue === "number") {
                 value = Number(value);
-            } else if (typeOfOptionValue === 'string') {
+            } else if (typeOfOptionValue === "string") {
                 value = String(value);
-            } else if (typeOfOptionValue === 'object') {
+            } else if (typeOfOptionValue === "object") {
                 value = JSON.parse(value);
             }
 
             finder.setVia(optionName, value);
         }
-    })
+    });
 
     return options;
 }
-
-

package/source/dom/util/set-option-from-attribute.mjs

@@ -5,12 +5,12 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {Pathfinder} from '../../data/pathfinder.mjs';
-import {isFunction} from '../../types/is.mjs';
-import {attributeObserverSymbol} from "../customelement.mjs";
-import {extractKeys} from "./extract-keys.mjs";
+import { Pathfinder } from "../../data/pathfinder.mjs";
+import { isFunction } from "../../types/is.mjs";
+import { attributeObserverSymbol } from "../customelement.mjs";
+import { extractKeys } from "./extract-keys.mjs";
 
-export {setOptionFromAttribute};
+export { setOptionFromAttribute };
 
 /**
  * Set the given options object based on the attributes of the current DOM element.
@@ -29,7 +29,7 @@ export {setOptionFromAttribute};
  *    // e.g. <div data-monster-option-foo="foo"></div>
  *    'bar.baz': (value) => value + 'bar'
  *    // the value of the attribute 'data-monster-option-bar-baz' is appended with 'bar'
- *    // and assigned to the 'bar.baz' property in the options object.  
+ *    // and assigned to the 'bar.baz' property in the options object.
  *    // e.g. <div data-monster-option-bar-baz="foo"></div>
  * }
  *
@@ -42,14 +42,14 @@ export {setOptionFromAttribute};
  * @returns {Object} - The initialized options object.
  * @this HTMLElement - The context of the DOM element.
  */
-function setOptionFromAttribute(element, name, options, mapping = {}, prefix = 'data-monster-option-') {
+function setOptionFromAttribute(element, name, options, mapping = {}, prefix = "data-monster-option-") {
     if (!(element instanceof HTMLElement)) return options;
     if (!element.hasAttributes()) return options;
-    
+
     const keyMap = extractKeys(options);
     const finder = new Pathfinder(options);
 
-    // check if the attribute name is a valid option. 
+    // check if the attribute name is a valid option.
     // the mapping between the attribute is simple. The dash is replaced by a dot.
     // e.g. data-monster-url => url
     const optionName = keyMap.get(name.substring(prefix.length).toLowerCase());
@@ -65,13 +65,13 @@ function setOptionFromAttribute(element, name, options, mapping = {}, prefix = '
     }
 
     const typeOfOptionValue = typeof finder.getVia(optionName);
-    if (typeOfOptionValue === 'boolean') {
-        value = value === 'true';
-    } else if (typeOfOptionValue === 'number') {
+    if (typeOfOptionValue === "boolean") {
+        value = value === "true";
+    } else if (typeOfOptionValue === "number") {
         value = Number(value);
-    } else if (typeOfOptionValue === 'string') {
+    } else if (typeOfOptionValue === "string") {
         value = String(value);
-    } else if (typeOfOptionValue === 'object') {
+    } else if (typeOfOptionValue === "object") {
         value = JSON.parse(value);
     }
 
@@ -79,5 +79,3 @@ function setOptionFromAttribute(element, name, options, mapping = {}, prefix = '
 
     return options;
 }
-
-

package/source/dom/util.mjs

@@ -8,7 +8,7 @@
 import { getGlobal } from "../types/global.mjs";
 import { validateString } from "../types/validate.mjs";
 
-export { getDocument, getWindow, getDocumentFragmentFromString, findElementWithIdUpwards,getContainingDocument };
+export { getDocument, getWindow, getDocumentFragmentFromString, findElementWithIdUpwards, getContainingDocument };
 
 /**
  * This method fetches the document object
@@ -209,7 +209,11 @@ function traverseShadowRoots(element) {
     let currentRoot = element.shadowRoot;
     let currentParent = element.parentNode;
 
-    while (currentParent && currentParent.nodeType !== Node.DOCUMENT_NODE && currentParent.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) {
+    while (
+        currentParent &&
+        currentParent.nodeType !== Node.DOCUMENT_NODE &&
+        currentParent.nodeType !== Node.DOCUMENT_FRAGMENT_NODE
+    ) {
         if (currentRoot && currentRoot.parentNode) {
             currentParent = currentRoot.parentNode;
             currentRoot = currentParent.shadowRoot;
@@ -238,8 +242,11 @@ function traverseShadowRoots(element) {
  * @since 3.36.0
  */
 function getContainingDocument(element) {
-    if (!element || !(element instanceof HTMLElement || element instanceof element.ownerDocument.defaultView.HTMLElement)) {
-        throw new Error('Invalid argument. Expected an HTMLElement.');
+    if (
+        !element ||
+        !(element instanceof HTMLElement || element instanceof element.ownerDocument.defaultView.HTMLElement)
+    ) {
+        throw new Error("Invalid argument. Expected an HTMLElement.");
     }
 
     return traverseShadowRoots(element) || null;

package/source/logging/handler/console.mjs

@@ -21,10 +21,6 @@ export { ConsoleHandler };
  * @memberOf Monster.Logging.Handler
  */
 class ConsoleHandler extends Handler {
-    constructor() {
-        super();
-    }
-
     /**
      * This is the central log function. this method must be
      * overwritten by derived handlers with their own logic.

package/source/text/bracketed-key-value-hash.mjs

@@ -5,7 +5,7 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-export {parseBracketedKeyValueHash, createBracketedKeyValueHash}
+export { parseBracketedKeyValueHash, createBracketedKeyValueHash };
 
 /**
  * Parses a string containing bracketed key-value pairs and returns an object representing the parsed result.
@@ -49,8 +49,7 @@ function parseBracketedKeyValueHash(hashString) {
     //const keyValueStack = [];
 
     const trimmedHashString = hashString.trim();
-    const cleanedHashString = trimmedHashString.charAt(0) === '#' ? trimmedHashString.slice(1) : trimmedHashString;
-
+    const cleanedHashString = trimmedHashString.charAt(0) === "#" ? trimmedHashString.slice(1) : trimmedHashString;
 
     //const selectors = (keyValueStack.length > 0) ? result[selectorStack[selectorStack.length - 1]] : result;
     let currentSelector = "";
@@ -65,20 +64,20 @@ function parseBracketedKeyValueHash(hashString) {
         }
     }
 
-    let currentKey = '';
-    let currentValue = '';
+    let currentKey = "";
+    let currentValue = "";
     let inKey = true;
     let inValue = false;
     let inQuotedValue = false;
     let inSelector = true;
     let escaped = false;
-    let quotedValueStartChar = '';
+    let quotedValueStartChar = "";
 
     for (let i = 0; i < cleanedHashString.length; i++) {
         const c = cleanedHashString[i];
         const nextChar = cleanedHashString?.[i + 1];
 
-        if (c === '\\' && !escaped) {
+        if (c === "\\" && !escaped) {
             escaped = true;
             continue;
         }
@@ -96,7 +95,6 @@ function parseBracketedKeyValueHash(hashString) {
         }
 
         if (inQuotedValue && quotedValueStartChar !== c) {
-
             if (inSelector) {
                 currentSelector += c;
             } else if (inKey) {
@@ -108,19 +106,18 @@ function parseBracketedKeyValueHash(hashString) {
             continue;
         }
 
-        if (c === ';' && inSelector) {
+        if (c === ";" && inSelector) {
             inSelector = true;
             currentSelector = "";
             continue;
         }
 
-
-        if (inSelector === true && c !== '(') {
+        if (inSelector === true && c !== "(") {
             currentSelector += c;
             continue;
         }
 
-        if (c === '(' && inSelector) {
+        if (c === "(" && inSelector) {
             inSelector = false;
             inKey = true;
 
@@ -128,13 +125,12 @@ function parseBracketedKeyValueHash(hashString) {
             continue;
         }
 
-        if (inKey === true && c !== '=') {
+        if (inKey === true && c !== "=") {
             currentKey += c;
             continue;
         }
 
-        if (c === '=' && inKey) {
-
+        if (c === "=" && inKey) {
             inKey = false;
             inValue = true;
 
@@ -160,7 +156,7 @@ function parseBracketedKeyValueHash(hashString) {
                 continue;
             }
 
-            if (c === ',') {
+            if (c === ",") {
                 inValue = false;
                 inKey = true;
                 const decodedCurrentValue = decodeURIComponent(currentValue);
@@ -170,7 +166,7 @@ function parseBracketedKeyValueHash(hashString) {
                 continue;
             }
 
-            if (c === ')') {
+            if (c === ")") {
                 inValue = false;
                 //inKey = true;
                 inSelector = true;
@@ -189,14 +185,11 @@ function parseBracketedKeyValueHash(hashString) {
         }
     }
 
-
     if (inSelector) {
         return selectors;
     }
 
-
     return {};
-
 }
 
 /**
@@ -208,38 +201,37 @@ function parseBracketedKeyValueHash(hashString) {
  * @since 3.37.0
  */
 function createBracketedKeyValueHash(object, addHashPrefix = true) {
-    
     if (!object) {
-        return addHashPrefix ? '#' : '';
+        return addHashPrefix ? "#" : "";
     }
-    
-    let hashString = '';
+
+    let hashString = "";
 
     function encodeKeyValue(key, value) {
-        return encodeURIComponent(key) + '=' + encodeURIComponent(value);
+        return encodeURIComponent(key) + "=" + encodeURIComponent(value);
     }
 
     for (const selector in object) {
         if (object.hasOwnProperty(selector)) {
             const keyValuePairs = object[selector];
             let selectorString = selector;
-            let keyValueString = '';
+            let keyValueString = "";
 
             for (const key in keyValuePairs) {
                 if (keyValuePairs.hasOwnProperty(key)) {
                     const value = keyValuePairs[key];
-                    keyValueString += keyValueString.length === 0 ? '' : ',';
+                    keyValueString += keyValueString.length === 0 ? "" : ",";
                     keyValueString += encodeKeyValue(key, value);
                 }
             }
 
             if (keyValueString.length > 0) {
-                selectorString += '(' + keyValueString + ')';
-                hashString += hashString.length === 0 ? '' : ';';
+                selectorString += "(" + keyValueString + ")";
+                hashString += hashString.length === 0 ? "" : ";";
                 hashString += selectorString;
             }
         }
     }
 
-    return addHashPrefix ? '#' + hashString : hashString;
-}
+    return addHashPrefix ? "#" + hashString : hashString;
+}

package/source/text/util.mjs

@@ -1,2 +1 @@
-export { generateRangeComparisonExpression } from "./generate-range-comparison-expression.mjs"
-
+export { generateRangeComparisonExpression } from "./generate-range-comparison-expression.mjs";

package/source/types/proxyobserver.mjs

@@ -59,10 +59,6 @@ class ProxyObserver extends Base {
     }
 
     /**
-     * Get the real object
-     *
-     * Changes to this object are not noticed by the observers, so you can make a large number of changes and inform the observers later.
-     *
      * @returns {object}
      */
     getSubject() {
@@ -86,8 +82,10 @@ class ProxyObserver extends Base {
     }
 
     /**
-     * get the proxied object
+     * Get the real object
      *
+     * Changes to this object are not noticed by the observers, so you can make a large number of changes and inform the observers later.
+     * 
      * @returns {object}
      */
     getRealSubject() {

package/source/types/version.mjs

@@ -142,7 +142,7 @@ function getMonsterVersion() {
     }
 
     /** don't touch, replaced by make with package.json version */
-    monsterVersion = new Version("3.49.0");
+    monsterVersion = new Version("3.51.0");
 
     return monsterVersion;
 }

package/test/cases/data/transformer.mjs

@@ -28,6 +28,9 @@ describe('Transformer', function () {
     describe('Transformer.run()', function () {
 
         [
+            ['datetimeformat', "2023-02-04 08:02:01", "04.02.2023, 08:02:01"],
+            ['datetimeformat:long:short', "2023-02-04 08:02:01","4. Februar 2023 um 08:02"],
+            ['datetimeformat:short:short', "2023-02-04 08:02:01", "04.02.23, 08:02"],
             ['equals:a', "a", true],
             ['equals:a', "b", false],
             ['equals:3', 3, true],

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("3.49.0")
+        monsterVersion = new Version("3.51.0")
 
         let m = getMonsterVersion();