@schukai/monster 1.14.1 → 1.15.0

package/source/data/pipe.js

@@ -4,7 +4,7 @@
  * @author schukai GmbH
  */
 
-import {Monster} from '../namespace.js';
+import {Monster, assignToNamespace} from '../namespace.js';
 import {Transformer} from './transformer.js';
 import {Base} from '../types/base.js';
 import {validateFunction, validateString} from '../types/validate.js';
@@ -19,7 +19,7 @@ const DELIMITER = '|';
  *
  * ```
  * <script type="module"> 
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/data/pipe.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/data/pipe.js';
  * console.log(new Monster.Data.Pipe())
  * </script>
  * ```
@@ -28,7 +28,7 @@ const DELIMITER = '|';
  *
  * ```
  * <script type="module">
- * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/data/pipe.js';
+ * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/data/pipe.js';
  * console.log(new Pipe())
  * </script>
  * ```
@@ -39,7 +39,7 @@ const 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.14.1/dist/modules/data/pipe.js';
+ * import {Pipe} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/data/pipe.js';
  *
  * let obj = {
  *    a: {
@@ -106,5 +106,5 @@ class Pipe extends Base {
     }
 }
 
-Monster.assignToNamespace('Monster.Data', Pipe);
+assignToNamespace('Monster.Data', Pipe);
 export {Monster, Pipe}

package/source/data/transformer.js

@@ -3,8 +3,7 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster} from '../namespace.js';
+import {Monster, assignToNamespace} from '../namespace.js';
 import {Base} from '../types/base.js';
 import {getGlobal} from "../types/global.js";
 import {
@@ -26,7 +25,7 @@ import {Pathfinder} from "./pathfinder.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/data/transformer.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/data/transformer.js';
  * console.log(new Monster.Data.Transformer())
  * </script>
  * ```
@@ -35,7 +34,7 @@ import {Pathfinder} from "./pathfinder.js";
  *
  * ```
  * <script type="module">
- * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/data/transformer.js';
+ * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/data/transformer.js';
  * console.log(new Transformer())
  * </script>
  * ```
@@ -114,7 +113,7 @@ import {Pathfinder} from "./pathfinder.js";
  *
  * @example
  *
- * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/data/transformer.js';
+ * import {Transformer} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/data/transformer.js';
  *
  * const transformer = new Transformer("tolower")
  *
@@ -181,7 +180,7 @@ class Transformer extends Base {
     }
 }
 
-Monster.assignToNamespace('Monster.Data', Transformer);
+assignToNamespace('Monster.Data', Transformer);
 export {Monster, Transformer}
 
 /**

package/source/dom/assembler.js

@@ -3,8 +3,8 @@
 /**
  * @author schukai GmbH
  */
-
-import {Monster, Base} from '../types/base.js';
+import {Monster, assignToNamespace} from '../namespace.js';
+import { Base} from '../types/base.js';
 import {validateInstance, validateString} from "../types/validate.js";
 import {getGlobalFunction} from "../types/global.js";
 import {ProxyObserver} from "../types/proxyobserver.js";
@@ -23,7 +23,7 @@ const ATTRIBUTEPREFIX = "data-monster-";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/assembler.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/assembler.js';
  * console.log(new Monster.DOM.Assembler())
  * </script>
  * ```
@@ -32,7 +32,7 @@ const ATTRIBUTEPREFIX = "data-monster-";
  *
  * ```
  * <script type="module">
- * import {Assembler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/assembler.js';
+ * import {Assembler} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/assembler.js';
  * console.log(new Assembler())
  * </script>
  * ```
@@ -95,5 +95,5 @@ class Assembler extends Base {
 
 }
 
-Monster.assignToNamespace('Monster.DOM', Assembler);
+assignToNamespace('Monster.DOM', Assembler);
 export {Monster, ATTRIBUTEPREFIX, Assembler}

package/source/dom/attributes.js

@@ -4,7 +4,7 @@
  * @author schukai GmbH
  */
 
-import {Monster} from '../namespace.js';
+import {Monster, assignToNamespace} from '../namespace.js';
 import {getGlobalFunction} from "../types/global.js";
 import {isInstance} from "../types/is.js";
 import {TokenList} from "../types/tokenlist.js";
@@ -21,7 +21,7 @@ import {ATTRIBUTE_OBJECTLINK} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/updater.js';
  * console.log(Monster.DOM.findClosestObjectLink())
  * </script>
  * ```
@@ -30,7 +30,7 @@ import {ATTRIBUTE_OBJECTLINK} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/updater.js';
+ * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/updater.js';
  * console.log(findClosestObjectLink())
  * </script>
  * ```
@@ -51,7 +51,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.addToObjectLink();
  * </script>
  * ```
@@ -60,7 +60,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * addToObjectLink();
  * </script>
  * ```
@@ -93,7 +93,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.removeObjectLink();
  * </script>
  * ```
@@ -102,7 +102,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * removeObjectLink();
  * </script>
  * ```
@@ -135,7 +135,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.hasObjectLink();
  * </script>
  * ```
@@ -144,7 +144,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * hasObjectLink();
  * </script>
  * ```
@@ -181,7 +181,7 @@ function hasObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.getLinkedObjects();
  * </script>
  * ```
@@ -190,7 +190,7 @@ function hasObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * getLinkedObjects();
  * </script>
  * ```
@@ -226,7 +226,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.toggleAttributeToken();
  * </script>
  * ```
@@ -235,7 +235,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * toggleAttributeToken();
  * </script>
  * ```
@@ -270,7 +270,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.addAttributeToken();
  * </script>
  * ```
@@ -279,7 +279,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * addAttributeToken();
  * </script>
  * ```
@@ -316,7 +316,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.removeAttributeToken();
  * </script>
  * ```
@@ -325,7 +325,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * removeAttributeToken();
  * </script>
  * ```
@@ -361,7 +361,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.containsAttributeToken();
  * </script>
  * ```
@@ -370,7 +370,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * containsAttributeToken();
  * </script>
  * ```
@@ -403,7 +403,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.replaceAttributeToken();
  * </script>
  * ```
@@ -412,7 +412,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * replaceAttributeToken();
  * </script>
  * ```
@@ -448,7 +448,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.clearAttributeTokens();
  * </script>
  * ```
@@ -457,7 +457,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * clearAttributeTokens();
  * </script>
  * ```
@@ -487,7 +487,7 @@ function clearAttributeTokens(element, key) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * Monster.DOM.findClosestByAttribute();
  * </script>
  * ```
@@ -496,7 +496,7 @@ function clearAttributeTokens(element, key) {
  *
  * ```
  * <script type="module">
- * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/attributes.js';
+ * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/attributes.js';
  * findClosestByAttribute();
  * </script>
  * ```
@@ -536,7 +536,7 @@ function findClosestByAttribute(element, key, value) {
 }
 
 // exports
-Monster.assignToNamespace('Monster.DOM', getLinkedObjects, addToObjectLink, removeObjectLink, findClosestByAttribute, hasObjectLink, clearAttributeTokens, replaceAttributeToken, containsAttributeToken, removeAttributeToken, addAttributeToken, toggleAttributeToken);
+assignToNamespace('Monster.DOM', getLinkedObjects, addToObjectLink, removeObjectLink, findClosestByAttribute, hasObjectLink, clearAttributeTokens, replaceAttributeToken, containsAttributeToken, removeAttributeToken, addAttributeToken, toggleAttributeToken);
 export {
     Monster,
     addToObjectLink,

package/source/dom/constants.js

@@ -1,7 +1,6 @@
 'use strict';
 
-import {Monster} from "../namespace.js";
-
+import {Monster, assignToNamespace} from '../namespace.js';
 /**
  * @author schukai GmbH
  */

package/source/dom/customcontrol.js

@@ -3,11 +3,9 @@
 /**
  * @author schukai GmbH
  */
-
+import {Monster, assignToNamespace} from '../namespace.js';
 import {extend} from "../data/extend.js";
-import {isArray} from "../types/is.js";
-import {OBJECTLINK_KEY_UPDATER} from "./constants.js";
-import {Monster, CustomElement} from "./customelement.js";
+import { CustomElement} from "./customelement.js";
 
 
 /**
@@ -29,7 +27,7 @@ const internalSymbol = Symbol('internalSymbol');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/customcontrol.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/customcontrol.js';
  * console.log(new Monster.DOM.CustomControl())
  * </script>
  * ```
@@ -38,7 +36,7 @@ const internalSymbol = Symbol('internalSymbol');
  *
  * ```
  * <script type="module">
- * import {CustomControl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.14.1/dist/modules/dom/customcontrol.js';
+ * import {CustomControl} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.15.0/dist/modules/dom/customcontrol.js';
  * console.log(new CustomControl())
  * </script>
  * ```
@@ -59,7 +57,7 @@ class CustomControl extends CustomElement {
     constructor() {
         super();
 
-        if (typeof this['attachInternals'] === 'function' && this.getOption('formAssociated') === true) {
+        if (typeof this['attachInternals'] === 'function') {
             // currently only supported by chrome
             this[internalSymbol] = this.attachInternals();
         }
@@ -67,15 +65,15 @@ class CustomControl extends CustomElement {
     }
 
     /**
-     * | option         | description                                                                                                                                                                                                                                                                |
-     * |----------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-     * | formAssociated     | Adding a static formAssociated property, with a true value, makes an autonomous custom element a form-associated custom element.                                                                          |
+     * | option         | description                     |
+     * |----------------|---------------------------------|
+     * |                |                                 |
      *
      * Derived classes can override and extend this method as follows.
      *
      * ```
      * get defaults() {
-     *    return Object.assign({}, super.defaults, {
+     *    return extends{}, super.defaults, {
      *        myValue:true
      *    });
      * }
@@ -83,45 +81,11 @@ class CustomControl extends CustomElement {
      *
      * @see https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example
      * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals
-     * @return {{shadowMode: string, delegatesFocus: boolean}}
+     * @return {object}
      * @since 1.14.0
      */
     get defaults() {
-
-        return Object.assign({}, super.defaults, {
-            formAssociated: true
-        });
-
-    }
-
-    /**
-     * This method determines which attributes are to be monitored by `attributeChangedCallback()`.
-     *
-     * @return {string[]}
-     * @since 1.14.0
-     */
-    static get observedAttributes() {
-        return [];
-    }
-
-    /**
-     * This method can be implemented in a derived class. The attributes must be defined in `observedAttributes()`.
-     *
-     * @param {string} name
-     * @param {string} oldValue
-     * @param {string} newValue
-     * @since 1.14.0
-     * @throws {Error} attributes but no handles have been defined
-     */
-    attributeChangedCallback(name, oldValue, newValue) {
-
-        const a = this.constructor.observedAttributes();
-
-        if (!a || (isArray(a) && a.length > 0)) {
-            throw new Error('attributes but no handles have been defined');
-        }
-
-
+        return extend({}, super.defaults);
     }
 
     /**
@@ -325,13 +289,13 @@ class CustomControl extends CustomElement {
  */
 function getInternal() {
     const self = this;
-    
+
     if (!(internalSymbol in this)) {
-        throw new Error('the ElementInternals is not supported and a polyfill is necessary');
+        throw new Error('ElementInternals is not supported and a polyfill is necessary');
     }
 
     return this[internalSymbol];
 }
 
-Monster.assignToNamespace('Monster.DOM', CustomControl);
+assignToNamespace('Monster.DOM', CustomControl);
 export {Monster, CustomControl}