@schukai/monster 1.29.2 → 1.31.0

package/source/dom/attributes.js

@@ -20,7 +20,7 @@ import {ATTRIBUTE_OBJECTLINK} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * console.log(Monster.DOM.findClosestObjectLink())
  * </script>
  * ```
@@ -29,7 +29,7 @@ import {ATTRIBUTE_OBJECTLINK} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/updater.js';
+ * import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/updater.js';
  * console.log(findClosestObjectLink())
  * </script>
  * ```
@@ -50,7 +50,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.addToObjectLink();
  * </script>
  * ```
@@ -59,7 +59,7 @@ function findClosestObjectLink(element) {
  *
  * ```
  * <script type="module">
- * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * addToObjectLink();
  * </script>
  * ```
@@ -92,7 +92,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.removeObjectLink();
  * </script>
  * ```
@@ -101,7 +101,7 @@ function addToObjectLink(element, symbol, object) {
  *
  * ```
  * <script type="module">
- * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * removeObjectLink();
  * </script>
  * ```
@@ -134,7 +134,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.hasObjectLink();
  * </script>
  * ```
@@ -143,7 +143,7 @@ function removeObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * hasObjectLink();
  * </script>
  * ```
@@ -180,7 +180,7 @@ function hasObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.getLinkedObjects();
  * </script>
  * ```
@@ -189,7 +189,7 @@ function hasObjectLink(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * getLinkedObjects();
  * </script>
  * ```
@@ -225,7 +225,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.toggleAttributeToken();
  * </script>
  * ```
@@ -234,7 +234,7 @@ function getLinkedObjects(element, symbol) {
  *
  * ```
  * <script type="module">
- * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * toggleAttributeToken();
  * </script>
  * ```
@@ -269,7 +269,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.addAttributeToken();
  * </script>
  * ```
@@ -278,7 +278,7 @@ function toggleAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * addAttributeToken();
  * </script>
  * ```
@@ -315,7 +315,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.removeAttributeToken();
  * </script>
  * ```
@@ -324,7 +324,7 @@ function addAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * removeAttributeToken();
  * </script>
  * ```
@@ -360,7 +360,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.containsAttributeToken();
  * </script>
  * ```
@@ -369,7 +369,7 @@ function removeAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * containsAttributeToken();
  * </script>
  * ```
@@ -402,7 +402,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.replaceAttributeToken();
  * </script>
  * ```
@@ -411,7 +411,7 @@ function containsAttributeToken(element, key, token) {
  *
  * ```
  * <script type="module">
- * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * replaceAttributeToken();
  * </script>
  * ```
@@ -447,7 +447,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.clearAttributeTokens();
  * </script>
  * ```
@@ -456,7 +456,7 @@ function replaceAttributeToken(element, key, from, to) {
  *
  * ```
  * <script type="module">
- * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * clearAttributeTokens();
  * </script>
  * ```
@@ -504,7 +504,7 @@ function clearAttributeTokens(element, key) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.findClosestByAttribute();
  * </script>
  * ```
@@ -513,7 +513,7 @@ function clearAttributeTokens(element, key) {
  *
  * ```
  * <script type="module">
- * import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * findClosestByAttribute();
  * </script>
  * ```
@@ -569,7 +569,7 @@ function findClosestByAttribute(element, key, value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * Monster.DOM.findClosestByClass();
  * </script>
  * ```
@@ -578,7 +578,7 @@ function findClosestByAttribute(element, key, value) {
  *
  * ```
  * <script type="module">
- * import {findClosestByClass} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/attributes.js';
+ * import {findClosestByClass} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/attributes.js';
  * findClosestByClass();
  * </script>
  * ```

package/source/dom/constants.js

@@ -29,6 +29,15 @@ const ATTRIBUTE_PREFIX = 'data-monster-';
  */
 const ATTRIBUTE_OPTIONS = ATTRIBUTE_PREFIX + 'options';
 
+/**
+ * This is the name of the attribute to pass options to a control
+ *
+ * @memberOf Monster.DOM
+ * @since 1.30.0
+ * @type {string}
+ */
+const ATTRIBUTE_OPTIONS_SELECTOR = ATTRIBUTE_PREFIX + 'options-selector';
+
 /**
  * @memberOf Monster.DOM
  * @type {string}
@@ -430,5 +439,6 @@ export {
     ATTRIBUTE_VALUE,
     objectUpdaterLinkSymbol,
     ATTRIBUTE_TEMPLATE_PREFIX,
-    ATTRIBUTE_UPDATER_SELECT_THIS
+    ATTRIBUTE_UPDATER_SELECT_THIS,
+    ATTRIBUTE_OPTIONS_SELECTOR
 } 

package/source/dom/customcontrol.js

@@ -30,7 +30,7 @@ const attachedInternalSymbol = Symbol('attachedInternal');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * document.createElement('monster-')
  * </script>
  * ```

package/source/dom/customelement.js

@@ -15,8 +15,14 @@ import {Observer} from "../types/observer.js";
 import {ProxyObserver} from "../types/proxyobserver.js";
 import {validateFunction, validateInstance, validateObject, validateString} from "../types/validate.js";
 import {clone} from "../util/clone.js";
-import {addToObjectLink, addAttributeToken,getLinkedObjects, hasObjectLink} from "./attributes.js";
-import {ATTRIBUTE_DISABLED, ATTRIBUTE_OPTIONS,ATTRIBUTE_ERRORMESSAGE, objectUpdaterLinkSymbol} from "./constants.js";
+import {addAttributeToken, addToObjectLink, getLinkedObjects, hasObjectLink} from "./attributes.js";
+import {
+    ATTRIBUTE_DISABLED,
+    ATTRIBUTE_ERRORMESSAGE,
+    ATTRIBUTE_OPTIONS,
+    ATTRIBUTE_OPTIONS_SELECTOR,
+    objectUpdaterLinkSymbol
+} from "./constants.js";
 import {findDocumentTemplate, Template} from "./template.js";
 import {Updater} from "./updater.js";
 
@@ -97,7 +103,7 @@ const attributeObserverSymbol = Symbol('attributeObserver');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * document.createElement('monster-')
  * </script>
  * ```
@@ -201,7 +207,7 @@ class CustomElement extends HTMLElement {
      */
     constructor() {
         super();
-        this[internalSymbol] = new ProxyObserver({'options': extend({}, this.defaults, getOptionsFromAttributes.call(this))});
+        this[internalSymbol] = new ProxyObserver({'options': extend({}, this.defaults)});
         this[attributeObserverSymbol] = {};
         initOptionObserver.call(this);
         this[initMethodSymbol]();
@@ -228,7 +234,7 @@ class CustomElement extends HTMLElement {
      * }
      * ```
      *
-     * to set the options via the html tag the attribute data-monster-options must be set.
+     * To set the options via the html tag the attribute data-monster-options must be set.
      * As value a JSON object with the desired values must be defined.
      *
      * Since 1.18.0 the JSON can be specified as a DataURI.
@@ -243,6 +249,20 @@ class CustomElement extends HTMLElement {
      *    })),'application/json',true).toString()
      * ```
      *
+     * The attribute data-monster-options-selector can be used to access a script tag that contains additional configuration.
+     *
+     * As value a selector must be specified, which belongs to a script tag and contains the configuration as json.
+     *
+     * ```
+     * <script id="id-for-this-config" type="application/json">
+     *    {
+     *        "config-key": "config-value"
+     *    }
+     * </script>
+     * ```
+     *
+     * The individual configuration values can be found in the table.
+     *
      * @property {boolean} disabled=false Object The Boolean disabled attribute, when present, makes the element not mutable, focusable, or even submitted with the form.
      * @property {string} shadowMode=open `open` Elements of the shadow root are accessible from JavaScript outside the root, for example using. `close` Denies access to the node(s) of a closed shadow root from JavaScript outside it
      * @property {Boolean} delegatesFocus=true A boolean that, when set to true, specifies behavior that mitigates custom element issues around focusability. When a non-focusable part of the shadow DOM is clicked, the first focusable part is given focus, and the shadow host is given any available :focus styling.
@@ -374,7 +394,7 @@ class CustomElement extends HTMLElement {
     setOptions(options) {
 
         if (isString(options)) {
-            options = parseOptionsJSON(options)
+            options = parseOptionsJSON.call(this, options)
         }
 
         const self = this;
@@ -404,6 +424,17 @@ class CustomElement extends HTMLElement {
         const self = this;
         let elements, nodeList;
 
+        const AttributeOptions = getOptionsFromAttributes.call(self);
+        if (isObject(AttributeOptions) && Object.keys(AttributeOptions).length > 0) {
+            self.setOptions(AttributeOptions);
+        }
+
+        const ScriptOptions = getOptionsFromScriptTag.call(self);
+        if (isObject(ScriptOptions) && Object.keys(ScriptOptions).length > 0) {
+            self.setOptions(ScriptOptions);
+        }
+
+
         if (self.getOption('shadowMode', false) !== false) {
             try {
                 initShadowRoot.call(self);
@@ -674,7 +705,15 @@ function initOptionObserver() {
     // data-monster-options
     self[attributeObserverSymbol][ATTRIBUTE_OPTIONS] = () => {
         const options = getOptionsFromAttributes.call(self);
-        if (isObject(options)) {
+        if (isObject(options) && Object.keys(options).length > 0) {
+            self.setOptions(options);
+        }
+    }
+
+    // data-monster-options-selector
+    self[attributeObserverSymbol][ATTRIBUTE_OPTIONS_SELECTOR] = () => {
+        const options = getOptionsFromScriptTag.call(self);
+        if (isObject(options) && Object.keys(options).length > 0) {
             self.setOptions(options);
         }
     }
@@ -685,14 +724,45 @@ function initOptionObserver() {
 /**
  * @private
  * @return {object}
- * @throws {Error} the options attribute does not contain a valid json definition.
+ * @throws {TypeError} value is not a object
+ */
+function getOptionsFromScriptTag() {
+    const self = this;
+
+    if (!self.hasAttribute(ATTRIBUTE_OPTIONS_SELECTOR)) {
+        return {};
+    }
+
+    const node = document.querySelector(self.getAttribute(ATTRIBUTE_OPTIONS_SELECTOR));
+    if (!(node instanceof HTMLScriptElement)) {
+        addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, 'the selector ' + ATTRIBUTE_OPTIONS_SELECTOR + ' for options was specified (' + self.getAttribute(ATTRIBUTE_OPTIONS_SELECTOR) + ') but not found.');
+        return {};
+    }
+
+    let obj = {};
+
+    try {
+        obj = parseOptionsJSON.call(this, node.textContent.trim())
+    } catch (e) {
+        addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, 'when analyzing the configuration from the script tag there was an error. ' + e);
+    }
+
+    return obj;
+
+}
+
+/**
+ * @private
+ * @return {object}
  */
 function getOptionsFromAttributes() {
+    const self = this;
+
     if (this.hasAttribute(ATTRIBUTE_OPTIONS)) {
         try {
-            return parseOptionsJSON(this.getAttribute(ATTRIBUTE_OPTIONS))
+            return parseOptionsJSON.call(self, this.getAttribute(ATTRIBUTE_OPTIONS))
         } catch (e) {
-            throw new Error('the options attribute ' + ATTRIBUTE_OPTIONS + ' does not contain a valid json definition (actual: ' + this.getAttribute(ATTRIBUTE_OPTIONS) + ').');
+            addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, 'the options attribute ' + ATTRIBUTE_OPTIONS + ' does not contain a valid json definition (actual: ' + this.getAttribute(ATTRIBUTE_OPTIONS) + ').' + e);
         }
     }
 
@@ -705,27 +775,30 @@ function getOptionsFromAttributes() {
  * @return {Object}
  */
 function parseOptionsJSON(data) {
-    if (isString(data)) {
 
-        // the configuration can be specified as a data url.
-        try {
-            let dataUrl = parseDataURL(data);
-            data = dataUrl.content;
-        } catch (e) {
+    const self = this, obj = {};
 
-        }
+    if (!isString(data)) {
+        return obj;
+    }
 
+    // the configuration can be specified as a data url.
+    try {
+        let dataUrl = parseDataURL(data);
+        data = dataUrl.content;
+    } catch (e) {
 
-        try {
-            let obj = JSON.parse(data);
-            validateObject(obj);
-            return obj;
-        } catch (e) {
-            throw new Error('the options does not contain a valid json definition (actual: ' + data + ').');
-        }
     }
 
-    return {};
+    try {
+        let obj = JSON.parse(data);
+        return validateObject(obj);
+    } catch (e) {
+        throw e;
+    }
+
+
+    return obj;
 }
 
 /**
@@ -768,12 +841,29 @@ function initCSSStylesheet() {
     const styleSheet = this.constructor.getCSSStyleSheet();
 
     if (styleSheet instanceof CSSStyleSheet) {
-        this.shadowRoot.adoptedStyleSheets = [styleSheet];
+        if (styleSheet.cssRules.length > 0) {
+            this.shadowRoot.adoptedStyleSheets = [styleSheet];
+        }
     } else if (isArray(styleSheet)) {
         const assign = [];
         for (let s of styleSheet) {
+
+            if (isString(s)) {
+                let trimedStyleSheet = s.trim()
+                if (trimedStyleSheet !== '') {
+                    const style = document.createElement('style')
+                    style.innerHTML = trimedStyleSheet;
+                    self.shadowRoot.prepend(style);
+                }
+                continue;
+            }
+
             validateInstance(s, CSSStyleSheet);
-            assign.push(s);
+
+            if (s.cssRules.length > 0) {
+                assign.push(s);
+            }
+
         }
 
         if (assign.length > 0) {
@@ -781,9 +871,14 @@ function initCSSStylesheet() {
         }
 
     } else if (isString(styleSheet)) {
-        const style = self.shadowRoot.createElement('<style>')
-        style.innerText = styleSheet;
-        this.shadowRoot.adoptedStyleSheets = styleSheet;
+
+        let trimedStyleSheet = styleSheet.trim()
+        if (trimedStyleSheet !== '') {
+            const style = document.createElement('style')
+            style.innerHTML = styleSheet;
+            self.shadowRoot.prepend(style);
+        }
+
     }
 
     return self;

package/source/dom/events.js

@@ -14,7 +14,7 @@ import {getDocument} from "./util.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * new Monster.DOM.fireEvent()
  * </script>
  * ```
@@ -23,7 +23,7 @@ import {getDocument} from "./util.js";
  *
  * ```
  * <script type="module">
- * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/events.js';
+ * import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/events.js';
  * fireEvent()
  * </script>
  * ```
@@ -70,7 +70,7 @@ function fireEvent(element, type) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * new Monster.DOM.fireCustomEvent()
  * </script>
  * ```
@@ -79,7 +79,7 @@ function fireEvent(element, type) {
  *
  * ```
  * <script type="module">
- * import {fireCustomEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/events.js';
+ * import {fireCustomEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/events.js';
  * fireCustomEvent()
  * </script>
  * ```
@@ -130,7 +130,7 @@ function fireCustomEvent(element, type, detail) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * new Monster.DOM.findTargetElementFromEvent()
  * </script>
  * ```
@@ -139,7 +139,7 @@ function fireCustomEvent(element, type, detail) {
  *
  * ```
  * <script type="module">
- * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/events.js';
+ * import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/events.js';
  * findTargetElementFromEvent()
  * </script>
  * ```

package/source/dom/focusmanager.js

@@ -41,7 +41,7 @@ const stackSymbol = Symbol('stack');
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * new Monster.DOM.FocusManager()
  * </script>
  * ```
@@ -50,7 +50,7 @@ const stackSymbol = Symbol('stack');
  *
  * ```
  * <script type="module">
- * import {FocusManager} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/focusmanager.js';
+ * import {FocusManager} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/focusmanager.js';
  * new FocusManager()
  * </script>
  * ```

package/source/dom/locale.js

@@ -26,7 +26,7 @@ const DEFAULT_LANGUAGE = 'en';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/monster.js';
  * new Monster.DOM.getLocaleOfDocument()
  * </script>
  * ```
@@ -35,7 +35,7 @@ const DEFAULT_LANGUAGE = 'en';
  *
  * ```
  * <script type="module">
- * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/dom/locale.js';
+ * import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.31.0/dist/modules/dom/locale.js';
  * new getLocaleOfDocument()
  * </script>
  * ```