@schukai/monster 1.24.0 → 1.27.0

package/dist/monster.dev.js

@@ -1,4 +1,4 @@
-/** Monster 1.24.0, © 2021 schukai GmbH, Released under the AGPL 3.0 License. */
+/** Monster 1.27.0, © 2021 schukai GmbH, Released under the AGPL 3.0 License. */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
@@ -19,7 +19,8 @@ return /******/ (function() { // webpackBootstrap
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_0__.Monster; },
-/* harmony export */   "internalSymbol": function() { return /* binding */ internalSymbol; }
+/* harmony export */   "internalSymbol": function() { return /* binding */ internalSymbol; },
+/* harmony export */   "internalStateSymbol": function() { return /* binding */ internalStateSymbol; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 
@@ -37,7 +38,15 @@ __webpack_require__.r(__webpack_exports__);
  * @since 1.24.0
  */
 
-var internalSymbol = Symbol('monsterInternalData');
+var internalSymbol = Symbol('internalData');
+/**
+ * @private
+ * @type {symbol}
+ * @memberOf Monster
+ * @since 1.25.0
+ */
+
+var internalStateSymbol = Symbol('state');
 
 
 /***/ }),
@@ -131,7 +140,7 @@ var Monster = new Namespace("Monster");
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/namespace.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * function hello() {
  *            console.log('Hello World!');
  *        }
@@ -279,6 +288,10 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ * 
  * The abstract constraint defines the api for all constraints. mainly the method isValid() is defined.
  *
  * derived classes must implement the method isValid().
@@ -286,6 +299,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary The abstract constraint
  */
 
 var AbstractConstraint = /*#__PURE__*/function (_Base) {
@@ -373,8 +387,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/base.js';
- * console.log(new Monster.Types.Base())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * new Monster.Types.Base()
  * </script>
  * ```
  *
@@ -382,8 +396,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Base} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/base.js';
- * console.log(new Base())
+ * import {Base} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/base.js';
+ * new Base()
  * </script>
  * ```
  *
@@ -460,11 +474,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * Operators allow you to link constraints together. for example, you can check whether a value is an object or an array. each operator has two operands that are linked together.
  *
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary The abstract operator constraint
  */
 
 var AbstractOperator = /*#__PURE__*/function (_AbstractConstraint) {
@@ -541,11 +560,15 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * The AndOperator is used to link several contraints. The constraint is fulfilled if all constraints of the operators are fulfilled.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/andoperator.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Constraint.AndOperator();
  * </script>
  * ```
@@ -554,16 +577,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/andoperator.js';
+ * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/andoperator.js';
  * new AndOperator();
  * </script>
  * ```
  *
  * @example
  *
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/valid.js';
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/invalid.js';
- * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/andoperator.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/valid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/invalid.js';
+ * import {AndOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/andoperator.js';
  *
  * new AndOperator(
  * new Valid(), new Valid()).isValid()
@@ -580,6 +603,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A and operator constraint
  */
 
 var AndOperator = /*#__PURE__*/function (_AbstractOperator) {
@@ -654,13 +678,17 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * The invalid constraint allows an always invalid query to be performed. this constraint is mainly intended for testing.
  *
  * You can call the method via the monster namespace `new Monster.Constraint.Invalid()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/invalid.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Constraint.Invalid();
  * </script>
  * ```
@@ -669,14 +697,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/invalid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/invalid.js';
  * new Invalid();
  * </script>
  * ```
  *
  * @example
  *
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/invalid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/invalid.js';
  *
  * new Invalid().isValid()
  * .then(()=>console.log(true))
@@ -686,6 +714,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A constraint that always invalid
  */
 
 var Invalid = /*#__PURE__*/function (_AbstractConstraint) {
@@ -762,12 +791,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ * 
+ * The uniform API of the constraints allows chains to be formed.
+ * 
  * You can call the method via the monster namespace `new Monster.Constraint.IsObject()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/isarray.js';
- * console.log(new Monster.Constraint.IsArray())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * new Monster.Constraint.IsArray()
  * </script>
  * ```
  *
@@ -775,14 +808,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/isarray.js';
+ * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/isarray.js';
  * console.log(new IsArray())
  * </script>
  * ```
  *
  * @example
  *
- * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/isarray.js';
+ * import {IsArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/isarray.js';
  *
  * new IsArray()
  * .isValid([])
@@ -797,6 +830,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A constraint to check if a value is an array
  */
 
 var IsArray = /*#__PURE__*/function (_AbstractConstraint) {
@@ -862,16 +896,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 
 /**
- * With this function you can check if a value is iterable
+ * With this function you can check if a value is iterable.
+ * 
+ * This method is used in the library to have consistent names.
  *
  * You can call the method via the monster namespace `Monster.Types.isPrimitive()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isIterable(null)) // ↦ false
- * console.log(Monster.Types.isIterable('hello')) // ↦ true
- * console.log(Monster.Types.isIterable([])) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isIterable(null) // ↦ false
+ * Monster.Types.isIterable('hello') // ↦ true
+ * Monster.Types.isIterable([]) // ↦ true
  * </script>
  * ```
  *
@@ -879,10 +915,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {isIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isIterable(null))  // ↦ false
- * console.log(isIterable('hello'))  // ↦ true
- * console.log(isIterable([]))  // ↦ true
+ * import {isIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isIterable(null)  // ↦ false
+ * isIterable('hello')  // ↦ true
+ * isIterable([])  // ↦ true
  * </script>
  * ```
  *
@@ -900,14 +936,16 @@ function isIterable(value) {
 }
 /**
  * Checks whether the value passed is a primitive (string, number, boolean, NaN, undefined, null or symbol)
+ * 
+ * This method is used in the library to have consistent names.
  *
  * You can call the method via the monster namespace `Monster.Types.isPrimitive()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isPrimitive('2')) // ↦ false
- * console.log(Monster.Types.isPrimitive([])) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isPrimitive('2') // ↦ false
+ * Monster.Types.isPrimitive([]) // ↦ true
  * </script>
  * ```
  *
@@ -915,9 +953,9 @@ function isIterable(value) {
  *
  * ```
  * <script type="module">
- * import {isPrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isPrimitive('2'))  // ↦ true
- * console.log(isPrimitive([]))  // ↦ false
+ * import {isPrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isPrimitive('2'))  // ↦ true
+ * isPrimitive([]))  // ↦ false
  * </script>
  * ```
  *
@@ -946,14 +984,16 @@ function isPrimitive(value) {
 }
 /**
  * Checks whether the value passed is a symbol
+ * 
+ * This method is used in the library to have consistent names.
  *
  * You can call the method via the monster namespace `Monster.Types.isSymbol()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isSymbol('2')) // ↦ false
- * console.log(Monster.Types.isSymbol(Symbol('test')) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isSymbol('2') // ↦ false
+ * Monster.Types.isSymbol(Symbol('test') // ↦ true
  * </script>
  * ```
  *
@@ -961,9 +1001,9 @@ function isPrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {isSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isSymbol(Symbol('a')))  // ↦ true
- * console.log(isSymbol([])  // ↦ false
+ * import {isSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isSymbol(Symbol('a')))  // ↦ true
+ * isSymbol([])  // ↦ false
  * </script>
  * ```
  *
@@ -979,16 +1019,18 @@ function isSymbol(value) {
   return 'symbol' === _typeof(value) ? true : false;
 }
 /**
- * Checks whether the value passed is a boolean
+ * Checks whether the value passed is a boolean.
+ * 
+ * This method is used in the library to have consistent names.
  *
  * You can call the method via the monster namespace `Monster.Types.isBoolean()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isBoolean('2')) // ↦ false
- * console.log(Monster.Types.isBoolean([])) // ↦ false
- * console.log(Monster.Types.isBoolean(true)) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isBoolean('2') // ↦ false
+ * Monster.Types.isBoolean([]) // ↦ false
+ * Monster.Types.isBoolean(true) // ↦ true
  * </script>
  * ```
  *
@@ -996,10 +1038,10 @@ function isSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {isBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isBoolean('2'))  // ↦ false
- * console.log(isBoolean([]))  // ↦ false
- * console.log(isBoolean(2>4))  // ↦ true
+ * import {isBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isBoolean('2'))  // ↦ false
+ * isBoolean([]))  // ↦ false
+ * isBoolean(2>4))  // ↦ true
  * </script>
  * ```
  *
@@ -1019,15 +1061,17 @@ function isBoolean(value) {
   return false;
 }
 /**
- * checks whether the value passed is a string
+ * Checks whether the value passed is a string
+ * 
+ * This method is used in the library to have consistent names.
  *
- * you can call the method via the monster namespace `Monster.Types.isString()`.
+ * You can call the method via the monster namespace `Monster.Types.isString()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isString('2')) // ↦ true
- * console.log(Monster.Types.isString([])) // ↦ false
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isString('2') // ↦ true
+ * Monster.Types.isString([]) // ↦ false
  * </script>
  * ```
  *
@@ -1035,9 +1079,9 @@ function isBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {isString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isString('2'))  // ↦ true
- * console.log(isString([]))  // ↦ false
+ * import {isString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isString('2'))  // ↦ true
+ * isString([]))  // ↦ false
  * </script>
  * ```
  *
@@ -1057,16 +1101,18 @@ function isString(value) {
   return true;
 }
 /**
- * checks whether the value passed is a object
+ * Checks whether the value passed is a object
+ * 
+ * This method is used in the library to have consistent names.
  *
- * you can call the method via the monster namespace `Monster.Types.isObject()`.
+ * You can call the method via the monster namespace `Monster.Types.isObject()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isObject('2')) // ↦ false
- * console.log(Monster.Types.isObject([])) // ↦ false
- * console.log(Monster.Types.isObject({})) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isObject('2') // ↦ false
+ * Monster.Types.isObject([]) // ↦ false
+ * Monster.Types.isObject({}) // ↦ true
  * </script>
  * ```
  *
@@ -1074,9 +1120,9 @@ function isString(value) {
  *
  * ```
  * <script type="module">
- * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isObject('2'))  // ↦ false
- * console.log(isObject([]))  // ↦ false
+ * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isObject('2'))  // ↦ false
+ * isObject([]))  // ↦ false
  * </script>
  * ```
  *
@@ -1099,16 +1145,18 @@ function isObject(value) {
   return false;
 }
 /**
- * checks whether the value passed is a object and instance of instance
+ * Checks whether the value passed is a object and instance of instance.
+ * 
+ * This method is used in the library to have consistent names.
  *
  * you can call the method via the monster namespace `Monster.Types.isInstance()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isInstance('2')) // ↦ false
- * console.log(Monster.Types.isInstance([])) // ↦ false
- * console.log(Monster.Types.isInstance({})) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isInstance('2') // ↦ false
+ * Monster.Types.isInstance([]) // ↦ false
+ * Monster.Types.isInstance({}) // ↦ true
  * </script>
  * ```
  *
@@ -1116,9 +1164,9 @@ function isObject(value) {
  *
  * ```
  * <script type="module">
- * import {isInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isInstance('2'))  // ↦ false
- * console.log(isInstance([]))  // ↦ false
+ * import {isInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isInstance('2'))  // ↦ false
+ * isInstance([]))  // ↦ false
  * </script>
  * ```
  *
@@ -1138,15 +1186,17 @@ function isInstance(value, instance) {
   return value instanceof instance ? true : false;
 }
 /**
- * checks whether the value passed is a array
+ * Checks whether the value passed is a array
+ * 
+ * This method is used in the library to have consistent names. 
  *
  * you can call the method via the monster namespace `Monster.Types.isArray()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isArray('2')) // ↦ false
- * console.log(Monster.Types.isArray([])) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isArray('2') // ↦ false
+ * Monster.Types.isArray([]) // ↦ true
  * </script>
  * ```
  *
@@ -1154,9 +1204,9 @@ function isInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {isArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isArray('2'))  // ↦ false
- * console.log(isArray([]))  // ↦ true
+ * import {isArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isArray('2'))  // ↦ false
+ * isArray([]))  // ↦ true
  * </script>
  * ```
  *
@@ -1165,27 +1215,26 @@ function isInstance(value, instance) {
  * @since 1.0.0
  * @copyright schukai GmbH
  * @memberOf Monster.Types
+ * @see https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray
  */
 
 
 function isArray(value) {
-  if (Array.isArray(value)) {
-    return true;
-  }
-
-  return false;
+  return Array.isArray(value);
 }
 /**
- * checks whether the value passed is a function
+ * Checks whether the value passed is a function
+ * 
+ * This method is used in the library to have consistent names. 
  *
  * you can call the method via the monster namespace `Monster.Types.isFunction()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isFunction(()=>{})) // ↦ true
- * console.log(Monster.Types.isFunction('2')) // ↦ false
- * console.log(Monster.Types.isFunction([])) // ↦ false
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isFunction(()=>{}) // ↦ true
+ * Monster.Types.isFunction('2') // ↦ false
+ * Monster.Types.isFunction([]) // ↦ false
  * </script>
  * ```
  *
@@ -1193,10 +1242,10 @@ function isArray(value) {
  *
  * ```
  * <script type="module">
- * import {isFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isFunction(()=>{})) // ↦ true
- * console.log(isFunction('2'))  // ↦ false
- * console.log(isFunction([]))  // ↦ false
+ * import {isFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isFunction(()=>{}) // ↦ true
+ * isFunction('2'))  // ↦ false
+ * isFunction([]))  // ↦ false
  * </script>
  * ```
  *
@@ -1219,16 +1268,18 @@ function isFunction(value) {
   return false;
 }
 /**
- * checks whether the value passed is an integer
+ * Checks whether the value passed is an integer.
+ * 
+ * This method is used in the library to have consistent names. 
  *
- * you can call the method via the monster namespace `Monster.Types.isFunction()`.
+ * You can call the method via the monster namespace `Monster.Types.isFunction()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(Monster.Types.isInteger(()=>{})) // ↦ true
- * console.log(Monster.Types.isInteger('2')) // ↦ false
- * console.log(Monster.Types.isInteger(2)) // ↦ true
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Types.isInteger(()=>{}) // ↦ true
+ * Monster.Types.isInteger('2') // ↦ false
+ * Monster.Types.isInteger(2) // ↦ true
  * </script>
  * ```
  *
@@ -1236,10 +1287,10 @@ function isFunction(value) {
  *
  * ```
  * <script type="module">
- * import {isInteger} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
- * console.log(isInteger(()=>{})) // ↦ true
- * console.log(isInteger('2'))  // ↦ false
- * console.log(isInteger(2))  // ↦ true
+ * import {isInteger} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
+ * isInteger(()=>{}) // ↦ true
+ * isInteger('2'))  // ↦ false
+ * isInteger(2))  // ↦ true
  * </script>
  * ```
  *
@@ -1301,11 +1352,15 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * You can call the method via the monster namespace `new Monster.Constraint.IsObject()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/isobject.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Constraint.IsObject())
  * </script>
  * ```
@@ -1314,14 +1369,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/isobject.js';
+ * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/isobject.js';
  * console.log(new IsObject())
  * </script>
  * ```
  *
  * @example
  *
- * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/isobject.js';
+ * import {IsObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/isobject.js';
  *
  * new IsObject()
  * .isValid({})
@@ -1337,6 +1392,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A constraint to check if a value is an object
  */
 
 var IsObject = /*#__PURE__*/function (_AbstractConstraint) {
@@ -1415,11 +1471,15 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * The OrOperator is used to link several constraints. The constraint is fulfilled if one of the constraints is fulfilled.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraint/oroperator.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Constraint.OrOperator();
  * </script>
  * ```
@@ -1428,16 +1488,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraint/oroperator.js';
+ * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraint/oroperator.js';
  * new OrOperator();
  * </script>
  * ```
  *
  * @example
  *
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/valid.js';
- * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/invalid.js';
- * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/oroperator.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/valid.js';
+ * import {Invalid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/invalid.js';
+ * import {OrOperator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/oroperator.js';
  *
  * new OrOperator(
  * new Valid(), new Invalid()).isValid()
@@ -1454,6 +1514,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A or operator 
  */
 
 var OrOperator = /*#__PURE__*/function (_AbstractOperator) {
@@ -1551,13 +1612,17 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
+ * Constraints are used to define conditions that must be met by the value of a variable.
+ *
+ * The uniform API of the constraints allows chains to be formed.
+ *
  * The valid constraint allows an always valid query to be performed. this constraint is mainly intended for testing.
  *
  * You can call the method via the monster namespace `new Monster.Constraint.Valid()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/valid.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Constraint.Valid();
  * </script>
  * ```
@@ -1566,14 +1631,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/valid.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/valid.js';
  * new Valid();
  * </script>
  * ```
  *
  * @example
  *
- * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/constraints/valid.js';
+ * import {Valid} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/constraints/valid.js';
  *
  * new Valid().isValid()
  * .then(()=>console.log(true))
@@ -1583,6 +1648,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @since 1.3.0
  * @copyright schukai GmbH
  * @memberOf Monster.Constraints
+ * @summary A constraint that always valid
  */
 
 var Valid = /*#__PURE__*/function (_AbstractConstraint) {
@@ -1623,7 +1689,8 @@ var Valid = /*#__PURE__*/function (_AbstractConstraint) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_0__.Monster; },
-/* harmony export */   "buildMap": function() { return /* binding */ buildMap; }
+/* harmony export */   "buildMap": function() { return /* binding */ buildMap; },
+/* harmony export */   "assembleParts": function() { return /* binding */ assembleParts; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
@@ -1680,7 +1747,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/buildmap.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Data.buildMap())
  * </script>
  * ```
@@ -1689,7 +1756,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/buildmap.js';
+ * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/buildmap.js';
  * console.log(buildMap())
  * </script>
  * ```
@@ -1700,7 +1767,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * @example
  *
- * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/buildmap.js';
+ * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/buildmap.js';
  * // a typical data structure as reported by an api
  *
  * let map;
@@ -1780,6 +1847,23 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  */
 
 function buildMap(subject, selector, valueTemplate, keyTemplate, filter) {
+  return assembleParts(subject, selector, filter, function (v, k, m) {
+    k = build(v, keyTemplate, k);
+    v = build(v, valueTemplate);
+    this.set(k, v);
+  });
+}
+/**
+ * @private
+ * @param {*} subject
+ * @param {string|Monster.Data~exampleSelectorCallback} selector
+ * @param {Monster.Data~exampleFilterCallback} [filter]
+ * @param {function} callback
+ * @return {*}
+ */
+
+
+function assembleParts(subject, selector, filter, callback) {
   var result = new Map();
   var map;
 
@@ -1805,9 +1889,7 @@ function buildMap(subject, selector, valueTemplate, keyTemplate, filter) {
       if (filter.call(m, v, k) !== true) return;
     }
 
-    k = build(v, keyTemplate, k);
-    v = build(v, valueTemplate);
-    result.set(k, v);
+    callback.call(result, v, k, m);
   });
   return result;
 }
@@ -1915,7 +1997,7 @@ function buildFlatMap(subject, selector, key, parentMap) {
  * Alternatively to a string selector a callback can be specified. this must return a map.
  *
  * @example
- * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/buildmap.js';
+ * import {buildMap} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/buildmap.js';
  *
  * let obj = {
  *                "data": [
@@ -2118,7 +2200,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validateIterable('2')) // ↦ TypeError
  * console.log(Monster.Types.validateIterable([])) // ↦ value
  * </script>
@@ -2128,7 +2210,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validateIterable('2'))  // ↦ TypeError
  * console.log(validateIterable([]))  // ↦ value
  * </script>
@@ -2159,7 +2241,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validatePrimitive('2')) // ↦ value
  * console.log(Monster.Types.validatePrimitive([])) // ↦ TypeError
  * </script>
@@ -2169,7 +2251,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validatePrimitive('2'))  // ↦ value
  * console.log(validatePrimitive([]))  // ↦ TypeError
  * </script>
@@ -2201,7 +2283,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validateBoolean(true)) // ↦ value
  * console.log(Monster.Types.validateBoolean('2')) // ↦ TypeError
  * console.log(Monster.Types.validateBoolean([])) // ↦ TypeError
@@ -2212,7 +2294,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validateBoolean(false))  // ↦ value
  * console.log(validateBoolean('2'))  // ↦ TypeError
  * console.log(validateBoolean([]))  // ↦ TypeError
@@ -2243,7 +2325,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validateString('2')) // ↦ value
  * console.log(Monster.Types.validateString([])) // ↦ TypeError
  * </script>
@@ -2253,7 +2335,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validateString('2'))  // ↦ value
  * console.log(validateString([]))  // ↦ TypeError
  * </script>
@@ -2282,7 +2364,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validateObject({})) // ↦ value
  * console.log(Monster.Types.validateObject('2')) // ↦ TypeError
  * console.log(Monster.Types.validateObject([])) // ↦ TypeError
@@ -2293,7 +2375,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validateObject({}))  // ↦ value
  * console.log(validateObject('2'))  // ↦ TypeError
  * console.log(validateObject([]))  // ↦ TypeError
@@ -2323,7 +2405,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validateInstance({}, Object)) // ↦ value
  * console.log(Monster.Types.validateInstance('2', Object)) // ↦ TypeError
  * console.log(Monster.Types.validateInstance([], Object)) // ↦ TypeError
@@ -2334,7 +2416,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validateInstance({}, Object)) // ↦ value
  * console.log(validateInstance('2', Object)) // ↦ TypeError
  * console.log(validateInstance([], Object)) // ↦ TypeError
@@ -2374,7 +2456,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validateArray('2')) // ↦ TypeError
  * console.log(Monster.Types.validateArray([])) // ↦ value
  * </script>
@@ -2384,7 +2466,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validateArray('2'))  // ↦ TypeError
  * console.log(validateArray([]))  // ↦ value
  * </script>
@@ -2413,7 +2495,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validateSymbol('2')) // ↦ TypeError
  * console.log(Monster.Types.validateSymbol([])) // ↦ value
  * </script>
@@ -2423,7 +2505,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validateSymbol('2'))  // ↦ TypeError
  * console.log(validateSymbol())  // ↦ value
  * </script>
@@ -2452,7 +2534,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validateFunction(()=>{})) // ↦ value
  * console.log(Monster.Types.validateFunction('2')) // ↦ TypeError
  * console.log(Monster.Types.validateFunction([])) // ↦ TypeError
@@ -2463,7 +2545,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validateFunction(()=>{})) // ↦ value
  * console.log(validateFunction('2'))  // ↦ TypeError
  * console.log(validateFunction([]))  // ↦ TypeError
@@ -2493,7 +2575,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.validateInteger(true)) // ↦ TypeError
  * console.log(Monster.Types.validateInteger('2')) // ↦ TypeError
  * console.log(Monster.Types.validateInteger(2)) // ↦ value
@@ -2504,7 +2586,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/validate.js';
  * console.log(validateInteger(true)) // ↦ TypeError
  * console.log(validateInteger('2'))  // ↦ TypeError
  * console.log(validateInteger(2))  // ↦ value
@@ -2570,7 +2652,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/util/clone.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.Util.clone({})
  * </script>
  * ```
@@ -2579,7 +2661,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/util/clone.js';
+ * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/util/clone.js';
  * clone({})
  * </script>
  * ```
@@ -2791,7 +2873,7 @@ function getGlobal() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/global.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.Types.getGlobalObject('document') 
  * // ↦ { }
  * </script>
@@ -2801,7 +2883,7 @@ function getGlobal() {
  *
  * ```
  * <script type="module">
- * import {getGlobalObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/global.js';
+ * import {getGlobalObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/global.js';
  * getGlobalObject('document') 
  * // ↦ { }
  * </script>
@@ -2833,7 +2915,7 @@ function getGlobalObject(name) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/global.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.getGlobalFunction('parseInt')) // ↦ f parseInt() { }
  * </script>
  * ```
@@ -2842,7 +2924,7 @@ function getGlobalObject(name) {
  *
  * ```
  * <script type="module">
- * import {getGlobalFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/global.js';
+ * import {getGlobalFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/global.js';
  * console.log(getGlobalFunction('parseInt')) // ↦ f parseInt() { }
  * </script>
  * ```
@@ -2893,7 +2975,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/typeof.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.typeOf())
  * </script>
  * ```
@@ -2902,14 +2984,14 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/typeof.js';
+ * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/typeof.js';
  * console.log(typeOf())
  * </script>
  * ```
  *
  * @example
  *
- * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/typeof.js';
+ * import {typeOf} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/typeof.js';
  *
  * console.log(typeOf(undefined)); // ↦ undefined
  * console.log(typeOf("")); // ↦ string
@@ -3028,7 +3110,7 @@ var WILDCARD = '*';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/pathfinder.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Data.Pathfinder())
  * </script>
  * ```
@@ -3037,7 +3119,7 @@ var WILDCARD = '*';
  *
  * ```
  * <script type="module">
- * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/pathfinder.js';
+ * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/pathfinder.js';
  * console.log(new Pathfinder())
  * </script>
  * ```
@@ -3079,7 +3161,7 @@ var WILDCARD = '*';
  *
  * @example
  *
- * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/pathfinder.js';
+ * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/pathfinder.js';
  *
  * let value = new Pathfinder({
  * a: {
@@ -3105,7 +3187,7 @@ var WILDCARD = '*';
  *
  * @example
  *
- * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/pathfinder.js';
+ * import {Pathfinder} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/pathfinder.js';
  *
  * let p = new Pathfinder({
  *                a: {
@@ -3520,7 +3602,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/stack.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Types.Stack())
  * </script>
  * ```
@@ -3529,7 +3611,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/stack.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/stack.js';
  * console.log(new Stack())
  * </script>
  * ```
@@ -3664,7 +3746,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/diff.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.Data.Diff(a, b)
  * </script>
  * ```
@@ -3673,14 +3755,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/diff.js';
+ * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/diff.js';
  * Diff(a, b)
  * </script>
  * ```
  *
  * @example
  *
- * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/diff.js';
+ * import {Diff} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/diff.js';
  *
  * // given are two objects x and y.
  *
@@ -3926,7 +4008,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/extend.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.Data.extend(a, b)
  * </script>
  * ```
@@ -3935,7 +4017,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {extend} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/extend.js';
+ * import {extend} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/extend.js';
  * extend(a, b)
  * </script>
  * ```
@@ -4064,7 +4146,7 @@ var DELIMITER = '|';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/pipe.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Data.Pipe()
  * </script>
  * ```
@@ -4073,7 +4155,7 @@ var DELIMITER = '|';
  *
  * ```
  * <script type="module">
- * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/pipe.js';
+ * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/pipe.js';
  * new Pipe()
  * </script>
  * ```
@@ -4084,7 +4166,7 @@ var DELIMITER = '|';
  * the word is then converted to uppercase letters and a prefix Hello is added. the two backslash safe the space char.
  *
  * @example
- * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/pipe.js';
+ * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/pipe.js';
  *
  * let obj = {
  *    a: {
@@ -4246,7 +4328,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/transformer.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Data.Transformer()
  * </script>
  * ```
@@ -4255,7 +4337,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/transformer.js';
+ * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/transformer.js';
  * new Transformer()
  * </script>
  * ```
@@ -4272,8 +4354,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * | command      | parameter                  | alias                   | description                                                                                                                                                                                                                                                                                                                                                |
  * |:-------------|:---------------------------|:------------------------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
- * | to-base64    |                            | base64                  | Converts the value to base64                                                                                                                                                                                                                                                                                                                               |
- * | from-base64  |                            |                         | Converts the value from base64                                                                                                                                                                                                                                                                                                                             |
+ * | to-base64    |                            | base64, btob            | Converts the value to base64                                                                                                                                                                                                                                                                                                                               |
+ * | from-base64  |                            | atob                    | Converts the value from base64                                                                                                                                                                                                                                                                                                                             |
  * | call         | function:param1:param2:... |                         | Calling a callback function. The function can be defined in three places: either globally, in the context `addCallback` or in the passed object                                                                                                                                                                                                            |
  * | default      | value:type                 | ??                      | If the value is undefined the first argument is returned, otherwise the value. The third optional parameter specifies the desired type. If no type is specified, string is used. Valid types are bool, string, int, float, undefined and object. An object default value must be specified as a base64 encoded json string. (since 1.12.0)                 |
  * | debug        |                            |                         | the passed value is output (console) and returned  |
@@ -4341,7 +4423,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/data/transformer.js';
+ * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/data/transformer.js';
  *
  * const transformer = new Transformer("tolower")
  *
@@ -4643,9 +4725,11 @@ function transform(value) {
       throw new TypeError("unsupported type " + _typeof(value));
 
     case 'to-base64':
+    case 'btoa':
     case 'base64':
       return btoa(convertToString(value));
 
+    case 'atob':
     case 'from-base64':
       return atob(convertToString(value));
 
@@ -4872,7 +4956,7 @@ var internalCounter = new Map();
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/id.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Types.ID())
  * </script>
  * ```
@@ -4881,7 +4965,7 @@ var internalCounter = new Map();
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/id.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/id.js';
  * console.log(new ID())
  * </script>
  * ```
@@ -4891,6 +4975,7 @@ var internalCounter = new Map();
  * @since 1.0.0
  * @copyright schukai GmbH
  * @memberOf Monster.Types
+ * @summary Automatic generation of ids
  */
 
 var ID = /*#__PURE__*/function (_Base) {
@@ -4899,7 +4984,9 @@ var ID = /*#__PURE__*/function (_Base) {
   var _super = _createSuper(ID);
 
   /**
-   * create new object
+   * create new id with prefix
+   *
+   * @param {string} prefix
    */
   function ID(prefix) {
     var _this;
@@ -5001,7 +5088,7 @@ var ATTRIBUTEPREFIX = "data-monster-";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/assembler.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.DOM.Assembler())
  * </script>
  * ```
@@ -5010,7 +5097,7 @@ var ATTRIBUTEPREFIX = "data-monster-";
  *
  * ```
  * <script type="module">
- * import {Assembler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/assembler.js';
+ * import {Assembler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/assembler.js';
  * console.log(new Assembler())
  * </script>
  * ```
@@ -5151,7 +5238,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/proxyobserver.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Types.ProxyObserver()
  * </script>
  * ```
@@ -5160,7 +5247,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/proxyobserver.js';
+ * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/proxyobserver.js';
  * new ProxyObserver()
  * </script>
  * ```
@@ -5171,9 +5258,9 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/proxyobserver.js';
- * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/observer.js';
- * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/is.js';
+ * import {ProxyObserver} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/proxyobserver.js';
+ * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/observer.js';
+ * import {isObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/is.js';
  *
  * const o = new Observer(function () { 
  *   if (isObject(this) && this instanceof ProxyObserver) {
@@ -5499,7 +5586,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/observer.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Types.Observer())
  * </script>
  * ```
@@ -5508,7 +5595,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/observer.js';
+ * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/observer.js';
  * console.log(new Observer())
  * </script>
  * ```
@@ -5542,7 +5629,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/observer.js';
+ * import {Observer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/observer.js';
  *
  * const observer = new Observer(function(a, b, c) {
  *      console.log(this, a, b, c); // ↦ "a", 2, true 
@@ -5742,7 +5829,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/tokenlist.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Types.TokenList("myclass row")
  * </script>
  * ```
@@ -5751,7 +5838,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {TokenList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/tokenlist.js';
+ * import {TokenList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/tokenlist.js';
  * new TokenList("myclass row")
  * </script>
  * ```
@@ -6174,7 +6261,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/uniquequeue.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Types.UniqueQueue()
  * </script>
  * ```
@@ -6183,7 +6270,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {UniqueQueue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/uniquequeue.js';
+ * import {UniqueQueue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/uniquequeue.js';
  * new UniqueQueue()
  * </script>
  * ```
@@ -6314,11 +6401,11 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 /**
- * You can call the method via the monster namespace `new Monster.Types.Queue()`.
+ * You can create the instance via the monster namespace `new Monster.Types.Queue()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/queue.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Types.Queue()
  * </script>
  * ```
@@ -6327,14 +6414,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/queue.js';
+ * import {Queue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/queue.js';
  * new Queue()
  * </script>
  * ```
  *
  * @example
  *
- * import {Queue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/queue.js';
+ * import {Queue} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/queue.js';
  *
  * const queue = new Queue;
  *
@@ -6503,7 +6590,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/observerlist.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Types.ObserverList())
  * console.log(new Monster.Types.ObserverList())
  * </script>
@@ -6513,7 +6600,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ObserverList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/observerlist.js';
+ * import {ObserverList} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/observerlist.js';
  * console.log(ObserverList())
  * console.log(ObserverList())
  * </script>
@@ -6645,7 +6732,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "addAttributeToken": function() { return /* binding */ addAttributeToken; },
 /* harmony export */   "toggleAttributeToken": function() { return /* binding */ toggleAttributeToken; },
 /* harmony export */   "getLinkedObjects": function() { return /* binding */ getLinkedObjects; },
-/* harmony export */   "findClosestObjectLink": function() { return /* binding */ findClosestObjectLink; }
+/* harmony export */   "findClosestObjectLink": function() { return /* binding */ findClosestObjectLink; },
+/* harmony export */   "findClosestByClass": function() { return /* binding */ findClosestByClass; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16);
@@ -6672,7 +6760,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.DOM.findClosestObjectLink())
  * </script>
  * ```
@@ -6681,7 +6769,7 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/updater.js';
+ * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/updater.js';
  * console.log(findClosestObjectLink())
  * </script>
  * ```
@@ -6702,7 +6790,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.addToObjectLink();
  * </script>
  * ```
@@ -6711,7 +6799,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * addToObjectLink();
  * </script>
  * ```
@@ -6743,7 +6831,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.removeObjectLink();
  * </script>
  * ```
@@ -6752,7 +6840,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * removeObjectLink();
  * </script>
  * ```
@@ -6783,7 +6871,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.hasObjectLink();
  * </script>
  * ```
@@ -6792,7 +6880,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * hasObjectLink();
  * </script>
  * ```
@@ -6828,7 +6916,7 @@ function hasObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.getLinkedObjects();
  * </script>
  * ```
@@ -6837,7 +6925,7 @@ function hasObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * getLinkedObjects();
  * </script>
  * ```
@@ -6871,7 +6959,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.toggleAttributeToken();
  * </script>
  * ```
@@ -6880,7 +6968,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * toggleAttributeToken();
  * </script>
  * ```
@@ -6915,7 +7003,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.addAttributeToken();
  * </script>
  * ```
@@ -6924,7 +7012,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * addAttributeToken();
  * </script>
  * ```
@@ -6961,7 +7049,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.removeAttributeToken();
  * </script>
  * ```
@@ -6970,7 +7058,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * removeAttributeToken();
  * </script>
  * ```
@@ -7006,7 +7094,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.containsAttributeToken();
  * </script>
  * ```
@@ -7015,7 +7103,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * containsAttributeToken();
  * </script>
  * ```
@@ -7048,7 +7136,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.replaceAttributeToken();
  * </script>
  * ```
@@ -7057,7 +7145,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * replaceAttributeToken();
  * </script>
  * ```
@@ -7093,7 +7181,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.clearAttributeTokens();
  * </script>
  * ```
@@ -7102,7 +7190,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * clearAttributeTokens();
  * </script>
  * ```
@@ -7128,11 +7216,29 @@ function clearAttributeTokens(element, key) {
   return element;
 }
 /**
+ * This function searches, starting from an `HTMLElemement`, for the next element that has a certain attribute.
+ *
+ * ```html
+ * <div data-my-attribute="2" id="2">
+ *     <div id="1"></div>
+ * </div>
+ * ```
+ *
+ * ```javascript
+ * // if no value is specified (undefined), then only the attribute is checked.
+ * findClosestByAttribute(document.getElementById('1'),'data-my-attribute'); // ↦ node with id 2
+ * findClosestByAttribute(document.getElementById('2'),'data-my-attribute'); // ↦ node with id 2
+ *
+ * // if a value is specified, for example an empty string, then the name and the value are checked.
+ * findClosestByAttribute(document.getElementById('1'),'data-my-attribute', '');  // ↦ undefined
+ * findClosestByAttribute(document.getElementById('1'),'data-my-attribute', '2'); // ↦ node with id 2
+ * ```
+ *
  * You can call the method via the monster namespace `new Monster.DOM.findClosestByAttribute()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.DOM.findClosestByAttribute();
  * </script>
  * ```
@@ -7141,7 +7247,7 @@ function clearAttributeTokens(element, key) {
  *
  * ```
  * <script type="module">
- * import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/attributes.js';
+ * import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
  * findClosestByAttribute();
  * </script>
  * ```
@@ -7153,14 +7259,21 @@ function clearAttributeTokens(element, key) {
  * @param {string} key
  * @param {string|undefined} value
  * @return {HTMLElement|undefined}
+ * @summary find closest node
  */
 
 
 function findClosestByAttribute(element, key, value) {
   (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateInstance)(element, (0,_types_global_js__WEBPACK_IMPORTED_MODULE_1__.getGlobalFunction)('HTMLElement'));
 
-  if (element.hasAttribute(key) && element.getAttribute(key) === value) {
-    return element;
+  if (element.hasAttribute(key)) {
+    if (value === undefined) {
+      return element;
+    }
+
+    if (element.getAttribute(key) === value) {
+      return element;
+    }
   }
 
   var selector = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(key);
@@ -7171,11 +7284,71 @@ function findClosestByAttribute(element, key, value) {
     return result;
   }
 
+  return undefined;
+}
+/**
+ * This function searches, starting from an `HTMLElemement`, for the next element that has a certain attribute.
+ *
+ * ```html
+ * <div class="myclass" id="2">
+ *     <div id="1"></div>
+ * </div>
+ * ```
+ *
+ * ```javascript
+ * // if no value is specified (undefined), then only the attribute is checked.
+ * findClosestByClass(document.getElementById('1'),'myclass'); // ↦ node with id 2
+ * findClosestByClass(document.getElementById('2'),'myclass'); // ↦ node with id 2
+ * ```
+ *
+ * You can call the method via the monster namespace `new Monster.DOM.findClosestByClass()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.DOM.findClosestByClass();
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {findClosestByClass} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
+ * findClosestByClass();
+ * </script>
+ * ```
+ *
+ * @since 1.27.0
+ * @copyright schukai GmbH
+ * @memberOf Monster.DOM
+ * @param {HTMLElement} element
+ * @param {string} className
+ * @return {HTMLElement|undefined}
+ * @summary find closest node
+ */
+
+
+function findClosestByClass(element, className) {
+  var _element$classList;
+
+  (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateInstance)(element, (0,_types_global_js__WEBPACK_IMPORTED_MODULE_1__.getGlobalFunction)('HTMLElement'));
+
+  if (element !== null && element !== void 0 && (_element$classList = element.classList) !== null && _element$classList !== void 0 && _element$classList.contains((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(className))) {
+    return element;
+  }
+
+  var result = element.closest('.' + className);
+
+  if (result instanceof HTMLElement) {
+    return result;
+  }
+
   return undefined;
 } // exports
 
 
-(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', getLinkedObjects, addToObjectLink, removeObjectLink, findClosestByAttribute, hasObjectLink, clearAttributeTokens, replaceAttributeToken, containsAttributeToken, removeAttributeToken, addAttributeToken, toggleAttributeToken);
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', findClosestByClass, getLinkedObjects, addToObjectLink, removeObjectLink, findClosestByAttribute, hasObjectLink, clearAttributeTokens, replaceAttributeToken, containsAttributeToken, removeAttributeToken, addAttributeToken, toggleAttributeToken);
 
 
 /***/ }),
@@ -7185,6 +7358,38 @@ function findClosestByAttribute(element, key, value) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_0__.Monster; },
+/* harmony export */   "ATTRIBUTE_HIDDEN": function() { return /* binding */ ATTRIBUTE_HIDDEN; },
+/* harmony export */   "ATTRIBUTE_EXPORTPARTS": function() { return /* binding */ ATTRIBUTE_EXPORTPARTS; },
+/* harmony export */   "ATTRIBUTE_ENTERKEYHINT": function() { return /* binding */ ATTRIBUTE_ENTERKEYHINT; },
+/* harmony export */   "ATTRIBUTE_DRAGGABLE": function() { return /* binding */ ATTRIBUTE_DRAGGABLE; },
+/* harmony export */   "ATTRIBUTE_DIR": function() { return /* binding */ ATTRIBUTE_DIR; },
+/* harmony export */   "ATTRIBUTE_CONTENTEDITABLE": function() { return /* binding */ ATTRIBUTE_CONTENTEDITABLE; },
+/* harmony export */   "ATTRIBUTE_AUTOFOCUS": function() { return /* binding */ ATTRIBUTE_AUTOFOCUS; },
+/* harmony export */   "ATTRIBUTE_AUTOCAPITALIZE": function() { return /* binding */ ATTRIBUTE_AUTOCAPITALIZE; },
+/* harmony export */   "ATTRIBUTE_ACCESSKEY": function() { return /* binding */ ATTRIBUTE_ACCESSKEY; },
+/* harmony export */   "TAG_SCRIPT": function() { return /* binding */ TAG_SCRIPT; },
+/* harmony export */   "TAG_LINK": function() { return /* binding */ TAG_LINK; },
+/* harmony export */   "ATTRIBUTE_INPUTMODE": function() { return /* binding */ ATTRIBUTE_INPUTMODE; },
+/* harmony export */   "ATTRIBUTE_IS": function() { return /* binding */ ATTRIBUTE_IS; },
+/* harmony export */   "ATTRIBUTE_ITEMPROP": function() { return /* binding */ ATTRIBUTE_ITEMPROP; },
+/* harmony export */   "ATTRIBUTE_ITEMID": function() { return /* binding */ ATTRIBUTE_ITEMID; },
+/* harmony export */   "ATTRIBUTE_ITEMREF": function() { return /* binding */ ATTRIBUTE_ITEMREF; },
+/* harmony export */   "ATTRIBUTE_ITEMSCOPE": function() { return /* binding */ ATTRIBUTE_ITEMSCOPE; },
+/* harmony export */   "TAG_STYLE": function() { return /* binding */ TAG_STYLE; },
+/* harmony export */   "ATTRIBUTE_ITEMTYPE": function() { return /* binding */ ATTRIBUTE_ITEMTYPE; },
+/* harmony export */   "ATTRIBUTE_HREF": function() { return /* binding */ ATTRIBUTE_HREF; },
+/* harmony export */   "ATTRIBUTE_LANG": function() { return /* binding */ ATTRIBUTE_LANG; },
+/* harmony export */   "ATTRIBUTE_PART": function() { return /* binding */ ATTRIBUTE_PART; },
+/* harmony export */   "ATTRIBUTE_SLOT": function() { return /* binding */ ATTRIBUTE_SLOT; },
+/* harmony export */   "ATTRIBUTE_SPELLCHECK": function() { return /* binding */ ATTRIBUTE_SPELLCHECK; },
+/* harmony export */   "ATTRIBUTE_SRC": function() { return /* binding */ ATTRIBUTE_SRC; },
+/* harmony export */   "ATTRIBUTE_TABINDEX": function() { return /* binding */ ATTRIBUTE_TABINDEX; },
+/* harmony export */   "ATTRIBUTE_TRANSLATE": function() { return /* binding */ ATTRIBUTE_TRANSLATE; },
+/* harmony export */   "ATTRIBUTE_NONCE": function() { return /* binding */ ATTRIBUTE_NONCE; },
+/* harmony export */   "ATTRIBUTE_TYPE": function() { return /* binding */ ATTRIBUTE_TYPE; },
+/* harmony export */   "ATTRIBUTE_TITLE": function() { return /* binding */ ATTRIBUTE_TITLE; },
+/* harmony export */   "ATTRIBUTE_CLASS": function() { return /* binding */ ATTRIBUTE_CLASS; },
+/* harmony export */   "ATTRIBUTE_ID": function() { return /* binding */ ATTRIBUTE_ID; },
 /* harmony export */   "ATTRIBUTE_PREFIX": function() { return /* binding */ ATTRIBUTE_PREFIX; },
 /* harmony export */   "ATTRIBUTE_OPTIONS": function() { return /* binding */ ATTRIBUTE_OPTIONS; },
 /* harmony export */   "DEFAULT_THEME": function() { return /* binding */ DEFAULT_THEME; },
@@ -7201,7 +7406,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ATTRIBUTE_DISABLED": function() { return /* binding */ ATTRIBUTE_DISABLED; },
 /* harmony export */   "ATTRIBUTE_ERRORMESSAGE": function() { return /* binding */ ATTRIBUTE_ERRORMESSAGE; },
 /* harmony export */   "ATTRIBUTE_VALUE": function() { return /* binding */ ATTRIBUTE_VALUE; },
-/* harmony export */   "objectUpdaterLinkSymbol": function() { return /* binding */ objectUpdaterLinkSymbol; }
+/* harmony export */   "objectUpdaterLinkSymbol": function() { return /* binding */ objectUpdaterLinkSymbol; },
+/* harmony export */   "ATTRIBUTE_TEMPLATE_PREFIX": function() { return /* binding */ ATTRIBUTE_TEMPLATE_PREFIX; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 
@@ -7212,28 +7418,28 @@ __webpack_require__.r(__webpack_exports__);
  */
 
 /**
+ * default theme
  * @memberOf Monster.DOM
- * @since 1.8.0
  * @type {string}
  */
 
-var ATTRIBUTE_PREFIX = 'data-monster-';
+var DEFAULT_THEME = 'monster';
 /**
- * This is the name of the attribute to pass options to a control
- *
  * @memberOf Monster.DOM
  * @since 1.8.0
  * @type {string}
  */
 
-var ATTRIBUTE_OPTIONS = ATTRIBUTE_PREFIX + 'options';
+var ATTRIBUTE_PREFIX = 'data-monster-';
 /**
- * default theme
+ * This is the name of the attribute to pass options to a control
+ *
  * @memberOf Monster.DOM
+ * @since 1.8.0
  * @type {string}
  */
 
-var DEFAULT_THEME = 'monster';
+var ATTRIBUTE_OPTIONS = ATTRIBUTE_PREFIX + 'options';
 /**
  * @memberOf Monster.DOM
  * @type {string}
@@ -7289,6 +7495,13 @@ var ATTRIBUTE_UPDATER_REMOVE = ATTRIBUTE_PREFIX + 'remove';
  */
 
 var ATTRIBUTE_UPDATER_BIND = ATTRIBUTE_PREFIX + 'bind';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.27.0
+ */
+
+var ATTRIBUTE_TEMPLATE_PREFIX = ATTRIBUTE_PREFIX + 'template-prefix';
 /**
  * @memberOf Monster.DOM
  * @type {string}
@@ -7331,79 +7544,303 @@ var ATTRIBUTE_ERRORMESSAGE = ATTRIBUTE_PREFIX + 'error';
  */
 
 var objectUpdaterLinkSymbol = Symbol('monsterUpdater');
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
+var TAG_SCRIPT = 'script';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-/***/ }),
-/* 34 */
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+var TAG_STYLE = 'style';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_1__.Monster; },
-/* harmony export */   "CustomControl": function() { return /* binding */ CustomControl; }
-/* harmony export */ });
-/* harmony import */ var _data_extend_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21);
-/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33);
-/* harmony import */ var _customelement_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(35);
+var TAG_LINK = 'link';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
+var ATTRIBUTE_ID = 'id';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var ATTRIBUTE_CLASS = 'class';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var ATTRIBUTE_TITLE = 'title';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var ATTRIBUTE_SRC = 'src';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var ATTRIBUTE_HREF = 'href';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+var ATTRIBUTE_TYPE = 'type';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+var ATTRIBUTE_NONCE = 'nonce';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var ATTRIBUTE_TRANSLATE = 'translate';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var ATTRIBUTE_TABINDEX = 'tabindex';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+var ATTRIBUTE_SPELLCHECK = 'spellcheck';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+var ATTRIBUTE_SLOT = 'slot';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var ATTRIBUTE_PART = 'part';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var ATTRIBUTE_LANG = 'lang';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var ATTRIBUTE_ITEMTYPE = 'itemtype';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
+var ATTRIBUTE_ITEMSCOPE = 'itemscope';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
+var ATTRIBUTE_ITEMREF = 'itemref';
 /**
- * @author schukai GmbH
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
  */
 
+var ATTRIBUTE_ITEMID = 'itemid';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
+var ATTRIBUTE_ITEMPROP = 'itemprop';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
+var ATTRIBUTE_IS = 'is';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
 
+var ATTRIBUTE_INPUTMODE = 'inputmode';
 /**
- * @private
- * @type {symbol}
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
  */
 
-var attachedInternalSymbol = Symbol('attachedInternal');
+var ATTRIBUTE_ACCESSKEY = 'accesskey';
 /**
- * To define a new HTML control we need the power of CustomElement
- *
- * IMPORTANT: after defining a `CustomElement`, the `registerCustomElement` method must be called
- * with the new class name. only then will the tag defined via the `getTag` method be made known to the DOM.
- *
- * <img src="./images/customcontrol-class.png">
- *
- * This control uses `attachInternals()` to integrate the control into a form.
- * If the target environment does not support this method, the [polyfill](https://www.npmjs.com/package/element-internals-polyfill ) can be used.
- *
- * You can create the object via the function `document.createElement()`.
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
+
+var ATTRIBUTE_AUTOCAPITALIZE = 'autocapitalize';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
+
+var ATTRIBUTE_AUTOFOCUS = 'autofocus';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
+
+var ATTRIBUTE_CONTENTEDITABLE = 'contenteditable';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
+
+var ATTRIBUTE_DIR = 'dir';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
+
+var ATTRIBUTE_DRAGGABLE = 'draggable';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
+
+var ATTRIBUTE_ENTERKEYHINT = 'enterkeyhint';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
+
+var ATTRIBUTE_EXPORTPARTS = 'exportparts';
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @since 1.25.0
+ */
+
+var ATTRIBUTE_HIDDEN = 'hidden';
+
+
+/***/ }),
+/* 34 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_1__.Monster; },
+/* harmony export */   "CustomControl": function() { return /* binding */ CustomControl; }
+/* harmony export */ });
+/* harmony import */ var _data_extend_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21);
+/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33);
+/* harmony import */ var _customelement_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(35);
+
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+/**
+ * @author schukai GmbH
+ */
+
+
+
+
+/**
+ * @private
+ * @type {symbol}
+ */
+
+var attachedInternalSymbol = Symbol('attachedInternal');
+/**
+ * To define a new HTML control we need the power of CustomElement
+ *
+ * IMPORTANT: after defining a `CustomElement`, the `registerCustomElement` method must be called
+ * with the new class name. only then will the tag defined via the `getTag` method be made known to the DOM.
+ *
+ * <img src="./images/customcontrol-class.png">
+ *
+ * This control uses `attachInternals()` to integrate the control into a form.
+ * If the target environment does not support this method, the [polyfill](https://www.npmjs.com/package/element-internals-polyfill ) can be used.
+ *
+ * You can create the object via the function `document.createElement()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/customcontrol.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * document.createElement('monster-')
  * </script>
  * ```
@@ -7938,7 +8375,7 @@ var attributeObserverSymbol = Symbol('attributeObserver');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/customelement.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * document.createElement('monster-')
  * </script>
  * ```
@@ -8804,7 +9241,7 @@ var internal = Symbol('internal');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/dataurl.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Types.DataUrl()
  * </script>
  * ```
@@ -8813,7 +9250,7 @@ var internal = Symbol('internal');
  *
  * ```
  * <script type="module">
- * import {DataUrl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/dataurl.js';
+ * import {DataUrl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/dataurl.js';
  * new DataUrl()
  * </script>
  * ```
@@ -8893,7 +9330,7 @@ var DataUrl = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/dataurl.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.parseDataURL())
  * </script>
  * ```
@@ -8902,7 +9339,7 @@ var DataUrl = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {parseDataURL} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/dataurl.js';
+ * import {parseDataURL} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/dataurl.js';
  * console.log(parseDataURL())
  * </script>
  * ```
@@ -9040,7 +9477,7 @@ var internal = Symbol('internal');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/mediatype.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Types.MediaType())
  * </script>
  * ```
@@ -9049,7 +9486,7 @@ var internal = Symbol('internal');
  *
  * ```
  * <script type="module">
- * import {MediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/mediatype.js';
+ * import {MediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/mediatype.js';
  * console.log(new MediaType())
  * </script>
  * ```
@@ -9167,7 +9604,7 @@ var MediaType = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/dataurl.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.Types.parseMediaType())
  * </script>
  * ```
@@ -9176,7 +9613,7 @@ var MediaType = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {parseMediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/dataurl.js';
+ * import {parseMediaType} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/dataurl.js';
  * console.log(parseMediaType())
  * </script>
  * ```
@@ -9275,7 +9712,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16);
 /* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14);
-/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(39);
+/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(33);
+/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(39);
 
 /**
  * @author schukai GmbH
@@ -9308,13 +9746,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 
+
 /**
  * you can call the method via the monster namespace `new Monster.DOM.Template()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/template.js';
- * console.log(new Monster.DOM.Template())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * new Monster.DOM.Template()
  * </script>
  * ```
  *
@@ -9322,8 +9761,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/template.js';
- * console.log(new Template())
+ * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/template.js';
+ * new Template()
  * </script>
  * ```
  *
@@ -9385,7 +9824,7 @@ var Template = /*#__PURE__*/function (_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">
@@ -9393,15 +9832,15 @@ var Template = /*#__PURE__*/function (_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.24.0/dist/modules/dom/template.js';
- * console.log(Monster.DOM.findDocumentTemplate())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.DOM.findDocumentTemplate()
  * </script>
  * ```
  *
@@ -9409,11 +9848,41 @@ var Template = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/template.js';
- * console.log(findDocumentTemplate())
+ * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/template.js';
+ * findDocumentTemplate()
  * </script>
  * ```
  *
+ * @example
+ *
+ * import { findDocumentTemplate } from "https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/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}
@@ -9427,9 +9896,18 @@ var Template = /*#__PURE__*/function (_Base) {
 
 function findDocumentTemplate(id, currentNode) {
   (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(id);
+  var document = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalObject)('document');
+  var HTMLTemplateElement = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalFunction)('HTMLTemplateElement');
+  var DocumentFragment = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalFunction)('DocumentFragment');
+  var Document = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalFunction)('Document');
+  var prefixID;
 
   if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
     if (currentNode instanceof Node) {
+      if (currentNode.hasAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_TEMPLATE_PREFIX)) {
+        prefixID = currentNode.getAttribute(_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_TEMPLATE_PREFIX);
+      }
+
       currentNode = currentNode.getRootNode();
 
       if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
@@ -9438,27 +9916,57 @@ function findDocumentTemplate(id, currentNode) {
     }
 
     if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
-      currentNode = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalObject)('document');
+      currentNode = document;
     }
   }
 
-  var HTMLTemplateElement = (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalFunction)('HTMLTemplateElement');
-  var theme = (0,_theme_js__WEBPACK_IMPORTED_MODULE_4__.getDocumentTheme)();
-  var themedID = id + '-' + theme.getName();
-  var template = currentNode.getElementById(themedID);
+  var template;
+  var theme = (0,_theme_js__WEBPACK_IMPORTED_MODULE_5__.getDocumentTheme)();
+
+  if (prefixID) {
+    var themedPrefixID = prefixID + '-' + id + '-' + theme.getName(); // current + themedPrefixID
+
+    template = currentNode.getElementById(themedPrefixID);
+
+    if (template instanceof HTMLTemplateElement) {
+      return new Template(template);
+    } // document + themedPrefixID
+
+
+    template = document.getElementById(themedPrefixID);
+
+    if (template instanceof HTMLTemplateElement) {
+      return new Template(template);
+    }
+  }
+
+  var themedID = id + '-' + theme.getName(); // current + themedID
+
+  template = currentNode.getElementById(themedID);
 
   if (template instanceof HTMLTemplateElement) {
     return new Template(template);
-  }
+  } // document + themedID
+
+
+  template = 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);
-  }
+  } // document + ID
+
 
-  if (currentNode !== (0,_types_global_js__WEBPACK_IMPORTED_MODULE_2__.getGlobalObject)('document')) {
-    return findDocumentTemplate(id);
+  template = document.getElementById(id);
+
+  if (template instanceof HTMLTemplateElement) {
+    return new Template(template);
   }
 
   throw new Error("template " + id + " not found.");
@@ -9519,7 +10027,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/theme.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.DOM.Theme())
  * </script>
  * ```
@@ -9528,14 +10036,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/theme.js';
+ * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/theme.js';
  * console.log(new Theme())
  * </script>
  * ```
  *
  * @example
  *
- * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/theme.js';
+ * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/theme.js';
  *
  * const theme = getDocumentTheme();
  * console.log(theme.getName());
@@ -9625,23 +10133,25 @@ function getDocumentTheme() {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_4__.Monster; },
+/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_5__.Monster; },
 /* harmony export */   "Updater": function() { return /* binding */ Updater; }
 /* harmony export */ });
-/* harmony import */ var _data_diff_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
-/* harmony import */ var _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18);
-/* harmony import */ var _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22);
-/* harmony import */ var _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33);
-/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2);
-/* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4);
-/* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9);
-/* harmony import */ var _types_observer_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27);
-/* harmony import */ var _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26);
-/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(14);
-/* harmony import */ var _util_clone_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(15);
-/* harmony import */ var _util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(41);
-/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(38);
-/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(42);
+/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+/* harmony import */ var _data_diff_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20);
+/* harmony import */ var _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18);
+/* harmony import */ var _data_pipe_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(22);
+/* harmony import */ var _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(33);
+/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2);
+/* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4);
+/* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9);
+/* harmony import */ var _types_observer_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27);
+/* harmony import */ var _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(26);
+/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(14);
+/* harmony import */ var _util_clone_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(15);
+/* harmony import */ var _util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(41);
+/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(42);
+/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(38);
+/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(43);
 
 /**
  * @author schukai GmbH
@@ -9705,6 +10215,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 
+
+
 /**
  * The updater class connects an object with the dom. In this way, structures and contents in the DOM can be programmatically adapted via attributes.
  *
@@ -9715,7 +10227,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.DOM.Updater()
  * </script>
  * ```
@@ -9724,14 +10236,14 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/updater.js';
  * new Updater()
  * </script>
  * ```
  *
  * @example
  *
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/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.
@@ -9790,28 +10302,27 @@ var Updater = /*#__PURE__*/function (_Base) {
      * @type {HTMLElement}
      */
 
-    _this.element = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_9__.validateInstance)(element, HTMLElement);
     if (subject === undefined) subject = {};
-    var a = subject;
 
-    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isInstance)(subject, _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_8__.ProxyObserver)) {
-      subject = new _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_8__.ProxyObserver(subject);
+    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isInstance)(subject, _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_9__.ProxyObserver)) {
+      subject = new _types_proxyobserver_js__WEBPACK_IMPORTED_MODULE_9__.ProxyObserver(subject);
     }
 
-    _this.last = {};
-    _this.callbacks = new Map();
-
-    _this.callbacks.set('checkstate', getCheckStateCallback.call(_assertThisInitialized(_this)));
-    /**
-     * @type {object}
-     */
+    _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol] = {
+      element: (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_10__.validateInstance)(element, HTMLElement),
+      last: {},
+      callbacks: new Map(),
+      eventTypes: ['keyup', 'click', 'change', 'drop', 'touchend', 'input'],
+      subject: subject
+    };
 
+    _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.set('checkstate', getCheckStateCallback.call(_assertThisInitialized(_this)));
 
-    _this.subject = subject.attachObserver(new _types_observer_js__WEBPACK_IMPORTED_MODULE_7__.Observer(function () {
-      var s = _this.subject.getRealSubject();
+    _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.attachObserver(new _types_observer_js__WEBPACK_IMPORTED_MODULE_8__.Observer(function () {
+      var s = _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject();
 
-      var diffResult = (0,_data_diff_js__WEBPACK_IMPORTED_MODULE_0__.diff)(_this.last, s);
-      _this.last = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(s);
+      var diffResult = (0,_data_diff_js__WEBPACK_IMPORTED_MODULE_1__.diff)(_this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].last, s);
+      _this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].last = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(s);
 
       for (var _i = 0, _Object$entries = Object.entries(diffResult); _i < _Object$entries.length; _i++) {
         var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
@@ -9823,7 +10334,7 @@ var Updater = /*#__PURE__*/function (_Base) {
         updateAttributes.call(_assertThisInitialized(_this), change);
       }
     }));
-    _this.eventTypes = ['keyup', 'click', 'change', 'drop', 'touchend', 'input'];
+
     return _this;
   }
   /**
@@ -9839,7 +10350,7 @@ var Updater = /*#__PURE__*/function (_Base) {
   _createClass(Updater, [{
     key: "setEventTypes",
     value: function setEventTypes(types) {
-      this.eventTypes = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_9__.validateArray)(types);
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].eventTypes = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_10__.validateArray)(types);
       return this;
     }
     /**
@@ -9853,6 +10364,7 @@ var Updater = /*#__PURE__*/function (_Base) {
      *
      * @since 1.9.0
      * @return {Updater}
+     * @throws {Error} the bind argument must start as a value with a path
      */
 
   }, {
@@ -9860,13 +10372,17 @@ var Updater = /*#__PURE__*/function (_Base) {
     value: function enableEventProcessing() {
       this.disableEventProcessing();
 
-      var _iterator = _createForOfIteratorHelper(this.eventTypes),
+      var _iterator = _createForOfIteratorHelper(this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].eventTypes),
           _step;
 
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var type = _step.value;
-          this.element.addEventListener(type, getControlEventHandler.call(this));
+          // @see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
+          this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.addEventListener(type, getControlEventHandler.call(this), {
+            capture: true,
+            passive: true
+          });
         }
       } catch (err) {
         _iterator.e(err);
@@ -9886,13 +10402,13 @@ var Updater = /*#__PURE__*/function (_Base) {
   }, {
     key: "disableEventProcessing",
     value: function disableEventProcessing() {
-      var _iterator2 = _createForOfIteratorHelper(this.eventTypes),
+      var _iterator2 = _createForOfIteratorHelper(this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].eventTypes),
           _step2;
 
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var type = _step2.value;
-          this.element.removeEventListener(type, getControlEventHandler.call(this));
+          this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.removeEventListener(type, getControlEventHandler.call(this));
         }
       } catch (err) {
         _iterator2.e(err);
@@ -9921,25 +10437,38 @@ var Updater = /*#__PURE__*/function (_Base) {
     value: function run() {
       // the key __init__has no further meaning and is only 
       // used to create the diff for empty objects.
-      this.last = {
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].last = {
         '__init__': true
       };
-      return this.subject.notifyObservers();
+      return this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.notifyObservers();
+    }
+    /**
+     * Gets the values of bound elements and changes them in subject
+     *
+     * @since 1.27.0
+     * @return {Monster.DOM.Updater}
+     */
+
+  }, {
+    key: "retrieve",
+    value: function retrieve() {
+      retrieveFromBindings.call(this);
+      return this;
     }
     /**
-     * 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}
      */
 
   }, {
     key: "getSubject",
     value: function getSubject() {
-      return this.subject.getSubject();
+      return this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getSubject();
     }
     /**
      * This method can be used to register commands that can be called via call: instruction.
@@ -9955,13 +10484,13 @@ var Updater = /*#__PURE__*/function (_Base) {
   }, {
     key: "setCallback",
     value: function setCallback(name, callback) {
-      this.callbacks.set(name, callback);
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.set(name, callback);
       return this;
     }
   }]);
 
   return Updater;
-}(_types_base_js__WEBPACK_IMPORTED_MODULE_5__.Base);
+}(_types_base_js__WEBPACK_IMPORTED_MODULE_6__.Base);
 /**
  * @private
  * @since 1.9.0
@@ -9973,12 +10502,13 @@ var Updater = /*#__PURE__*/function (_Base) {
 function getCheckStateCallback() {
   var self = this;
   return function (current) {
+    // this is a reference to the current object (therefore no array function here)
     if (this instanceof HTMLInputElement) {
       if (['radio', 'checkbox'].indexOf(this.type) !== -1) {
         return this.value + "" === current + "" ? 'true' : undefined;
       }
     } else if (this instanceof HTMLOptionElement) {
-      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isArray)(current) && current.indexOf(this.value) !== -1) {
+      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isArray)(current) && current.indexOf(this.value) !== -1) {
         return 'true';
       }
 
@@ -9996,6 +10526,7 @@ var symbol = Symbol('EventHandler');
  * @private
  * @return {function}
  * @this Updater
+ * @throws {Error} the bind argument must start as a value with a path
  */
 
 function getControlEventHandler() {
@@ -10004,97 +10535,112 @@ function getControlEventHandler() {
   if (self[symbol]) {
     return self[symbol];
   }
-
-  var pathfinder = new _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_1__.Pathfinder(this.subject.getSubject());
   /**
    * @throws {Error} the bind argument must start as a value with a path.
    * @throws {Error} unsupported object
    * @param {Event} event
    */
 
-  self[symbol] = function (event) {
-    var _element$constructor, _Object$getOwnPropert;
 
-    var element = event.target;
+  self[symbol] = function (event) {
+    var element = (0,_events_js__WEBPACK_IMPORTED_MODULE_13__.findTargetElementFromEvent)(event, _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_BIND);
 
-    if (!element.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_BIND)) {
+    if (element === undefined) {
       return;
     }
 
-    var path = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_BIND);
+    retrieveAndSetValue.call(self, element);
+  };
 
-    if (path.indexOf('path:') !== 0) {
-      throw new Error('the bind argument must start as a value with a path.');
-    }
+  return self[symbol];
+}
+/**
+ * @throws {Error} the bind argument must start as a value with a path
+ * @param {HTMLElement} element
+ * @return void
+ */
 
-    path = path.substr(5);
-    var value;
 
-    if (element instanceof HTMLInputElement) {
-      switch (element.type) {
-        case 'checkbox':
-          value = element.checked ? element.value : undefined;
-          break;
+function retrieveAndSetValue(element) {
+  var _element$constructor, _Object$getOwnPropert;
 
-        default:
-          value = element.value;
-          break;
-      }
-    } else if (element instanceof HTMLTextAreaElement) {
-      value = element.value;
-    } else if (element instanceof HTMLSelectElement) {
-      switch (element.type) {
-        case 'select-one':
-          value = element.value;
-          break;
-
-        case 'select-multiple':
-          value = element.value;
-          var options = element === null || element === void 0 ? void 0 : element.selectedOptions;
-          if (options === undefined) options = element.querySelectorAll(":scope option:checked");
-          value = Array.from(options).map(function (_ref) {
-            var value = _ref.value;
-            return value;
-          });
-          break;
-      } // values from customelements 
+  var self = this;
+  var pathfinder = new _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_2__.Pathfinder(self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getSubject());
+  var path = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_BIND);
 
-    } else if (element !== null && element !== void 0 && (_element$constructor = element.constructor) !== null && _element$constructor !== void 0 && _element$constructor.prototype && !!((_Object$getOwnPropert = Object.getOwnPropertyDescriptor(element.constructor.prototype, 'value')) !== null && _Object$getOwnPropert !== void 0 && _Object$getOwnPropert['get']) || element.hasOwnProperty('value')) {
-      value = element === null || element === void 0 ? void 0 : element['value'];
-    } else {
-      throw new Error("unsupported object");
-    }
+  if (path.indexOf('path:') !== 0) {
+    throw new Error('the bind argument must start as a value with a path');
+  }
+
+  path = path.substr(5);
+  var value;
 
-    var copy = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(self.subject.getRealSubject());
-    var pf = new _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_1__.Pathfinder(copy);
-    pf.setVia(path, value);
-    var diffResult = (0,_data_diff_js__WEBPACK_IMPORTED_MODULE_0__.diff)(copy, self.subject.getRealSubject());
+  if (element instanceof HTMLInputElement) {
+    switch (element.type) {
+      case 'checkbox':
+        value = element.checked ? element.value : undefined;
+        break;
 
-    if (diffResult.length > 0) {
-      pathfinder.setVia(path, value);
+      default:
+        value = element.value;
+        break;
     }
-  };
+  } else if (element instanceof HTMLTextAreaElement) {
+    value = element.value;
+  } else if (element instanceof HTMLSelectElement) {
+    switch (element.type) {
+      case 'select-one':
+        value = element.value;
+        break;
 
-  return self[symbol];
+      case 'select-multiple':
+        value = element.value;
+        var options = element === null || element === void 0 ? void 0 : element.selectedOptions;
+        if (options === undefined) options = element.querySelectorAll(":scope option:checked");
+        value = Array.from(options).map(function (_ref) {
+          var value = _ref.value;
+          return value;
+        });
+        break;
+    } // values from customelements 
+
+  } else if (element !== null && element !== void 0 && (_element$constructor = element.constructor) !== null && _element$constructor !== void 0 && _element$constructor.prototype && !!((_Object$getOwnPropert = Object.getOwnPropertyDescriptor(element.constructor.prototype, 'value')) !== null && _Object$getOwnPropert !== void 0 && _Object$getOwnPropert['get']) || element.hasOwnProperty('value')) {
+    value = element === null || element === void 0 ? void 0 : element['value'];
+  } else {
+    throw new Error("unsupported object");
+  }
+
+  var copy = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject());
+  var pf = new _data_pathfinder_js__WEBPACK_IMPORTED_MODULE_2__.Pathfinder(copy);
+  pf.setVia(path, value);
+  var diffResult = (0,_data_diff_js__WEBPACK_IMPORTED_MODULE_1__.diff)(copy, self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject());
+
+  if (diffResult.length > 0) {
+    pathfinder.setVia(path, value);
+  }
 }
 /**
- * @private
- * @since 1.8.0
- * @param {object} change
- * @return {void}
+ * @since 1.27.0
+ * @return void
  */
 
 
-function removeElement(change) {
-  var _iterator3 = _createForOfIteratorHelper(this.element.querySelectorAll(':scope [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REMOVE + ']').entries()),
+function retrieveFromBindings() {
+  var self = this;
+
+  if (self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.matches('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_BIND + ']')) {
+    retrieveAndSetValue.call(self, element);
+  }
+
+  var _iterator3 = _createForOfIteratorHelper(self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.querySelectorAll('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_BIND + ']').entries()),
       _step3;
 
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
       var _step3$value = _slicedToArray(_step3.value, 2),
-          element = _step3$value[1];
+          _element = _step3$value[1];
 
-      element.parentNode.removeChild(element);
+      retrieveAndSetValue.call(self, _element);
     }
   } catch (err) {
     _iterator3.e(err);
@@ -10102,6 +10648,33 @@ function removeElement(change) {
     _iterator3.f();
   }
 }
+/**
+ * @private
+ * @since 1.8.0
+ * @param {object} change
+ * @return {void}
+ */
+
+
+function removeElement(change) {
+  var self = this;
+
+  var _iterator4 = _createForOfIteratorHelper(self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.querySelectorAll(':scope [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REMOVE + ']').entries()),
+      _step4;
+
+  try {
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      var _step4$value = _slicedToArray(_step4.value, 2),
+          _element2 = _step4$value[1];
+
+      _element2.parentNode.removeChild(_element2);
+    }
+  } catch (err) {
+    _iterator4.e(err);
+  } finally {
+    _iterator4.f();
+  }
+}
 /**
  * @private
  * @since 1.8.0
@@ -10119,56 +10692,56 @@ function insertElement(change) {
   var _this2 = this;
 
   var self = this;
-  var subject = self.subject.getRealSubject();
-  var document = (0,_util_js__WEBPACK_IMPORTED_MODULE_13__.getDocument)();
+  var subject = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject();
+  var document = (0,_util_js__WEBPACK_IMPORTED_MODULE_15__.getDocument)();
   var mem = new WeakSet();
   var wd = 0;
 
   while (true) {
     var found = false;
     wd++;
-    var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(change === null || change === void 0 ? void 0 : change['path']);
-    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isArray)(p)) return this;
+    var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(change === null || change === void 0 ? void 0 : change['path']);
+    if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isArray)(p)) return this;
 
     while (p.length > 0) {
       var current = p.join('.');
-      var list = this.element.querySelectorAll(':scope [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT + '*="path:' + current + '"]').entries();
+      var list = this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.querySelectorAll(':scope [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT + '*="path:' + current + '"]').entries();
 
-      var _iterator4 = _createForOfIteratorHelper(list),
-          _step4;
+      var _iterator5 = _createForOfIteratorHelper(list),
+          _step5;
 
       try {
         var _loop = function _loop() {
-          var _step4$value = _slicedToArray(_step4.value, 2),
-              containerElement = _step4$value[1];
+          var _step5$value = _slicedToArray(_step5.value, 2),
+              containerElement = _step5$value[1];
 
           if (mem.has(containerElement)) return "continue";
           mem.add(containerElement);
           found = true;
-          var attributes = containerElement.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT);
-          var def = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(attributes);
+          var attributes = containerElement.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT);
+          var def = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(attributes);
           var i = def.indexOf(' ');
-          var key = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def.substr(0, i));
+          var key = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def.substr(0, i));
           var refPrefix = key + '-';
-          var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def.substr(i)); // this case is actually excluded by the query but is nevertheless checked again here
+          var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def.substr(i)); // this case is actually excluded by the query but is nevertheless checked again here
 
           if (cmd.indexOf('|') > 0) {
             throw new Error("pipes are not allowed when cloning a node.");
           }
 
-          var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__.Pipe(cmd);
+          var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_3__.Pipe(cmd);
 
-          _this2.callbacks.forEach(function (f, n) {
+          _this2[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.forEach(function (f, n) {
             pipe.setCallback(n, f);
           });
 
           var value = void 0;
 
           try {
-            containerElement.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE);
+            containerElement.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE);
             value = pipe.run(subject);
           } catch (e) {
-            containerElement.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE, e.message);
+            containerElement.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE, e.message);
           }
 
           var dataPath = cmd.split(':').pop();
@@ -10178,7 +10751,7 @@ function insertElement(change) {
             insertPoint = containerElement.lastChild;
           }
 
-          if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isIterable)(value)) {
+          if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isIterable)(value)) {
             throw new Error('the value is not iterable');
           }
 
@@ -10192,7 +10765,7 @@ function insertElement(change) {
             var ref = refPrefix + _i3;
             var currentPath = dataPath + "." + _i3;
             available.add(ref);
-            var refElement = containerElement.querySelector('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT_REFERENCE + '="' + ref + '"]');
+            var refElement = containerElement.querySelector('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT_REFERENCE + '="' + ref + '"]');
 
             if (refElement instanceof HTMLElement) {
               insertPoint = refElement;
@@ -10202,27 +10775,27 @@ function insertElement(change) {
             appendNewDocumentFragment(containerElement, key, ref, currentPath);
           }
 
-          var nodes = containerElement.querySelectorAll('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT_REFERENCE + '*="' + refPrefix + '"]');
+          var nodes = containerElement.querySelectorAll('[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT_REFERENCE + '*="' + refPrefix + '"]');
 
           for (var _i4 = 0, _Object$entries3 = Object.entries(nodes); _i4 < _Object$entries3.length; _i4++) {
             var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i4], 2),
                 node = _Object$entries3$_i[1];
 
-            if (!available.has(node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT_REFERENCE))) {
+            if (!available.has(node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT_REFERENCE))) {
               containerElement.removeChild(node);
             }
           }
         };
 
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
           var _ret = _loop();
 
           if (_ret === "continue") continue;
         }
       } catch (err) {
-        _iterator4.e(err);
+        _iterator5.e(err);
       } finally {
-        _iterator4.f();
+        _iterator5.f();
       }
 
       p.pop();
@@ -10248,7 +10821,7 @@ function insertElement(change) {
 
 
 function appendNewDocumentFragment(container, key, ref, path) {
-  var template = (0,_template_js__WEBPACK_IMPORTED_MODULE_12__.findDocumentTemplate)(key, container);
+  var template = (0,_template_js__WEBPACK_IMPORTED_MODULE_14__.findDocumentTemplate)(key, container);
   var nodes = template.createDocumentFragment();
 
   for (var _i5 = 0, _Object$entries4 = Object.entries(nodes.childNodes); _i5 < _Object$entries4.length; _i5++) {
@@ -10257,7 +10830,7 @@ function appendNewDocumentFragment(container, key, ref, path) {
 
     if (node instanceof HTMLElement) {
       applyRecursive(node, key, path);
-      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_INSERT_REFERENCE, ref);
+      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_INSERT_REFERENCE, ref);
     }
 
     container.appendChild(node);
@@ -10275,15 +10848,15 @@ function appendNewDocumentFragment(container, key, ref, path) {
 
 function applyRecursive(node, key, path) {
   if (node instanceof HTMLElement) {
-    if (node.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE)) {
-      var value = node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE);
-      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE, value.replace("path:" + key, "path:" + path));
+    if (node.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE)) {
+      var value = node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE);
+      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE, value.replaceAll("path:" + key, "path:" + path));
     }
 
-    if (node.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES)) {
-      var _value = node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES);
+    if (node.hasAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES)) {
+      var _value = node.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES);
 
-      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES, _value.replace("path:" + key, "path:" + path));
+      node.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES, _value.replaceAll("path:" + key, "path:" + path));
     }
 
     for (var _i6 = 0, _Object$entries5 = Object.entries(node.childNodes); _i6 < _Object$entries5.length; _i6++) {
@@ -10305,10 +10878,10 @@ function applyRecursive(node, key, path) {
 
 function updateContent(change) {
   var self = this;
-  var subject = self.subject.getRealSubject();
-  var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(change === null || change === void 0 ? void 0 : change['path']);
-  runUpdateContent.call(this, this.element, p, subject);
-  var slots = this.element.querySelectorAll('slot');
+  var subject = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject();
+  var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(change === null || change === void 0 ? void 0 : change['path']);
+  runUpdateContent.call(this, this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element, p, subject);
+  var slots = this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element.querySelectorAll('slot');
 
   if (slots.length > 0) {
     for (var _i7 = 0, _Object$entries6 = Object.entries(slots); _i7 < _Object$entries6.length; _i7++) {
@@ -10317,9 +10890,9 @@ function updateContent(change) {
 
       for (var _i8 = 0, _Object$entries7 = Object.entries(slot.assignedNodes()); _i8 < _Object$entries7.length; _i8++) {
         var _Object$entries7$_i = _slicedToArray(_Object$entries7[_i8], 2),
-            element = _Object$entries7$_i[1];
+            _element3 = _Object$entries7$_i[1];
 
-        runUpdateContent.call(this, element, p, subject);
+        runUpdateContent.call(this, _element3, p, subject);
       }
     }
   }
@@ -10337,16 +10910,16 @@ function updateContent(change) {
 function runUpdateContent(container, parts, subject) {
   var _this3 = this;
 
-  if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isArray)(parts)) return;
+  if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isArray)(parts)) return;
   if (!(container instanceof HTMLElement)) return;
-  parts = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(parts);
+  parts = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(parts);
   var mem = new WeakSet();
 
   while (parts.length > 0) {
     var current = parts.join('.');
     parts.pop(); // Unfortunately, static data is always changed as well, since it is not possible to react to changes here.
 
-    var query = '[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE + '^="path:' + current + '"], [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE + '^="static:"]';
+    var query = '[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE + '^="path:' + current + '"], [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE + '^="static:"]';
     var e = container.querySelectorAll('' + query);
     var iterator = new Set(_toConsumableArray(e));
 
@@ -10357,21 +10930,21 @@ function runUpdateContent(container, parts, subject) {
     iterator.forEach(function (key, element) {
       if (mem.has(element)) return;
       mem.add(element);
-      var attributes = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_REPLACE);
-      var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(attributes);
-      var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__.Pipe(cmd);
+      var attributes = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_REPLACE);
+      var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(attributes);
+      var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_3__.Pipe(cmd);
 
-      _this3.callbacks.forEach(function (f, n) {
+      _this3[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.forEach(function (f, n) {
         pipe.setCallback(n, f);
       });
 
       var value;
 
       try {
-        element.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE);
+        element.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE);
         value = pipe.run(subject);
       } catch (e) {
-        element.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE, e.message);
+        element.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE, e.message);
       }
 
       if (value instanceof HTMLElement) {
@@ -10396,9 +10969,9 @@ function runUpdateContent(container, parts, subject) {
 
 
 function updateAttributes(change) {
-  var subject = this.subject.getRealSubject();
-  var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(change === null || change === void 0 ? void 0 : change['path']);
-  runUpdateAttributes.call(this, this.element, p, subject);
+  var subject = this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].subject.getRealSubject();
+  var p = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(change === null || change === void 0 ? void 0 : change['path']);
+  runUpdateAttributes.call(this, this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].element, p, subject);
 }
 /**
  * @private
@@ -10414,15 +10987,15 @@ function runUpdateAttributes(container, parts, subject) {
   var _this4 = this;
 
   var self = this;
-  if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_6__.isArray)(parts)) return;
-  parts = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_10__.clone)(parts);
+  if (!(0,_types_is_js__WEBPACK_IMPORTED_MODULE_7__.isArray)(parts)) return;
+  parts = (0,_util_clone_js__WEBPACK_IMPORTED_MODULE_11__.clone)(parts);
   var mem = new WeakSet();
 
   while (parts.length > 0) {
     var current = parts.join('.');
     parts.pop();
     var iterator = new Set();
-    var query = '[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES + '*="path:' + current + '"], [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES + '^="static:"]';
+    var query = '[' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES + '*="path:' + current + '"], [' + _dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES + '^="static:"]';
     var e = container.querySelectorAll(query);
 
     if (e.length > 0) {
@@ -10436,27 +11009,27 @@ function runUpdateAttributes(container, parts, subject) {
     iterator.forEach(function (key, element) {
       if (mem.has(element)) return;
       mem.add(element);
-      var attributes = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_UPDATER_ATTRIBUTES);
+      var attributes = element.getAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_UPDATER_ATTRIBUTES);
 
       var _loop2 = function _loop2() {
         var _Object$entries8$_i = _slicedToArray(_Object$entries8[_i9], 2),
             def = _Object$entries8$_i[1];
 
-        def = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def);
+        def = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def);
         var i = def.indexOf(' ');
-        var name = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def.substr(0, i));
-        var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_11__.trimSpaces)(def.substr(i));
-        var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__.Pipe(cmd);
-        self.callbacks.forEach(function (f, n) {
+        var name = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def.substr(0, i));
+        var cmd = (0,_util_trimspaces_js__WEBPACK_IMPORTED_MODULE_12__.trimSpaces)(def.substr(i));
+        var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_3__.Pipe(cmd);
+        self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol].callbacks.forEach(function (f, n) {
           pipe.setCallback(n, f, element);
         });
         var value = void 0;
 
         try {
-          element.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE);
+          element.removeAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE);
           value = pipe.run(subject);
         } catch (e) {
-          element.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_3__.ATTRIBUTE_ERRORMESSAGE, e.message);
+          element.setAttribute(_dom_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTE_ERRORMESSAGE, e.message);
         }
 
         if (value === undefined) {
@@ -10554,7 +11127,7 @@ function handleInputControlAttributeUpdate(element, name, value) {
   }
 }
 
-(0,_namespace_js__WEBPACK_IMPORTED_MODULE_4__.assignToNamespace)('Monster.DOM', Updater);
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_5__.assignToNamespace)('Monster.DOM', Updater);
 
 
 /***/ }),
@@ -10600,7 +11173,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/util/trimspaces.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * Monster.Util.trimSpaces(" hello ")
  * </script>
  * ```
@@ -10609,14 +11182,14 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
  *
  * ```
  * <script type="module">
- * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/util/trimspaces.js';
+ * import {trimSpaces} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/util/trimspaces.js';
  * trimSpaces(' hello \\ ')
  * </script>
  * ```
  * 
  * Hint: One stroke is escaped by the javascript interpreter, the second stroke escapes the stroke.
  * 
- * ```plain
+ * ```text
  * a\ b  ↦ a b
  * a\\ b ↦ a\ b
  * ```
@@ -10686,30 +11259,35 @@ function trimSpaces(value) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_0__.Monster; },
-/* harmony export */   "getWindow": function() { return /* binding */ getWindow; },
-/* harmony export */   "getDocument": function() { return /* binding */ getDocument; },
-/* harmony export */   "getDocumentFragmentFromString": function() { return /* binding */ getDocumentFragmentFromString; }
+/* harmony export */   "findTargetElementFromEvent": function() { return /* binding */ findTargetElementFromEvent; },
+/* harmony export */   "fireEvent": function() { return /* binding */ fireEvent; }
 /* harmony export */ });
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16);
+/* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
 /* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
+/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43);
 
 /**
  * @author schukai GmbH
  */
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 
 
 
 
 /**
- * this method fetches the document object
+ * 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.24.0/dist/modules/dom/util.js';
- * console.log(Monster.DOM.getDocument())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * console.log(new Monster.DOM.fireEvent())
  * </script>
  * ```
  *
@@ -10717,12 +11295,157 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  *
  * ```
  * <script type="module">
- * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/util.js';
- * console.log(getDocument())
+ * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/events.js';
+ * console.log(fireEvent())
  * </script>
  * ```
  *
- * in nodejs this functionality can be performed with [jsdom](https://www.npmjs.com/package/jsdom).
+ * @param {HTMLElement|HTMLCollection|NodeList} element
+ * @param {string} type
+ * @return {void}
+ * @since 1.10.0
+ * @copyright schukai GmbH
+ * @memberOf Monster.DOM
+ * @throws {TypeError} value is not an instance of HTMLElement or HTMLCollection
+ * @summary Construct and send and event
+ */
+
+function fireEvent(element, type) {
+  var document = (0,_util_js__WEBPACK_IMPORTED_MODULE_3__.getDocument)();
+
+  if (element instanceof HTMLElement) {
+    if (type === 'click') {
+      element.click();
+      return;
+    }
+
+    var event = new Event((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_2__.validateString)(type), {
+      bubbles: true,
+      cancelable: true
+    });
+    element.dispatchEvent(event);
+  } else if (element instanceof HTMLCollection || element instanceof NodeList) {
+    var _iterator = _createForOfIteratorHelper(element),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var e = _step.value;
+        fireEvent(e, type);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  } else {
+    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.
+ *
+ * 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.27.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.27.0/dist/modules/dom/events.js';
+ * findTargetElementFromEvent()
+ * </script>
+ * ```
+ *
+ * @since 1.14.0
+ * @param {Event} event
+ * @param {string} attributeName
+ * @param {string|null|undefined} attributeValue
+ * @throws {Error} unsupported event
+ * @memberOf Monster.DOM
+ * @throws {TypeError} value is not a string
+ * @throws {TypeError} value is not an instance of HTMLElement
+ * @summary Help function to find the appropriate control
+ */
+
+
+function findTargetElementFromEvent(event, attributeName, attributeValue) {
+  (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_2__.validateInstance)(event, Event);
+
+  if (typeof event.composedPath !== 'function') {
+    throw new Error('unsupported event');
+  }
+
+  var path = event.composedPath(); // closest cannot be used here, because closest is not correct for slotted elements
+
+  if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_1__.isArray)(path)) {
+    for (var i = 0; i < path.length; i++) {
+      var o = path[i];
+
+      if (o instanceof HTMLElement && o.hasAttribute(attributeName) && (attributeValue === undefined || o.getAttribute(attributeName) === attributeValue)) {
+        return o;
+      }
+    }
+  }
+
+  return undefined;
+}
+
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', findTargetElementFromEvent, fireEvent);
+
+
+/***/ }),
+/* 43 */
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_0__.Monster; },
+/* harmony export */   "getWindow": function() { return /* binding */ getWindow; },
+/* harmony export */   "getDocument": function() { return /* binding */ getDocument; },
+/* harmony export */   "getDocumentFragmentFromString": function() { return /* binding */ getDocumentFragmentFromString; }
+/* harmony export */ });
+/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _types_global_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16);
+/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
+
+/**
+ * @author schukai GmbH
+ */
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+
+
+
+/**
+ * this method fetches the document object
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * console.log(Monster.DOM.getDocument())
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/util.js';
+ * console.log(getDocument())
+ * </script>
+ * ```
+ *
+ * in nodejs this functionality can be performed with [jsdom](https://www.npmjs.com/package/jsdom).
  *
  * ```
  * import {JSDOM} from "jsdom"
@@ -10772,7 +11495,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.DOM.getWindow())
  * </script>
  * ```
@@ -10781,7 +11504,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/util.js';
+ * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/util.js';
  * console.log(getWindow(null))
  * </script>
  * ```
@@ -10841,7 +11564,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.DOM.getDocumentFragmentFromString())
  * </script>
  * ```
@@ -10850,7 +11573,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/util.js';
+ * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/util.js';
  * console.log(getDocumentFragmentFromString('<div></div>'))
  * </script>
  * ```
@@ -10902,157 +11625,6 @@ function getDocumentFragmentFromString(html) {
 (0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', getWindow, getDocument, getDocumentFragmentFromString);
 
 
-/***/ }),
-/* 43 */
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_0__.Monster; },
-/* harmony export */   "findTargetElementFromEvent": function() { return /* binding */ findTargetElementFromEvent; },
-/* harmony export */   "fireEvent": function() { return /* binding */ fireEvent; }
-/* harmony export */ });
-/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
-/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(42);
-
-/**
- * @author schukai GmbH
- */
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-
-
-
-
-/**
- * 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.24.0/dist/modules/dom/events.js';
- * console.log(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.24.0/dist/modules/dom/events.js';
- * console.log(fireEvent())
- * </script>
- * ```
- *
- * @param {HTMLElement|HTMLCollection|NodeList} element
- * @param {string} type
- * @return {void}
- * @since 1.10.0
- * @copyright schukai GmbH
- * @memberOf Monster.DOM
- * @throws {TypeError} value is not an instance of HTMLElement or HTMLCollection
- * @summary Construct and send and event
- */
-
-function fireEvent(element, type) {
-  var document = (0,_util_js__WEBPACK_IMPORTED_MODULE_3__.getDocument)();
-
-  if (element instanceof HTMLElement) {
-    if (type === 'click') {
-      element.click();
-      return;
-    }
-
-    var event = new Event((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_2__.validateString)(type), {
-      bubbles: true,
-      cancelable: true
-    });
-    element.dispatchEvent(event);
-  } else if (element instanceof HTMLCollection || element instanceof NodeList) {
-    var _iterator = _createForOfIteratorHelper(element),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var e = _step.value;
-        fireEvent(e, type);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  } else {
-    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.
- *
- * 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.24.0/dist/modules/dom/events.js';
- * console.log(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.24.0/dist/modules/dom/events.js';
- * console.log(findTargetElementFromEvent())
- * </script>
- * ```
- *
- * @since 1.14.0
- * @param {Event} event
- * @param {string} attributeName
- * @param {string|null|undefined} attributeValue
- * @throws {Error} unsupported event
- * @memberOf Monster.DOM
- * @throws {TypeError} value is not a string
- * @throws {TypeError} value is not an instance of HTMLElement
- * @summary Help function to find the appropriate control
- */
-
-
-function findTargetElementFromEvent(event, attributeName, attributeValue) {
-  (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_2__.validateInstance)(event, Event);
-
-  if (typeof event.composedPath !== 'function') {
-    throw new Error('unsupported event');
-  }
-
-  var path = event.composedPath();
-  var element = path === null || path === void 0 ? void 0 : path[0]; // closest cannot be used here, because closest is not correct for slotted elements
-
-  if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_1__.isArray)(path)) {
-    for (var i = 0; i < path.length; i++) {
-      var o = path[i];
-
-      if (o instanceof HTMLElement && o.hasAttribute(attributeName) && (attributeValue === undefined || o.getAttribute(attributeName) === attributeValue)) {
-        return o;
-      }
-    }
-  }
-
-  return undefined;
-}
-
-(0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.DOM', findTargetElementFromEvent, fireEvent);
-
-
 /***/ }),
 /* 44 */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -11064,9 +11636,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _i18n_locale_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(45);
 /* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42);
-
-
+/* harmony import */ var _util_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(43);
 
 /**
  * @author schukai GmbH
@@ -11074,6 +11644,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /**
  * @private
  * @type {string}
@@ -11083,13 +11654,17 @@ var 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 {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/locale.js';
- * console.log(new Monster.DOM.getLocaleOfDocument())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * new Monster.DOM.getLocaleOfDocument()
  * </script>
  * ```
  *
@@ -11097,8 +11672,8 @@ var DEFAULT_LANGUAGE = 'en';
  *
  * ```
  * <script type="module">
- * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/dom/locale.js';
- * console.log(new getLocaleOfDocument())
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/locale.js';
+ * new getLocaleOfDocument()
  * </script>
  * ```
  *
@@ -11190,7 +11765,7 @@ var localeStringSymbol = Symbol('localeString');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/locale.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.I18n.Locale()
  * </script>
  * ```
@@ -11199,7 +11774,7 @@ var localeStringSymbol = Symbol('localeString');
  *
  * ```
  * <script type="module">
- * import {Locale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/locale.js';
+ * import {Locale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/i18n/locale.js';
  * new Locale()
  * </script>
  * ```
@@ -11358,6 +11933,8 @@ var Locale = /*#__PURE__*/function (_Base) {
       return "" + this.localeString;
     }
     /**
+     * The structure has the following: language, script, region, variants, extlang, privateUse
+     *
      * @return {Monster.I18n.LocaleMap}
      */
 
@@ -11390,7 +11967,7 @@ var Locale = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/locale.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.I18n.createLocale()
  * </script>
  * ```
@@ -11399,7 +11976,7 @@ var Locale = /*#__PURE__*/function (_Base) {
  *
  * ```
  * <script type="module">
- * import {createLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/locale.js';
+ * import {createLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/i18n/locale.js';
  * createLocale()
  * </script>
  * ```
@@ -11575,7 +12152,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/provider.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.I18n.Provider()
  * </script>
  * ```
@@ -11584,7 +12161,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Provider} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/provider.js';
+ * import {Provider} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/i18n/provider.js';
  * new Provider()
  * </script>
  * ```
@@ -11685,7 +12262,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/basewithoptions.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Types.BaseWithOptions()
  * </script>
  * ```
@@ -11694,7 +12271,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {BaseWithOptions} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/basewithoptions.js';
+ * import {BaseWithOptions} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/basewithoptions.js';
  * new BaseWithOptions()
  * </script>
  * ```
@@ -11835,7 +12412,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/translations.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.I18n.Translations()
  * </script>
  * ```
@@ -11844,23 +12421,33 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/translations.js';
+ * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/i18n/translations.js';
  * new Translations()
  * </script>
  * ```
  *
  * @example
  *
- * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/translations.js';
+ * import {Translations} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/i18n/translations.js';
+ * import {parseLocale} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/i18n/locale.js';
+ *
  * const translation = new Translations(parseLocale('en-GB'));
  *
  * translation.assignTranslations({
- *            text1: "abc",
- *            text2: {'other': 'xyz'}
- *         });
+ *           text1: "click",
+ *           text2: {
+ *             'one': 'click once',
+ *             'other': 'click n times'
+ *           }
+ *        });
+ *
+ * console.log(translation.getText('text1'));
+ * // ↦ click
  *
- * translation.getText('text1);
- * translation.getPluralRuleText('text2',2);
+ * console.log(translation.getPluralRuleText('text2',1));
+ * // -> click once
+ * console.log(translation.getPluralRuleText('text2',2));
+ * // -> click n times
  *
  * @since 1.13.0
  * @copyright schukai GmbH
@@ -12114,7 +12701,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/providers/fetch.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.I18n.Providers.Fetch()
  * </script>
  * ```
@@ -12123,15 +12710,24 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Fetch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/i18n/providers/fetch.js';
+ * import {Fetch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/i18n/providers/fetch.js';
  * new Fetch()
  * </script>
  * ```
+ * 
+ * @example <caption>das ist ein test</caption>
+ * 
+ * import {Fetch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/i18n/providers/fetch.js';
+ * 
+ * // fetch from API
+ * const translation = new Fetch('https://example.com/${language}.json').getTranslation('en-GB');
+ * // ↦ https://example.com/en.json
  *
  * @since 1.13.0
  * @copyright schukai GmbH
  * @memberOf Monster.I18n.Providers
  * @see {@link https://datatracker.ietf.org/doc/html/rfc3066}
+ * @tutorial i18n-locale-and-formatter
  */
 
 var Fetch = /*#__PURE__*/function (_Provider) {
@@ -12141,7 +12737,13 @@ var Fetch = /*#__PURE__*/function (_Provider) {
 
   /**
    * As options the key `fetch` can be passed. This config object is passed to the fetch method as init.
-   *
+   * 
+   * The url may contain placeholders (language, script, region, variants, extlang, privateUse), so you can specify one url for all translations.
+   * 
+   * ```
+   * new Fetch('https://www.example.com/assets/${language}.json')
+   * ```
+   * 
    * @param {string|URL} url
    * @param {Object} options see {@link Monster.I18n.Providers.Fetch#defaults}
    * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/fetch}
@@ -12244,14 +12846,20 @@ var Fetch = /*#__PURE__*/function (_Provider) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_1__.Monster; },
+/* harmony export */   "Monster": function() { return /* reexport safe */ _namespace_js__WEBPACK_IMPORTED_MODULE_3__.Monster; },
 /* harmony export */   "Formatter": function() { return /* binding */ Formatter; }
 /* harmony export */ });
-/* harmony import */ var _data_pipe_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22);
-/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _types_base_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
-/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(14);
+/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+/* harmony import */ var _data_extend_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
+/* harmony import */ var _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22);
+/* harmony import */ var _namespace_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2);
+/* harmony import */ var _types_basewithoptions_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(47);
+/* harmony import */ var _types_is_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9);
+/* harmony import */ var _types_validate_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
 
+/**
+ * @author schukai GmbH
+ */
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
@@ -12275,6 +12883,10 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
+function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
@@ -12290,23 +12902,52 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 
+
+
+
+
+
+
 /**
- * @author schukai GmbH
+ * @private
+ * @type {symbol}
  */
 
+var internalObjectSymbol = Symbol('internalObject');
+/**
+ * @private
+ * @type {symbol}
+ */
 
+var watchdogSymbol = Symbol('watchdog');
+/**
+ * @private
+ * @type {symbol}
+ */
 
+var markerOpenIndexSymbol = Symbol('markerOpenIndex');
+/**
+ * @private
+ * @type {symbol}
+ */
 
+var markerCloseIndexSymbol = Symbol('markercloseIndex');
+/**
+ * @private
+ * @type {symbol}
+ */
+
+var workingDataSymbol = Symbol('workingData');
 /**
  * Messages can be formatted with the formatter. To do this, an object with the values must be passed to the formatter. The message can then contain placeholders.
  *
  * Look at the example below. The placeholders use the logic of Pipe.
  *
- * You can call the method via the monster namespace `new Monster.Text.Formatter()`.
+ * You can create an instance via the monster namespace `new Monster.Text.Formatter()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/text/formatter.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Text.Formatter()
  * </script>
  * ```
@@ -12315,19 +12956,42 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/text/formatter.js';
+ * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/text/formatter.js';
  * new Formatter()
  * </script>
  * ```
  *
  * ## Marker in marker
  *
- * Markers can be nested. Here, the inner marker is resolved first and then the outer marker.
+ * Markers can be nested. Here, the inner marker is resolved first `${subkey} ↦ 1 = ${mykey2}` and then the outer marker `${mykey2}`.
  *
  * ```
+ * const text = '${mykey${subkey}}';
+ * let obj = {
+ *  mykey2: "1",
+ *  subkey: "2"
+ * };
  *
+ * new Formatter(obj).format(text);
+ * // ↦ 1
  * ```
  *
+ * ## Callbacks
+ *
+ * The values in a formatter can be adjusted via the commands of the `Transformer` or the`Pipe`.
+ * There is also the possibility to use callbacks.
+ *
+ * const formatter = new Formatter({x: '1'}, {
+ *                callbacks: {
+ *                    quote: (value) => {
+ *                        return '"' + value + '"'
+ *                    }
+ *                }
+ *            });
+ *
+ * formatter.format('${x | call:quote}'))
+ * // ↦ "1"
+ *
  * ## Marker with parameter
  *
  * A string can also bring its own values. These must then be separated from the key by a separator `::`.
@@ -12337,7 +13001,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/text/formatter.js';
+ * import {Formatter} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/text/formatter.js';
  *
  * new Formatter({
  *       a: {
@@ -12346,7 +13010,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *           },
  *           d: "world",
  *       }
- *   }).format("${a.b.c} ${a.d | ucfirst}!");
+ *   }).format("${a.b.c} ${a.d | ucfirst}!"); // with pipe
  *
  * // ↦ Hello World!
  *
@@ -12355,8 +13019,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @memberOf Monster.Text
  */
 
-var Formatter = /*#__PURE__*/function (_Base) {
-  _inherits(Formatter, _Base);
+var Formatter = /*#__PURE__*/function (_BaseWithOptions) {
+  _inherits(Formatter, _BaseWithOptions);
 
   var _super = _createSuper(Formatter);
 
@@ -12366,52 +13030,70 @@ var Formatter = /*#__PURE__*/function (_Base) {
    * @param {object} object
    * @throws {TypeError} value is not a object
    */
-  function Formatter(object) {
+  function Formatter(object, options) {
     var _this;
 
     _classCallCheck(this, Formatter);
 
-    _this = _super.call(this);
-
-    if (object === undefined) {
-      object = {};
-    }
-
-    _this.object = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateObject)(object);
-    _this.openMarker = '${';
-    _this.closeMarker = '}';
-    _this.parameterDelimiter = '::';
-    _this.parameterAssignment = '=';
+    _this = _super.call(this, options);
+    _this[internalObjectSymbol] = object || {};
+    _this[markerOpenIndexSymbol] = 0;
+    _this[markerCloseIndexSymbol] = 0;
     return _this;
   }
   /**
-   * Set new Parameter Character
-   *
-   * Default values for the chars are `::` and `=`
-   *
-   * ```
-   * formatter.setParameterChars('#');
-   * formatter.setParameterChars('[',']');
-   * formatter.setParameterChars('i18n{','}');
-   * ```
-   *
-   * @param {string} delimiter
-   * @param {string} assignment
-   * @return {Formatter}
-   * @since 1.24.0
-   * @throws {TypeError} value is not a string
+   * @property {object} marker
+   * @property {array} marker.open=["${"]
+   * @property {array} marker.close=["${"]
+   * @property {object} parameter
+   * @property {string} parameter.delimiter="::"
+   * @property {string} parameter.assignment="="
+   * @property {object} callbacks={}
    */
 
 
   _createClass(Formatter, [{
+    key: "defaults",
+    get: function get() {
+      return (0,_data_extend_js__WEBPACK_IMPORTED_MODULE_1__.extend)({}, _get(_getPrototypeOf(Formatter.prototype), "defaults", this), {
+        marker: {
+          open: ['${'],
+          close: ['}']
+        },
+        parameter: {
+          delimiter: '::',
+          assignment: '='
+        },
+        callbacks: {}
+      });
+    }
+    /**
+     * Set new Parameter Character
+     *
+     * Default values for the chars are `::` and `=`
+     *
+     * ```
+     * formatter.setParameterChars('#');
+     * formatter.setParameterChars('[',']');
+     * formatter.setParameterChars('i18n{','}');
+     * ```
+     *
+     * @param {string} delimiter
+     * @param {string} assignment
+     * @return {Formatter}
+     * @since 1.24.0
+     * @throws {TypeError} value is not a string
+     */
+
+  }, {
     key: "setParameterChars",
     value: function setParameterChars(delimiter, assignment) {
       if (delimiter !== undefined) {
-        this.parameterDelimiter = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(delimiter);
+        this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['parameter']['delimiter'] = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateString)(delimiter);
       }
 
       if (assignment !== undefined) {
-        this.parameterAssignment = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(assignment);
+        this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['parameter']['assignment'] = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateString)(assignment);
       }
 
       return this;
@@ -12427,8 +13109,8 @@ var Formatter = /*#__PURE__*/function (_Base) {
      * formatter.setMarker('i18n{','}');
      * ```
      *
-     * @param {string} open
-     * @param {string} close
+     * @param {array|string} open
+     * @param {array|string|undefined} close
      * @return {Formatter}
      * @since 1.12.0
      * @throws {TypeError} value is not a string
@@ -12441,8 +13123,10 @@ var Formatter = /*#__PURE__*/function (_Base) {
         close = open;
       }
 
-      this.openMarker = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(open);
-      this.closeMarker = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(close);
+      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isString)(open)) open = [open];
+      if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isString)(close)) close = [close];
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['open'] = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateArray)(open);
+      this[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['close'] = (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateArray)(close);
       return this;
     }
     /**
@@ -12450,17 +13134,58 @@ var Formatter = /*#__PURE__*/function (_Base) {
      * @param {string} text
      * @return {string}
      * @throws {TypeError} value is not a string
+     * @throws {Error} too deep nesting
      */
 
   }, {
     key: "format",
     value: function format(text) {
-      return tokenizer.call(this, (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(text));
+      this[watchdogSymbol] = 0;
+      this[markerOpenIndexSymbol] = 0;
+      this[markerCloseIndexSymbol] = 0;
+      this[workingDataSymbol] = {};
+      return _format.call(this, text);
     }
   }]);
 
   return Formatter;
-}(_types_base_js__WEBPACK_IMPORTED_MODULE_2__.Base);
+}(_types_basewithoptions_js__WEBPACK_IMPORTED_MODULE_4__.BaseWithOptions);
+/**
+ * @private
+ * @return {string}
+ */
+
+
+function _format(text) {
+  var _self$internalSymbol$, _self$internalSymbol$2, _self$internalSymbol$3, _self$internalSymbol$4;
+
+  var self = this;
+  self[watchdogSymbol]++;
+
+  if (this[watchdogSymbol] > 20) {
+    throw new Error('too deep nesting');
+  }
+
+  var openMarker = (_self$internalSymbol$ = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['open']) === null || _self$internalSymbol$ === void 0 ? void 0 : _self$internalSymbol$[this[markerOpenIndexSymbol]];
+  var closeMarker = (_self$internalSymbol$2 = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['close']) === null || _self$internalSymbol$2 === void 0 ? void 0 : _self$internalSymbol$2[this[markerCloseIndexSymbol]]; // contains no placeholders
+
+  if (text.indexOf(openMarker) === -1 || text.indexOf(closeMarker) === -1) {
+    return text;
+  }
+
+  var result = tokenize.call(this, (0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateString)(text), openMarker, closeMarker);
+
+  if ((_self$internalSymbol$3 = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['open']) !== null && _self$internalSymbol$3 !== void 0 && _self$internalSymbol$3[this[markerOpenIndexSymbol] + 1]) {
+    this[markerOpenIndexSymbol]++;
+  }
+
+  if ((_self$internalSymbol$4 = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['marker']['close']) !== null && _self$internalSymbol$4 !== void 0 && _self$internalSymbol$4[this[markerCloseIndexSymbol] + 1]) {
+    this[markerCloseIndexSymbol]++;
+  }
+
+  result = _format.call(self, result);
+  return result;
+}
 /**
  * @private
  * @since 1.12.0
@@ -12469,12 +13194,17 @@ var Formatter = /*#__PURE__*/function (_Base) {
  */
 
 
-function tokenizer(text) {
+function tokenize(text, openMarker, closeMarker) {
   var self = this;
   var formatted = [];
+  var parameterAssignment = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['parameter']['assignment'];
+  var parameterDelimiter = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['parameter']['delimiter'];
+  var callbacks = self[_constants_js__WEBPACK_IMPORTED_MODULE_0__.internalSymbol]['callbacks'];
 
   while (true) {
-    var startIndex = text.indexOf(self.openMarker); // no marker 
+    var _self$workingDataSymb;
+
+    var startIndex = text.indexOf(openMarker); // no marker 
 
     if (startIndex === -1) {
       formatted.push(text);
@@ -12484,19 +13214,18 @@ function tokenizer(text) {
       text = text.substring(startIndex);
     }
 
-    var endIndex = text.substring(self.openMarker.length).indexOf(self.closeMarker);
-    if (endIndex !== -1) endIndex += self.openMarker.length;
-    var insideStartIndex = text.substring(self.openMarker.length).indexOf(self.openMarker);
+    var endIndex = text.substring(openMarker.length).indexOf(closeMarker);
+    if (endIndex !== -1) endIndex += openMarker.length;
+    var insideStartIndex = text.substring(openMarker.length).indexOf(openMarker);
 
     if (insideStartIndex !== -1) {
-      insideStartIndex += self.openMarker.length;
+      insideStartIndex += openMarker.length;
 
       if (insideStartIndex < endIndex) {
-        var sub = text.substring(insideStartIndex);
-        var result = tokenizer.call(self, text.substring(insideStartIndex));
+        var result = tokenize.call(self, text.substring(insideStartIndex), openMarker, closeMarker);
         text = text.substring(0, insideStartIndex) + result;
-        endIndex = text.substring(self.openMarker.length).indexOf(self.closeMarker);
-        if (endIndex !== -1) endIndex += self.openMarker.length;
+        endIndex = text.substring(openMarker.length).indexOf(closeMarker);
+        if (endIndex !== -1) endIndex += openMarker.length;
       }
     }
 
@@ -12505,11 +13234,10 @@ function tokenizer(text) {
       return;
     }
 
-    var command = "path:";
-    var key = text.substring(self.openMarker.length, endIndex);
-    var parts = key.split(self.parameterDelimiter);
-    command += parts.shift();
-    var temp = self.object;
+    var key = text.substring(openMarker.length, endIndex);
+    var parts = key.split(parameterDelimiter);
+    var currentPipe = parts.shift();
+    self[workingDataSymbol] = (0,_data_extend_js__WEBPACK_IMPORTED_MODULE_1__.extend)({}, self[internalObjectSymbol], self[workingDataSymbol]);
 
     var _iterator = _createForOfIteratorHelper(parts),
         _step;
@@ -12518,12 +13246,12 @@ function tokenizer(text) {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var kv = _step.value;
 
-        var _kv$split = kv.split(self.parameterAssignment),
+        var _kv$split = kv.split(parameterAssignment),
             _kv$split2 = _slicedToArray(_kv$split, 2),
             k = _kv$split2[0],
             v = _kv$split2[1];
 
-        temp[k] = v;
+        self[workingDataSymbol][k] = v;
       }
     } catch (err) {
       _iterator.e(err);
@@ -12531,14 +13259,40 @@ function tokenizer(text) {
       _iterator.f();
     }
 
-    formatted.push((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_3__.validateString)(new _data_pipe_js__WEBPACK_IMPORTED_MODULE_0__.Pipe(command).run(temp)));
-    text = text.substring(endIndex + self.closeMarker.length);
+    var t1 = key.split('|').shift().trim(); // pipe symbol
+
+    var t2 = t1.split('::').shift().trim(); // key value delimiter
+
+    var t3 = t2.split('.').shift().trim(); // path delimiter
+
+    var prefix = (_self$workingDataSymb = self[workingDataSymbol]) !== null && _self$workingDataSymb !== void 0 && _self$workingDataSymb[t3] ? 'path:' : 'static:';
+    var command = "";
+
+    if (prefix && key.indexOf(prefix) !== 0 && key.indexOf('path:') !== 0 && key.indexOf('static:') !== 0) {
+      command = prefix;
+    }
+
+    command += currentPipe;
+    var pipe = new _data_pipe_js__WEBPACK_IMPORTED_MODULE_2__.Pipe(command);
+
+    if ((0,_types_is_js__WEBPACK_IMPORTED_MODULE_5__.isObject)(callbacks)) {
+      for (var _i = 0, _Object$entries = Object.entries(callbacks); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+            name = _Object$entries$_i[0],
+            callback = _Object$entries$_i[1];
+
+        pipe.setCallback(name, callback);
+      }
+    }
+
+    formatted.push((0,_types_validate_js__WEBPACK_IMPORTED_MODULE_6__.validateString)(pipe.run(self[workingDataSymbol])));
+    text = text.substring(endIndex + closeMarker.length);
   }
 
   return formatted.join('');
 }
 
-(0,_namespace_js__WEBPACK_IMPORTED_MODULE_1__.assignToNamespace)('Monster.Text', Formatter);
+(0,_namespace_js__WEBPACK_IMPORTED_MODULE_3__.assignToNamespace)('Monster.Text', Formatter);
 
 
 /***/ }),
@@ -12592,7 +13346,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/logging/handler.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Logging.Handler())
  * </script>
  * ```
@@ -12601,7 +13355,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/logging/handler.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/logging/handler.js';
  * console.log(new Handler())
  * </script>
  * ```
@@ -12839,7 +13593,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/logging/logentry.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Logging.LogEntry())
  * </script>
  * ```
@@ -12848,7 +13602,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/logging/logentry.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/logging/logentry.js';
  * console.log(new LogEntry())
  * </script>
  * ```
@@ -13034,7 +13788,7 @@ var OFF = 0;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/logging/logger.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * new Monster.Logging.Logger()
  * </script>
  * ```
@@ -13043,7 +13797,7 @@ var OFF = 0;
  *
  * ```
  * <script type="module">
- * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/logging/logger.js';
+ * import {ID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/logging/logger.js';
  * new Logger()
  * </script>
  * ```
@@ -13343,7 +14097,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/logging/handler/console.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Logging.Handler.ConsoleHandler())
  * </script>
  * ```
@@ -13352,7 +14106,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {ConsoleHandler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/logging/handler/console.js';
+ * import {ConsoleHandler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/logging/handler/console.js';
  * console.log(new ConsoleHandler())
  * </script>
  * ```
@@ -13428,8 +14182,8 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/math/random.js';
-  * Monster.Math.random(1,10)
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Math.random(1,10)
  * // ↦ 5
  * </script>
  * ```
@@ -13438,8 +14192,8 @@ __webpack_require__.r(__webpack_exports__);
  *
  * ```
  * <script type="module">
- * import {random} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/math/random.js';
- * random(1,10) 
+ * import {random} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/math/random.js';
+ * random(1,10)
  * // ↦ 5
  * </script>
  * ```
@@ -13533,7 +14287,11 @@ function create(min, max) {
     return create(min, max);
   }
 
-  return min + rval;
+  if (rval < min) {
+    rval += min;
+  }
+
+  return rval;
 }
 
 (0,_namespace_js__WEBPACK_IMPORTED_MODULE_0__.assignToNamespace)('Monster.Math', random);
@@ -13591,7 +14349,7 @@ var internalCounter = 0;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/randomid.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Types.RandomID())
  * </script>
  * ```
@@ -13600,7 +14358,7 @@ var internalCounter = 0;
  *
  * ```
  * <script type="module">
- * import {RandomID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/randomid.js';
+ * import {RandomID} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/randomid.js';
  * console.log(new RandomID())
  * </script>
  * ```
@@ -13683,7 +14441,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/version.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(new Monster.Types.Version('1.2.3')) // ↦ 1.2.3
  * console.log(new Monster.Types.Version('1')) // ↦ 1.0.0
  * </script>
@@ -13693,7 +14451,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/version.js';
  * console.log(new Version('1.2.3')) // ↦ 1.2.3
  * console.log(new Version('1')) // ↦ 1.0.0
  * </script>
@@ -13701,7 +14459,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/version.js';
  *
  * new Version('1.0.0') // ↦ 1.0.0
  * new Version(1)  // ↦ 1.0.0
@@ -13835,7 +14593,7 @@ var monsterVersion;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/version.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
  * console.log(Monster.getVersion())
  * </script>
  * ```
@@ -13844,7 +14602,7 @@ var monsterVersion;
  *
  * ```
  * <script type="module">
- * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/types/version.js';
+ * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/types/version.js';
  * console.log(getVersion())
  * </script>
  * ```
@@ -13863,7 +14621,7 @@ function getVersion() {
   /**#@+ dont touch, replaced by make with package.json version */
 
 
-  monsterVersion = new Version('1.24.0');
+  monsterVersion = new Version('1.27.0');
   /**#@-*/
 
   return monsterVersion;
@@ -13919,8 +14677,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/util/comparator.js';
- * console.log(new Monster.Util.Comparator())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * new Monster.Util.Comparator()
  * </script>
  * ```
  *
@@ -13928,7 +14686,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * ```
  * <script type="module">
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/util/comparator.js';
  * console.log(new Comparator())
  * </script>
  * ```
@@ -13953,7 +14711,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  *
  * @example
  *
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/util/comparator.js';
  *
  * console.log(new Comparator().lessThanOrEqual(2, 5))
  * // ↦ true
@@ -14166,8 +14924,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/util/freeze.js';
- * console.log(Monster.Util.deepFreeze({}))
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * Monster.Util.deepFreeze({})
  * </script>
  * ```
  *
@@ -14175,8 +14933,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * ```
  * <script type="module">
- * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.24.0/dist/modules/util/freeze.js';
- * console.log(deepFreeze({}))
+ * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/util/freeze.js';
+ * deepFreeze({})
  * </script>
  * ```
  *
@@ -14298,12 +15056,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _dom_constants_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(33);
 /* harmony import */ var _dom_customcontrol_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(34);
 /* harmony import */ var _dom_customelement_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(35);
-/* harmony import */ var _dom_events_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(43);
+/* harmony import */ var _dom_events_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(42);
 /* harmony import */ var _dom_locale_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(44);
 /* harmony import */ var _dom_template_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(38);
 /* harmony import */ var _dom_theme_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(39);
 /* harmony import */ var _dom_updater_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(40);
-/* harmony import */ var _dom_util_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(42);
+/* harmony import */ var _dom_util_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(43);
 /* harmony import */ var _i18n_locale_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(45);
 /* harmony import */ var _i18n_provider_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(46);
 /* harmony import */ var _i18n_providers_fetch_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(49);